/*Default styles, comment it up if you have copied them to your stylesheet, these are not used in admin anyways*/
.div_table{}
.table {font:12px Arial;color:#242424;border:1px solid #CCC}
.inner_table{}
.table_sep_left{border-right:2px solid #E5E5E5;background:#F4F4F4;padding:2px 2px 2px 2px}
.table_sep_right{}
.row_1 {background:#F5F8FA; text-indent:2px}
.row_2 {background:#E2EAEF; text-indent:2px}
.top{font:bold 12px Arial}
.box_table{font:12px Arial;color:#242424;border:1px solid #CCC}
.box_top{font:bold 12px Arial;border-bottom:1px solid #CCC}
.box_top A{font:bold 12px Arial;color:#242424}
.box_item{font:12px Arial;color:#242424;padding-left:4px}
.box_row{}
.box_row_over{font:12px Arial;color:#242424;padding-left:4px;background:#F3F3F3}

._hr{font:3px Arial;border-bottom:1px solid #CCC;border-top:1px solid #CCC}
._hr2{font:3px Arial;border-top:1px solid #CCC}

.link, A.link:link, A.link:visited {font:12px Arial; color:#6791B1;text-decoration:underline}
A.link:active, A.link:hover {text-decoration:none;color: #E80404}
.biglink, A.biglink:link, A.biglink:visited {font:14px Arial; color:#6791B1;text-decoration:underline}
A.biglink:active, A.biglink:hover {text-decoration:none;color: #E80404}
.cell{border-top:1px solid #CCC}
.nw{white-space:nowrap}
.title_sub{font:9px Arial}

/*basketlist checkout*/
.price_total{font:13px Verdana}
.price_vat{font:12px Verdana}
.price_shipping{font:12px Verdana}
.total_qty{font:bold 12px Verdana}
.totals{background:#F4F4F4;font:13px Verdana;color:black}
.basket_qty{color:blue;font:bold 11px Arial}
.basket_price{font:11px Arial;color:#3E3E3E}

/*Form styles*/
FORM {margin:0px;padding:0px;display:compact}
.table_form{font:12px Arial;color:#242424}
.form_top TD{font:bold 12px Arial;color:#242424;border-bottom:1px solid #CCC}
.form_row_1 {background:#F5F8FA; text-indent:2px}
.form_row_2 {background:#E2EAEF; text-indent:2px}
.col_l {font:bold 11px Arial;border-right:#D6DFE4 1px solid} /* left column */
.col_r {font:bold 11px Arial;color:#3F658B; padding-left:5px} /* right column */
.form_bottom{}
.form_error{font:13px Arial;color:red;text-align:center}
.error{padding:2px 10px 2px 25px;background:url(/images/sys/error.png) 5px center no-repeat;border:1px dotted red;width:80%;text-align:left}
.li{background:url(/images/sys/menu-right.png) no-repeat 5px center;padding-left:16px}
.success {font:12px Verdana;color:#26A80F;border:1px dashed #33CC00;padding:4px 4px 4px 25px;background:#E3FEE2 url(/images/16x16/check.png) 1% no-repeat}
.text{font:12px Arial;width:150px}
.textarea{font:12px Geneva;width:98%}
.select{font:12px Tahoma;width:150px}
.date_select{font:12px Tahoma}
.checkbox, .radio{}
.button{font:14px Arial}

/* End of default styles*/







/* Global styles, used in admin also */
BIG {font:inherit}
IMG {border:none;margin:0px;padding:0px}
LABEL {cursor:pointer;cursor:hand}
LEGEND {color:maroon;font:11px Verdana}
.pointer {cursor:pointer;cursor:hand;}
.num {padding-right:2px;font-weight:normal;font-style:italic}
.tiny {font-size:8px}
.codepress {font:13px "Courier New", Courier, monospace}
.divShow {}
.divHide {display:none}
.opacity40 {-moz-opacity:40;filter:alpha(opacity:40);opacity:40}
.opacity70 {-moz-opacity:70;filter:alpha(opacity:70);opacity:70}
.nothing {border:none;padding:0px;margin:0px;background:transparent}
.bold {font-weight:bold}
.popup_frame {border:none;padding:0;margin:0}
.hint{border:1px dashed #CC9900;background:#FDFCD9;color:#993300;padding:2px;text-align:left;max-width:300px;font:11px Verdana}


/*Product options*/
.po_table{border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;font:11px Arial}
.po_title{border-right:1px solid #CCC;color:steelblue;width:50%;border-bottom:1px solid #CCC;font:12px Arial}
.po_option{border-bottom:1px solid #CCC}
.po_row{}
.po_label{font-weight:bold;}
.po_descr{font-weight:normal;padding-left:25px}
.po_price_plus{color:green}
.po_price_minus{color:red}
.po_price_perc{font:bold 9px Arial;position:relative;top:-2px}

/* Button hover effect */
.l_over {border:1px outset #DAE4EB;text-decoration:none;background:url(/images/bars/red.gif) top repeat-x scroll;cursor:pointer;cursor:hand;padding:1px}
.l_out {padding:2px;text-decoration:none;}
.l_in {background:#CCCCCC;border:1px inset #DAE4EB;padding:1px}

/* Ajax windows */
.tbl_wrap{background:#FAFAFA;border:#A9BBCF 1px solid;text-align:left}
.wintop{font:bold 13px 'Trebuchet MS','Comic Sans MS',Arial;border-bottom:solid 1px #C5D1D0;background:#EB98A0 url(/images/bars/red.gif) repeat-x scroll;padding:2px;color:#923D3D}

.a_h{background:#FFFFFF;margin: -4px 6px 6px -6px; !important}
.a_o{position:absolute;z-index:15;background:url(/images/sys/shadow.png) repeat bottom right;margin:10px 0 0 5px; !important}
.a_ht{padding:2px;font-weight:bold; font-size:12px;vertical-align:top;background:#E1F0B9 url(/images/bars/yellow.jpg) repeat-x scroll;color:#8F9612;height:17px}

.suggest {padding-left:16px;background:url(/images/sys/arrow-asc.png) 2px 1px no-repeat}
.suggest_wrap{position:relative;z-index:5;background:url(/images/sys/shadow.png) repeat bottom right;margin:10px 0 0 5px}
#suggest{background-color:#fff;margin:-12px 6px 6px -6px}
.suggest_div{font:10px Verdana;min-width:200px;color:#333333;background:#FAFAFA;border:#A9BBCF 1px solid;z-index:10;}
.suggest_i{padding:2px;border-bottom:#D6DFE4 1px solid}
.suggest_io{padding:2px;border-bottom:#D6DFE4 1px solid;color:#FFF;background:blue}

/* DEBUGGER */
.d_table_a {vertical-align:top;width:100%;background:#FFF;border-collapse:collapse;border:1px solid #3399FF}
.d_table_o {vertical-align:top;width:100%;background:#FFF;border-collapse:collapse;border:1px solid #D2A393}
.d_empty {color:#CCCCCC;font-style:italic}
.d_key {vertical-align:top;text-align:left;font:bold 10px Tahoma;color:#3399FF}
.d_val {width:100%;vertical-align:top;text-align:left;font:11px Arial}