/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { font: 62.8% Arial, Helvetica, sans-serif; background: #000; color: #fff; text-align: center; margin: 0; padding: 0; }
img { border: none; }
a { color: #ccc; }
a:visited { color: #ddd; }
a:focus { color: #eee; }
a:hover { color: #eee; }
a:active { color: #f00; }
p { margin: 10px; font-size: 1.3em; }
address { margin: 10px; font-size: 1.2em; font-style: normal; }
h1 { height: 139px; background: #000 url("../gfx/top-gradient.jpg") top left repeat-x; }
h2 { margin: 10px; font-size: 1.8em; }
h3 { margin: 10px; font-size: 1.5em; }
ul { margin: 10px; font-size: 1.2em; padding-left: 2em; }
dl { background: #221e1f; padding: 5px 15px; margin: 10px 0; font-family: Georgia, Times New Roman, sans-serif; font-size: 1.5em; line-height: 1.2em; }
dt { padding: 0; margin: 0.5em 0; font-weight: bold; }
dd { padding: 0 0 0 6em; margin: -1.7em 0 0.5em 0; }

/* Useful Classes */
.column { width: 280px; float: left; }
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.center { text-align: center; }
p.clear_both { font-size: 1px; margin: 0; }
.brands { border-bottom: 7px solid #cedef7; display: block; clear: both; }
.advert { margin-bottom: 15px; }
.error, .errors { color: #f00; }
.hide { display: none; }
a.url { text-decoration: none; color: #fff; }

img.right { margin: 10px 0 10px 10px; }
h1 img.left, h1 img.right { margin: 0; }

/* Container */
div#container { width: 775px; margin: 0 auto; color: #fff; }

/* Main Menu */
ul#main_menu { float: left; width: 168px; margin: 0 0 0 19px; padding: 1px 0 50px 0; font-size: 1.5em; font-family: Century Gothic, Arial, sans-serif; background: transparent url("../gfx/menu-divider.jpg") top center no-repeat; }
ul#main_menu li { list-style-type: none; padding: 0 0 1px 0; background: transparent url("../gfx/menu-divider.jpg") bottom center no-repeat; }
ul#main_menu li a { display: block; text-decoration: none; line-height: 26px; color: #ccc; }
ul#main_menu li a:visited { color: #ddd; }
ul#main_menu li a:focus { font-weight: bold; }
ul#main_menu li a:hover { font-weight: bold; }
ul#main_menu li a:active { color: #f00; }
ul#main_menu li a.large { height: auto; line-height: auto; }

ul#main_menu ul.submenu { font-size: 0.8em; margin: 0; padding: 0; }
ul#main_menu ul.submenu li { background-image: none; }
ul#main_menu ul.submenu li a { display: block; text-decoration: none; line-height: 20px; color: #ccc; }

/* Page Content */
div#content { width: 562px; float: right; text-align: left; font-family: Century Gothic, Arial, sans-serif; }

/* Footer */
div#footer { background: #221e1f url("../gfx/bottom-gradient.jpg") top left repeat-x; color: #999; padding: 20px 0 5px 0; clear: both; }
div#footer address { font-size: 1.4em; }
div#footer p { font-size: 1.1em; }

blockquote { margin: 15px 0; padding: 1px 0; border-top: 1px solid #fff; clear: both; }

/* Skip nav */
a#skip_navigation { color: #000; text-decoration: none; display: block; padding: 2px; font-size: 1.2em; font-weight: bold; }
a#skip_navigation:hover { background: #c00; }

/* Latest News */
div#latest_news { padding: 1px 10px; margin: 10px 0; border: 2px solid #f00; background: #221e1f; }
/* Optional Extras */
div#optional_extras { padding: 1px 5px; margin: 0; background: #600; }

table { font-size: 1.2em; color: #fff; text-align: left; margin: 10px; }
td { padding: 2px 3px; }
td.price { text-align: right; font-weight: bold; }