/* General HTML elements */
form, p, dl, dt, dd, 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: #eaf4ff; color: #000; text-align: center; margin: 0; padding: 10px; }
img { border: none; }
a { color: #36f; font-weight: bold; }
a:visited { color: #369; }
a:focus { color: #00f; }
a:hover { color: #00f; }
a:active { color: #f00; }
p, dd { padding: 8px; font-size: 1.2em; margin: 0; }
dt { padding: 8px 8px 0 8px; font-size: 1.5em; margin: 0; font-weight: bold; }
address { padding: 8px; font-size: 1.2em; font-style: normal; }
h1, h2 { font: bold 1.6em Verdana, Arial, Helvetica, sans-serif; background: #b4daff; width: 100%; margin: 5px 0; padding: 2px 0; text-indent: 8px; }
h1.important, h2.important { color: #fff; background: #f00; }
h3 { padding: 8px; font-size: 1.4em; margin: 0; }
ul, ol { padding: 8px; font-size: 1.2em; padding-left: 2em; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
blockquote { font-style: italic; }
cite { font-style: normal; }

/* Useful Classes */
.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; }
.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: #000; }
img.main { display: block; }

/* Header */
div#header { clear: both; height: 135px; background: transparent url("../gfx/header-background.gif") top left no-repeat; margin: 0; padding: 0; text-align: left; }
div#header iframe { float: right; margin: 25px 20px 0 0; }

/* Footer */
p#copyright { clear: both; height: 46px; background: transparent url("../gfx/footer-background.gif") bottom left no-repeat; margin: 0; padding: 0; text-align: center; font-size: 1em; line-height: 46px; }

/* Container */
div#container { width: 920px; background: #fff url("../gfx/container-background.gif") bottom left repeat-y; margin: 0 auto; padding: 0; }

/* Left & Right Menu */
ul.menu { width: 150px; margin: 10px; padding: 0; font-size: 1em; }
ul.menu.left { text-align: left; }
ul.menu.right { text-align: right; }
ul.menu li { list-style-type: none; display: inline; }

ul.menu li strong { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; background: #9fcfff; padding: 4px 6px; display: block; margin: 0 0 3px 0; }
ul.menu.left li strong { background: #9fcfff url("../gfx/left-selected-background.gif") top right repeat-y; }
ul.menu.right li strong { background: #9fcfff url("../gfx/right-selected-background.gif") top left repeat-y; }

ul.menu li a { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; background: #d5eaff; padding: 4px 6px; display: block; color: #000; text-decoration: none; margin: 0 0 3px 0; }
ul.menu.left li a { background: #d5eaff url("../gfx/left-neutral-background.gif") top right repeat-y; }
ul.menu.right li a { background: #d5eaff url("../gfx/right-neutral-background.gif") top left repeat-y; }
ul.menu.left li a:focus, ul.menu.left li a:hover { background: #7bf url("../gfx/left-hover-background.gif") top right repeat-y; }
ul.menu.right li a:focus, ul.menu.right li a:hover { background: #7bf url("../gfx/right-hover-background.gif") top left repeat-y; }
ul.menu.left li a:active { background: #f00 url("../gfx/left-active-background.gif") top right repeat-y; color: #fff; }
ul.menu.right li a:active { background: #f00 url("../gfx/right-active-background.gif") top left repeat-y; color: #fff; }

ul.menu li img.screenshot { display: block; margin: 3px 6px; }

ul.menu a.lightbox { background: transparent !important; background-image: none !important; padding: 0; margin: 0; }

/* Content */
div#content { margin: 10px auto; width: 580px; min-height: 359px; background: transparent url("../gfx/octgn-watermark.gif") center center no-repeat; padding: 0; text-align: left; }

/* Forms */
label { float: left; width: 120px; }
label.inline, ul.errors li label { float: none; width: auto; display: inline; }
input.button { color: #fff; background: #f90; font-size: 1.2em; font-weight: bold; padding: 5px 8px; margin: 0; border: 1px solid #000; text-decoration: underline; cursor: pointer; }
input.button:hover { background: #f60; }
input.text, textarea.text { border: 1px solid #000; margin: 0; background: #fff6f0; }

/* Tables */
table { margin: 0; font-size: 1em; color: #000; border: 1px solid #000; }
caption { font-size: 1.6em; padding: 8px 10px; color: #fff; background: #f60; margin: 0; text-align: left; font-weight: bold; }
th, td { text-align: left; padding: 3px 5px; font-size: 1.2em; }
thead tr { background: #f90; color: #fff; }
tr.even { background: #fff6f0; }
tr.grand_total { background: #f90; color: #fff; }
tr.grand_total th, tr.grand_total td { font-size: 1.6em; }