body { margin:0; padding:0; background-color:#4C4F42; color:#000000; font-family: "Trebuchet MS", arial, helvetica, sans-serif; voice-family: "\"}\""; voice-family:inherit; font-size: 14px; line-height:15px; }
html>body { font-size: 12px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#hm_container {width:780px; height:auto; margin: 5px auto; padding:0; text-align: left; background-image:url(../../images/main_body_bds_bg.jpg); background-position: top center; background-repeat: repeat-y;}
#main_container {width:780px; height:auto; margin: 10px auto; padding:0; text-align: left; background-image:url(../../images/secondary_body_bds_bg.jpg); background-position: top center; background-repeat: repeat-y;}
#header {width:780px; height:175px; margin:0; padding:0; font-size: 12px; color:#FFFFFF; background-image:url(../../images/secondary_header_bds_bg.jpg); background-position: top center; background-repeat: no-repeat;}
#bayer_trucking_header {width:780px; height:175px; margin:0; padding:0; font-size: 12px; color:#FFFFFF; background-image:url(../../images/bayer_trucking_header_bds_bg.jpg); background-position: top center; background-repeat: no-repeat;}
#nav {text-align:center; padding-top:5px;}
#body {width:740px; height:auto; margin: 0; padding:0 20px;}
#footer {width: 780px; height:39px; margin:0; padding:10px 0 0 0; color:#8A9476; text-align:center; background-image:url(../../images/secondary_footer_bds_bg.jpg); background-position: top center; background-repeat: no-repeat;}
#hm_subfooter {width: 780px; height:auto; margin:0px auto; padding:0; color:#8A9476; text-align:center;}
#left_col {margin:0 22px 0 0; padding:0; width:166px; height:auto; float:left;}
#right_col {margin:0; padding:0; width: 550px; height:auto; float:left;}

.hm_spotlight_banner {margin-bottom:7px; padding:0; width: 165px; height:120px;}
.hm_search_banner {margin-bottom:7px; padding:0; width: 165px; height:120px;  background-image:url(../../images/hm_search_bg.jpg); background-position: top center; background-repeat: no-repeat; text-align:center;}
.hm_dealer_banner {margin:0; padding:0; width: 165px; height:120px;  background-image:url(../../images/hm_dealer_bg.jpg); background-position: top center; background-repeat: no-repeat; text-align:center;}

#temp1_left_col {margin:0; padding:0; width:370px; height:auto; float:left;}
#temp1_right_col {margin:0; padding:0; width: 180px; height:auto; float:left;}

.quarter_column {margin:0; padding:0; width:135px; height:auto; float:left; text-align:center;}
.half_column {margin:0; padding:0; width:275px; height:auto; float:left; text-align:center;}
.third_column {margin:0; padding:0; width:180px; height:auto; float:left; text-align:center;}
.four_column {margin:0; padding:0 0 0 2px; width:135px; height:auto; float:left; text-align:center;}
.others_col {margin:0; padding:0; width:70px; height:auto; float:left; text-align:center;}

/* Navigation
----------------------------------------------- */
#mainnavcontainer {margin:0; padding:25px 20px 0 0; color:#ffffff; float:right; clear:both;}
#navcontainer {margin:0; padding:95px 40px 0 0; width:auto; color:#ffffff; float:right; clear:both;}
.mainnav {margin:0 20px 0 0; padding:0 20px 0 0; width:auto; height:15px; border-right:1px solid #ffffff; float:left;}
.mainnav-last {margin:0 0 0 0; padding:0 0 0 0; width:auto; height:15px; float:left;}
a.navlink:link, a.navlink:visited, a.navlink:active {color:#ffffff; text-decoration:none; font-size:14px;}
a.navlink:hover {color:#4C4F42;}
a.snavlink:link, a.snavlink:visited, a.snavlink:active {color:#4C4F42; text-decoration:none; font-size:14px;}
a.snavlink:hover {color:#4C4F42;}
a.gnavlink:link, a.gnavlink:visited, a.gnavlink:active {color:#4C4F42; text-decoration:none; font-size:12px;}
a.gnavlink:hover {color:#4C4F42;}

a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active {color:#4C4F42; text-decoration:none; font-size:11px;}
a.breadcrumbs:hover {color:#4C4F42; text-decoration:underline;}


/* text styles */
h1 { margin:0; padding:10px 0; font-size: 24px; color: #000; font-weight: bold;}
h3 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000000;}
.humanst { margin:0; padding:10px 0; font-size: 16px; color: #000; font-weight: bold;}
.exponto { margin:0; padding:10px 0; font-size: 14px; color: #000; font-weight: bold;}
p {margin:0; padding:0 0 10px 0;}
.clear {clear:both;}


/* link styles */
a:link, a:visited, a:active {color:#993300; text-decoration:none; font-size:14px;}
a:hover {color:#4C4F42; text-decoration:underline;}

a.bold:link, a.bold:visited, a.bold:active {color:#993300; font-weight:bold; text-decoration:underline; font-size:14px;}
a.bold:hover {color:#4C4F42; text-decoration:none;}

a.nav:link, a.nav:visited, a.nav:active {color:#ffffff; text-decoration:none; font-size:12px;}
a.nav:hover {color:#867327;}


/* misc styles */
.img_border_left {margin:0 5px 5px 0; border:3px solid #7E845A;}
.img_border_right {margin:0 5px 0 5px; border:3px solid #7E845A;}
.img_border {margin:0; border:3px solid #7E845A;}


/* form styles */
.field {padding: 5px 0; clear:both;}
.label {font-weight: normal; font-size:14px; width: 155px; float: left; padding-top:4px;}
.pull {font-family: Verdana, sans-serif; color: #000; font-size: 10px; background: #ccc; border: 1px solid #ddd;}
.form_hdr {margin: 20px 0; padding: 5px 5px; color: #fff; background-color:#7E845A; font-size: 12px; font-weight: bold;}

/* lists */
#content_left ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

/* backgrounds */
.acclimatedBg {margin:10px 0 15px 0; padding:10px 5px 5px 5px; border-bottom:1px solid #4C4F42; border-top:1px solid #4C4F42;}
.otherBg {margin:10px 0; padding:10px; border:1px solid #8B9477; background-color:#BFBC91; text-align:center;}
.spotlightBg {margin:10px 0; padding:10px; border:1px solid #8B9477; background-color:#BFBC91;}
.sectionBg {margin:10px 0; padding:3px; border:1px solid #8B9477; background-color:#BFBC91; width:200px;}
.sectionBg .hdr {font-size: 14px; font-weight: bold; width:auto; background-color:#CDCD7C;}
.sectionBg ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

.galleryBg {margin:10px 0; padding:10px; border:1px solid #8B9477; height:auto; background-color:#BFBC91; clear:both;}

/* tables */
.tablehead {color: #000; font-style: normal; font-size: 11px; background:#B6AF7E; vertical-align:top; width: 525px; margin:10px 0 20px 0;}
.colhead {background:#4C4F42; color: #fff; font-weight: bold; font-size: 11px;}
.oddrow {background-color: #ffffff;}
.evenrow {background-color: #ececec;}
.tablebbtm {border-bottom:1px solid #4C4F42;}

/* definition list styles */
.border_bottom {border-bottom:1px solid #9B9575;}
dl.table-display {width: 550px; margin: 2em 0; padding: 0; font-family: georgia, times, serif;}
.table-display dt {width: 210px; float: left; margin: 0 0 0 0; padding: 10px; border-top: 1px solid #636954;}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.table-display dd{float: left; width: 300px; margin: 0 0 0 0; padding: 10px; border-top: 1px solid #636954;}

/* Product searchdetail tabs */
#tabsdiv {width: 300px; height: 40px; position: relative; border-bottom:1px solid #666;}
#tabs {position: absolute; width: 300px; height: 21px; margin: 0px; padding: 0px 0px 0px 5px; left: 0px; bottom: -1px;}
html>body #tabs { bottom: 0px }
#tabs .tab {height: 14px; float: left; background-color: #8b9477; border: 1px solid #666; padding: 4px 5px 2px 5px; margin: 0px 2px 0px 2px;}
#tabs a {font-family: Arial, sans-serif; font-size: 11px; padding: 0px 20px 0px 20px; font-weight: bold; color: #fff; text-decoration: none;}
#tabs a:hover {text-decoration: underline;}
#tabs #tab-here {border-bottom-color: #636954; background-color: #636954;color: #ffffff;}