/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote, dl, dt, dd { margin: 0; padding: 0; }
body { font: 62.8% Helvetica, Arial, sans-serif; background: #fff; color: #000; text-align: center; margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }
a { color: #6182CC; }
a:visited { color: #009; }
a:focus { color: #00f; }
a:hover { color: #00f; }
a:active { color: #000; }
p { margin: 15px 0; font-size: 1.4em; }
address { margin: 15px; font-size: 1.1em; font-style: normal; }
h1 { margin: 15px 0; font-size: 2.0em; }
h2 { margin: 15px 0; font-size: 1.8em; clear: both; }
h3 { margin: 15px 0; font-size: 1.6em; clear: both; }
ul, ol { margin: 15px 0; font-size: 1.4em; padding-left: 2em; }
li { margin: 10px 0; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
cite { font-style: normal; }
dt { font-size: 1.2em; font-weight: bold; margin: 15px 15px 0 15px; }
dd { font-size: 1.1em; margin: 0 15px 15px 15px; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }
.center { text-align: center; }
.error, .errors, .red { color: #f00; }
.hide { display: none; }
strong.org a.url { text-decoration: none; color: #000; }
img.left, img.right { display: block; margin: 10px 20px; }
img.icon, input.icon { vertical-align: middle; }

/* Splash Page */
ul#main_choose_language { padding: 100px 0 0 0; width: 848px; height: 240px; text-align: left; margin: 30px auto; background: #2e4c84 url("../gfx/layout/splash-page.jpg") top left no-repeat; }
ul#main_choose_language li { margin: 15px; list-style-type: none; width: 150px; }
ul#main_choose_language li a { width: 100%; display: block; text-indent: 5px; background: #fff; height: 25px; line-height: 25px; }

/* Container */
div#container { width: 848px; margin: 0 auto; text-align: left; }

/* Header Bits */

ul#main_menu { margin: 5px 0; padding: 0; height: 36px; line-height: 36px; background: #2e4c84 url("../gfx/layout/top-menu-background.jpg") top left repeat-x; text-align: right; font-size: 1.4em; text-align: right; }
ul#main_menu li { padding: 0 9px; margin: 0; display: inline; list-style-type: none; }
ul#main_menu li.first { display: block; float: left; }
ul#main_menu li a, ul#main_menu li a:visited { color: #fff; text-decoration: none; }
ul#main_menu li a:focus, ul#main_menu li a:hover { color: #ff0; text-decoration: underline; }
ul#main_menu li a:active { color: #f00; text-decoration: underline; }

img#header { display: block; margin: 0; clear: both; }

ul#submenu_change_language { display: none; font-size: 1em; line-height: 100%; position: absolute; width: 200px; left: auto; top: auto; background: #fff; border: 2px solid #304C77; margin: 25px 0 0 0; padding: 0; }
ul#submenu_change_language li { list-style-type: none; display: inline; }
ul#submenu_change_language li img { vertical-align: middle; }
ul#submenu_change_language li a { text-indent: 5px; display: block; width: 100%; background: #fff; float: left; padding: 3px 0; }
ul#submenu_change_language li a.close_menu { text-indent: 0; background: #304C77; text-align: center; color: #fff; text-decoration: none; }
ul#submenu_change_language li strong { text-indent: 5px; display: block; width: 100%; background: #eeeeff; float: left; padding: 3px 0; }

div#language_bar { padding: 5px 0 0 0; font-size: 1.4em; float: left;  }

a#title_change_language { font-weight: bold;display: block; padding: 5px 0; width: 200px; text-indent: 5px; border: 2px solid #fff; color: #6182CC; }
a#title_change_language.highlight { color: #fff; background: #304C77; border: 2px solid #304C77; }

/* Search Bar */
form#search_site { text-align: right; padding: 0; margin: 5px; float: right; display: block; height: 30px; line-height: 30px; color: #6182CC; }
form#search_site p { margin: 0; padding: 0; font-weight: bold; font-weight: bold; }
form#search_site p label { float: none; display: inline; width: auto; padding: 0 5px; margin: 0; }
form#search_site p input.text { border: 1px solid #304C77; width: 175px; }
form#search_site p input { vertical-align: middle; }

/* Content */
div#content { margin: 0; background: #fff url("../gfx/layout/content-background.gif") top left repeat-y; }
div#content.home { margin: 0; background: #fff url("../gfx/layout/content-background-home.gif") top left repeat-y; }

/* Left Column */
div#left_column { float: left; width: 208px; }

/* Right Column */
div#right_column { float: right; width: 144px; }

/* Center Column */
div#center_column { float: left; width: 423px; margin-left: 37px; }
div#center_column ul { font-size: 1.8em; font-weight: bold; }

/* Large Right Column */
div#large_right_column { width: 603px; float: right; }

/* Tables */
table { margin: 0; color: #000; background: #fff; border-collapse: collapse; text-align: left; }
caption { background: #6182CC; padding: 2px 5px; margin: 0; color: #fff; font-size: 1em; text-align: left; }
caption a, caption a:visited { color: #fff; text-decoration: none; }
caption a:focus, caption a:hover { color: #fff; text-decoration: underline; }
caption a:active { color: #ff0; text-decoration: underline; }
th { text-align: left; padding: 4px 7px; font-size: 1em; border: 1px solid #fff; font-weight: normal; font-size: 1.4em; }
td { text-align: left; padding: 4px 7px; font-size: 1em; border: 1px solid #fff; font-size: 1.4em; }
thead tr { background: #6182CC; color: #fff; }
tr.even { background: #eaeaea; }
tr.subtotal { background: #C3873A; color: #fff; }
tr.subtotal td, tr.subtotal th { font-weight: bold; border: none; }
tr.grand_total { background: #C3873A; color: #fff; }
tr.grand_total td, tr.grand_total th { font-weight: bold; border: none; font-size: 1.5em; }
table#full_basket { width: 700px; margin: 15px; }
table.stock_list { margin: 0 15px; }
table.risk_solutions, table.cms_pages { width: 100%; }
table.risk_solutions th, table.risk_solutions td { width: 50%; }
td.content { font-size: 1em; }

/* Forms */
fieldset { margin: 5px; padding: 5px; border: 1px solid #999; clear: both; }
legend { margin: 0 15px; padding: 0 15px; font-size: 1.3em; border: 3px double #000; background: #eee; font-weight: bold; }
label { float: left; width: 160px; }
label.inline { float: none; width: auto; display: inline; }
input.text, select { border: 1px solid #000; font-size: 1.1em; }
textarea { border: 1px solid #000; }
input.text, textarea { width: 400px; }
input.text.required, select.required, textarea.required { border: 1px solid #f00; }
input.checkbox { border: 1px solid #000; vertical-align: middle; }
input.text.small { width: 100px; color: #000; }
input.text.quantity { width: 30px; color: #000; }

/* Buttons */
input.button { border: 3px double #000; color: #000; padding: 2px 5px; font-size: 1.1em; margin: 2px; background: #eee; cursor: pointer; font-weight: bold; }
input.button:hover, input.button:focus { border: 3px solid #000; }
input.button.delete, input.button.cancel, input.button.empty { background: #fcc; }
input.button.save, input.button.checkout { background: #cfc; }
input.button.add, input.button.edit, input.button.update { background: #ffc; }

/* Footer */
div#footer { margin: 15px 0 0 0; padding: 10px 0; background: #fff; clear: both; text-align: center; }
div#footer p, div#footer ul { font-size: 1.1em; margin: 10px 0; padding: 0; }
div#footer ul li { display: inline; padding: 0 5px; }