body { margin:0; padding:0; background-color:#0B0B3B; color:#FFFFFF; font-family: 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-color:#0B3861;}
#main_container {width:780px; height:auto; margin: 10px auto; padding:0; text-align: left; background-color:#084B8A;}
#header {width:780px; height:175px; margin:0; padding:0; font-size: 12px; color:#FFFFFF; background-image:url(images/img02.jpg); background-position: top center; background-repeat: repeat-x;}
#nav {text-align:center; padding-top:5px;}
#body {width:740px; height:auto; margin: 0; padding:0 20px;}
#footer {z-index:2; width: 780px; height:39px; margin:0; padding:10px 0 0 0; color:#F2F2F2; text-align:center; background-image:url(images/img02.jpg); background-position: top center; background-repeat: repeat-x;}
#subfooter {width: 780px; height:auto; margin:0px auto; padding:0; color:#8A9476; text-align:center;}
#left_col {background-color:#0B243B; margin:0 22px 0 0; padding:0; width:175px; height:auto; float:left;}
#right_col {margin:0; padding:0; width: 550px; height:auto; float:left;}
#sales_hr {color:#0B243B; height:5px; line-height:30px;}
#email {border:none; text-decoration:none; margin-left:150px; margin-bottom:25px; margin-top:5px; padding:2px; width:100px; font-size:25px; line-height:30px; color:#ffffff; font-weight:bold;}
#contact {margin:25px 25px 25px 25px; text-align:top;}
#newpage {page-break-before:always;}

#cat_page {width:780px; height:auto; margin: 5px auto; padding:0; text-align:left; background-color:#4C4F42;}
.product {margin:25px 25px 25px 25px; padding:15px 15px 15px 15px; text-align:left; color:#FFFFFF; font-size:14px;}
.product2 {z-index:2; padding:15px 15px 15px 15 px; text-align:center; font-size:12px; color:#FFFFFF;}
a.product2:link, a.product2:visited, a.product2:active {color:#FFFFFF; text decoration:none; font-size:14px;}
a.product2:hover {color:#FFFFFF; text-decoration:underline;}

th.product3 {text-align:center; background-color:#4C4F42;}

.header_name {float:left; top:25px; left:335px; width:auto; margin:50px; line-height:35px; font-size:30px; color:#ffffff; font-family:serif;}
.subheader_name {float:left; top:35px; left:335px; width:auto; margin:0 45px; line-height:20px; font-size:15px; color:#ffffff; font-family:serif; font-style:italic;}
.search_banner {background-color:#0B243B; float:left; margin-top:10px; padding:0; width:165px; height:60px; text-align:center;}
.browse_banner {margin-bottom:7px; padding:0; width: 165px; height:120px; text-align:center; align:center;}
.newstock_banner {margin:0; padding:0; width:165px; height:200px; text-align:center; border:3px; border-color:white; align:center;}

#cat_head {margin-top:20px; padding:2; width:780px; line-height:25px; float:left; text-align:left; font-size:20px;}
#cat_foot {margin-left:50; padding:2; width:780px; height:auto; float:left; text-align:center;}


#quarter_column_left {margin:0; padding:0; width:135px; height:auto; float:left; text-align:left;}
#quarter_column_leftmid {margin:135; padding:0; width:135px; height:auto; float:left; text-align:center;}
#quarter_column_rightmid {margin:270; padding:0; width:135px; height:auto; float:left; text-align:center;}
#quarter_column_right {margin:405; padding:0; width:135px; height:auto; float:left; text-align:center;}

.three_column_left {margin:0; padding:0; width:180px; height:auto; float:left; text-align:center;}
.half_column {margin:0; padding:0; width:275px; 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
----------------------------------------------- */

.catnav {padding-left:10px; width:165px; height:auto; line-height:20px; float:left; font-size:18px; color:#8181F7;}
.scatnav {padding-left:10px; width:165px; height:auto; line-height:20px; float:left; font-size:18px; color:#FFFFFF;}

a.catnav:link, a.catnav:visited, a.catnav:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.catnav:hover {color:#FFFFFF; background-color:#0B0B3B;}
a.scatnav:link, a.scatnav:visited, a.scatnav:active {color:#FFFFFF; text-decoration:none; font-size:14px;}
a.scatnav:hover {color:#FFFFFF; background-color:#0B0B3B;}

.catnav2 {padding-left:20px; width:155px; height:auto; line-height:20px; float:left; font-size:18px; color:#0174DF;}
.scatnav2 {padding-left:20px; width:155px; height:auto; line-height:20px; float:left; font-size:18px; color:#FFFFFF;}

a.catnav2:link, a.catnav2:visited, a.catnav2:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.catnav2:hover {color:#FFFFFF; background-color:#0B0B3B;}
a.scatnav2:link, a.scatnav2:visited, a.scatnav2:active {color:#FFFFFF; text-decoration:none; font-size:14px;}
a.scatnav2:hover {color:#FFFFFF; background-color:#0B0B3B;}

.catnav3 {padding-left:30px; width:145px; height:auto; line-height:20px; float:left; font-size:18px; color:#0174DF;}
.scatnav3 {padding-left:30px; width:145px; height:auto; line-height:20px; float:left; font-size:18px; color:#FFFFFF;}

a.catnav3:link, a.catnav3:visited, a.catnav3:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.catnav3:hover {color:#FFFFFF; background-color:#0B0B3B;}
a.scatnav3:link, a.scatnav3:visited, a.scatnav3:active {color:#FFFFFF; text-decoration:none; font-size:14px;}
a.scatnav3:hover {color:#FFFFFF; background-color:#0B0B3B;}

.catnav4 {padding-left:40px; width:135px; height:auto; line-height:20px; float:left; font-size:18px; color:#0174DF;}
.scatnav4 {padding-left:40px; width:135px; height:auto; line-height:20px; float:left; font-size:18px; color:#FFFFFF;}

a.catnav4:link, a.catnav4:visited, a.catnav4:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.catnav4:hover {color:#FFFFFF; background-color:#0B0B3B;}
a.scatnav4:link, a.scatnav4:visited, a.scatnav4:active {color:#FFFFFF; text-decoration:none; font-size:14px;}
a.scatnav4:hover {color:#FFFFFF; background-color:#0B0B3B;}

.salesnav {padding-left:25px; width:150px; height:auto; line-height:20px; float:left; font-size:18px; color:#0174DF;}
.ssalesnav {padding-left:25px; width:150px; height:auto; line-height:20px; float:left; font-size:18px; color:#FFFFFF;}

a.salesnav:link, a.salesnav:visited, a.salesnav:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.salesnav:hover {color:#FFFFFF; background-color:#0B0B3B;}
a.ssalesnav:link, a.ssalesnav:visited, a.ssalesnav:active {color:#FFFFFF; text-decoration:none; font-size:14px;}
a.ssalesnav:hover {color:#FFFFFF; background-color:#0B0B3B;}

.salesnav2 {padding-left:40px; width:135px; height:auto; line-height:20px; float:left; font-size:18px; color:#0174DF;}
.ssalesnav2 {padding-left:40px; width:135px; height:auto; line-height:20px; float:left; font-size:18px; color:#8181F7;}

a.salesnav2:link, a.salesnav2:visited, a.salesnav2:active {color:#8181F7; text-decoration:none; font-size:14px;}
a.salesnav2:hover {color:#4C4F42; background-color:#0B0B3B;}
a.ssalesnav2:link, a.ssalesnav2:visited, a.ssalesnav2:active {color:#4C4F42; text-decoration:none; font-size:14px;}
a.ssalesnav2:hover {color:#4C4F42; background-color:#0B0B3B;}

a.email:link, a.email:visited, a.email:active {color:#FFFFFF; text-decoration:none; font-size:14px;}



#mainnavcontainer {margin:0; padding:25px 20px 0 0; color:#ffffff; float:right; clear:both;}
#navlinks {margin:0; padding:5px 40px 5px 40px; width:auto; color:#ffffff; background-color:#0B243B; 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:#FFFFFF; text-decoration:underline;}
a.snavlink:link, a.snavlink:visited, a.snavlink:active {color:#FFFFFF; text-decoration:underline; font-size:14px;}
a.snavlink:hover {color:#FFFFFF; text-decoration:underline;}
a.gnavlink:link, a.gnavlink:visited, a.gnavlink:active {color:#FFFFFF; text-decoration:none; font-size:12px;}
a.gnavlink:hover {color:#FFFFFF; text-decoration:underline;}

a.footprints:link, a.footprints:visited, a.footprints:active {color:#8181F7; text-decoration:none; font-size:11px;}
a.footprints:hover {color:#8181F7; text-decoration:underline;}
.footprints {color:#8181F7; font-size:11px;}

/* 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;}
.title { margin:0; padding:10px 0; font-size: 20px; color: #FFFFFF; font-weight: bold;}
.title1 { margin:0; padding:10px 0; font-size: 18px; color: #FFFFFF; font-weight: bold;}
.title2 { margin:0; padding:10px 0; font-size: 16px; color: #FFFFFF; font-weight: bold;}
.title3 { margin:0; padding:10px 0; font-size: 14px; color: #FFFFFF; font-weight: bold;}
p {margin:0; padding:0 0 10px 0;}
.clear {clear:both;}
.fantasy { font-family:fantasy; font-weight:bold; font-size:18px;}
.news {color:#000000; text-decoration:italic; font-size:12px;}


/* link styles */
a:link, a:visited, a:active {color:#ffffff; 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;}

a.news:link, a.news:visited, a.news:active {color:#000000; text-decoration:italic; font-size:12px;}
a.news:hover {color:#000000;}

a.title2:link, a.title2:visited, a.title2:active { margin:0; padding:10px 0; font-size: 16px; color: #FFFFFF; font-weight: bold;}
a.title2:hover {color:#FFFFFF;}

a.title3:link, a.title3:visited, a.title3:active { margin:0; padding:10px 0; font-size: 14px; color: #FFFFFF; font-weight: bold;}
a.title3:hover {color:#FFFFFF;}


/* 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/img02.jpg) repeat-x repeat-y 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;}