@charset "utf-8";
/* CSS Document */
#bodyContainer {
	height: 600px;
	width: 980px;
	max-width:1024px;
	max-height:768px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 14px;
	color: #000;
}
/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

img{
	border:none;
	}

.coin-slider { 
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
overflow: hidden;
zoom: 1; position: relative; 
}
.coin-slider a{
margin-left: 20px
text-decoration: none;
outline: none;
 border: none;
}

.cs-buttons {
font-size: 0px;
padding: 10px;
float: left;
}
.cs-buttons a {
margin-left: 5px;
height: 10px;
width: 10px;
float: left;
border: 1px solid #000;
color: #B8C4CF;
text-indent: -1000px;
}
.cs-active {
background-color:#000;
color: #FFFFFF;
}
/*.cs-title {
width: 600px;
padding: px;
background-color: #000000;
color: #FFFFFF;
}*/

.cs-prev, 
.cs-next {
background-color: #000000;
color: #FFFFFF;
padding: 0px 10px;
}

/* Main Body */

#containerOne {
	width: 980px;
	height:43px;
	}
	
	/* Logo Position */
	.logo{padding-left:10px;}

#containerTwo {
	height: 200px;
	width: 980px;
	}
	
.menu{padding-left:10px;box-shadow: 3px 3px 2px #000;}
.menu{background-image:url(images/metal3.jpg); repeat-x;height:37px;}
.menu ul li{list-style:none;display:inline;padding:0 20px;}
.menu ul li {color:#ffffff;
			font:bold 14px "Century Gothic", Verdana, sans-serif;
			}
.menu ul li li {color:#ffffff;
			font:bold 12px "Century Gothic", Verdana, sans-serif;
			padding-left:0px;
			}


#containerThree {
	height: 415;
	width: 980;
	float: left;
	background-color: #CCC;
	/*background-color: rgba(51,51,51,0.75);*/
	/*background-color: rgba(51,51,51,0.75);*/
	/*background-color: rgba(204,204,204,0.6);*/
}
/*.productBox1
{
	width: 580px;
	height: 570px;
	overflow: auto;
	padding: 10px;
}*/
/* vertical menu */

#navlist2
 {
	padding: 0 1px 1px;
	margin-left: 0;
	font: "Century Gothic", Verdana, sans-serif;
	width: 600px;
	height: 25px;
	float: right;
 }
#navlist2 li
{
 list-style: none;
 margin: 10px;
 text-align: left;
 }

#navlist2 li a
 {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	text-decoration: none;
	background-color: #ff3333;
	background-image: url(../images/metal3.jpg);
	box-shadow: 5px 5px 2px #000;
 }

#navlist2 li a:link { color: #fff; }
#navlist2 li a:visited { color: #fff; }
#navlist2 li a:hover
{
 	color: #999;
	background-image: (../images/metal4.jpg) }
#navlist2 li a#current {
	color: #fff;
	background-image: url(../images/metal4.jpg);
	background-color: #000;
 }
.welcomeMessage {
	width: 960px;
	height: 20px;
	float: left;
	padding:10px;
	margin-bottom: 5px;
	text-align:center;

}
#information {
	width:580px;
	height:288px;
	padding: 10px;
	overflow:auto;
}
.PDFsection{
	padding:10px;
	width: 550px;
	text-decoration:none;
	color: #000;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.infoImage {
	width: 580px;
	height: 208px;
	padding: 10px;
}
div.img
  {
  margin:2px;
  padding: 5px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  }
div.feat
  {
  margin:2px;
  padding-left: 5px;
  padding-right: 5px;
  height:auto;
  width:auto;
  float:left;
  }
div.feat img
  {
  display:inline;
  margin:3px;
  }
/*#feat {
	padding: 5px;
	width: 180px;
	height: 130px;
}*/
<!--vertical-->

p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin-right:5px;
  margin-top:10px;
  padding: 0;
  width: 200px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
<!--   margin: 10px;-->
}

ul.menu li a {
	color: #FFF;
	padding: 0.5em;
	background-color: #FF3333;
	background-image: url(../images/metal3.jpg);
}

ul.menu li a:hover {
	background: #000;
	color: #FFF;  
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
ul.menu li a#current {
	text-decoration: none;
	background-color: #000000;
	background-image: url(../images/metal4.jpg);
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/* Footer */
#containerFour {
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 14px;
	height: 60px;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
/* Ends here */

#navcontainer2 {
	float: right;
	height: 565px;
	width: 210px;
}
#productPage{
	margin-left:auto;
	margin-right:auto;
	width:580px;
/*	height: 580px;*/
	height: 538px;
	padding: 10px;
	overflow: auto;
}
/* horizontal menu */
#navlist
 {
	margin-left:160px;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-weight: bold;
 }
#navlist li
 {
 list-style: none;
/* margin: 2px;*/
 display: inline;
 }

#navlist li a
 {
	padding: 0.25em 0.5em 0.25em 0.75em;
	background-image: url(../images/metal3.jpg);
	background-color: #ff3333;
	text-decoration: none;
/*	box-shadow: 5px 5px 2px #000;*/
 }
 
#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }
#navlist li a:hover
 {
	color: #fff;
	background-image: url(../images/metal4.jpg);
	background-color: #000;
 }
#navlist li a#current {
	color: #fff;
	background-image: url(../images/metal4.jpg);
	background-color: #000;
 }
/* Second Footer*/
 #navlistf2
 {
/*	margin-left: 235px;*/
	margin-left: 250px;
	margin-top: 50px;
	padding:10px;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 10px;
	color: #999;
 }
 #navlistf2 ul, #navlistf2 li
 {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
 }
 #navlistf2 a:link, #navlistf2 a:visited
 {
 line-height: 14px;
 font-weight: bold;
 margin: 0 10px 4px 10px;
 text-decoration: none;
 color: #999;
 }
 #navlistf2 a:link#current, #navlistf2 a:visited#current, #navlistf2 a:hover
 {
 border-bottom: 2px solid #000;
 padding-bottom: 2px;
 background: transparent;
 color: #000;
 }
 #navlistf2 a:hover { color: #000; }
 
 #navlist3
 {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
 }

 #navlist3 li
 {
 list-style: none;
 margin: 0;
 display: inline;
 }

 #navlist3 li a
 {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #000;
 border-bottom: none;
 background: #666;
 text-decoration: none;
 }

 #navlist3 li a:link { color: #000; }
 #navlist3 li a:visited { color: #000; }

 #navlist3 li a:hover
 {
 color: #000;
 background: #FFF;
 border-color: #000;
 border-bottom: #FFF;
 }
 #navlist3 li a#current
 {
	background: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
 }
/* Site Map List*/
#navcontainersm ul
 {
 list-style-type: none;
 text-align: left;
 }
 #navcontainersm ul li a
 {
 padding-left: 15px;
 text-align: left;
/* font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;*/
 text-decoration: none;
 color: #999;
 }

 #navcontainersm ul li a:hover
 {
 background: transparent url(images/list-on.gif) left center no-repeat;
 color: black;
 }

 #navcontainersm ul li a#current
 {
 background: transparent url(images/list-active.gif) left center no-repeat;
 color: #666;
 }
#copyright
{
	width: 980px;
	height: 25px;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 10px;
	color: #999;
}*/

.prodlinks
 {
	font-family: "Century Gothic", Verdana, sans-serif;
	font-weight: bold;
 }
.prodlinks li
 {
 list-style: none;
 display: inline;
 }

.prodlinks li a
 {
	padding: 0.25em 0.5em 0.25em 0.75em;
	text-decoration: none;
 }
 
.prodlinks li a:link { 
	color: #ff3333; 
	}
	
.prodlinks li a:visited { 
	color: #ff3333; 
	}
	
.prodlinks li a:hover { 
	color: #000; 
	}