/* screen styles for the template */
body {
	margin:0;
	padding:0;
	background:#fff url(../images/back.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvetica,Sans-Serif;
	line-height:150%;
	font-size:12px;
	color:#58595B; 
}

img {	border: 0; }
p { margin:0 0 1em 0; }
a { color:#F7931E; text-decoration:none; }
a:hover { color:#F7931E; text-decoration:underline; }

/* system */
#top { width:920px; padding:0 20px; background:url(../images/header.jpg) no-repeat top left; margin:0 auto; overflow:hidden; }
#page, #footer { width:920px;	margin:0 auto; overflow:hidden; } 
#footer { margin-top:0; border-top:1px solid #aac1e2; padding:10px 0 0 0;  }
/* system end */

/* main */
#logo { height:65px; }
#header { height:201px; margin:0; position:relative; }
#content { padding:10px 0 20px 0; /*background:#dff7ff; */}
#rightCol { width:290px; margin:0; float:right; }
#imgCol { width:200px; float:right; }

#contHolder { background:url(../images/backMid.gif) repeat-y top left; }
#contBottom { background:url(../images/backBot.gif) no-repeat bottom left; }
#contTop { background:url(../images/backTop-orange.gif) no-repeat top left; padding:3px 15px 15px 15px; }
.withCol { margin:0 310px 0 0; background-image:url(../images/backMid-small.gif) !important; }
.withCol #contBottom { background-image:url(../images/backBot-small.gif) !important; }
.withCol #contTop { background-image:url(../images/backTop-small-green.gif) !important; }
.conditionTop { padding:3px 1px 15px 1px !important; }
.conditionTop .pageHeadings { padding:0 14px; height:40px; }
.conditionTop .contentBlock { padding:0 14px 20px 14px; }
#condTop { background:url(../images/backTop-small-orange.gif) no-repeat top left; padding:3px 15px 15px 15px; }
#conditionPopup { width:610px; margin:0 auto; }
.captionNew { color:#F7931E; text-align:center; font-weight:bold; font-size:16px; }

#footerLogo { }
#credits { float:right; text-align:right; clear:both; padding:0; font-size:10px; font-style:italic; }
#credits a { margin:0 3px; color:#58585A; text-decoration:none; }
#credits a:hover { text-decoration:underline; }
#footerPages { float:right; }
#footer a, #footer { color:#58595b; }
#breadcrumbs { height:14px; font-size:10px; padding:0; margin:0 0 2px 0; color:#fff; }
#breadcrumbs a { color:#fff; }
/* main end */

/* Promos */
#promoHolder { margin:20px 0 0 0; }
#promoHolder .edit { height:340px !important; overflow:hidden; }
.promo { width:130px; height:170px; margin:0 25px 0 0; padding:20px 15px 15px 145px; float:left; background:url(../images/promoBack.gif) no-repeat top left; }
.promo .headings { color:#58595B; }
.promo .headings a { color:#58595B; }
.promo img { display:block; }
.promo .cont { height:10.5em; margin:5px 0; padding:0; overflow:hidden; }
.promo .more a { display:block; width:87px; height:18px; padding:2px 7px; background:#95ba0f url(../images/buttonWhite.gif) no-repeat top left; color:#fff; }
.promo .more a:hover { text-decoration:none; }
.p1 { background-image:url(../images/promoBack_bottle.jpg); }
.p2 { background-image:url(../images/promoBack_bike.jpg); }
.p3 { background-image:url(../images/promoBack3.jpg); margin-right:0; padding-left:155px; width:120px; }

#rightCol .promo { margin:0 0 25px 0; }
#rightCol #topPromo { margin:0 0 25px 0; }

#search .headings { margin-bottom:15px; }
#topPromo, #search { width:265px; height:175px; margin:0; padding:20px 15px 10px 10px; float:right; background:url(../images/promoBack.gif) no-repeat top left; overflow:hidden; }
#topPromo .topPromoImage { width:135px; float:left; }
#topPromo .topPromoCont { margin:0 0 0 145px; }
#topPromo .headings { color:#58595B; }
#topPromo .phone { color:#F7931E; font-size:16px; letter-spacing:1px; margin:0 0 8px 0; padding:0; }
#topPromo .cont { height:6.2em; /*overflow:hidden;*/ margin:0 0 6px 0; }
#topPromo .more a { display:block; width:87px; text-align:center; height:18px; padding:2px 7px; background:#95ba0f url(../images/buttonWhite.gif) no-repeat top left; color:#fff; }
#topPromo .more { margin:0 0 4px 0; }
#topPromo .caption { margin:0; color:#58595B; font-size:11px; }
#search { margin-bottom:25px; height:84px; background-image:url(../images/backSearch.gif); }
/* promos end */

/* table of contents */
#toc a.onLink { text-decoration:underline; }
/* end table of contents */

/* home */
#homeCont { width:565px; height:168px; padding:17px 20px; background:#849fd7 url(../images/backHomeCont.gif) no-repeat top left; color:#fff; }
.homeContEdit { height:270px !important; background-image:none !important; }
#homeCont .homeContImg { width:256px; float:left; }
#homeCont .homeContent { margin:0 0 0 270px; }
#homeCont .homeContent .cont { height:7.3em; overflow:hidden; }
#homeCont .headings { color:#fff; font-size:25px; font-weight:normal; margin-bottom:10px; }
#login { width:224px; height:102px; padding:10px 0 10px 5px; margin:36px 5px 0 0; float:right; font-size:11px; color:#fff; }
#login .headings { font-size:16px; color:#fff; }
#login .btmRow { font-size:10px; color:#58595B; }
#login .btmRow a { color:#fff; text-decoration:underline; }
#login input { font-size:10px; }
#login .loginInput { width:98px !important; }
#login .formbuttonsmall { border:0; background:#91b413 url(../images/buttonBlue-small.gif) no-repeat top left; cursor:pointer; padding-top:0; padding-bottom:15px; height:17px; color:#fff; width:49px; vertical-align:top; }
/* home end */

/* news */
.archivedBlock { padding:4px 0; border-bottom:1px solid #acacad; }
.archivedBlock a { display:block; }
/* end news*/

/* faq */
#faq { margin:0 0 25px 0; padding:0; list-style:none;}
#faq li { margin:0; padding:0; }
#faq li a { padding:2px 0; font-size:14px; font-weight:bold; }
.faqBlock { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #acacad;  }
/* faq end */

/* gallery */
.gallery2 ul { margin:0; padding:0; list-style:none; }
.gallery2 li { height:190px; width:167px; margin:0 39px 10px 0; padding:0; float:left; overflow:hidden; }
.gallery2 li.edit { height:280px; width:167px; overflow:hidden; }
.gallery2 li.last { margin-right:0; }
.gallery2 li a { width:165px; height:165px; display:block; border:1px solid #c6c5c6; }
.gallery2 li a img { display:none; }
.gallery2 li p { text-align:center; }
.gallery2 li p a { height:auto; border:0; }
.imgContent { display:none; }

/* default gallery popup styles */
#gal_Mask { position:absolute; z-index:1000; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
#gal_LargeView, #gal_controls, #gal_controlsTop {  position:absolute; z-index:1001; top:50%; left:50%; background:#fff; padding:10px; }
#gal_controlsTop { z-index:1002; }
#gal_LargeView { width:300px; height:250px; margin-left:-150px; margin-top:-125px; padding-bottom:0; }
#gal_LargeView.loading { background: #fff url(?wtInclude=wtGalleryLoading.gif) center center no-repeat; }
#gal_controlsTop { width:300px; margin-left:-150px; margin-top:-125px; }
#gal_controls { width:300px; margin-left:-150px; margin-top:125px; padding-top:0; border-top:10px solid #fff; }
#gal_next { float:right; padding:0 10px 0 0; }
#gal_next a {}
#gal_previous { float:left; padding:0 0 0 10px; }
#gal_previous a {}
#gal_close { text-align:right; }
#gal_close a {} 
#gal_description { text-align:center; }
/* default gallery popup styles end */
/* media controls */
#mediaFader, #mediaBackground { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:100; }
#mediaFader { z-index:300; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background:#5583C6; }
#mediaBackground { z-index:400; } 
#mediaContainer { width:750px; height:426px; top:50%; left:50%; margin:-225px 0 0 -375px; position:absolute; z-index:2000; background:#97BE0D; padding:10px; }
#mediaFile { cursor:default; padding:0; height:400px; width:515px; }
#mediaRight { float:right; width:210px; margin:0; padding:0; }
#mediaButtons { height:23px; cursor:default; padding:3px 10px; color:#fff; }
#mediaContent { height:380px; cursor:default; padding:5px; overflow:auto; margin:0 0 7px 0; color:#fff; }
#mediaContent a { color:#fff; text-decoration:underline; }
#mediaNext { float:left; cursor:pointer; padding:2px 3px; margin:0 5px 0 0; width:45px; }
#mediaBack { float:left; cursor:pointer; padding:2px 3px; margin:0 5px 0 0; width:65px; }
#mediaClose { cursor:pointer; padding:2px 3px; text-transform:uppercase; float:left; width:52px; }
#mediaCaption { height:20px; padding:5px 0 0 0; overflow:hidden; color:#fff;font-weight:bold;  }
/* media controls end */
/* gallery end */

/* form */
#form, #memberform { width:550px; }
#form .formrow, #memberform .formrow { margin:0 0 4px 0; height:22px; }
#form .fieldlabel, #memberform .fieldlabel { width:100px; height:25px; font-weight:bold; display:block; float:left; }
#form .textinput, #form .selectinput, #memberform .textinput, #memberform .selectinput { width:300px; border:1px solid #acacad; }
#form .textareainput, #memberform .textareainput { width:300px; height:100px; border:1px solid #acacad; font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; }
#form .radiobuttonfieldset, #memberform .radiobuttonfieldset { margin:0; padding:0; border:0; background:none; }
#form .radiobuttonfieldset br, #memberform .radiobuttonfieldset br { float:left; margin-right:10px; }
#form fieldset, #memberform fieldset { border:0; }
#form legend, #memberform legend { margin:0 0 10px 0; padding:40px 0 0 0; font-weight:bold; font-size:20px; }
#form #row563, #form #row1076 { height:105px; }
.formbutton, .addToCart, .wtCartButton { padding:0 10px; margin:0px; border:0; width:101px; height:22px; background:#95BA0F url(../images/buttonWhite.gif) no-repeat left top; color:#fff; cursor:pointer; }
#form .formbutton { margin-top:10px; }
#form .required, #wtForm .required, #memberform .required { margin:0 172px 0 0; color:#f00; }
#form .fieldlabel .required, #memberform .fieldlabel .required { margin:0; }
#form #row923, #form #row1014, #form #row1016, #form #row1028, #form #row996 { height:40px; }
#form #Field1028Label { float:none; width:412px; }
#form #row1028 .radiobuttonfieldset { margin:-7px 0 0 218px; }
#form #Field1032Label, #form #Field1030Label { width:225px; }
#form #Field1032, #form #Field1030 { width:175px; }
#form #row1176, #form #row1114, #form #row1116 { height:40px; }
#form #row1174, #form #row1180 { height:54px; }
#memberform .fieldlabel { width:140px; }
#emailFriend .fieldlabel { width:174px; }
#homeCont #conditionSelector .formbutton { background:#97be0d url(../images/buttonBlue.gif) no-repeat top left; width:102px; height:24px; font-size:11px; }
#conditionSelector .formbutton { background-image:url(../images/buttonWhite-large.gif); width:123px; }
#memberform #Field1028Label { width:443px; height:29px; }
#memberform #row1028 { height:45px; line-height:1.2em; }
#memberform #row1028 .radiobuttonfieldset { clear:left; }
#memberform #Field1030 { width:auto; }
#memberform #Field1030Label { width:210px; }
#memberform #Field1032Label { width:227px; }
#memberform #Field1032 { width:auto; }
#memberform #Field1034Label { width:1px; }
#form table .formbutton { margin-top:0; }
/* end form */


/* cart items */
#shopping { position:absolute; bottom:18px; right:4px; color:#fff; }
#shopping a { color:#fff; text-decoration:none; }
#wtCart { width:100%; border-collapse:collapse; padding:0; }
#wtCart th { text-align:right; border-bottom:1px solid #C1C1C2; }
#wtCart td { padding:10px 0; border-bottom:1px solid #c1c1c2; }
.wtCartTotal { text-align:right; }
#txtCardSecurityCode { width:25px; }
/*.wtCartImage { width:100px; }
.wtCartName { width:484px; }
*/
#cartHolder h2 { font-size:14px; color:#4099d0; margin:0 0 3px 0; padding:0; }
#cartHolder #wtCart { margin:0 0 20px 0; }
#cartHolder #wtForm .fieldlabel { width:120px; height:25px; font-weight:bold; display:block; float:left; }
#cartHolder #wtForm .textinput { width:300px; border:1px solid #ACACAD; }
#cartHolder #wtForm .textareainput { width:300px; height:100px; border:1px solid #acacad; font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; }
#cartHolder #wtForm .radiobuttonfieldset { border:0; margin:0; padding:0;  }
#cartHolder #wtForm .radiobuttonfieldset br { float:left; margin-right:10px; }
#cartHolder #wtForm .required { margin:0 191px 0 0; }
#cartHolder #wtForm .fieldlabel .required { margin:0; }
/* #cartHolder #wtForm .formbutton { border:0; background:#0077C0; color:#fff; padding:0 10px; margin-top:10px;  } */
#cartHolder #wtForm .formrow { height:22px; margin:0 0 4px 0; }
#cartHolder #wtForm #FieldBillingLabel { width:250px; }
#cartHolder #wtCart .wtTitle { text-align:left; }
#Field2069 { width:300px; }
#cartHolder #wtCC td { padding:3px 10px; }
#cartHolder #wtCC td td { padding:2px; }
#cartHolder #wtCC td #drpCardType { width:204px; }
#cartHolder #wtCC td #txtCardHolderName, #cartHolder #wtCC td #txtCardNumber { width:200px; }
#cartHolder #wtOrderAddress { margin-bottom:10px; }
/* .wtCartButton, .formbutton { border:0; background:#0077C0; color:#fff; padding:0 10px; margin-top:10px;  } */

/* cart end */


/* search box */
#quicksearch { /*width:310px; float:right;*/ }
#quickkeywords { border:1px solid #a7a6aa; }
/* end search box */

/* global product styles */
.products ul, .productList ul { margin:0; padding:0; list-style:none; }
.products li { width:165px; height:200px; margin:0 10px 10px 0; padding:0; float:left; }
.products li a { width:163px; height:163px; display:block; border:1px solid #acacad; }
.products li a img { display:none; }
.products li p a { height:auto; padding:4px 0 0 0; border:0; }
.productList li { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #D1D2D4; }
.productList .proImg { float:left; margin:0; width:130px; }
.productList .proCont { margin:0 0 0 140px; }

.productRight { width:290px; float:right; }
.productRight a { text-align:center; }
.productLeft { margin-right:310px; }
.theImg, .nuImg { text-align:center; margin-bottom:10px; }
#nutInfo { border:1px solid #000; border-collapse:collapse; width:250px; }
#nutInfo td { border:1px solid #000; padding:6px 10px; width:125px;  }
#nutInfo .headRow { text-align:center; font-size:14px; font-weight:bold; width:250px; }
#nutInfo .nameRow { font-weight:bold; text-align:right; }
.qty { width:40px; border:1px solid #acacad; }
/* end global product styles */

/* general editing  */
.pageHeadings, .headings, .subHeadings, .date { padding:0; color:#00a4d8; letter-spacing:1px; }
.pageHeadings { margin:0 0 20px 0; font-size:15px; color:#fff; }
.headings { margin:0 0 5px 0; font-size:16px; color:#58595B; }
.subHeadings { margin:0 0 3px 0; font-size:14px; color:#F7931E; }
.date { margin:0; font-size:14px; float:right; }
.clearBoth { clear:both; }
.clearLeft { clear:left;}
.clearRight { clear:right; }
.right { float:right; }
.left { float:left; }
.tLeft { text-align:left; }
.tCenter { text-align:center; }
.tRight { text-align:right; }
.imgLeft { margin:0 10px 10px 0; float:left; }
.imgRight { margin:0 0 10px 10px; float:right; }
table td { vertical-align:top; }
.noBorder { border:0 !important; }

.contentBlock { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #d2d3d3; }
.imgBlock { margin:0 0 15px 0; text-align:center; }
.caption { margin:0px 0 0 0; padding:0px; color:#4099d0; }
/* end general editing */

/* global nav.  to change styles, see menu.top.css or menu.left.css */
#navigation { height:39px; margin-bottom:7px; }
#navigation ul { margin:0; padding:0; list-style:none; }
#navigation li { margin:0; padding:0 2px 0 0; font-weight:bold; float:left; background:url(../images/backNav.gif) no-repeat center right; position:relative; }
#navigation li.large { line-height:1.2em; width:158px; text-align:center; }
#navigation li.large a { padding:5px 15px; }
#navigation li.last { width:137px; padding:0; background:url(../images/backNavRight.jpg) no-repeat top left; }
#navigation li.last a { background:none; line-height:1.3em; padding:0 20px 8px 20px ; text-align:center; }
#navigation li.last a.onLink { background:none; }
#navigation li.noBG { padding:0; background:none; }
#navigation li a { margin:0; padding:10px 17px 11px; display:block; color:#fff; text-decoration:none; }
#navigation li a:hover, #navigation li a.onLink, #navigation li li.last a.onLink { background:#97be0d url(../images/backNavHover.gif) repeat-x top left; }
#navigation li.last a:hover, #navigation li.last a.onLink { background:none; text-decoration:underline;  }
/* sub nav */
#navigation ul ul { margin:0; padding:0; background:#97be0d url(../images/backNavSub.gif) repeat-x top left; display:none; width:180px; position:absolute; }
#navigation li li { width:180px; text-align:left; padding:0 0 1px 0; background:url(../images/backNavSubSpace.gif) no-repeat bottom center; }
#navigation li li a { padding:3px 20px 4px 20px !important; color:#fff; font-size:11px; }
#navigation li li.last { background:none; width:180px; text-align:left; padding:0; }
#navigation li li.last a { padding:3px 20px 4px 20px !important; text-align:left; line-height:1.5em; }
#navigation li li a:hover, #navigation li li a.onLink { text-decoration:none !important; background:#F6931E !important; }
/* end sub nav */

/*info bar nav */
#infoBar { position:absolute; bottom:0; }
#infoBar ul { margin:0; padding:0; list-style:none; }
#infoBar li { margin:0; padding:0; float:left; width:86px; text-align:center; }
#infoBar li a { margin:0; padding:7px 0 8px 0; display:block; color:#fff; background:url(../images/backNavInfo.png) no-repeat top left; }
#infoBar li a:hover, #infoBar li a.onLink { background-position:bottom left; text-decoration:none; }
#infoBar li.large { line-height:1.2em; }
#infoBar li.large a { padding:2px 0; }
#infoBar li.last {  width:88px; }
#infoBar li.last a { background:url(../images/backNavInfo2.png) no-repeat top left; }
#infoBar li.last a:hover, #infoBar li.last a.onLink { background-position:bottom left; text-decoration:none; }
/* end info bar nav */
/* end global nav */

/* conditions page */
#selectedCondition { text-align:right; padding:5px 0 0 0; }
#condition { width:300px; }
#homeCont .selectButton { margin-top:7px; }
#conditionHolder ul { margin:0; padding:0; list-style:none; }
#conditionHolder li { padding:0; border-bottom:2px solid #fff; background:#f9d5ab; font-weight:bold; }
#conditionHolder li.headRow { padding:4px 14px; text-transform:uppercase; background:#e5edcb; border-bottom:2px solid #fae7d2; }
#conditionHolder li li { padding:2px 0; border-bottom-width:1px; background:#fae6cf; }
#conditionHolder li.last { border-bottom:0; }
#conditionHolder li .spacer { padding:2px 14px; }
#conditionHolder .titleRow { cursor:pointer; }
#conditionHolder li li li { background:#fef2e3; font-size:11px; }
#conditionHolder li li li .spacer { padding:0px 14px 0px 25px; }

.conLink { float:right; }
.conSource { float:right; width:120px; }
/*.conSource { float:right; width:120px; }*/
.conDate { float:right; width:75px; margin-right:10px; }
.conContent { margin-right:215px; }
.conContent a { display:block; }
/* the browser fixes */
.ie #form .required { margin:0 143px 0 0; }
.ie #form .fieldlabel .required { margin:0; }
.ie .promo .cont { line-height:1.4em; height:10.2em; }
.ie #contHolder { height:1%; }
.ie #navigation li a { padding-bottom:10px; }
.ie #navigation li.large a { padding-bottom:6px; }
.ie #navigation li.large ul { left:0; }
.ie #infoBar li a { padding-bottom:7px; }
.ie #infoBar li.large a { padding-bottom:3px; }
.ie .radiobuttonfieldset br { display:none; }
.ie form { margin:0; }
.ie .formbuttonsmall { width:48px; }

.ie7 #homeCont #condition { width:295px; }
.ie7 #gal_Mask, .ie7 #mediaFader { filter:alpha(opacity=75) !important; }

.ie6 { height:100%; }
.ie6 #gal_Mask, .ie6 #mediaFader { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75) !important; height:100%; }
.ie6 #homeCont { overflow:hidden; }
.ie6 #promoHolder { height:205px; overflow:hidden; }
.ie6 #login { margin-right:3px; }
.ie6 .formbuttonsmall { width:49px; height:17px; }
.ie6 #infoBar { bottom:-1px; }
.ie6 #breadcrumbs { margin:0px; overflow:hidden; height:16px; }
.ie6 .withCol { margin-right:307px; }
.ie6 #infoBar li a { background-image:url(../images/backNavInfo.gif); }
.ie6 #infoBar li.last a { background-image:url(../images/backNavInfo2.gif); }
.ie6 #homeCont #condition { width:292px; }


.macosx .formbuttonsmall, .default .formbuttonsmall { width:49px; }
.macosx #homeCont select { width:190px; }
/* the browser fixes end */

.note { border:2px dashed red; padding:10px; margin-bottom:10px; }


/* form validation */
.formsuccess { color:#FF0000; }
.formerror { color:#FF0000; }

#Field1034Label { display:none !important; }
#row1034{ padding-left: 97px; }