/* CSS Document */


/*::::::::::::::::::::::::::::::::::::::::::::::::: GENERAL ::::::::::::::::::::::::::::::::::::::::::*/


html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#090644;
width: 990px;
}

body.parent {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#090644;
width: 990px;
}

body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#090644;
width: 990px;
overflow: scroll;
}

/*margin: 9px 5px 30px 5px; to avoid margins */
/*text-align: center; /*to correct the centering IE bug*/

.thebody {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#090644;
width: 990px;
}

#wrapper {
	position: absolute;
	top:8px;
	left:8px;

	width:986px;
	height:auto;
	height:750px;
	/*margin:0 auto;*/
	border-color:#312a72;
	border:solid 1px;
	z-index:1;
	}

#flatwrapper {
 	
	position: absolute;
	top:8px;
	left:8px;

	width:987px;
	height:auto;
	/*margin:0 auto;*/
	border-color:#312a72;
	border:solid 1px;
	z-index:1;
	}

.essence {
	background:#ffffff;
	position: absolute;
	top:184px;
	left:194px;
/*	width:808px;
	
	border-color:#ffff00;
	border:solid 1px;
*/	
	z-index:1;
	}

#notice {
/*	font-size:18px;
	color:#090644; */
	position: absolute; 
	top: 70px;
	left: 180px;
	z-index: 5; 
/*	background: #00ffff;
	padding: 10px; */
/*	visibility: hidden; */
}

#alertboxdiv {
	position: absolute; 
	top: -100px;
/*	top: -1000px; */
	left: 180px;
	z-index: 6;
/*	z-index: 5;  
	cursor: hand; 
	background: #00ffff;
	padding: 10px; 
	visibility: hidden; */
}

#alertnote {
	position: absolute; 
	width: 250px;
	height: 150px;
	top: 350px;
	left: 200px;
	z-index: 6;
	cursor: hand; 
	background: url(../images/alertnote.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	visibility: hidden;
}

.testnotice {
/*	font-size:18px;
	color:#090644; */
	position: absolute; 
	top: 70px;
	left: 180px;
	z-index: 5; 
/*	background: #00ffff;
	padding: 10px; */
/*	visibility: hidden; */
}

#blockright {
	position: absolute;
	top:-1000px;
	left:-1000px;
	width:1000px;
	height:1000px;
	background:#ffffff;
	z-index:3;
}

#blockleft {
	position: absolute;
	top:184px;
	left:0px;
	width:8px;
	height:433px;
	background:#ffffff;
	z-index:3;
}

#blockleft2 {
	position: absolute;
	top:184px;
	left:8px;
	width:185px;
	height:433px;
	background:#ffffff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #312a72;
	z-index:3;
}

#blockbottom {
	position: absolute;
	top:-1000px;
	left:0px;
	width:1000px;
	height:250px;
	background:#ffffff;
	z-index:3;
}

#nav {
/*	position: relative;
	left:8px;
	top:0px; */
	position: absolute;
	left:9px;
	top:9px; 
	width:985px;
	height:135px;
	background:#d9e8a2 url(../images/header.jpg) no-repeat;
	z-index:4;
	}	


#secondnav {
	position: absolute;
	left:9px;
	top:144px;
/*	background:#efffb2 url(../images/secondnav.gif) no-repeat; */
/*	background:#d9e8a2 url(../images/secondnav.gif) no-repeat; */
	background:#d9e8a2 url(../images/sciencesecondnav.jpg);
	background-position: 1px 0px;
	width:985px;
	height:39px;
	height:38px;
	border-bottom: solid 1px;
	border-bottom-color:#312a72;
	clear:both;
	z-index:4;
}

	
#selector {
	position: absolute;
	top:183px;
	left:11px; 
	background:#ffffff url(../images/selectorhead.gif) no-repeat;
/*	background:#ffedff url(../images/selectorhead.gif) no-repeat;
	background:#ffffff url(../../images/selector.jpg) no-repeat; */
	width:177px;
/*	height:433px; */
/*	height:350px; */
	height:50px;
	height: auto; 
	margin:0px 3px 0px 3px;
	border:#090644 solid 1px;
	z-index:5;
/*	float:left;
	float:top;*/
	}

#childlinks {
	position: absolute;
	top:183px;
	left:11px; 
	width:177px;
	height:350px;
	height: auto; 
	margin:15px 3px 0px 3px;
	padding: 5px 0px 20px 0px;
	border:#090644 solid 1px;
	z-index:4;
	}

.hitcell {
	border-right: #cccccc dashed 1px;
	width:190px;
}

.hitright {
	width:190px;
}

#hitcolumn {
	width:190px;
	height:433px;
	float:left;
	margin:5px 2px 2px 2px;
	border-right:#666666 dashed thin;
}
	
#hitcolumn2 {
	width:190px;
	height:433px;
	float:left;
	margin:5px 2px 0 2px;
	}

#hitcolumn3 {
	width:190px;
	height:433px;
	float:left;
	margin:5px 2px 0 2px;
	}

#flashdiv {
	position: absolute;
/*	top:214px;
	left:409px; */
	top:214px;
	left:416px;
	z-index:2;
	}

#comfortzone {
	float:left;
	width:291px;
	height:467px;
}

#sciencetext {
	float:left;
	width:275px;
	height:auto;
}

p.detail {
width:291px;
font-size:.90em;
line-height:1em;
}

#columnhit {
/*	position: absolute;
	top: 0px;
	left: 0px; */
	float:left;
	width: 200px;
}

#columnflash {
/*	position: absolute;
	top: 0px;
	left: 210px; */
	float: left;
}

#columnzones {
/*	
	position: absolute;
	top: 0px;
	left: 500px;
	width: 291px; */
	width: 291px;
	float: left;
}

#tabledetail p td{
width:291px;
font-size:.90em;
line-height:1em;
color:#090644;
color:#ffff00;
}

.detailtext{
	font-size:.90em;
	line-height:1em;
/*	width: 186px;  */
}

.detailprice{
	font-size:.90em;
	line-height:1em;
	color:#090644;
}

.labeltext{
	padding: 3px 0 1px 0;
/*	width: 186px; */
}

.sciencetext{
font-size:.95em;
line-height:1.1em;
color:#090644;
}

.detailh1 {
/*width:291px;*/
font-size:1.1em;
font-weight:bold;
line-height: .9em;
color:#090644;
}

.detailh2 {
font-size:.85em;
text-transform:uppercase;
line-height: .9em;
font-weight:100;
}

.matching{
	color:#0078D4;
}

.greensmall {
	font-size:.75em;
	text-decoration:none;
	line-height:1.2em;
	color:#6EBB1F;
}


.secondarynav {
	font-size:11px;
	font-family: Verdena, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#496a08;
	text-decoration:none;
}

a.goodnav {
	font-size:11px;
	font-family: Verdena, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#496a08;
	text-decoration:none;
}

a.goodnav:hover{
	text-decoration:underline;
}

a.oldgoodnav {
/*	color:#6EBB1F; */
	color:#271773;
	text-decoration:none;
}

a.oldgoodnav:hover{
	text-decoration:underline;
}

a.badnav {
/*	color:#EEEEEE; */
	color:#d9e8a2;
	text-decoration:none;
}

a.badnav:hover{
	text-decoration:none;
	cursor:default;
}

a.sitelink {
	font-size:.75em;
	font-weight:bold;
	line-height:1.2em;
	color:#6EBB1F; 
	text-decoration:none;
}

a:hover.sitelink{
	text-decoration:underline;
}

.greenlink a {
	font-size:.75em;
	font-weight:bold;
	line-height:1.2em;
/*	color:#6EBB1F; */
}

/*
.greenlink a:hover{
	text-decoration:underline;
}
*/

.green{
	color:#6EBB1F;
	font-weight:bold;
}

#bottomnav {
	position: absolute;
	top:760px;
	left:5px;
	width:986px;
	height:25px;
	margin:0 0 15px 0;
	clear:both;
	background:#ffffff;
	z-index:4;
	}
	
#bottomnav ul{
	list-style:none;
	text-align:right;
}
#bottomnav li {
	display:block;
	float:right;
	line-height:normal;
	font-size:.75em;
}

#bottomnav li a{
	color:#090644;
	text-decoration:none;
}

#bottomnav li a:hover{
	color:#9ed7ff;
	text-decoration:none;
}

p.hit {
font-size:.90em;
line-height:1em;
}

h1.hit {
font-size:.90em;
text-transform:uppercase;
line-height: .9em;
}

h2.hit {
font-size:.85em;
text-transform:uppercase;
line-height: .9em;
font-weight:100;
}
/*::::::::::::::::::::::::::        NAVIGATION        :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


#nav ul{
	list-style:none;
	padding-left:30px;
	margin:50px 0 0 160px;
}
#nav li {
	display:block;
	float:left;
	line-height:normal;
	margin:0;
/*	padding:0 26px 0 0; */
}

.navpadding {
	padding:0 26px 0 0;
}

.navuserpadding {
	padding:0 21px 0 0;
}

#nav li a span, #nav li span {
	display:none;
	}
#nav li a {
	display:block;
	height:17px;
	}
	
.navhomesize{
	width:37px;
	}
	
.navfittingsize{
	width:46px;
	}
	
.navsciencesize{
	width:47px;
	}
	
.navloginsize{
	width:40px;
	}

.navcartsize{
	width:101px;
	}

.navbrandssize{
	width:50px;
	}

.navappsize{
	width:89px;
	}

.navcontactsize{
	width:76px;
	}

.navaboutsize{
	width:64px;
	}
	
/*_______________________________________________________UP_______________________________________*/

.navhome a:link, .navhome a:visited{
	background:url(../images/navhome1.gif) no-repeat;
	}

.navfitting a:link, .navfitting a:visited{
	background:url(../images/navfitting1.gif) no-repeat;
	}

.navscience a:link, .navscience a:visited{
	background:url(../images/navscience1.gif) no-repeat;
	}
	
.navapp a:link, .navapp a:visited{
	background:url(../images/navapp1.gif) no-repeat;
	}
	
.navbrands a:link, .navbrands a:visited{
	background:url(../images/navbrands1.gif) no-repeat;
	}
	
.navlogin a:link, .navlogin a:visited{
	background:url(../images/navlogin1.gif) no-repeat; 
	}

.navmyaccount a:link, .navmyaccount a:visited{
	background:url(../images/navaccount1.gif) no-repeat;
	}

.navcart a:link, .navcart a:visited{
	background:url(../images/navcart1.gif) no-repeat;
	}

.navabout a:link, .navabout a:visited{
	background:url(../images/navabout1.gif) no-repeat;
	}
	
.navcontact a:link, .navcontact a:visited{
	background:url(../images/navcontact1.gif) no-repeat;
	}


/*__________________________________________________HOVER_______________________________________*/

.navhome a:hover{
	background:url(../images/navhome2.gif) no-repeat;
	}

.navfitting a:hover{
	background:url(../images/navfitting2.gif) no-repeat;
	}

.navscience a:hover{
	background:url(../images/navscience2.gif) no-repeat;
	}
	
.navapp a:hover{
	background:url(../images/navapp2.gif) no-repeat;
	}
	
.navbrands a:hover{
	background:url(../images/navbrands2.gif) no-repeat;
	}

.navlogin a:hover{
	background:url(../images/navlogin2.gif) no-repeat;
	}

.navmyaccount a:hover{
	background:url(../../../assets/images/navaccount2.gif) no-repeat;
	}


.navcart a:hover{
	background:url(../images/navcart2.gif) no-repeat;
	}

.navcontact a:hover{
	background:url(../images/navcontact2.gif) no-repeat;
	}

.navabout a:hover{
	background:url(../images/navabout2.gif) no-repeat;
	}
	
/*_________________________________________________SELECTED_______________________________________*/

#selectedhome{
	background:url(../images/navhome3.gif) no-repeat bottom left;
	height:17px;
	}

#selectedfitting{
	background:url(../images/navfitting3.gif) no-repeat bottom left;
	height:17px;
	}

#selectedscience{
	background:url(../images/navscience3.gif) no-repeat bottom left;
	height:17px;
	}
	
#selectedapp{
	background:url(../images/navapp3.gif) no-repeat bottom left;
	height:17px;
	}
	
#selectedbrands{
	background:url(../images/navbrands3.gif) no-repeat bottom left;
	height:17px;
	}

#selectedcontact{
	background:url(../images/navcontact3.gif) no-repeat bottom left;
	height:17px;
	}

#selectedabout{
	background:url(../images/navabout3.gif) no-repeat bottom left;
	height:17px;
	}