@charset "utf-8";

/* =Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

/* =Elements */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	margin-bottom:10px;
}



/* =Divs */
#wrapper {
	width:950px;
	margin:0px auto;
}

#landing_page #subnav {
	background:transparent url(../../images/landing_page/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}

#main {
	width:950px; /* height is variable; defined inline */
}

#callouts {
	width:950px;
	height:135px;
	_width:953px; /* hacks for our most beloved ie6 */
	_position:relative;
	_top:-3px;
}



/* =Classes */
img.subnav {
	float:left;
	cursor:pointer;
}

.callout1, .callout2, .callout3 {
	display:inline;
	float:left;
}

#landing_page .callout2 {
	background-image:url(../../images/callout_middle.png);
	background-repeat:no-repeat;
	width:474px;
	height:135px;
	overflow:hidden;
}


#landing_page .main1 {
	background:url(../../images/bg_main.jpg) top left no-repeat;
	width:950px;
	height:369px;
	overflow:hidden;
}



/*********************************************** landing page ***********************************************/

#landing_page .callout2 {
	/*background: url(../../images/landing_page/callout_middle.png) top left no-repeat;*/
	width:475px;
	height:135px;
	overflow:hidden;
}

#landing_page .callout2 ul {
	padding:52px 190px 20px 45px; 
	list-style-image:url(../../images/landing_page/arrow.png);
	list-style-position:outside;
}

#landing_page .callout2 ul li {
	margin:3px 0px;
	font-size:11px;
	line-height:13px;
	color:#FFF;
}

#landing_page .callout2 a {
	color:#FFF;
}

#landing_page .callout2 a:hover {
	color:#a54d01;
}


.product_desc_top
{ 
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	margin-top:15px;
}

.product_desc_bottom
{
	font-size:11px;
	color:#ffffff;
}
	
/*********************************************** Hair Care Product ***********************************************/
#cv_page .callout2 {
	background:url(../../vibrant/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#cv_page #subnav {
	background:transparent url(../../vibrant/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}

/***********************************************  Bodacious brown ***********************************************/
#bb_page .callout2 {
	background:url(../../bodacious_browns/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#bb_page #subnav {
	background:transparent url(../../bodacious_browns/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px; 
}


#bb_page .callout2 ul {
	padding-top:60px;
	padding-left:60px;
	padding-right:30px;
	list-style-position:outside;
	list-style-type:disc;
}

#bb_page .callout2 ul li {
	margin:2px 0px;
	color:#e8e7e7;
	font-size:11px;
	line-height:13px;
}

 
/*********************************************** All that Shine ***********************************************/
#ats_page .callout1 {
	background:url(../../allthatshine/images/callout_left.png) top left no-repeat;
	width:235px;
	height:136px;
	overflow:hidden;
}

#ats_page .callout1 p {
	font-size:11px;
	line-height:13px;
	color:#ffffff;
	margin:65px 25px 0px 25px;
}

#ats_page .callout2 {
	background:url(../../allthatshine/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#ats_page #subnav {
	background:transparent url(../../allthatshine/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}
 
#ats_page .callout2 ul {
	padding-top:60px;
	padding-left:60px;
	padding-right:90px;
	list-style-position:outside;
	list-style-type:disc;
}

#ats_page .callout2 ul li {
	margin:2px 0px;
	color:#ffffff;
	font-size:11px;
	line-height:13px;
}


/*********************************************** Highlighting ***********************************************/
#hi_page .callout2 {
	background:url(../../highlights/images/callout_middle.png) top left no-repeat;
	width:474px;
	height:136px;
	overflow:hidden;
}

#hi_page #subnav {
	background:transparent url(../../highlights/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}



/*********************************************** Hair Care Product ***********************************************/
#hcp_page .callout2 {
	width:475px;
	height:136px;
	overflow:hidden;
}

#hcp_page #subnav {
	background:transparent url(../../haircare/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}