/*---------------------------*/
/* TRESemme main             */
/* site styles               */
/* created 02-02-2007        */
/* by barb tai               */
/*---------------------------*/
/* last modified 03-02-2007  */
/* by barb tai               */
/*---------------------------*/

/*---------------------------*/
/* Global Styles - basics    */
/*---------------------------*/

body {
	font-family: Helvetica, Arial,sans-serif;
	background-color:#000000;
	color:#b2b3ab;/*b5b5b5;c9bfa9;*/
}
	
td {
	font-size:11px;
	line-height:13px;
}
	
p { 
	font-size:11px;
	line-height:13px; 
	margin:8px 0px 5px 0px !important;
}

/*---------------------------*/

	
/*-----------------------------------------*/
/* global style. on main css only          */ 
/*-----------------------------------------*/ 	
.search { 
	background-color:#48413b;
	font-size:10px;
	/*width:300px;*/
	/*padding:2px 0px 2px 0px;*/
	/*margin:2px;*/
}
/*-----------------------------------------*/





/*----------------------------------------------------------------------*/
/* don't change name, just color                                        */
/* global styles. customize color locally                               */
/*----------------------------------------------------------------------*/		
.bg-sub {background-color:#9cafc0;}

.border-footer {border-top: 1px solid #9daec0;} 

.bg-blk {background-color:#000000;}

.bg-gradient-left {
	background-image:url(/images/col-grad-bg.jpg) !important;
	background-repeat:repeat-x;
	background-color:#000000;
}
/*----------------------------------------------------------------------*/


/*	---------------------------------------------------------------------*/
/*          background color & gradient for left column for forms 		*/
/*----------------------------------------------------------------------*/
.bg-product {background-color:#262321/*7f8a96*//*635c56*/;}	

.bg-gradient-gray-left {
	background-image:url(/forms/images/col-grad-bg.jpg) !important;
	background-color:#262321;
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* don't change name, just color                                        */
/* global styles. customize color locally                               */
/*----------------------------------------------------------------------*/	
a:link,
a:visited {
	font-family: Helvetica, Arial,sans-serif;
	color: #cccdaa;/*b2b3ab*//*9cafc0*/; 
	text-decoration:none;
	}
	
a:hover,
a:active {
	color:#b2b3ab/*9cafc0*/; 
	text-decoration:underline;
	}
/*----------------------------------------------------------------------*/	
	



/*----------------------------------------------------------------------*/
/* don't change name, just color                                        */
/* global styles. customize color locally                               */
/*----------------------------------------------------------------------*/	
/*.border-footer {border-top: 1px solid #4c0000;}*/ /*<--update*/
.border-section-main{border-top: 1px solid #9daec0;} /*<--update*/
.hort-dotted-line{ border-top: 1px dotted #333333/*9daec0*/;} /*<--update*/
.hort-dotted-line-bottom{ border-bottom: 1px dotted #333333/*9daec0*/;} /*<--update*/
.vert-dotted-line-left{border-left: 1px dotted #333333/*9daec0*/;} /*<--update*/
.hort-solid-line-bottom { border-bottom: 1px solid #333333;}
.hort-solid-line-top { border-top: 1px solid #333333;}
		
		
/* border Styles */	
td.border-sub {border-right:1px solid #000000;}
/*td.border-top{border-top: 1px solid #9daec0;}
td.border-dotted-h{border-top: 1px dotted #9daec0;}
td.border-beige-dotted{border-bottom: 1px dotted #9daec0;}*/
/*----------------------------------------------------------------------*/





/*----------------------------------------------------------------------*/
/* global style. on main css only                                       */  
/* product index pages/results pages: displaying products in thumb size */
/* paddings separating products image on product index pages and results*/
/*----------------------------------------------------------------------*/
.products-index {
	padding: 0px 5px 0px 5px;
}

div.prod-index {margin:5px 0px 0px 0px;}
/*--------------------------------------------------------------------*/





/*--------------------------------*/
/* global style. on main css only */ 
/* Padding Styles                 */
/*--------------------------------*/
.padding-breadcrumbs {padding-right:25px; padding-bottom:3px;}	
.padding-thumb {padding:0px 3px 0px 5px !important;}
	
.padding-right-5 {padding-right:5px;}
.padding-right-10 {padding-right:10px;}
.padding-right-15 {padding-right:15px;}

.padding-left-5 {padding-left:5px;}
.padding-left-10 {padding-left:10px;}
.padding-left-15 {padding-left:15px;}

.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}

.padding-top-5 {padding-top: 5px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}


.gutter-nav-header {height:15px;}
.gutter-hort-10 {height:10px;}
.gutter-hort-15 {height:15px;}
.gutter-hort-20 {height:20px;}
/*--------------------------------*/





/*-------------------------------------------------------------------*/
/* global styles for position and rest. on main css only             */ 
/* Change color locally                                              */ 	
/* h tags Styles                                                     */	
/*-------------------------------------------------------------------*/
h1{	font-size:15px;   /*special case: change to 14px locally for 2-line head (anti-breakage)*/
	font-weight:normal !important;
	color: #9cafc0/*c9bfa9*/;
	letter-spacing:.10em;
	margin:0px 0px 0px 0px!important;
	padding:0px 0px 5px 0px!important;
	line-height: 18px;
	}
	
h2{ font-size:12px;
	font-weight:normal !important;
	color: #9cafc0/*c9bfa9*/ !important;
	text-transform:uppercase;
	margin:0px !important;
	padding:0px 0px 5px 0px!important;
	}


h3{ background: #780808;
	font-size:13px;
	font-weight:normal !important;
	color: #9cafc0/*c9bfa9*/;
	text-transform:lowercase;
	margin:0px 0px 5px 0px!important;
	padding:3px 0px 3px 5px!important;
	}
	
	
.section-title {
	font-size:13px;
	text-transform:lowercase;
	padding-bottom:6px;
}



.page-title {
	font-size:16px;
	line-height:19px;
	font-weight:normal;
	color: #9cafc0;
	text-transform:uppercase;
	letter-spacing:.1em;
	padding:15px 0px 5px 0px!important;
}


.title{
	font-size:13px;
	color: #9cafc0;
	text-transform:none;
	padding:0px 0px 15px 0px!important;

}
/*-------------------------------------------------------------------*/






/*-------------------------------------------------------------*/	
/* global style. To customize, make a duplicate on section css */ 
/*-------------------------------------------------------------*/
.alsotry-text{
            font-size: 9px;
            color:#b2b3ab/*cccdaa*/; /* beige */
            text-transform:lowercase !important;
            padding-bottom:5px;
}
 
.alsotry-header {
            font-size: 10px;
            color:#cccdaa;
            text-transform:lowercase !important;
}
/*-------------------------------------------------------------*/






/*-------------------------------------------------------------*/
/* global style. To customize, make a duplicate on section css */ 
.text {padding-bottom: 15px;}
.text-white {color:#ffffff !important;}
/*-------------------------------------------------------------*/





/*-------------------------------------------------------------*/
/* global style. To customize, make a duplicate ons ection css */
/*-------------------------------------------------------------*/
td.padding-number{padding-right:10px !important;}	
/*-------------------------------------------------------------*/






/*-------------------------------------------------*/
/* local style. To make changes: go to section css */ 
/*-------------------------------------------------*/
span.number {
	font: 24px Arial, Helvetica, sans-serif;
	color:#9cafc0/*da2327*/;
	line-height:24px;
	margin-top:10px 0px 0px 0px !important;
	}
	
		
span.number-small {
	font: 16px Arial, Helvetica, sans-serif;
	color:#9cafc0/*da2327*/;
	line-height:24px;
	margin-top:10px 0px 5px 0px !important;
	}	
/*--------------------------------------------------*/	
	


	

/*--------------------------------------------------*/	
/* on-state of this class is global.                */ 
/* To customize, make a duplicate on section css     */ 
/*--------------------------------------------------*/
.smalltext,	
a.smalltext:link,
a.smalltext:visited {
	font: 9px Arial, Helvetica, sans-serif;
	color:#b2b3ab/*cccdaa*/;
	text-transform:lowercase;
	text-decoration:none;
	padding:12px 0px 13px 0px;
	letter-spacing:1px;
}

/* hover state of this class is local. Color is different on each section.*/ 
/*To make changes: go tosection css*/ 	
a.smalltext:hover,
a.smalltext:active {
	color:#da2327;
	text-decoration:underline;
}
/*--------------------------------------------------*/


	

/*-------------------------------------------------------------*/	
/* global style. To customize, make a duplicate on section css */ 
/*-------------------------------------------------------------*/
span.lowercase {text-transform:lowercase !important;}
.cap {text-transform:uppercase !important;}	
/*-------------------------------------------------------------*/
	



/*-------------------------------------------------------------*/	
/* global style. To customize, make a duplicate on section css */ 
/*-------------------------------------------------------------*/
.text-large { 
	font-size:13px; 
	font-weight:100;
	line-height: 17px;
	color:#d0d8e3; /*<--update*/
}
/*-------------------------------------------------------------*/




/*--------------------------------------------------------*/	
/* main nav                                               */
/* global style. DO NOT duplicate on section css          */ 
/*--------------------------------------------------------*/
.mainnav,
a.mainnav:link,
a.mainnav:visited {
	font-size:10px;
	font-weight:normal;
	color: #ffffff;
	text-transform:uppercase;
	letter-spacing:.1em;
	text-decoration: none;
	padding-bottom:3px;
	}
	
a.mainnav:hover,
a.mainnav:active {
	color:#b5b5b5;
	text-decoration:underline;
	}
/*--------------------------------------------------------*/	
	
	
	
	
/*-----------------------------------------------------------*/		
/* sub nav   -  normal & visited                             */
/* Take extra cautions on these styles                       */
/* DO NOT duplicate the normal & visit states on section css */ 
/* hover & active colors are the modified locally            */
/*-----------------------------------------------------------*/	
.subnav-care,
a.subnav-care:link,
a.subnav-care:visited,
.subnav-styling,
a.subnav-styling:link,
a.subnav-styling:visited,
.subnav-color,
a.subnav-color:link,
a.subnav-color:visited,
.subnav-heat,
a.subnav-heat:link,
a.subnav-heat:visited,
.subnav-moisture,
a.subnav-moisture:link,
a.subnav-moisture:visited,
.subnav-curl,
a.subnav-curl:link,
a.subnav-curl:visited,
.subnav-naturals,
a.subnav-naturals:link,
a.subnav-naturals:visited,
.subnav-instant-refresh,
a.subnav-instant-refresh:link,
a.subnav-instant-refresh:visited,
.subnav-curls,
a.subnav-curls:link,
a.subnav-curls:visited,
.subnav-sleek,
a.subnav-sleek:link,
a.subnav-sleek:visited,
.subnav-anti-breakage,
a.subnav-anti-breakage:link,
a.subnav-anti-breakage:visited,
.subnav-volume,
a.subnav-volume:link,
a.subnav-volume:visited,
a.subnav-electricals:link,
a.subnav-electricals:visited,
a.subnav:link,
a.subnav:visited {
	background-color:#e0e0de;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	display:block; 
	text-transform:uppercase;
	text-decoration: none;
	line-height:20px;
	}
/*-----------------------------------------------------------*/




/*-----------------------------------------------------------*/		
/* sub nav - hover & active                                  */
/* Take extra cautions on these styles                       */
/* DO NOT duplicate the normal & visit states on section css */ 
/* hover & active colors are the modified locally            */
/*-----------------------------------------------------------*/	

a.subnav-care:hover,
a.subnav-care:active {
	background-color:#a7256c; /*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
	}
	
a.subnav-styling:hover,
a.subnav-styling:active {
	background-color:#dc8eb8;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}	

a.subnav-color:hover,
a.subnav-color:active {
	background-color:#991701;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}	

a.subnav-heat:hover,
a.subnav-heat:active {
	background-color:#852124;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}
	
a.subnav-moisture:hover,
a.subnav-moisture:active {
	background-color:#207396;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}	

a.subnav-curl:hover,
a.subnav-curl:active {
	background-color:#669900;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}

a.subnav-naturals:hover,
a.subnav-naturals:active {
	background-color:#3A8419;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}

a.subnav-instant-refresh:hover,
a.subnav-instant-refresh:active {
	background-color:#D9D204;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}

a.subnav-curls:hover,
a.subnav-curls:active {
	background-color:#669900;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}	
	
a.subnav-sleek:hover,
a.subnav-sleek:active {
	background-color:#008684;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	text-decoration:underline;
}	
	
a.subnav-anti-breakage:hover,
a.subnav-anti-breakage:active {
	background-color:#735e94;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}	

a.subnav-volume:hover,
a.subnav-volume:active {
	background-color:#990066;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}	

a.subnav-electricals:hover,
a.subnav-electricals:active {
	background-color:#bf8d00;/*to update this color, you need to make the changes on both main and individual section*/ 
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

a.subnav:hover,
a.subnav:active {
	color: #996600; 
	text-decoration:underline;
}
/*--------------------------------------------------------*/	




	
/*--------------------------------------------------------*/
/* sectin main nav                                        */
/* global style. DO NO duplicate this style on section css*/

.section-main,
a.section-main:link,
a.section-main:visited {
	font-size:9px;
	font-weight:normal;
	color: #b5b5b5/*9cafc0*/;
	text-transform:uppercase;
	letter-spacing:.1em;
	text-decoration: none;
	margin-top: 0px !important;
	/*padding-bottom:8px;*/
	}
	
a.section-main:hover,
a.section-main:active {
	color:#b5b5b5/*9cafc0*/;
	text-decoration:underline;
	}
/*--------------------------------------------------------*/
	



/*--------------------------------------------------------*/
/* breadcrumbs                                            */
/* global style. DO NO duplicate this style on section css*/
.breadcrumbs,
a.breadcrumbs:link,
a.breadcrumbs:visited {
	font-size:9px;
	font-weight:normal;
	color:#858585;
	text-transform:lowercase;
	letter-spacing:.2em;
	text-decoration: none;
	padding-bottom:5px;
}
	
a.breadcrumbs:hover,
a.breadcrumbs:active {
	color:#b5b5b5;
	text-decoration:underline;
}
/*--------------------------------------------------------*/

	
	
	
/*-----------------------------*/	
/* prod-link should be local   */
/*-----------------------------*/	
a.prod-link:link,
a.prod-link:visited  {	
	color:#9cafc0; /*c6191f*/
	text-decoration:none;
}
	
a.prod-link:hover,
a.prod-link:active{ 	
	color:#9cafc0;/*c6191f; */
	text-decoration:underline;
}	
		
.product-name,
a.product-name:link,
a.product-name:visited {
	font-size:13px;
	color:#9cafc0/*da2327*/;
	text-transform:uppercase;
	padding:0px 0px 10px 0px!important;
	letter-spacing:1px;
	text-decoration:none;
}

a.product-name:hover,
a.product-name:active {
	color:#9cafc0/*da2327*/;
	text-decoration:underline;

}
/*-----------------------------*/	
	

.product-text {
	font: 11px Arial, Helvetica, sans-serif;
	color:#cccdaa;
	padding-bottom:5px;
}



/*--------------------------------------------------------*/
/* copyright                                              */
/* global style. DO NO duplicate this style on section css*/
/*--------------------------------------------------------*/		
.copyright,
a.copyright:link,
a.copyright:visited {
	font-size:10px;
	font-weight:normal;
	color: #858585;
	text-decoration: none;
	padding-top:2px;
	}
	
a.copyright:hover,
a.copyright:active {
	color: #b5b5b5;
	text-decoration:underline;
	}
/*--------------------------------------------------------*/





/*--------------------------------------------------------*/
/* bullets                                                */
/* change positioning globally                            */	
/* swapping bullet graphic locally                        */
/*--------------------------------------------------------*/	
.bullets {
	background-image:url(/images/bullet-3.gif) !important; /*<--undpate--*/
	background-position: top;
	background-repeat:no-repeat;
}


.bullets-large {
	background-image:url(/images/bullet.gif); /*<--undpate--*/
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	width:20px;
}
/*--------------------------------------------------------*/





/*--------------------------------------------------------*/
/* 'watch this video'  box and button                     */
/* global style                                           */	
/*--------------------------------------------------------*/
.text-blk {color:#000000 !important;}

.box-watch-video{
	border:1px solid #333333/*656952*/; 
	width:240px;
}

.box-watch-video-thumb{
	border:1px solid #333333/*656952*/; 
	width:217px;
}

.line-height {
	line-height:9px !important;
}

.btn-watch-video,
a.btn-watch-video:link,
a.btn-watch-video:visited {	
	background-color:#b2b3ab/*cccda3*/;
	color:#000000; 
	font-size:9px;
	font-weight:bold;
	margin:8px 5px 0px 0px; 
	text-align:center;
	text-decoration:none;
	text-transform:lowercase; 
}


a.btn-watch-video:hover,
a.btn-watch-video:active{	
	text-decoration:underline;
}	
/*--------------------------------------------------------*/




/*--------------------------------------------------------*/
/* 'solutions bar colors'                                 */
/*  used on solutions page, stylist's corner, and site map
/*  global style                                          */	
/*--------------------------------------------------------*/

.color-care {background-color:#a7256c;}
.color-styling {background-color:#dc8eb8;}
.color-color {background-color:#991701;}
.color-heat {background-color:#852124;}
.color-moisture {background-color:#207396;}
.color-curl {background-color:#669900;}
.color-instant-refresh {background-color:#D9D204;}
.color-naturals {background-color:#3A8419;}
.color-curls {background-color:#669900;}
.color-sleek {background-color:#008684;}
.color-anti-breakage {background-color:#735e94;}
.color-volume{background-color:#D5504B;}
.color-electricals {background-color:#bf8d00;}

/*---------------------------------------------------------*/




/*---------------------------------------------------------*/
/*---------------- Sitemap styles -------------------------*/
/*---------------------------------------------------------*/
.sitemap-level-1 {
	font-size:9px;
	font-weight:normal !important;
	color: #cccdaa/*c9bfa9*/ !important;
	text-transform:uppercase;
	margin:0px !important;
	padding:0px 0px 0px 0px!important;
	letter-spacing: .1em;
	line-height: 12px;		}


.sitemap-level-2 {
	font-size:9px;
	font-weight:normal !important;
	color: #9cafc0/*c9bfa9*/ !important;
	text-transform:lowercase;

	padding-bottom:5px;
	letter-spacing: 0em;
	display:block;		}