/*****START OF TEMPLATE.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*****COMMON*****/
/*--------------------------------------------------------------------------*/
body {color:#666666; background:#fff url('../images/bg/body.png') repeat-x 0px 0px;}
input, select, option, textarea {color:#666666;}
h1 {font-size:2.15em; font-weight:normal; color:#08877e;}
h2 {font-size:1.5em; font-weight:normal; color:#08877e;} 
h3 {font-size:1.15em; font-weight:bold; color:#08877e;}
a {color:#008e7f;}
a:hover {text-decoration:underline;}

/*popup help*/
.help .helpBody strong {color:#008E7F;}

/*--------------------------------------------------------------------------*/
/*****GR NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.guthyRenkerNav dt {}

/*--------------------------------------------------------------------------*/
/*****CART SECTION*****/
/*--------------------------------------------------------------------------*/
.cartSection .noCart {background-image:url('../images/bg/cartNavNoCart.png');}
.cartSection .noMember {background:transparent url('../images/bg/cartNavNoMember.png') 0 0;}
.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:#008E7F;}
/*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:#008E7F;}
.cartNav li.liCartItems li span a {color:#008E7F;}
.cartNav li.liCartItems li dd {color:#008E7F;}
.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:#008E7F;}
.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/tYouthfulEssence.jpg) no-repeat center 31px; }

/*--------------------------------------------------------------------------*/
/*****LOGO AND CALL NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.callNav {margin-bottom:0px; padding-top:35px;}
.callNav li {margin:0px 30px;}
.callNav li.logo {margin:6px 15px 4px 15px;}
.callNav li.phoneNumber {height:30px;
	color:#008E7F; 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:41px 22px 0px 0px;
	}
.callNav li.phoneNumber label
{
	display:block; font-size:0.75em; font-weight:bold;
}
	
/*--------------------------------------------------------------------------*/
/*****DEFAULT NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.defaultNav {margin:0px auto 30px auto; background:transparent url('../images/bg/defaultNav.png') no-repeat 0px 0px;}
.defaultNavOrderHover,
.defaultNavOrderSelected {background-position:0px -200px;}
.defaultNav li {padding:0px 0px;}
.defaultNav li.first,
.defaultNav li.firstSelected {padding-left:7px;}
.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;}	
.defaultNav li a {display:block;font-size:1.25em; color:White; line-height:44px; padding:0px 9px;
	background:transparent url('../images/bg/defaultNavSeparator.png') no-repeat right center; font-weight:bold;}
.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:0px;}
.tHomePage .content {padding-bottom:35px;}

.tHomePage .containerHomeHero {width:100%; margin-bottom:5px;}
.tHomePage .containerHomeFirstTile,
.tHomePage .containerHomeSecondTile,
.tHomePage .containerHomeThirdTile,
.tHomePage .containerHomeFourthTile,
.tHomePage .containerHomeMoneyBack {float:left; display:inline; width:218px; height:111px; position:relative; margin-right:12px; overflow:visible;}
.tHomePage .containerHomeFirstTile {margin-left:21px;}
.tHomePage .containerHomeMoneyBack {margin-right:0px;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE TWO COLUMNS*****/
/*--------------------------------------------------------------------------*/
.tTwoColumns .breadcrumbs {color:#76787a;}
.tTwoColumns .breadcrumbs a {color:#76787a;}
.tTwoColumns .containerRightColumn {background:white;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE CHECKOUT*****/
/*--------------------------------------------------------------------------*/
.tCheckout {}
/*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:#08877e;}
.popUp .stdPrice {color:#08877e;}
.popUp .memberPrice,
.popUp .itemPrice,
.popUp .giftPrice {color:#008e7f; background-image:url('../images/bg/memberPrice.gif'); }

/*rte*/
.rte h1 {color:#008e7f;}
.rte h2 {color:#008e7f;} 
.rte h2.highlight {color:#6BBBE0;}
.rte h2.sectionHeading {color:#6BBBE0;}
.rte h3 {color:#636462; border-bottom:1px solid #ddd; padding-bottom:3px;}
.rte a {color:#008e7f;}
.rte a.cta {padding:5px 0px 5px 30px; line-height:21px; 
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}

/*
About Youthful Essence  »  The System (table)
*/
.containerContent.rte .theSystem h3 { margin-bottom:10px; padding:0px 0px 0px 30px; border:none; color:#08877E;}
.containerContent.rte .theSystem h4 { padding:0px 0px 0px 30px; color:#08877E; font-weight:normal; }
.containerContent.rte .theSystem ul { margin-bottom:0px }
.containerContent.rte .theSystem li { margin-bottom:10px }

/*star ratings*/
.starRating .stars-cap {color:#D1004F;}
.starRating .ui-stars-star a,
.starRating .ui-stars-cancel a {background-image:url('../images/bg/stars.gif');}

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.componentHomeHero {height:345px;}
.componentHomeHero h1 {height:405px;}
.componentHomeHero h1 a {display:block; position:relative; width:940px; height:339px;							
	visibility:visible; font-size:0; color:#FFFFFF;	
	background:url("../images/bg/componentHomeHero.jpg") no-repeat scroll 0 0 transparent;}
	
/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE MONEY BACK*****/
/*--------------------------------------------------------------------------*/
.componentHomeMoneyBack {width:235px; height:136px; 
	background:transparent url('../images/bg/componentHomeMoneyBack.png') no-repeat 0px 0px;
	position:absolute; top:0px; left:0px;}
.componentHomeMoneyBack a:hover {text-decoration:none;}

/*--------------------------------------------------------------------------*/
/*****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:#008e7f;}
/*news / celebrity listing*/
.componentMedia .mediaList h3 a {color:#008e7f;}	
/*social sharing*/
.componentMedia dl.socialSharing dt {color:#666;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT FAQ*****/
/*--------------------------------------------------------------------------*/
/*.searchKeywords*/
.componentFAQ .searchKeywords input.filterBtn {background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*qa listing*/
.componentFAQ dt {color:#008e7f;}
.componentFAQ dt.selected {background:#dafee5; }
.componentFAQ dt span {color:#666; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px;}
.componentFAQ dd fieldset input {color:#008e7f; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px; }
/*.formSubmitQuestion*/
.componentFAQ .formSubmitQuestion .cta .submitBtn {width:112px;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 { margin-bottom:10px; }
.componentProductDisplay .rte .packIncludes li {
	background:transparent url('../images/bg/liTick.gif') no-repeat 10px 6px ;}
.componentProductDisplay .rte .packIncludes li a {display:block; width:267px; height:27px;
	padding:0px 0px 0px 30px; line-height:27px;}
.componentProductDisplay .rte .packIncludes li a:hover {display:block; width:267px; height:27px;
	padding:0px 0px 0px 30px; margin:0; line-height:27px; cursor:pointer; text-decoration:none;
	background:transparent url('../images/bg/liTick_hover.gif') no-repeat 0px 0px; }
/*paymentOptions*/
.componentProductDisplay .paymentOptions li label {color:#008E7F;}
/*.componentProductDisplay .paymentOptions li.price,
.componentProductDisplay .paymentOptions li.cta {background-image:url('../images/bg/memberPrice.gif');}*/
.componentProductDisplay .paymentOptions li.price span.spanPrice {color:#008e7f;}
.componentProductDisplay .paymentOptions li.price span.spanPnH {color:#666;}
/*orderNow*/
.componentProductDisplay .orderNow li.productPrice {color:#666;}
.componentProductDisplay .orderNow .spanStdPrice {color:#008e7f;}
.componentProductDisplay .paymentOptions li.price span.spanTotal{color:#008e7f;}
.componentProductDisplay .orderNow .spanPnH {color:#666; }
.componentProductDisplay .orderNow .spanMemberPrice {color:#008e7f;}
.componentProductDisplay .orderNow li.memberPrice, 
.componentProductDisplay .orderNow li.memberDesc {color:#008e7f; background-image:url('../images/bg/memberPrice.gif');}
.componentProductDisplay .orderNow li.memberDesc {color:#666;}
.componentProductDisplay .orderNow li.memberDesc a {padding:3px 0px 0px 21px; line-height:21px; 
	background:transparent url('../images/bg/ctaLinkMemberDesc.gif') no-repeat 40px 3px;}
/*clubMember*/
.componentProductDisplay .orderNow li.rrpPrice {color:#008e7f;}
.componentProductDisplay .orderNow .clubMember li.productPrice,
.componentProductDisplay .orderNow .clubMember li.cta {background-image:url('../images/bg/memberPrice.gif');}
/*viewOtherPacks*/
.componentProductDisplay .viewOtherPacks h2 {color:#008E7F;}
.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:#d1004f;}
/*freeGifts scrollable*/
.componentProductDisplay .freeGifts .scrollable .items li.selected,
.componentProductDisplay .freeGifts .scrollable .items li.hover {border-color:#008e7f;}
.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:#008e7f;}
/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#0e384b;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo h3 {color:#0e384b;}	
/*automaticMembership*/
.componentProductDisplay .automaticMembership .hoverArea { height:56px; padding-top:15px; }
.componentProductDisplay .automaticMembership {
	background:white url('../images/bg/automaticMembershipPrincipalSecret.gif') no-repeat 0px 0px;}	
.componentProductDisplay .automaticMembership h2  { height:25px;
	background:transparent url('../images/bg/automaticMembershipPrincipalSecretTitle.gif') no-repeat right 0px;}
.componentProductDisplay .automaticMembership .instruction {color:#008E7F;}
/*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/welcomeMembershipYouthfulEssence.jpg') no-repeat 0px 0px;}	
/*learnMembership*/
.componentProductDisplay .learnMembership {
	background:white url('../images/bg/learnMembershipYouthfulEssence.jpg') no-repeat 0px 0px;}	
.componentProductDisplay .learnMembership .instruction a {color:#fff; display:block; text-indent:-9999em; }
/*------------------*/
/*---Product Tabs---*/
/*------------------*/
.componentProductDisplay .productTabsLink {
	background:white url('../images/bg/componentProductDisplayTabs.png') no-repeat 0px 3px;}
.componentProductDisplay .productTabsLink a {color:#008E7F;}
.componentProductDisplay .productTabsLink li.selected,
.componentProductDisplay .productTabsLink li.selected a {	
padding-left:10px;	background-image:url('../images/bg/componentProductDisplayTabsSelected.png');}	
.componentProductDisplay .productTabsLink li.selected a span {
	background:transparent url('../images/bg/componentProductDisplayTabsSelectedArrow.gif') no-repeat center bottom;}	
.componentProductDisplay .tabContent h2,
.componentProductDisplay .tabContent h3 {color:#008E7F;}

/*productTabs userReview*/
.componentProductDisplay .userReview h3 a {color:#008e7f;}
.componentProductDisplay .reviewList li .customer {color:#666;}
.componentProductDisplay .reviewList li .customer .name {color:#008E7F;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT UPSELL*****/
/*--------------------------------------------------------------------------*/
.componentProductUpsell h2 {color:#008E7F;}
/*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:#008e7f; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdated {background:white url('../images/bg/componentCartUpdated.gif') no-repeat 25px 15px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT UPGRADE *****/
/*--------------------------------------------------------------------------*/
.componentUpgrade h2 {color:#2A7597;}
.componentUpgrade p {}
.componentUpgrade p strong {color:#008e7f;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT / CATEGORY TILES*****/
/*--------------------------------------------------------------------------*/
.componentTiles h2 {}
/*price list*/
.componentTiles li li.memberPrice {color:#6bbbe0;}
.componentTiles li li.savePrice {color:#D65151;}
/*non member price list*/
.componentTiles li .nonMember li.stdPrice {color:#666;}
.componentTiles li .nonMember li.savePrice {color:#6bbbe0;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav .bottom {width:244px; height:0px; font-size:0.1em; background:#fff; border-top:1px solid #cfcfcf;}
.componentSubNav .middle {background:transparent url('../images/bg/componentSubNavMiddle.png') no-repeat 0px 0px;}
.componentSubNav h2 {width:224px; padding:9px 10px; margin-bottom:0px; font-size:2.15em; color:#08877e; text-align:center;}
.componentSubNav ul {margin-bottom:0px; padding-top:1px; 
	background:transparent url('../images/bg/componentSubNavMiddleUl.gif') no-repeat 0px 0px;}
.componentSubNav li a {color:#666; background:none;}
.componentSubNav li a:hover {color:#008E7F;}
.componentSubNav li.viewSection a {background:#fff url('../images/bg/componentSubNavViewSection.gif') no-repeat left 3px; color:#008e7f;}
.componentSubNav li.selected a,
.componentSubNav li.selectedTwoLines a {color:#008e7f;background-image:url('../images/bg/componentSubNavSelected.png');}

.componentSubNav li  {color:#666;background:transparent url('../images/bg/componentSubNavMiddleLi.gif') no-repeat 1px 0;}

/*--------------------------------------------------------------------------*/
/*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***********************************************************************/

/**** footer hardcoded logo */
span.footerLogo {display:block; width:101px; height:46px; text-indent:-10000em; margin:0 0 6px 39px;    
    background:transparent url('../images/logoYouthfulEssenceFooter.gif') no-repeat 0px 0px; }

/*****START OF COMPONENT CHECKOUT.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*COMPONENT CHECKOUT*/
/*--------------------------------------------------------------------------*/
.componentCheckout h1 {color:#67737a;}
.componentCheckout h2 {color:#666666; background:#edf4db;}
.componentCheckout h3 {color:#008e7f;}
.componentCheckout dl {color:#666;}
/*Place Order*/
.componentCheckout li.confirmCC dd {color:#666;}
/*cartTable*/
.componentCheckout .cartTable th {color:#666666; background:#edf4db;}
.componentCheckout .cartTable td {color:#666;}
.componentCheckout .cartTable .colTitle {color:#999;}

/*Thank You*/
.componentCheckout .confirmationBox {color:#666; 
	background-color:#edf4db;}
.componentCheckout .confirmationBox p span {color:#666;}
.componentCheckout .orderNumber {color:#008e7f; background:#daf2fd;}
.componentCheckout dt.survey {color:#666;}
.componentCheckout dd.survey tr.even {background:#edf4db;}
.componentCheckout dd.survey table td p strong {color:#008e7f;}

/*--------------------------------------------------------------------------*/
/*PAYMENT METHOD*/
/*--------------------------------------------------------------------------*/
dl.paymentMethod dt {color:#008E7F;}

/*--------------------------------------------------------------------------*/
/*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;}
.componentHelp ul {}

/*****END OF COMPONENT CHECKOUT.CSS***********************************************************************/