html { min-height: 100%; margin-bottom: 1px; }
body {margin: 0; text-align: center; background: #d9d9d9; font-size: 10px; line-height: 1em}
body, table {font-family: Verdana, Arial, Helvetica, sans-serif}
table {font-size: 1.0em;}
a {color: #003580}
img {border: none}
#container {width: 780px; margin: auto; padding: 0; background: #fff; text-align: left}
table#nav {width: 100%; background: #191919}
table#nav td {padding: 0; vertical-align: top}
table#nav td.rightcol {width: 100%; color: #fff; padding: 0; background: url(/mlo/images/d9back.gif) no-repeat top left}
form#search {background: #333; border-bottom: 1px solid #fff; margin: 0; border-left: 1px solid #fff; padding: 8px; min-height: 70px}
form#search input {}
div#cartsummary {border-left: 1px solid #fff; padding: 12px 8px 0; min-height: 40px}

table#navigation {width: 100%; margin: 1px 0 0 0; text-transform: uppercase}
table#navigation td {padding: 4px 12px 6px; background: url(/mlo/images/menu_bg.gif) repeat-x bottom left; text-align: center; vertical-align: bottom}
table#navigation td#firstnav {width: 200px;}
table#navigation a {color: #fff; text-decoration: none}
table#navigation a:hover {text-decoration: underline}

div#footer {margin: 3px 0 0 0; font-size: 1em; color: #fff; padding: 4px 12px 6px; background: url(/mlo/images/menu_bg.gif) repeat-x bottom left; text-align: center;}
div#footer a {color: #fff; text-decoration: none; padding: 0 8px}
div#footer a:hover {text-decoration: underline}

table#maincontent {width: 100%; line-height: 1.5em}
table#maincontent td {padding: 0 12px 12px; vertical-align: top; border: 1px solid #ccc; border-top: none; border-bottom: none}
table#maincontent td.leftcol {width: 200px; padding: 24px 0 0 0; border: none}
table#maincontent td.rightcol {width: 186px; padding: 12px 0 0 12px; border: none}

table#maincontent table td {border: none; padding: 0}

ul.listing {margin: 6px 0 12px 10px; padding: 0 0 0 10px}

h3 {color: #660000; margin: 12px 0 6px 0; padding: 0}
h2 {font-size: 1.1em; margin: 6px 0}

div.productcontent {padding: 0 24px 24px 0; font-size: 110%}
div.productcontent h2 {width: 100%; background: #000; color: #fff; padding: 2px 4px; font-weight: bold}

ul.bullet1 {list-style-image: url(/images/bullet1.gif); margin-top: 0}
div.bullet1 {padding: 4px 0 0 24px; text-transform: uppercase}
img.bullet1 {width: 8px; height: 8px; background: #339900}
div.product_detail_thumb {float: right; margin: 0 0 12px 12px; width: 164px}
div.availability {padding: 0 0 0 24px}
div.availability span {font-size: 90%}
table.icons td {padding: 0 6px; text-align: center; vertical-align: top; border: none}
span.sale {color: #BE2D2A; font-weight: bold}
.breadcrumb {padding: 6px 0 0 0; font-size: 90%; text-transform: uppercase; margin: 0 0 12px 0}
.breadcrumb a {color: #333; text-decoration: none}
.breadcrumb a:hover {text-decoration: underline}

ul.related {margin: 0 0 0 8px; padding: 0 0 0 8px}
#createdby {padding: 8px}

div.category_summary {width: 250px; float: left; margin: 16px 10px 10x 0}
div.details {float: right; margin: 0 0 10px 0; width: 140px;}
div.prodThumbnail {float: left; width: 100px; text-align: center; margin: 0 0 10px 0}

hr { color: #ccc;
background-color: #ccc;
height: 1px;}

div.shop .product_category_main {border-bottom: 1px solid #ccc; padding-bottom: 6px}

table#prodlist {border: none}
table#prodlist td {border: none}

table#share td {border: none}

div.search_results_products {float: right; width: 250px; margin: 24px 8px; border: 1px solid #ccc; padding: 8px}
ul.search_results_products {list-style-type: none; margin: 0 0 0 8px; padding: 0 0 0 8px}
ul.search_results_products img {float: left; margin: 0 8px 8px 0}
ul.search_results_products li {clear: both; line-height: 1.3em; margin: 12px 0 0 0}

div#cartsummary a {color: #fff}