@import url("alerts.css");
@import url("menu_horz.css");
/* GLOBAL SETUP STYLES */
body { margin: 0; padding: 0 }
form, img.nogap { display: block; margin: 0; padding: 0 }
img { color: #c5c5c5; font-size: 10px }
/* default link styles */
a:link { color: #ccccff }
a:visited { color: #c7cfed }
a:hover { color: #d2d7ff }
a:active { color: #9f9fc7 }
/* default font family */
body, p, span, div, li, a, td, th, label, h1, h2, h3, h4, h5, h6, pre { color: #dcdce9; font-family: Arial, "Trebuchet MS", Tahoma, sans-serif }
input.textbox, textarea.textbox { font-size: 12px; border: solid 1px #999 }
h1, .h1 { color: #e2cfa1; font-size: 26px; font-style: italic; font-weight: normal; display: block; margin: 0 0 24px; border-bottom: 1px dotted #333 }
h2, .h2 { color: #777790; font-size: 23px }
h3, .h3 { color: #777790; font-size: 19px; font-weight: bold; display: block; margin: 0 }
h4, .h4 { color: #777790; font-size: 15px; font-weight: bold; display: block; margin: 0 }
h5, .h5 { color: #777790; font-size: 13px; font-weight: bold; display: block; margin: 0 }
h6, .h6 { color: #777790; font-size: 11px; font-weight: bold; display: block; margin: 0 }
label, .label { font-size: 12px; font-weight: bold; line-height: 1em }
table { empty-cells: show }
/* MISC UTILITY STYLES */
ul.nolist { list-style: none; margin: 0; padding: 0 }
.bodycopy { font-size: 12px; line-height: 130% }
.note, .notes { color: #96969f; font-size: 11px }
.note.float, .notes.float { line-height: 1.2em; text-align: left; padding-top: 2px; width: 48%; float: right; clear: right }
/* CUSTOM LAYOUT STYLES */
body { background-color: #000; background-image: url("../gui/body_bg.gif"); background-repeat: repeat-x }
div#innerblock { padding: 35px 0 0 24px; right: auto; left: auto; width: 860px }
/* HEADER STYLES */
div#header { background-image: url("../gui/header_bg.gif"); background-repeat: no-repeat; text-align: left; position: relative; height: 117px }
/* CONTENT STYLES */
div#content { font-size: 13px; background-image: url("../gui/content_bg.gif"); background-repeat: repeat-y; text-align: left; margin: 0; padding: 40px; min-height: 300px }
#col1 { font-size: 13px; background-color: #1e1e26; background-image: url("../gui/gradient1.gif"); background-repeat: repeat-x; padding: 12px; width: 200px; float: left }
#col1 ul, #col1 li { list-style: none; margin: 0; padding: 0 }
#col1 li a { font-weight: bold; line-height: 1em; text-decoration: none; background-image: url("../gui/menu_arrow_right.gif"); background-repeat: no-repeat; background-position: 0 50%; display: block; margin-bottom: 8px; padding-left: 12px }
#col2 { margin-left: 24px; width: 500px; float: left }
th, .th { font-size: 12px; font-weight: bold; line-height: 1em; background-color: #8b8b97; background-image: url("../gui/th_bg.gif"); background-repeat: repeat-x; text-align: left; border-style: outset; border-width: 0 1px 0 0 }
.th { border-width: 0 }
th, .th div { padding: 2px 5px }
/* FOOTER STYLES */
div#footer { background-color: #2a2a31; background-image: url("../gui/footer_bg.gif"); background-repeat: repeat-x; position: relative; height: 32px }
div.disclaimer { color: #96969f; font-size: 10px; text-align: right; padding: 14px 12px 0 0 }
/* MISC STYLES */
/* --------------------------------------- */
.button { font-size: 10px; background-color: #8b8b97; background-image: url("../gui/btn_bg.gif"); background-repeat: repeat-x; text-align: center; cursor: pointer; margin: 0 2px; border: solid 1px #999 }
.button.disabled { cursor: auto }
input.button { color: #dcdce9; font-size: 12px; font-weight: bold; }
input.button:hover { color: #fff }
input.submit { border-width: 2px }
div.button { float: right }
span.button { padding: 2px 0 }
div.button a { display: block }
div.button a, span.button a { font-weight: normal; margin: 0; padding: 1px 6px; clear: both; border-style: solid; border-width: 1px; border-color: #c8c8c8 #404040 #404040 #c8c8c8 }
div.button a:hover, span.button a:hover { text-decoration: none; background-color: #c8c8c8 }
div.button a:active, span.button a:active { background-color: #404040 }
/* --------------------------------------- */
.alt { background-color: #1d1d23 }
div.formheader h2 { display: block; margin: 0 }
div.error { color: #efefef }
/* --------------------------------------- */
div.hiddenform { background-color: #1e1e26; background-image: url("../gui/gradient1.gif"); background-repeat: repeat-x; padding: 1px; z-index: 99; border: outset 3px #000011 }
div.hiddenform div { padding: 4px 12px }
div.hiddenform div div, div.hiddenform .th { padding: auto }
/* --------------------------------------- */
div#cartinfo { position: absolute; right: 40px; bottom: 0 }
#cartinfo span, #cartinfo a { color: white; font-size: 10px; text-decoration: none; text-align: center; display: block }
#cartinfo span { margin-right: 2px; float: left; border-style: solid; border-width: 1px 1px 0; border-color: #404040 #303030 #303030 #404040 }
#cartinfo a { padding: 2px 4px }
#cartinfo a:hover { background-color: #404040 }