/* CSS Document */

a						{color: #000000; 
                         text-decoration: none;}

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

body						{ background-color: #ffffff;
						  color: #000000;
						  font-family: helvetica, arial, verdana;
						  font-size: 12px;
						  line-height: 18px;
						  margin-top: 0px;
  						  text-align: center;
						  
						  }

div#container				{ margin-left: auto;
						  margin-right: auto;
						  width: 960px;
						  text-align: left; }

h4						{ padding: 0px;
						  margin: 0px; }
						  
hr.divide					{ background-color: #000000;
	 					  border: 0px;
						  color: #000000; 
						  height: 2px; }

li.body 					{ line-height: 14px;
						  margin: 12px;
						  padding: 0px; }
						  
ul.body					{ margin: 15px;
						  padding: 0px; }
						  
.burgundy					{ background-color: #8A3755; }

.burgundypale				{ background-color: #EADFE0; }

.brand					{ margin: 1px; 
						  width: 215px; }
						  
.button					{ font-size: 10px;  }

#bottomLinkLeft  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#666666;
	width: 540px;
	float:left;

}

#bottomLinkRight A {
	width: 420px;
	float:left;
	text-align:right;.
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.lilac 					{ background-color: #7473A8; }

.lilacpale				{ background-color: #E8E8F2; }

.logo 					{ float: left;
						  position: relative;
						  left: 20px; 
						  top: 5px; }

.orange					{ background-color: #F37B20; }

.orangepale				{ background-color: #FFEDE0; }


.peach 					{ background-color: #FAB380; }

.peachpale				{ background-color: #FFF4EC; }

.pink					{ background-color: #F38786; }

.pinkpale					{ background-color: #FDF0EC; }
#productHeading {

}

.reverse 					{ background-color: #000000; 
						  color: #ffffff;
						  padding: 3px; }

.search					{ border: 1px solid #000000; 
						  font-size: 11px; 
						  padding-left: 5px; }

img { border:0;}

.stresstablehead			{ background-color: #7473A8;
						  color: #ffffff; 
						  font-weight: bold;
						  padding: 5px;
						  width: 250px;}
						  
.intensetablehead			{ background-color: #8A3755;
						  color: #ffffff; 
						  font-weight: bold;
						  padding: 5px;
						  width: 250px;}

.specialtablehead			{ background-color: #F37B20;
						  color: #ffffff; 
						  font-weight: bold;
						  padding: 5px;
						  width: 250px;}

.suntablehead			{ background-color:#F3BA21;
						  color: #ffffff; 
						  font-weight: bold;
						  padding: 5px;
						  width: 250px;}

.handbodytablehead			{ background-color: #FAB380;
						  color: #ffffff; 
						  font-weight: bold;
						  padding: 5px;
						  width: 250px;}

.stresstable				{ background-color: #E8E8F2; 
							  padding-top:5px;
							  padding-bottom: 5px;
							  margin-bottom: 15px; }
						  
.yellow					{ background-color: #F3BA21; }

.yellowpale				{ background-color: #FDF5E5; }

#bodydiv 					{ background-color: #FFFFFF;
						  background-image: url(images/mood.jpg);					  						  			  
						  
						  }
						  
#bodydiv2					{ 	background-color: #000000;
						  		background-image: url(images/greybg.jpg); 
						    }

#cgimage					{ float: left;
						  left: 20px; 
						  position: relative;
						 }
						  
#cgimage2					{ float: left;
						  left: 20px; 
						  position: relative; }
						  
#cgcontainer				{ float: left; 
						  left: 25px;
						  position: relative;
						  width: 590px; }

#cgcontainer2				{ float: left; 
						  left: 25px;
						  position: relative;
						  width: 790px; }
						  
#cgcontainer3				{ float: left; 
						  left: 20px;
						  padding-right: 10px;
						  position: relative;
						  width: 210px; }
						  
#cgcontainer4				{ float: left; 
						  left: 20px;
						  padding-right: 10px;
						  position: relative;
						  width: 400px; 
						   
						   }
						  
#cgtext					{ float: left; 
						  width: 240px; }

#cgflash					{ float: left; 
						  width: 344px; }

#cgflash2					{ float: left; 
						  width: 544px; }
						  
#clear					{ clear: both; }

#colormenu				{ float: left;
						  margin: 0px;
						  padding: 0px;
						  list-style-type: none;
						  width: 120px; }

#colormenu li				{ color: #ffffff;
						  font-size: 11px; 
						  margin: 1px;
						  padding-bottom: 18px;
						  padding-top: 18px; 
						  text-align: center; }

#colormenu a 				{ color: #ffffff;
						  text-decoration: none; }

#colormenu a:hover			{ color: #000000; }

#colormenupale				{ float: left;
						  margin: 0px;
						  padding: 0px;
						  list-style-type: none;
						  width: 590px; }

#colormenupale li			{ color: #000000;
						  font-size: 10px; 
						  line-height: 14px;
						  margin: 1px;
						  padding-left: 10px;
						  padding-right: 10px;
						  padding-top: 6px;
						  padding-bottom: 6px;
						  text-align: left; }
						  
#contact					{ position: relative;
						 
						  width: 410px;
						  margin-left:250px;
						  }

#footer					{ background-color: #000000;
						  background-image: url(images/light.jpg); 
						  border-top: 3px solid #ffffff; 
						  padding: 0px; }					  
						  
#gallery					{ position: relative;
						  left: 20px; 
						  width: 920px;}
						  
#galleryimg				{ float: left;
						  text-align: center;
						  width: 230px;}
						  

#header					{ background-color: #000000; 
						  background-image: url(images/lighttop.jpg);
						  border-bottom: 3px solid #ffffff; 
						  height: 63px; }

#heading					{ font-size: 18px; 
						  padding-top: 20px;
						  padding-left: 20px;}
						  
#mainproductimg			{ float: left;
						  left: 20px; 
						  position: relative;
						  text-align: center; }
						  
/*#nav						{ left: 50px; 
						  margin: 0px;
						  position: relative;
						  top: 25px; }	

						  
#nav li					{ color: #ffffff;
						  display: inline;
						  font-size: 13px;
						  padding: 10px; 
						  margin: 0px; }
	
#nav a					{ color: #ffffff; 
						  text-decoration: none; }
*/						  
#producttable				{ font-size: 11px; 
						  text-align: center; 
						  width: 500px;}
						  
#pressImages					{ position: relative;
						  left: 0px;
						 
						  width: 620px;}
						  
#progress					{ text-align: right;
						  padding-right: 20px; }

#progress A					{
							color:#000000;
						  text-decoration:none;						  						  
						  }
#progress A:HOVER					{ 
						  text-decoration:underline;
						  color:#000000;
						  }
						  
#programimg				{ font-size: 11px;
						  float: left;
						  text-align: center;
						  width: 115px;}				  

#scrolling {
	margin-left:410px;
} /*dummy for typo3*/
#shop a					{ color: #000000; 
						  text-decoration: none; }

#shop a:hover				{ color: #000000; 
						  text-decoration: underline; }
						  
#subnav					{ margin: 0px;
						  padding: 0px; 
						  position: relative;						  
						  left: 20px; }

#subnav li 				{ display: inline; 
						  padding-right: 10px; 
						  padding-right: 20px;}

#subnav a					{ color: #000000; 
						  text-decoration: none; }

#subnav a:hover			{ text-decoration: underline; }

#survey					{ position: relative;
						 
						  width: 800px;
						  margin-left:50px;
						  }

#twocolimage				{ float: left;
						  padding-left: 20px;
						  padding-right: 30px;
						  width: 215px; }				  
						  
						  
#twocolcontent			{ float: left;
						  width: 640px; }
						  
						  
#video				{ float: left;
						  padding-left: 0;
						  padding-right: 30px;
						  width: 215px; }						  
/* ########## NAVI ########## */

#menu {
	width:680px;
	margin-left:250px;
	padding-top:20px;
	z-index:3;
}

#nav, #nav ul { /* all lists */

    z-index:2;

    padding:0px;

   margin:0px;

    list-style: none;

}



#nav a {

    display: block;

    font-size: 1.1em;

    color:#FFFFFF;

    /*font-weight:bold;*/

    text-decoration:none;

}



#nav li { /* all list items */

    padding-right:5px;

    float: left;

    display:inline;

    background-image: none;
	

}



#nav ul li {

    padding-top:5px;

    padding-bottom:5px;

   border-bottom:1px solid #000000;
/*
    border-right:2px solid #fff; 
*/   

}


/*
#nav ul li ul li{ 

    width:120px;

    border-bottom:1px solid #000000;

    border-right:2px solid #fff; 

    font-size:0.98em;

    }*/

#nav li ul { /* second-level lists */

    position: absolute;

    padding:0px;

    margin:0px 0px 0px 0px;/*trying to centered the 2nd level*/

    width:120px;

    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
	text-align:left;

}



#nav li ul li a{ 

    font-weight:bold;

    display:block;

    font-size:0.98em;

}

    

#nav li a{ 

    color:#FFFFFF;

    /*font-weight:bold;*/

    text-decoration:none;

    padding-left:25px;
	
	/*margin-top:20px;*/
	
    display:block;

    font-size:1.1em;

}    



#nav li ul li{ 

    width:100px; /*Increase the width of 2nd level*/

    padding-left:5px;

    background-color: #FFFFFF;	

    font-size:10px;
}



#nav li ul li a{ 

font-size:0.98em;

    padding-left:8px;
	color:#000000;
}





#nav li ul ul { /* third-and-above-level lists */

    margin: -1999999px 0 0 126px; /*Hide the third level far far away*/

}

#nav li:hover ul ul, #nav li.sfhover ul ul {

    left: -999em;

}


#navilast ul li ul{

margin-left:-143px;

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

    left: auto;

}



#nav li .hi{

    color:#FFFFFF;
	text-decoration:underline;
}

#navi

{    

    font-size:1.2em;

    float:left;

    padding-top:10px;

    padding-left:15px;

    clear:both;

    width:720px;

}



#navi a:hover{

    color:#000;

}

/*

#navi ul li ul li ul li{

    background-image: url(img/sub_sub_navi_g.gif);

    background-repeat: no-repeat;

    background-position: left center;

}

/*** OLD SURVEY CSS ***/



.srvSurveyForm {	
	margin-left: auto;
	margin-right: auto;
}

.srvSurveyForm TD {
	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
}

.srvTextBox {
	border: 1px solid #fff;
	border-bottom: 1px solid  #000;
	font-size: 11px;
	margin-right: 5px;
	height: 16px;
}

.srvGreyBox {
	background-color: #eee;
	border: 1px solid #666;	
}

.srvGreyBox TD {
	padding-top: 4px;
	padding-bottom: 4px;
}


.srvHeader {
	line-height: 16px;
	border-bottom: 2px solid #000;
}

/*SURVEY CSS */

fieldset { border:1px solid #FFFFFF; z-index:1;}
.tx-pbsurvey-pi1 .question {font-size:12px; font-weight: bold; }

.gray{ background-color:#464547;}
.graypale{ background-color:#e3e3e4;}
.black{ background-color:#231f20;}
.blackpale{ background-color:#CCCCCC;}
#colormenupale .para {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#colormenupale .parabig {
	margin: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
}
#colormenupale .parasmall{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}