body { position: relative; margin: 0 auto; width: 100%; background: #c3d9f4; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }

#mainpage { background: url(../images/header-bkgnd.jpg) top left repeat-x; width: 100%; }
#header { width: 800px; margin: 0 auto; position: relative; }
#header h1 { display: none; }
#header .home_link { position: absolute; top: 0; left: 0; width: 383px; height: 85px; text-indent:-2000px; }

#pagewrap { margin: 20px auto 5px auto; width: 740px; background: white; padding: 30px; position: relative; border: 3px solid #a2bddd; }
#pagewrap h1 { font: normal 40px/60px Georgia; color: #a1a1a1; border-bottom: 1px solid #c3d9f4; margin: 0 0 20px 0; }

#pagewrap-products { margin: 20px auto 5px auto; width: 800px; background: white; border: 3px solid #a2bddd; padding-bottom: 20px; }

#mainphoto { margin: 15px 0 0 0; border: 10px white solid; height: 380px; }
#content { width: 800px; margin: 0 auto; padding: 0 0 0 0; }

.col1 { float: left; margin: 30px 0 0 0; width: 177px; }
.col2 { float: left; margin: 30px 0 0 40px; width: 260px; }
.col2 p { font: normal 14px/25px arial; padding: 0 0 10px 0; color: #01223c; }
.col3 { float: right; margin: 8px 0 0 0; }
#col-left { width: 60%; float: left; padding: 0 15px 0 0; }
#col-right { width: 30%; float: right; background: #e5e5e5; padding: 15px; }

p { font: normal 15px/25px arial; color: #333; padding: 5px 0 ; }

.formText { margin: 10px 0 0 0; width: 100%; }
.formText p { color: #858585; font-weight: normal; font: 12px/22px arial,sans-serif; padding: 0 0 10px 0; }
.form-head { font: bold 11px/10px arial; text-transform: uppercase; letter-spacing: 2px; margin: 30px 0 0 0; color: #004071; }

.leftcol { width: 280px; float: left; }
.rightcol { margin: 30px 0 0 300px; width: 400px; }

.leftcol h2 { font: normal 20px/25px arial; color: black; padding: 5px 0 20px 0; }
.leftcol, .rightcol h3 { font: bold 15px/18px arial; color: #369; padding: 5px 0; }
.leftcol h4 { font: normal 13px/18px arial; color: black; padding: 20px 0 0 0; }
.leftcol h4 span { font: bold 9px/18px arial; color: #666; padding: 0 0 0 5px; text-transform: uppercase; }

.contactus { font: bold 15px/18px arial; color: black; padding: 5px 0; }

.formWidth input { width: 100%; border: 1px solid #777; padding: 4px; }
.formWidth textarea { width: 100%; border: 1px solid #777; padding: 4px; }

.product-row { width: 640px; padding: 0 0 0 150px; margin: 20px 0; }
.product-box { width: 144px; margin: 0 15px 0 0; float: left; }
.product-box-wide { width: 200px; margin: 0 13px 0 0; float: left; }
.product-model { font: normal 9px/14px arial, sans-serif; color: #555; padding: 2px 0 0 0; }
.product-model span { font: bold 15px/16px arial, sans-serif; color: #004071; letter-spacing: 0px; }
.product-description { font: normal 11px/15px arial, sans-serif; color: black; padding: 2px 0 0 0; border-top: 1px dotted #ccc; }

#footer { width: 100%; clear: both; }
#footerwrap { width: 800px; margin: 10px auto; font: normal 18px/40px arial; color: #00233d; }
#footerwrap h1 { float: left; }
#footerwrap h2 { float: right; margin: 0; }
#footerwrap h3 { font: normal 13px/30px arial; color: black; text-align: center; clear: both; border-top: 1px solid white; }
#footerwrap h3 span { padding: 0 8px; font-weight: bold; color: white; }

.clear { clear: both; }

.cat-head { font: normal 18px/18px Arial; color: black; border-left: 16px solid #e5e5e5; padding-left: 10px; }
.cat-head-specs { font: bold 11px/11px Arial; color: #004071; padding: 10px 0 0 28px; }
.cat-description { font: normal 13px/18px Arial; color: #444; padding: 10px 20px 15px 0; }
.cat-description span { color: #004071; font-weight: bold; }
.x-indent { margin: 0 0 0 150px; }

.product-category { width: 230px; float: left; padding: 0 25px 0 0; }
.product-category-last { width: 230px; float: left; padding: 0 0 0 0; }
.prodhead { font: bold 15px/17px arial, sans-serif; color: #004071; padding: 5px 0 40px 0; border-top: 1px dotted #ccc; text-align: center; }

.click2 { font: bold 12px/12px arial, sans-serif; color: #444; padding: 6px 0 4px 0; text-align: center; border: 2px solid #cc0101; margin: 0 20px 15px 0; background: #efefef; }

.click { font: bold 12px/12px arial, sans-serif; color: #004071; padding: 5px 0 4px 0; text-align: center; background: #e5e5e5; margin: 0 20px 15px 0; border: 1px solid #ccc; }

.sep-line { border-bottom: 2px solid #e2e2e2; margin: 10px 15px -7px 140px; }

/* PRODUCT TABLES */

#tables { margin: 20px 30px 0 0; background: #ffffff; }
table { font: normal 11px/15px arial; }
td.title { font: bold 15px/15px arial; color: black; padding: 5px; border-top: 2px solid black; background: #e0e0e0; }
td.end { font: bold 15px/15px arial; color: black; padding: 5px; border-top: 2px solid black; }
td.model { font-weight: bold; color: #004071; padding: 5px 15px 5px 5px; border-top: 1px solid #ccc; width: 25%; }
td.description { color: black; padding: 5px 5px 5px 20px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 75%; }

#dist-photos { margin: 15px 0 0 0; }
#dist-photos h1 { font: bold 20px/25px arial; color: black; border-bottom: 0; border-top: 3px solid #ccc; padding: 20px 0 0 0; margin: 0; }
#dist-photos p { font: normal 15px/25px arial; color: #333; padding: 15px 0 ; }
.download-methods ul { font: normal 14px/18px arial; color: #333; padding: 0 100px 20px 30px; }
.download-methods ol { font: normal 14px/18px arial; color: #333; padding: 0 100px 20px 30px; }
.download-methods li { padding: 0 0 10px 30px; list-style: none; }

.tabs { font: Bold 20px/24px arial; color: #777; padding: 0 0 10px 0; }

.product-head { font: bold 15px/18px arial; padding: 0 0 15px 0; }
ul.products { font: normal 12px/20px arial; text-decoration: none; list-style: none; margin: 0 0 20px 0; color: #555; }

.product-col { float: left; width: 160px; padding: 0 10px 0 0; }

.prod-cat-head { font: bold 13px/15px arial; margin: 0 20px 5px 0; color: #777; border-bottom: 1px solid #e3e3e3; }

.adaptor { float: left; width: 115px; clear: both; margin: 0 0 0 30px; }
.adaptor h1 { text-align: center; font: bold 15px/15px arial; color: #000; margin: 0 5px 0 0; background: #c3d9f4; padding: 5px 0; border-top: 2px solid black; border-bottom: 1px solid #ccc; }

.subhead { font: bold 25px/30px arial; color: #369; }

a.entireCategory { font: bold 11px/15px arial; background: #d0e3f3; color: black; border: 1px solid #296BA5; padding: 4px 11px; margin: 0 30px 0 0; }
a:hover.entireCategory { font: bold 11px/15px arial; background: white; color: black; border: 1px solid #296BA5; padding: 4px 11px; }

.product-description hr { margin:2px 0; padding:0px; border-bottom:1px dotted #ccc; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block; }

ul.products input { margin: 0 10px 0 0; }


