@charset "UTF-8";

/* CSS Document Alberto Culver- TRESEMME 2.0	*/
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  							*/
/* Created: 05/09/2010                           							*/
/* Updated: 05/09/2010 - Hristo Hristov          					*/
/* --------------------------------------------- */

/* ========================================== STYLE NEWS === */
body#styleNews {background:#000000 url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/awards-bg.jpg) no-repeat center top;}
body#styleNews #mainColumn {width:100%;padding-top:20px;float:left;}
body#styleNews.styleNews #mainColumn {width:100%;height:407px;padding-top:20px;float:none;}
body#styleNews #newsInfo {height:425px;position:relative;}
body#styleNews #newsInfo > div { position:absolute;top:15px;left:57px;width:839px;height:432px;padding:9px 0 0 21px;background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/style-news/flash-landing-bg.png) no-repeat center center;}



/* ========================================== SWEEPSTAKES FORM === */
body#awards.articleDetails {background:#000000 url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/stylist-tips-bg.jpg) no-repeat center top;}
#groupTitles {position:relative;z-index:1;min-height:100px;padding:35px 10px 13px 7px;background:url(/images/stylingTips-shelf.png) no-repeat center bottom;}
/*#videoSlider {position:relative;z-index:1;min-height:300px;padding:35px 10px 13px 10px;background:url(/images/product-detail-shelf.png) no-repeat center bottom;}*/
#groupTitles p {width:430px;font-size:16px;font-weight:100;line-height:19px;margin-bottom:20px;}
div.banner {position:relative;text-align:center;top:5px;}
div.banner img.shadow {position:absolute;left:-3px;bottom:-7px;z-index:-1;}
/*body.articleDetails #groupTitles div img {position:absolute;left:155px;top:3px;}*/

a.archiveLink {position:absolute; right:0; top:0;text-transform:uppercase;font-size:11px;font-weight:bold;z-index:100;}

#articleText {position:relative;padding:15px;
	background:url(/images/tabs-details-bg.jpg) no-repeat center top; 
	min-height:344px;
}
#articleText p {color:#ababab;font-size:14px;line-height:20px;padding-bottom:20px;}
#articleText p em {font-weight:normal !important;font-style:italic !important;}
.articleIntro {height:80px;}
.articleIntro .shareLinks {float:right;width:117px;height:37px;padding:8px 8px;;background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/shareLinks-bg.png) no-repeat center top;font-size:11px;color:#e1e1e1;line-height:13px;}
.articleIntro p {font-size:15px;color:#ababab;line-height:18px;}
.shareLinks {text-transform:uppercase;}
#articleText .textSeparator {text-align:center;clear:left;}
#articleText a {color:#fff;text-decoration:underline;}
#articleText a:hover {color:#fff;text-decoration:underline;}
#articleText h4 {font-size:14px;color:#e2e2e2;text-transform:uppercase;font-weight:100;}
#articleText h5 {font-size:24px;color:#ababab;font-style:italic;text-transform:uppercase;font-weight:100;}
#articleText img.articleImage {float:left;margin:0 15px 15px 0;}
h5.quoteBox {width:280px;float:left;margin:0 10px 5px 0;padding:2px 15px 5px 15px;background:url(/images/icons/quotes-start.png) no-repeat left 3px;}
h5.quoteBox img {position:relative;bottom:7px;left:2px;}

#articleText ul.list {font-size:14px;line-height:20px;color:#ababab;padding-left:20px;list-style-image:url(/images/icons/list-bullets-med.gif);}
#articleText ul.list li {padding-bottom:15px;}

div.mGallery {width:176px;float:left;margin-right:25px;}
div.mGallery li {position:relative;padding:15px 0;min-height:45px;font-size:10px;
	text-transform:uppercase;font-weight:bold;color:#ababab;
	border-bottom:1px solid #565656;
}

#articleText div.mGallery li a:hover {text-decoration:none;color:#fff;}
div.mGallery li a.videoLink {float:left;margin-right:10px;}

div.mGallery li:hover a.videoLink {border:1px solid #FFFFFF;}
div.mGallery li:hover a.videoLink span {	background:url(/images/icons/video-play-over.png) no-repeat center center;}
div.mGallery li:hover {color:#fff;}
div.mGallery a.bottomArrow {position:relative;z-index:10;bottom:1px;}


/*Video Slider setup*/
#videoSlider > div {width:642px;margin:0 auto;}
#videoSlider img.videoShadow {position:absolute;bottom:7px;left:18px;}
#videoSlider .video {position:relative;background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/video-slider-bg.jpg) no-repeat left top;padding:1px;}
#videoSlider .video .videoDesc {position:absolute;bottom:0;left:300px;}
#videoSlider #descText {
	margin-top:1px;padding:12px 16px;
	background:#171717;
}
#videoSlider #descText h3 {text-transform:uppercase;color:#e2e2e2;}
#videoSlider #descText p {font-size:12px;}
#videoSlider .videoDip {background:#171717;margin-top:1px;}

dl.videoDip {
	width:642px;
	height:69px;
	padding:0;
	background:none;
	position:relative;
}
dl.videoDip img.shadow {position:absolute;left:-26px;bottom:-9px;}
dl.videoDip dd {position:relative;padding:0;}
dl.videoDip dd a.left,
dl.videoDip dd a.right {
	position:absolute;
	top:0;
	display:block;
	height:69px;
	width:44px;
	z-index:100;
}
dl.videoDip dd a.left {left:-44px;}
dl.videoDip dd a.right {right:-44px;}

dl.videoDip dd a.leftReplace,
dl.videoDip dd a.rightReplace {
	position:absolute;
	display:block;
	background:#0F0;
	height:69px;
	width:44px;
	z-index:200;
}
dl.videoDip dd a.left {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-left.png) no-repeat center center;
	visibility:hidden;
}
dl.videoDip dd a.left:hover {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-left-hover.png) no-repeat center center;
}
dl.videoDip dd a.leftReplace {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-left.png) no-repeat center center;
	left:-44px;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	-khtml-opacity: 0.4;
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
}
dl.videoDip dd a.right {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-right.png) no-repeat center center;
}
dl.videoDip dd a.right:hover {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-right-hover.png) no-repeat center center;
}
dl.videoDip dd a.rightReplace {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/arrow-right.png) no-repeat center center;
	right:-44px;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	-khtml-opacity: 0.4;
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
}
dl.videoDip dd div.scrollingWindow {
	float:left;
	height:69px;
	width:640px;
	overflow:hidden;
	position:relative;
}
dl.videoDip dd div.scrollingWindow ul.scrollingBlock {
	position:absolute;
	left:0;
	top:0;
	list-style-position:inside;
}
dl.videoDip dd div.scrollingWindow ul.scrollingBlock li {
	position:relative;
	float:left;
	height:45px;
	width:191px;
	padding:12px;
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/video-divider.png) no-repeat right top;
}
dl.videoDip dd div.scrollingWindow ul.scrollingBlock li.selected {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/video-divider-selected.png) no-repeat right top;
}
ul.scrollingBlock li:hover > a {color:#e8e8e8;}
dl.videoDip dd a {text-transform:uppercase;font-size:10px;}
ul.scrollingBlock li:hover > a.videoLink {border:1px solid #FFFFFF;}
ul.scrollingBlock li:hover > a.videoLink span {	background:url(/images/icons/video-play-over.png) no-repeat center center;}
dl.videoDip .videoLink {float:left;margin-right:10px;}




/* ========================================== GALLERIES === */
body#styleNews.galleries {background:#000000 url(http://cdn-sm.tresemme.com/Tresemme/US/files/stylist-tips/stylist-tips-bg.jpg) no-repeat center top;}

#galleries {padding-top:20px;}
#galleries .imagePreview {
	width:100%;
	position:relative;
	padding:9px 0;
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/style-news/images/galleries-shelfTop-bg.png) no-repeat center bottom;
}
#galleries .imagePreview img.playerShadow {
	position:absolute;
	bottom:3px;
	left:145px;
}

#galleries #videoSlider {
	position:relative;
	z-index:1;
	width:710px;
	min-height:300px;
	margin-left:auto;
	margin-right:auto;
	padding:35px 10px 13px 10px;
	background:url(/images/product-detail-shelf.png) no-repeat center bottom;
}

#galleries #videoSlider > div {width:642px;margin:0 auto;}
#galleries #videoSlider img.videoShadow {position:absolute;bottom:7px;left:18px;}
#galleries #videoSlider .video {position:relative;background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/awards/video-slider-bg.jpg) no-repeat left top;padding:1px;}
#galleries #videoSlider .video #galleryTop .wraptocenter {height:360px;width:640px;}
#galleries #videoSlider .video .videoDesc {position:absolute;bottom:0;left:300px;}
#galleries #videoSlider #descText {
	margin-top:1px;padding:12px 16px;
	background:#171717;
}
#galleries #videoSlider #descText h3 {text-transform:uppercase;color:#e2e2e2;}
#galleries #videoSlider #descText p {font-size:12px;}

#galleries .imagePreview .largeImage {
	position:relative;
	width:642px;
	height:362px;
	margin:0 auto;
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/style-news/images/galleries-image-bg.jpg) no-repeat left top;
}
#galleries .imagePreview .videoDesc {
	bottom:0;
	left:300px;
	position:absolute;
}
#galleries .imagePreview .largeImage a.toggleBtn {
	position:absolute;
	bottom:0;
	left:290px;
}
#galleries .imagePreview #descText {
	width:610px;
	background:#171717;
	margin:2px auto;
	padding:0 16px;
}
#galleries .imagePreview #descText h3 {
	font-size:14px;
	color:#939393;
	padding-top:13px;
}
#galleries .imagePreview #descText div.description {
	font-size:13px;
	color:#e1e1e1;
	padding:4px 0;
}
#galleries .imagePreview #descText a {
	display:block;
	font-size:13px;
	color:#a6a6a6;
	padding-bottom:13px;
}

#galleries .thumbs {
	width:100%;
	overflow:auto;
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/style-news/images/galleries-shelfBottom-bg.jpg) no-repeat center top;
}
#galleries .thumbs div.wrapper {
	width:698px;
	margin:0 auto;
	padding:35px 16px;
}
#galleries .thumbs #initiativeList,
#galleries .thumbs form {
	padding:0 20px 25px 47px;
	position:relative;
}

#initiativeList select {
	font-size:11px;
	height:29px;
	margin:7px 0 0;
	padding:5px 4px 4px;
	width:232px;
	color:#E2E2E2;
	border:none;background:#333;
}
#initiativeList select option {padding-top:2px;padding-bottom:1px;background:#333;}

/*#galleries .thumbs #initiativeList select,
#galleries .thumbs form select {
	background:url(http://cdn-sm.tresemme.com/Tresemme/US/files/style-news/images/form-field-bg.jpg) no-repeat scroll left top;
	border:medium none;
	color:#E2E2E2;
	font-size:11px;
	height:29px;
	margin:7px 0 0;
	padding:5px 4px 4px;
	width:232px;
}
#galleries .thumbs form select option {backgorund-color:#333 !important;}*/

#galleries .thumbs form div {
	font-size:11px;
	position:absolute;
	right:45px;
	top:10px;
}
#galleries .thumbs form div a {
	display:inline-block;
	padding:5px;
}
#galleries .thumbs form div a.selected {
	background:#343330;
}
#galleries .thumbs div.wrapper .pagination {
	text-align:center;
}
/*
#galleries .thumbs .scrollingWindow {
	overflow:hidden;
	width:698px;
	position:relative;
}
#galleries .thumbs .scrollingBlock {
	left:0;
	list-style-position:inside;
	position:absolute;
	top:0;
}
#galleries .thumbs .scrollingBlock > li {
	width:698px;
	float:left;
}
#galleries .thumbs .scrollingBlock ul {
	width:100%;
	overflow:hidden;
}
*/
#galleries .thumbs ul {
	overflow:hidden;
}
#galleries .thumbs ul li {
	width:170px;
	height:65px;
	float:left;
	margin:0 0 30px 47px;
}
#galleries .thumbs ul li  a.imageLink,
#galleries .thumbs ul li  a.videoLink {
	float:left;
	margin-right:10px;
}
#galleries .thumbs ul li  a.title {
	font-size:10px;
	text-transform:uppercase;
	display:block;
}
.freshstartAd {
	color:#ffde26;
	font-family:Verdana, Geneva, sans-serif;
}

.freshstartAdHeader {
	color:#ffde26;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}