@charset "UTF-8";

/*--- PRODUCT DETAILS ---*/

#mainColumn {
	position:relative;
	height:402px;
	padding:15px 20px 0 20px;
	background:url(/images/products/product-details-bg.jpg) no-repeat left top;
}
body#productCategory.main #mainColumn {
	height:417px;
	padding:0;
	background:none;
}
body.skinProfiler #mainColumn {
	height:506px;
	padding:0;
	background:none;
}
#mainColumn h2 {
	padding-bottom:5px;
	margin-right:130px;
	border-bottom:1px dashed #FFF;
}
h2 span, h3 span, h4 span {
	color:#0395c5;
	font-weight:normal;
}
.productShot {float:left;}
.productStar {
	position:absolute;
	z-index:0;
	left:225px;
	top:120px;
}
body#productCategory .productStar {
	left:35px;
	top:105px;
}

#productDetails {
	margin-left:350px;
	padding-top:20px;
}
body#productCategory #productDetails {
	margin-left:450px;
	padding-top:20px;
}

#productDetails h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0358a7;
}
#productDetails h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	padding:7px 0 0 0;
	font-weight:bold;
	color:#0395c5;
}
#productDetails p a {color:#336090;font-weight:bold;}
body#productCategory #productDetails p {max-width:265px;}
/* #productDetails #reviewLinks {margin:5px 0;} */
#productDetails #reviewLinks, #productDetails #reviewLinks a {
	font-size:11px;
	color:#336090;
}
#productDetails #reviewLinks a {margin:0 5px;text-decoration:underline;}

#hidevid {	left:0px;}
div.bodytext {
	font-size: 11px;
	line-height:14px;
	padding: 3px 0 5px;
	max-width:265px;
	color: #666666;
}

/*--- PRODUC DETAILS TABS ---*/
#productDetails .wrapper {margin-top:10px;}
#productDetails p {color:#666666;}
#productText {width:360px;float:left;}
#textTabs {
	position:relative;
	width:338px;
	padding:10px;
	margin-bottom:25px;
	background:url(/images/products/detailsBG-top.pngg) no-repeat left top;
}
#textTabs img.bottom{
	position:absolute;
	bottom:-15px;
	left:0;
}

/*--- PRODUC CATEGORY REVIEW BOX ---*/
body#productCategory #productText {width:265px;}
body#productCategory #textTabs {
	width:245px;
	padding:0 10px;
	margin-bottom:35px;
	background:url(/images/products/detailsCatBG-top.pngg) no-repeat left top;
}
body#productCategory #textTabs div {
	position:relative;
	top:13px;
	z-index:100;
}
body#productCategory #textTabs img.bottom{
	bottom:-35px;
	z-index:0;
}
body#productCategory #textTabs .rating {
	border-top:1px dashed #d3d8dc;
	border-bottom:none;
	margin-top:5px;
}
.posted {font-weight:bold;}
.posted span {color:#0395c5;}


/*--- TABS ---*/
#textTabs .panel {
	position:relative;
	top:10px;
	display:none;
	width:100%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#textTabs .panel a {
	
}
#textTabs .panel a:hover {
	
}
#textTabs .panel.active-tab-body {display: block;}
#textTabs #tabs {
	border-bottom:1px dashed #ccc;
	width:100%;
}
#textTabs #tabs li {float: left;}
#textTabs #tabs a {
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	float: left;
	height:16px;
	padding:0 0 7px 7px;
	margin-right:13px;
	font-size:11px;
	font-weight:bold;
	color:#336090;
	text-decoration:none;
	background:url(/images/products/product-details-links-bgL.pngg) no-repeat left top;
}
#textTabs #tabs a span {
	display:block;
	width:7px;
	height:16px;
	position:absolute;
	right:-7px;
	top:0;
	background:url(/images/products/product-details-links-bgR.pngg) no-repeat left top;
}
#textTabs #tabs a:hover {
	color:#2a4b95;
}
#textTabs #tabs a.active-tab {background:none;}
#textTabs #tabs a.active-tab span {background:none;}
#textTabs .links ul li {display:inline;}

#textTabs .panel  ul {
	color:#666;
	list-style:disc;
	padding-left:17px;
}
#textTabs .panel  ul li {
	padding:3px 0;
}


/*--- CROSS SELL ---*/
#crossSell {
	margin-left:380px;
}
body#productCategory #crossSell {
	margin-left:310px;
}
#crossSell h4 {
	color:#0358a7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
#crossSell h4 a {
	color:#0358a7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0;
}
#crossSell .product img.productShot {
	float:left;
	width:77px;
	margin-right:10px;
}
#crossSell p {padding:0;margin:0;}
#crossSell .product p {padding-top:15px;}
#crossSell a {font-size:11px;line-height:11px;}
#crossSell a.moreLinks {color:#336090;font-size:9px;padding-top:3px;display:block; }


/*--- BLOCKS SETUP ---*/

#blocks {overflow:hidden;height:auto !important;}
#blocks #stories {
	/*width:360px;*/
	width:260px;
	float:left;
}
#blocks #reviews {
	/* width:597px; */
	width:697px;
	float:right;
	background:#f1f9fd;
}
#reviews, #stories {
	padding-bottom:32767px;
	margin-bottom:-32767px;
	_overflow:hidden;
}

/*--- BLOCKS ---*/
#stories h4 {
	font-size:14px;
}
#stories #banner a.learnMoreLink {
	margin:0;
}

#stories #banner {
	padding:15px 15px 5px 15px;
	background:url(/images/products/stories-small-bg.jpg) no-repeat left top;
	border-bottom:3px solid #FFF;
}
#stories #banner .bannerImage {float:right;margin-left:10px;}

#stories #storiesText {
	padding:10px 15px 15px 15px;
	background:#f0f8fd url(/images/products/stories-bg.jpg) no-repeat left bottom;
}
#stories #storiesText h4 {
	padding-bottom:5px;
	border-bottom:1px dashed #d3d8dc;
}
#stories #storiesText dl {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#stories #storiesText dt {
	padding-top:10px;
	font-weight:bold;
	color:#0395c5;
}
#stories #storiesText dd {
	padding-top:3px;
	color:#666666;
}
#stories #storiesText dd.bold {
	padding-top:1px;
	font-weight:bold;
}

/*--- USER REVIEWS ---*/
#blocks #reviews {
	background:#f1f9fd url(/images/products/reviews-bg2.jpg) no-repeat left top;
}
#blocks #reviews div.content {
	padding:15px;
}
#reviews h4 {
	padding:0 0 5px 0;
}
.rating {
	font-weight:bold;
	border-bottom:1px dashed #d3d8dc;
}
.rating img {padding-right:10px;}


#userReviews {margin:0px 0;width:100%;}
#userReviews dl {clear:both;padding-top:10px;}
#userReviews dl dt {width:100px;float:left;}


#userReviews dl dt a {
	font-size:11px;
}
#userReviews dl dt h3, #userReviews dl dt h4, #userReviews dl dt h5 {
	margin:0;
	padding:0;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}
#userReviews dl dt p {
	margin:0;
	padding:0 0 5px 0;
	line-height:11px;
	font-size:11px;
	color:#666666;
}
#userReviews dl dt h3 {color:#0395c5;}

#userReviews dl dd {position:relative;padding:0 17px 0 17px;width:433px;} 

#userReviews dl dd p {position:relative;top:10px;}
#userReviews dl dd div {height:31px; width:467px;position:absolute;left:0;bottom:-30px;}

#userReviews dl dd {margin-left:100px;}

#userReviews dl.one dd {background:url(/files/stories/story-textBG1-top.png) no-repeat left top;}
#userReviews dl.one dd div {background:url(/files/stories/story-textBG1-bottom.png) no-repeat left top;}
#userReviews dl.two dd {background:url(/files/stories/story-textBG3-top.png) no-repeat left top;}
#userReviews dl.two dd div {background:url(/files/stories/story-textBG3-bottom.png) no-repeat left top;}



/*--- CATEGORY NOXZEMA STORIES ---*/
/*--- NO STORIES ---*/
#blocks .noStories {position:relative;width:450px;height:200px;padding:10px 15px 10px 15px;background:url(/images/stories-block-bg3.jpg) no-repeat left top;}

#blocks .noStories h4 {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #d3d8dc;
}
#blocks .noStories .text {
	/*float:left;*/
	width:320px;
}
#blocks .noStories .firstLine {
	color:#0395c5;
	font-weight:bold;
}
#blocks .noStories form {
	margin-left:230px;
	display:none;
}
#blocks .noStories form p {font-weight:bold;}
#blocks .noStories form, #blocks .noStories form input, #blocks .noStories form select {color:#666;font-size:11px;}
#blocks .noStories form label {display:block;margin:10px 0 3px 0;}
#blocks .noStories .learnMoreLink {position:relative;top:0;left:0;}
#blocks .noStories .girlWithSign {position:absolute;bottom:0;right:0;}

/*--- WITH STORIES ---*/
#blocks .wStories {position:relative;background:url(/images/stories-block-bg.jpg) no-repeat left top;width:450px;height:200px;padding:10px 15px 10px 15px;}
#blocks .wStories h4 {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #d3d8dc;
}
#blocks .wStories .text {
	float:left;
	width:190px;
}
#blocks .wStories dl {font-size:11px;font-family:Arial, Helvetica, sans-serif;}
#blocks .wStories dl dt {
	color:#0395c5;
	font-weight:bold;
}
#blocks .wStories dl dd {color:#666;}
#blocks .wStories dl dd+dd {font-weight:bold;padding-bottom:10px;}

#blocks .wStories .quote {
	width:171px;
	float:right;
	position:relative;
	top:20px;
	right:50px;
	background:url(/images/products/quote-bg-top.png) no-repeat left top;
}
#blocks .wStories p {
	color:#fff;
}
#blocks .wStories .quote span {
	color:#d2feff;font-weight:bold;
}
#blocks .wStories .quote div {
	position:relative;
	top:5px;
	padding:0 7px;
}
#blocks .wStories .quote img.bottom {
	position:absolute;
	bottom:-28px;
	left:0;
}
#blocks .wStories .quoteModel {
	position:absolute;
	right:0;
	bottom:0;
}

/* ---- Print ---- */
#printPreview {
	position:relative;
	height:402px;
	padding:15px 20px 0 20px;
	background:#FFFFFF;
}