/* CSS Document */


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


body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#090644;
width: 980px;
/*margin: 9px 5px 30px 5px; to avoid margins */
/*text-align: center; /*to correct the centering IE bug*/
}

#wrapper {
	position: absolute;
	top:8px;
	left:8px;
	width:979px;
	height:625px;
	/*margin:0 auto;*/
	border-color:#312a72;
	border:solid 1px;
	z-index:1;
	}

#nav {
	position: absolute;
	left:9px;
	top:9px;
	width:979px;
	height:135px;
/*background:#efffb2 url(../images/header.jpg) no-repeat;*/
	z-index:4;
	background-image: url(../images/header.jpg);
	}	

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

/*
#secondnav {
	position: absolute;
	left:9px;
	top:144px;
	width:979px;
	height:38px;
	border-bottom: solid 1px;
	border-bottom-color:#312a72;
	clear:both;
	z-index:4;
	background-image: url(../images/sciencesecondnav.jpg);
}
*/

#secondnav {
	position: absolute;
	left:9px;
	top:144px;
	width:979px;
	height:38px;
	border-bottom: solid 1px;
	border-bottom-color:#312a72;
	clear:both;
	z-index:4;
	background-image: url(../images/sciencesecondnav.jpg);
}

#secondnav ul{
	display:block;
	list-style:none;
	margin-left:160px;
	}
	
#secondnav li{
	float:left;
	line-height:normal;
	font-size:1em;
	font-weight:bold;
	color:#ffffff;
/*	padding:15px 10px 0 0; */
	padding: 0px 10px 0 0;
	}
	
#secondnav li a{
	color:#7ac142;
	text-decoration:none;
	}

#secondnav li a:hover{
	color:#15aefb;
}

#secondnav li.bar{	
	color:#7ac142;
	}
	
#selector {
	position: absolute;
	top:183px;
/* note: this also gets adjusted by selector.js */	
	left:10px; 
	background:url(../images/selectorhead.gif) no-repeat; 
	width:177px;
	height: auto; 
	margin:0px 3px 0px 3px;
	border:#090644 solid 1px;
	border-width: 0 1px 1px 1px;
	z-index:4;
	}

#bottomnav {
	position: absolute;
	top:633px;
	left:5px;
	width:986px;
	height:27px;
	margin:0 0 15px 0;
/*	clear:both; */
	background:transparent;
	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;
}


/*::::::::::::::::::::::::::        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;
}

#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_______________________________________*/

#home .navhome a:link, #home .navhome a:visited{
	background:url(../images/navhome3.gif) no-repeat bottom left;
	height:17px;
	}

#fittings .navfitting a:link, #fittings .navfitting a:visited{
	background:url(../images/navfitting3.gif) no-repeat bottom left;
	height:17px;
	}

#science .navscience a:link, #science .navscience a:visited{
	background:url(../images/navscience3.gif) no-repeat bottom left;
	height:17px;
	}
	
.selectedscience a:link, .selectedscience a:visited{
	background:url(../images/navscience3.gif) no-repeat bottom left;
	height:17px;
	}

#applications .navapp a:link, #applications .navapp a:visited{
	background:url(../images/navapp3.gif) no-repeat bottom left;
	height:17px;
	}
	
#brands .navbrands a:link, #brands .navbrands a:visited{
	background:url(../images/navbrands3.gif) no-repeat bottom left;
	height:17px;
	}

#contact .navcontact a:link, #contact .navcontact a:visited{
	background:url(../images/navcontact3.gif) no-repeat bottom left;
	height:17px;
	}

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