/*
#00b056; // green
#fed502; // yellow
*/
/* Eric Meyers Reset CSS rules */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
}
html, body{ 
font-size: 12px;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
line-height:16px;
height: 100%;
width: 100%;
color: #000;
/*background: url(../img/template.jpg) no-repeat top center;*/
background-color: #00b056;
}
#logo {
width: 680px;
height:155px;
background: url(../img/batazion_title.gif) no-repeat bottom center;
overflow: hidden;
}
#logo h1 {
position: absolute;
left: -9999px;
}
#content {
clear: both;
overflow: auto;
zoom: 1;
width: 990px;
margin:0 auto;
padding-bottom: 150px;
}
.col1 {
width: 710px;
float: left;
overflow: auto;
}
.col1_left {
width: 326px;
float: left;
margin: 60px 0 20px 0;
padding: 0;
overflow: hidden;
}
.col1_right {
position: relative;
width: 335px;
float: left;
margin: 60px 0 20px 20px;
padding: 0;
overflow: hidden;
}
.col1_right p {
margin: 0 10px 10px 10px;
}
.col2 {
width: 280px;
float: right;
margin: 45px 0 20px 0;
overflow: auto;
}
em {
font-style: italic;
}
a:link, a:visited {
color: #000;
text-decoration:none;
padding: 0 2px;
}
a:hover, a:active {
color:#fed502;
}
p {
font-size: 11px;
font-family: "Comic Sans MS", Helvetica, Arial;
font-style: italic;
font-weight: bold;
text-transform: uppercase;
margin:5px 0 5px 0;
}
h1 {
margin:0px 0px 5px 0px;
padding:0 0 2px 0;
color:#000;
font-size:16px;
line-height: 40px;
font-weight:bold;
font-family: Arial Black, Helvetica, Arial;
letter-spacing: -0.1em;
text-transform: uppercase;
}
h2 {
margin: 10px 0 5px 0;
font-family: Arial Black, Helvetica, Arial;
letter-spacing: -0.1em;
text-transform: uppercase;
color:#000;
font-size:16px;
font-weight:bold;
}
h3 {
margin: 10px 0 5px 0;
color: #000;
font-size:13px;
font-weight:normal;
color: #fff;
}
h4 {  /* price */
margin:5px 0;
color: #000;
font-size:17px;
font-weight:bold;
}
ul {
padding: 0 50px 0 20px;
margin: 10px 0;
}
.audio_player {
overflow: auto;
margin: 0;
line-height: 13px;
}
.audio_player p {
margin: 0;
}
.player {
display: block;
float: left;
width: 17px;
margin-right: 5px;
overflow: auto;
}
.download1,
.download2,
.download3 {
display: block;
float: left;
width: 230px;
overflow: hidden;
}
.download1 a,
.download2 a,
.download3 a {
padding: 0 0 0 22px;
display: block;
height: 30px;
text-indent: -999999px;
}
.download1 a {
background: url(../img/batazion_download_button_1.gif) no-repeat top left;
}
.download2 a {
background: url(../img/batazion_download_button_2.gif) no-repeat top left;
}
.download3 a {
background: url(../img/batazion_download_button_3.gif) no-repeat top left;
}
.download1 a:hover {
background: url(../img/batazion_download_button_1.gif) no-repeat 0 -90px;
}
.download2 a:hover {
background: url(../img/batazion_download_button_2.gif) no-repeat 0 -90px;
}
.download3 a:hover {
background: url(../img/batazion_download_button_3.gif) no-repeat 0 -90px;
}
.text {
font-size: 9px;
color: #00b056;
height: 298px;
}
.text_overlay {
position: absolute;
background: url(../img/batazion_text.gif) no-repeat;
width: 320px;
height: 298px;
}

/* -----------------------------  board detail page */

{
padding: 0 30px;
overflow: auto;
}
div {
overflow: auto;
}
.black {
color: #fff;
background-color: #000;
border: 2px solid #000;
text-align: left;
}
.black p {
margin: 0;
padding: 2px 7px;
text-transform: lowercase;
color: #00b056;
}
.white {
color: #000;
border: 2px solid #000;
border-bottom: none;
}
.left { float:left; }
.right { float:right; }
.center div { text-align: center; }
.title_width { width:276px; }
.title_width_4 { width:264px; }
.mainpic_width { width:416px; }
.two_cell div {
float: left;
width:137px;
border-right: 2px solid #000;
overflow: hidden;
}
div.no_right_border {
border-right: none;
}
.border_bot { border-bottom: 2px solid #000;}
.no_border,
div.no_border { border: none;}
.bot_space { margin-bottom: 10px; }
p { padding: 0; margin:15px 0; }
#specs_table th,
#specs_table td {
font-size: 11px;
text-align: center;
padding: 0px 5px;
border-left: 2px solid #000;
width:48px;
}
#specs_table th {
padding: 2px 0;
border-bottom: 2px solid #000;
}
#specs_table td {
padding: 1px 0;
}
#specs_table th.first,
#specs_table td.first {
text-align: left;
border-left: none;
width:235px;
padding: 1px 1px 1px 5px;
}
#specs_table td.tbt_specs {
padding-top: 10px;
width:210px;
font-family: Arial Black, Helvetica, Arial;
text-transform: lowercase;
}

/* -----------------------------  orders */

p.ask {
margin: 0 0 15px 0;
}
p.ask a {
display: block;
text-indent: -99999px;
height: 15px;
background: url(../img/batazion_ask.gif) no-repeat top left;
}
p.ask a:hover {
background: url(../img/batazion_ask.gif) no-repeat 0 -20px;
}
.col_bot .col1 {
margin: 0;
}
.col_bot .col2 {
margin: 0;
overflow: hidden;
}
.col_bot {
clear: both;
width: 990px;
margin-top: 10px;
}
#region_select_div {
float: left;
width:255px;
overflow: hidden;
}
#region_select_div h3 {
position: relative;
color: #000;
}
#region_select_div span {
position: absolute;
top:0;
right:0;
}
#region_select_div select {
width:120px;
margin: 0;
padding: 0;
background-color: #fed502;
}
#order_info_europe,
#order_info_usa,
#order_info_anywhere_else {
float: left;
margin: 0 0 0 50px;
display: inline;
width:200px;
overflow: hidden;
}
#order_button_US,
#order_button_EU,
#order_button_RW {
float: right;
width:190px;
margin: 0;
padding: 0;
border: 0;
}