/* 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: #36c; color: #000; text-align: left; margin: 0; padding: 0; }
img { border: none; }
a { color: #006; }
a:visited { color: #003; }
a:focus { color: #009; }
a:hover { color: #009; }
a:active { color: #00f; }
p { margin: 10px; font-size: 1.3em; }
address { margin: 10px; font-size: 1.2em; font-style: normal; }
h1 { background: #36c; font-size: 2em; }
h2 { margin: 10px; font-size: 1.8em; }
h3 { margin: 10px; font-size: 1.5em; }
ul, ol { margin: 10px; font-size: 1.2em; padding-left: 2em; }
ol.alpha { list-style-type: lower-latin; }
ol.roman { list-style-type: lower-roman; }
ol ol, ol ul, ul ul, ul ol { font-size: 1em; }

/* Useful Classes */
.column { width: 49%; }
.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; }

div#container { background: #c0dffd url("../gfx/page-background.gif") top left repeat-y; }

/* Header */
div#header { background: #36c; padding: 20px 0 0 0; color: #fff; letter-spacing: 0.2em; }
div#header img { margin: 0 20px 20px 0; float: left; display: block; }
p#top_strip { padding: 0; margin: 0; border: 2px solid #31557e; border-left: none; border-right: none; color: #000; background: #cf9; clear: both; }
p#top_strip strong { padding: 2px 5px; margin: 1px 0; border: 1px dashed #fff; border-left: none; border-right: none; color: #000; display: block; font-weight: normal; }

/* Main Menu */
ul#main_menu { width: 165px; float: left; background: #e6f3ff; color: #000; margin: 20px 0 0 0; padding: 0; border-top: 1px solid #fff; font-size: 1.1em; }
ul#main_menu li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #fff; }
ul#main_menu li a { display: block; padding: 8px; text-decoration: none; font-weight: bold; color: #000; }
ul#main_menu li a:hover { background: #8ea3bb; color: #000; }
ul#main_menu li strong { display: block; padding: 8px; background: #c0dffd; color: #000; }

/* Content */
div#content { margin: 0 0 40px 165px; }

/* Footer */
p#copyright { margin: 0; padding: 0; border-top: 2px solid #31557e; border-bottom: 2px solid #31557e; text-align: center; height: 25px; line-height: 25px; background: #bbcee4; color: #1f3650; width: 100%; clear: both; }
p#copyright a { color: #1f3650; }

/* Tables */
table { margin: 10px; font-size: 1.3em; border: 1px solid #31557e; background: #bbcee4; color: #1f3650; }
td, th { text-align: left; padding: 3px 5px; border: 1px solid #31557e; }
thead tr { background: #31557e; color: #eaf0f7; }
tr.even { background: #aac2dd; }

/* Forms */
form { display: inline; }
label { float: left; width: 150px; padding-right: 5px; }
label.inline { display: inline; float: none; width: auto; padding-right: 0; }
input.button { background: #006; color: #fff; text-align: center; border: 1px solid #000; font: bold 1em Century Gothic, Verdana, Arial, sans-serif; letter-spacing: 0.1em; }
input.button:hover { background: #003; color: #ff0; cursor: pointer; }
fieldset { padding: 5px; margin: 10px 5px; border: 1px solid #999; }
legend { font-size: 1.4em; font-weight: bold; padding: 0 10px; }
input, select, textarea { border: 1px solid #999; }
input.required, select.required, textarea.required { border: 1px solid #f00; }
form strong { color: #f00; }

/* quote_suppliers_list */
ul#quote_suppliers_list { font-size: 1em; padding: 0; margin: 0; width: 500px; }
ul#quote_suppliers_list li { font-size: 1em; padding: 10px; margin: 10px; list-style-type: none; border: 1px solid #000; background: #fff; }
ul#quote_suppliers_list li img { border: 1px solid #000; display: block; float: left; width: 150px; }
ul#quote_suppliers_list li h2 { margin: 5px 0 5px 165px; }
ul#quote_suppliers_list li h3 { margin: 5px 0 5px 165px; }
ul#quote_suppliers_list li p { margin: 5px 0 5px 165px; }