body, html, p, div, span, h1, h2, h3, h4, h5, h6, em { margin: 0px 0px; font-family: Arial; }
body, html { font-size: 11px }
h2 { font-size: 16px; color: #83c221 }
h3 { font-size: 14px; color: #83c221 }
h4 { font-size: 12px; color: #83c221 }
img { border: 0px solid #ffffff; }
a { text-decoration: none; color: #83c221 }
a:hover { text-decoration: underline; color: #83c221 }
em { font-style: normal }
input[type="text"], input[type="password"], select { border: 1px solid #72634e; }
body { background: url('../images/ou_header_bg.gif') repeat-x top left; background-color: #72634e; min-height: 100%; font-size: 11px }
#body_global { border: 0px solid #ffffff; width: 975px; height:100%; margin: 0 auto; }
.body_header_left { float: left; width: 228px; height: 44px }
.body_header_center { float: left; height: 44px; width: 200px; background: url('../images/ou_header_center_bg.gif') repeat-x top left }
.body_header_right { float: left; height: 44px; width: 515px; text-align: right;}
.body_header_right div { float: right; padding-right: 2px }
#header { overflow: auto;}
#content { overflow: auto; color: #71624d; background:url('../images/ou_cert_logos.gif') no-repeat bottom right #ffffff; }
.body_content { width: 100%; background: url('../images/ou_content_center_bg.gif') repeat-y top left; overflow: auto }
.body_content_left { float: left; width: 228px; background: url('../images/ou_content_border_lt.gif') no-repeat top left}
.oaza_udobja_logo { margin: 15px auto; width: 210px;}
.body_content_center { float: left; width: 200px; height: 100%; overflow: hidden }
.body_content_right { background: url('../images/ou_content_border_rt.gif') no-repeat top right; width: 520px; float: right; padding-right: 15px; padding-bottom: 55px}
.navi_title_green_outer { height: 26px; background: url('../images/navi_green_left.gif') no-repeat top left; overflow: hidden; margin: 0px 15px; }
.navi_title_green_inner { margin-left: 5px; background: url('../images/navi_green_right.gif') no-repeat top right; background-color: #83c221; color: #ffffff; font-size:13px; font-weight: bold; height: 23px; padding-top: 5px; padding-left: 2px; overflow: auto; }
.navi_title_green_inner a { color: #ffffff }
ul.navigation { list-style-position: outside; padding: 0 0; margin: 5px 5px 10px 17px; }
ul.navigation li { list-style-type: none; margin: 0 0; padding-left: 15px; background: url('../images/ou_navi_dot.gif') no-repeat; }
ul.navigation li a { color: #71624d; font-weight: bold; font-size: 12px }
.navi_title_brown_outer { height: 26px; background: url('../images/navi_brown_left.gif') no-repeat top left; overflow: hidden; margin: 0px 15px; }
.navi_title_brown_inner { margin-left: 5px; background: url('../images/navi_brown_right.gif') no-repeat top right; background-color: #72634e; color: #ffffff; font-size:13px; font-weight: bold; height: 23px; padding-top: 5px; padding-left: 2px; overflow: auto; }
.navi_title_orange_outer { height: 26px; background: url('../images/navi_orange_left.gif') no-repeat top left; overflow: hidden; margin: 0px 15px; }
.navi_title_orange_inner { margin-left: 5px; background: url('../images/navi_orange_right.gif') no-repeat top right; background-color: #f79811; color: #ffffff; font-size:13px; font-weight: bold; height: 23px; padding-top: 5px; padding-left: 2px; overflow: auto; }
.navi_left_menu_enews { background-color: #ebe4dc; color: #72634e; margin: 3px 15px 10px 15px; overflow: auto; font-size: 12px; padding: 7px }
.navi_left_menu_enews input[type="text"] { width: 120px }
.navi_left_menu_enews img { text-align:center; }
.content_search_panel { font-size: 12px; font-weight: bold; padding: 10px 0px 10px 0px ; overflow: auto; border: 0px solid #aa0000 }
.content_search_panel div { padding: 5px 3px; float: left; }
.content_search_panel div select { width: 153px }
.content_search_panel div.search_text {padding: 8px 4px; }
.content_search_panel div.btn_search_for {padding: 0px 0px 0px 15px; }
#breadcrumb { font-size: 12px; float: left; overflow: hidden; margin-bottom: 10px; }
#breadcrumb div { margin: 0px 0px; width: 519px; background-color: #fdf5ea; }
#breadcrumb em { font-weight: bold; padding: 5px 10px; }
#breadcrumb a { color: #83c221; font-weight: bold }
div.main_special { padding: 0px 0px 10px 0px; overflow:hidden; text-align: center; width: 518px}
#module { padding-left: 8px; overflow: auto; padding-bottom:25px; clear: left }
#module h1 { color:#83c221; font-size: 18px; font-weight: bold; padding: 10px 0px; border-bottom: 3px solid #def0c3; margin-left :0px; text-align: right }
/* list style's */
div.list_product_left { width: 240px; float: left }
div.list_product_right { width: 240px; float: right; overflow:auto; }
div.list_product_image { float: left; width: 95px }
div.list_product_details { float: right; width: 140px;}
p.list_product_title, p.list_product_title a { color: #83c221; font-size: 12px; font-weight: bold; margin-bottom: 10px }
p.list_product_description { color: #72634e; font-size: 10px }
p.list_product_price { color: #f79811; font-size: 18px; font-weight: bold; margin-top: 10px}
p.list_product_price img { color: #f79811; font-size: 18px; font-weight: bold; margin-left: 15px }
div.clear { clear: both; line-height: 20px; height: 20px; }
div.clear_small { clear: both; line-height: 10px; height: 10px; }
#footer { }
div.footer_left { float: left; width: 228px; background: url('../images/ou_footer_left.gif') no-repeat top left; height: 38px; padding-top: 20px; color: #bfb295; font-size: 10px; text-align: center }
div.footer_center { background: url('../images/ou_footer_center.gif') no-repeat top left; width: 208px; float: left; height: 38px }
div.footer_right { float: right; width: 539px; background: url('../images/ou_footer_right.gif') no-repeat top right; height: 38px; }
div.footer_right p, div.footer_right p a { padding-top: 20px; color: #bfb295; font-size: 10px; }
div.footer_right p { padding-left: 55px; }
p.separator_horizontal { border-bottom: 1px solid #ebebeb; height: 1px; margin: 5px 0px; overflow: visible; }
/* product list - panel */
#pl_panel { padding:0; overflow: auto; color: #83c221; }
#pl_panel div { margin:0; padding:0; overflow: auto; color: #83c221; font-size: 12px }
div.pl_panel_left { float: left; width: 90px }
div.pl_panel_left img { margin-right: 2px }
div.pl_panel_center { margin:0 180px; overflow: auto; }
div.pl_panel_center a:link { color: #83c221; }
div.pl_panel_right { float: right; width: 190px }
a.active_panel_link { color: #f79811; font-weight: bold }
a.notactive_panel_link { color: #83c221; font-weight: normal }
ul.float { padding:0 0; margin:0 0; list-style-position: inside; overflow: auto}
ul.float li { float: left; list-style-type: none; }
div.listTableFirst50 { float: left; width: 48%; padding: 3px 3px; overflow: visible; }
div.listTableInner50 { float: left; width: 48%; padding: 3px 3px; overflow: visible; }
div.listTableFirst50 h4 a, div.listTableInner50 h4 a { color: #83c221; font-size: 12px; }
div.listTableFirst50 em, div.listTableInner50 em { font-size: 18px; color: #f58220; }
div.imgCenter { text-align: center; height: 185px; }
div.imgCenter img { vertical-align: middle; }
div.listTableFirst50 h4 span, div.listTableInner50 h4 span { color: #672634e; font-size: 13px }
div.listTableFirst50 blockquote, div.listTableInner50 blockquote { margin:0; padding: 10px; color: #672634e }
p.table_price { padding-top: 10px }
.clear { clear: both }
/* product list big images*/
.listItem { margin:0; padding:0; overflow: hidden }
.listItem:hover { background-color: #ebebeb }
.listItemProdNum { width: 35px; padding-top:18px; text-align: center; float: left; color: #672634e; font-size: 12px; font-weight: bold }
.listItemLeft { float: left; width: 65px; text-align: center; }
.listItemLeft img { margin: 0 auto; vertical-align: middle}
.listItemRight { float: right; width: 100px; padding-left: 10px; padding-top: 14px; text-align: right; }
.listItemRight em { font-size: 18px; color: #f58220; padding: 3px; }
.listItemContent { margin:0 100px; overflow: hidden; }
.listItemContentA { margin-right:100px; overflow: hidden; }
.listItemContent h4 a, .listItemContentA h4 a { color: #83c221; font-size: 12px; }
.listItemContent span, .listItemContentA span { color: #672634e; font-size: 12px }
.listItemContent p, .listItemContentA p { color: #672634e; }
table.table_box th { font-weight: bold; color: #83c221 }
/* mod accoutn */
div.mod_account { overflow: auto; color: #672634e; font-size:12px; text-align: center }
div.mod_account_box { border: 1px solid #83c221; margin-bottom: 10px; background-color: #eaffca; padding: 10px 10px }
div.account_register { margin-left: 215; overflow: auto; color: #672634e }
div.account_register h2 { padding: 10px 5px 5px 5px; overflow: auto }
div.account_register p { line-height: 18px; padding: 2px 5px; overflow: auto; font-size:12px; }
div.account_register p label { width: 180px; display: block; float: left; font-size:12px; font-weight: bold; }
.error_big { color: #e00000; font-size:12px; }
.error, .input_error_text { color: #e00000; font-size:12px; }
/* ---- input form ---- */
.input_not_valid { border: 1px solid #e00000; background-color: #ffdddd; }
.input_valid { border: 1px solid #197600; }
div.account_register h2 { padding: 10px 5px 5px 5px; overflow: auto }
div.account_register p { line-height: 18px; padding: 2px 5px; overflow: auto; color: #672634e; font-size:12px; }
div.account_register p label { width: 180px; display: block; float: left; color: #672634e; font-size:12px; font-weight: bold; }
.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; color:#83c221; font-size: 18px; font-weight: bold; padding-top: 3px }
.cart_header_long_text { font-size: 12px; background-color: #f5821f; color: #ffffff; height: 18px; padding: 2px 10px; overflow: auto }
.cart_header_long_text a { color: #ffffff; }
.cart_step_active { background-color: #f5821f; font-size: 30px; color: #ffffff; font-weight: bold; width: 60px }
.cart_step_inactive { background-color: #ebe4dc; font-size: 14px; color: #505050; font-weight: bold; width: 60px; padding: 3px 3px; margin-top: 13px }
div.cart_content_left { background: url('../images/cart_step_1_header.gif') no-repeat top left; float: left; width: 204px; background-color: #f1f1f1; padding: 100px 5px 5px 5px }
div.cart_content_right { overflow: auto; padding-left: 10px}
.price_sum_label { background-color: #ebe4dc; width: 360px; font-size:16px; font-weight: bold; color: #7a7a7a; float:left; padding: 2px 3px; margin-top: 4px }
.price_sum { width: 130px; display: block; float: left; background-color: #f5821f; font-size:18px; color: #ffffff; padding: 2px 3px; margin-top: 2px; font-weight: bold }
.cart_prew { float: left; width: 48%; }
.cart_prew input { display: block; margin: 0 auto; }
.cart_next { width: 48%; margin-left: 49%; }
.cart_next input { display: block; margin: 0 auto; }
.cart_prod_list_title { color: #f58220; font-size: 14px; font-weight: bold; padding: 5px 5px; margin-top: 10px }
.cart_prod_list_data { overflow: hidden; color: #672634e; font-size: 12px; border-bottom: 1px solid #bababa}
.cart_prod_list_image { float: left; width: 110px }
.cart_prod_list_image img { display:block; margin: 4px auto; }
.cart_prod_list_calc { float: 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: 130px; 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 }
.cart_prod_list_sum em { color: #f58220; font-size: 14px; font-weight: bold; }
.cart_preview_data_left { float: left; width: 48%; }
.cart_preview_data_right { width: 48%; margin-left: 49%; }
/* product */
.product { overflow: auto }
.productHeader { padding:0; margin: 5px; overflow: auto; }
div.productHeaderLeft { float: left; width: 190px; text-align: center; }
div.productHeaderRight { overflow: auto; margin-left: 195px; width:290px }
div.productHeaderRight h2 { margin-bottom: 25px }
p.product_cart { padding-top: 18px }
div.product_images { }
.productDetails { background-color: #ffe7b9; overflow: auto; padding: 5px 0px; margin-bottom: 10px; }
.productDetails div { width: 24.5%; overflow: auto; font-size: 12px; color: #72634e; }
.productDetails div.first { float:left; overflow: auto;}
.productDetails div.inner { float:left; background: url('../images/product_details_v_separator.gif') repeat-y left top; overflow: auto;}
.productDetails div.first h3, .productDetails div.inner h3 { margin: 2px; padding-left: 10px; font-size: 15px }
.productDetails div.first p, .productDetails div.inner p { line-height: 18px }
.productDetails div img { margin: 0px 10px; float: left }
.productDetails div img.gift { margin: 0px 10px 0px 0px; float: left; border: 1px solid #72634e }
.productDetails div p span { color: #257eb2; font-weight: bold }
.productDetails div p em { color: #f58220; font-size: 18px }
div.productPrice { overflow: auto }
div.productPrice p { font-weight: bold; text-align: right }
div.productPrice p em { float: left; font-size: 12px; text-align: left }
div.productPrice p.webPrice, div.productPrice p.webPrice em { color: #f58220; font-size: 16px; }
product_delivery { color: #f58220; font-size: 16px; }
p.productTabTitle { font-size: 14px; font-weight: bold; margin-top: 10px; margin: 10px 0px 0px 0px; }
.productDescription blockquote { padding: 5px 0px; border: 0px solid #aa0000; margin-left: 0px }
.productDescription, .productproductTehnicalDescription, .productDocuments, .productLinked, .productVideo { padding: 0px 0px; color: #72634e; overflow: auto; margin: 0px 0px 0px 0px; }
.productDescription p span, .productDescription p { color: #72634e; font-size:13px; padding: 5px; }
.productDescription p,.productDescription h1,.productDescription h2,.productDescription h3,.productDescription h4,.productDescription h5,.productDescription h6 { margin: 2px; padding: 2px; overflow: visible; font-size: 12px }
.productDescription ul { list-style-position: inside; font-size: 12px }
.productDescription ul li { padding-left: 4px; font-size: 12px }
.productDescription div { margin:0px 0px; padding: 3px; font-size: 12px }