/* Elements */
body    { margin: 20px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #888888; line-height: 15px; }
h1      {}
hr      { height:1px; background-color: #EBEBEB; border: 0; }
form    { border: 0; margin: 0; padding: 0; }

h2, h3, h4, h5, h6 { color: #2582A4; }
p, ol, ul { text-align: justify; }
strong  { font-weight: bold; color: #808080; }
a       { color: #87A019; }
a:hover { text-decoration: none; color: #2582A4; }
img     { border: 0px; }

img.tmb       { margin: 1px; padding: 1px; border: 2px solid #87A019; }
img.tmb:hover { border: 2px solid #2582A4; }
img.tool_tip  { border: 0px; }

img.tmb_tool_tip       { margin: 1px; padding: 1px; border: 2px solid #87A019; }
img.tmb_tool_tip:hover { border: 2px solid #2582A4; }


#loginbox { margin-bottom: 0; padding-bottom: 0; background: url(/img/css/img07.gif) repeat-x left bottom; }
.box      { margin-bottom: 0; padding-bottom: 0; background: url(/img/css/img07.gif) repeat-x left bottom; }
.bottom { display: block; margin-bottom: 0; padding-bottom: 10px; background: url(/img/css/img08.gif) no-repeat left bottom; }
.image  { float: left; margin: 3px 0 0 0; padding: 0; }
.indent { margin-left: 125px; }
.indent_big { margin-left: 125px; font-size: 14px; }
h4      { margin-top: 5px; margin-bottom: 1px; font-size: 13px; font-weight: bold; }
h5      { font-size: 14px; font-weight: bold; margin-top: 12px; margin-bottom: 8px; }
h6      { margin-top: 5px; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
span.error  { color: #B01010; font-weight: bold; }
span.b        { font-weight: bold; }
span.label    { font-weight: bold; }
span.label_e  { font-weight: bold; color: #B01010; }

span.online       { font-weight: bold; background-color: #a7bb55; color: #fff; padding: 2px 4px 2px 4px; width: 65px; margin-right: 6px; }
span.in_transfer  { font-weight: bold; background-color: #ccff44; color: #333; padding: 2px 4px 2px 4px; width: 65px; margin-right: 6px; }
span.offline      { font-weight: bold; background-color: #B01010; color: #fff; padding: 2px 4px 2px 4px; width: 65px; margin-right: 6px; }

/* Header */
#header { width: 928px; height: 37px; margin: 0 auto; background: #BECF74 url(/img/css/img01.gif) repeat-x; border-bottom: 3px solid #FFFFFF; }

/* Menu */
#menu     { float: left; width: 600px; height: 37px; margin: 0; padding: 0 0 0 10px; list-style: none; background: url(/img/css/img02.gif) no-repeat; }
#menu li  { display: inline; }
#menu a   { display: block; float: left; height: 27px; padding: 10px 15px 0px 15px; text-decoration: none; font-size: 12px; font-weight: bold; color: #FFFFFF; }
#menu a:hover { background: #A4B74C url(/img/css/img04.gif) repeat-x; }

#content_list     { margin: 0; padding: 0 20px 0 20px; border: 0; }
#content_list li  { padding: 1px 0; list-style: square; }

h2 a       { text-decoration: none; }
h2 a:hover { text-decoration: none; }

a.abig     { text-decoration: none; font-size: 16px; font-weight: bold; }

/* Search */
#search   { float: right; height: 28px; margin: 0; padding: 9px 25px 0 0; background: url(/img/css/img03.gif) no-repeat right top; }
#search fieldset { display: inline; margin: 0; padding: 0; border: none; }
#input1   { width: 164px; padding: 2px 5px; background: #FFFFFF; border: none; }
#input2   { height: 20px; background: #87C4DB; border: none; font-size: 12px; font-weight: bold; color: #FFFFFF; }

input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #2582A4; }
input.button    { height: 20px; background: #87C4DB;  border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; font-weight: bold; color: #FFFFFF; margin-top: 2px; font-size: 12px; padding-left: 9px; padding-right: 9px; }

input.button:active { background: #87C4DB; border: 1px solid #ccc; border-left-color: #999; border-top-color: #999; }

input.nobutton  { height: 20px; background: #B01010; border: none; font-weight: bold; color: #FFFFFF; margin-top: 2px; font-size: 12px; }




input.none  { border: 0px; }
input.w50   { width: 50px; }
input.w150  { width: 150px; }
input.w250  { width: 250px; }
input.w300  { width: 300px; }
input.w350  { width: 350px; }

textarea.w350  { width: 350px; height: 100px; }
textarea.w330  { width: 330px; height: 150px; }
textarea.w400  { width: 600px; height: 250px; }
textarea.w300  { width: 300px; height: 100px; }
textarea.w220  { width: 220px; height: 120px; }
textarea.code  { width: 615px; height: 55px; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; border: 2px solid #26A8FF; }

/* Content */
#content    { width: 928px; margin: 0 auto; }
#colOne     { float: left; width: 235px; background: url(/img/css/img05.gif) repeat-x; }
#colOne h3  { padding: 0 20px; border: 0; margin: 0; }
#colOne ul  { margin: 0; padding: 0 20px 0 20px; list-style: none; border: 0; }
#colOne li  { padding: 5px 0; border-top: 1px solid #EFEFEF; }
#colOne li.first { border: none; }
#colTwo     { float: right; width: 617px; padding: 30px 40px 0 30px; background: url(/img/css/img09.gif) repeat-x; }
#colTwo h2  { margin: 0 0 16px 0; font-size: 24px; line-height: 20px; }
#colTwo h3  { margin-bottom: 5px; font-size: 18px; }
/*
#colTwo h4  { margin-top: 5px; margin-bottom: 1px; font-size: 12px; font-weight: bold; color: #B01010; }
*/

#colTwo ul  { margin: 0; padding: 0 20px 0 20px; list-style: none; border: 0; }

/*
#colTwo h5  { text-decoration: none; font-size: 14px; font-weight: bold; }
*/
#colTwo .box { margin: 0 -40px 30px -20px; padding: 0 30px 0 20px; }
#colTwo .bottom { margin: 0 0 20px -20px; padding: 0 0 20px 20px; }

#colTwo div.row      { width: 460px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dashed #EBEBEB; padding-bottom: 3px; overflow: hidden; }
#colTwo div.tn       { width: 75px; float: left; }
#colTwo div.content  { width: 385px; float: left; padding-top: 10px; }

#logo { height: 135px; background: url(/img/css/img06.gif) no-repeat; padding-top: 15px; }

/* Footer */
#footer   { clear: both; width: 928px; margin: 0 auto; padding-top: 40px; background: url(/img/css/img11.gif) repeat-x; }
#footer p { margin: 4px 0px 0px 0px; text-align: center; font-size: 11px; }

/* tables */
td.w60    { width: 60px;  }
td.w120   { width: 120px; }
td.w150   { width: 150px; }
td.w350   { width: 350px; }
td.row1   { background-color: #FFFFFF; }
td.row2   { background-color: #EFEFEF; }

div.faq   { padding: 5px 5px 8px 5px; border: 1px solid #2582A4; }

/* product box */
div.listbox     { border: 1px dashed #87C4DB; margin: 5px; padding: 5px 5px 10px 5px; width: 600px; }
div.product_box { width: 280px; height: 107px; border: 1px dashed #87C4DB; overflow: hidden; float: left; margin: 5px; padding: 5px 5px 10px 5px; }
div.product_box div.left   { width: 75px; float: left; }
div.product_box div.right  { width: 200px; float: left; }

div.product_box2 { width: 280px; height: 125px; border: 1px dashed #87C4DB; overflow: hidden; float: left; margin: 5px; padding: 5px 5px 10px 5px; }
div.product_box2 div.left   { width: 70px; height: 95px; float: left; }
div.product_box2 div.right  { width: 200px; height: 95px; float: left; overflow: hidden; }
div.product_box2 div.middle { width: 280px; height: 15px; float: left; padding-top: 3px; padding-left: 3px; border-top: 1px solid #efefef; margin-top: 10px; }
div.product_box2 div.swabbed { width: 15px; float: left; background: url(/img/icons/b_swaps.gif) no-repeat; padding-right: 5px; padding-left: 20px; text-align: left; font-weight: bold; margin-top: 15px; }
div.clear { clear: both; }

/* tabs */
#tab ul.tabs                   { list-style:none; margin:0; padding:0; clear:both; border-bottom: 1px solid #2582A4; height:28px; clear:both; margin-bottom: 8px; }
#tab ul.tabs li                { float:left; margin-right:7px; text-align:center; font-weight: bold; text-decoration: none; }
#tab ul.tabs li a              { display:block; height:19px; padding: 3px 6px 2px 6px; color:#fff; width: 130px; text-decoration: none; }
#tab ul.tabs li a.blue         { background-color: #2582A4; border-top: 4px solid #2582A4; }
#tab ul.tabs li a.blue:hover   { background-color: #2582A4; color: #fff; text-decoration: none; border-top: 4px solid #000066; }
#tab ul.tabs li a.blueactive   { background-color: #2582A4; color: #fff; text-decoration: none; border-top: 4px solid #000066; }
#tab ul.tabs li a.blueinactive { text-decoration: none; }

#tab ul.tabs li a.green        { background-color: #a7bb55; border-top: 4px solid #a7bb55; }
#tab ul.tabs li a.green:hover  { background-color: #a7bb55; color: #fff; text-decoration: none; border-top: 4px solid #229900; }
#tab ul.tabs li a.greenactive  { background-color: #a7bb55; color: #fff; text-decoration: none; border-top: 4px solid #229900; }
#tab ul.tabs li a.greeninactive{ text-decoration: none; }

#tab ul.tabs li a.yellow        { background-color: #ccff44; color: #333; border-top: 4px solid #ccff44; }
#tab ul.tabs li a.yellow:hover  { background-color: #ccff44; color: #333; text-decoration: none; border-top: 4px solid #FF9944; }
#tab ul.tabs li a.yellowactive  { background-color: #ccff44; color: #333; text-decoration: none; border-top: 4px solid #FF9944; }
#tab ul.tabs li a.yellowinactive{ text-decoration: none; }

#tab ul.tabs li a.red        { background-color: #B01010; color: #fff; border-top: 4px solid #B01010; }
#tab ul.tabs li a.red:hover  { background-color: #B01010; color: #fff; text-decoration: none; border-top: 4px solid #660808; }
#tab ul.tabs li a.redactive  { background-color: #B01010; color: #fff; text-decoration: none; border-top: 4px solid #660808; }
#tab ul.tabs li a.redinactive{ text-decoration: none; }

div.swap_number   { font: normal 48px 'Trebuchet MS', Arial, Sans-serif; height: 70px; float: left; overflow: hidden; margin-bottom: 5px; width: 90px; text-align: right; padding-top: 5px; }
div.swap_content  { height: 85px; float: left; overflow: hidden; width: 530px; margin-bottom: 5px; }

div.large_box { width: 480px; height: 60px; border: 1px dashed #87C4DB; overflow: hidden; float: left; margin: 5px; padding: 5px 5px 10px 5px; }
div.large_box div.left   { width: 70px; float: left; }
div.large_box div.right  { width: 410px; float: left; }
div.large_box div.right h5  { margin-top: 0px; }

div.thumb { float: left; margin-bottom: 5px; margin-right: 2px; }

/* tables */
th          { height: 30px;  padding: 0px; overflow: hidden; background-color: #fafafa; border-bottom: 1px solid #EBEBEB; border-bottom-color: #DDDDDD; text-align: center; }
th.hd20     { width: 20px;  }
th.hd110    { width: 110px; }
th.hd150    { width: 150px; }
th.hd305    { width: 305px; }
table.ctable td { height: 15px; border-bottom: 1px solid #F4F4F4; padding: 3px; }
table.none  {} 

/* label */
div.status_online   { background-color: #a7bb55; width: 160px; height: 80px; float: left; margin: 10px; font-size: 28px; line-height: 36px; padding: 10px; text-align: center; }
div.status_online a { color: #fff; text-decoration: none; }
div.status_in_transfer { background-color: #ccff44; width: 160px; height: 80px; float: left; margin: 10px; font-size: 28px; line-height: 36px; padding: 10px; text-align: center; }
div.status_in_transfer a { color: #333; text-decoration: none; }
div.status_offline { background-color: #B01010; width: 160px; height: 80px; float: left; margin: 10px; font-size: 28px; line-height: 36px; padding: 10px; text-align: center; }
div.status_offline a { color: #fff; text-decoration: none; }

div.status_offer {}

div.ditem { width: 190px; margin: 5px 10px 0px 0px; overflow: hidden; float: left; }

div.comment-body { padding: 5px; margin: 15px 0px 0px 0px; background-color: #F9F9F9; }
p.commentmetadata { font-size: 10px; }