/* CSS Document */

body {text-align:center; font-family: Arial, Helvetica, sans-serif; color:#000; background:#fff; margin:0; padding:0;}

#wrap_indexpage { margin:0 auto; width:900px; border-left: 3px solid #AEAEAE; border-right:3px solid #AEAEAE; background-color: #fff; }
#wrap { margin:0 auto; width:900px; border-left: 3px solid #AEAEAE; border-right:3px solid #AEAEAE; background-color: #fff; background:url(img/contentbg.jpg) repeat-y;}

.container {margin:0 auto; width: 850px;}

#header {background: url(img/header.png) repeat-x; height:135px; border-top: 2px solid #AEAEAE; }
#topbar {color: #fff; height: 30px; line-height:30px; text-align:right; padding-right:5px; font-size:14px; font-weight:bold;}

#logo {float:left}
#logo a {width:180px; height:80px; display:block; background: url(img/logo.png) no-repeat;}
#logo a span{display:none;}

#content_indexpage {background: #ffffff url(imgs/content.png) repeat-x; padding:20px 0 10px 0; text-align:left;}
#content {padding:0; text-align:left; background:url(imgs/contentbg.jpg) repeat-y;}


#footer {text-align:center; padding: 5px; font-weight:bold; background: url(img/footergradient.jpg); background-repeat:repeat;
border-top:1px solid #D7D7D7; border-bottom:3px solid #AEAEAE; clear:both; margin-bottom:30px; }
#footer p {font-weight:bold; color:#464646; }
#footer a {text-decoration:none;}
#footer a:hover, #address a:active {color:#6A6A48;}

h1 {color: #886644; font-size:16px; margin-bottom:10px; font-weight:normal;}
h1 a {color:#886644;}
h1 a:hover, a:active {color:#000; font-weight:bold;}
#emphasis a {color:#FF6600; font-weight:bold;}
#emphasis a:hover, a:active {color:#000; font-weight:bold;}
p {line-height:16px; font-size:12px;} 
a {color:#000;}
a:hover, a:active {color:#886644; font-weight:bold;}
h2 {text-align:center; font-variant:small-caps; text-align:left; color:#886644;  font-weight:bold; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h7 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-top:10px; padding-top:3px; padding-bottom:3px;}
#column_left {float: left; width: 200px; font-size:12px; color: #FFF; padding-top: 10px;}

#leftmenu {padding:0; margin-top: 5px; margin-bottom:0;}
#leftmenu h1 {font-size:14px; font-weight:bold; padding-left:10px; color:#FFFFCC;}
ul#leftmenu  {margin:0; list-style-type:none; text-align:left;}
ul#leftmenu li {border-bottom: 1px solid #FFCC33; background-color:#939598; padding: 0; line-height:22px;}
ul#leftmenu li a {color: #fff; text-decoration:none; display:block; padding-left: 8px; line-height:22px; background-color:#5a6679; font-weight:bold;}
ul#leftmenu li a:hover, #subnav ul li a:active {color:#886644; background:#EFEAE5;}
ul#leftmenu li.active a {font-weight:bold; background:#fff; color:#666;}
ul#leftmenu li.active a:hover, #subnav ul li.active a:active {color:#886644; background:#EFEAE5;}

#request img {text-align:center; margin-top:18px; margin-left: 9px; border:none; margin-bottom: 40px;} 

#submenu {padding:0; margin-bottom:0;}
#submenu h1 {font-size:14px; font-weight:bold; padding-left:10px; color:#FFFFCC;}
ul#submenu  {margin:0; list-style-type:none; text-align:left;}
ul#submenu li {border-bottom: 1px solid #FFCC33; background-color:#707e94; padding: 1px 0 1px 0; line-height:17px;}
ul#submenu li a {color: #fff; text-decoration:none; display:block; padding-left: 20px; line-height:17px; background-color:#707e94; font-weight:bold;}
ul#submenu li a:hover, #subnav ul li a:active {color:#886644; background:#EFEAE5;}
ul#submenu li.active a {font-weight:bold; background:#fff; color:#666;}
ul#submenu li.active a:hover, #subnav ul li.active a:active {color:#886644; background:#EFEAE5;}



#column_right {color:#000; float:left; margin: 0; padding-top:15px; text-align:left; margin-left:30px; width: 650px; background:#fff;}
#column_right h2 {color:#886644; font-size:12px; font-weight:bold; clear:both;}
#column_right h4 {color:#886644; font-size:13px; font-weight:bold; clear:both; font-variant:small-caps; text-align:center; margin-top:0; margin-bottom:5px;}
#column_right h4 a {color:#886644; font-size:13px; font-weight:bold; clear:both; font-variant:small-caps; text-decoration:none;}
#column_right h4 a:hover, #column_right h4 a:active {color:#886644; background:#EFEAE5;}
#column_right h4 a:hover, #column_right h4 a:active {color:#886644; background:#EFEAE5;}

#column_right img {padding:1px; border: 1px solid #D1D3D4; float:left; margin: 0 20px 10px 0;}
#column_right li {font-size:12px; list-style-type:none;}
#column_right h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; border-top: 1px solid #D1D3D4; 
border-bottom: 1px solid #D1D3D4; margin-top:10px; padding-top:3px; padding-bottom:3px;}
#column_right h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	color: #666666;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#column_right h5 {font-size:10px; font-weight:bold; border-top:1px dashed #6F7071; padding-top: 5px;
border-bottom:1px dashed #6F7071; padding-bottom: 5px;}
#column_right h6 {font-size:11px; font-weight:bold; padding-top: 0px; 
border-bottom:1px solid #FFCC33; color: #000066; padding-bottom: 1px;}
#column_right h8 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;  clear:both; font-weight:bold;
color:#666666; margin-top:10px; padding-top:3px; padding-bottom:3px;}
#subcol_left {width:290px; float:left; padding-top: 10px;}
#subcol_right {width:290px; float:right; padding-top: 10px;}
#subcol_left p {font-size:12px; color:#666666;}
#subcol_right p{font-size:12px; color:#666666;}
#subcol_left p a {color:#B88A01; text-decoration:none;}
#subcol_right p a {color:#B88A01; text-decoration:none;}
#subcol_left p a:hover, #columnleft2 p a:active {color:#C81B13;}
#subcol_right p a:hover, #columnleft2 p a:active  {color:#C81B13;}

#spec {padding-left:18px;}
#spec li {line-height:20px; list-style-type:square;}
#spec a {text-decoration:none;}

#gallery img{border:1px solid #A8A8A8; margin-left:5px; margin-top:1px; margin-bottom:20px; padding: 5px;}
#gallery p {border-top: 2px dotted #ffcc33; padding-top: 15px; clear:both;}

#video img {float:none;padding-left:20px; border:none; }
.box_product {float: left; width: 270px; border-top: 1px dashed #FFCC33; overflow: hidden; padding: 10px 0 0 0; margin-top: 2px; margin-bottom:0;}
.box_productbot {display: block; float:left; width: 272px; height: 16px; background: url(img/box_productbot.png) 0 0 no-repeat; margin-bottom:15px;}
.box_productbot a {display: block; width: 64px; height: 16px; float: right;}
.box_product1 {float: left; width: 270px; border-top: 1px dashed #FFCC33; overflow: hidden; padding: 10px 0 0 0; margin-top: 15px; margin-bottom:0;}
.box_productbot1 {display: block; float:left; width: 272px; height: 16px; background: url(img/box_productbot1.png) 0 0 no-repeat; margin-bottom:15px;}

#detail_left {margin-top:30px; width:310px; float:left;}
#detail_right {margin-top:10px; width: 280px; float:right;}
#detail_right li {list-style-type:disc;}

.button {text-align:center;}
.button li {display:block; display:inline;}
.button li a {color:#fff; background: url(imgs/buttonright.png) no-repeat right; text-decoration:none; font-size:12px; font-weight:bold;
display:block; display:inline-block; height:25px; line-height:25px; border:none;}
.button li a span {display:block; padding: 0 10px; background: url(imgs/buttonleft.png) no-repeat left;}
.button li a:hover, .button li a:active {color:#6C4128;}

table {border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:left; margin-bottom:20px;}
th, td {border-right:1px solid #FBFCFE; border-bottom:1px solid #F0F0F2; padding:1px 5px 1px 5px;}
tr {background:#F3FDFF;}
thead th {background:#036; color: #ffffff;}
tbody th {font-weight:normal; background:#658CB1; text-align:left;padding-left:5px;}
tr.alternate {background:#D7E0EA;}
tr.alternate th {background:#8AA9C7;}


#contact {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; margin-top: 10px; padding:0; float:left; width:200px;}
#contact h1 {font-size:12px; color:#333333; font-variant:small-caps; border:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#contact {margin:0; list-style-type:none; text-align:left; }
ul#contact li {font-size:10px; padding: 0;}

#commentform {float:right; width:400px; padding: 0;margin-top: 10px; margin-bottom:30px;}


#commentform h1{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-variant:small-caps; border:none;}
#commentform label{
float: left;
width: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

#commentform input, textarea{
width: 180px;
margin-bottom: 5px;
}

#commentform textarea{
width: 180px;
height: 150px;
}

.boxes{
width: 1em;
}


#commentform br{
clear: left;
}

#product img {float:right; margin-left: 20px; margin-bottom:10px; width:302px;}
#product li {list-style-type:square;}
#comment {width:400px; padding: 0;margin-top: 10px; margin-bottom:30px;}


#comment h1{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-variant:small-caps; border:none;}
#comment label{
float: left;
width: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

#comment input, textarea{
width: 180px;
margin-bottom: 5px;
}

#comment textarea{
width: 180px;
height: 150px;
}

.boxes{
width: 1em;
}


#comment br{
clear: left;
}

.FB {position:relative; left: 367px; top: -80px;}
.facebook {clear: both; position:relative;}
.IN {position:relative; left: 395px; top: -99px;}

#quote label {display:block; width: 120px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:4px; color:white; 
font-weight:bold;}
#quote input, textarea{
width: 200px;
margin-bottom: 7px;
}
#quote {background: #4f5584; height: 600px; width: 590px; padding:20px;}
#left {width: 220px; float:left;}
#right {float:right; width: 300px; text-align:left;}
#right h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:50px;  margin-top: 10px; color:white; text-align:center;
border: 2px solid white; padding: 10px; font-weight:bold;}
#quote textarea{
width: 200px;
height: 150px;
}
#quote p {color:white; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-left: 10px;}
#quote ul {list-style-type:square; margin-top:40px;}
#quote li {color:white; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#submitbutton{
width: 100px;
margin-top: 15px;
}

.videobox {padding: 5px; margin-right: 10px; margin-bottom: 10px; width: 280px; height:100px; border: 1px solid #D1D3D4; clear:none;}
.videocaption {width: 120px; float: right; margin-top: -10px;}
#videoleft {float:left;}
#videoright {float:right;}

.specsheet {width: 210px; height:290px; clear: none; float:right;}

.applications {width: 66px; clear:none; float: left; margin-right: 8px; margin-left:8px; margin-top: 5px;}
.applications p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight:bold;
text-align:center; color:#333399;}
.applications a {color:#333399; text-decoration: none;}
.applications a:hover, a:active {color:#886644; font-weight:bold;}

#oneleft{float:left; margin-top:0;}
#oneleft p{font-family:Georgia, 'Times New Roman', Times, serif; font-size: 18px; font-weight: bold; color:#000099; margin-top:3px;}
#1stright {float:right; margin-top: 0;}

.appleft {float:left; width: 400px;}
.appright {float:right; width: 204px; padding:0; margin-top: 20px;}
.appright ul {margin-top: 10px; margin-left:0; list-style-type:none; text-align:left; clear:both; border-left: 2px solid #133c7f; border-right: 2px solid #133c7f; width: 200px;}
.appright ul li {border-bottom: 2px solid #133c7f; background-color:#939598; padding: 0; line-height:22px;}
.appright ul li a {color: #000; text-decoration:none; display:block; padding-left: 8px; line-height:22px; background-color:#FFCC33; font-weight:bold;}
.appright ul li a:hover, #subnav ul li a:active {color:#886644; background:#EFEAE5;}
.appright ul li.active a {font-weight:bold; background:#fff; color:#666;}
.appright ul li.active a:hover, #subnav ul li.active a:active {color:#886644; background:#EFEAE5;}

.appfooter {border-bottom: 2px dashed #133c7f; clear:both;}
.indfooter {border-bottom: 2px dashed #133c7f; clear:both; margin-bottom: 10px;}

.industry {clear: both;}
.indright {float:right; width: 550px;}

#ask {background-image:url(img/yellow-splash-bkgnd.png); background-repeat:no-repeat; background-position: 0px 0px; height: 55px;}
#ask p {color:#886644; font-weight:bold; font-size: 11px; padding-left:65px; padding-top:2px; padding-bottom: 3px;}