@charset "UTF-8";

/* CSS Document */



body {

	background-color: #001643;

	background-image: url(../../images/gradient.jpg);

	background-repeat: repeat-x;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}



td.shadow{

	background-image: url(../images/shadow.jpg);

	background-repeat: repeat-y;

	background-position: right;

	width:10px;

}



td.shadow2{

	background-image: url(../images/shadow.jpg);

	background-repeat: repeat-y;

	background-position: left;

	width:20px;

}



.footer {

	position:absolute;

	baseline:0;

	width:842;

	height:60px;

	font-size: 10px;

	color: #e0b530;		/* Height of the footer */

	background-color: #0F4289;		

	}

#foot {

	overflow: auto;

	height: 100px;

	position: absolute;

	background-color: #0D3F84;

}

.style2 {

	font-family: arial;

	color: #62A8DF;

	font-size: 10px;

}

.style4 {

	font-family: arial;

	font-size: 10px;

	color: #008AE8;

}

#nav {

	background-image: url(../../images/nav/products/bg.jpg);

	background-repeat: no-repeat;

	background-color: #0D3F84;

}

body,td,th {

	font-family: Arial;

	font-size: 12px;

	color: #FFFFFF;

}

.style5 {font-size: 10px}



a.footnav1:hover {font-family:arial;color:#62A8DF;font-size:10px;line-height:12px;}

a.footnav1 {font-family:arial;color:#FFFFFF;font-size:10px;line-height:12px;text-decoration: none;}

.style6 {

	color: #00A8ED;

	font-weight: bold;

}

.style8 {	color: #00BFFF;

	font-weight: bold;

	font-size: 10px;

}

.style9 {	font-size: 10px;

	font-weight: bold;

}



#bottom-nav {	list-style-position: outside;

	list-style-type: square;

	position: relative;

	height: 100px;

	width: 842px;

	font-family: Arial;

	font-size: 10px;

	visibility: visible;

}





.eblue {color: #008AE8}

.design {color: #93b9e6}

.blue {color: #62A8DF}

.number {color: #FFFFFF;font-weight: bold;}



.whitesmall {color: #FFFFFF}



a.email:hover {font-family:arial;color:#62A8DF;font-size:12px;line-height:12px;font-weight: bold;}

a.email {font-family:arial;color:#FFFFFF;font-size:12px;line-height:12px;text-decoration: none;font-weight: bold;}



a.link:hover {font-family:arial;color:#62A8DF;font-size:12px;line-height:12px;}

a.link {font-family:arial;color:#FFFFFF;font-size:12px;line-height:12px;text-decoration: none;}



ul {

margin-left: -25px;

}

li {

color: #008AE8;

}

li span {

color: #FFFFFF;

}



.subhead {

	font-size: 14px;

	font-weight: bold;

}







div#nav ul{padding:0;margin:0 0 0 35px;float:left; font-size:12px}



div#nav ul li{list-style-type:none;display:inline;padding:1px 0 0 1px;margin:0 2px 0 0;}



div#nav ul li.first{background:transparent;padding:0}





div#nav ul li a{color:#FFFFFF;text-decoration:none}



div#nav ul li a:hover,a:hover{background:transparent; color:#3399cc; text-decoration:none}



.active {

	font-family: Arial, Helvetica, sans-serif;

	color: #3399cc;

	font-size: 12px;

}





.arrow {color: #3399cc}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.imgholder { display:block; width:115px; height:115px; border: 1px solid white; margin-right:10px; float:left;

}

.thumbnail img{ display: block;
    margin-left: auto;
    margin-right: auto

 
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 130px; /*position where enlarged image should offset horizontally */
z-index: 50;
}