﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 994px;margin: 0 auto;text-align: left;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float: left; width: 994px;position: relative; margin: 0 0 5px 0;}
#wrap #head #mastHead{float: left; width: 994px;height: 115px;background: url(/_img/masthead-bg.jpg) no-repeat top left;}
#wrap #navCol{float: left; width: 220px;margin-top: 15px;padding-bottom: 10px;}
#wrap #mainContent{float: right; width: 752px;margin-top: 15px;padding-bottom: 10px;}
#wrap #footer{float: left; width: 954px; padding: 15px 20px; background: url(/_img/foot-gradient.gif) repeat-x top left;min-height: 70px; height: auto !important; height: 70px;}


#wrap .templateStore{}

/* == Head Content
------------------------------------------------------------------------------------------------------------------------ */
#wrap #head .note{float: left;height: 27px; line-height: 27px;color: #fff;font-weight: bold; text-transform: uppercase; font-size: 95%;}
#wrap #head .note a{color: #fff;text-decoration: none;}

#wrap #head #tools{float: left; width: 964px; background: #9f0b0b url(/_img/toolbar-bg.gif) no-repeat top left;margin: 0 0 4px 0;padding: 0 15px;}
#wrap #head #tools ul{margin: 0;float: right;}
#wrap #head #tools ul li{margin: 0 0 0 20px; display: inline;height: 28px; line-height: 24px;}
#wrap #head #tools ul li a{color: #fff;font-weight: bold;text-decoration: none;}
#wrap #head #tools ul li a:hover{text-decoration: underline;}

#wrap #head .logo{float: left;margin: 10px 0 0 15px;}
#wrap #head .tagline{float: left; margin: 72px 0 0 140px;}
#wrap #head .headImg{position: absolute; top: 8px; right: 0;}
#wrap #head .details{float: right; margin: 45px 15px 0 0; display: inline; color: #aaa; font-size: 150%; text-align: right; font-style: italic;}
#wrap #head .details a{color: #aaa; text-decoration: none; font-weight: normal;}

#wrap #head #priNav{clear: both; float: left; width: 994px; background: url(/_img/prinav-bg.gif) no-repeat top left;}
#wrap #head #priNav ul{float: left;margin: 0 15px; list-style: none;}
#wrap #head #priNav ul li{float: left;margin: 0 6px 0 0; height: 41px; margin-top: -6px; position: relative;}
#wrap #head #priNav ul li a{float: left;text-decoration: none;color: #000;font-weight: bold;padding: 0 8px;height: 40px; line-height: 44px;}
#wrap #head #priNav ul li a:hover{color: #d11414;}
#wrap #head #priNav ul li.liOn{background: url(/_img/pri-nav-left.gif) top left no-repeat;}
#wrap #head #priNav ul li.liOn a{color: #d11414;background: url(/_img/pri-nav-right.gif) top right no-repeat;border-bottom: solid 1px #c4c4c4;}
#wrap #head #priNav ul li a img{vertical-align: middle;}

/*
#wrap #head #priNav ul li.navWoman{background: url(/_img/prinav-left-woman.gif) top left no-repeat;}
#wrap #head #priNav ul li.navWoman a{color: #fff;background: url(/_img/prinav-right-woman.gif) top right no-repeat;border-bottom: solid 1px #c4c4c4;}
*/

#wrap #head #priNav ul li.navWoman a{color: #993366;}

#wrap #head #subNav{clear: both; float: left; width: 964px;background: #eee url(/_img/subnav-bg.gif) top left no-repeat;margin-top: 15px;padding: 0 15px;}
#wrap #head #subNav ul{float: left;margin: 0;height: 30px; line-height: 30px;list-style: none;}
#wrap #head #subNav ul li{float: left;margin: 0 25px 0 0;background: url(/_img/subnav-point.gif) center left no-repeat;padding: 0 0 0 10px;}
#wrap #head #subNav ul li a{float: left;text-decoration: none;}
#wrap #head #subNav ul li a:hover, #wrap #head #subNav ul li a.on{color: #d11414;}




/* == Footer Content
------------------------------------------------------------------------------------------------------------------------ */
#footer ul{margin: 5px 0 5px 0;list-style: none; font-style: italic; color: #666;}
#footer ul li{display: inline;padding-right: 10px;font-size: 90%;}
#footer ul li a{font-weight: normal; text-decoration: none; color: #666;}
#footer ul li a:hover{text-decoration: underline;}

#footer .security{border-top: dotted 2px #ccc; padding: 15px 0 0 0; zoom: 1; margin-top: 20px;}
#footer .security:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

/* == Nav Column
------------------------------------------------------------------------------------------------------------------------ */
#wrap #navCol .holder{float: left;background: url(/_img/holder-top.gif) no-repeat top left;margin: 0 0 15px 0;}
#wrap #navCol .holder .holderInner{float: left;width: 200px;background: url(/_img/holder-btm.gif) no-repeat bottom left;padding: 0 10px 10px 10px;}
#wrap #navCol .holder h2{font-size: 100%; font-weight: bold; color: #d30202;margin: 10px 0 10px 0;}
#wrap #navCol .holder h2 span{color: #333;}

.shopByCat ul{margin: 0 0 0 20px;}
.shopByCat ul li{list-style-type: square;color: #aaa;margin: 3px 0;}
.shopByCat ul li a{text-decoration: none;font-weight: bold;color: #333;}
.shopByCat ul li a:hover, .shopByCat ul li.on a{color: #d30202;}

/* == Banner Slider
------------------------------------------------------------------------------------------------------------------------ */
#leadBanner{float: left; width: 752px; position: relative;}
#leadBanner .sliderPaging{position: absolute; z-index: 5; bottom: 15px; left: 0; width: 752px;text-align: center;}
#leadBanner .sliderPaging a{display: inline-block; height: 15px; line-height: 15px; width: 15px; margin: 0 2px 0 2px; background: url(/_img/slider-paging.gif) no-repeat top left; font-size: 1px; color: #c8c8c8;}
#leadBanner .sliderPaging a.on, #leadBanner .sliderPaging a:hover{background-position: bottom left; color: #cc0001;}
#leadBanner .contentBanSlider{float: left;position: relative; z-index: 1;width: 752px; overflow: hidden;}
#leadBanner .contentBanSlider .contentBanHold{float: left;position: relative; z-index: 1;}
#leadBanner .contentBanSlider .contentBanHold div{float: left; width: 752px;}

/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{list-style:none;margin: 10px 0 10px 0; padding:0;background: url(/_img/tabs-bg.gif) repeat-x bottom left; zoom: 1;padding: 0 10px;}
ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabs li{float:left;margin: 0 3px 0 0;}
ul.tabs li a{float: left;background: url(/_img/tab-sprite-left.gif) bottom left no-repeat;text-decoration: none;border-bottom: solid 1px #bebebe;}
ul.tabs li a span{float: left;background: url(/_img/tab-sprite-right.gif) bottom right no-repeat;height: 31px; line-height: 31px; padding: 0 15px;}
ul.tabs li a:hover, ul.tabs li.on a{cursor:pointer;background-position: top left;border-bottom: solid 1px #fff;}
ul.tabs li a:hover span, ul.tabs li.on a span{background-position: top right;}
ul.tabs li.on a{font-weight: bold;}

/*
.tabHolder{border: solid 1px #bebebe; border-top: 0; background: #eee;}
.tabHolder .tabContent{border: solid 1px #fff; border-top: 0;padding: 10px;}
*/
.tabHolder{border: 0; border-top: 0; background: none;}
.tabHolder .tabContent{border: 0; border-top: 0;padding: 0px;}
.tabHolder h3{border-bottom: dotted 2px #ccc;padding-bottom: 5px;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{border: solid 1px #e4e4e4; background: #f6f6f6 url(/_img/warning.gif) center left no-repeat;margin: 10px 0; list-style-type: none;list-style-image: none;padding: 5px 0 5px 70px;min-height: 50px; height: auto !important; height: 50px;font-weight: bold;}
.screenMsgNorm{padding: 15px; border: solid 1px #ccc;border-width: 1px 0;background: #f6f6f6;font-weight: bold;}
ul.success{margin: 10px 0; list-style: none;border: solid 1px #ccc; background: #f6f6f6 url(/_img/success.gif) center left no-repeat;padding: 0 0 0 70px; min-height: 60px; height: auto !important; height: 60px;font-weight: bold;}
.checkoutNote{border: solid 1px #eee; background: #f6f6f6;padding: 10px;margin: 10px 0 0px 0;font-size: 90%;}
.checkoutNote p{margin: 0 0 1px 0;}
.checkoutNote ul li{margin: 0;}

/* == Popup Lightboxes
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/left: 0;z-index: 15;}

#popup{background: #aaa;border: 5px solid #ccc;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -187px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#popup .inner{border: solid 20px #eee;}
#popup .inner .innerMost{border: solid 1px #ccc;padding: 10px;background: #fff;height: 300px;overflow: auto;}
#popup .ClosePopup{position: absolute; top: -15px; right: -15px;}

/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#111;text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:8px; left:20px; padding:5px; font-weight:normal; color:#333; border:5px solid #ccc; background:#efe7dc; width:170px;text-decoration: none;font-size: 95%;}

/* =Store Overrides
--------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{border: 0;border-bottom: dotted 3px #ddd;background: none;padding-bottom: 10px;}
.templateStore h2{border: solid 1px #e4e4e4; border-width: 1px 0;padding: 5px 10px;background: #f6f6f6;}

.templateStore .tabHolder h2{color: #d30202;background: none; padding: 0 0 5px 0; border: 0;border-bottom: dotted 3px #ccc;}

.templateStore h1 #miniBasket{letter-spacing: 0;padding: 0;background: url(/_img/icon-trolley.gif) center left no-repeat;padding-left: 20px;}
.templateStore h1 #miniBasket .itemLink{color: #d30202;padding: 0 4px;}

.catList .catViewMore{font-size: 100%;}

.prodList li{width: 33%;padding-right: 0%;margin: 0 0 10px 0;}
.prodList li .prodText{padding: 7px 2px 0 107px;}
.prodList li .prodText a{text-decoration: none;}
.prodList li .prodText a:hover{text-decoration: underline;}
.prodList li .prodText h3{font-size: 100%;}
.prodList li .prodText h3 a{color: #d30202;}
.prodList li .prodText .prodPrice{color: #222;line-height: 1em;}
.prodList li .prodText .btnMoreInfo{margin: 3px 0;}
.prodList li .prodText .btnMoreInfo a{font-weight: normal;}
/*.prodList li .prodImage img{float: left; border: 0; padding: 7px 9px 11px 7px; background: url(/_img/thumb-bg.gif) top left no-repeat;}*/
.prodList li .prodImage img{float: left; border: 0; padding: 7px 9px 11px 7px;}

.prodSlider .prodSliderInner ul li img{padding: 0; background: none;}
.prodSlider .prodSliderInner ul li .prodText{padding: 0px 5px 0 80px;}

.prodSlider .prodSliderInner ul.prodList li{height: 100px;}

.prodView .prodText{padding-left: 275px;}
.prodView .prodText h3{font-size: 160%;color: #d30202; letter-spacing: -1px; line-height: 1.2em;}
.prodView .prodText h3 span{color: #000;}
.prodView .prodText .prodStock .prodStockPrice{font-size: 180%;}
.prodView .prodText .prodTextSummary{margin: 10px 0;}
.prodView .prodText .prodTextSummary .prodMeta{border: solid 1px #ccc; background: #eee; padding: 5px; width: 250px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
.prodView .prodText .prodTextSummary .prodMeta strong{color: #d30202; float: left; width: 90px;}
.prodView .prodText .prodTextSummary ul{font-size: 90%; list-style-type: square; margin-left: 17px;}
.prodView .prodText .prodTextSummary ul li{margin: 1px 0;}
.prodView .prodText .prodTextSummary strong.lbl{color: #d30202; float: left; width: 90px;}
.prodView .prodText .prodStockOffers{border: solid 1px #ccc;background: #eee;}
.prodView .prodText .prodStockOffers h3{margin-bottom: 0; padding: 5px 15px;border: solid 1px #fff;}
.prodView .prodText .prodStockOffers .prodStock{padding: 15px; border: solid 1px #fff;margin-bottom: 0;border-top-color: #ddd;}
.prodView .prodText .prodStockOffers .prodStock .bundleStock{padding-bottom: 5px;}
.prodView .prodText .prodStockOffers .prodStock .prodStockTitle{font-size: 140%;color: #D30202;}
.prodView .prodText .prodStockOffers .prodStock .bundleStock .prodStockTitle{font-size: 100%;color: #111;}
.prodView .prodText .prodTextBannerCol{width: 180px;margin-left: 25px;}
.prodView .prodText .prodTextAlt .prodTextAltTitle{background: #ddd;}
.prodView .prodText .prodTextAlt .inner{background: #fff;}
.prodView .prodText .prodTextAlt .inner ul{margin: 10px 0;}
.prodView .prodText .prodTextAlt .inner ul li{line-height: 1.3em;list-style-type: none; font-size: 90%; margin: 0 0 15px 0; zoom: 1;}
.prodView .prodText .prodTextAlt .inner ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodView .prodText .prodTextAlt .inner ul li a{text-decoration: none;font-weight: normal;}
.prodView .prodText .prodTextAlt .inner ul li a:hover{color: #d30202;}
.prodView .prodText .prodTextAlt .inner ul li a img{float: left;}
.prodView .prodText .prodTextAlt .inner ul li a span.txt{padding-left: 45px;display: block;}
.prodView .prodImages{width: 250px;border-right: solid 1px #eee; margin-right: 20px;}
.prodView .prodImages .main{width: 250px;}
.prodView .prodImages .main img{border: 0; padding: 0;}
.prodView .prodImages .thumbs{float: left; width: 250px; margin: 15px 0;border-top: solid 1px #eee;}
.prodView .prodImages .thumbs li{float: left;padding: 10px 5px 0 0;margin: 0;}
.prodView .prodImages .thumbs li a img{border: 0; padding: 0;}

.prodView .prodText .prodStock .btn{background: #D30202; color: #fff;}

ul.crumbList li a{font-weight: normal;text-decoration: none;}
ul.crumbList li a:hover{text-decoration: underline;}

.coCheckout .coFormPanel .input{width: 225px;}
.coCheckout .coFormPanel .coContinueBtn{padding-right: 10px;}
.coCheckout .coLogIn .small{margin-right: 10px;}
.coCheckout .coLogIn .coSplitTwo .btn{margin-right: 10px;}
.coProceed .btnProceed .btn{color: #fff;}


/* =Comment Styles
--------------------------------------------------------------------------------------------------------------------*/
.commentControl{}
.commentControl .addCommentLink{position: absolute; top: 0; right: 0;}

ul.mainCommentList{margin: 0;list-style: none;}
ul.mainCommentList li{margin: 0 0 15px 0;zoom: 1;}
ul.mainCommentList li .thumbHolder{float: left; margin: 0 10px 0 0;display: none;}
ul.mainCommentList li .txtHolder{}
ul.mainCommentList li .txtHolder .title{text-decoration: none;color: #000;}
ul.mainCommentList li .txtHolder .date{color: #666;padding-left: 15px;font-style: italic;}
ul.mainCommentList li .txtHolder .commentWrap{background: #eee;border: solid 1px #ccc;margin-top: 5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
ul.mainCommentList li .txtHolder .commentWrap p{padding: 8px;margin: 0; font-size: 90%;border: solid 1px #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

/* =Paging Styles
--------------------------------------------------------------------------------------------------------------------*/
.paging .pg ul{text-align: right;list-style: none;margin: 0;}
.paging .pg ul li{display: inline; margin: 0 0 0 3px;}
.paging .pg ul li a{border: solid 1px #ccc; background: #fff;padding: 3px 6px; text-decoration: none;}

.newsWrap .paging{float: right;padding: 3px 0;}

/* == Star Ratings
----------------------------------------------------------------------------------------------------------------------*/

.icoStars{background-image:url('/_img/stars.gif');width:80px;height:16px;vertical-align: -15%;}
.icoStars1{background-position: 0 -16px;}
.icoStars2{background-position: 0 -32px;}
.icoStars3{background-position: 0 -48px;}
.icoStars4{background-position: 0 -64px;}
.icoStars5{background-position: 0 -80px;}
.icoStars05{background-position: 0 -96px;}
.icoStars15{background-position: 0 -112px;}
.icoStars25{background-position: 0 -128px;}
.icoStars35{background-position: 0 -144px;}
.icoStars45{background-position: 0 -160px;}

/* == Star Ratings
----------------------------------------------------------------------------------------------------------------------*/
ul.newsListing{margin: 0; list-style: none;}
ul.newsListing li{margin: 0 0 10px 0; padding: 0 0 10px 0;border-bottom: solid 1px #ddd;}

/* == Homepage promos
----------------------------------------------------------------------------------------------------------------------*/
ul.homePromos{float: left; width: 100%; margin: 20px 0; list-style: none;}
ul.homePromos li{margin: 0;}
ul.homePromos li h2{margin: 2px 0 8px 0; font-size: 180%; text-transform: uppercase; letter-spacing: -1px; line-height: 0.8em; color: #111;}
ul.homePromos li h2 span{font-size: 55%; letter-spacing: 0; text-transform: none;}
ul.homePromos li p{margin: 6px 0 10px 0; line-height: 1.3em; font-weight: bold; font-size: 90%; font-style: italic;}
ul.homePromos li .viewBtn{float: left; background: url(/_img/btn-promo.gif) no-repeat top left; height: 23px; width: 60px; text-align: center; line-height: 23px; color: #fff; font-weight: bold; text-decoration: none;}

ul.homePromos li.first{float: left; width: 220px; height: 158px; background: url(/_img/protein-promo.jpg) no-repeat top left;}
ul.homePromos li.first div{float: left; margin: 20px 0 0 105px; display: inline; width: 120px; color: #fff;}
ul.homePromos li.first div h2{color: #fff;}
ul.homePromos li.first div p{color: #ccc;}
ul.homePromos li.first div .viewBtn{margin-left: 8px; display: inline;}
ul.homePromos li.second{float: left; width: 238px; height: 138px; margin: 7px 0 0 30px; display: inline; background: url(/_img/creatine-promo.jpg) no-repeat top left;}
ul.homePromos li.second div{float: left; margin: 13px 0 0 126px; display: inline; width: 105px;}
ul.homePromos li.second div h2{margin-bottom: 8px;}
ul.homePromos li.second div p{color: #333;margin: 0 0 8px 5px;}
ul.homePromos li.second div .viewBtn{margin-left: 12px; display: inline;}
ul.homePromos li.third{float: right; width: 231px; height: 139px; margin: 15px 0 0 0; background: url(/_img/shirt-promo.jpg) no-repeat top left;}
ul.homePromos li.third div{float: left; margin: 5px 0 0 125px; display: inline; width: 100px;}
ul.homePromos li.third div p{color: #fff;margin: 10px 0 10px 0}

/* == Female Range Landing Page
----------------------------------------------------------------------------------------------------------------------*/
#femaleRange{zoom: 1;padding-top: 10px;}
#femaleRange:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#femaleRange blockquote{float: right;width: 199px; height: 77px; margin: 0 120px 0 20px; display: inline; font-size: 100%;color: #fff; font-family: Georgia; font-style: italic; padding: 5px 0 10px 10px; background: url(/_img/female-bubble.gif) no-repeat top left;}
#femaleRange blockquote p{margin: 0; color: #fff;}
#femaleRange blockquote p em{color: #fff;}
#femaleRange p.intro{position: relative; z-index: 1; padding-right: 130px;border-bottom: solid 1px #ccc;padding-bottom: 5px; margin-bottom: 40px;margin-top: 0; background: url(/_img/female-lead.jpg) no-repeat bottom right; padding-top: 15px; margin-top: -15px;}
#femaleRange .introImg{position: absolute; z-index: 2; bottom: 2px; right: 0;}
#femaleRange .leftPanel{float: left; width: 340px;}
#femaleRange .rightPanel{float: right; width: 340px;}
#femaleRange .wheyLoss{float: left;width: 221px; height: 184px; padding: 25px 5px 0 125px; background: url(/_img/whey-loss.jpg) no-repeat top left; margin-bottom: 20px; color: #fff;}
#femaleRange .wheyReplace{float: right;width: 221px; height: 184px; padding: 25px 5px 0 125px; background: url(/_img/whey-replace.jpg) no-repeat top left; margin-bottom: 20px; color: #fff;}
#femaleRange h2{font-size: 200%; letter-spacing: -1px; line-height: 0.8em; color: #330033; margin-top: 0; margin-bottom: 17px;}
#femaleRange h3{font-size: 100%; color: #111;border-bottom: dotted 1px #ccc;margin: 0;}
#femaleRange p.sub{ color: #666; font-size: 95%; line-height: 1.3em; text-align: justify;}
#femaleRange p.tag{font-weight: bold; line-height: 1.2em; font-style: italic;}
#femaleRange ul.checklist{margin: 10px 0 0 18px; list-style-type: square; font-size: 95%;}
#femaleRange ul.checklist li{margin: 0 0 4px 0; line-height: 1.2em;}
#femaleRange .actionBtn{float: right; background: url(/_img/btn-promo.gif) no-repeat top left; height: 23px; width: 60px; text-align: center; line-height: 23px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 5px;}

/* == 3-panel promo box
----------------------------------------------------------------------------------------------------------------------*/
#panels{float: left; width: 752px; margin: 20px 0 10px 0;}
#panels .ranges{float: left; width: 230px; padding: 0px 24px 10px 0px;}
#panels .ranges ul{margin: 5px 0; list-style: none;}
#panels .ranges ul li{margin: 0 0 10px 0; font-size: 95%;}
#panels .ranges ul li p{line-height: 1.3em;margin: 0;}
#panels .ranges ul li a{text-decoration: none; font-size: 105%;}
#panels .ranges ul li a:hover{text-decoration: underline;}
#panels .ranges ul li.bulk{background: url(/_img/bullet-bulk.gif) no-repeat top left; padding: 0 0 0 25px;}
#panels .ranges ul li.blend{background: url(/_img/bullet-blend.gif) no-repeat top left; padding: 0 0 0 25px;}
#panels .ranges ul li.female{background: url(/_img/bullet-female.gif) no-repeat top left; padding: 0 0 0 25px;}
#panels .banners{float: right; width: 247px;}
#panels .banners a{float: left; margin: 0 0 5px 0;}
#panels .newsFeed{float: left; width: 230px; padding: 0px 0 10px 0px;}
#panels .newsFeed ul{margin: 5px 0; list-style-type: none;}
#panels .newsFeed ul li{border-bottom: solid 1px #ddd;margin: 0 0 6px 0; padding: 0 0 6px 0;}
#panels .newsFeed ul li a{text-decoration: none;}
#panels .newsFeed ul li a:hover{text-decoration: underline;}
#panels .newsFeed ul li a.more{color: #D30202;}
#panels .newsFeed ul li p{line-height: 1.2em;margin: 0;}
#panels .newsFeedWide{width: 470px;}

/* == Testimonials box
----------------------------------------------------------------------------------------------------------------------*/
.testimonials blockquote{margin: 0;}
.testimonials blockquote p{margin: 0;font-weight: bold; line-height: 1.3em;}
.testimonials blockquote p em{font-weight: normal; font-size: 90%; color: #666;}
.testimonials blockquote p a{font-weight: normal;}
.testimonials div.hr{margin: 4px 0;}

/* == Training Goal Pages
----------------------------------------------------------------------------------------------------------------------*/
.titleBar{background: url(/_img/title-bar.jpg) no-repeat top left;zoom: 1;padding: 11px 10px;color: #fff;}
.titleBar:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.titleBar .form{float: right;width: 450px;margin-top: 4px;}
.titleBar .form label{padding: 2px 5px 0 0; width: 170px;}
.titleBar .form .input{color: #777;padding: 3px; width: 230px;}
.titleBar .form .note{display: block; text-align: right; font-size: 90%;padding: 0 60px 0 0; font-style: italic; color: #ccc;}
.titleBar .form .btn{background: #000;color: #fff;border: solid 1px #fff;}
.titleBar h1{float: left;border: 0; padding: 3px 0 0 0; margin: 0; color: #fff;}

.keyPoints{float: right;background: url(/_img/holder-top-wide.gif) no-repeat top left;margin: 10px 0 10px 20px; width: 320px;}
.keyPoints .inner{float: right;width: 300px;background: url(/_img/holder-btm-wide.gif) no-repeat bottom left;padding: 0 10px 10px 10px;}
.keyPoints .inner ul li{margin: 0;font-size: 90%;}

.catPromos{margin: 10px 0; list-style: none; zoom: 1;}
.catPromos:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.catPromos li{margin: 0 16px 10px 0;float: left;}
.catPromos li.end{margin-right: 0;}

/* == iPod Comp Page
----------------------------------------------------------------------------------------------------------------------*/
body#ipod .templateOne .zoneOne{background: url(/_img/ipod-bg.jpg) no-repeat left 155px;}
body#ipod #wrap #navCol .testimonials,
body#ipod #wrap #navCol .sideSignup{display: none;}
#ipodForm{float: left; margin: 15px; width: 490px;min-height: 130px; height: auto !important; height: 130px; display: inline;}
#ipodForm label{width: 220px; color: #fff;}
#ipodForm .input{float: left;width: 217px;background: #fafafa url(/_img/input-bg.gif) repeat-x bottom left;padding: 3px;}
#ipodForm .hold{float: left;width: 235px; margin: 0 10px 5px 0;}
#ipodForm .regBtn{float: left; height: 32px; width: 131px; padding: 0; margin: 0; background: url(/_img/register-btn.gif) no-repeat top left; border: 0; cursor: pointer;}
#ipodForm ul.success strong{color: red;}
#ipodForm textarea.input{height: 48px;}

/* == Category Page Promos
----------------------------------------------------------------------------------------------------------------------*/
.promoBanners{float: left;width: 100%;}
.promoBanners a{float: left;margin: 0 5px 0 0}
.promoBanners a.end{margin-right: 0;}
