@charset "UTF-8";
/* CSS Document */

body {
	background-color: #666666;
	color:#fff;
}
html, body {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
#outter {
	position:relative;
	margin:0 auto;
	padding:0;
	width:960px;
	height:100%;
	z-index:499;
}

#wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #333333;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
	width: 960px;
	background-image:url(images/header_bg.jpg);
	border-top: 0px solid #000000;
	background-repeat:no-repeat;
	border-right:2px solid #000000;
	border-bottom:0px solid #000000;
	border-left:2px solid #000000;
	border-collapse: collapse;
	border-spacing: 0px;
}

/* Drop Down CSS */
.dropdown {
	position:absolute;
	top:118px;
	padding-top:1px;
	z-index:500;
}

.dropdown ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#3d3d3d;
	border-right:1px solid #656462;
	border-left:1px solid #656462;
	text-align:left;
}

.dropdown ul li {
	height:26px;
	line-height:26px;
	padding:0 22px;
	margin:0;
	background-color:#3d3d3d;
	border-top:none;
	color:#fff;
	list-style-image:none;
}

.dropdown ul li:hover {

	cursor:pointer;
	background-color:#000;
	color:#fffa00;
}

/*.droptop {
	padding-bottom:5px;
	height:5px;
	line-height:0;
	background-color:#3d3d3d;
	border-right:1px solid #656462;
	border-left:1px solid #656462;
	border:none;
}*/

/*.dropdown ul li.last-li {
	border:none;
	background-color:#3d3d3d;
}

.dropdown ul li.last-li:hover {
	cursor:pointer;
	background-color:#000;
	color:#fffa00;
}*/

.dropbottom {
	float:left;
	margin:0;padding:0;
	height:14px;
	background-color:#3d3d3d;
	border-bottom:1px solid #656462;
}

.dropleft {
	float:left;
	width:14px;
	height:15px;
	background-image:url(images/bg-dropdown-left.png);
	background-repeat:no-repeat;
	background-color:transparent;
}

.dropright {
	float:left;
	width:14px;
	height:15px;
	background-image:url(images/bg-dropdown-right.png);
	background-repeat:no-repeat;
	background-color:transparent;
}

/* END DROPDOWN */


/* PRODUCT SUBNAV */

.prodnav {}

.prodnav ul {margin:0;padding:0;list-style:none;}

.prodnav ul li {float:left;padding-right:3px;}

h1 {
	margin:0;padding:0;line-height:0;font-size:0;text-indent:-9999px;
}

.table_border {
	border-collapse: collapse;
	border-spacing: 0px;
}
.headline_gray_bar {
	background-color:#222222;
	padding: 5px 5px 5px 10px;
	height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFF00;
	font-weight:bold;
	margin-bottom:20px;
}
.bigheadline_gray_bar {
	background-color:#222222;
	padding: 0px 10px 0px 10px;
}
.white_arial22 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 34px;
}
.yellow_color {color: #FFFF00}
.headline_yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFFF00;
	line-height: 24px;
}
#applications h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFFF00;
	line-height: 24px;
	font-weight:normal;
}

a.yellowbold_link:link {
	color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
}
a.yellowbold_link:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFF00;
}
a.yellowbold_link:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
a.yellowbold_link:active {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}


.body16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
}
.body14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 18px;
}
.body12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
}
.body12_yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	line-height: 14px;
}
.body14_yellowbold {
	font-size: 14px;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.headline18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFF00;
	font-weight:bold;
}
.white18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight:400;
	line-height:28px;
}
.tableHeader {
	font-size: 14px;
	font-size: 14px;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	border-color:#CCCCCC;
	background-color:#222222;
}
.SpecTableBorder {
	border-color:#CCCCCC;
}

a.subnav:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.subnav:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a.subnav:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
a.subnav:active {
	text-decoration: none;
	color: #CCCCCC;
}
a.bodylink:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
a.bodylink:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
a.bodylink:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFF00;
}
a.bodylink:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFF00;
}

.pic_20pxTop {
	margin-top:20px;
}

/* **************** MAIN NAV BUTTONS ******************** */
#btnHome {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-home.jpg);
  background-repeat:no-repeat;
}
#btnHome:hover { 
  background-position: 0 -25px;
}
#btnHome span {
  display: none;
}
#home #btnHome {
	background-position: 0 -50px;
}

#btnAbout {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-about.jpg);
  background-repeat:no-repeat;
}
#btnAbout:hover { 
  background-position: 0 -25px;
}
#btnAbout span {
  display: none;
}
#about #btnAbout {
	background-position: 0 -50px;
}

#btnProducts {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-products.jpg);
  background-repeat:no-repeat;
}
#btnProducts:hover { 
  background-position: 0 -25px;
}
#btnProducts span {
  display: none;
}
#products #btnProducts {
	background-position: 0 -50px;
}

#btnApplications {
	margin-top:1px;
  display: block;
  width: 109px;
  height: 26px;
  background-image:url(images/btn-applications.jpg);
  background-repeat:no-repeat;
}
#btnApplications:hover { 
  background-position: 0 -26px;
}
#btnApplications span {
  display: none;
}
#applications #btnApplications {
	background-position: 0 -52px;
}

#btnResources {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-resources.jpg);
  background-repeat:no-repeat;
}
#btnResources:hover { 
  background-position: 0 -25px;
}
#btnResources span {
  display: none;
}
#resources #btnResources {
	background-position: 0 -50px;
}

#btnDistributors {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-distributors.jpg);
  background-repeat:no-repeat;
}
#btnDistributors:hover { 
  background-position: 0 -25px;
}
#btnDistributors span {
  display: none;
}
#distributors #btnDistributors {
	background-position: 0 -50px;
}

#btnContact {
  display: block;
  width: 109px;
  height: 25px;
  background-image:url(images/btn-contact.jpg);
  background-repeat:no-repeat;
}
#btnContact:hover { 
  background-position: 0 -25px;
}
#btnContact span {
  display: none;
}
#contact #btnContact {
	background-position: 0 -50px;
}


/* ************* PRODUCT SUBNAV TABS *************** */

.subnavbtn {
	display: block;
	height: 25px;
	background-repeat:no-repeat;
}
.subnavbtn span {
  display: none;
}
.subnavbtn:hover { 
  background-position: 0 -25px;
}
	
#btnProdOverview {
  width: 88px;
  background-image:url(images/btn-prod-overview.png);
}
#overview #btnProdOverview {background-position:0 -50px;}

#btnProdLineOptions {
  width: 106px;
  background-image:url(images/btn-prod-lineoptions.png);
}
#lineoptions #btnProdLineOptions {background-position:0 -50px;}

#btnProdLadderOptions {
  width: 121px;
  background-image:url(images/btn-prod-ladderoptions.png);
}
#ladderoptions #btnProdLadderOptions {background-position:0 -50px;}

#btnProdFeatures {
  width: 85px;
  background-image:url(images/btn-prod-features.png);
}
#features #btnProdFeatures {background-position:0 -50px;}

#btnProdTechSpecs {
  width: 126px;
  background-image:url(images/btn-prod-technicalspecs.png);
}
#specs #btnProdTechSpecs {background-position:0 -50px;}

#btnProdKits {
  width: 111px;
  background-image:url(images/btn-prod-kits.png);
}
#kits #btnProdKits {background-position:0 -50px;}

