/*****START OF TEMPLATE.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*****COMMON*****/
/*--------------------------------------------------------------------------*/
body {color:#76787a; background:#fff;}
input, select, option, textarea {color:#76787a;}
h1 {font-size:2.15em; font-weight:normal; color:#1b5265;}
h2 {font-size:1.5em; font-weight:normal; color:#1b5265;} 
h3 {font-size:1.15em; font-weight:bold; color:#1b5265;}
a {color:#339999;}
a:hover {text-decoration:underline;}

/*popup help*/
.help .helpBody strong {color:#339999;}

/*--------------------------------------------------------------------------*/
/*****GR NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.guthyRenkerNav dt {}

/*--------------------------------------------------------------------------*/
/*****CART SECTION*****/
/*--------------------------------------------------------------------------*/
.cartNav {background-image:url('../images/bg/cartNav.png');}
.cartSection .noCart {background-image:url('../images/bg/cartNavNoCart.png');}
.cartSection .noMember {background-image:url('../images/bg/cartNavNoMember.png');}
.cartSection .cartHover {background-image:url('../images/bg/cartNavCartHover.png');}
.cartSection .cartHoverNoMember {background-image:url('../images/bg/cartNavCartHoverNoMember.png');}
.cartSection .memberHover {background-image:url('../images/bg/cartNavMemberHover.png');}
.cartNav li a {color:#0096d6;}
/*liCartItems*/
.cartNav li.liCartItems li {border-left:1px solid #ccc; border-right:1px solid #ccc; color:#919191;
	background-image:url('../images/bg/cartNavCartDivider.gif');}
.cartNav li.liCartItems li span.price {color:#0096D6;}
.cartNav li.liCartItems li span a {color:#339999;}
.cartNav li.liCartItems li dd {color:#0096D6;}
.cartNav li.liCartItems li.cartListTop {background-image:url('../images/bg/cartNavCartTop.png');}	
.cartNav li.liCartItems li.cartListBottom {background-image:url('../images/bg/cartNavCartBottom.png');}
/*liClubMembers*/
.cartNav li.liClubMembers a.nav {color:#339999;}
.cartNav li.liClubMembers fieldset {background-image:url('../images/bg/cartNavMemberLogin.png');}
.cartNav li.liClubMembers fieldset li.email input,
.cartNav li.liClubMembers fieldset li.password input {border:1px solid #cccccc; 
	background-image:url('../images/bg/inputText.gif');}
.cartNav li.liClubMembers fieldset li.link {background-image:url('../images/bg/ctaLinkClubMembers.gif');}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE*****/
/*--------------------------------------------------------------------------*/
.template {background:#fff url('../images/bg/tProactiv.gif') no-repeat center top;}

/*--------------------------------------------------------------------------*/
/*****LOGO AND CALL NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.callNav {margin-bottom:15px; padding-top:55px;}
.callNav li {margin:0px 30px;}
.callNav li.phoneNumber {height:30px;
	color:#339999; font-size:1.2em; text-align:left; line-height: 1em;
	background:transparent url('../images/bg/phone.png') no-repeat center left;
	padding-left: 33px; margin: 27px 22px 0px 0px;
	}
.callNav li.phoneNumber label
{
	display:block; font-size: 0.8em; font-weight: bold;
}
	
/*--------------------------------------------------------------------------*/
/*****DEFAULT NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.defaultNav {margin-bottom:30px; background:transparent url('../images/bg/defaultNav.png') no-repeat 0px 0px;}
.defaultNavOrderHover,
.defaultNavOrderSelected {background-position:0px -200px;}
.defaultNav li {padding:4px 0px;}
.defaultNav li.first {padding:4px 0px 4px 5px;}
.defaultNav li.hover,
.defaultNav li.orderHover,
.defaultNav li.orderNowSelected,
.defaultNav li.selected {background:transparent url('../images/bg/defaultNavHover.png') repeat-x left top;}
.defaultNav li.firstHover,
.defaultNav li.firstSelected {background:transparent url('../images/bg/defaultNav.png') no-repeat 0px -100px; padding-left:5px;}	
.defaultNav li a {display:block;font-size:1.25em; color:White; line-height:44px; padding:0px 19px;
	background:transparent url('../images/bg/defaultNavSeparator.png') no-repeat right center;}
.defaultNav.nz li a {padding:0px 18px;}
.defaultNav li.hover a,
.defaultNav li.selected a,
.defaultNav li.firstHover a,
.defaultNav li.firstSelected a,
.defaultNav li.orderHover a,
.defaultNav li.orderNowSelected a {color:#fff;}	

/*--------------------------------------------------------------------------*/
/*****TEMPLATE HOMEPAGE*****/
/*--------------------------------------------------------------------------*/
.tHomePage .defaultNav {margin-bottom:5px;}
.tHomePage .content {padding-bottom:35px;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE TWO COLUMNS*****/
/*--------------------------------------------------------------------------*/
.tTwoColumns .breadcrumbs {color:#76787a;}
.tTwoColumns .breadcrumbs a {color:#76787a;}
.tTwoColumns .containerRightColumn {background:white;}
/*
.tTwoColumns .containerRightColumn .pageNotFound {width: 635px; height: 102px; padding: 22px 0px 0px 20px; background:#fff url('../images/bg/pageNotFound.png') no-repeat left top;}
.tTwoColumns .containerRightColumn .pageNotFound .pageNotFoundTitle {font-size: 32px; color: #1B5265; }
.tTwoColumns .containerRightColumn .pageNotFound .pageNotFoundTitle2 {font-size: 22px; color: #919191; }
.tTwoColumns .containerRightColumn .pageNotFound .pageNotFoundTitle3 {font-size: 16px; color: #919191; }
*/

/*--------------------------------------------------------------------------*/
/*****TEMPLATE CHECKOUT*****/
/*--------------------------------------------------------------------------*/
.tCheckout {/*background-image:url('../images/bg/tCheckout.gif');*/
            background-image:url('../images/bg/tCheckout.png');}
/*callNav*/
.tCheckout .callNav li.phoneNumber {margin-top:20px;}
/*checkoutNav*/
.tCheckout .checkoutNav {background:#fff url('../images/bg/checkoutNav.png') no-repeat left top;}
.tCheckout .checkoutNav li {background-image:url('../images/bg/checkoutNavLi.png');}
.tCheckout .checkoutNav a {color:White; background-image: url('../images/bg/checkoutNavStep.png');}                


/*****END OF TEMPLATE.CSS***********************************************************************/

/*****START OF COMPONENT.CSS***********************************************************************/

/*popUp*/
.popUp dt.title {color:#1b5265;}
.popUp .stdPrice {color:#1b5265;}
.popUp .memberPrice,
.popUp .itemPrice,
.popUp .giftPrice {color:#0096d6; background-image:url('../images/bg/memberPrice.gif'); }

/*rte*/
.rte h1 {color:#1b5265;}
.rte h2 {color:#1b5265;} 
.rte h2.highlight {color:#0096d6;}
.rte h2.sectionHeading {color:#0096d6;}
.rte h3 {color:#1b5265;}
.rte a {color:#339999;}
.rte a.cta {padding:5px 0px 5px 30px; line-height:21px; 
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
	
.rte .catalogue {display:block;}
.rte .catalogue ul {list-style-type:none;border:0px;margin:0px;}
.rte .catalogue li {display:block;background-image:url('../images/bg/ctaLink.gif');
                    background-repeat:no-repeat;margin:0px;padding:2px 0px 2px 70px;
                    background-position:40px;}
	
.componentUpgrade .freeGift h1{margin:0 0 2px;font-size:1.7em;}	
.componentUpgrade .freeGift h2{margin:0 0 1px;font-size:1em;color:#c01f1f;font-weight:bold;}	
.componentUpgrade .freeGift p{font-size:12px;}

/*star ratings*/
.starRating .stars-cap {color:#007287;}
.starRating .ui-stars-star a,
.starRating .ui-stars-cancel a {background-image: url('../images/bg/stars.gif');}

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.componentHomeHero {height:322px; visibility:hidden;}
.componentHomeHero.flash-update,
.componentHomeHero.flash-replaced {visibility:visible;}
.componentHomeHero.flash-update h1 a {visibility:visible; display:block; width:950px; height:498px;
                                      position:relative;
                                      background: transparent url('../images/bg/componentHomeHero.jpg') no-repeat 0px 0px;
                                      font-size: 0px;}
.componentHomeHero.flash-update h1 a .alt {display:none;}


/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE MONEY BACK*****/
/*--------------------------------------------------------------------------*/
.componentHomeMoneyBack {width:235px; height:136px; 
	background:transparent url('../images/bg/componentHomeMoneyBack.png') no-repeat 0px 0px;
	position:absolute; top:-10px; left:0px;}
.componentHomeMoneyBack a:hover {text-decoration:none;}
.componentHomeMoneyBack img {margin-top:10px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SEND YOUR STORY*****/
/*--------------------------------------------------------------------------*/
.componentSendStory .cta .btnSubmit {background-image:url('../images/btnSubmitStory.png');}

/*--------------------------------------------------------------------------*/
/*****COMPONENT MEDIA *****/
/*--------------------------------------------------------------------------*/
.componentMedia .cta {line-height:21px; padding:0px 0px 0px 30px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*current media / video playing*/
.componentMedia .featuredMedia h1 a {color:#1b5265;}
/*news / celebrity listing*/
.componentMedia .mediaList h3 a {color:#1b5265;}	
/*social sharing*/
.componentMedia dl.socialSharing dt {color:#1b5265;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT FAQ*****/
/*--------------------------------------------------------------------------*/
/*.searchKeywords*/
.componentFAQ .searchKeywords input.filterBtn {background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*qa listing*/
.componentFAQ dt {color:#339999;}
.componentFAQ dt.selected {background:#eef7f7; }
.componentFAQ dt span {color:#666; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px;}
.componentFAQ dd fieldset input {color:#339999; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px; }
/*.formSubmitQuestion*/
.componentFAQ .formSubmitQuestion .cta .submitBtn {background: transparent url('../images/btnSubmit.png') no-repeat 0px 0px; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT DISPLAY*****/
/*--------------------------------------------------------------------------*/
/*---------------------*/
/*---Product Details---*/
/*---------------------*/
.componentProductDisplay .rte h3 .instructions{ color:#AFAFAF; float:right; font-size:11px; font-weight:normal; }
.componentProductDisplay .rte .packIncludes li {padding:0px 0px 4px 22px;
	background:transparent url('../images/bg/liBubbles.gif') no-repeat 0px 2px;}
/*paymentOptions*/
.componentProductDisplay .paymentOptions li label {color:#339999;}
/*.componentProductDisplay .paymentOptions li.price,
.componentProductDisplay .paymentOptions li.cta {background-image:url('../images/bg/memberPrice.gif');}*/
.componentProductDisplay .paymentOptions li.price span.spanPrice {color:#0096d6;}
.componentProductDisplay .paymentOptions li.price span.spanPnH {color:#76787a;}
/*orderNow*/
.componentProductDisplay .orderNow li.productPrice {color:#0096D6;}
.componentProductDisplay .orderNow .spanStdPrice {color:#1b5265;}
.componentProductDisplay .orderNow .spanPnH {color:#76787a; }
.componentProductDisplay .orderNow .spanMemberPrice {color:#0096d6;}
.componentProductDisplay .paymentOptions li.price span.spanTotal{color:#0096D6;}	
.componentProductDisplay .orderNow li.memberPrice, 
.componentProductDisplay .orderNow li.memberDesc {color:#0096D6; background-image:url('../images/bg/memberPrice.gif');}
.componentProductDisplay .orderNow li.memberDesc a {padding:3px 0px 0px 33px; line-height:21px; text-align: left;
	background:transparent url('../images/bg/ctaLinkMemberDesc.gif') no-repeat 5px 3px;}
/*clubMember*/
.componentProductDisplay .orderNow li.rrpPrice {color:#1b5265;}
.componentProductDisplay .orderNow .clubMember li.productPrice,
.componentProductDisplay .orderNow .clubMember li.cta {background-image:url('../images/bg/memberPrice.gif');}
/*viewOtherPacks*/
.componentProductDisplay .viewOtherPacks h2 {color:#0096d6;}
.componentProductDisplay .viewOtherPacks a {width:130px; padding:7px 0px 5px 25px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px center;}
/*freeGifts*/
.componentProductDisplay .freeGifts h2 {color:#0096d6;}
/*freeGifts scrollable*/
.componentProductDisplay .freeGifts .scrollable .items li.selected,
.componentProductDisplay .freeGifts .scrollable .items li.hover {border-color:#0096d6;}
.componentProductDisplay .freeGifts a.prevPage {background-image:url('../images/bg/freeGiftsLeft.gif');}
.componentProductDisplay .freeGifts a.nextPage {background-image:url('../images/bg/freeGiftsRight.gif');}
.componentProductDisplay .freeGifts .screen .instruction {color:#339999;}
/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#0e384b;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo h3 {color:#0e384b;}	
/*gwpExtraInfoProactiv*/
.componentProductDisplay .gwpExtraInfoProactiv .middle h2,
.componentProductDisplay .gwpExtraInfoProactiv .middle h3 {color:#0e384b;}
.componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 {background-image:url('../images/bg/ctaLinkGWP.gif');}
.componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 span {color:#0096d6;}
/*automaticMembership*/
.componentProductDisplay .automaticMembership 
{/*background:white url('../images/bg/automaticMembershipProactiv.png') no-repeat 0px 0px;*/
	background:white url('../images/bg/automaticMembershipProactiv.gif') no-repeat 0px 0px;}
.componentProductDisplay .automaticMembership h2 {
	/*background:transparent url('../images/bg/automaticMembershipProactivTitle.gif') no-repeat right 0px;*/
	background:transparent url('../images/bg/automaticMembershipProactivTitle.png') no-repeat right 0px;}
.componentProductDisplay .automaticMembership .instruction {color:#339999;}
/*automaticMembershipExtraInfo*/
.componentProductDisplay .automaticMembershipExtraInfo {color:White;}
.componentProductDisplay .automaticMembershipExtraInfo .top {
	background:transparent url('../images/bg/componentExtraInfoTop.png') no-repeat center 0px;}
.componentProductDisplay .automaticMembershipExtraInfo .middle {
	background:transparent url('../images/bg/componentExtraInfoBody.png') repeat 0px 0px;}	
/*welcomeMembership*/
.componentProductDisplay .welcomeMembership {background:white url('../images/bg/welcomeMembershipProactiv.png') no-repeat 0px 0px;
	/*background:white url('../images/bg/welcomeMembershipProactiv.gif') no-repeat 0px 0px;*/}	
/*learnMembership*/
.componentProductDisplay .learnMembership {background:white url('../images/bg/learnMembershipProactiv.png') no-repeat 0px 0px;
	/*background:white url('../images/bg/learnMembershipProactiv.gif') no-repeat 0px 0px;*/}	
.componentProductDisplay .learnMembership .instruction a {color:#1b5265;}
/*------------------*/
/*---Product Tabs---*/
/*------------------*/
.componentProductDisplay .productTabsLink {
	background:white url('../images/bg/componentProductDisplayTabs.png') no-repeat 0px 3px;}
.componentProductDisplay .productTabsLink a {color:#339999;}
.componentProductDisplay .productTabsLink li.selected,
.componentProductDisplay .productTabsLink li.selected a {	
	background-image:url('../images/bg/componentProductDisplayTabsSelected.png');}	
.componentProductDisplay .productTabsLink li.selected a span {
	background:transparent url('../images/bg/componentProductDisplayTabsSelectedArrow.gif') no-repeat center bottom;}	
/*productTabs userReview*/
.componentProductDisplay .userReview h3 a {color:#1b5265;}
.componentProductDisplay .reviewList li .customer {color:#76787a;}
.componentProductDisplay .reviewList li .customer .name {color:#1b5265;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT UPSELL*****/
/*--------------------------------------------------------------------------*/
.componentProductUpsell h2 {color:#0096d6;}
/*ProductUpsell scrollable*/
.componentProductUpsell a.prevPage {background-image:url('../images/bg/relatedProductsLeft.png');}
.componentProductUpsell a.nextPage {background-image:url('../images/bg/relatedProductsRight.png'); }
.componentProductUpsell .scrollable .hover .itemThumb,
.componentProductUpsell .scrollable .click .itemThumb {background-image:url('../images/bg/relatedProductsExtraItemThumb.gif');}
.componentProductUpsell .scrollable .itemName {color:#339999; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdated {background:white url('../images/bg/componentCartUpdated.gif') no-repeat 25px 15px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT UPGRADE *****/
/*--------------------------------------------------------------------------*/
.componentUpgrade h2 {color:#1b5265;}
.componentUpgrade p {color:#1b5265;}
.componentUpgrade p strong {color:#0096d6;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT / CATEGORY TILES*****/
/*--------------------------------------------------------------------------*/
.componentTiles h2 {color:#0096d6;}
/*price list*/
.componentTiles li li.memberPrice {color:#0096d6;}
.componentTiles li li.savePrice {color:#D65151;}
/*non member price list*/
.componentTiles li .nonMember li.stdPrice {color:#1B5265;}
.componentTiles li .nonMember li.savePrice {color:#0096d6;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT MATRIX*****/
/*--------------------------------------------------------------------------*/
.componentProductMatrix {visibility: hidden;}
.componentProductMatrix.flash-update {visibility:visible; height:433px; padding: 30px 40px; background: transparent url('../images/bg/componentProductMatrix.jpg') no-repeat 0px 0px;}
.componentProductMatrix.flash-replaced {visibility:visible; width:655px; height:433px; padding:0px; overflow:hidden; margin-bottom:20px;position:relative;background-imagE:none;}
.componentProductMatrix.flash-replaced h1,
.componentProductMatrix.flash-replaced p { display:none; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav .bottom {background:transparent url('../images/bg/componentSubNavBottom.png') no-repeat 0px 0px;}
.componentSubNav .middle {background:transparent url('../images/bg/componentSubNavMiddle.png') no-repeat 0px 0px;}
.componentSubNav h2 {width:224px; padding:15px 10px; margin-bottom:0px; font-size:2.15em; color:#1b5265; text-align:center;}
.componentSubNav li a {background:transparent url('../images/bg/componentSubNavLi.png') repeat-x 0px top;}
.componentSubNav li a:hover {color:#1b5265;}
.componentSubNav li.viewSection a {background:transparent url('../images/bg/componentSubNavViewSection.png') no-repeat left top;}
.componentSubNav li.selected a,
.componentSubNav li.selectedTwoLines a {color:#1b5265;background-image:url('../images/bg/componentSubNavSelected.png');}

/*--------------------------------------------------------------------------*/
/*COMPONENT MONEY BACK - two columns template*/
/*--------------------------------------------------------------------------*/
.componentMoneyBack {background:transparent url('../images/bg/componentMoneyBackTwoColumns.jpg') no-repeat 0px 0px;}	
.componentMoneyBack h2 {height:82px;}
/*moneyBackExtraInfo*/
.componentMoneyBack .moneyBackExtraInfo {color:White;}
/*automaticMembershipExtraInfo*/
.componentMoneyBack .moneyBackExtraInfo .top {
	background:transparent url('../images/bg/componentExtraInfoTop.png') no-repeat center 0px;}
.componentMoneyBack .moneyBackExtraInfo .middle {
	background:transparent url('../images/bg/componentExtraInfoBody.png') repeat 0px 0px;}	

/*--------------------------------------------------------------------------*/
/*COMPONENT SUBSCRIBE*/
/*--------------------------------------------------------------------------*/
.componentSubscribe {background:transparent url('../images/bg/componentSubscribe.png') no-repeat 0px 0px;}	
.componentSubscribe .bottom {background:transparent url('../images/bg/componentSubscribeBottom.png') no-repeat 0px 0px;}	
             
/*COMPONENT PAGE NOT FOUND*/             
.componentPageNotFound .blurb {background:transparent url('../images/bg/pageNotFound.png') no-repeat left top;}
.componentPageNotFound .blurb h1 {font-size:2.7em; margin-bottom:0px;}
.componentPageNotFound .blurb .h2, 
.componentPageNotFound .blurb .h3 {font-size:1.83em; color: #919191; margin-bottom:0px;}
.componentPageNotFound .blurb .h3 {font-size:1.33em;}

/*****END OF COMPONENT.CSS***********************************************************************/

/*****START OF COMPONENT CHECKOUT.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*COMPONENT CHECKOUT*/
/*--------------------------------------------------------------------------*/
.componentCheckout h2 {color:#666; background:#e8f6f7;}
.componentCheckout dl {color:#666;}
/*Place Order*/
.componentCheckout li.confirmCC dd {color:#666;}
/*cartTable*/
.componentCheckout .cartTable th {color:#666; background:#e8f6f7;}
.componentCheckout .cartTable td {color:#666;}
.componentCheckout .cartTable .colTitle {color:#999;}

/*Thank You*/
.componentCheckout .confirmationBox {color:#666; 
	background:#e8f6f7 url('../images/bg/confirmationBoxTick.gif') no-repeat 30px center;}
.componentCheckout .confirmationBox p span {color:#339999;}	
.componentCheckout .orderNumber {color:#666; background:#e8f6f7;}
.componentCheckout dt.survey {color:#666;}
.componentCheckout dd.survey tr.even {background:#f7fefe;}

/*--------------------------------------------------------------------------*/
/*PAYMENT METHOD*/
/*--------------------------------------------------------------------------*/
dl.paymentMethod dt {color:#339999;}

/*--------------------------------------------------------------------------*/
/*COMPONENT MONEY BACK CHECKOUT*/
/*--------------------------------------------------------------------------*/
.componentMoneyBackCheckout {background:transparent url('../images/bg/componentMoneyBackCheckout.jpg') no-repeat left bottom;}	
.componentMoneyBackCheckout h2 {background:transparent url('../images/bg/componentMoneyBackCheckout.jpg') no-repeat left top;}

/*--------------------------------------------------------------------------*/
/*COMPONENT HELP*/
/*--------------------------------------------------------------------------*/
.componentHelp h2 {background:transparent url('../images/bg/title.gif') no-repeat 20px 18px;}

/*****END OF COMPONENT CHECKOUT.CSS***********************************************************************/

