/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }
img { border: none; }

h1 { margin: 10px; padding: 0; }
h2 { margin: 10px; }
h3 { margin: 10px; }
p { margin: 10px; }
address { margin: 10px; }
ul, ol { margin: 10px; padding: 0 0 0 2em; }
li { margin: 4px 0; }

/* Useful Classes */
.left { float: left !important; }
.right { float: right !important; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.hide { display: none; }
img.icon { vertical-align: middle; }
div.column { width: 50%; }
p.clear_both { margin: 0; padding: 0; }
img.right { margin: 10px; }
p.highlight { padding: 5px; }

/* General Forms */
form { display: inline; }
/*label { float: left; width: 130px; padding: 0 5px 0 0; display: block; }*/
label { display: block; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { border-width: 1px; vertical-align: middle; }
input.text, textarea { width: 160px; }
input.button { cursor: pointer; vertical-align: middle; border: none; }
fieldset { padding: 5px 10px; margin: 10px 5px; border-width: 1px; }
legend { padding: 0 10px; margin: 0 0 0 -5px; }
input.checkbox { border: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }
div.column { width: 33%; float: left; }
div.big_column { width: 49%; float: left; }

/* Tables */
table { margin: 10px; clear: both; border-width: 1px; }
table#sizes_and_colours { width: auto; clear: none; }
thead th { padding: 2px 5px; }
tbody th { padding: 2px 5px; }
tbody td { padding: 2px 5px; }
tr.last td { border-width: 1px; padding: 2px 5px; }
table img { vertical-align: middle; }

/* Container */
div#container { width: 1200px; padding: 0; margin: 0 auto; position: relative; }

/* Logo */
a#logo { position: absolute; left: 0; top: 0; margin: 25px 0 0 42px; }

/* Top Menu */
ul#top_menu { height: 35px; line-height: 35px; padding: 0 20px; margin: 0; width: 960px; }
ul#top_menu li { display: inline; margin: 0 6px; }

/* Header */
div#header { height: 78px; border-width: 1px 0; width: 1000px; }
div#header label { margin: 0 0 0 30px; }
div#header input.button { padding: 0 3px; }

div#right_panel { float: right; width: 195px; margin: 10px 0 0 0; }
div#right_panel p { margin: 10px 0; }
div#right_panel h3 { margin: 10px 0; }

/* Inner */
div#inner { width: 983px; margin: 0 0 0 9px; padding: 1px 0; float: left; }

/* Left Column */
div#left_column { float: left; width: 189px; margin: 0 0 10px 28px; padding: 0; }
ul#main_menu { padding: 10px 0 1px 0; margin: 0 0 10px 0; border-width: 0 1px 1px 1px; }
ul#main_menu li { padding: 0; margin: 0; display: inline; }
ul#main_menu li a { padding: 0 0 0 8px; margin: 8px 0 2px 0; display: block; }
ul#main_menu li a.subcategory { padding: 0 0 0 12px; margin: 2px 0; display: block; }

/* Content */
div#content { margin: 15px 0 15px 30px; float: left; border-width: 1px; padding: 1px 0; width: 710px; }
div#content.home { width: 374px; }
div.product { height: 480px; }
a#show_all_doors { float: right; margin: 30px 30px 0 0; }
a#special_offer_roundel { clear: right; float: right; margin: 10px 30px 0 0; }

/* Vufold Doors */
ul#vufold_doors { margin: 5px; padding: 0; }
ul#vufold_doors li { width: 340px; height: 240px; float: left; margin: 4px; }
ul#vufold_doors li img { display: block; }

/* Home Boxes */
ul#home_boxes { margin: 0 0 15px 0; padding: 0; width: 760px; float: left; }
ul#home_boxes li { width: 184px; height: 131px; float: left; margin: 0 0 0 4px; }

/* Product List */
ul#product_list { margin: 4px; padding: 0; width: auto; }
ul#product_list li { display: inline; }
ul#product_list li a { display: block; float: left; width: 140px; height: 305px; padding: 5px; margin: 10px; border-width: 1px; }
ul#product_list.frames li a { height: 160px; }
ul#product_list li a img.tall { height: 250px; }
ul#product_list li a img.wide { width: 130px; }
ul#product_list li a img.frame { height: 90px; }
ul#product_list li.clear_both { display: block; }

ul#product_list li span.price { position: absolute; left: auto; top: auto; margin: 0; padding: 3px; display: block; }

/* Scrollbox for Bespoke Frames */
ul#example_bespoke_frames_scrollbox { clear: both; width: 690px; height: 160px; overflow: auto; margin: 10px; padding: 5px 0; white-space: nowrap; }
ul#example_bespoke_frames_scrollbox li { display: inline; }
ul#example_bespoke_frames_scrollbox li h2 { margin: 0; padding: 0; }
ul#example_bespoke_frames_scrollbox li a { width: 150px; margin: 6px; }

/* Scrollbox for Bespoke Frames */
ul#example_bespoke_frames { clear: both; width: 690px; margin: 10px; padding: 5px 0; }
ul#example_bespoke_frames li { display: inline; }
ul#example_bespoke_frames li.clear_both { display: block; }
ul#example_bespoke_frames li h2 { margin: 0; padding: 0; }
ul#example_bespoke_frames li a { display: block; float: left; padding: 3px; margin: 20px 35px; border-width: 1px; }
ul#example_bespoke_frames li a img { display: block; }

/* Bottom Boxes */
ul#bottom_boxes { margin: 10px 0 15px 23px; padding: 0; clear: both; height: 131px; }
ul#bottom_boxes li { height: 131px; float: left; margin: 0 0 0 4px; }

/* Footer */
div#footer { clear: both; margin: 10px 15px 10px 28px; padding: 1px 0; }

/* CMS */
.wym_box { clear: both; }
