body {
	margin: 0px;
	padding: 0px;
	background:#fff;
	font:12px Geneva, Arial, Helvetica, sans-serif;
}
p {
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#333;
}

.havejs .innerflash {display:none;}
.havejs object .innerflash {display:visible;}

img	{display: block;}
td	{vertical-align: top;color:#494949;width: 75px;padding:0 0 0 10px;}
td img	{margin: 0 0 5px 0;}
table	{clear: both;float: right;}

a	{color:#ce0000;text-decoration:underline;}
a:hover	{text-decoration:none;}

hr.red	{
	margin:10px;
	width: 705px;
	height: 1px;
	border-top: 1px dashed #c00;
	border-bottom: none;
	border-left: none;
	border-right: none;
	float: left;
	clear: both;
	}	

#wrapper {
	width: 725px;
	margin: 0px auto;
}
#header{
	background:#fff url(../files/top.gif) no-repeat 0 10px;
	margin-bottom:5px;
}
#content {
	margin:20px 0 45px 0;
	width: 725px;
	border-bottom:1px solid #fff;
	background: url(../files/leftbg.gif) repeat-y;

}

#content form {	
	border:0px;
	margin:0px;
	padding:0px;
}

#footer {
	background: #E1E1E1 url(../files/leftfooter.gif) no-repeat 0px 0px;
	height:31px;
	display:block;
	margin:0 0 25px 0;
	padding:0 0 0 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	clear: both;
}

#logo {
	background: url(../files/logo.gif) no-repeat 0 0;
	height: 51px;
	width: 155px;
	float: left;
	margin:40px 0 0 0;
}
#flash {
	clear:both;
}
object.flash {
	margin:15px 0 15px 15px;
}
#left {
	width:200px;
	float:left;
	display:block;
	height:450px;
	min-height:470px;
}
body#home #content, body#home #contentfull {
	background-image:none;
}
#right { width:525px; float:right; }
#right-article { width:510px; float:right; }
#right-article  h1 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #666; padding:0 0 5px 0; margin:0; color:#CE0000; }


/*--------------HOME TOP NAVIGATION----------*/
#topnav_home {
	float:right;
	width:555px;
	margin:70px 0 0 0;
	padding:0;
}
#topnav_home li {
	display:inline;
	margin-left:15px;
}
#topnav_home li a{
	color:#2D2D2D;
	text-decoration:none;
	font:bold 12px Geneva, Arial, Helvetica, sans-serif;
}
/*---------END OF HOME TOP NAVIGATION--------*/

/*--------------TOP NAVIGATION----------*/
#topnav {
	float:right;
	width:570px;
	margin:68px 0 0 0;
	padding:0 0 2px 0;
	text-align:right;
	background: url(../files/menuborder.gif) no-repeat left bottom;
}
#topnavpress {
	float:right;
	width:570px;
	margin:68px 0 0 0;
	padding:0 0 2px 0;
	text-align:right;
	background: url(../files/menuborderpress.gif) no-repeat left bottom;
}
#topnavtech {
	float:right;
	width:570px;
	margin:68px 0 0 0;
	padding:0 0 2px 0;
	text-align:right;
	background: url(../files/menubordertech.gif) no-repeat left bottom;
}
#topnavcontact {
	float:right;
	width:570px;
	margin:68px 0 0 0;
	padding:0 0 2px 0;
	text-align:right;
	background: url(../files/menubordercontact.gif) no-repeat left bottom;
}
#topnavschedule {
	float:right;
	width:570px;
	margin:68px 0 0 0;
	padding:0 0 2px 0;
	text-align:right;
	background: url(../files/menuborderschedule.gif) no-repeat left bottom;
}
#topnav li, #topnavpress li, #topnavtech li, #topnavcontact li, #topnavschedule li {
	display:inline;
	margin-left:5px;
}
#topnav li a, #topnavpress li a, #topnavtech li a, #topnavcontact li a, #topnavschedule li a{
	color:#2D2D2D;
	text-decoration:none;
	padding:2px 4px;
	font:bold 12px Geneva, Arial, Helvetica, sans-serif;
}
#topnav li a:hover, #topnav li a#active  {
	background:#CE0000;
	color:#fff;
}
#topnavpress li a:hover, #topnavpress li a#active {
	background:#009BF0;
	color:#fff;
}
#topnavtech li a:hover, #topnavtech li a#active {
	background:#83AF20;
	color:#fff;
}
#topnavcontact li a:hover, #topnavcontact li a#active {
	background:#2391AC;
	color:#fff;
}
#topnavschedule li a:hover, #topnavschedule li a#active {
	background:#8165C5;
	color:#fff;
}
#breadcrumbs {
	text-align:right;
	font-size:11px;
	padding:0;
	margin:0;
	display:block;
	clear:both;
}
#breadcrumbs a {
	color:#666;
	padding:0 0 0 5px;
}
/*---------END OF TOP NAVIGATION--------*/

/*--------------SIDENAV---------------- */
#left h1 { height:26px; background:#CE0000; color:#fff; margin:0; padding:3px 0 0 6px; font:normal 152% Arial, Helvetica, sans-serif; }
#left li#ul-header { height:26px; background:#CE0000; color:#fff; margin:0; padding:3px 0 0 6px; font:bold 152% Arial, Helvetica, sans-serif; }



* html ul#sidenav li {  behavior: url('csshover.htc');	}
	

ul#sidenav, ul#sidenav ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	width: 200px;
	border-bottom: 1px solid #414042;
	border-top:1px solid #fff;
	background:#454545;
	font-size: 11px;         
	cursor: pointer;                      
	}
	
ul#sidenav ul	{	border: 1px solid #4d4d4d;}
	
ul#sidenav li {
	display: block;
	position: relative;
	color: #C9C9C9;
	background: #4D4D4D; /* IE6 Bug */
	padding:3px 5px;
	border: 1px solid #414042;
	border-bottom: 0;
	}
	
ul#sidenav li a {
	text-decoration: none;
	color: #C9C9C9;
	}

ul#sidenav li a:hover	{color: #fff; background: #636363;}
	
ul#sidenav li ul  {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border-top:0;
	}
	

	* html ul#sidenav ul { 
		display: none; 
		position: absolute; 
		top: 2px; 
		left: 194px;
		}

	ul#sidenav li > ul {  
		display: none;          
		position: absolute;     
		top: 2px;              
		left: 199px; 
		border: 1px solid #000;              
		}

	* html ul#sidenav li ul li ul {		
		display: none; 					
		position: absolute; 				
		top: 2px;							
		left: 194px;   
		}

	ul#sidenav li ul li > ul {		
		display: none; 					
		position: absolute; 				
		top: 2px;							
		left: 199px;	   
		}


ul#sidenav li:hover, ul#sidenav li.CSStoHighlight {color: #fff; background: #636363;}
																		
ul#sidenav ul.CSStoShow {  display: block;}							

ul#sidenav li:hover > ul {display: block; }

ul#sidenav #header {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #636363; /* IE6 Bug */
	margin: 0 0 -3px 0;
	padding:3px 5px;
	border: 1px solid #414042;
	border-bottom: 0;
	font-weight:bold;
	}



/*------------END OF SIDENAV-----------*/

/*--------------ARTICLE_BOTTOM_NAV-------------*/

#article_bottom_nav{
	margin:0;
	padding:0 0 10px 0;
	list-style-type: none;
	width: 100%;
	font-size: 11px;         
	text-align:center;
	line-height:1.7em;                    
	}
	
	
ul#article_bottom_nav li {display:inline; 
		color: #4D4D4D;  }

	
ul#article_bottom_nav li a {white-space:nowrap;	text-decoration: none;	color: #4D4D4D;	padding:3px 5px; border-right:1px solid #cacaca;}
ul#article_bottom_nav li.last a {border:0;}	
ul#article_bottom_nav li a:hover	{color:#CE0000; text-decoration:underline;}

/*------------END OF ARTICLE_BOTTOM_NAV-----------*/


/*--------------NEWSLETTER--------------*/
#newsletter1 {
	background:#D2D2D2;
	font-size:11px;
	width:200px;
}

#newsletter1 h1 {
	font-size:130%;
	font-weight:normal;
	color:#fff;
	background: url(../files/newstop.gif) no-repeat;
	height: 55px;
	text-align:center;
	padding:10px 0 0 0;
	margin:0;
}
#newsletter1 h1 span {
	color:#662D91;
	font-size:125%;
	display:block;
	letter-spacing: -1px;
}
#newsletter1 p {
	padding:0 6px;
	margin:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#newsletter1 form {
	padding:8px 6px 12px 6px;
	background: url(../files/newsbt.gif) no-repeat center bottom;
}
#newsletter1 form label{
	display:block;
	color: #666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:4px 0 0 0;
}
#newsletter1 form input, #newsletter1 form select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width:175px;
	background:#fff;
}
#newsletter1 form input.button {
/*	background:#fff;
	color:#D20000;
	border:0;
*/
	width:65px;
	height:20px;
	margin:10px 0 10px 110px;
	font:12px Arial, Helvetica, sans-serif;
}
/*------------END OF NEWSLETTER---------*/

#storelocator {
	height:38px;
	padding:22px 0 0 0;
	background: url(../files/findstore.gif) no-repeat;
	color:#fff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
}
#storelocator span {
	font-size:9px;
}

#storelocator a {
	display:block;
	text-decoration: none;
	color: #fff;
}

/*-----------FEATURED ITEM------------*/
#featured {
	padding:0 0 0 11px;
}
#featured h1{
	color:#CE0000;
	font-size:190%;
	font-weight:normal;
	padding:0 0 3px 0;
	margin:0 20px 10px 11px;
	border-bottom:1px solid #B7B7B7;
}
div.featuredproduct {
	float:left;
	width:215px;
	text-align: center;
}
div.featuredproduct img {display: block;margin:5px auto;}
#featuredtext {
	float:right;
	padding-left:5px;
	width:250px;
	color:#494949;
}
#gems_02 #featured {padding-left:135px; }
#gems_02 #featuredtext {float:left; }
#gems_02 #right {overflow:hidden; }
#gems_02 #right ul {width:300px; }
#featuredtext h2, #instructions h2 {
	color:#CE0000;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}


ul#features {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
.indented {
	padding-left:12px;
}
ul#features li {
	background: url(../files/bt.gif) no-repeat 0 4px;
	padding: 0px 0px 0px 12px;	
	margin:6px 0 0 0;
}


* html ul.attributes li {  behavior: url('csshover.htc');	}


ul.attributes {
	list-style:none;
	padding:0 0 0 12px;
	margin:0;
}
ul.attributes li  {
	display:block;
	float: left;
	margin:0 15px 15px 0;
	position:relative;
	z-index: 10;
}
ul.attributes li a img {
	border:1px solid #CFCFCF;
}
ul.attributes li a span {
	display:none;
}
ul.attributes li a:hover span {
	display:block;
	position:absolute;
	z-index:50;
	top:65px;
	left: 0;
	color:#636363;
	width:140px;
	background:#E9E9E9;
	padding:7px;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}


p.productheading {
	color:#B16333;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;   
	margin:0 0 35px 0;
	padding:0;
}



p.productheading .main_extra {color: #CC0000;}

p.productheading .main_bold {font-weight: bold;}


#productlist {
	list-style:none;
	margin:25px 0;
	padding:0;
}
a.shades {
	color:#CE0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#product_list li	{	list-style-type: disc;margin: 0 0 0 15px;}
	
#product_list li a {
	text-decoration: none;
	color: #999;
	}
#product_list li a:hover {color:#CE0000;}

#productchain  {
	clear:both;
	padding:0;
	border:1px solid #fff
}
#productchain h2{
	background:#8B8B8B;
	padding:3px 0 0 10px;
	color:#fff;
	height:22px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#productchain h3 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #666; padding:0 0 5px 0; margin:0; color:#CE0000; }

#productchain div.product {
	float:left;
	width:120px;
	height: 225px;
	text-align:center;
	background: url(../files/circle.gif) no-repeat 52px 0;
}
#productchain ul {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #666;
}
#productchain li.prodtype {
	float:left;
	width:120px;
	text-align:center;
	padding:15px 0 30px 0;
}
#productchain div.product span.number {
	width:120px;
	display:block;
	padding:2px 0 15px 0px;
	text-align:center;
	color:#fff;
}
#productchain li.prodtype a span, #productchain ul#brands li a span {
	display:block;
	width:120px;
}
#productchain div.product a.title, #productchain li.prodtype span.title  {
	width:90px;
	display:block;
	padding:10px 15px 0 15px;
	color:#666;
	font-size:11px;
	cursor: pointer;
	text-decoration:underline;
}
#productchain div.product a img, #productchain li.prodtype a img, #productchain ul#brands li a img {
	border:none;
	margin:auto;
}
#productchain ul#brands {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}
#productchain ul#brands li {
	float:left;
	width:125px;
	text-align:center;
	padding:0 0 30px 0;
}
#productchain ul#brands li span {
	height:130px;
}
#productchain ul#brands li span.desc {
	width:95px;
	display:block;
	padding:5px 15px 0 15px;
	font-size:11px;
	height:30px;
	color:#666;
	font-style:italic;
	text-decoration:none;
}
#productchain ul#brands li span.title {
	background:#8D8D8D;
	color:#fff;
	width:95px;
	display:block;
	padding:5px 15px 0 15px;
	font-size:11px;
	height:20px;
	text-decoration:none;
}
.brand {
	padding:0;
	margin:0 0 20px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	text-align:justify;
}
.brand img {
	float:left;
	margin:0 10px 20px 0;
}
dl#press {
	margin:0;
	padding:5px 0 10px 0;
}
dl#press dt, dl#press dt.clear  {
	background:#454545;
	color:#fff;
	display:block;
	padding:3px;
	height:16px;
	position:relative;
	text-align:center;
	font-weight:bold;
	clear:both;
}
dl#press dt.clear  {background: none;color: #000;text-align: left;margin:0;font-size: 22px;padding:5px;}

dl#press dt a.prev {
	display:block;
	width:22px;
	position:absolute;
	top:0;
	left:0;
	height:22px;
	background: #0192DE url(../files/arrowleft.gif) no-repeat 8px 7px;
	border-right:2px solid #fff;
}
dl#press dt a.next {
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
	background: #0192DE url(../files/arrowright.gif) no-repeat 9px 7px;
	border-left:2px solid #fff;
}
dl#press dd {
	width:180px;
	height: 300px;
	float:left;
	padding:20px 0 0 0;
	margin:0;
}
dl#press dd span {
	color:#333333;
	display:block;
	padding:0;
	font:11px Geneva, Arial, Helvetica, sans-serif;
}

/*------extraordinary--------*/
#extraordinary #content {margin-bottom: 10px; }
#techniques_title {width: 100%; border-bottom: 1px solid #654585; padding:0 0 5px 0; margin:0;}
.sub_title {color: #4D4D4D; margin-top: 3px; display: block; margin-bottom: 8px;}
#techniques_box {width: 500px; margin: 0; padding: 10px 0 10px 10px; color: #fff; font-size: 11px; height: auto; float: left;}
.extraordinary {background-color: #B398C3; width: 520px;}
.extraordinary a img {border:0;}

#techniques_box #box1_1 {float: left; width: 254px; padding-left: 15px}
#techniques_box #box1_2 {float: left; width: 40%;}
#techniques_box #box1_3 {clear: both; width: 511px; height: 202px; background:transparent url(../files/tech_ex3.jpg) no-repeat; margin:7px 0 0 -2px; padding:125px 0 0 20px;}
#techniques_box #box1_3 {margin-left: 4px;}
#techniques_box img {padding-bottom: 7px;}
#techniques_box #box1_4 {padding:0;}
#techniques_box #box1_4_1 {float: left; width: 240px;}

#techniques_box #box1_4_2 {float: left; width: 240px; }
#techniques_box .numbers { float: left; padding: 0 3px; margin:0; height:40px; color: #19226D; font:bold 45px Helvetica, Tahoma, Arial, sans-serif;}
#box1_4_1 #level_1_1 { height:128px; }
#box1_4_1 #level_1_1, #box1_4_1 #level_1_2, #box1_4_1 #level_1_3, #box1_4_2 #level_1_4, #box1_4_2 #level_1_5 {margin-bottom: 20px; padding:10px 23px 10px 0;}
#box1_4_1 #level_1_1 strong {color: #19226D; display: block; padding-top: 6px;} 
#box1_4_1 img, #box1_4_2 img {float: left; margin: 6px; }
#box1_4_1 #pad_left, #box1_4_2 #pad_left {margin-left: 79px; }
#box1_4_2 #level_1_4 {min-height: 100px; margin-top: 0;}

#extraordinary table.center_table {padding:0; margin:5px 0; float:left}

#extraordinary table.center_table td strong {clear: both;  display: block; padding-top:7px;  }

#extraordinary table.center_table ul {list-style: none; display: block; padding: 0; margin:10px 0 10px 0; }

#extraordinary table.center_table li {list-style: none; display: block; float:left; width: 145px; margin-left: 10px; padding:0; font-size:10px;}
* html #extraordinary table.center_table li {margin-left: 7px;}

#extraordinary table.center_table img {padding:0 !important; margin:0;}
#extraordinary table.center_table tr {padding:0 !important; margin:0;}
#extraordinary table.center_table td {padding:0;width: 100%; margin:0; color: #fff;}

#tech_products_ex { display: block; clear: both; padding:0 10px;}

#timing {float: left;clear: left;}
* html #timing {float: left;clear: left; margin-left: 10px; }

/*------intense_red--------*/
#intense_red #content {margin-bottom: 10px; }
#wrapper {margin-bottom: 10px; padding:0; }
#intense_red #tech3 {color: #B72A25;}
#intense_red #techniques_box {width: 100%; height: auto; margin:0; padding: 0; color: #fff; font-size: 11px; height: auto; float: left;}
#intense_red .intense_red {background-color: #C8433E;}
#intense_red #box1_1 { margin-right: 7px; margin-top: 7px; width: 250px;}
#intense_red #box1_2 { margin: 7px 0 10px 10px;}
#intense_red #box2_3 {clear: both; width: 488px; height: 184px; background:transparent url(../files/texh_in3.gif) no-repeat; margin:7px 0 0 9px; padding:0;  }
#intense_red #box2_3 div { width: 39%; float: left; margin-top: 10px; margin-left: 9%; display: inline; }
#intense_red #box2_3 div img { float: left;  margin-right: 15px; border: 0; }
#intense_red #box2_3 div p { width: 60%; color: #fff; float: left; padding-top: 20px; position:relative;}


#intense_red #box1_4 { margin-top: 8px;}
#intense_red #box1_4_1 { width: 250px; padding:0; margin: 0 8px 0 8px;}
#intense_red #box1_4_2 { width: 200px; }

#intense_red #box1_4_1 #level_1_2 { clear: both; margin-top: 10px; }
#intense_red #box1_4_2 #level_1_4 { margin: 0px 0 0 5px; }
#intense_red #box1_4_1 #level_2_1 {  margin-left: 9px; padding:10px 23px 10px 0;}
#intense_red #box1_4_1 #level_2_1 img { margin:6px 6px 5px 6px; }

#intense_red #box1_4_1 #level_2_1 strong { display: block; padding-top: 6px;} 
#intense_red .numbers { color: #9D140F; }


#intense_red #timing {float: left;clear: left;margin-left: 10px; margin-bottom: 10px;}
* html #intense_red #timing {float: left;clear: left;  }

/*------ready--------*/
#ready #content {margin-bottom: 10px; }
#ready #tech3 {color: #137895;}
#ready #techniques_box {width: 500px; height: auto; margin:0; padding: 0 0 0 10px; color: #fff; font-size: 11px; text-align:left}
#ready .ready {background-color: #2496B6; }
#ready #box1_1 { margin-right: 7px; margin-top: 7px; width: 217px; padding-right: 30px;}
#ready #box1_2 { margin-top: 7px;}
#ready #box1_1 img {margin: 0;}
#ready #box1_1 strong { display: block;}
#ready #box1_2 img {margin-right: 7px;}
#ready #box3_3 {height: 1px; clear: both; overflow:hidden}

#ready #box3_3 span {display: block; position: absolute; top: 113px; left: 8px;}
#ready #box1_4 { margin:0; padding:0;height:300px; position:static; clear:both;}
#ready #box1_4_1 { }
#ready #box1_4_1, #ready #box1_4_2 { margin-top: 10px; padding:0 0 0 5px; float:left;width: 235px; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; }
span.img { float:left; display:block;}
#ready #level_1_5 span.img { width:70px; height:150px;}
#ready #level_3_1 { height:120px; padding:10px 23px 10px 0;}
#ready #level_3_1 img {float: left; margin-top:0; margin-bottom:0}
#ready #level_3_1 span img { clear: both; float: left;}
#ready #level_3_2 {cLear: both; padding:10px 23px 10px 0;}
#ready #level_1_4  {width: 240px;  height:100px;}
#ready #level_1_5  {width: 240px; }
#ready #level_3_2 img {padding: 0 5px 130px 0;}
#ready #level_1_4 img{padding: 0 5px 70px 0;}
#ready .numbers {color: #71D0EB;}

#ready table.center_table {  padding:0;margin:5px 0; float:left;}

#ready table.center_table td strong {clear: both;  display: block; padding-top:10px;  }
#ready table.center_table ul {list-style: none; display: block; padding: 0; margin:10px 0 10px 0; }
#ready table.center_table li {list-style: none; display: block; float:left; width: 145px; margin-left: 10px; padding:0;}
* html #ready table.center_table li {margin-left: 7px;}

#ready table.center_table img {padding:0 !important; margin:0; border: 0;}
#ready table.center_table tr {padding:0 !important; margin:0;}
#ready table.center_table td {padding:0;width: 100%; margin:0; color: #fff;}


h1.tech {
	color:#83AF20;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	padding:0;
}
h1.contact {
	color:#2391AC;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	padding:0;
}
h1.schedule {
	color:#8165C5;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	padding:0;
}
h3#tech {
	color:#83AF20;
}
h3#tech3 {
	color:#654585;
	border:0;
	margin:0 0 0px 0;
	padding:0;
}

h3#tech3 span {font-weight: normal; font-size: 84%;}

h1#tech2 {
	height:26px;
	background:#83AF20;
	color:#fff;
	margin:0;
	padding:3px 0 0 6px;
	font:normal 152% Arial, Helvetica, sans-serif;
	border-bottom: 0px solid white;
}
p.tech {
	margin:0;
	padding:0;
	font-size:11px;
}
p.tech2 {
	width:280px;
}
div.techitem { display:block; width:228px; float:left; margin:10px 19px 30px 0; }
img.techitem {
	float:left;
	margin:0 15px 10px 0;
	border: none;
}
#last {
	margin-right:0;
}
div.techitem h2 {
	color:#83AF20;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform: uppercase;
}
div.techitem span.content {
	background:#E1E1E1;
	border:1px solid #5E5E5E;
	border-width:0 1px;
	width:208px;
	height:180px;
	padding:13px 8px 10px 10px;
	display:block;
	font:11px Tahoma, sans-serif;
	text-align:left;
	color:#000;
}
div.techitem span.content strong {
	text-align:left;
	padding-bottom:0px;
	display:runin;
}
div.techitem span.end {
	background: url(../files/techbt.gif) no-repeat 0px 0px;
	width:212px;
	padding:4px 3px 0 13px;
	display:block;
	font-size:11px;
	height:21px;
	color:#fff;
	position:relative;
}
div.techitem span.end a {
	color:#7BAE00;
	text-decoration:none;
	position:absolute;
	right:8px;
}
dl#stepselect {
	margin:0;
	padding:0 0 15px 0;
	font-size:14px;
	height:24px;
}
dl#stepselect dt {
	display:block;
	float:left;
	background:#7D7D7D;
	height:23px;
	width:145px;
	color:#fff;
	padding:6px 5px 0 10px;
}
dl#stepselect dd {
	float:left;
	margin:0 0 0 5px;
	height:23px;
	width:29px;
	text-align:center;
}
dl#stepselect dd a{
	padding:6px 0 0 0;
	background:#9E9E9E;
	display:block;
	height:23px;
	width:29px;
	color:#fff;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;	
}
dl#stepselect dd a:hover, dl#stepselect dd a#active {
	background:#7BAE00;
}
div#questions {
	background: #D2D2D2 url(../files/form2bt.gif) no-repeat left bottom;
	float:left;
	width:257px;
	height:290px;
	margin:10px 0 0 35px;
	padding:0 0 20px 0;
}
div#questions p {
	padding:0 15px 0 25px;
}
div#questions h2 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#2092AB;
	background: #D2D2D2 url(../files/form2top.gif) no-repeat 0px 0px;
	margin:0 0 20px 0;
	padding:18px 0 12px 25px;
}
div#questions a {
	color:#2092AB;
}
dl#schedule {
	margin:10px 0;
	padding:0;
	width:479px;
	font-size:11px;
	color:#333;
	float:left;
}
dl#schedule dt {
	margin:0 0 3px 0;
	padding:2px 0 0 5px;
	width:60px;
	float:left;
	display:block;
	height:63px;
}
dl#schedule dd {
	margin:0 0 3px 2px;
	padding:2px 0 0 5px;
	width:180px;
	float:left;
	display:block;
	height:63px;
}
dl#schedule dd.event {
	width:220px;
	font-weight:bold;
}
dl#schedule dd.grey, dl#schedule dt.grey {
	background:#eee;
}



img	{display: block;}
ul.hair_swatch	{clear: both;width: 500px;margin:25px 0 0 0;padding:0;}
.hair_swatch li	{list-style-type: none;vertical-align: top;color:#494949;width: 75px;height: 160px;padding:0 0 0 10px;float: left;}
.hair_swatch li img	{margin: 0 0 5px 0;}
.hair_swatch li.clear	{clear: both;float: left;width: 450px;height:1px;}



/*-----------END OF FEATURED ITEM---------*/

/*--------------FORMS---------------*/
form#contact {
	background: #D2D2D2 url(../files/form1top.gif) no-repeat 0px 0px;
	width:430px;
	padding:20px 0 0 0;
	height:300px;
	min-height: 300px;
	height: auto !important;
	margin:10px 0 50px 0;
	font-size:11px;
	float:left;
}
form#contact div.submit {
	background: #D2D2D2 url(../files/form1bt.gif) no-repeat center bottom;	
	height:55px;
	width: 240px;
	padding:0 0 0 190px;
	display:block;
	clear:both;}
* html form#contact div.submit {
	background: #D2D2D2 url(../files/form1bt.gif) no-repeat center bottom;	
	height:55px;
	width: 255px;
	padding:0 0 0 175px;
	display:block;
	clear:both;

}
form#contact label {
	width:80px;
	display:block;
	float:left;
	padding:5px 0 0 25px;
	margin:0 0 0 0;
}
form#contact label.long{
	width:300px;
}
form#contact input, form#contact select{
	width:150px;
	display:block;
	float:left;
	margin:5px 70px 0 0;
	font-size:11px;
	background:#fff;
}
form#contact .longer {
	width:260px;
	margin:5px 20px 0 105px;
}
* html form#contact .longer {
	margin:5px 20px 0 53px;
}
form#contact textarea  {
	width:255px;
	height:100px;
	display:block;
	float:left;
	margin:5px 0 10px 0px;
	font-size:11px;
}
#contact input.button {
	width:65px;
	height:20px;
	margin:10px 0 10px 20px;
	font:12px Arial, Helvetica, sans-serif;
/*	background:#fff;
	color:#D20000;
	border:0;
	width:65px;
	height:20px;
	margin:10px 0 10px 20px;
	font:12px Arial, Helvetica, sans-serif;
*/
}
div#newsletter {
	float:left;
	width:200px;
	margin:10px 0 30px 40px;
	padding:0;
	background:#D2D2D2 url(../files/form3bt.gif) no-repeat left bottom;
}
div#newsletter h2 {
	font-size:145% ;
	font-weight:normal;
	color:#662D91;
	padding:5px 0 10px 15px;
	margin:0;
	background: url(../files/form3top.gif) no-repeat;
}
div#newsletter h2 span {
	color:#fff;
	font-size:100%;
	display:block;
}
div#newsletter p, div#newsletter form {
	padding:5px 10px;
	margin:0;
	font-size:11px;
}
div#newsletter input.button {
/*	background:#fff;
	color:#D20000;
	border:0;
*/
	width:65px;
	height:20px;
	margin:10px 0 10px 110px;
	font:12px Arial, Helvetica, sans-serif;
	clear:both;
}
div#newsletter input, div#newsletter select {
	display:block;
	font-size:11px;
	width:150px;
}
div#newsletter select {
	width:155px;
}
/*----------END OF FORMS-----------*/

/*---------------FOOTER--------------*/
#copyright {
	float:left;
	padding:8px 0 0 0;
}
#btmenu {
	float:right;
	background: url(../files/rightfooter.gif) no-repeat right 0px;
	padding:8px 15px 0 0;
	height:23px;
}
#btmenu a {
	text-decoration:none;
	color: #494949;
}
/*-------------END OF FOOTER---------*/
.cleardiv {
	clear:both;
	width:100%;
	display:block;
	font-size:1px;
	line-height:1px;
	height:1px;
} 
.techitem  a, .techitem  a img{ border: none; }

/* form styles */
span.message {display: block; margin: 6px 6px 0 6px; padding: 4px; font: normal 11px Tahoma; color: #000; border: solid 1px #000; background: #FFF;}
span.error {display: block; margin: 6px 6px 0 6px; padding: 4px; font: normal 11px Tahoma; color: #F00; border: solid 1px #F00; background: #FFF;}
form#contact div {display: none;}
form#contact p {clear: left; margin: 0; padding: 4px 25px;}
form#contact span {margin: 0 25px;}


#footer2 {
	height:20px;
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	clear: both;	
}


/* -----  Chocolate Brown Slices  -------*/
.chocolate_brown #topbox{
	background-color : #58589E;
	float: left ;
	width: 525px;
	padding-top: 8px;
	height: 250px;
}

.chocolate_brown #topbox #beforeimage{
	float: left ;
	width: 95px;	
	padding-left: 6px;
	font-family: Tahoma, Arial, Verdana;
	color: White;
	font-size: 9px;
}

.chocolate_brown #topbox #descbox{
	background-image: url(../files/chocolatebrownslices/backtopprods.png);
	float: left ;
	width: 410px;
	color: White;
	font-size: 10px;
	padding-top: 10px;
	padding-left: 8px;
	font-family: Tahoma, Arial, Verdana;
	height: 232px;
	line-height: 11px;
}

.chocolate_brown #topbox #descbox #prod1{
	float: left;
	width: 200px;
	padding-left:10px;
}
.chocolate_brown #topbox #descbox #prod1 img{	
	border: 0px;
}
.chocolate_brown #topbox #descbox #prod2{
	float: left;	
	padding-left: 64px;
}
.chocolate_brown #topbox #descbox #prod2 img{		
	border: 0px;
}
.chocolate_brown #topbox #descbox #formula{
	float: left;
	width: 380px;
	padding-left:10px;
}
#chocolate_brown #wrapper #content #left, #sidenav ul{
	width: 200px;
}

#chocolate_brown #wrapper #content #left ul#sidenav, ul#sidenav ul{
	width: 200px;
}

.chocolate_brown #middlebox{
	border-top: solid 2px white;
	background-color : #A2A1D0;
	float: left;
	width: 525px;
	padding-top: 2px;
	height: 370px;
}

.chocolate_brown #middlebox #step1,#step2,#step3,#step4{
	padding-left: 8px;
	padding-right: 5px;
	
	font-family: tahoma, Arial, Verdana;
	font-size: 11px;
	color: white;
	float: left;
	width: 245px;	
	/*border: solid 1px red;*/
}

.chocolate_brown #middlebox #step1 {
	float: left;
	height: 160px;
}
.chocolate_brown #middlebox #step2 {
	float: left;
	height: 160px;
}
.chocolate_brown #middlebox #step3 {
	float: left;
	height: 200px;
}
.chocolate_brown #middlebox #step4 {
	float: left;
	height: 200px;
}
.chocolate_brown #middlebox #step1 .stepimage{
	width: 70px;	
	float: left;	
	padding-top : 8px;
}
.chocolate_brown #middlebox #step2 .stepimage{
	width: 70px;	
	float: left;	
	padding-top : 8px;
}
.chocolate_brown #middlebox #step3 .stepimage{
	width: 70px;	
	float: left;
	padding-top : 8px;
}
.chocolate_brown #middlebox #step4 .stepimage{
	width: 70px;	
	float: left;
	padding-top : 8px;	
}
.chocolate_brown #middlebox #step1 .stepnumber{
	width: 35px;	
	float: left;
	padding-top : 8px;	
}
.chocolate_brown #middlebox #step2 .stepnumber{
	width: 35px;	
	float: left;
	padding-top : 8px;	
}
.chocolate_brown #middlebox #step3 .stepnumber{
	width: 35px;	
	float: left;
	padding-top : 8px;	
}
.chocolate_brown #middlebox #step4 .stepnumber{
	width: 35px;	
	float: left;
	padding-top : 8px;	
}
.chocolate_brown #middlebox #step1 .steptext{
	width: 120px;	
	float: left;
	padding-top : 6px;	
}
.chocolate_brown #middlebox #step2 .steptext{
	width: 140px;	
	float: left;
	padding-top : 6px;	
}
.chocolate_brown #middlebox #step3 .steptext{
	width: 130px;	
	float: left;
	padding-top : 6px;	
}
.chocolate_brown #middlebox #step4 .steptext{
	width: 140px;	
	float: left;
	padding-top : 6px;
}

.chocolate_brown #bottombox{
	border-top: solid 1px white;
	background-color : #A2A1D0;
	float: left;
	width: 525px;
	padding-top: 2px;
	height: 150px;
}

.chocolate_brown #bottombox #afterimage{	
	float: left;
	padding-top : 8px;	
	padding-left : 9px;	
}

.chocolate_brown #bottombox #aftertext{	
	float: left;
	padding-top : 8px;	
	padding-left : 30px;	
	font-family: tahoma, Arial, Verdana;
	font-size: 11px;
	color: white;
}