@charset "utf-8";

/* HEADER BUTTONS */
.menu {
	margin:0px;
	height: 30px;
	width: 957px;
	padding-left:22px;
	background:url("../images/layout/Up.gif") repeat-x;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

.cssnav
{

	position:relative;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	background: url("../images/layout/Down.gif") no-repeat;
	width: 130px;
	height: 30px;
	overflow:hidden;/* for ie to hide extra height*/
}
.cssnavcontact{

	position:relative;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	background: url("../images/layout/DownContact.gif") no-repeat;
	width: 130px;
	height: 30px;
	overflow:hidden;/* for ie to hide extra height*/

}
.cssnav a, .cssnavcontact a
{
display:block;
/*color: #FFFFFF;*/ color:#cccccc;
font-size: 12px;
font-weight:bold;
width: 130px;
height: 30px;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a:visited, .cssnavcontact a:visited
{
/*color: #FFFFFF;*/
color: #cccccc;
}

.cssnav a:hover, .cssnavcontact a:hover
{
  color:#000000;
  text-decoration:underline;
  font-weight:bolder;
}

.cssnav img, .cssnavcontact img
{
width: 130px;
height: 30px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.cssnav a:hover img, .cssnavcontact a:hover img
{
visibility:hidden;
}

.cssnav span, .cssnavcontact span
{
 position: absolute;
 left: 5px;
 top: 10px;
 text-align: center;
 width: 130px;
 cursor: pointer; 
} 
/* HEADER BUTTONS */

/* PAGE BUTTONS */
.pgnav
{
position:relative;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background:url("../images/layout/learnover.jpg") no-repeat;
width: 300px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.pgnav a 
{
display: block;
color: #000000;
font-size: 12px;
font-weight:bold;
width: 300px;
height: 30px;
display: block;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.pgnav a:visited
{
color: #000000;
}

.pgnav a:hover
{
  /*color:#FFFFFF;*/
  color:#cccccc;
  text-decoration:underline;
  font-weight:bolder;
}

.pgnav img
{
width: 300px;
height: 30px;
border: 0;
}

.pgnav a:hover img
{
visibility:hidden;
}

.pgnav span
{
 position: absolute;
 left: 4px;top: 8px;
 text-align: center;
 width: 300px;
 cursor: pointer; 
}

/* PAGE BUTTONS */
/* Product BUTTONS */
.ptitle
{
position:relative;
margin: 0; 
padding: 0;
padding-top: 2px;
font-family: arial, helvetica, sans-serif;
width: 200px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.ptitle a, .ptitle a:visited
{
display: block;
color: #000000;
font-size: 14px;
font-weight:bold;
width: 200px;
height: 30px;
display: block;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.pmnav
{
position:relative;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background:url("../images/layout/DownWide.gif") no-repeat;
width: 200px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.pmnav a 
{
display: block;
/*color: #FFFFFF;*/
color: #cccccc; 
font-size: 12px;
font-weight:bold;
width: 200px;
height: 30px;
display: block;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.pmnav a:visited
{
color: #44cd39;
}

.pmnav a:hover
{
  color:#000000;
  text-decoration:underline;
  font-weight:bolder;
}

.pmnav img
{
width: 200px;
height: 30px;
border: 0;
}



.pmnav a:hover img
{
visibility:hidden;
width:200px;
}

.pmnav span
{
 position: absolute;
 left: 10px;top: 12px;
 text-align: center;
 width: 180px;
 cursor: pointer;
}

/* Product BUTTONS */
/* CenterStage */
#CenterStage{
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}
/* CenterStage */

/* Product Container */
.ProductContainerGroup td{
vertical-align:top;
}

.ProductContainer
{
  width: 300px;
  padding: 5px 5px 5px 5px;
  margin:5px;
  border: 2px solid;
}
.ProductContainer img{
float: left;
}
.ProductContainer td{
vertical-align:top;
}
.ProductContainer .FeatureBtnA, .ProductContainer .FeatureBtnA a, .ProductContainer .FeatureBtnA a:visited{
text-decoration:none;
display:block;
height:20px;
width:80px;
margin:0px;
padding:0px;
font-size:10px;
color:#00FF00;
text-align:center;
background:url("../images/layout/featureBtn.jpg") no-repeat;
}
.ProductContainer .FeatureBtnB, .ProductContainer .FeatureBtnB a, .ProductContainer .FeatureBtnB a:visited{
text-decoration:none;
display:block;
height:20px;
width:80px;
margin:0px;
padding:0px;
font-size:10px;
color:#000000;
text-align:center;
background:url(../images/layout/featureBtn.jpg) no-repeat;
}

body{
	font:normal 13px/120% arial, helvetica, sans-serif;
	color:#777777;
	/*margin-left: 0;
	margin-right: 0;
	padding:0px;
	padding-top:0px;*/
	background:#000000;
	/*background-position:left;*/
	background:url("../images/layout/sitebg.jpg") repeat-x;
}

h1{
	margin:5px 0px 5px 0px;
	padding:0px;
	color:#FFFFFF;
	/*color:#cccccc;*/
	font:normal 18px/120% arial, helvetica, sans-serif;
}
h1 a,h2 a{
	color:#FFFFFF;
	/*color:#cccccc;*/
	text-decoration:none;
}
h1 a:hover,h2 a:hover{
	text-decoration:underline;
}
h2{
	margin:0px 0px 2px 0px;
	padding:0px;
	color:#FFFFFF;
	/*color:#cccccc;*/
	font:normal 11px/120% arial, helvetica, sans-serif;
}
h3{
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#FFFFFF;
	/*color:#cccccc;*/
	font:normal 18px/120% arial, helvetica, sans-serif;
}

#content{
margin:0px;
padding:0px;
position:relative;
width:980px;
}

#supercontainer{
    margin:0 auto;
	padding:0;
	width:980px;
	color:#ffffff;
	background:#000000;
	text-align:left;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}

#container{
	position:relative;
	width:960px;
	background-position:center;
	/*color: #FFFFFF;*/
	color: #cccccc;
	background:#000000;
	padding:0px 0px 20px 0px;
	margin:0px auto 0px auto;
	overflow:hidden;/* for ie to hide extra height*/
}

#ContactHeader
{
  top:0px;
  left:0px;
  width:280px;
  height: 30px;
  padding:0px 0px 0px 695px;
  margin:0px 0px 0px 0px;
  /*color:#FFFFFF;*/
  color:#cccccc;
  background-color:#000000;
  background-position:center;
  border-bottom-color:#FFFFFF;
  font-size: 18px;
  overflow:hidden;
  text-align:right;
}
#header{
	margin:0px;
	left:10px;
	width:980px;
	height:80px;
	padding:0px 0px 0px 0px;
	background: #FFFFFF url("../images/layout/header_bg.jpg") no-repeat center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-decoration:none;
	
}
#header a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-decoration:none;
	text-decoration:none;
	color:#000000;
}
#header table{
	margin:0;
	padding:0;
    margin-top:0px;
	margin-left:20px;
	height:80px;
}
img
{
 border: none;
}
a {
/*color: #FFFFFF;*/
color: #cccccc;
text-decoration:underline;
}

a img
{
border: none;
}
a:visited
{
   color: #44cd39
}
/* Main Banner */
#mainBanner {
width: 980px;
height: 500px;
background: #000000;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
/*background:url("../images/layout/bannerbg.jpg") repeat-x;*/
}

.points{
width:140px;
height:400px;
margin:5px;
padding:5px;
}

.points ul{
text-indent:0;
margin:0px;
padding:0px;
margin-left:-10px;
}

.points li{
/*display:block;*/
text-align:left;
list-style:none;
margin: 3px 0px 3px 0px;
padding: 10px 0px 10px 0px;
text-indent:0px;
height:90px;
/*overflow:hidden;*/
}

.points a, .points a:visited
{
 /*color: #FFFFFF;*/
 color: #cccccc;
 font-size:12px;
 text-decoration:none;
}
.points h4 a, .points h4 a:visited{
 margin:0px;
 padding:0px;
 color: #ffffff;
 font-size:110%;
 text-decoration:none;
}

.points a:hover
{
  color:#44cd39;
}
#mainBanner img{
margin:0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border: none;
width:600px;
height:450px;
}

/* Main Banner */
/* Footer */
#footer{
	clear:both;
	/*color: #FFFFFF;*/
	color: #cccccc;
	background-color:#000000;
	height:66px;
	font-size:11px;
}

.footer_nav{
	float:right;
	display:inline;
	width:980px;
	padding:5px 0px 5px 0px;
}
.footer_nav a{
	margin:0px 7px 0px 7px;
}
/* Footer */

/* Product Class */
a.bigthumb{
	background:url("../images/layout/bigthumbbubble.jpg") no-repeat center;
	float:left;
	margin:0px 10px 10px 0px;
}
a.bigthumb_right{
	background:url("../images/layout/bigthumbbubble.jpg") no-repeat center;
	float:right;
	margin:0px 10px 10px 0px;

}
a.bigthumb_right img{
	padding:0px;
	margin:7px 5px 6px 5px;
}

a.bigthumb img{
	padding:0px;
	margin:6px 5px 6px 5px;
}

/* Product Class */
a.thumb{
	background:url("../images/layout/thumbbubble.jpg") no-repeat center;
	float:left;
	margin:0px 10px 10px 0px;
}
a.thumb_right{
	background:url("../images/layout/thumbbubble.jpg") no-repeat center;
	float:right;
	margin:0px 10px 10px 0px;

}
a.thumb_right img{
	padding:0px;
	margin:7px 5px 6px 5px;
}

a.thumb img{
	padding:0px;
	margin:7px 5px 6px 5px;
}
/* Product Class */
.imgWrap{
	background:url("../images/layout/imagewrapper.jpg") no-repeat center;
	margin:0px 10px 10px 0px;
	height:325px;
	width:350px;
}
.imgWrap img{
    padding:0px;
	margin:17px 15px 16px 15px;
}

.smimgWrap{
	background:url("../images/layout/imagewrapper125.jpg") no-repeat center;
	margin:0px 10px 10px 0px;
	float:left;
	height:150px;
	width:139px;
}
.smimgWrap img{
    padding:0px;
	margin:14px 7px 7px 7px;
}
/* Column Classes */
#col{
/*	positoin:relative;
	top:0px;
	width:700px;
    margin-left:220px;
	padding:20px;*/
		
	width:700px;
	min-height:500px;
	margin:7px;
	padding:7px;
	float:right;
	display:inline;
}
#col_wide
{
width:700px;
min-height:700px;
margin:auto;
padding:7px;
display:inline;
}
.narrow_col{
	border-left:1px solid #ccc;
	padding-left:10px;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}
.col2{
	width:315px;
	float:right;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
}

#productNavGroup
{
	width:200px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	background:url("../images/layout/upmbkg.jpg");
	
}

#productNavGroup .breakImg
{
	height:20px;
	width:200px;
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	background: url("../images/layout/upmbreak.jpg");
}
#productNavGroup .breakImg span
{

 left: 10px;top: 12px;
 text-align: center;
 width: 180px;
 cursor: pointer; 
}

#productNavGroup .topImg
{
	height:30px;
	width:200px;
	margin:0px;
	padding:0px;
	background: url("../images/layout/upmtop.jpg");
}
#productNavGroup .btmImg
{
	height:30px;
	width:200px;
	margin:0px;
	padding:0px;
	background: url("../images/layout/upmbtm.jpg");
}
#productNavGroup ul
{
  list-style:none;
  text-indent:0px;
  margin:0px;
  padding:0px;
}
#productNavGroup li
{
  margin:0px;
  padding:0px;
  list-style:none;
}
#productNav
{
	width:200px;
	/*float:left;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:100%;
	background:#000000;
}
#productNav .topImg
{
	height:30px;
	width:200px;
	margin:0px;
	padding:0px;
	background: url("../images/layout/upmbtm.jpg");
}
#productNav .btmImg
{
	height:30px;
	width:200px;
	margin:0px;
	padding:0px;
	background: url("../images/layout/upmtop.jpg");
}
#productNav ul
{
  /*color: #FFFFFF;*/
  color: #cccccc;
  list-style:none;
  text-indent:0px;
  margin:5px;
  padding:5px;
}
#productNav li
{
  margin:3px;
  padding:3px;
  list-style:none;
  text-indent:0px;
  text-align:left;
  text-decoration:none;
}
#productNav a{
  /*color: #FFFFFF;*/
  color: #ffffff;
  font-size:10px;
  text-decoration:none;
}
#productNav a:hover{
  color: #44cd39;
  text-decoration:underline;
}
/* Column Classes */
#faq .ques{
color:#44cd39;
}
#faq .ans{
font-style:italic;
}

.SMList ul{
list-style-type:square;
font-size:12px;
}
.SMList li{
padding:10px;
list-style-type:square;
font-size:12px;
}

/* IMAGE GALLERY SETTINGS */

#galleryMain{
margin:7px;
padding:7px;
}
#galleryMain img{
border: solid #FFFFFF 3px;
float:left;
margin:7px;
padding:7px;
}
#galleryRow{
display:block;
height:200px;
padding:0;
margin:0;
margin:auto;
}
#galleryRow .thumbStrip
{
/*width: 1500px;*/
width:800px;
height: 170px;
margin: auto;
}
#galleryRow .pagesel
{
 height:30px;
 margin:5px;
 padding:0px;
}
#galleryRow .pagesel li
{
display: inline;
}
#galleryRow ul{
text-indent:0px;
}
#galleryRow li{
float: left;
display: block;
padding: 2px;
margin: 0px;
opacity: 0.6;
filter: alpha(opacity=60);
height:170px;
}
#galleryRow li:hover{
opacity: 1.0;
filter: alpha(opacity=100);
}
#galleryRow li img{
border: solid #FFFFFF 1px;
margin: 2px;
padding: 2px;
}
#galleryRow .endGallery{
clear:both;
}
#prodListIcons
{
height:170px;
padding:0;
margin:0;
}
#prodListIcons ul
{
/*width:1000px;*/
height:150px;
}
#prodListIcons li
{
list-style:none;
display:inline;
}
#prodListIcons img{
border: solid #FFFFFF 1px;
margin: 3px;
padding: 3px;
}

#prodSubNav{
width:700px;
height: 50px;
padding: 0px;
margin: 0px;
background: url("../images/layout/prodTabBG.jpg") repeat-x;
overflow: hidden;
}
#prodSubNav ul{
text-indent:0px;
list-style:none;
width:600px;
height:50px;
margin:0px;
padding:0px;
padding-top:13px;
overflow:hidden;
}
#prodSubNav li{
text-indent:0px;
list-style:none;
margin:0px;
padding:0px;
overflow: hidden;
}
#prodSubNav .cTab{
display:block;
float:left;
background: url("../images/layout/prodTabActive.jpg") no-repeat;
margin:0px;
padding:0px;
padding-top: 5px;
height:30px;
width:100px;
color:#000000;
text-align:center;
font-size:105%;
font-weight:bolder;
overflow: hidden;
}
#prodSubNav .cTab a, #prodSubNav .cTab a:visited{
color:#000000;
text-decoration:none;
}
#prodSubNav .oTab{
display:block;
float:left;
background: url("../images/layout/prodTabInActive.jpg") no-repeat;
margin:0px;
padding:0px;
padding-top: 5px;
height:30px;
width:100px;
/*color: #FFFFFF;*/
color: #cccccc;
text-align:center;
overflow: hidden;
}
#prodSubNav .oTab a, #prodSubNav .oTab a:visited{
/*color: #FFFFFF;*/
color: #cccccc;
text-decoration:none;
}

#orderTable table
{
border-collapse:collapse;
}
#orderTable th
{
 font-weight:bold;
 background: #000000;
 /*color: #FFFFFF;*/
 color: #cccccc;
 text-align:center;
}
#orderTable table, #orderTable td, #orderTable th
{
border: solid #FFFFFF 2px;
margin:5px;
padding:5px;
vertical-align:top;
}
#orderTable ul, #orderTable li
{
margin:2px;
padding:2px;
list-style:none;
text-indent:0px;
}
.productRFQ
{
 margin:5px;
 padding:5px;
 display:block;
}
#specifications IMG
{
border: solid #FFFFFF 1px;
margin: 3px;
padding: 3px;
}
#specifications td
{
width:150px;
text-align:center;
}
#IES IMG
{
border: solid #FFFFFF 1px;
margin: 3px;
padding: 3px;
}
#IES td
{
width:250px;
text-align:left;
}

#optiongallery td{
vertical-align:top;
font-size:10px;
font-style:italic;
text-align:left;
}
.midthumb_bg
{
background:url("../images/layout/midbubble.jpg") no-repeat;
padding:5px;
width:170px;
height:170px;
}
.midthumb_bg img
{
padding-top:22px;
padding-left:22px;
display:inline;
}