﻿/*****START OF TEMPLATE.CSS***********************************************************************/

/*--------------------------------------------------------------------------*/
/*****COMMON*****/
/*--------------------------------------------------------------------------*/
body {color:#76787a; background:#fff;}
input, select, option, textarea {color:#76787a;}
h1 {font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-size:2em; font-weight:normal; color:#333; visibility:hidden;}
.mti-active h1, 
.mti-inactive h1, 
.mti-repaint h1 {visibility:visible;} 
h2 {font-size:1.5em; font-weight:normal; color:#1b5265;} 
h3 {font-size:1.15em; font-weight:bold; color:#1b5265;}
a {color:#007287;}
a:hover {text-decoration:underline;}
sub, sup {font-size:0.4em;}

/*popup help*/
.help .helpBody strong {color:#007287;}

/*--------------------------------------------------------------------------*/
/*****GR NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.guthyRenkerNav dt {}
.guthyRenkerNav h2 {height:30px;}

/*--------------------------------------------------------------------------*/
/*****CART SECTION*****/
/*--------------------------------------------------------------------------*/
.cartNav {background-image:url('../images/bg/cartNav.png'); height:41px;}
.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:#007287;}
/*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:#007287;}
.cartNav li.liCartItems li span a {color:#007287;}
.cartNav li.liCartItems li dd {color:#007287;}
.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:#ffffff;}
.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*****/
/*--------------------------------------------------------------------------*/
.tHomePage {background:#fff url('../images/bg/tProactiv.jpg') no-repeat center 35px; height:auto;}

/*--------------------------------------------------------------------------*/
/*****LOGO AND CALL NAVIGATION*****/
/*--------------------------------------------------------------------------*/
.callNav {margin-bottom:15px; padding-top:55px;}
.callNav li {margin:0px 0px;}
.callNav li.phoneNumber {height:30px; 
	color:#585858; 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:0px; 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 {padding:0px 0px 0px 5px;}
.defaultNav li.hover,
.defaultNav li.orderHover,
.defaultNav li.selected,.defaultNav li.orderNowSelected,
.defaultNav li.orderNow {background:transparent url('../images/bg/defaultNavHover.png') repeat-x left 0px;}

.defaultNav li.orderNow {background:transparent url('../images/bg/defaultNavHover_selected.png') repeat-x left 0px;}
.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; font-weight:normal; color:White; line-height:41px; padding:0px 15px; 
	background:transparent url('../images/bg/defaultNavSeparator.png') no-repeat right top;}
.defaultNav.nz li a {padding:0px 19px;}
.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;}	

/*variationOrderNowSameColour*/
.variationOrderNowSameColour .defaultNav {background-position:0 -300px;}
.variationOrderNowSameColour .defaultNav li.orderNow {background:none;}
.variationOrderNowSameColour .defaultNav li.orderNow a {font-weight:normal;}
.variationOrderNowSameColour .defaultNav li.orderHover,
.variationOrderNowSameColour .defaultNav li.orderNowSelected {
	background:transparent url('../images/bg/defaultNavHover.png') repeat-x left 0px;}
.variationOrderNowSameColour .defaultNavOrderHover,
.variationOrderNowSameColour .defaultNavOrderSelected {background-position:0px -400px;}

/*--------------------------------------------------------------------------*/
/*****CONTAINER*****/
/*--------------------------------------------------------------------------*/
.containerTemplate {width:950px; margin:0 auto -200px; padding:0px; 
	min-height:100%; height:auto !important; height:100%;}
.content {width:950px; margin:0px auto 20px auto; padding:30px 0 0 0px; 
    background:transparent url('../images/bg/subpage_bckg.jpg') no-repeat 244px 0;}
.tCheckout .content {background-image:none; padding:0px;}
	
/*--------------------------------------------------------------------------*/
/*****TEMPLATE HOMEPAGE*****/
/*--------------------------------------------------------------------------*/
.tHomePage .defaultNav {margin-bottom:15px;}
.tHomePage .content {padding-bottom:35px; padding-top:0; background:0; padding-left:0;}
.tHomePage .containerHomeFirstTile,
.tHomePage .containerHomeSecondTile,
.tHomePage .containerHomeThirdTile,
.tHomePage .containerHomeMoneyBack {float:left; display:inline; width:226px; height:146px; /*position:relative; */
    padding-right:14px; overflow:visible; margin:20px 0px 0px 0px;}
.tHomePage .containerHomeMoneyBack {padding-right:0px;}

/* image rotator */
/* rotator in-page placement */
div#rotator {position:relative; height:387px; margin-left:0px;}
/* rotator css */
div#rotator ul {margin:0; height:387px; float:left; position:absolute; list-style:none;}
div#rotator ul li {float:left; position:absolute; list-style:none;}
/* rotator image style */	
div#rotator ul li img {border:0px solid #ccc; padding:0px; background:#FFF;}
div#rotator ul li.show {z-index:1;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE TWO COLUMNS*****/
/*--------------------------------------------------------------------------*/
.tTwoColumns .breadcrumbs {color:#76787a; display:none;}
.tTwoColumns .breadcrumbs a {color:#76787a;}
.tTwoColumns .containerRightColumn {background:white;}
.tTwoColumns .containerLeftColumn {float:left; display:inline; width:244px;}

/*summit - product kit*/
.versionSummit .tTwoColumns .containerRightColumn {width:770px; background-color:transparent;}
.versionSummit .tTwoColumns .containerLeftColumn {width:180px;}
.versionSummit .tTwoColumns .containerLeftColumn .rtcData {width:180px; overflow:hidden;}

/* content */
.versionSummit .content {width:950px; margin:0px auto 20px auto; 
    background:transparent url('../images/bg/prod_bckg.jpg') no-repeat 161px 0; padding:30px 0 0 0px;}

/*--------------------------------------------------------------------------*/
/*****TEMPLATE CHECKOUT*****/
/*--------------------------------------------------------------------------*/

/*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');}                

/*--------------------------------------------------------------------------*/
/*****FOOTER NAVIGATION**px***/
/*--------------------------------------------------------------------------*/
.footerNav ul {width:1023px;}
.footerNav ul li.social {padding:0; background:0; margin:0;}
.footerNav ul li.social a {display:block;}
.footerNav a.twitter {background:transparent url('/images/bg/twitterFollow.png') no-repeat -1px top; line-height:24px; 
                      display:inline-block; color:#FFFFFF; font-size:0.9em; text-align:right; width:161px; padding-right:9px;}
.footerNav a.facebook {background:transparent url('/images/bg/facebook.gif') no-repeat -1px top; line-height:24px; 
                      display:inline-block; color:#FFFFFF; font-size:0.9em; text-align:left; width:165px; padding-right:9px; margin-left:10px; margin-top:10px; color:#007287; text-indent:30px;}
                      
.footerNav li.country img {display:block; margin:0px auto 0px auto;}
.footerNav  {}

.footerNav li.siteNav li {width:101px; float:left; display:inline; padding:0px 15px 2px 0px;}
.footerNav li.siteNav {width:232px;}

.footerNav li.country {width:113px;}
.footerNav h2 {color:#666; font-family:Arial;}

/*****END OF TEMPLATE.CSS***********************************************************************/

/*****START OF COMPONENT.CSS***********************************************************************/

/*popUp*/
.popUp dt.title {color:#666666; font-size:1.4em;}
.popUp .stdPrice {color:#666666;}
.popUp .memberPrice,
.popUp .itemPrice,
.popUp .giftPrice {color:#007287; /*background-image:url('../images/bg/memberPrice.gif'); */ background-image:none;}

.popUp dt.memberPrice { width:144px; padding-left:0; font-size:1.2em;}
.popUp dd.memberPrice {text-align:center; color:#fff; 
    background:#fff url('../images/bg/memberPrice.gif') no-repeat 0 2px; height:77px; width:118px;}

/*rte*/
.rte h1 {font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-size:2em; font-weight:normal; color:#333; visibility:hidden;}
.mti-active .rte h1, 
.mti-inactive .rte h1, 
.mti-repaint .rte h1 {visibility:visible;} 
.rte h2 {margin-top:19px; margin-bottom:10px;
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-size:1.8em; font-weight:normal; color:#333; visibility:hidden;} 
.mti-active .rte h2, 
.mti-inactive .rte h2, 
.mti-repaint .rte h2 {visibility:visible;} 	
.rte h2.highlight {color:#0096d6;}
.rte h2.sectionHeading {color:#0096d6;}
.rte h3 {color:#666; margin-top:19px; margin-bottom:0px;}
.rte h4 {color:#666; margin-top:5px; margin-bottom:5px;}
.rte a {color:#007287;}
.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;}

/*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 RTE*****/
/*--------------------------------------------------------------------------*/
.rte .componentRTE h3 a {color:#666; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT PAGE PEEL*****/
/*--------------------------------------------------------------------------*/
/*#componentPagePeel #pagePeel #promo {
	background:transparent url('../images/bg/pagePeel.png') no-repeat 0px 0px;}*/


/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.componentHomeHero {height:387px;}
.tHomePage #homeRotator {height:387px; background-color:#000000;}
.tHomePage #homeRotator li {display:block;}
.componentHomeHero h1 a span {display:block ; text-indent:-9999em;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE MONEY BACK*****/
/*--------------------------------------------------------------------------*/
.componentHomeMoneyBack {width:235px; height:136px; 
	background:none; 
	position:absolute; top:-10px; left:0px;}
.componentHomeMoneyBack a:hover {text-decoration:none;}
.componentHomeMoneyBack img {margin-top:10px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SEND YOUR STORY*****/
/*--------------------------------------------------------------------------*/
/*custom RTE*/
.customRTESendStory h2,
.customRTESendStory h3 {margin:0 0 25px 0; padding:10px 0 0 0; font-size:2em; line-height:1.2em;
	font-weight:normal;font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; color:#333;}
.customRTESendStory h3 {color:#00aeae;}
.customRTESendStory h3.clearer span {float:left; display:inline;}
.customRTESendStory h3.clearer span.number {width:25px !important;}
.customRTESendStory p {font-size:1.15em; line-height:1.5em;}
.customRTESendStory p.tnc {font-size:0.85em; line-height:1.3em; padding:0 0 0 10px; color:#666;}
.customRTESendStory p.tnc a {color:#666; text-decoration:underline;}

.customRTESendStory .intro {height:258px; margin-bottom:20px; position:relative; overflow:hidden;
	background:transparent url('../images/bg/customRTESendStory3.png') no-repeat 0px 0px;}
.customRTESendStory .intro h1,
.customRTESendStory .intro p {position:absolute; top:275px;}

.customRTESendStory .borderTop {padding-top:25px; border-top:solid 1px #ededed;}

.customRTESendStory .freeGifts {padding:0 0 35px 0; position:relative;
	background:transparent url('../images/bg/thankYouFreeGifts3.jpg') no-repeat right -10px;}
.customRTESendStory .freeGifts.nz {background-image:url('../images/bg/thankYouFreeGifts2.jpg');}
.customRTESendStory .freeGifts h2 {height:30px; margin-bottom:17px;}
.customRTESendStory .freeGifts .blurb {float:left; display:inline; width:210px; margin:0 0 0 10px; font-weight:bold; color:#666666;}	
.customRTESendStory .freeGifts .thankYouFreeGifts {
	float:right; display:inline; width:402px; height:109px; overflow:hidden; color:#fff;}
.customRTESendStory .freeGifts .thankYouFreeGifts p {
	padding:7px 190px 5px 15px; margin:0; font-size:1em; font-weight:bold;}
.customRTESendStory .freeGifts .thankYouFreeGifts ul {padding:0 170px 0 15px; font-size:1em; font-weight:normal;}
.customRTESendStory .freeGifts .thankYouFreeGifts li {margin:0 0 0 20px; list-style-type:disc; list-style-position:outside;}
.customRTESendStory .freeGifts p.tnc {position:absolute; bottom:18px; right:0px; width:392px; 
	padding:0; font-weight:normal; margin:0;}

.customRTESendStory .step1Survey li {float:left; display:inline; margin:0;}
.customRTESendStory .step1Survey li.blurb {width:340px; padding-top:20px;}
.customRTESendStory .step1Survey li.blurb h3.clearer {margin-bottom:20px;}
.customRTESendStory .step1Survey li.blurb h3.clearer span {width:315px;}
.customRTESendStory .step1Survey li.photo {float:right; display:inline; width:250px; padding-bottom:15px; text-align:center;}
.customRTESendStory .step1Survey li.photo img {display:block; width:250px; padding:0 0 3px 0;}

.customRTESendStory .step2Survey {padding:30px 0; margin:0;}


/*the form*/
.componentSendStory li.liFileHeading {padding-bottom:0;}
.componentSendStory li.liFileHeading span {line-height:22px; font-weight:bold;}
.componentSendStory li.liFileHeading .fileError {color:#cc0000; padding-bottom:3px;}
.componentSendStory li.liFileList {padding:0px 0 15px 0;}
.componentSendStory li.liFileList .fileChosen {width:295px;
	position:relative; height:30px; overflow:hidden; margin:0 0 5px 0; color:#666;
	background:#f5f5f5; border:solid 1px #cccccc; line-height:30px; padding:0 30px 0 15px;}
.componentSendStory li.liFileList .fileChosen .removeFile {
	display:block; width:30px; height:30px; position:absolute; right:0px; top:0px; }
.componentSendStory li.liFileList .fileChosen .removeFile a {
	display:block; width:30px; height:30px; text-indent:-999em;
	background:transparent url('../images/btnFileChosenRemove.png') no-repeat 0 0; }
.componentSendStory li.liFileList .filePicker {display:block; width:125px; height:34px; margin:5px 0 0px 0;
	background:transparent url('../images/btnChooseFile.png') no-repeat 0 0; cursor:pointer;}

/*progress indicator*/
.componentSendStory #progressIndicator {display:none; margin-bottom:15px; color:#666;
	padding:10px 15px; background:#f5f5f5; border:solid 1px #cccccc;}
.componentSendStory #progressIndicator h4 {margin-bottom:5px;}	
.componentSendStory .fileUploading {overflow:hidden; margin:0 0 5px 0; color:#666; vertical-align:middle;}
.componentSendStory .fileUploading .progress {margin:0 15px 0 15px;  line-height:0px; font-size:0px;
	position:relative; display:inline-block; width:182px; height:6px; background:#d6d6d6;}
.componentSendStory .fileUploading .progress b {position:absolute; top:0; left:0; 
	display:block; height:6px; line-height:0px; font-size:0px; background:#e0841b; }
.componentSendStory .fileUploading .progress .mask {
	position:absolute; top:0; left:0; width:182px; height:6px;
	background:transparent url('../images/progressMask.png') no-repeat 0 0; }
.componentSendStory .fileUploading .percentage {color:#e0841b;}

.componentSendStory .complete .progress {width:13px; height:12px; background:#f5f5f5;}
.componentSendStory .complete .progress b {width:100%; height:12px; 
	background:#f5f5f5 url('../images/progressComplete.png') no-repeat 0 0;}
.componentSendStory .complete .progress .mask {display:none;}
.componentSendStory .complete .percentage {display:none;}

.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:#666;}	
/*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:#007287;}
.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:#007287; 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 h1 {font-size:2em; line-height:1.1em;}
.componentProductDisplay .productDetailsLeftCol {width:456px;}
.componentProductDisplay .productDetailsRightCol {width:274px; padding:0px 0px 0px 0px;}

.componentProductDisplay h3 {font-size:1.3em; color:#333; font-weight:normal;}
.componentProductDisplay .rte h3 .instructions {color:#AFAFAF; float:right; font-size:13px; font-weight:normal; font-family:Arial; padding-bottom:10px;}
.componentProductDisplay .userReview h3 {border:0;}
.componentProductDisplay .productDetailsRightCol .rte {border-bottom:0; margin-bottom:0;}

.componentProductDisplay .productDetailsRightCol h3 {
	font-family:'HelveticaNeueW01-57Cn','Arial Narrow',Arial; font-size:18px; font-weight:normal; visibility:hidden;}
.mti-active .componentProductDisplay .productDetailsRightCol h3 ,
.mti-inactive .componentProductDisplay .productDetailsRightCol h3 ,
.mti-repaint .componentProductDisplay .productDetailsRightCol h3  {visibility:visible;}

/*paymentOptions*/
.componentProductDisplay .paymentOptions li label {color:#666666;}
.componentProductDisplay .paymentOptions li.cta {float:right;}
.componentProductDisplay .paymentOptions li.price span.spanPrice {color:#0096d6; padding-left:0;}
.componentProductDisplay .paymentOptions li.price span.spanPnH {color:#76787a; padding-left:0;}
.componentProductDisplay .paymentOptions li.price span.spanTotal{color:#0096D6; padding-left:0;}	
.componentProductDisplay .paymentOptions li input {float:left; margin:3px 3px 10px 0;}
.componentProductDisplay .paymentOptions div.rblPaymentOptions {padding-left:16px;}

.componentProductDisplay .orderNow .rrp,
.componentProductDisplay .orderNow .rrpPrice {font-family:'HelveticaNeueW01-57Cn','Arial Narrow',Arial; font-weight:normal; font-size:1.5em; visibility:hidden;}
.mti-active .componentProductDisplay .orderNow .rrp, 
.mti-active .componentProductDisplay .orderNow .rrpPrice,
.mti-inactive .componentProductDisplay .orderNow .rrp, 
.mti-inactive .componentProductDisplay .orderNow .rrpPrice,
.mti-repaint .componentProductDisplay .orderNow .rrp, 
.mti-repaint .componentProductDisplay .orderNow .rrpPrice {visibility:visible;}

/*orderNow*/
.componentProductDisplay .orderNow ul {background-color:#fff; padding-bottom:10px;}
.componentProductDisplay .orderNow ul.clubMember {background-color:#fff; padding-bottom:10px;}
.componentProductDisplay .orderNow li.productPrice {width:123px; color:#0096D6;}
.componentProductDisplay .orderNow li.productPrice.noShow {display:none;}
.componentProductDisplay .orderNow .spanStdPrice {color:#1b5265; font-weight:normal;}
.componentProductDisplay .orderNow .spanPnH {color:#76787a;}
.componentProductDisplay .orderNow .spanMemberPrice {color:#fff; padding-top:12px; padding-top:10px;}
.componentProductDisplay .orderNow li.memberPrice {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; font-size:0.9em; 
	background:transparent url('../images/bg/ctaLinkMemberDesc.gif') no-repeat 5px 0px; margin:3px 0 0 -11px;}

/*non clubMember*/
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li {list-style-type:none; background:none;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li.productPrice { padding-left:0px; padding-right:0px;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li .spanStdPrice {color:#666666; font-weight:normal;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li .spanStdPrice .rrp {float:left; font-size:0.6em;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li.productPrice {
	text-align:center; color:#666666; background-image:none; height:30px; padding:11px 0 0 0;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li.memberPrice {
	font-weight:bold; width:118px; height:59px; text-align:center; 
	color:#fff; padding:16px 0px 8px 15px;  margin-top:12px; /*padding:16px 0px 8px 15px; margin-top:12px; clear:left; */
    background:#fbfbfb url('../images/bg/memberPrice.gif') no-repeat 15px 10px;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li.memberPrice strong {font-weight:bold; color:#fff; font-size:0.45em;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow li.memberDesc {
	padding:15px 5px 0px 20px; margin-top:12px; height:68px; 
	font-weight:normal; text-align:left; color:#B772A5; background-color:#fbfbfb;}

/*clubMember*/
.componentProductDisplay .productDetailsRightCol fieldset.orderNow .clubMember li.rrpPrice {color:#666666;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow .clubMember li.productPrice {text-align:center; color:#b772a5; 
    background:#fbfbfb url('../images/bg/memberPrice.gif') no-repeat 22px 30px; height:77px; 
    height:85px; padding-left:20px; padding-right:0px;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow .clubMember li.productPrice strong {font-weight:bold; color:#fff;}
.componentProductDisplay .productDetailsRightCol fieldset.orderNow .clubMember li.cta {background-color:#fbfbfb; padding-bottom:7px; padding-bottom:17px;}

/*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;}

/*productShot*/
.componentProductDisplay .productShot .zoom {display:none;}
.componentProductDisplay.individual .productShot .zoom {display:block;}
.componentProductDisplay .productShot .mediaCircle {
	position:absolute; width:102px; height:102px; top:0; left:auto; right:100px; color:#fff; 
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; visibility:hidden; font-weight:normal; 
	background:transparent url('../images/bg/pink_price.gif') no-repeat 0 0;} 
.mti-active .componentProductDisplay .productShot .mediaCircle,
.mti-inactive .componentProductDisplay .productShot .mediaCircle,
.mti-repaint .componentProductDisplay .productShot .mediaCircle {visibility:visible;}
.componentProductDisplay .productShot .mediaCircle span {display:block; font-size:1.6em; text-align:center; margin-top:10px;} 
.componentProductDisplay .productShot .mediaCircle span.off {display:block; font-size:1.1em; text-align:center; position:absolute; top:45px; padding:0 6px;} 
*+html .componentProductDisplay .productShot .mediaCircle span.off {left:10px; display:block; font-size:1.1em; text-align:center; position:absolute; top:45px; padding:0 6px;} 
*html .componentProductDisplay .productShot .mediaCircle span.off {left:10px; display:block; font-size:1.1em; text-align:center; position:absolute; top:45px; padding:0 6px;} 
.componentProductDisplay .productShot .mediaCircle strong {display:block; font-size:1.9em; text-align:center; font-weight:bold; position:absolute; top:31px; width:102px;}  
*+html .componentProductDisplay .productShot .mediaCircle strong {left:-3px; display:block; font-size:1.9em; text-align:center; font-weight:bold; position:absolute; top:31px; width:102px;} 
*html .componentProductDisplay .productShot .mediaCircle strong {left:0px; display:block; font-size:1.9em; text-align:center; font-weight:bold; position:absolute; top:31px; width:102px;} 
.pack .productDetails .productShot {width:479px; height:378px;}
.individual .productDetails .productShot {width:331px; height:234px;}
	
/*freeGifts*/
.componentProductDisplay .freeGifts h2 {color:#007287; font-size:1.4em; font-family:Arial;}
.componentProductDisplay .freeGifts {border:0;}

/*freeGifts scrollable*/
.componentProductDisplay .freeGifts .scrollable .items li.selected,
.componentProductDisplay .freeGifts .scrollable .items li.hover {border-color:#007287;}
.componentProductDisplay .freeGifts a.prevPage {margin-left:5px; background-image:url('../images/bg/freeGiftsLeft.gif');}
.componentProductDisplay .freeGifts a.nextPage {background-image:url('../images/bg/freeGiftsRight.gif');}
.componentProductDisplay .freeGifts .screen {width:350px; padding-left:60px;}
.componentProductDisplay .freeGifts .screen .instruction {color:#007287;}

/*chooseFreeGiftsExtraInfo*/
.componentProductDisplay .chooseFreeGiftsExtraInfo {left:0px;}
.componentProductDisplay .chooseFreeGiftsExtraInfo h3,
.componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {color:#0e384b;}	

/*gwpExtraInfoProactiv*/
.componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 {background-image:url('../images/bg/ctaLinkGWP.gif');}
.componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 span {color:#0096d6;}
.componentProductDisplay .gwpExtraInfoProactiv .middle h2,
.componentProductDisplay .gwpExtraInfoProactiv .middle h3 {color:#0e384b;}

/*automaticMembership*/
.componentProductDisplay .automaticMembership {height:53px; border:0; 
	background:white url('../images/bg/automaticMembershipProactiv.gif') no-repeat 0px 0px;}
.componentProductDisplay .automaticMembership h2 {
    background:transparent url('../images/bg/automaticMembershipProactivTitle.png') no-repeat right 0px; display:none;}
.componentProductDisplay .automaticMembership .instruction {color:#007287; display:none;}
/*automaticMembershipExtraInfo*/
.componentProductDisplay .automaticMembershipExtraInfo {top:53px; left:-30px; 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;}
.componentProductDisplay .automaticMembership .hoverArea {height:53px; padding:0px;}
	
/*welcomeMembership*/
.componentProductDisplay .welcomeMembership {height:91px; margin-top:23px; 
	 border-bottom:0; background:white url('../images/bg/welcomeMembershipProactiv.png') no-repeat 0px 0px;}	

/*learnMembership*/
.componentProductDisplay .learnMembership {background:white url('../images/bg/learnMembershipProactiv.png') no-repeat 0px 0px; margin-top:21px; border:0; margin-bottom:0px;}	
.componentProductDisplay .learnMembership h2 {height:65px; margin:0px; text-indent:-999em;}
.componentProductDisplay .learnMembership a {text-indent:-9999em; display:block;}	
.componentProductDisplay .learnMembership .instruction a {color:#1b5265; height:20px;}

.componentProductDisplay.pack .facebook {margin-left:20px;}

/*------------------*/
/*---Product Tabs---*/
/*------------------*/
.componentProductDisplay .productTabs {margin-bottom:25px; margin-left:18px; width:717px;}
.componentProductDisplay .productTabsLink {
	background:white url('../images/bg/componentProductDisplayTabs.png') no-repeat 0px 3px; width:717px;}
.componentProductDisplay .productTabsLink li.selected,
.componentProductDisplay .productTabsLink li.selected a {	
	background-image:url('../images/bg/componentProductDisplayTabsSelected.png'); color:#fff; 
	background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;}
.componentProductDisplay .productTabsLink li.selected a {font-weight:bold; background-position:right 0px;}	
.componentProductDisplay .productTabsLink li.selected a span {
	background:transparent url('../images/bg/componentProductDisplayTabsSelectedArrow.gif') no-repeat center bottom;}	
.componentProductDisplay .tabContent h2 {color:#666666; font-size:1.4em; font-family:Arial;}

/*productTabs userReview*/
.componentProductDisplay .userReview h3 a {color:#1b5265;}
.componentProductDisplay .reviewList li .customer {color:#76787a;}
.componentProductDisplay .reviewList li .customer .name {color:#1b5265;}

/*---------------------*/
/*---SUMMIT SPECIFIC---*/
/*---------------------*/
/* pack*/
.pack .productDetailsLeftCol {width:456px;}
.pack .productDetailsRightCol {width:274px; padding:0px 0px 0px 0px;}

.pack  .rte .packIncludes li {padding:0px 0px 4px 22px; 
	background:transparent url('../images/bg/dots.gif') no-repeat 0px 2px;}
.pack  .rte .packIncludes li.blue {background-position:0px -20px;}
.pack  .rte .packIncludes li.green {background-position:0px 2px;}
.pack  .rte .packIncludes li.brown {background-position:0px -41px;}
.pack  .rte .packIncludes li.teal {background-position:0px -64px;}
.pack  .rte .packIncludes li.orange {background-position:0px -91px;}
.pack  .rte .packIncludes li.purple {background-position:0px -118px;}
.pack  .rte .packIncludes li.red {background-position:0px -171px;}
.pack  .rte .packIncludes li.lightBrown {background-position:0px -198px;}
.pack  .rte .packIncludes li.darkOrange {background-position:0px -224px;}
.pack  .paymentOptions li.price {width:110px;}
.pack  .paymentOptions li.cta {padding-left:0px;}
	
/*individual */
.individual .productDetailsLeftCol {float:left; display:inline; width:331px; margin-left:20px;}
.individual .productDetailsRightCol {float:right; display:inline; width:362px; 
    padding:0px 0px 0px 0px; margin-right:34px;}

.individual .rte .packIncludes li {padding:0px 0px 4px 22px; 
	background:transparent url('../images/bg/dots.gif') no-repeat 0px 2px;}
.individual .rte .packIncludes li.blue {
	background:transparent url('../images/bg/dots.gif') no-repeat 0px 2px;}
.individual .rte .packIncludes li.green {
	background:transparent url('../images/bg/dots.gif') no-repeat 0px -20px;}
.individual .rte .packIncludes li.red {
	background:transparent url('../images/bg/dots.gif') no-repeat 0px -41px;}	

.individual .productDetailsRightCol li {padding:0 0 5px  20px; list-style-type:none; margin:0; 
	background:transparent url('../images/green_bullet.gif') no-repeat 2px 2px;}
.individual .productDetailsRightCol li.rrpPrice {
    padding-top:10px; background:none; background-color:#fff;}

/*variationAddToCartTop*/
.variationAddToCartTop {position:relative; overflow:hidden;}
.pack .variationAddToCartTop .paymentOptions {position:absolute; right:-300px; width:274px;}
.individual .variationAddToCartTop .orderNow {position:absolute; right:-500px; width:362px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT UPSELL*****/
/*--------------------------------------------------------------------------*/
.componentProductUpsell {margin-left:17px; width:717px;}
.componentProductUpsell h2 {color:#007287; font-size:1.4em; font-weight:bold; font-family:Arial;}
/*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:#007287;}

/*ProductUpsell scrollable*/
.componentProductUpsell .scrollable {width:656px;}
.componentProductUpsell .scrollable .items li {width:99px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdated {padding-left:256px; margin-bottom:0px;
	background:white url('../images/bg/componentCartUpdated.gif') no-repeat 120px 20px; }
.componentCartUpdated .cta {margin-top:52px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT CART UPDATED FB - from FACEBOOK*****/
/*--------------------------------------------------------------------------*/
.componentCartUpdatedFB {padding-left:0px; margin-bottom:20px;
	background:white url('../images/bg/componentCartUpdatedFB.gif') no-repeat 20px 10px;}
.componentCartUpdatedFB .cta {margin-top:0px;}
.componentCartUpdatedFB p a {font-weight:bold;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT UPGRADE *****/
/*--------------------------------------------------------------------------*/
.componentUpgrade {width:718px; margin-left:33px;}
.componentUpgrade .componentUpgradeMiddle {padding-right:15px; background:none; border-top:1px solid #D2D2D2;}
.componentUpgrade .defaultInner {margin-top:10px;}
.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;}
.componentUpgrade .rte {width:550px;}
.componentUpgrade .rte h2 {color:#333; margin:20px 0 0 0;}
.componentUpgrade .desc {width:390px; padding-left:15px;}
.componentUpgrade .cta {margin-top:38px;}
.componentUpgrade p {color:#007287;}
.componentUpgrade p strong {color:#0096d6;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT / CATEGORY TILES*****/
/*--------------------------------------------------------------------------*/
.componentTiles h2 {color:#007287; width:694px;}
.componentTiles li p {font-size:1em;}
/*price list*/
.componentTiles li li.memberPrice {color:#D65151;}
.componentTiles li li.savePrice {color:#D65151;}
/*non member price list*/
.componentTiles li .nonMember li.stdPrice {color:#1B5265;}
.componentTiles li .nonMember li.savePrice {color:#0096d6;}
.componentTiles ul {width:730px;}
.componentTiles li {width:209px;}
.componentTiles {margin-left:33px;}
.componentTiles li h3 {height:40px; padding-bottom:5px;
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-size:18px; font-weight:normal; visibility:hidden; }
.mti-active .componentTiles li h3,
.mti-inactive .componentTiles li h3,
.mti-repaint .componentTiles li h3 {visibility:visible;}
.componentTiles li h3 a {font-size:1em; font-weight:normal; padding-bottom:5px; height:30px; overflow:hidden; padding-bottom:10px;}
.componentTiles li h3 div a {padding:6px 0px 0px 29px; font-size:1em; font-weight:normal; height:30px; overflow:hidden; margin-bottom:0px;}



.componentTiles li h3 div a.teal,
.componentTiles li h3 div a.blue,
.componentTiles li h3 div a.red,
.componentTiles li h3 div a.orange,
.componentTiles li h3 div a.purple,
.componentTiles li h3 div a.brown,
.componentTiles li h3 div a.lightBrown,
.componentTiles li h3 div a.darkOrange {background:transparent url('../images/bg/dots.gif') no-repeat 0px 2px;}




.componentTiles li h3 div a.blue {background-position:0px -14px;}
.componentTiles li h3 div a.brown {background-position:0px -35px;}
.componentTiles li h3 div a.teal {background-position:0px -58px;}
.componentTiles li h3 div a.orange {background-position:0px -85px;}
.componentTiles li h3 div a.purple {background-position:0px -112px;}
.componentTiles li h3 div a.red {background-position:0px -165px;}
.componentTiles li h3 div a.lightBrown {background-position:0px -192px;}
.componentTiles li h3 div a.darkOrange {background-position:0px -218px;}

/*
.componentProductDisplay.pack  .rte .packIncludes li.green {background-position:0px 2px;}
*/

/*--------------------------------------------------------------------------*/
/*****COMPONENT PRODUCT MATRIX*****/
/*--------------------------------------------------------------------------*/
.componentProductMatrix {width:655px; height:475px; overflow:hidden; position:relative; margin-bottom:20px;}
/*
.componentProductMatrix h1 {height:500px; margin:0px; position:relative;}
.componentProductMatrix h1 a {position:absolute; left:0px; bottom:0px;}
*/

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav h2 {width:215px; padding:0 0 7px 5px; margin-bottom:8px; 
	border-bottom:1px dotted #888; color:#333333; text-align:left; visibility:hidden;
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-weight:normal; font-size:1.5em; color:#333;}
.mti-active .componentSubNav h2,
.mti-inactive .componentSubNav h2,
.mti-repaint .componentSubNav h2 {visibility:visible;}	
.componentSubNav li {font-weight:normal; font-size:14px;
    background:transparent url('../images/bg/componentSubNavLi_normal.png') no-repeat 1px top;}
.componentSubNav li a {width:223px; padding:5px 0 6px 19px; color:#777;}
.componentSubNav li.selected,
.componentSubNav li.selectedTwoLines {background:url("../images/bg/componentSubNavLi.png") no-repeat scroll 0 top transparent;}
.componentSubNav li.selected a,
.componentSubNav li.selectedTwoLines a {
	width:223px; height:auto; line-height:normal; padding:5px 0 6px 19px; color:#fff; font-weight:normal;
	background:url("../images/bg/componentSubNavA.png") no-repeat scroll 0 bottom transparent;}

.versionSummit .componentSubNav ul {margin-top:-15px;}
.versionSummit .componentSubNav h2 {display:none;}
.versionSummit .componentSubNav li,
.versionSummit .componentSubNav li a,
.versionSummit .componentSubNav li.selected a,
.versionSummit .componentSubNav li.selectedTwoLines a {width:180px; padding:0px; margin:0px; background:none; color:#666;}

.versionSummit .componentSubNav li {font-weight:normal; color:#333; visibility:hidden;
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial; font-size:14px;}
.mti-active .versionSummit .componentSubNav li,
.mti-inactive .versionSummit .componentSubNav li,
.mti-repaint .versionSummit .componentSubNav li {visibility:visible;}

.versionSummit .componentSubNav li.section {width:146px; padding:9px 0 7px 4px; margin-bottom:5px; 
	border-bottom:1px dotted #333333; font-size:18px;}


/*pack*/	
.versionSummit .pack .componentSubNav li.hover {background:transparent url('../images/bg/componentSubNavHover_prod.png') no-repeat 0px 0px;}
.versionSummit .pack .componentSubNav li.selectedTwoLines,
.versionSummit .pack .componentSubNav li.selected {background:transparent url('../images/bg/componentSubNavSelected_prod.png') no-repeat 0px top;} 

.versionSummit .pack .componentSubNav li a {width:121px; height:51px; line-height:1em; padding:10px 10px 0 29px;
	background-color:transparent; background-image:url("../images/bg/bars.gif"); background-repeat:no-repeat; background-position:15px 9px;} 

.versionSummit .pack .componentSubNav li.hover a {background-image:url('../images/bg/bars_hover.gif');}
.versionSummit .pack .componentSubNav li.selectedTwoLines a,
.versionSummit .pack .componentSubNav li.selected a {background-image:url('../images/bg/bars_selected.gif'); color:#fff;}
.versionSummit .pack .componentSubNav li.viewSection a {
	width:180px; height:61px; display:block; padding:0px; text-indent:-999em;
	background:transparent url('../images/bg/view_full_range.png') no-repeat 0px -26px;}
.versionSummit .pack .componentSubNav li.viewSection a:hover {background-position:0px -87px;}	

.versionSummit .pack .componentSubNav li a.blue {background-position:15px 9px;}
.versionSummit .pack .componentSubNav li a.green {background-position:15px -52px;}
/*.versionSummit .pack .componentSubNav li a.orange {background-position:15px -295px;}*/
.versionSummit .pack .componentSubNav li a.brown {background-position:15px -174px;}
.versionSummit .pack .componentSubNav li a.teal {background-position:15px -234px;}
.versionSummit .pack .componentSubNav li a.darkOrange {background-position:15px -113px;}
.versionSummit .pack .componentSubNav li a.lightBrown {background-position:15px -478px;}
.versionSummit .pack .componentSubNav li a.red {background-position:15px -417px;}
.versionSummit .pack .componentSubNav li a.purple {background-position:15px -356px;}
 
.versionSummit .pack .componentSubNav li a span {display:block;}
.versionSummit .pack .componentSubNav li a.blue span {color:#849ed2;}
.versionSummit .pack .componentSubNav li a.green span {color:#5e921f;}
.versionSummit .pack .componentSubNav li a.orange span {color:#ea7047;}
.versionSummit .pack .componentSubNav li a.darkOrange span {color:#ea7047;}
.versionSummit .pack .componentSubNav li a.purple span {color:#d73cb0;}
.versionSummit .pack .componentSubNav li a.teal span {color:#009999;}
.versionSummit .pack .componentSubNav li a.red span {color:#ff3300;}
.versionSummit .pack .componentSubNav li a.brown span {color:#571f0e;}
.versionSummit .pack .componentSubNav li a.lightBrown span {color:#ad492f;}

/*3 piece with price 29.95*/
.versionSummit .pack .componentSubNav li a.orange {
	background:transparent url('../images/bg/bars_3step.png') no-repeat 15px 9px;}
.versionSummit .pack .componentSubNav li.hover a.orange {background-position:15px -53px;}
.versionSummit .pack .componentSubNav li.selectedTwoLines a.orange,
.versionSummit .pack .componentSubNav li.selected a.orange {background-position:15px -114px;}

/*individual*/
.versionSummit .individual .componentSubNav li {}
.versionSummit .individual .componentSubNav li a {
	display:block; width:132px; padding:6px 35px 6px 10px; line-height:16px;} 
.versionSummit .individual .componentSubNav li a span {display:block; width:112px; padding-left:20px;
	background:url("../images/bg/bulletBg.png") no-repeat;}
.versionSummit .individual .componentSubNav li a.teal span  {background-position:0 0}
.versionSummit .individual .componentSubNav li a.blue span {background-position:0px -43px;}
.versionSummit .individual .componentSubNav li a.orange span {background-position:0px -88px;}
.versionSummit .individual .componentSubNav li a.purple span {background-position:0px -133px;}
.versionSummit .individual .componentSubNav li a.brown span {background-position:0px -178px;}
.versionSummit .individual .componentSubNav li a.darkOrange span {background-position:0px -223px;}
.versionSummit .individual .componentSubNav li a.lightBrown span {background-position:0px -262px;}


.versionSummit .individual .componentSubNav li a:hover {background:url("../images/bg/componentSubNav_oneline_cat.png") no-repeat;}
.versionSummit .individual .componentSubNav li a.twoLines {padding-bottom:5px;}
.versionSummit .individual .componentSubNav li a.twoLines:hover {background:url("../images/bg/componentSubNav_twoline_cat.png") no-repeat;}


.versionSummit .individual .componentSubNav li.selected a {line-height:16px;background:url("../images/bg/componentSubNav_oneline_cat.png") no-repeat 0 -28px;}
.versionSummit .individual .componentSubNav li.selected a.twoLines {background:url("../images/bg/componentSubNav_twoline_cat.png") no-repeat 0 -43px;}
.versionSummit .individual .componentSubNav li.selected a span {color:#fff;}

.versionSummit .individual .componentSubNav li.viewSection a {
	width:180px; height:61px; display:block; padding:0px; text-indent:-999em;
	background:transparent url('../images/bg/view_proactiv_packs.png') no-repeat 0px -26px;}
.versionSummit .individual .componentSubNav li.viewSection a:hover {background:transparent url('../images/bg/view_proactiv_packs.png') no-repeat 0px -88px;}	
.versionSummit .individual .componentSubNav li.viewSection a span {background:none;}

/*--------------------------------------------------------------------------*/
/*COMPONENT MONEY BACK - two columns template*/
/*--------------------------------------------------------------------------*/
.versionSummit .componentMoneyBack {background:transparent url('../images/bg/componentMoneyBackTwoColumns_prod.png') no-repeat 0px 0px; position:relative; z-index:1; width:161px; height:143px; margin:0px 0px 20px 0px;}	
.versionSummit .componentMoneyBack a {text-indent:-9999em; display:block; height:30px; background:none; margin-left:117px;}	
.versionSummit .componentMoneyBack h2 {height:72px; height:107px;}
/*moneyBackExtraInfo*/
.versionSummit .componentMoneyBack .moneyBackExtraInfo {color:White; left:-49px; top:142px;}
/*automaticMembershipExtraInfo*/
.versionSummit .componentMoneyBack .moneyBackExtraInfo .top {
	background:transparent url('../images/bg/componentExtraInfoTop.png') no-repeat center 0px;}
.versionSummit .componentMoneyBack .moneyBackExtraInfo .middle {
	background:transparent url('../images/bg/componentExtraInfoBody.png') repeat 0px 0px;}	
.versionSummit .componentMoneyBack .instruction {text-align:left; padding-right:20px;}

/*MEMBERSHIP*/
.containerLeftColumn .membershipProactiv {background:transparent url('../images/bg/componentMbgMembership.png') no-repeat 0px 0px; /*position:relative;*/ z-index:1; width:150px; height:181px; margin:0px 0px 20px 0px;}
.containerLeftColumn .membershipProactiv .memText { display: none; }

/*rte*/
.versionSummit .rte h1 {color:#1b5265;}
.versionSummit .rte h2 {color:#1b5265;} 
.versionSummit .rte h2.highlight {color:#0096d6;}
.versionSummit .rte h2.sectionHeading {color:#0096d6;}
.versionSummit .rte h3 {color:#333; font-weight:normal;}
.versionSummit .rte a {color:#007287;}
.versionSummit .rte a.cta {padding:5px 0px 5px 30px; line-height:21px; 
	background:transparent url('../images/bg/ctaLink.gif') no-repeat 0px versionSummit;}
	
.0px .rte .catalogue {display:block; margin-top:-4px;}
.versionSummit .rte .catalogue ul {list-style-type:none; border:0; margin:0;}
.versionSummit .rte .catalogue li {display:block; background-image:url('../images/bg/download.gif'); 
                    background-repeat:no-repeat; margin:0px; padding:3px 0px 2px 22px; height:21px; 
                    background-position:0px; line-height:19px;}
	
.versionSummit .rte .catalogue li a {color:#dd7700; font-size:0.95em; font-weight:bold;}
	
.versionSummit .componentUpgrade .freeGift h1{margin:0 0 2px; font-size:1.7em;}	
.versionSummit .componentUpgrade .freeGift h2{margin:0 0 1px; font-size:1em; color:#c01f1f; font-weight:bold;}	
.versionSummit .componentUpgrade .freeGift p{font-size:12px;}


.componentMoneyBack {position:relative; z-index:9999; 
    background:transparent url('../images/bg/componentMoneyBackTwoColumns.jpg') no-repeat 0px 0px;}	
.componentMoneyBack a {text-indent:-9999em; display:block; height:30px; margin-left:117px; 
    background:transparent url('../images/bg/learn_more_left_column.gif') no-repeat 0px 0px;}	
.componentMoneyBack h2 {height:72px;}
/*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;}	
.componentMoneyBack .instruction {text-align:left; padding-right:20px;}

/*--------------------------------------------------------------------------*/
/*COMPONENT SUBSCRIBE*/
/*--------------------------------------------------------------------------*/
.componentSubscribe {background:transparent url('../images/bg/componentSubscribe.png') no-repeat 0px 0px;}	
.componentSubscribe .bottom {background:#fff url('../images/bg/componentSubscribeBottom.png') no-repeat 0px 0px;}	
.componentSubscribe fieldset {margin:0;}	
.componentSubscribe .clearer li {height:31px; width:197px; 
    list-style-type:none; margin:0px 0 0 -11px; position:relative; top:-8px; 
    background:transparent url('../images/bg/subscribe_textfield.gif') no-repeat 0px 0px;}
.componentSubscribe .clearer li.email input.text {float:left; height:24px; width:158px; background:none; list-style-type:none; margin:0px; border:0; padding:3px 5px 5px;}
 .componentSubscribe .cta input {height:25px; width:77px; margin-top:-10px; margin-bottom:5px; margin-left:-21px; 
    background:transparent url('../images/bg/component_subscribe_submit.gif') 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:#d2ede8;}
.componentCheckout dl {color:#666;}
/*Place Order*/
.componentCheckout li.confirmCC dd {color:#666;}
.componentCheckout h1 {color:#666666; padding:5px 10px 3px 2px;}
.componentCheckout h1 span.required {color:#666666; padding:5px 10px 3px 2px; margin-top:7px; font-family:Arial;}

/*cartTable*/
.componentCheckout .cartTable th {color:#666; background:#d2ede8;}
.componentCheckout .cartTable td {color:#666;}
.componentCheckout .cartTable .colTitle {color:#999;}
.componentCheckout .cartTable .colTitle .free {color:#007287;}
.componentCheckout .cartTable .trTotalPayable td {color:#999; background-color:#f6f6f6; border-bottom:0;}
.componentCheckout .cartTable .trTotalPayable td.colPayableNow {color:#666; background-color:#f6f6f6; border-bottom:0;}

/*Thank You*/
.componentCheckout .confirmationBox {color:#666; 
	background:#e8f6f7 url('../images/bg/confirmationBoxTick.gif') no-repeat 30px center;}
.componentCheckout .confirmationBox p span {color:#007287;}	
.componentCheckout .orderNumber {color:#666; background:#e8f6f7;}
.componentCheckout dt.survey {color:#666;}
.componentCheckout dd.survey tr.even {background:#f7fefe;}

.componentCheckout .simplified .tncMembership {padding:0px 15px 15px 15px; margin:0px; color:#000; line-height:1.3em;}

/*--------------------------------------------------------------------------*/
/*PAYMENT METHOD*/
/*--------------------------------------------------------------------------*/
dl.paymentMethod dt {color:#007287;}

/*--------------------------------------------------------------------------*/
/*COMPONENT MONEY BACK CHECKOUT*/
/*--------------------------------------------------------------------------*/
.componentMoneyBackCheckout {background:transparent url('../images/bg/componentMoneyBackCheckout.jpg') no-repeat left bottom;}	
.componentMoneyBackCheckout h2 {height:122px; background:transparent url('../images/bg/componentMoneyBackCheckout.jpg') no-repeat left top;}

/*--------------------------------------------------------------------------*/
/*COMPONENT HELP*/
/*--------------------------------------------------------------------------*/
.componentHelp h2.callBackExtraInfoNeedHelp {color:#666666; font-size:1.4em; text-indent:0; font-weight:bold; margin:0 0 15px; height:auto; padding:0;}
.componentHelp li.liCallBack {/*position:relative;*/}
.componentHelp li.liCallBack .callBackExtraInfo {left:100px !important; top:20px !important;}


/*--------------------------------------------------------------------------*/
/* What is Acne*/
/*--------------------------------------------------------------------------*/
.whatsAcne h3 {margin-top:0px;}

.whatsAcne .panel {display:block; height:28px; padding:13px 0px 0px 5px; margin-bottom: 20px;
	font-size: 16px; font-weight:normal; color:#666666; 
	font-family: Arial;
	background:transparent url('../images/bg/componentPanel.png') no-repeat left top;}

.whatsAcne #plNonInflammatory.expand {
	background-position: left bottom;}	

.whatsAcne .divider {
    background:url("../images/bg/separator.jpg") no-repeat scroll right center transparent;
    height:40px;
    width:663px;
    margin-bottom: 17px;
}

.whatsAcne #plInflammatory.expand {
	background-position: left bottom;}
	
.whatsAcne #plNonInflammatoryDetails { padding-left: 5px; }

.whatsAcne #divInflammatoryDetails { padding-left: 5px; }

/*--------------------------------------------------------------------------*/
/* What is Imposter*/
/*--------------------------------------------------------------------------*/
#Imposters .divider { background:transparent url('../images/bg/separator.jpg') no-repeat right center; height: 7px; width: 663px;}


/*--------------------------------------------------------------------------*/
/* Acne Treatment */
/*--------------------------------------------------------------------------*/
.acneTreatment .panel {display:block; height:28px; padding:13px 0px 0px 10px;	
	font-size:1.66em; font-weight:normal; color:#007287; 
	font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial;
	background:transparent url('../images/bg/componentPanel.png') no-repeat left top; }

.acneTreatment .contentDetails {padding-left: 10px;}
	
.acneTreatment #plBenzoylPeroxide.expand {
	background-position: left bottom;}	

.acneTreatment #plSpotTreatmentsSalicylicAcid.expand {
	background-position: left bottom;}

.acneTreatment #divSpotTreatmentsSalicylicAcidDetails{display:none;}
	
.acneTreatment #plAntibiotics.expand {
	background-position: left bottom;}	

.acneTreatment #divAntibioticsDetails{display:none;}

.acneTreatment #plBirthControlPill.expand {
	background-position: left bottom;}

.acneTreatment #divBirthControlPillDetails{display:none;}

.acneTreatment #plHerbalRemedies.expand {
	background-position: left bottom;}	

.acneTreatment #divHerbalRemediesDetails{display:none;}	


/*--------------------------------------------------------------------------*/
/*****COMPONENT KIOSK LOCATOR*****/
/*--------------------------------------------------------------------------*/


.kioskFinder {color:#333;}

.kioskFinder fieldset {display:block;padding-bottom:5px;background:url('../images/klFormBg.gif') no-repeat left bottom;}
.kioskFinder fieldset .formInfo {display:block;padding:30px 30px 10px 30px;width:600px;
    background:url('../images/klFormBg.gif') no-repeat left top;}
.kioskFinder fieldset h2 {font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial;font-size:1.5em;color:#333; }
.kioskFinder fieldset .formInfo label {display:block;float:left;padding-top:2px;width:85px;color:#373737;}
.kioskFinder fieldset .formInfo div {display:block;float:left;margin-bottom:15px;padding:1px 1px 1px 5px;
    width:200px;height:18px;border:1px solid #adadad;background:#fff;}
.kioskFinder fieldset .formInfo .errorMessage {display:block;margin-bottom:25px;}  
.kioskFinder fieldset .formInfo .errorMessage span {padding-left:15px;}  

    
.kioskFinder .orHr {display:block;margin:0 auto;padding-bottom:15px;width:325px;
    font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial;
    font-size:1.5em;text-align:center;background:url('../images/hrDot.gif') repeat-x left 10px;}
.kioskFinder .orHr span {display:block;margin:0 auto;width:40px;background:#fff;}

.kioskFinder fieldset .formInfo input,
.kioskFinder fieldset .formInfo select,
.kioskFinder fieldset .formInfo textarea {width:100%;border:0px;height:18px;}
.kioskFinder .findStoreNow {display:block;width:100%;}
.kioskFinder .findStoreNow div {display:block;width:187px;margin:0 auto;}
.kioskFinder .findStoreNow div input {display:block;width:187px;height:39px;text-indent:-999em;line-height:999em;border:0px;cursor:pointer;
    background:url('../images/btnFindStoreBut.gif') no-repeat;}
    
    


    
/*search result count*/

.kioskFinder #searchResultsCount {display:block;width:100%;height:41px;margin-bottom:20px;line-height:1.4em;text-indent:15px;
    background:url("../images/searchAgainBg.png") no-repeat;}
.kioskFinder #searchResultsCount .searchAddress {color:#006c83;}  
.kioskFinder #searchResultsCount strong {color:#333;}  
.kioskFinder #searchResultsCount p {display:block;float:left;padding:14px;}       
.kioskFinder #searchResultsCount .searchAgainBut {display:block;float:right;height:41px;width:150px;text-indent:-999em;line-height:999em;overflow:hidden;
    background:url("../images/searchAgainButBg.png") no-repeat;}

/*postcode*/
.kioskFinder fieldset.postCode .formInfo div {width:120px;/*margin-right:350px;*/}
.kioskFinder fieldset.postCode h2 {font-family:Arial;}



/*subrb State*/
.kioskFinder fieldset.suburbState .formInfo div {/*margin-right:300px;*/}
.kioskFinder fieldset.suburbState {margin-bottom:30px;}
.kioskFinder fieldset.suburbState h2 {font-family:Arial;}



/*map canvas*/

.kioskFinder #map_canvas {display:block;margin-bottom:30px;width:652px; height:356px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #d3d3d3;}

/*store info*/

.kioskFinder .searchResults {display: block; width: 666px;}
.kioskFinder .searchResults ul {display:block;width:666px;}
.kioskFinder .searchResults ul li {padding:28px 28px 28px 28px;
    font-size:1.33em;color:#fff;color:#656565;
    font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial;
    Background:url('../images/searchResultBg.gif') repeat-x left bottom;}
.kioskFinder .searchResults ul li.active {padding-top:15px;padding-bottom:41px;height:43px;
    background:url('../images/searchResultBg_active.gif') no-repeat;} 
.kioskFinder .searchResults ul li.active .listName {font-weight:bold;color:#383838;}   
.kioskFinder .searchResults ul li span {display:block;float:left;padding-right:30px;}
.kioskFinder .searchResults ul li span.listNum {display:block;padding-left:10px;color:#fff;}
.kioskFinder .searchResults ul li span.closestStore {display:block;padding-left:0px;
    padding-bottom:5px;margin-bottom:20px;width:580px;
    border-bottom:1px dotted #b0b0b0;font-size:0.8em;font-weight:normal;font-family:Arial;}
.kioskFinder .searchResults ul li a {display:block;float:right;
    font-family:'HelveticaNeueW01-47LtCn 692686','Arial Narrow',Arial;font-size:0.9em;}    
    
.kioskFinder .storeInfoContainer {font-size:12px;}
.kioskFinder .storeInfoContainer, 
.kioskFinder .storeInfoContainerTop {display:block;position:absolute;width:400px;}
.kioskFinder .storeInfoTop {display:block;height:20px;background:url('../images/storeInfoBg.png') no-repeat top left;} 

.kioskFinder .storeInfo {display:block;padding:0 28px 0 55px;background:url('../images/storeInfoBg.png') -407px top repeat-y;}
.kioskFinder .storeInfo .storeInfoClose {display:block;float:right;width:24px;height:24px;overflow:hidden;
    text-indent:-999em;line-height:999em;background:url('../images/storeInfoClose.png') no-repeat;}    
.kioskFinder .storeInfo .storeDetail {display:block;margin-bottom:10px;padding-bottom:30px;border-bottom:1px dotted #7d7d7d;width:280px;font-size:1.16em;}    
.kioskFinder .storeInfo .storeDetail span {display:block;width:100%;}
.kioskFinder .storeInfo .storeDetail .storeName {display:block;width:250px;padding-bottom:10px;padding-top:20px;font-size:1.28em;font-weight:bold;
    font-family:Arial;color:#383838;}
.kioskFinder .storeInfo .storeDetail .storeAddress {line-height:1.4em;font-family:Arial;color:#383838;}
.kioskFinder .storeInfo .storeDetail .brackets {color:#8b8b8b;font-size:0.92em;font-family:Arial;}
.kioskFinder .storeInfo .storeDetail .storeLink a {display:block;float:none;padding-top:10px;font-size:0.86em;font-family:Arial;}
.kioskFinder .storeInfo .productRanges span {display:block;padding-bottom:10px;width:100%;color:#9a9a9a;font-weight:bold;font-family:Arial;}

.kioskFinder .storeInfoBot {display:block;height:40px;background:url('../images/storeInfoBg.png') no-repeat bottom left;} 


/*****END OF COMPONENT CHECKOUT.CSS***********************************************************************/



