﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 995px;margin: 0 auto;text-align: left;position: relative;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float: left; width: 995px;position: relative; margin: 0 0 5px 0;}
#wrap #head #mastHead{float: left; width: 981px;background: #fff; border: solid 1px #ddd; margin: 0 0 0 6px; display: inline; padding: 0 0 15px 0; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
#wrap #navCol{float: left; width: 200px;margin-top: 15px;margin-left: 6px; display: inline;}
#wrap #mainContent{float: right; margin-top: 15px;padding-bottom: 10px;margin-right: 6px; display: inline;}
#wrap #footer{float: left; width: 940px; padding: 15px 20px; background: #fff url(/_img/foot-gradient.gif) repeat-x top left;min-height: 70px; height: auto !important; height: 70px; margin-left: 6px; display: inline; border: solid 1px #ddd; border-width: 0 1px 1px 1px;}

#wrap .templateHome{width: 774px;}
#wrap .templateHome .zoneOne{float: left; width: 752px; background: #fff; border: solid 1px #ddd; padding: 10px; margin-top: 70px;}
#wrap .templateHome .zoneThree{float: left; width: 752px; background: #fff; border: solid 1px #ddd; padding: 10px; margin-bottom: 20px;}

#wrap .templateOne{width: 752px; background: #fff; border: solid 1px #ddd; padding: 10px;}
#wrap .templateStore{width: 960px;margin-left: 6px; display: inline; background: #fff; padding: 10px; border: solid 1px #ddd;}


/* == Head Content
------------------------------------------------------------------------------------------------------------------------ */
#wrap #head #tools{float: left; width: 983px; height: 26px; margin: 0 0 8px 6px;padding: 2px 0px 0 0px; display: inline;}
#wrap #head #tools .social{float: left; padding-top: 4px;}
#wrap #head #tools .headBasket{float: right;background: #fff url(/_img/icon-basket.gif) no-repeat 5px center; border: solid 1px #ddd; border-width: 0 1px 1px 1px; margin: -2px 0 0 0; position: relative; padding: 5px 10px 0 30px; height: 25px; color: #333; -moz-border-radius: 2px;-webkit-border-radius:2px; border-radius: 2px;}
#wrap #head #tools .headBasket .btn{padding: 1px 3px; font-size: 90%; font-weight: normal; background: #222;border-color: #222; color: #fff;-moz-border-radius: 2px;-webkit-border-radius:2px; border-radius: 2px; height: auto; line-height: normal;}

#wrap #head .logo{float: left;margin: 20px 0 10px 12px;}
#wrap #head .tagline{float: left; margin: 43px 0 0 160px;}
#wrap #head .headImg{position: absolute; top: 8px; right: 0;}
#wrap #head .details{float: right; font-size: 180%; font-style: italic; margin: 60px 20px 0 0; color: #777;}

#wrap #head ul.links{float: right;margin: 5px 10px 0 0; display: inline; text-align: right; font-weight: normal; color: #999; font-size: 90%; border-bottom: dotted 2px #ddd; padding: 0 0 5px 0;}
#wrap #head ul.links li{margin: 0; display: inline;}
#wrap #head ul.links li a{color: #999; text-decoration: none; font-weight: normal;}
#wrap #head ul.links li a:hover{text-decoration: underline;}
#wrap #head ul.links li span{padding: 0 6px; color: #ccc;}

#wrap #head #priNav{clear: both; float: left; width: 995px; background: url(/_img/prinav-bg.gif?v2) no-repeat top left; margin: 0 -7px 0 -7px; position: relative; height: 44px; display: inline;}
#wrap #head #priNav ul{float: left;margin: 0 0 0 15px; display: inline; width: 980px; list-style: none;}
#wrap #head #priNav ul li{float: left;margin: 7px 2px 0 2px; padding: 0 6px 0 0; height: 36px; position: relative; background: url(/_img/nav-divide.gif) no-repeat right center;}
#wrap #head #priNav ul li a{float: left;text-decoration: none;color: #fff;font-weight: bold;padding: 0 5px; margin: 6px 0 0 0; height: 24px; line-height: 24px;}
#wrap #head #priNav ul li a:hover{background: #666; -moz-border-radius: 3px;-webkit-border-radius:3px; border-radius: 3px;}
#wrap #head #priNav ul li.liOn a{background: #eee; color: #111; -moz-border-radius: 3px;-webkit-border-radius:3px; border-radius: 3px;}
#wrap #head #priNav ul li a img{vertical-align: middle;}
#wrap #head #priNav ul li.navEnd{padding-right: 0;background: none;}

#wrap #head #priNav ul li.navWoman{float: right;margin-right: 0;background: none; margin-top: 0; padding-right: 1px;}
#wrap #head #priNav ul li.navWoman a{color: #fff; background: url(/_img/nav-woman-bg.gif) no-repeat bottom left;padding: 0 10px 0 50px; margin-top: 0; height: 43px; line-height: 46px;}

#wrap #head .usp{clear: right; float: right; margin: 40px 10px 0 0; display: inline;width: 650px; text-align: right;}

#wrap #subNav{clear: both; float: left; width: 772px;background: url(/_img/subnav-repeat.gif) repeat-x left top;margin:-10px -10px 15px -10px;}
#wrap #subNav ul{float: left;margin: 0;height: 47px; line-height: 47px;list-style: none;}
#wrap #subNav ul li{float: left;margin: 0;padding: 0;}
#wrap #subNav ul li a{float: left;height: 47px; line-height: 37px;text-decoration: none;color: #333;font-weight: bold; text-shadow: 1px 1px 0 #fff; padding: 0 12px;}
#wrap #subNav ul li a:hover{color: #000;}
#wrap #subNav ul li a.on{background: url(/_img/subnav-on.gif) no-repeat center top; color: #000;}

.securityMsg{background:#000; margin: 0 7px; color: #fff; padding: 15px; font-size: 90%; display: none;}
.securityMsg h2{color: #aaa; margin: 0;font-size: 180%; background: url(/_img/padlock.gif) no-repeat left center; padding: 0 0 0 20px;}


/* == Footer Content
------------------------------------------------------------------------------------------------------------------------ */
#footer ul{margin: 5px 0 5px 0;list-style: none; color: #666; float: left; margin: 10px 40px 10px 0; padding: 0 40px 0 0; border-right: dotted 2px #ccc;}
#footer ul li{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;}

.footSecurity{float: left; width: 960px; margin-left: 6px; margin-top: 20px; display: inline;border: solid 1px #ddd; border-width: 1px 1px 0 1px; padding: 10px; zoom: 1; background: #fff;}
.footSecurity:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.footCopy{float: left; width: 960px; margin-left: 6px; margin-top: 10px; display: inline; border: solid 1px #ddd; padding: 10px; background: #fff; font-size: 90%; color: #666;}
.footCopy p{margin: 0;}

/* == Nav Column
------------------------------------------------------------------------------------------------------------------------ */
#wrap #navCol .holder{float: left;background: #fff; border: solid 1px #ddd;margin: 0 0 15px 0;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
#wrap #navCol .holder .holderInner{float: left;width: 170px;padding: 0 10px 10px 10px;}
#wrap #navCol .holder h2{font-size: 100%; letter-spacing: 0; font-weight: bold; color: #fff;margin: 10px 0 10px -16px; background: url(/_img/mod-title-bg.gif) no-repeat top left; width:192px; height: 34px; line-height: 38px; padding-left: 10px; position: relative;}

#wrap #navCol .prodSearch{background: url(/_img/search-mod-bg.gif) no-repeat top left; height: 90px;}

.shopByCat ul{margin: 0; float: left; width: 170px;}
.shopByCat ul li{float: left; width: 170px; list-style-type: none;color: #aaa;margin: 0;}
.shopByCat ul li a{float: left; width: 170px; text-decoration: none;font-weight: normal;color: #111; padding: 3px 0 3px 0; border-bottom: solid 1px #e6e6e6; font-size: 90%;}
.shopByCat ul li a:hover, .shopByCat ul li.on a{color: #d30202;font-weight: bold;}
.shopByCat ul li a .count{color: #888;}
.shopByCat ul li.new a{background: url(/_img/cat-nav-new.gif) no-repeat right center;}
.shopByCat ul li.specialoffers a{background: url(/_img/cat-nav-sale.gif) no-repeat right center;}
.shopByCat ul li.specialoffers{margin-top: 20px;}

/* == Background images
------------------------------------------------------------------------------------------------------------------------ */
/*
body#catProtein #wrap .templateOne{background: #fff url(/_img/cats/muscle.jpg) no-repeat right top;}
body#catProtein #wrap .templateOne h1{margin-right: 150px;}
body#catProtein #wrap .templateOne .catSummary{margin-right: 150px;}
*/
.cantFindBanner{float: right; margin-top: -40px;}

/* == 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: #464646;}
#leadBanner .contentBanSlider{float: left;position: relative; z-index: 1;width: 752px; overflow: hidden; padding-bottom: 40px;}
#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: #eee;text-decoration: none;border-bottom: solid 1px #bebebe;border: solid 1px #ccc; padding: 5px;}
ul.tabs li a:hover, ul.tabs li.on a{cursor:pointer;background-position: top left;border-bottom: solid 1px #fff;background: #fff;}

/*
.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 #ff0000; 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{float: left;width: 700px;position: fixed; top: 50%; margin-top: -265px;left: 50%;margin-left: -350px; z-index: 100;display: none;}
#popup .inner .innerMost{padding: 15px;background: #fff;height: 500px;overflow: auto;position: relative;}
#popup .ClosePopup{float: right; position: relative; z-index: 2;}

/* =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 .coFormPanel{background: #fcfcfc url(/_img/store-holder-gradient.gif) repeat-x top left;}
.templateStore .coFormPanel,
.templateStore .coFormPanel .inner{-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.templateStore .coFormPanel h2{border: 0; padding: 0 0 0 10px; background: none; color: #333; margin: 10px 0;}
.templateStore .coFormPanel h2 em{font-style: normal; color: #D11414;}
.templateStore .basketLoyalty{font-style: italic;}
.templateStore .loyaltyPotential{font-weight: bold;background: url(/_img/card-sml.gif) no-repeat left center; padding: 5px 0 5px 35px; margin-top: 10px;color: #339900;}
.templateStore .loyaltyCurrent{border: solid 1px #ccc; border-width: 1px 0; padding: 7px 0;}
.templateStore .loyaltyCurrent em{font-styLe: normal; font-weight: bold; color: #000;}
.templateStore .coLoyalty label{margin-top: 2px;}

.templateStore .accountHolder .loyaltyCurrent{background: #eee url(/_img/card-sml.gif) no-repeat 7px center; border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding: 7px 0 7px 45px; margin-top: 10px;color: #111;}
.templateStore .accountHolder .loyaltyCurrent em{font-styLe: normal; font-weight: bold; color: #339900; font-size: 120%}


.templateStore .coBasket .coProdRelated{float: left; width: 49%;border: 0;background: none;}
.templateStore .coBasket .coProdRelated .inner{border: 0; background: none; padding: 0;}
.templateStore .coBasket .coProdRelated .inner h2{float: left;padding: 15px 15px 0 0;}
.templateStore .coBasket .coProdRelated .inner .prodList{clear: none;}
.templateStore .coBasket .coProdRelated .inner .prodList li img{border: solid 1px #ddd;padding: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.templateStore .coBasket .coProdRelated .inner .prodList li img.sash{border: 0; padding: 0; height: 45px;}
.templateStore .coBasket .coBasketLoyalty{background: url(/_img/card-sml.gif) no-repeat left center; padding: 5px 0 5px 35px; color: #339900;}

.templateStore .coCheckout .progressList{-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.templateStore .coCheckout .progressList li{background: url(/_img/progress-list-arrow.gif) no-repeat right center; padding-right: 20px;}

.coCheckout .coCheckoutPayment .coOrderTotal .inner label{padding-top: 6px;}
.coCheckout .coCheckoutPayment .coOrderTotal .inner .value{font-size: 160%; font-weight: bold;}

.templateStore label{padding: 3px 10px 3px 0;width: 110px;text-align: right;}
.templateStore .input{background: #fff;border: solid 1px #bbb; padding: 3px; width: 200px;}

.coCheckout .coNewCustomer ul{list-style: none; margin: 10px 0;}
.coCheckout .coNewCustomer ul li{margin: 3px 0; font-weight: bold;padding: 0 0 0 12px; background: url(/_img/sq-bullet.gif) no-repeat left center;}

.coProceed .btnProceed .btn{display: inline-block; height: 30px; width: 80px; text-align: center; line-height: 30px; color: #3a5d00; font-weight: bold; background: url(/_img/btn-green.gif) no-repeat left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #cde4a0; -moz-border-radius: 0px;-webkit-border-radius: 0px; border-radius: 0px;}
.coProceed .btnContinue .btn{display: inline-block; height: 30px; line-height: 30px; text-align: center; color: #fff; font-weight: bold; background: url(/_img/btn-grey-repeat.gif) repeat-x left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #2e2e2e; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; font-family: Arial; letter-spacing: 0; border: solid 1px #242424; cursor: pointer; padding: 0 8px; overflow: visible;}

.coSecurity{background: #f6f6f6; padding: 0 10px; border: solid 1px #ddd;}

.coCheckout .coCheckoutDetails .coBilling{margin-left: 17px; display: inline;}
.coCheckout .coCheckoutDetails .input{width: 150px;}
.coCheckout .coCheckoutDetails .coFormPanel{min-height: 230px; height: auto !important; height: 230px;}

.coCheckout .coDeliveryOptions .coNotes textarea{height: 128px;}

.coGoogleBtn{clear: right}
.coPaypalBtn{float: right; margin-top: 10px;}
.paypalNote{font-size: 90%;}


.listFourWide li .prodText .prodTextTop{min-height: 73px; height: auto !important; height: 73px;}

/* Change aesthetics of product lists */
.prodList{border-bottom: dotted 2px #eee;padding-bottom: 15px; margin-bottom: 15px;}
.prodList li{margin: 0;}
.prodList li .prodImage{position: relative;}
.prodList li .prodText h3{font-size: 100%;}
.prodList li .prodText h3 a{text-decoration: none; color: #D11414;}
.prodList li .prodText h3 a .sep{display: none;}
.prodList li .prodText h3 a .subTitle{display: block; color: #000; font-size: 90%; font-weight: bold;}
.prodList li .prodText .prodPrice{color: #D11414;line-height: 1em;}
.prodList li .prodText .prodPrice .sep,
.prodList li .prodText .prodPrice .max{display: none;}
.prodList li .prodText .btnMoreInfo{margin: 3px 0;}
.prodList li .prodText .btnMoreInfo a{font-weight: normal; text-decoration: none; font-size: 90%;}
.prodList li .prodText .prodMeta{display: none;}
.prodList li .prodImage img{border: 0; padding: 7px 0 0 5px;}
.prodList li .prodText .prodAddBasket .btn{display: inline-block; height: 30px; width: 80px; text-align: center; line-height: 30px; color: #3a5d00; font-weight: bold; background: url(/_img/btn-green.gif) no-repeat left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #cde4a0;}
.prodList li .prodText .prodPrice .from{font-size: 65%; font-weight: normal;float: left; padding: 0 5px 0 0;}
.prodList li ul{margin: 0; list-style: none; list-style-image: none; padding: 0;}
.prodList li ul li{margin: 0; padding: 0; border: 0;}

/* modify list styles for 3 wide */
.listThreeWide{border: 0; padding-bottom: 0; margin-bottom: 20px;}
.listThreeWide li .prodText{padding-left: 105px;}
.listThreeWide li .prodText .prodStockAvailability,
.listThreeWide li .prodText .btnMoreInfo{display: none;}
.listThreeWide li .prodText h3 a{color: #111;}
.listThreeWide li .prodText h3 a .subTitle{font-weight: normal;color: #666;}
.listThreeWide li .prodText .prodTextTop{min-height: 65px; height: auto !important; height: 65px;}
.listThreeWide li .prodText .prodPrice{padding: 3px 0 4px 0;}
.listThreeWide li .prodText .prodPrice .from{font-weight: bold; font-size: 70%; color: #000;}
.listThreeWide li .prodImage img{background: url(/_img/thumb-frame.gif) no-repeat left top; padding: 3px 3px 8px 3px;}
.listThreeWide li .prodImage .sash{height: 50px;background: none; padding: 0;}

/* modify list styles for 1 wide */
ul.listOneWide{margin: 10px 0;padding: 0; border: 0;}
ul.listOneWide li{float: none; margin: 0 0 15px 0; zoom: 1; width: auto; border-bottom: solid 1px #ddd; padding: 0 0 15px 0;}
ul.listOneWide li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.listOneWide li .prodText h3{font-size: 150%;letter-spacing: -1px; padding-top: 20px; margin-bottom: 5px;}
ul.listOneWide li .prodText{padding-left: 180px;}
ul.listOneWide li .prodText h3 a .subTitle{font-size: 80%;}
ul.listOneWide li .prodText .prodTextSummary{float: left; width: 70%; font-size: 90%; margin: 0;}
ul.listOneWide li .prodText .prodTextSummary p{margin: 0;}
ul.listOneWide li .prodText .prodPrice{float: right; color: #D11414; font-size: 170%; letter-spacing: -1px; padding-right: 5px; clear: right; padding-bottom: 10px;}
ul.listOneWide li .prodText .prodPrice .from{color: #000; font-weight: bold; letter-spacing: 0;}
ul.listOneWide li .prodText .prodAddBasket{float: right; clear: right;}
ul.listOneWide li .prodText .btnMoreInfo{float: right; margin: -40px 0 5px 0; border-bottom: solid 1px #ddd; padding: 0 0 10px 20px;}
ul.listOneWide li .prodText .btnMoreInfo a{ background: url(/_img/more-arrow.gif) no-repeat right center; padding: 0 17px 0 0;}
ul.listOneWide li .prodText ul li{margin: 1px 0;background: url(/_img/tick-sml.gif) no-repeat left center;padding: 1px 0 1px 20px;}
ul.listOneWide li .prodText .prodStockAvailability{font-size: 90%; font-style: italic; color: #777;}

.prodOffers .listThreeWide li .prodImage img{background: none; border: solid 1px #ccc; padding: 2px;}
.prodOffers .listThreeWide li .prodImage img.sash{padding: 0; border: 0;}
.prodOffers .listThreeWide li .prodText{padding-left: 90px;}

.prodSlider .prodSliderInner ul li .prodText{padding: 0px 5px 0 80px;}
.prodSlider .prodSliderInner ul.prodList li{height: 100px;}

.prodView .prodText h2{margin-bottom: 10px;}
.prodView .prodText h2 .sep{display: none;}
.prodView .prodText h2 .subTitle{display: block; color: #000; font-size: 90%;}
.prodView .prodText .prodTextSummary .prodMeta strong{color: #d30202; float: left; width: 90px;}
.prodView .prodText .prodTextSummary strong.lbl{color: #d30202; float: left; width: 90px;}
.prodView .prodText .prodTextSummary ul{font-size: 90%; list-style-type: none;list-style-image: none; margin-left: 0px;}
.prodView .prodText .prodTextSummary ul li{margin: 1px 0;background: url(/_img/tick-sml.gif) no-repeat left center;padding: 1px 0 1px 20px;}
.prodView .prodText .prodStockLoyalty{background: #eee url(/_img/card-sml.gif) no-repeat 7px center; border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding: 7px 0 7px 45px; margin-top: 10px;color: #111;}
.prodView .prodText .prodStockLoyalty .bonusPoints{color: #FF0000; font-size: 100%}
.prodView .prodText .prodStockLoyalty .standardPoints{color: #339900}

.prodDetail h2{background: #f6f6f6; padding: 3px; margin: 15px 0;}

.prodMiscText .label{display: block;text-align: center; font-size: 75%; text-transform: uppercase; letter-spacing: 1px; color: #666;}

/** Lightbox products **/
#wrap #popup ul{float: left; width: auto;}
#wrap #popup p{width: auto; float: none; margin: 5px 0;}

#wrap #popup .stockLBText{padding-left: 265px;}
#wrap #popup .stockLBText h2{margin: 0;}
#wrap #popup .stockLBText ul{margin: 10px 0;}
#wrap #popup .stockLBText ul li{float: none; width: auto;background: url(/_img/tick-sml.gif) no-repeat left center;padding: 1px 0 1px 25px; list-style: none;}
#wrap #popup .stockLBText .prodMeta{clear: both;}
#wrap #popup .stockLBText .prodMeta strong{color: #d30202; float: left; width: 90px;}
#wrap #popup .stockLBText ul{width: 400px;}

#wrap #popup .productUpsell{position: absolute; top: 0; left: 0; background: #fff;z-index: 1; height: 320px; width: 650px; padding: 15px;}
#wrap #popup .productUpsell h2.alsoTitle{font-size: 120%; color: #000; padding: 10px 0; margin: 10px 0 0 0; float: left;}
#wrap #popup .productUpsell ul{float: none; margin: 0; list-style: none; zoom: 1; clear: both; font-size: 100%; width: auto;}
#wrap #popup .productUpsell ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #popup .productUpsell ul li{padding: 0; background: none;float: none; width: auto; background: none; padding: 0;}
#wrap #popup .productUpsell h2{margin-top: 0;}
#wrap #popup .productUpsell ul.prodList{margin: 0; padding: 0;}
#wrap #popup .productUpsell ul.prodList li{padding-bottom: 10px; clear: left; margin-bottom: 10px;}
#wrap #popup .productUpsell ul.prodList li .prodImage{float: left;}
#wrap #popup .productUpsell ul.prodList li .prodText{padding: 0 0 0 10px; clear: none; zoom: 1; overflow: hidden;}
#wrap #popup .productUpsell ul.prodList li .prodText .prodPrice{color: #222; font-size: 140%; float: none; letter-spacing: 0;}
#wrap #popup .productUpsell ul.prodList li .prodText ul{font-size: 90%; list-style-type: none;list-style-image: none; margin-left: 0px;}
#wrap #popup .productUpsell ul.prodList li .prodText ul li{margin: 0;background: url(/_img/tick-sml.gif) no-repeat left center;padding: 1px 0 1px 20px;}
#wrap #popup .productUpsell ul.prodList li .prodText h3{margin-top: 0px; padding: 0; font-size: 120%; letter-spacing: 0;}
#wrap #popup .productUpsell ul.prodList li .btnMoreInfo{float: none; margin: 3px 0; padding: 0; border: 0;}
#wrap #popup .productUpsell ul.prodList li .btnMoreInfo a{background: none; padding: 0; font-size: 100%;}
#wrap #popup .productUpsell .thanksMsg{background: #eee url(/_img/success.gif) no-repeat left center;padding: 20px 20px 20px 60px; font-weight: bold; border: solid 1px #ccc;}
#wrap #popup .productUpsell .btnProceed{float: right; display: inline-block; height: 30px; width: 80px; text-align: center; line-height: 30px; color: #3a5d00; font-weight: bold; background: url(/_img/btn-green.gif) no-repeat left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #cde4a0;}
#wrap #popup .productUpsell .upsellActions{float: right; width: 300px;}

/* =Comment Styles
--------------------------------------------------------------------------------------------------------------------*/
.commentControl{}
.commentControl .addCommentLink{position: absolute; top: 0; right: 0;}

ul.mainCommentList{margin: 0;list-style: none;}
ul.mainCommentList li{font-size: 90%; 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;}
ul.mainCommentList li .txtHolder .date{padding-left: 5px;}
ul.mainCommentList li .txtHolder .commentWrap{}
ul.mainCommentList li .txtHolder .commentWrap p{margin-top: 0; border-top: dotted 1px #ddd;}

/* =Paging Styles
--------------------------------------------------------------------------------------------------------------------*/
.paging{text-align: center; border: solid 1px #ccc; border-width: 1px 0; background: #eee; padding: 5px 0; font-size: 90%; clear: both;}
.paging .pg ul{list-style: none;margin: 0; padding: 10px 0; border: solid 1px #ddd; border-width: 1px 0; background: #f6f6f6;}
.paging .pg ul li{display: inline; margin: 0 3px;}
.paging .pg ul li a{border: solid 1px #ccc; background: #fff;padding: 3px 8px; text-decoration: none; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.paging .pg ul li a.on{background: #666; color: #fff;}

/*.newsWrap .paging{float: right;padding: 3px 0;}*/

/* == Star Ratings
----------------------------------------------------------------------------------------------------------------------*/

.icoStars{background-image:url('/_img/stars.gif');width:100px;height:18px;vertical-align: -15%;}
.icoStars1{background-position: 0 -18px;}
.icoStars2{background-position: 0 -36px;}
.icoStars3{background-position: 0 -54px;}
.icoStars4{background-position: 0 -72px;}
.icoStars5{background-position: 0 -90px;}
.icoStars05{background-position: 0 -108px;}
.icoStars15{background-position: 0 -126px;}
.icoStars25{background-position: 0 -144px;}
.icoStars35{background-position: 0 -162px;}
.icoStars45{background-position: 0 -180px;}

ul.rate{margin: 0; list-style: none; zoom: 1;}
ul.rate:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.rate li{display: inline;}
ul.rate li input{float: left;}
ul.rate li span{float: left; margin-right: 15px;}

/* == News Listing
----------------------------------------------------------------------------------------------------------------------*/
ul.newsListing{margin: 0; list-style: none;}
ul.newsListing li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.newsListing li{margin: 0 0 10px 0; padding: 0 0 10px 0;border-bottom: solid 1px #ddd; zoom: 1;}
ul.newsListing li .date{display: block; margin: 0 0 10px 0;}
ul.newsListing li h2 a{text-decoration: none; color: #D11414;}
ul.newsListing li h2 a:hover{text-decoration: underline;}
ul.newsListing li .thumb{float: left; border: solid 1px #ccc; margin: 0 10px 0 0;}

/* == Homepage promos
----------------------------------------------------------------------------------------------------------------------*/
ul.homePromos{float: left; margin: -80px 0 0px 0; list-style: none; padding-left: 3px; position: relative;}
ul.homePromos li{margin: 0; width: 242px; float: left; margin-right: 10px;}
ul.homePromos li.third{margin-right: 0;}

.templateOne ul.homePromos{margin: 25px 0 0 0; background: url(/_img/fade-line.gif) no-repeat center top; padding-top: 30px;}

/* == 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{margin: 10px 0 10px 0; zoom: 1;}
#panels:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#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 .whyBuy{float: left; width: 247px; padding: 0px 0 10px 0px;}
#panels .whyBuy ul{margin: 10px 0 10px 5px;list-style: none; list-style-image: none;}
#panels .whyBuy ul li{height: 15px; line-height: 15px;background: url(/_img/tick-sml.gif) no-repeat left center;padding: 0 0 0 20px;margin: 8px 0; font-weight: bold;}
#panels .banners{float: right; width: 247px;}
#panels .banners a{float: left; margin: 0 0 5px 0;}
#panels .newsFeed{float: left; width: 480px; 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; zoom: 1;}
#panels .newsFeed ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#panels .newsFeed ul li a{text-decoration: none;font-weight: bold;}
#panels .newsFeed ul li a img{float: left; margin: 0 10px 0 0; border: solid 1px #ccc;}
#panels .newsFeed ul li a:hover{text-decoration: underline;}
#panels .newsFeed ul li a.more{color: #D30202;}
#panels .newsFeed ul li p{margin: 0 0 3px 0;line-height: 1.3em;padding-left: 70px;}
#panels .newsFeed ul li p.summary{font-size: 90%;}
#panels .newsFeed ul li p.summary a{font-weight: normal; text-decoration: underline;}
#panels .newsFeed ul li h3{line-height: 1.2em; margin: 0 0 10px 0;}
.templateHome #panels .newsFeed{float: right;}

/* == 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; font-style: normal;}
.testimonials blockquote p a{font-weight: normal; color: #777; text-decoration: none;}
.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: 460px;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;margin: 0 0 10px 20px; width: 300px;}
.keyPoints .inner{float: right;width: 300px;}
.keyPoints .inner ul li{margin: 0 0 8px 0;font-size: 90%;background: url(/_img/tick-sml.gif) no-repeat left top;padding: 0px 0 0px 25px; list-style: none; line-height: 1.1em;}

.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;}

/* == Bauble Promo
----------------------------------------------------------------------------------------------------------------------*/
#bauble .baubleDay a{float: left; width: 150px; height: 150px; background: url(/_img/bauble.gif) no-repeat top left; letter-spacing: -99999px; font-size: 1px; text-decoration: none;}

/* == Protein Picker
----------------------------------------------------------------------------------------------------------------------*/
#proteinPicker #sliderOuter{float: left; width: 752px;height: 400px;position: relative; overflow: hidden;}
#proteinPicker #sliderOuter .slideInner{float: left; position: absolute; top: 0; left: 752px; width: 2256px; height: 400px; background: #fff;}
#proteinPicker #sliderOuter .slideInner .step{float: left; width: 752px; height: 400px;}
#proteinPicker #sliderOuter .slideDefault{float: left; width: 752px; height: 400px;}
#proteinPicker ol{margin: 0; list-style: none;}
#proteinPicker ol li{margin: 0 0 15px 0;}
#proteinPicker ol li a, #proteinPicker p.decision{display: block; margin: 0; background: #eee; padding: 8px 5px; color: #555; text-decoration: none; font-size: 130%; letter-spacing: -1px; border: solid 1px #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; font-weight: bold;}
#proteinPicker ol li a strong{color: #555;}
#proteinPicker ol li a:hover{background: #ddd;}
#proteinPicker ol li a span{color: #D11414; background: url(/_img/question-line.gif) repeat-y right top;padding: 0 8px 0 0; float: left; margin-right: 6px;}
#proteinPicker .toolBar{float: left; width: 752px; margin: 10px 0; position: relative;}
#proteinPicker .toolBar h2{float: left; margin: 0;}
#proteinPicker .toolBar a.refresh{float: right;}
#proteinPicker .options .btn,
#proteinPicker .stepBack{display: inline-block; height: 30px; width: 80px; text-align: center; line-height: 30px; color: #fff; font-weight: bold; background: url(/_img/btn-grey.gif) no-repeat left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #000;}
#proteinPicker .refresh{display: none; background-image: url(/_img/btn-green.gif); position: absolute; top: -5px; right: 0; color: #3a5d00; text-shadow: 1px 1px 0px #cde4a0; border: 0;}

/* == Challenge Page
----------------------------------------------------------------------------------------------------------------------*/
.rankPanel{float: left; width: 220px; margin-right: 15px; background: #2a2a2a; color: #fff;padding: 10px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.endPanel{float: right; margin-right: 0;}
.rankPanel h2{margin-top: 5px;}
.rankPanel ol{margin: 10px 0;clear: both;}
.rankPanel ol li{border-bottom: dotted 2px #3c3c3c;list-style-position: inside; margin: 0 0 7px 0; padding: 0 0 7px 0;}
.rankPanel ol li a{color: #fff; text-decoration: none;}
.rankPanel ol li a:hover{color: #888;}
.rankPanel ol li .name{display: inline-block; width: 100px;}
.rankPanel ol li .lbl{text-transform: uppercase; color: #777; font-size: 90%; padding: 0 10px 0 5px;}
.rankPanel ol li .value{font-weight: bold; background: #9a0d16;padding: 0 3px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.panelSpenders h2{float: left; width: 220px; height: 31px; background: url(/_img/big-spenders.gif) no-repeat left top; letter-spacing: -999999px; font-size: 1px;}
.panelViewed h2{float: left; width: 220px; height: 31px; background: url(/_img/most-viewed.gif) no-repeat left top; letter-spacing: -999999px; font-size: 1px;}
.panelSellers h2{float: left; width: 220px; height: 31px; background: url(/_img/best-sellers.gif) no-repeat left top; letter-spacing: -999999px; font-size: 1px;}
.challengeBlock{float: left; clear: both; width: 742px;background: #2a2a2a; color: #fff;padding: 20px 10px 10px 0px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; zoom: 1; margin-top: 40px;}
.challengeBlock:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.challengeBlock .action{font-size: 150%; color: #777;float: left; background: #000; padding: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.challengeBlock .action a{color: #fff; text-decoration: none;}
.challengeBlock ul{margin: 0; list-style: none;}
.challengeBlock ul li{margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(/_img/arrow-red.gif) no-repeat left center;}
.challengeBlock .winImg{float: left;}
.challengeBlock p.notes{color: #888; clear: both; padding: 10px 0px 0 20px; border-top: dotted 2px #444; margin-top: 20px; font-style: italic;}

/* == Hades et al
----------------------------------------------------------------------------------------------------------------------*/
.prodAnalysis{float: left; width: 752px; border-left: solid 1px #737373; zoom: 1; padding-top: 30px;}
.prodAnalysis:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodBreakdown{background: url(/_img/blend-title.gif) no-repeat left 12px; border-bottom: solid 1px #737373; margin: 0 0 20px 0;}
.basePanel{margin-bottom: 0;}
.prodBreakdown .breakIn{background: url(/_img/base-fade.gif) repeat-x left bottom; zoom: 1;padding: 0 0 30px 0;}
.prodBreakdown .breakIn:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodBreakdown h2, .prodBreakdown h3{margin: 0; line-height: 1.1em;}
.prodBreakdown h2{ font-size: 200%;color: #b6943a; margin-bottom: 2px; text-shadow: 1px 1px 1px #000; text-transform: uppercase;}
.prodBreakdown h2 span{color: #222;}
.prodBreakdown h2 span em{color: #D11414; font-style: normal;}
.prodBreakdown h3{line-height: 1.2em; font-size: 100%; color: #000; border-bottom: solid 1px #e7e7e7; padding-bottom: 7px;}
.prodBreakdown .image{float: left; margin: 37px 0 0 0;}
.prodBreakdown .bulk{float: left; width: 300px;}
.prodBreakdown .bulk a.btn{display: inline-block; height: 30px; width: 80px; text-align: center; line-height: 30px; color: #3a5d00; font-weight: bold; background: url(/_img/btn-green.gif) no-repeat left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #cde4a0;}
.prodBreakdown p.tags{font-weight: bold; height: 15px; line-height: 15px; text-transform: uppercase; font-size: 90%;}
.prodBreakdown p.tags em.servs{color: #fff; background: #D11414; font-weight: normal;font-style: normal;padding: 0 3px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.prodBreakdown p.tags em.pserv{color: #fff; background: #000; font-weight: normal;font-style: normal;padding: 0 3px; text-transform: none; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.prodBreakdown p.tags span{padding-right: 12px;}
.prodBreakdown .highlights{margin: 10px 0 18px 0; list-style: none; font-size: 90%;border-top: solid 1px #e7e7e7; padding-top: 7px;}
.prodBreakdown .highlights li{margin: 0; background: url(/_img/gold-tick.gif) no-repeat left center; padding-left: 20px;}
.prodBreakdown .overview{font-size: 90%;margin: 3px 0 10px 0;}
.prodBreakdown .overview a{color: #D11414; text-decoration: none;}
.prodBreakdown .chart{float: right;width: 200px;padding-top: 29px;}
.prodBreakdown .chart h3{color: #b6943a; text-align: center;}
.prodBreakdown .chart .chartHold{float: left; width: 100%; height: 200px; background: url(/_img/loader.gif) no-repeat center center;}
.prodBreakdown .chart .socialBtns{padding: 10px 0 0 0;}
.prodBreakdown .viewLink{clear: both;text-decoration: none; font-weight: normal; font-size: 90%; display: block; padding: 5px 25px 5px 10px; text-align: right; background: #f6f6f6 url(/_img/list.gif) no-repeat 180px center; border: solid 1px #eee; border-width: 1px 0;}
.preProd .chart{background: url(/_img/pre.gif) no-repeat right top;}
.postProd .chart{background: url(/_img/post.gif) no-repeat right top;}
.allProd .chart{background: url(/_img/allinone.gif) no-repeat right top;}
.replaceProd .chart{background: url(/_img/replace.gif) no-repeat right top;}
.blendGrid{float: left; width: 752px; height: 400px; background: url(/_img/blend-grid.jpg) no-repeat left top; position: relative; color: #fff;}
.blendGrid h2{margin: 0; color: #b4871f; text-shadow: 2px 2px 1px #000; font-size: 200%;}
.blendGrid p{font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase;}
.blendGrid .zeusLink{position: absolute; top: 20px; right: 35px; width: 120px;}
.blendGrid .titanLink{position: absolute; bottom: 35px; right: 10px; width: 120px;}
.blendGrid .hadesLink{position: absolute; bottom: 10px; left: 30px; width: 120px;}
.blendGrid .apolloLink{position: absolute; top: 50px; left: 40px; width: 120px;}

