/* 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: 5px; padding: 0; clear: both; }
h2 { margin: 15px 0; padding: 5px; }
h3 { margin: 0 0 15px 0; padding: 5px; }
p { margin: 15px 10px; }
address { margin: 10px 0 15px 0; }
ul, ol { margin: 15px 0; padding: 0 0 0 2em; }
li { margin: 4px 0; }
iframe { vertical-align: middle; }

/* 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; }

/* General Forms */
form { display: inline; }
label { float: left; width: 170px; padding: 0 5px 0 0; display: block; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { border-width: 1px; vertical-align: middle; }
input.button { cursor: pointer; vertical-align: middle; border: none; }
input.button.product_info { float: right; margin: 12px 0 0 0; }
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; }

/* Tables */
table { width: 100%; margin: 0; clear: both; }
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: 840px; margin: 0 auto; }

/* Header */
div#header { padding: 1px 1px 0 1px; margin: 0; }
div#header a.left { margin: 5px 5px 5px 25px; }
div#header p { margin: 0 0 0 25px; padding: 5px; }
div#header h1 { margin: 5px 5px 5px 25px; padding: 5px; }

/* Content */
div#content { width: 570px; float: left; margin: 0 0 10px 20px; }
div#sidebar { width: 210px; float: right; margin: 0 20px 10px 0; }

div.vcard { padding: 1px 15px; margin: 10px; border-width: 1px; }
div.vcard h2 { margin: 5px 0; }
div.vcard address { margin: 5px 0; }
div.vcard address.right { margin: 0; }

ul#social_networking { padding: 0; margin: 15px 0; }
ul#social_networking li { display: inline; }

/* Footer */
div#footer { clear: both; }
div#footer p { margin: 5px 0; }