/* CSS Document */



body {

  margin-left: 0px;

  margin-right: 0px;

  margin-top: 0px;

  margin-bottom: 0px;

  background-color: #CCCCCC;

  color: #FFFFFF;

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

  font-size: 12px;

  font-weight: bold;


}



.dropShadow{

  margin-left: auto; 

  margin-right: auto;
  

  width: 768px;

 height: auto;

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

  background-repeat: repeat-y;

  background-position: center;

  text-align:left;

}





.wrapper {

  margin-left: auto;

  margin-right: auto;

  width: 750px;

  height: auto;

 /* background-image: url(../images/main/bgShadow.jpg); */

  background-image: url(../images/main/bgBevels.gif);

  background-repeat: repeat-y;

  background-position: center;

}



.gradient{

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

 background-repeat: repeat-x;

 background-position: 0px 203px;

 width: 750px;

 height: auto;

 margin-left: auto;

 margin-right: auto;

}





table {

  margin-left: auto;

  margin-right: auto;



}



.contentTable {

  marigin-left: 0px;

  margin-top: 0px;

  width: 100%;

}



.header {

  height: 150px;

  background-color: #000000;

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

  background-repeat: no-repeat;

  

}



.headerBar {

 height: 28px;

 background-image: url(../images/main/topBar.png);

 background-repeat: no-repeat;

 background-color: #000000;

 



}



.topMenu {

  background-color: #000000;

  height: 25px;

  

}



.topMenu form{

  width: 200px;

  padding: 0px;

  margin: 0px;

}

.topMenu form input{

  float: left;

  margin-left: 10px;

  height: 12px;

  margin-top: 2px;

  margin-right: 10px;

  

}



#menuItem a { 

   text-decoration: none;

   color: #FFFFFF;

   border-left-color: #FFFFFF;

   border-left-style: solid;

   border-left-width: 1px;

   padding-top: 5px;

   padding-bottom: 5px; 

   padding-left: 10px;

   padding-right: 10px;

   float: right;

   clear: none;

   

}



#menuItem a:hover {

  background-color: #666666;

  

}



.leftMenu { 

  background-color: #000000;

  width: 150px;

  margin-top: 0px;

  top: 0px;

  vertical-align: top;

  float: left;
  
  z-index: 10;



}



.leftMenu #products{

  width: 150px;

  height: 30px;

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

}



.leftMenu #systems{

  width: 150px;

  height: 30px;

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

}



.leftMenu li { 

  color: #CCCCCC;

  margin-left: -15px;

}



.leftMenu li a {

  text-decoration: none;

  font-size: 10px;

  color: #CCCCCC;

}



.leftMenu li a:hover {

 color: #FFFFFF;

}



.leftBottom {

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

  background-repeat: repeat-y;

  background-color: #3b75b2;

  vertical-align: bottom;

 

}





.leftBottom p{

  margin-top: 150px;

}



.leftBottom #bevelTop{

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

  background-repeat: no-repeat;

  height: 4px;

  width: 150px;

}



.topBevel {

  height: 7px;

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

  background-repeat: no-repeat;

}







.leftBevel {

  width: 4px;

  background-color: #407FBF;

}



.middleBevelt{

 height: 7px;

 background-image: url();

}



.middleBevelv{



}





.content { 

  /*padding: 10px;*/

  width: 589px;

  height: auto;

  top: 0px;

  bottom: auto;

  margin-bottom: auto;

  margin-left: 4px;

  margin-right: 5px;



}



.content #home {

  width: 325px;

  margin-left: 15px;

  margin-top: 10px;

  margin-bottom: 7px;



}



.content #ghostItem {

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

  background-repeat: no-repeat;

  background-position: 300px 0px;

  width: 100%;

  height:auto;

  top: 0px;

  margin-top: 0px;

  

  

}





.content #flashObject {

  width: 170px;

  height: 386px;

  float: right;

  margin-right: 20px;

  margin-top: 0px;



}



.contentLeftBevel {

  width: 4px;

  background-color: #407FBF;

  

}





.product{

  width: 589px;

  height: auto;

  top: 0px;

  bottom: auto;

  margin-bottom: auto;

  margin-left: 4px;

  margin-right: 5px;

  font-family: Arial, Helvetica, sans-serif;
  
  z-index:-100;

}

.product h1 {

  font-size: 18px;

  margin-left: 20px;

  margin-top: 15px;

}



.product ul{

  font-size: 12px;

  margin: 0px;

  padding: 0px;

}



.product ul li {

  margin-bottom: 10px;

  margin-left: 20px;

  

}



.product #itemImage {

  width: 220px;

  float: left;

  margin-left: 15px;

  margin-top: 0px;
	padding:0;

}



.product #specs {

  width: 300px;

  height: 386px;

  float: right;

  margin-right: 20px;

  margin-top: 0px;

  

}



.product #request {

  margin-top: 15px;

  font-size: 14px;
  
  z-index: 5;

} 



.product #request a {

  color: #FFFFFF;

  text-decoration: none;

}





.product table img #thumb{

  border-color: #CCCCCC;

  border-style: solid;

  border-width: 2px;

  margin-top: 15px;

}

.img-shadow {

  

  

  background: url(right_side.png) repeat-y top right;

  
  
  z-index: 0;

  }



.img-shadow img {

  

 

  

  

  }





/*

.content #product ul{

  margin: 0px;

  padding: 0px;

}

*/

.rightBevel {

  width: 4px;

  background-image: url(../images/main/farRightBevel.gif);

  background-repeat: repeat-y;

    height: 100%;

}



.footer {

  height: 23px;

  padding-top: 5px;

  background-image: url(../images/main/footerBar.png);

  background-repeat: no-repeat;

  

}



.footer #menu{

  width: 350px;

  margin-left: auto;

  margin-right: auto;

}



.footer #menu a{

  color: #CCCCCC;

  font-size: 10px;

  text-decoration: none;

  margin-left: 20px;

}





.footer #menu a:hover{

  color: #FFFFFF;

  text-decoration: none;

}







/* ------------------------------------------------ */



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

		padding: 0;

		margin: 0;

		list-style: none;

		float : left;

		width : 13em;

		

		font-size: 10px;
		
		z-index: 10;

	}

	

	#nav li { /* all list items */

		position : relative;

		float : left;

		line-height : 1.25em;

		margin-bottom : -1px;

		padding-left: 15px;

		width: 11em;
		
		z-index: 10;

		

	}

	

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

		position : absolute;

		left: -999em;

		margin-left : 14.65em;

		/* margin-top : -1.35em; */

		margin-top: -2em;
		
		z-index: 10;

	}

	

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

		left: -999em;
		z-index: 10;

	}

	.pdf{
	z-index: -1;
	background-color: transparent;
	}
	

	#nav li a {

		width: 12.2em;

		w\idth : 11.2em;

		color : #FFFFFF;

		/* font-weight : bold; */

		 display: block; 

		text-decoration : none;

		background-color : #000000;

		border : 1px solid black;

		padding : 0 0.5em;

		padding-top: 0px;

		padding-bottom: 3px;

		font-size: 12px;

		font-family: sans-serif;

		font-weight: bold;
		z-index: 100;

	}

	

	#nav li a:hover {

		color : #FFFFFF;

		background-color : #999999;
		z-index: 10;

	}

	

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

		left: -999em;
		z-index: 10;

	}

	

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

		left: auto;
		z-index: 10;

	}

	.input_txt {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11px;

}

.buttonstyle{
  background-color: #000000;

  color: #FFFFFF;

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

  font-size: 12px;

  font-weight: bold;