/*****START OF TEMPLATE.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*****COMMON*****/
/*--------------------------------------------------------------------------*/
body {color:#000; background:#fff url('../images/bg/body.jpg') repeat-x 0px 0px;}
input, select, option, textarea {color:#000;}
h1 {font-size:2.15em; font-weight:normal; color:#000;}
h2 {font-size:1.5em; font-weight:normal; color:#000;} 
h3 {font-size:1.15em; font-weight:bold; color:#000;}
a {color:#FB2C7A;}
a:hover {text-decoration:underline;}

/*popup help*/
.help {background-image:url('../images/bg/helpBody.gif');}	
.help .helpBody strong {color:#CC3333;}
.help .helpBottom {background-image:url('../images/bg/helpBottom.png');}

/*shadeGuarantee*/
.shadeGuarantee h2 {background:transparent url('../images/bg/shadeGuaranteeTitle.gif') no-repeat center 0px;}
/*shadeGuaranteeExtraInfo*/
.shadeGuaranteeExtraInfo {color:#fff;}
.shadeGuaranteeExtraInfo .top {background:transparent url('../images/bg/componentExtraInfoTop.png') no-repeat center 0px;}
.shadeGuaranteeExtraInfo .middle {background:transparent url('../images/bg/componentExtraInfoBody.png') repeat 0px 0px;}	

/*--------------------------------------------------------------------------*/
/*****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:#000;}
/*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:#000;}
.cartNav li.liCartItems li span a {color:#FB2C7A;}
.cartNav li.liCartItems li dd {color:#000;}
.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:#000;}
.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:transparent url('../images/bg/tSheerCover.jpg') no-repeat center top;}

/*--------------------------------------------------------------------------*/
/*****LOGO AND CALL NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.callNav {margin-bottom:0px; height:44px; padding-top:100px;}
.callNav li {margin:0px 0px 0px 22px;}
.callNav li.phoneNumber {height:30px;
	color:#000; 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: 0px 22px 0px 0px;
	}
.callNav li.phoneNumber label
{
	display:block; font-size: 0.8em; 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.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:0.95em; font-weight:bold; color:#dadada; line-height:34px; padding:0px 20px;
	background:transparent url('../images/bg/defaultNavSeparator.jpg') no-repeat right center;}
.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 {background-image:url('../images/bg/tSheerCoverHomepage.jpg');}
.tHomePage .defaultNav {margin-bottom:5px;}
.tHomePage .content {padding-bottom:35px;}
.tHomePage .containerHomeFirstTile,
.tHomePage .containerHomeSecondTile,
.tHomePage .containerHomeThirdTile,
.tHomePage .containerHomeMoneyBack {display:none;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE TWO COLUMNS*****/
/*--------------------------------------------------------------------------*/
.tTwoColumns .breadcrumbs {color:#76787a;}
.tTwoColumns .breadcrumbs a {color:#76787a;}
.tTwoColumns .containerRightColumn {}
.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: #000000; }
.tTwoColumns .containerRightColumn .pageNotFound .pageNotFoundTitle2 {font-size: 22px; color: #76787A; }
.tTwoColumns .containerRightColumn .pageNotFound .pageNotFoundTitle3 {font-size: 16px; color: #76787A; }

/*--------------------------------------------------------------------------*/
/*****TEMPLATE CHECKOUT*****/
/*--------------------------------------------------------------------------*/
.tCheckout {background-image:url('../images/bg/tCheckout.jpg');}
/*callNav*/
.tCheckout .callNav {margin-bottom:10px; padding-top:68px;}
.tCheckout .callNav li.phoneNumber {margin-top:8px;}
/*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:#000;}
.popUp .stdPrice {color:#000;}
.popUp .memberPrice,
.popUp .itemPrice,
.popUp .giftPrice {color:#FB2C7A; background-image:url('../images/bg/memberPrice.gif'); }

/*rte*/
.rte h1 {color:#000;}
.rte h2 {color:#000;} 
.rte h2.highlight {color:#000;}
.rte h2.sectionHeading {color:#000;}
.rte h3 {color:#000;}
.rte a {color:#FB2C7A;}
.rte a.cta {line-height:26px; padding:0px 0px 3px 35px; 
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}

/*rte Benefits of Mineral Makeup */
.benefitsMakeup .Top .TopInner{background:transparent url('../images/bg/benefitsTop.png') no-repeat 0px 0px;padding:16px 16px 1px;}
.benefitsMakeup .Middle {background:transparent url('../images/bg/benefitsMiddleRp.png') repeat-y 0px 0px;padding:0 16px;}
.benefitsMakeup .Middle h2{font-size:1.5em;}
.benefitsMakeup .MiddleInner{background:transparent url('../images/bg/benefitsMiddleTop.png') no-repeat 0px 0px; height:10px;}
.benefitsMakeup .Bottom{margin-top:-15px;background:transparent url('../images/bg/benefitsBottomBottom.png') no-repeat bottom left;padding:16px 16px 30px;}
.benefitsMakeup .Bottom ul li{list-style:none;margin: 0 0 0 15px;}
.benefitsMakeup .uniqueTop{background:transparent url('../images/bg/innerTop.png') no-repeat bottom left;height:20px;} 
.benefitsMakeup ul.unique{background:transparent url('../images/bg/innerBottom.png') no-repeat bottom left;padding-bottom:15px;}
.benefitsMakeup .Bottom li{width:210px;padding:20px 0 9px;font-weight:bold;}
.benefitsMakeup .Bottom li label{display:inline-block;width:15px;}
.benefitsMakeup .Bottom li span{font-weight:normal;}

/*rte Benefits of Mineral Makeup */
.popUp dt.heading{font-size:1.3em;font-weight:bold;padding-left:10px;width:200px;}
.popUp dt.step{font-size:1.2em;padding-left:10px;color:#666;}
.popUpAbout ul{margin-bottom:0;}
.aboutSC {margin-bottom:20px;background:transparent url('../images/bg/aboutBg.png') no-repeat 0px 0px;width:655px;height:850px;_margin-top:-5px;}
.aboutSC .aboutPopupOut{position:relative;}
.aboutSC a.aboutPopup{display:block;height:22px;width:22px;position:absolute;bottom:5px;right:5px;}
.aboutSC table{margin-bottom:0px;}
.aboutSCHeader{background:transparent url('../images/bg/aboutHeader2.png') no-repeat 0px 0px;width:655px;height:4px;}
.aboutSCHeader h2{margin:10px 0 0 20px;}
.aboutSCHeader h2.second{margin-left:35px;}
.aboutSCHeader h2.third{margin-left:55px;}

.aboutSC .aboutSCMiddle{width:655px;}
.aboutSC .aboutSCMiddle table{border-collapse:collapse;}
.aboutSC .aboutSCMiddle td{padding:0px;border:0px;}
.aboutSC .aboutSCMiddle .number{height:56px;}
.aboutSC .aboutSCMiddle .number h1{color:#666;margin:7px 0 0 12px;font-weight:bold;float:left;font-size:2.6em;_margin-left:4px;}
.aboutSC .aboutSCMiddle .number span{display:block;float:left;width:130px;line-height:1.3em;margin-left:10px;_margin-left:8px;}
.aboutSC .aboutSCMiddle .number span.oneline{margin-top:10px;}
.aboutSC .aboutSCMiddle .number span.twolines{margin-top:10px;}
.aboutSC .aboutSCMiddle .number span.threelines{margin-top:2px;}

.aboutSC .aboutSCFooter{height:200px;}
.aboutSC .aboutSCFooter h2{margin:60px 0 0 0;font-size:3.5em;color:#fff;}
.aboutSC .aboutSCFooter h1{font-size:2.3em;color:#fff;}
.aboutSC .aboutSCFooter .number{height:49px;}
.aboutSC .aboutSCFooter .number td{padding-top:0px;padding-bottom:0px;}
.aboutSC .aboutSCFooter .number h1{display:inline-block;color:#666;margin:2px 0 0 12px;font-weight:bold;float:left;font-size:2.6em;_margin-left:4px;}
.aboutSC .aboutSCFooter .number span{display:block;float:left;width:100px;line-height:1.3em;margin-left:10px;_margin-left:8px;}
.aboutSC .aboutSCFooter .number span.oneline{margin-top:10px;}
.aboutSC .aboutSCFooter .number span.twolines{margin-top:3px;}
.aboutSC .aboutSCFooter .side .number span{width:80px;}
.aboutSC .aboutSCFooter .side .number h1{margin:2px 0 0 2px;}
.popUpAbout .popUp li .thumb {width:183px;float:left;width:190px;}
.popUpAbout li.extraInfo{width:510px;width:495px;}

.popUpAbout .popUp .top, 
.popUpAbout .popUp .bottom{z-index:2999;width:550px;}
/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.containerHomeHero  {height:498px; visibility:hidden;}
.componentHomeHero h1 a span { display:block; text-indent:-9999em; }
.containerHomeHero .flash-update,
.containerHomeHero .flash-replaced {visibility:visible;}
.containerHomeHero .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;}
.containerHomeHero .flash-update h1 a .alt {display:none;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE MONEY BACK*****/
/*--------------------------------------------------------------------------*/
.componentHomeMoneyBack {display:none;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SELECT SHADE*****/
/*--------------------------------------------------------------------------*/
#componentSelectShade.flash-update {visibility:visible; height:300px; padding-left: 315px; background: transparent url('../images/bg/componentSheerCoverShadeSelector.jpg') no-repeat 0px 0px;}
#componentSelectShade.flash-replaced {visibility:visible; width:655px; height:680px; padding:0px; overflow:hidden; margin-bottom:20px;position:relative;background-imagE:none;}
#componentSelectShade.flash-replaced h1,
#componentSelectShade.flash-replaced p { display:none; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT MGM*****/
/*--------------------------------------------------------------------------*/
.componentMGM {background: transparent url('../images/bg/componentMGM.jpg') no-repeat 0px 0px;}
.componentMGM .MGMForm .rte h1 {color: #363636; padding-top: 33px; padding-left:278px; padding-top:15px; width:310px; text-align:center; height:160px;}
.componentMGM .MGMForm .rte h1 .bronzer {color:#DA4445; font-size:42px; font-weight:bold; line-height:42px;}
.componentMGM .MGMForm .rte {height:339px;}
.componentMGM .MGMForm .rte ul {width:550px; margin:0px auto;}
.componentMGM .MGMForm .rte li { list-style-type: none; margin: 0px 0px 15px 0px; padding: 4px 0 3px 35px;
	font-size:1.3em; font-weight:bold; color:black;
	background:transparent url('../images/bg/ctaLink2.gif') no-repeat 0px 0px; }
.componentMGM .MGMForm .validationSummary ul { padding: 0px; margin: 0px;}
.componentMGM .MGMForm .validationSummary li.show { list-style: none; margin: 0px; padding: 5px 0px; font-weight: bold;}
.componentMGM .MGMForm .emailLook { display: block; padding: 10px 0px;}
.componentMGM .MGMFooter { background: transparent url('../images/bg/componentMGMFooter.gif') no-repeat 0px 0px; height:22px; }
.componentMGMResult {background: transparent url('../images/bg/componentMGMThankYou.jpg') no-repeat 0px 0px; }	
.componentMGMResult .rte {font-size:1.3em; height:150px; padding-left:280px; padding-right:20px; padding-top:30px; text-align:center; }	

/*--------------------------------------------------------------------------*/
/*****COMPONENT SEND YOUR STORY*****/
/*--------------------------------------------------------------------------*/
.componentSendStory .cta .btnSubmit {background-image:url('../images/btnSubmitStory.png');}

/*--------------------------------------------------------------------------*/
/*****COMPONENT MEDIA *****/
/*--------------------------------------------------------------------------*/
.componentMedia .cta {line-height:26px; padding:0px 0px 3px 35px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*current media / video playing*/
.componentMedia .featuredMedia h1 a {color:#000;}
/*news / celebrity listing*/
.componentMedia .mediaList h3 a {color:#000;}	
/*social sharing*/
.componentMedia dl.socialSharing dt {color:#000;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT FAQ*****/
/*--------------------------------------------------------------------------*/
/*.searchKeywords*/
.componentFAQ .searchKeywords input.filterBtn {width:29px; height:29px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*qa listing*/
.componentFAQ dt {color:#FB2C7A;}
.componentFAQ dt.selected {background:#FFEEEE; }
.componentFAQ dt span {color:#666; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px;}
.componentFAQ dd fieldset input {color:#FB2C7A; 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/liTick.gif') no-repeat 0px 2px;}
/*paymentOptions*/
.componentProductDisplay .paymentOptions li label {color:#FB2C7A;}
/*.componentProductDisplay .paymentOptions li.price,
.componentProductDisplay .paymentOptions li.cta {background-image:url('../images/bg/memberPrice.gif');}*/
.componentProductDisplay .paymentOptions li.price span.spanPrice {color:#FB2C7A;}
.componentProductDisplay .paymentOptions li.price span.spanPnH {color:#76787a;}
/*orderNow*/
.componentProductDisplay .orderNow li.productPrice {color:#FB2C7A;}
.componentProductDisplay .orderNow .spanStdPrice {color:#000;}
.componentProductDisplay .orderNow .spanPnH {color:#76787a; }
.componentProductDisplay .orderNow .spanMemberPrice {color:#FB2C7A;}
.componentProductDisplay .paymentOptions li.price span.spanTotal{color:#FB2C7A;}
.componentProductDisplay .orderNow li.memberPrice, 
.componentProductDisplay .orderNow li.memberDesc {color:#FB2C7A; background-image:url('../images/bg/memberPrice.gif');}
.componentProductDisplay .orderNow li.productPrice strong,
.componentProductDisplay .orderNow li.memberPrice strong {color:#000;}
.componentProductDisplay .orderNow li.memberDesc a {padding:3px 0px 0px 21px; line-height:21px; 
	background:transparent url('../images/bg/ctaLinkMemberDesc.gif') no-repeat 5px 3px;}
/*clubMember*/
.componentProductDisplay .orderNow li.rrpPrice {color:#000;}
.componentProductDisplay .orderNow .clubMember li.productPrice,
.componentProductDisplay .orderNow .clubMember li.cta {background-image:url('../images/bg/memberPrice.gif');}
/*viewOtherPacks*/
.componentProductDisplay .viewOtherPacks h2 {color:#000;}
.componentProductDisplay .viewOtherPacks a {width:120px; padding:5px 0px 7px 35px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px center;}
/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#000;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo h3 {color:#000;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo .size .limitedOffer {display:block;}
.componentProductDisplay .chooseFreeGiftsExtraInfo .sheerCoverOnly {padding:10px 60px;}
.componentProductDisplay .chooseFreeGiftsExtraInfo .closeExtraInfo {
	float:none; display:block; padding:0px; position:absolute; right:10px; top:15px;}
.componentProductDisplay .chooseFreeGiftsExtraInfo .size li .price {display: block; color: #FB2C7A; 
	font-size: 1.33em; font-weight:bold; padding-bottom: 10px;}	
/*freeGifts*/
.componentProductDisplay .freeGifts h2 {color:#000;}
/*freeGifts scrollable*/
.componentProductDisplay .freeGifts .scrollable .items li.selected,
.componentProductDisplay .freeGifts .scrollable .items li.hover {border-color:#FB2C7A;}
.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:#FB2C7A;}
/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#000;border-bottom:none;margin-bottom:0px;height:40px;font-size:1.1em;font-weight: bold;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo h3 {color:#000;}	
/*automaticMembership*/
.componentProductDisplay .automaticMembership {
	background:white url('../images/bg/automaticMembershipSheerCover.jpg') no-repeat 0px 0px;}	
.componentProductDisplay .automaticMembership h2  {height:32px;
	background:transparent url('../images/bg/automaticMembershipSheerCoverTitle.gif') no-repeat right 0px;}
.componentProductDisplay .automaticMembership .instruction {color:#FB2C7A;}
/*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/welcomeMembershipSheerCover.jpg') no-repeat 0px 0px;}	
/*learnMembership*/
.componentProductDisplay .learnMembership {
	background:white url('../images/bg/learnMembershipSheerCover.jpg') no-repeat 0px 0px;}	
.componentProductDisplay .learnMembership .instruction {padding-left:145px;}
.componentProductDisplay .learnMembership .instruction a {color:#fff;}
/*selectShade*/
.componentProductDisplay .selectShade {margin-bottom:15px;}
.componentProductDisplay .selectShade h3 {font-size:0.95em; margin-bottom:5px;}	
.componentProductDisplay .selectShade ul li {float:left; display:inline; margin:0px 10px 0px 10px; 
	list-style-type:none; text-align:center; font-size:0.95em;
	background:white url('../images/bg/shadeSelected.gif') no-repeat 46px 46px;}
.componentProductDisplay .selectShade ul li.hover {background:white;}
.componentProductDisplay .selectShade ul li input {display:block; border:9px solid #fff;}
.componentProductDisplay .selectShade ul li input.selected,
.componentProductDisplay .selectShade ul li.hover input {padding:8px; border:1px solid #FB2C7A;}
/*------------------*/
/*---Product Tabs---*/
/*------------------*/
.componentProductDisplay .productTabsLink {
	background:white url('../images/bg/componentProductDisplayTabs.png') no-repeat 0px 3px;}
.componentProductDisplay .productTabsLink a {color:#000;}
.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:#FB2C7A;}
.componentProductDisplay .reviewList li .customer {color:#76787a;}
.componentProductDisplay .reviewList li .customer .name {color:#000;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT UPSELL*****/
/*--------------------------------------------------------------------------*/
.componentProductUpsell h2 {color:#000;}
/*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:#FB2C7A; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdated {background:transparent url('../images/bg/componentCartUpdated.gif') no-repeat 25px 15px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT UPGRADE *****/
/*--------------------------------------------------------------------------*/
.componentUpgrade h2 {color:#000;}
.componentUpgrade p strong {color:#FB2C7A;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT / CATEGORY TILES*****/
/*--------------------------------------------------------------------------*/
/*price list*/
.componentTiles li li.memberPrice {color:#FB2C7A;}
.componentTiles li li.savePrice {color:#000;}
/*non member price list*/
.componentTiles li .nonMember li.stdPrice {color:#666;}
.componentTiles li .nonMember li.savePrice {color:#000;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav .bottom {width:244px; height:9px; font-size:0.1em; background:#FCBEBF;}
.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:#000; text-align:center;}
.componentSubNav ul {margin-bottom:0px; padding-top:2px; 
	background:transparent url('../images/bg/componentSubNavMiddleUl.gif') no-repeat 0px 0px;}
.componentSubNav li.section {width:202px; margin:0px 1px;
	background:#E8D3B7 url('../images/bg/componentSubNavLiSection.png') repeat-x 0px 0px; }
.componentSubNav li a {background:#FFFEFD url('../images/bg/componentSubNavLi.png') repeat-x 0px top;}
.componentSubNav li a.stepSelected {background:#FFFEFD url('../images/bg/componentSubNavLiStepSelected.png') no-repeat 0px 0px;}
.componentSubNav li a:hover {text-decoration:underline;}
.componentSubNav li.viewSection a {background:#FFFEFD url('../images/bg/componentSubNavViewSection.png') no-repeat left top;}
.componentSubNav li.selected a,
.componentSubNav li.selectedTwoLines a {color:#fff; background-image:url('../images/bg/componentSubNavSelected.png');}

/*--------------------------------------------------------------------------*/
/*COMPONENT MONEY BACK - two columns template*/
/*--------------------------------------------------------------------------*/
.componentMoneyBack {height:104px; background:transparent url('../images/bg/componentMoneyBackTwoColumns.jpg') no-repeat 0px 0px;}	
.componentMoneyBack h2 {height:72px;}
.componentMoneyBack .instruction a {color:#000;}
/*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 h1 {color:#FB2C7A;}
.componentCheckout h2 {color:#000; background:#FFEEEE;}
.componentCheckout dl {color:#666;}
/*Place Order*/
.componentCheckout li.confirmCC dd {color:#666;}
/*cartTable*/
.componentCheckout .cartTable th {color:#000; background:#FFEEEE;}
.componentCheckout .cartTable td {color:#666;}
.componentCheckout .cartTable .colTitle {color:#999;}

/*Thank You*/
.componentCheckout .confirmationBox {color:#000; 
	background:#FFEEEE url('../images/bg/confirmationBoxTick.gif') no-repeat 30px center;}
.componentCheckout .confirmationBox p span {color:#FB2C7A;}
.componentCheckout .orderNumber {color:#000; background:#FFEEEE;}
.componentCheckout dt.survey {color:#666;}
.componentCheckout dd.survey tr.even {background:#FFEEEE;}
.componentCheckout dd.survey table td p strong {color:#000;}

/*--------------------------------------------------------------------------*/
/*PAYMENT METHOD*/
/*--------------------------------------------------------------------------*/
dl.paymentMethod dt {color:#000;}

/*--------------------------------------------------------------------------*/
/*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***********************************************************************/

/* overwrite component.css*/
.componentProductDisplay .orderNow li.memberDesc {
padding:12px 3px 0;
width:162px;
}