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

/*--------------------------------------------------------------------------*/
/*****COMMON*****/
/*--------------------------------------------------------------------------*/
/*chosenItems fix - adding a bg image to the html for smooth scrolling*/
html {background:white url('../images/bg/fixHTMLbg.gif') fixed no-repeat center center;}
body {color:#666666; background:#fff;}
/*body {color:#000; background:#fff url('../images/bg/body.jpg') repeat scroll center 0px;}*/

input, select, option, textarea {color:#666666;}
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:#cd3568;}
a:hover {text-decoration:underline;}

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

/*--------------------------------------------------------------------------*/
/*****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:#fff;}
/*liCartItems*/
.cartSection .cartHover li.liCartItems a,
.cartSection .cartHoverNoMember li.liCartItems a {color:#666;}
.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:#d85f83;}
.cartNav li.liCartItems li span a {color:#d85f83;}
.cartNav li.liCartItems li dd {color:#d85f83;}
.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:#fff;}
.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');}
.cartNav li.liClubMembers fieldset li.link a {color:#666;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE*****/
/*--------------------------------------------------------------------------*/
.template {background:#fff url('../images/bg/tMicheBag.jpg') repeat-x left top;}

/*--------------------------------------------------------------------------*/
/*****CONTAINER*****/
/*--------------------------------------------------------------------------*/
.containerTemplate {width:100%; 
	background:transparent url('../images/bg/containerTemplate.png') no-repeat center top;}

/*--------------------------------------------------------------------------*/
/*****LOGO AND CALL NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.callNav {width:950px; height:90px; margin:0px auto; padding-top:36px;}
.callNav li.logo {padding-top:25px;}
.callNav li.phoneNumber {height:30px; padding-left: 33px; margin: 42px 22px 0px 0px;
	color:#58505B; font-size:1.2em; text-align:left; line-height: 1em;
	background:transparent url('../images/bg/phone.png') no-repeat center left;}
.callNav li.phoneNumber label {display:block; font-size: 0.8em; font-weight: bold;}
	
/*--------------------------------------------------------------------------*/
/*****DEFAULT NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.defaultNav {width:950px; 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:1.33em; color:White; line-height:44px; padding:0px 37px;
	background:transparent url('../images/bg/defaultNavSeparator.png') 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;}	

/*--------------------------------------------------------------------------*/
/*****CHOSEN ITEMS*****/
/*--------------------------------------------------------------------------*/
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
.chosenShells {position: absolute; right: 0px; bottom: 0px;}
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
.template > .chosenShells { position: fixed; }
.chosenShells {width:100%; height:104px; display:none;
    background:transparent url('../images/bg/chosenShells.png') repeat-x 0px 0px; }
.chosenShells .clearer {width:950px; margin:0px auto; }
.chosenShells h3,
.chosenShells .screen,
.chosenShells .cta {float:left; display:inline;}
/*h3*/
.chosenShells h3 {width:115px; height:99px; margin:0px; padding:5px 30px 0px 5px; font-size:1.33em; color:#fff;
    background:transparent url('../images/bg/chosenShellsSeparator.png') no-repeat top right; }
.chosenShells h3 strong {display:block; width:63px; height:51px; margin:5px 0px 0px 25px;padding-top:12px; 
    background:transparent url('../images/bg/chosenShellsTotalShell.png') no-repeat top right; }                            
.chosenShells h3 strong span {display:block; text-align:center; font-weight:normal;}
.chosenShells h3 strong span.total {font-size:1.9em; line-height:0.7em; }
.chosenShells h3 strong span.shell {font-size:1em; }
/*chosenItems scrollable*/
.chosenShells .screen {width:625px; height:104px; margin:0px; padding:0px; position:relative;
	background:transparent url('../images/bg/chosenShellsSeparator.png') no-repeat top right;}
.chosenShells .scrollable {width:504px; height:62px; float:none; display:block;
	position:absolute; bottom:20px; left:56px; padding:10px 0px 0px 0px;}
.chosenShells .extraPadding {padding-top:150px;}
.chosenShells .scrollable .items li {width:60px; height:60px; border:1px solid white; margin:0px 11px; position:relative;}
.chosenShells .scrollable .items li img {display:block;}
.chosenShells .scrollable .items li a.remove {position:absolute; top:-6px; right:-13px;
	width:23px; height:24px; text-indent:-999em; cursor:pointer; outline:none;
	background:transparent url('../images/bg/chosenShellsRemove.png') no-repeat top left;}
/*title*/	
.chosenShells .scrollable .items li .title {position:absolute; width:113px; width:84px; bottom:65px; left:-27px; left:-11px; display:none;}	
.chosenShells .scrollable .items li.hover .title {display:block;}
.chosenShells .scrollable .items li .title .titleBody {text-align:center; padding:15px 10px 10px 10px; 
	color:#fff; font-size:1.33em; width:93px; width:64px;
	background:transparent url('../images/bg/chosenShellsTitleBody.png') no-repeat top left;}
.chosenShells .scrollable .items li .title .titleBottom {width:113px; width:84px; height:20px;
	background:transparent url('../images/bg/chosenShellsTitleBottom.png') no-repeat top left;}
.chosenShells .screen a.prevPage, 
.chosenShells .screen a.nextPage {width:31px; height:31px; float:none; display:block;
	position:absolute; top:35px; left:25px; 
	background:transparent url('../images/bg/chosenShellsLeft.png') no-repeat 0px 0px;}
.chosenShells .screen a.nextPage {background-image:url('../images/bg/chosenShellsRight.png'); left:558px;}
.chosenShells .screen a.disabled {visibility:hidden;}
/*chosenShellsBYO - build your own bundle - cannot be more than 6 shells - remove arrows*/
.chosenShellsBYOClassic .scrollable {width:588px; left:18px;}
.chosenShellsBYOClassic .scrollable .items {
	background:transparent url('../images/bg/chosenShellsBYO.png') no-repeat top left;}
.chosenShellsBYOClassic .screen a.prevPage,
.chosenShellsBYOClassic .screen a.nextPage,
.chosenShellsBYOClassic .screen a.disabled {display:none;}
/*cta*/
.chosenShells .cta {float:right; width:152px; height:104px; }
.chosenShells .cta .btnAddToCart {width:152px; height:41px; display:none; text-indent:-999em; margin-top:30px;
    background:transparent url('../images/bg/chosenShellsAddToCart.png') no-repeat 0px 0px; outline:none;}
.chosenShells .cta .warning {display:none; 
	font-size:1.15em; color:#fff; padding:0px 0px 0px 25px; margin-top:20px;
	background:transparent url('../images/bg/chosenShellsWarning.png') no-repeat center left;}
.chosenShells .cta .show {display:block;}    

/*--------------------------------------------------------------------------*/
/*****TEMPLATE HOMEPAGE*****/
/*--------------------------------------------------------------------------*/
.tHomePage {background-image:url('../images/bg/tMicheBagHomepage.jpg'); min-height:900px; }
.tHomePage .defaultNav {margin-bottom:0px;}
.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 {background:white;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE CHECKOUT*****/
/*--------------------------------------------------------------------------*/
.tCheckout {}
/*checkoutNav*/
.tCheckout .checkoutNav {width:905px; margin:0px auto 15px auto;
	background:#d35b7e 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:#666;}
.popUp .memberPrice,
.popUp .itemPrice,
.popUp .giftPrice {color:#666; background-image:url('../images/bg/memberPrice.gif'); }

/*rte*/
.rte h1 {color:#000;}
.rte h2 {color:#000;} 
.rte h2.highlight {color:#823427;}
.rte h2.sectionHeading {color:#823427;}
.rte h3 {color:#000;}
.rte a {color:#cd3568;}
.rte a.cta {padding:5px 0px 5px 30px; line-height:21px; 
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}

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

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.componentHomeHero {height:485px; visibility:hidden;}
.componentHomeHero.flash-update,
.componentHomeHero.flash-replaced {visibility:visible;}
.componentHomeHero.flash-update h1 a {
	position:relative; visibility:visible; display:block; width:950px; height:485px; font-size: 0px;
	background: transparent url('../images/bg/componentHomeHero.jpg') no-repeat 0px 0px;}
.componentHomeHero.flash-update h1 a .alt {display:none;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE MONEY BACK*****/
/*--------------------------------------------------------------------------*/
.componentHomeMoneyBack {display: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:#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 {background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px 0px;}
/*qa listing*/
.componentFAQ dt {color:#cc3366;}
.componentFAQ dt.selected {background:#fcd4df; color:#666;}
.componentFAQ dt span {color:#666; background:white url('../images/bg/faqAnswer.gif') no-repeat 0px 3px;}
.componentFAQ dd fieldset input {color:#d85f83; 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 DISTRIBUTORS*****/
/*--------------------------------------------------------------------------*/
.componentDistributors {margin-bottom:20px;}
.componentDistributors fieldset {margin-bottom:0px; }
.componentDistributors ul.clearer {width:510px; padding:20px 0px 0px 0px; margin-bottom:0px; border-top:1px solid #e5e5e5;}
.componentDistributors li {list-style-type:none; margin:0px;
	width:255px; padding-bottom:10px; float:left; display:inline; }
.componentDistributors li label {display:block; padding:0px 0px 3px 0px;}
.componentDistributors li input.text {width:215px;}	
.componentDistributors li select {width:75px; padding:2px; height:24px; border:1px solid #ccc;}
.componentDistributors li textarea {width:465px; height:135px;}
.componentDistributors li.doInterest,
.componentDistributors li.doCompany,
.componentDistributors li.doAddress,
.componentDistributors li.doFindOut,
.componentDistributors li.doComment {width:510px;}
.componentDistributors li.doInterest label {padding-bottom:5px; float:left; display:inline; width:510px; line-height:22px;}
.componentDistributors li.doInterest .validate {float:left; display:inline;}
.componentDistributors li.doInterest .rblList {float:left;}
.componentDistributors li.doInterest .rblList br {display:none;}
.componentDistributors li.doInterest .rblList input,
.componentDistributors li.doInterest .rblList label {float:left; display:inline; padding:0px; vertical-align:middle;}
.componentDistributors li.doInterest .rblList input {width:20px; height:20px;}
.componentDistributors li.doInterest .rblList label {
	padding:3px 0px 2px 10px; width:480px; font-weight:normal; font-size:1em; line-height:normal; }
.componentDistributors li.doAddress input {width:470px; margin-bottom:5px; }	
.componentDistributors li.doSuburb {width:255px;}
.componentDistributors li.doPostcode {width:140px;}
.componentDistributors li.doPostcode .text {width:90px;}
.componentDistributors li.doState {width:115px; }
.componentDistributors li.doState select {width:80px;}
/*cta*/
.componentDistributors .cta {padding-bottom:30px; width:510px;}
.componentDistributors .cta .btnSubmit {width:113px; height:41px; display:block; margin:0px auto; }
/*thank you*/
.componentDistributors #distributionEmailSend {padding:20px 0px 0px 0px; margin-bottom:0px; border-top:1px solid #e5e5e5;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT MICHE SHELL SELECTOR*****/
/*--------------------------------------------------------------------------*/
/*step intro*/
.componentMicheShellSelector .stepIntro {margin-bottom:20px;
	background:white url('../images/bg/componentMicheShellSelectorStepIntro.png') no-repeat bottom left;}
.componentMicheShellSelector .stepIntro.head {margin-bottom:20px;
	background:white url('../images/bg/componentMicheShellSelectorStepIntroStep1.png') no-repeat bottom left;}
.componentMicheShellSelector .stepIntro h1,
.componentMicheShellSelector .stepIntro h2 {float:left; display:inline;
	font-size:2em; padding:0px 0px 0px 110px; margin:0px; 
	background-color:transparent; background-repeat:no-repeat; background-position:20px 0px;}
.componentMicheShellSelector .stepIntro h1 span,
.componentMicheShellSelector .stepIntro h2 span {display:block; font-size:0.75em; color:#666;}
.componentMicheShellSelector .stepIntro .one {width:545px; height:80px; padding-top:30px;
	background-image:url('../images/bg/componentMicheShellSelectorStepOne.png');}
.componentMicheShellSelector .stepIntro .one.shells {width:545px; height:65px; padding-top:42px;
	background-image:url('../images/bg/componentMicheShellSelectorStepOne.png');}
.componentMicheShellSelector .stepIntro .two,
.componentMicheShellSelector .stepIntro .twoTote {width:230px; height:85px; padding-top:20px;
	background-image:url('../images/bg/componentMicheShellSelectorStepTwo.png');}
.componentMicheShellSelector .stepIntro .twoTote {padding-top:40px;height:60px;}	
.componentMicheShellSelector .stepIntro h1.noStep {padding:20px 0px 0px 20px;}
.componentMicheShellSelector .stepIntro .saveSummary {float:left; display:inline;
	width:285px; padding:10px 10px 0px 10px; margin:20px 10px 0px 0px; font-size:1.1em; color:#000;
	background:transparent url('../images/bg/componentMicheShellSelectorSaveSummary.png') no-repeat top left;}
	.componentMicheShellSelector .stepIntro .saveSummary.tote {margin-top: 30px;}
.componentMicheShellSelector .stepIntro .saveSummary input {width:13px;height:13px;}
.componentMicheShellSelector .stepIntro .saveSummary label { padding-left: 5px;}
.componentMicheShellSelector .stepIntro .saveSummary li {padding:0px 0px 2px 20px; list-style-type:none; margin:0px;
	float:left; display:inline; width:285px;}
.componentMicheShellSelector .stepIntro .saveSummary .save {color:#b92d73;}
.componentMicheShellSelector .stepIntro .saveSummaryBottom {
	background:transparent url('../images/bg/componentMicheShellSelectorSaveSummaryBottom.png') no-repeat top left;
	width: 305px; height: 9px; float: right; margin: 0px 10px 10px 0px;}
.componentMicheShellSelector .pnh {color:#999999}
.componentMicheShellSelector #divItemPayment {width:655px; float: left; padding:8px 0px 5px 0px;}
.componentMicheShellSelector #divItemPayment #heading {float: left; font-size: 17px; font-weight: bold; padding:  11px 15px; color:#000000;}
/*.componentMicheShellSelector #divItemPayment table {margin-top: 8px; }*/
.componentMicheShellSelector #divItemPayment tr {float: left; color: #000000;}
.componentMicheShellSelector #divItemPayment input {float: left; margin-top: 2px;}
.componentMicheShellSelector #divItemPayment label {float: left; width: 200px; padding-left: 5px; font-size: 14px; line-height: 1.2em;}
/*base listing*/
.componentMicheShellSelector .step1a .baseListing {
	background:white url('../images/bg/componentMicheShellSelectorStep1aBaseListing.jpg') no-repeat top left;}	
.componentMicheShellSelector .baseListing {padding:252px 0px 0px 1px; }
.componentMicheShellSelector .baseListing li {float:left; display:inline; font-size:1.1em; color:#666;
	width:235px; padding:10px 46px 0px 46px; text-align:center; margin:0px; list-style-type:none;}
.componentMicheShellSelector .baseListing li h3 {font-size:1.75em; font-weight:normal; color:#000; margin-bottom:10px;}
.componentMicheShellSelector .step1b .baseListing {
	background:white url('../images/bg/componentMicheShellSelectorStep1bBaseListing.jpg') no-repeat top left;}	
.componentMicheShellSelector .step1b .baseListing li {padding:10px 16px 0px 16px; width: 185px; position:relative;}
.componentMicheShellSelector .step1b .baseListing li input {position:absolute; top:197px; left:33%;}
/*step1b*/
.componentMicheShellSelector .step1b {display:none;}
/*shell listing*/
.componentMicheShellSelector .shellListing {
	background:white url('../images/bg/shellListing.png') repeat-y top left;}
.componentMicheShellSelector .shellListing li {float:left; display:inline; 
	width:163px; height:205px; margin-bottom:8px; }
.componentMicheShellSelector .shellListing li.hover {position:relative; cursor:pointer;}	
.componentMicheShellSelector .shellListing li div {padding:15px 16px 0px 16px;}
.componentMicheShellSelector .shellListing li.hover div {width:131px; height:228px;
	position:absolute; top:0px; left:0px; 
	background:transparent url('../images/bg/shellListingHover.png') no-repeat top left;}	
.componentMicheShellSelector .shellListing li div img,
.componentMicheShellSelector .shellListing li div strong {display:block;}
.componentMicheShellSelector .shellListing li div strong {height:50px; text-align:center; overflow:hidden;
	font-size:1.5em; font-weight:normal; line-height:normal; padding-top:5px;}
.componentMicheShellSelector .shellListing li div strong span {display:none;}	
.componentMicheShellSelector .shellListing li span.clearer {display:none; padding:3px 0px 0px 9px;}	
.componentMicheShellSelector .shellListing li span.clearer img {float:left; display:inline;}
.componentMicheShellSelector .shellListing li.hover div span.clearer {display:block;}	
/*shellExtraInfo*/
.componentMicheShellSelector .shellExtraInfo {width:535px; left:0px;}
.componentMicheShellSelector .shellExtraInfo li .thumb {width:250px;}
.componentMicheShellSelector .shellExtraInfo li dl {width:225px;}
.componentMicheShellSelector .shellExtraInfo li dt.title span {display:none;}
.componentMicheShellSelector .shellExtraInfo li dd.desc {font-size: 1.2em;}
.componentMicheShellSelector .shellExtraInfo li dd.cta {width:225px; margin-left:-10px;}
/*individual shell listing with price*/
.componentMicheShellSelector .individualShell .shellListing {
	background-image:url('../images/bg/shellListingWithPrice.png');}
.componentMicheShellSelector .individualShell .shellListing li {height:225px;}
.componentMicheShellSelector .individualShell .shellListing li div strong {height:70px;}
.componentMicheShellSelector .individualShell .shellListing li div strong span {display:block; text-align:center;}	
.componentMicheShellSelector .individualShell .shellListing li.hover div {height:248px;	
	background-image:url('../images/bg/shellListingHoverWithPrice.png');}	
/*individual shellExtraInfo with price*/
.componentMicheShellSelector .individualShell .shellExtraInfo li dt.title span {display:block;}	

/*--------------------------------------------------------------------------*/
/*****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:#666;}
/*.componentProductDisplay .paymentOptions li.price,
.componentProductDisplay .paymentOptions li.cta {background:none;}*/
.componentProductDisplay .paymentOptions li.price span.spanPrice {color:#666;}
.componentProductDisplay .paymentOptions li.price span.spanPnH {color:#76787a;}
/*orderNow*/
.componentProductDisplay .orderNow li.productPrice {color:#666;}
.componentProductDisplay .orderNow .spanStdPrice {color:#666; font-size:2em; font-weight:bold; padding:7px 0 0 16px; text-align:left;}
.componentProductDisplay .paymentOptions li.price span.spanTotal {color:#666;}
.componentProductDisplay .orderNow .spanPnH {color:#76787a; }
.componentProductDisplay .orderNow .spanMemberPrice {color:#666;}
.componentProductDisplay .orderNow li.memberPrice, 
.componentProductDisplay .orderNow li.memberDesc {color:#666; 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 5px 3px;}
.componentProductDisplay .popUp.packIncludesExtraInfo dd.desc {font-size:1.2em}
/*clubMember*/
.componentProductDisplay .orderNow li.rrpPrice {color:#666;}
.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:130px; padding:7px 0px 5px 25px;
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px center;}
/*freeGifts*/
.componentProductDisplay .freeGifts h2 {color:#cc6699;}
/*freeGifts scrollable*/
.componentProductDisplay .freeGifts .scrollable .items li.selected,
.componentProductDisplay .freeGifts .scrollable .items li.hover {border-color:#cc3366;}
.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:#cc3366;}
/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#000;}	
.componentProductDisplay .chooseFreeGiftsExtraInfo h3 {color:#000;}	
/*automaticMembership*/
.componentProductDisplay .automaticMembership {
	background:white url('../images/bg/automaticMembershipChazDean.gif') no-repeat 0px 0px;}	
.componentProductDisplay .automaticMembership h2  {
	background:transparent url('../images/bg/automaticMembershipChazDeanTitle.gif') no-repeat right 0px;}
.componentProductDisplay .automaticMembership .instruction {color:#d85f83;}
/*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/welcomeMembershipChazDean.jpg') no-repeat 0px 0px;}	
/*learnMembership*/
.componentProductDisplay .learnMembership {
	background:white url('../images/bg/learnMembershipChazDean.jpg') no-repeat 0px 0px;}	
.componentProductDisplay .learnMembership .instruction a {color:#d85f83;}

/*------------------*/
/*---Product Tabs---*/
/*------------------*/
.componentProductDisplay .productTabsLink {
	background:white url('../images/bg/componentProductDisplayTabs.png') no-repeat 0px 3px;}
.componentProductDisplay .productTabsLink a {color:#cc3366;}
.componentProductDisplay .productTabsLink li.selected,
.componentProductDisplay .productTabsLink li.selected a {color:#fff;
	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 {color:#000;}

/*productTabs userReview*/
.componentProductDisplay .userReview h3 a {color:#dc4646;}
.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:#d85f83; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdated {background:white url('../images/bg/componentCartUpdated.gif') no-repeat 25px 15px;}
.componentCartUpdated h1 {padding-top: 35px;}
.componentCartUpdated p {display: none;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT UPGRADE *****/
/*--------------------------------------------------------------------------*/
.componentUpgrade h2 {color:#000;}
.componentUpgrade p {}
.componentUpgrade p strong {color:#d85f83;}

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

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav .bottom {height:5px; font-size:0.1em; margin-top:-5px;
	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 9px; margin-bottom:0px; font-size:2.15em; color:#fff; text-align:center;
	margin:0px 1px;}
.componentSubNav ul {margin-bottom:0px; padding-bottom:5px;}
.componentSubNav li.section {width:202px; color:#fff; margin:0px 1px;
	background:#929292 url('../images/bg/componentSubNavLiSection.png') repeat-x 0px 0px; }
.componentSubNav li a {color:#efefef; 
	background:#6b6b6b url('../images/bg/componentSubNavLi.png') repeat-x 0px 0px;}
.componentSubNav li a.stepSelected {}
.componentSubNav li a:hover {text-decoration:none; color:#fff;}
.componentSubNav li.viewSection a {background:transparent url('../images/bg/componentSubNavViewSection.png') no-repeat left top;}
.componentSubNav li.viewCategory a {font-weight:bold; padding:13px 10px 12px 30px; color:#fff; margin-left:1px; }	
.componentSubNav li.selected a,
.componentSubNav li.selected a,
.componentSubNav li.selectedTwoLines a {color:#000; border-bottom:0px;	
	background-image:url('../images/bg/componentSubNavSelected.png');}
.componentSubNav li.selectedTwoLines a {height:48px; padding:8px 10px 0px 30px;}
.componentSubNav li.selected a:hover,
.componentSubNav li.selectedTwoLines a:hover {color:#000;}

/*--------------------------------------------------------------------------*/
/*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: #666; margin-bottom:0px;}
.componentPageNotFound .blurb .h3 {font-size:1.33em;}
                             
/*****END OF COMPONENT.CSS***********************************************************************/

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

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

/*Thank You*/
.componentCheckout .confirmationBox {color:#666; 
	background:#fcd4df url('../images/bg/confirmationBoxTick.gif') no-repeat 30px center;}
.componentCheckout .confirmationBox p span {color:#cd3568;}	
.componentCheckout .orderNumber {color:#cd3568; background:#fcd4df;}
.componentCheckout dt.survey {color:#666;}
.componentCheckout dd.survey tr.even {background:#fcd4df;}
.componentCheckout dd.survey table td p strong {}

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