/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: verdana, sans-serif; font-size: .9em; color: #626262; background: #81a161 url(../assets/main_background.gif) center top no-repeat; }
a, p, dd, li, td { font-family: verdana, sans-serif; }
label, input, textarea, select { font-family: verdana, sans-serif; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: georgia, serif; font-weight: normal; color: #7d9d5d; padding-bottom: .1em; }
p { font-size: .9 em; padding-bottom: .5em; line-height: 1.4em; }
a, a:visited { color: #85a465; text-decoration: underline; }
a:hover { text-decoration: none; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: .8em arial, sans-serif; }

/* structure */
div#wrap { width: 759px; padding: 0; margin: 0 auto; position: relative; }

div#head { position: relative; width: 759px; height: 218px; }
div#head ul.utilitynav { position: absolute; top: 0; left: 0; width: 759px; height: 50px; }
div#head ul.utilitynav li#unav_logotag { position: absolute; left: 35px; top: 11px; }
div#head ul.utilitynav li#unav_aboutus { position: absolute; right: 170px; top: 21px; }
div#head ul.utilitynav li#unav_contactus { position: absolute; right: 68px; top: 21px; }
div#head ul.utilitynav li#unav_faqs { position: absolute; right: 20px; top: 21px; }
div#head img#tbg { position: absolute; left: 0px; top: 0; -moz-opacity: 0.66; filter: alpha(opacity=66); border-bottom: 1px solid #000; }

div#head div#language { position: absolute; right: 20px; top: 55px; font-size: .7em; color: #fff; }
div#head div#language select { font-size: .7em; color: #333; }



div#mainnav { position: relative; width: 759px; height: 40px; margin: 0 auto; background: url(../assets/nav_background.gif) no-repeat; }

div#mainnav ul.mainnav { position: absolute; top: 0; left: 0px; }
div#mainnav ul.mainnav li#nav_home { position: absolute; left: 10px; top: 2px; }
div#mainnav ul.mainnav li#nav_products { position: absolute; left: 104px; top: 2px; }
div#mainnav ul.mainnav li#nav_buynewparts { position: absolute; left: 224px; top: 2px; }
div#mainnav ul.mainnav li#nav_cableandharnessassembly { position: absolute; left: 372px; top: 2px; }
div#mainnav ul.mainnav li#nav_assetrecovery { position: absolute; left: 590px; top: 2px; }

table.partslist { border-collapse: collapse; }

table.partslist th { text-align: left; vertical-align: top; font-size: .8em; padding: 4px 6px; color: #695; }
table.partslist th.head { text-align: left; font-size: 1.6em; border-bottom: 1px solid #9c8; padding-top: 20px; color: #9c8; }
table.partslist th.prefix { text-align: left; }
table.partslist th.number { text-align: left; }
table.partslist th.description { text-align: left; }
table.partslist th.datecode { text-align: right; }
table.partslist th.manufacturer { text-align: left; }
table.partslist th.price { text-align: right; }
table.partslist th.quantity { text-align: right; }
table.partslist th.date { text-align: right; }

table.partslist td { vertical-align: top; font-size: .8em; padding: 4px 6px; }
table.partslist td.prefix { text-align: left; }
table.partslist td.number { text-align: left; }
table.partslist td.description { text-align: left; }
table.partslist td.datecode { text-align: right; }
table.partslist td.manufacturer { text-align: left; }
table.partslist td.price { text-align: right; }
table.partslist td.quantity { text-align: right; }
table.partslist td.date { text-align: right; }

div#content { float: left; width: 759px; margin: 0 auto; }

div#main { float: left; padding: 10px 40px; }

div#main_left { width: 400px; float: left; padding: 10px 40px; }
div#main_left h1 { font-size: 1.80em; }
div#main_left h2 { font-size: 1.60em; }
div#main_left h3 { font-size: 1.40em; }
div#main_left h4 { font-size: 1.20em; }
div#main_left h5 { font-size: 1.00em; }
div#main_left h6 { font-size: 0.80em; }
div#main_left p { font-size: .9em; }

div#main p.contactinfo,
div#main_left p.contactinfo { margin-top: 30px; font-size: .75em; color: #85a465; line-height: 1.1em; }

div#main_right { width: 190px; float: right; padding: 20px 40px; }
div#main_right h1 { font-size: 1.6em; }
div#main_right h2 { font-size: 1.4em; }
div#main_right h3 { font-size: 1.2em; }
div#main_right p { font-size: .7em; margin: 0; color: #333; }
div#main_right textarea#partnumbers { border: 1px solid #8fad72; width: 170px; height: 75px; background: #fffffe url(../assets/partnumbers_search_background.gif) repeat-x; font-size: .7em; color: #555; padding: 5px; }
div#main_right input#search_button { margin-top: 5px; }

div#subnav { float: left;  padding: 10px 10px; width: 200px; }
div#subnav ul { padding-left: 20px; margin-top: 30px; }
div#subnav ul li { font-size: 1.1em; line-height: 2em; color: #d1954c; margin-bottom: 5px; }
div#subnav ul li img { display: inline; }
div#subnav ul li a { display: block; width: 150px; color: #006e3a; text-decoration: none; padding: 3px; border-left: 2px solid transparent; }
div#subnav ul li a:hover { color: #d1954c; color: #fff; border-left: 2px solid #ec008c; }
div#subnav ul li.on a { color: #d1954c; color: #fff; border-left: 2px solid #ec008c; }

div#footer { float: left; width: 759px; height: 80px; margin: 0 auto; padding: 0; }  

div#sitecredit { float: right; padding: 15px 15px 0 0; font-family: arial, sans-serif; font-size: 10px; color: #acc197; }
div#sitecredit a { color: #acc197; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }

div#copyright { float: left; padding: 15px 0 0 15px;  font-family: arial, sans-serif; font-size: 10px; color: #acc197; }
div#copyright a { color: #acc197; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }


div.form { width: 448px; float: left; clear: both; margin: 10px 0; }
form dl { float: left; }
form dt { width: 200px; margin: 0 0 10px 0; float: left; clear: both; }
form dd { width: 240px; margin: 0 0 10px 0; float: left; }
input.px200 { width: 220px; }

#contactform { width: 300px; float: right; padding: 20px; background-color: #fbe7ff; }
#contactform label { font-weight: bold; color:#993366; }
#contactform input { font: small arial, sans-serif; color:#993366; width: 280px; margin-bottom: 10px; }
#contactform textarea { font: small arial, sans-serif; color:#993366; width: 280px; height: 100px; margin-bottom: 10px; }
#contactform .button { width: auto; margin-bottom: 10px; color:#333; }


/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */