@charset "UTF-8";

/* CSS Alberto Culver- ST IVES RESTAGE 2010					*/
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  							*/
/* Created: 02/08/2010                           							*/
/* Updated: 02/08/2010 - Hristo Hristov          					*/
/* --------------------------------------------- */


/* ========================================== PRODUCT PAGES === */
#mainArea {height:473px;}
#mainArea .content { height:100%;background:url(/images/product-main-bg.png) no-repeat bottom center;overflow:hidden;}

#mainArea h1 {padding:20px 10px 0 10px;text-transform:uppercase;}
#mainArea h1 span {color:#d42727;display:block;text-transform:capitalize;}

#mainArea .wrapper {width:620px;height:410px;float:left;}
#mainArea .wrapper .flash {float:left;width:264px;padding-top:30px;padding-left:29px;}
#mainArea .productDesc {margin:45px 0 0 625px;}
/*
#mainArea #productDesc div {padding-bottom:10px;margin-bottom:25px; background:url(/images/hr-short.png) no-repeat bottom center;}
*/
#mainArea .productDesc div#BVCustomerRatings {padding-bottom:10px;margin-bottom:25px; background:url(/images/hr-short.png) no-repeat bottom center;width:265px;float:left;}

/*
#mainArea #productDesc p {font-style:italic;width:265px;}
*/
.productDesc .productText {width:265px;float:left;}
.productDesc p.blurb,
.productDesc div.description {font-style:italic}
.productDesc div.description p.disclamer {padding-top:15px;font-size:7px !important;font-style:italic;}

.productDesc p.blurb {clear:right;}

.productDesc h2 {font-size:10px;padding:10px 0 0 0;}
.productDesc ul {list-style:disc;padding-left:20px;font-style:italic;font-size:10px;font-family:Georgia, "Times New Roman", Times, serif;}
.productDesc ul li {padding:15px 0 0 0;color:#717070;}

#mainArea #underLinks {clear:left;}
#mainArea #underLinks li {float:left;width:288px;height:30px;padding-top:5px;margin-right:15px;text-align:center;background:url(/images/hr-short.png) no-repeat top center;}
#mainArea #underLinks li span {display:block;width:100%;height:100%;background:url(/images/hr-short.png) no-repeat bottom center;}
#mainArea #underLinks a {margin-top:100px;font-size:10px;text-transform:uppercase;}



#splitArea {margin-top:30px;}

#productDetail {width:620px;float:left;padding-top:35px;}
#rightCallouts {width:285px;float:right;}



#productDetail #tabs {
		position:absolute;
		top:-28px;
		left:7px;
		width:735px;
	  height:100px;
      }
#productDetail #tabs ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#productDetail #tabs li {
      float:left;
	  display:inline;
      background:url("/images/tabs/images/inactive-tab-right.png") no-repeat right top;
      margin:0 6px 0 5px;
      padding:0;
	position:relative;
      }
#productDetail #tabs a {
      float:left;
      display:block;
      position:relative;
	  height:24px;
      left:-8px;
      margin-right:-8px;
      /*width:150px;*/
      background:url("/images/tabs/images/inactive-tab-left.png") no-repeat left top;
      padding:8px 20px;
      text-decoration:none;
	  font-family:Helvetica,Verdana, Arial, Helvetica, sans-serif;
	  font-size:10px;
      font-weight:bold;
	  text-transform:uppercase;
      color:#009ac8;
      }
#productDetail #tabs > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#productDetail #tabs a {float:none;}
    /* End IE5-Mac hack */
#productDetail #tabs a:hover {color:#eb088d;}/* not for IE5.x or IE6 */

#productDetail .panel {
	display:none;
	width:100%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#productDetail .panel.active-tab-body {display: block;}
#productDetail #tabs li.active-tab a {height:30px;padding:12px 20px 7px 20px;color:#e93981;background:url("/images/tabs/images/active-tab-left.png") no-repeat left top !important;}
#productDetail #tabs li.active-tab {top:-4px;
	background:url("/images/tabs/images/active-tab-right.png") no-repeat right top !important;}


#productDetail .details dl dt {
	padding:0 5px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
}
#productDetail .details dl dd {
	margin-bottom:15px;
	padding:0 5px 15px 5px;
	font-style:italic;
	border-bottom:1px solid #f0f0f0;
}
#productDetail .details dl dd.last {
	border-bottom:none;
	padding:0 0 5px 0;
}
#productDetail .details dl ul li {
	height:100px;
	margin-top:5px;
	border-bottom:1px solid #f0f0f0;
}
#productDetail .details dl ul img {float:left;}
#productDetail .details dl dl {
	margin-left:120px;
	padding-top:20px;
}
#productDetail .details dl dl dt {	font-style:normal;}
#productDetail .details dl dl dd {border-bottom:none;}

#productDetail #findMore {height:50px;}
#productDetail #findMore h5 {color:#009ac8;font-weight:bold;}
#productDetail #findMore .link {margin-top:15px;float:right;width:200px;text-align:right;color:#009ac8;}



#productDetail .reviews > div {padding:0 0 20px 0;}
#productDetail .reviews h3 {text-transform:uppercase;font-size:12px;font-weight:bold;}
#productDetail .reviews h3 img {padding-left:10px;}
#productDetail .reviews h4 a {text-transform:uppercase;font-size:10px;display:block;padding-top:7px;font-weight:bold;color:#009ac8;}

/* ======== PAGINATION === */
.pagination{padding: 2px;float:right;}
.pagination ul{text-align: left;	font-size: 10px;}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
	padding: 0 5px 3px 5px;
	border-right: 1px solid #707070;
	text-decoration: none; 
	color: #009ac8;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.pagination a:hover, .pagination a:active{
	color: #e93981;
}
.pagination a.currentpage{
	color: #e93981 !important;
	font-weight: bold;
	cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #707070;
	font-weight: normal !important;
}
.pagination a.prevnext{
	font-weight: bold;
	border:none;
}
.pagination a.last{border:none;}

.userReviews {padding-top:20px;font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;}
.userReviews li { clear:left; margin-bottom:20px;padding-bottom:30px;border-bottom:1px solid #f0f0f0;}
.userReviews dl {float:left;width:130px;font-family:Georgia, "Times New Roman", Times, serif;}
.userReviews dl dt {font-family:Helvetica, Arial, sans-serif;font-weight:bold;}
.userReviews dl dt:first-child {font-family:Georgia, "Times New Roman", Times, serif;font-size:9px;}
.userReviews dl dd {font-style:italic;padding:0 0 5px 0;}
.userReviews div {margin-left:131px;}
.userReviews div p {padding:0;font-style:italic;}



/* ======== RELATED PRODUCTS === */
.related div {padding-bottom:20px;}
.related h3 {text-transform:uppercase;font-size:14px;font-weight:bold;color:#009ac8;}
.related p {font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;}
.related div p {font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;font-style:italic;}

.related div a {color:#009ac8;font-size:10px;font-weight:bold;}
.related div a:hover {color:#eb088d;}

.related dl {overflow: auto;width:100%;clear:left;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.related dl dd a:hover {color:#eb088d;}
.related dl dt {float:left;width:70px;margin-left:45px;}
.related dl dt:first-child {margin-left:0;}
.related dl dd {float:left;width:100px;padding-top:70px;}
.related dl dd p {color:#009ac8;}
.related dl dd p img {padding-right:5px;position:relative;top:2px;}
p.label {font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-transform:uppercase;}



/* ========================================== PRODUCT PAGES - PILLAR === */
body.pillar #mainArea h1 {padding:0 0 40px 0;color:#009ac8;font-family:Helvetica, Arial, sans-serif;font-size:30px;}
body.pillar #mainArea .categoryDesc {width:260px;height:300px;float:left;padding:30px 0 0 10px;}
body.pillar #mainArea .categoryDesc h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;}
body.pillar #mainArea .categoryFlash {float:right;padding-top:100px;}
body.freshSkin .categoryDesc h2 {color:#5d9732;}

body.pillar #singleArea .content {width:900px;padding:50px 40px 0 40px;}
body.pillar #singleArea .content h3 {width:480px;position:relative;}
body.pillar #singleArea .content h3 span {/*margin-left:300px;*/position:absolute;top:0;left:480px;width:420px;}

body.pillar #singleArea .content dl {/*height:190px;*/overflow:hidden;clear:left;margin-bottom:15px;background:url(/images/hr-long.png) no-repeat bottom center;}
body.pillar #singleArea .content dl dt {width:130px;float:left;padding-top:20px;text-align:center;}
body.pillar #singleArea .content dl dd {width:350px;float:left;padding-top:40px;}
body.pillar #singleArea .content dl dd+dd {width:420px;padding-top:25px;}
body.pillar #singleArea .content dl dd h5 {padding-top:5px;}
body.pillar #singleArea .content dl dd p {font-style:italic;padding-right:35px;}
body.pillar #singleArea .content .reviewLinks {font-family:Helvetica, Arial, sans-serif;}

/* ========================================== PRODUCT PAGES - GROUP LISTING === */
body.listing #singleArea .content {width:962px;overflow:hidden;}

/* ========================================== PRODUCT PAGES - MISC === */
#mainArea .productDesc div.description {
	max-height:170px;
	overflow:hidden;
	position:relative;
}
#description_popup_link {display:none;}

#label_popup,
#label_popup_ie7 {
	z-index:100000;
	position:absolute;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	background-color:#dedede;
}
#label_popup #label_popup_close,
#label_popup_ie7 #label_popup_close_ie7 {position:absolute;top:-9px;right:-8px;}

div.popup {
	width: 273px;
/*
	height:355px;
*/
	background:url(/images/addDesc-bg-top.png) no-repeat;
	padding: 15px 15px 0 15px;
	/* The following properties should not be changed */
	position:absolute;
}
div.popup img.bottomBorder {
	position:absolute;
	bottom:-12px;
/*
	bottom:7px;
*/
	left:0;
}
#description_popup {
	top:228px;
	left:639px;
	padding-bottom:5px;
}

#mainImage {
	padding-left:310px;
	padding-right:15px;
}

#mainImage > div {
	padding-top:27px;
	position:absolute;
	text-align:center;
	width:295px;
}

#mainImage div#rotation img {
	position:ab
}