/* General HTML bits */
* { margin: 0; padding: 0; }
body { font: 62.8% Arial, Helvetica, sans-serif; background: #fff; color: #000; text-align: center; }
img { border: none; }

div#container { width: 973px; margin: 5px auto; }
img#main_logo { float: left; }

p#header_contact_info { background: #202586; color: #fff; width: 614px; padding: 5px 5px; float: right; text-align: right; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; }
p#header_contact_info a { text-decoration: none; color: #fff; }
p#header_contact_info a:hover { color: #ff0; }

ul#main_menu { width: 624px; float: right; padding: 10px 0 0 0; font-size: 1em; }
ul#main_menu li { list-style-type: none; float: left;  width: 104px; width: 124px; }
ul#main_menu li a { display: block; width: 104px; width: 124px; text-indent: 5px; padding: 6px 0 7px 0; margin-top: 5px; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ed7632 url("../gfx/orange_tr.jpg") top right no-repeat; text-decoration: none; text-align: left; }
ul#main_menu li a:hover { margin-top: 0; padding: 6px 0 12px 0; color: #fff; }

ul#sub_menu { width: 620px; float: right; padding: 5px 0 2px 0; text-align: left; font-size: 1em; background: #ed7632; border-right: 4px solid #fff; }
ul#sub_menu li { display: inline; }
ul#sub_menu li a { padding: 0 3px 0 6px; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
ul#sub_menu li a:hover { color: #ed7632; color: #fff; }

div.clear { clear: both; height: 1px; font-size: 1px; }

div.large_image { width: 329px; height: 240px; float: left; padding: 5px 5px 5px 0; clear: left; }
div.large_image img { width: 329px; height: 240px; }

div.content { padding: 5px 0 5px 5px; width: 624px; float: right; text-align: left; clear: right; }

h1 { font: bold 2.1em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 20px; }
h1 strong { color: #f00; }
h2 { font: bold 1.8em Verdana, Arial, Helvetica, sans-serif; padding: 20px 0; background: #fff; }
p { font-size: 1.2em; padding-bottom: 20px; }
ul { font-size: 1.2em; padding-bottom: 20px; padding-left: 30px; }

.blue_box { text-align: center; background: #c6cbdf url("../gfx/lightblue_tr.jpg") top right no-repeat; }
.blue_box div { background: transparent url("../gfx/lightblue_bl.jpg") bottom left no-repeat; padding: 0 5px; }
.blue_box p { font-weight: bold; padding: 4px 0; }
.blue_box p strong { font-size: 2em; color: #f00; }
.blue_box p em { font-size: 1.5em; }

ul#product_ranges { padding: 0; font-size: 1em; }
ul#product_ranges li { display: inline; list-style-type: none; }
ul#product_ranges li img.range_button { margin-right: 15px; }

p.large_blue { font: bold 2.1em Verdana, Arial, Helvetica, sans-serif; padding: 8px; background: #202586 url("../gfx/darkblue_bl.jpg") bottom left no-repeat; margin-top: 5px; color: #fff; }
p.copyright { font-size: 1em; padding: 3px; }
p.copyright a { color: #006; text-decoration: none; }
p.copyright a:hover { color: #00f; text-decoration: underline; }

ul.thumbnails { font-size: 1em; width: 329px; float: left; padding: 5px 5px 5px 0; clear: left; }
ul.thumbnails li { display: inline; list-style-type: none; }
ul.thumbnails li.heading { display: block; }
ul.thumbnails li img { width: 63px; margin: 1px; }
ul.thumbnails.small_thumbs li img { width: 30px; margin: 1px; }

ul.thumb_strip { font-size: 1em; width: 100%; padding: 5px 0; clear: both; }
ul.thumb_strip li { display: inline; list-style-type: none; }
ul.thumb_strip li.heading { display: block; }
ul.thumb_strip li img { width: 62px; margin: 1px; }

p.thumb_message { width: 329px; float: left; clear: left; }

label { width: 20em; float: left; padding: 2px 0; }
label.inline { width: auto; float: none; padding: 0; display: inline; }
fieldset { padding: 5px 7px; }
fieldset p { padding: 3px 0; }
legend { padding: 3px; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; }
p.error { color: #f00; padding-bottom: 3px; }

div.special_offer { padding: 8px 0; }
img.special_offer { margin: 5px; border: 1px solid #000; float: left; }
div.special_offer p { padding: 3px 0 3px 170px; }
div.special_offer ul { padding: 3px 0 3px 190px; }
div.special_offer h2 { padding: 3px 0 3px 170px; }
div.special_offer p.prices { font: bold 1.8em Verdana, Arial, Helvetica, sans-serif; }
div.special_offer p.prices strong { font-size: 1.2em; color: #f00; }