/* Style reset  ----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}

body, html {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	background-color: #000000;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img, input, .noborder {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border: 0;
}

a, a:link { text-decoration: none; color: #686868 }
a:hover { text-decoration: underline; }

.clear { clear: both; font-size: 0px }
.clear_right { clear: right }

/* Main  elements ------------------*/
#global { border-bottom: 1px solid #818181; background-color:#2b2b2b; background: #2b2b2b url('../images/global_bg.gif') repeat-x top left }

#sheet { border: 0px solid red; width: 1000px; margin: 0px auto; position: relative;}

#header { background: #2b2b2b url('../images/header_bg.gif') repeat-x top left; height: 160px }
#header_left { padding-left: 44px; background: url('../images/header_left.gif') no-repeat top left; position: relative; height: 113px}
#header_right { padding-top: 28px; padding-right: 53px; background: url('../images/header_right.gif') no-repeat top right; position: relative; height: 113px; }
#header_inner { }

#navigation { padding:0px 32px 0px 21px; position: relative; background-color: #5d5d5d; height: 47px; }
#navigation_inner { background: url('../images/navigation_bg.gif') repeat-x top left; height: 47px; padding-top: 5px  }

#page { margin: 0px 0px; background: #ffffff url('../images/page_l.gif') repeat-y top left; }
#page_inner { background: url('../images/page_r.gif') repeat-y top right; }
.page_top { display: block; clear: right;  overflow: auto; }
.page_bottom { display: block; clear: left;  overflow: auto;}
.page_tl { width: 31px; height: 18px; display: block; float: left; background: url('../images/page_tl.gif') no-repeat top left; }
.page_tr { width: 43px; height: 18px; display: block; float: right; background: url('../images/page_tr.gif') no-repeat top right; }
.page_bl { width: 31px; height: 11px; display: block; float: left; background: url('../images/page_bl.gif') no-repeat top left; }
.page_br { width: 43px; height: 11px; display: block; float: right; background: url('../images/page_br.gif') no-repeat top right;  }

#breadcrumb { position: relative; background-color: #ebebeb; line-height: 30px; padding-left: 10px; margin-bottom: 10px; }
#breadcrumb a { color: #686868; }

#banner { border: 0px solid #aa0000; background: url('../images/banner_bg_right.gif') no-repeat top right; height: 143px; padding: 4px 2px 0px 0px }
.banner_inner { height: 109px; background-color: #929c3b; clear: right; overflow: auto }
.banner_numbers { height: 25px; }

#sidebar { width: 215px; float: left; overflow: auto; padding: 0 0 }
#sidebar_lower { width: 215px; float: left; overflow: auto; padding: 0 0 }

#content { margin-left: 220px; padding: 0px 0px; background: url('../images/page_r.gif') repeat-y top right; clear: right; border: 0px solid #aa0000; overflow: auto; position: realative; }
#content h1 { font-size: 18px; color: #fac21c; text-align: left; border-bottom: 1px solid #fac21c; margin-bottom: 10px; }
#content h2 { font-size: 14px; color: #fac21c; margin-bottom: 10px }
#content h3 { font-size: 12px; color: #fac21c; margin-bottom: 10px }
#content h4 { font-size: 12px; color: #fac21c; margin-bottom: 10px }

#module { margin-right: 38px; overflow: auto; min-height: 100%; height: 100%;}

#footer { position: relative; line-height: 40px; clear: left; padding: 0px 40px 10px 40px; overflow: auto;}
#footer div>div { width: 33%; float: left; overflov: auto }
#footer div>div h3 { font-size: 12px; color: #fac21c; margin-bottom: 0px; font-weight: bold; line-height: 25px }
#footer ul>li { line-height: 23px; padding-left: 0px; color: #ffffff }
#footer ul>li a { color: #ffffff }
#footer ul { list-style-type: disc; list-style-position: inside; }

#copyright { width: 1000px; margin: 0px auto; position: relative; color: #8d8d8d; text-align: center }
#copyright p { padding: 5px 10px }
#copyright .copy { color: #ffffff }

.special_menu { height: 25px; background-color:#2b2b2b; padding: 0px 43px 0px 31px; text-align: center }
.special_menu ul>li { line-height: 25px; padding: 0px 20px 0px 20px; color: #fac21c; float: left; font-weight: bold }
.special_menu ul>li a { color: #fac21c }
.special_menu ul { list-style-type: disc; list-style-position: inside; overflow:auto; width: 500px; margin: 0px auto }

.header_logo { background-color: #ffffff; margin-top: 10px; width: 190px; float:left  }
.header_panel { background-color: #ffffff; margin-top: 0px; width: 360px; float:right }

.header_panel_upper {  height: 33px; background: url('../images/header_panel_upper_left.gif') no-repeat top left; padding-left: 34px; margin-left: 60px }
.header_panel_upper p { height: 33px; background: url('../images/header_panel_upper_bg.gif')  repeat-x top left; display: block }
.hpu_myaccount { width: 95px; height: 33px; display: block; float: left; }
.hpu_myaccount img { margin: 8px 8px }
.hpu_cart { background-color: #000000; width: 95px; height: 33px; display: block; float: right; }
.hpu_cart img { margin: 8px 8px }

.header_panel_spacer { height: 19px; display: block }

.header_panel_lower {  background: url('../images/header_panel_lower_left.gif') no-repeat top left; padding-left: 74px}
.header_panel_lower p { height: 33px; background: url('../images/header_panel_lower_bg.gif') repeat-x top left; display: block; padding: 6px 6px }
.header_panel_lower p input { border: 1px solid #ffb92b; height: 19px; }
.header_panel_lower p select{ border: 1px solid #ffb92b; height: 20px; }

/* Top navigation ----------------*/
.navigation_top { list-style-postiton: inside; overflow: auto; width: 100%}
.navigation_top li { float: left; padding: 0px 15px; line-height: 28px;  color: #ffffff; font-size: 12px }
.navigation_top li>a { color: #ffffff; }
.navigation_top li>a:hover { color: #fac21c; }

/* Left navigation------------------- */
.sidebar { background: url('../images/navi_left_icon.gif') no-repeat top left; padding-left: 21px;}
.sidebar_lower { padding-left: 21px;}
.sidebar h2 { background: url('../images/navi_left_bg.gif') repeat-x top left; height: 40px; display: block; line-height: 35px }
.sidebar h2 a { color: #000000; font-size: 11px; font-weight: bold }
.sidebar h2>span { background: url('../images/navi_left_icon_right.gif') repeat-x top right; height: 40px; display: block; width: 6px; float:right }
.navigation_left { background-color: #37383a; margin-right: 6px; margin-bottom: 8px; padding-bottom: 10px }
.navigation_left>li { line-height: 20px; padding-left: 15px; background: url('../images/navi_left_li_separator.gif') no-repeat bottom }
.navigation_left>li a { color: #ffffff; font-size: 11px }
.li_separator_left {  background: url('../images/navi_top_separator.gif') no-repeat center left }

/* Main div style ----------------*/
.div_box { color: #686868; text-align: left  }
.div_box h2 {color: #686868 !important; font-weight: bold }
.div_box>div { background-color: #ebebeb; padding: 10px 10px; clear: right; margin-bottom: 10px }
.div_box a { color: #686868 !important; text-decoration: underline }

/* MOD Frontpage ------------------*/
.lpm { width: 33%; float: left; overflow: auto; }
.lpm_image { text-align: center; height: 110px; padding: 2px }
.lpm_title, .lpm_title a  { display:block;  color: #3c3c3c; font-size: 12px; font-weight: bold; }
.lpm_description { color: #686868; font-size: 10px }
.lpm_price { color: #fac21c; font-size: 15px; font-weight: bold; margin-top: 10px}
.lpm_title, .lpm_price { padding: 5px 5px; }

.separator_horizontal { border-bottom: 1px solid #ebebeb; height: 1px; margin: 5px 0px; overflow: visible; clear:both }
.separator_vertical { width: 1px; background-color: #ebebeb; min-height: 99%; display: block; float: left }

.div_form p { background-color: #ebebeb; margin-bottom: 2px; padding: 2px 2px }
.div_form p>label { display: block; width: 150px; float: left}
.div_form p input { border:1px solid #686868; background-color: #fff4aa }

input, .link_btn { border:1px solid #686868; background-color: #fff4aa; margin: 1px 1px; }
.link_btn { padding:2px 2px }

/* MOD product */
.productHeader { color: #686868; clear: right; overflow: auto }
.productHeader * { color: #686868; }
.productHeaderLeft { width: 320px; height: 305px; padding: 10px 10px; float: left }
.productHeaderRight { float: right; width: 370px; padding-top: 25px}

.productPrice { color: #fac21c; overflow: hidden; }
.productPrice p { line-height: 16px; color: #fac21c; font-weight: bold }
.productPrice p>em { color: #686868; }
.productPriceEnd { color: #fac21c; font-size:18px; line-height: 20px; font-weight: bold  }
.productSale { color: #686868; display: block; }
.productSale em {  font-weight: bold; color: #fac21c;  }

.product_images { clear: right; overflow: auto }

.product_description *{ padding-top: 10px ; clear: left; text-align: justify }
.product_description>h2 { font-weight: bold }
.product_description p { margin: 2px; padding-bottom: 2px; overflow: visible; color: #686868; font-size:12px; line-height: 15px; padding: 5px; }
.product_description table { font-size: 12px }
.product_description blockquote h2,
.product_description blockquote h3,
.product_description blockquote h4,
.product_description blockquote h5,
.product_description blockquote h6 { margin: 2px; padding: 5px; overflow: visible; color: #686868 !important; font-weight: bold; background-color: #ebebeb }
.product_description ul { list-style-type: disc;  font-size: 12px; padding-left: 5px; list-style-position: inside; }
.product_description ul li { padding-left: 5px; font-size: 12px; line-height: 15px }
.product_description div { margin:0px 0px; padding: 3px; font-size: 12px }
.product_description span { }

.productVideo { clear: left; overflow: auto; }

.productDocs div { float: left; border: 1px solid #bababa; padding: 5px; margin-right: 10px }
.productDocs div>p { text-align: center }

.productTehnicalDescription p {  font-size:12px; font-weight: bold; color: #83c221; display: block; margin: 2px 2px; padding: 3px 3px; border-bottom: 1px dashed #bababa }
.productTehnicalDescription p>em {  font-size:12px; font-weight: normal; color: orange; display: block; width: 150px; float: left }
.productTehnicalDescription p:hover { background-color: #ebebeb }

.productLinked { margin-top: 10px }
.productLinked h3, .productTehnicalDescription h3, .product_description h3, .productDocuments h3 { padding: 10px 0px }
.productLinked .proddiv { float: left; margin-right: 5px; overflow: hidden; width: 24% }
.productLinked>h2 { font-weight: bold }
.primg { display: block; height: 60px; overflow: hidden }
.primg img  { margin: 0px auto; display: block;  }
.proddiv .pr {  padding: 3px 3px }
.proddiv .pr a {  font-size:12px; font-weight: normal; color: #686868;}
.proddiv .pr>em  { font-size:12px; font-weight: bold; color: #fac21c; }

/* MOD Product list*/
#pl_panel { padding:0; margin: 5px; overflow: auto; color: #686868; }
#pl_panel div { margin:0; padding:0; overflow: auto; color: #686868; font-size: 12px }
div.pl_panel_left { float: left; width: 80px; overflow: auto  }
div.pl_panel_left img { margin-right: 3px }
div.pl_panel_center { overflow: auto; margin-left: 80px; margin-right: 240px; text-align: center }
div.pl_panel_center a:link { color: #686868; }
div.pl_panel_right { float: right; width: 200px; overflow: auto }
a.active_panel_link { color: #fac21c; font-weight: bold }
a.notactive_panel_link { color: #686868; font-weight: normal }
.lightgray { color: #686868 }
.darkgray { color: #3c3c3c; font-weight: bold }

.float { padding:0; margin:0; list-style-type: none;}
.float li { float: left; }

/* product_list table 1 */
div.listTableFirst33 { float: left; width: 33%; overflow: auto; }
div.listTableInner33 { float: left; width: 33%; overflow: auto; }
div.listTableFirst33 h3 a, div.listTableInner33 h3 a { color: #3c3c3c; font-size: 12px; font-weight: bold }
div.imgCenter { text-align: center; height: 185px; }
div.imgCenter img { vertical-align: middle; }
div.listTableFirst33 h3 span, div.listTableInner33 h3 span { color: #686868; font-size: 12px }
div.listTableFirst33 blockquote, div.listTableInner33 blockquote { margin:0; padding: 10px; color: #686868 }
p.table_price { padding-top: 10px; color: #fac21c; font-size: 16px; font-weight: bold }

.clear { clear: both }

/* product list table 2*/
.listItem { margin:0; padding:0; overflow: auto }
.listItem:hover { background-color: #ebebeb }
.listItemLeft { float: left; width: 100px; text-align: center; }
.listItemLeft img { margin: 0 auto; vertical-align: middle}
.listItemRight { float: right; width: 145px; padding-left: 10px; font-size: 14px; color: #fac21c; padding: 3px; font-weight: bold }
.listItemContent { margin:0 100px; overflow: hidden; }
.listItemContentA { margin-right:145px; overflow: hidden; }
.listItemContent h4 a, .listItemContentA h4 a { color: #3c3c3c; font-size: 12px; font-weight: bold }
.listItemContent span, .listItemContentA span { color: #686868; font-size: 12px }
.listItemContent p, .listItemContentA p { color: #686868; }

/* MOD CART */
.cart_header { overflow: auto }
.cart_step_left { float :left; width: 210px; white-space: nowrap }
.cart_step_left div { float: left; margin-right: 3px; text-align: center; }
.cart_step_right { margin-left: 210px; text-align :right }
.cart_header_long_text { font-size: 12px; background-color: #fac21c; color: #ffffff; height: 18px; padding: 2px 10px; overflow: auto }
.cart_header_long_text a { color: #ffffff; }
.cart_step_active { background-color: #fac21c; font-size: 30px; color: #ffffff; font-weight: bold; width: 60px }
.cart_step_inactive { background-color: #fac21c; font-size: 14px; color: #505050; font-weight: bold; width: 60px; padding: 3px 3px; margin-top: 13px }

.cart_content_left { color: #686868 !important; float: left; width: 204px; background-color: #ebebeb; padding: 20px 5px 5px 5px }
.cart_content_left h2 { color: #686868 !important; font-weight: bold !important }
.cart_content_right { overflow: auto; padding-left: 10px}
.cart_content_right a { color: #686868 !important; text-decoration: underline}


.price_sum_label { background-color: #ebebeb; width: 360px; font-size:16px; font-weight: bold; color: #686868; float:left; padding: 2px 3px; margin-top: 4px }
.price_sum { width: 130px; display: block; float: left; background-color: #fac21c; font-size:18px; color: #ffffff; padding: 2px 3px; margin-top: 2px; font-weight: bold }

.cart_prew { float: left; width: 48%; overflow:hidden}
.cart_prew input { display: block; margin: 0 auto; }
.cart_next { width: 48%; margin-left: 49%; overflow:hidden }
.cart_next input { display: block; margin: 0 auto; }

.cart_prod_list_title { color: #fac21c; font-size: 14px; font-weight: bold; padding: 5px 5px; margin-top: 10px }
.cart_prod_list_data { overflow: auto; color: #686868; font-size: 12px; border-bottom: 1px solid #bababa}
.cart_prod_list_data h2 { font-weight: bold; }
.cart_prod_list_image { float: left; width: 110px }
.cart_prod_list_image img { display:block; margin: 4px auto; }

.cart_prod_list_calc { float: left; clear: left }
.cart_prod_list_calc p { border-bottom: 1px solid #ebebeb; padding: 3px; }
.cart_prod_list_calc p:hover { background-color: #ebebeb }
.cart_prod_list_calc p label { width: 150px;  font-weight: bold; display: block; float: left; }
.cart_prod_list_calc p em { width: 80px; text-align: right; }
.cart_prod_list_calc p span.gift { width: 80px; text-align: right; }
.cart_prod_list_quantity { float: left; width: 135px; text-align: center; overflow: hidden }
.cart_prod_list_sum em {  color: #fac21c; font-size: 14px; font-weight: bold; }

.cart_preview_data_left { /*float: left; width: 48%;*/ }
.cart_preview_data_right { /*width: 48%; margin-left: 49%;*/ }


/* Custom elements */
.input_not_valid {
	border: 1px solid red;
	background-color: #ffeaea;
}
.input_error_text {
	color: red;
}
.error_big {
	font-size: 14px;
	color: red;
}

.table_myaccount td {
	padding: 3px 2px;
}

.tr_account_form td {
	padding: 2px 2px
}

.tr_account_form td:first-child {
	color: #ffffff;
	background-color: #686868;
	border-bottom: 1px solid #bababa;
}

tr.tr_account_form {
	border-bottom: 1px solid #686868;
}

/* MOD CONTENT */

.mod_content * { padding-top: 10px ; clear: left; text-align: justify }
.mod_content>h2 { font-weight: bold }
.mod_content p { margin: 2px; padding-bottom: 2px; overflow: visible; color: #686868; font-size:12px; line-height: 15px; padding: 5px; }
.mod_content table { font-size: 12px }
.mod_content blockquote h2,
.mod_content blockquote h3,
.mod_content blockquote h4,
.mod_content blockquote h5,
.mod_content blockquote h6 { margin: 2px; padding: 5px; overflow: visible; color: #686868 !important; font-weight: bold; background-color: #ebebeb }
.mod_content ul { list-style-type: disc;  font-size: 12px; padding-left: 5px; list-style-position: inside; color: #686868; margin: 0px 0px; padding-top: 0px }
.mod_content ul li { padding-left: 5px; font-size: 12px; line-height: 15px }
.mod_content div { margin:0px 0px; padding: 3px; font-size: 12px }
.mod_content span { }