/********************/
/*** reset styles ***/
/********************/
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; font-family: inherit; text-align: inherit; outline: none; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
strong { font-weight: bold; }
em { font-style: italic; }
::selection { background: #ccc; color: #000; }
::-moz-selection { background: #ccc; color: #000; }

html, body { min-width: 990px; min-height: 100%; height: 100%; }
body { position: relative; background: #fff url(/img/dpro/bg.gif) 0 0 repeat-x; font: normal 12px/16px arial, tahoma, sans-serif; color: #3f3f3f; }
.body { min-height: 100%; background: url(/img/dpro/bg_head_b.gif) 50% 110px no-repeat; }
.body_i { margin: 0 auto; min-width: 990px; max-width: 1200px; }

a { text-decoration: underline; color: #195aa4; }
a:hover { text-decoration: none; }
a.more { display: inline-block; *display: inline; *zoom: 1; margin-left: auto; padding: 0 40px; height: 47px; background: url(/img/dpro/bg_more.jpg) 100% 0 no-repeat; font-weight: bold; line-height: 45px; color: #195aa4; text-align: center; }
a.txt { color: #3f3f3f; }

h1, .h1, h2, h3, h4, h5, h6 { color: #201b18; }
h1, .h1 { padding-bottom: 5px; font: bold 24px/28px arial; }
h2 { font: 18px/22px arial; }
h3 { font: bold 16px/20px arial; }
h4 { font: bold 14px/18px arial; }
h4.shp { padding-left: 10px; background: url(/img/dpro/bg_hl_green.gif) 0 0 no-repeat; border-bottom: 1px solid #ade272; font: bold 12px/20px arial; color: #fff; }
h4.shp b { display: inline-block; *display: inline; *zoom: 1; padding: 0 30px 0 20px; background: #ade272 url(/img/dpro/bg_hl_green.gif) 100% -20px no-repeat; }
h5 { font: bold 12px/16px arial; color: #ed1c24; }
h6 { font: bold italic 12px/16px arial; }

hr { display: block; margin: 15px 0; padding: 0; height: 1px; color: #e5e5e5; background: #e5e5e5; border: 0; }

p { padding-bottom: 10px; }

.z { margin: 0; padding: 0; }
.cl { clear: left; }
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.tar { text-align: right; }
.red { color: #ed1c24; }

.img { float: left; margin: 0 10px 10px 0; padding: 2px; background: #fff; border: 1px solid #e5e5e5; }

.breadcrumbs { padding: 0 0 10px 5px; background: url(/img/dpro/bg_arr_black.gif) 0 5px no-repeat; color: #201b18; }
.breadcrumbs a { padding: 0 5px; color: #201b18; }

.pages  { padding: 5px 0; }
.pages a { padding: 0 10px; color: #3f3f3f; }
.pages a.f_page { padding-left: 0; }
.pages a.l_page { padding-right: 0; }

/* header */
.header_i { position: relative; height: 110px; }
.header .logo { position: absolute; top: 28px; right: 740px; width: 210px; height: 54px; }
.header_b { padding-left: 35px; height: 20px; }
.user_pannel { position: absolute; top: 12px; right: 100px; padding: 10px 0 10px 50px; background: url(/img/dpro/bg_user_pannel.png) 0 50% no-repeat; font: 11px/16px arial; color: #fff; }
.user_pannel a { padding: 0 10px; color: #fff; }
.user_pannel b { padding-left: 10px; }
.user_pannel a.logout { margin-left: 10px; padding-left: 20px; background: url(/img/dpro/bg_logout.gif) 0 60% no-repeat; text-decoration: none; }
.user_pannel a.logout b { padding: 0; font-weight: normal; text-decoration: underline; }
.user_pannel a:hover.logout b { text-decoration: none; }

/* top menu */
#menu { float: right; display: inline-block; *display: inline; *zoom: 1; position: relative; top: 85px; right: 50px; padding: 0 4px 0 15px; background: url(/img/dpro/bg_menu_r_sh.png) 100% 100% no-repeat; }
#menu li { float: left; margin-left: -15px; padding-left: 15px; background: url(/img/dpro/bg_menu_l_sh.png) 0 0 no-repeat; }
#menu li a { display: block; padding: 0 20px 0 15px; height: 25px; background: #fff url(/img/dpro/li.gif) 4px 50% no-repeat; font: bold 12px/25px arial; color: #565c4f; }
#menu b { display: block; position: relative; top: 25px; left: -21px; margin-right: -21px; height: 20px; background: #fff url(/img/dpro/bg_menu_b.gif) 0 0 no-repeat; }
#menu i { display: block; position: absolute; top: 25px; left: -265px; font: 11px/20px arial; color: #fff; }

/* content */
.content { padding: 15px; }
.content_i { clear: both; padding-top: 15px; }

.search { position: relative; top: 0; left: 30px; display: inline-block; *display: inline; *zoom: 1; border: 1px solid #e5e5e5; }
.search img, .auth img { position: absolute; top: -8px; left: -30px; }
.search .submit, .search .text, .search .text2, .auth .submit, .auth .text { float: left; padding: 0; height: 20px; border: 0; font: normal 11px arial; }
.search .text, .search .text2  { padding: 0 10px 0 20px; width: 170px; }
.search .submit { padding: 0 20px; background: #e5e5e5; }

.auth { position: relative; top: 0; left: 100px; float: left; }
.auth .text { margin-right: 10px; padding: 0 10px; width: 20%; border: 1px solid #e5e5e5; }
.auth .submit { padding: 0 20px; height: 22px; background: #e5e5e5; }
.auth div { float: left; padding-left: 15px; font-size: 11px; line-height: 11px; }
.auth img { left: -50px; }

@media screen and (-webkit-min-device-pixel-ratio:0){.search input, .auth input { margin: 0; }}

.basket_sm { position: relative; top: 15px; padding-right: 50px; width: 270px; background: url(/img/dpro/bg_basket_sm_sh.jpg) 100% 0 no-repeat; color: #565c4f; }
.basket_sm div { padding: 0 70px 0 50px; background: url(/img/dpro/bg_basket_sm.jpg) 100% 50% no-repeat; }
.basket_sm p { padding: 0; }
.basket_sm a { padding-right: 10px; background: url(/img/dpro/bg_arr_blue.gif) 100% 80% no-repeat; font-size: 11px; }
.basket_sm a.fake { float: right; margin: -10px -70px 0 0; padding: 0; width: 65px; height: 55px; background: 0; font-size: 0; opacity: 0; }

.top_fl { float: left; width: 330px; }
.ordered { margin-left: 350px; }
.ordered h4.shp { background-image: url(/img/dpro/bg_hl_grey.gif); border-color: #e5e5e5; color: #565c4f; }
.ordered h4.shp b { background: #e5e5e5 url(/img/dpro/bg_hl_grey.gif) 100% -20px no-repeat; }
.ordered a { float: left; width: 25%; }
.ordered img { display: block; margin: 0 auto; }
.ordered span { display: block; padding: 10px; text-align: center; }

.feat_block { position: relative; margin: 20px 0 40px 0; padding: 20px; border: 1px solid #f3f3f3; }
.fb_crn { position: absolute; width: 246px; height: 59px; background-image: url(/img/dpro/bg_feat_block.png); background-repeat: no-repeat; overflow: hidden; }
.fb_crn.tl { top: -22px; left: -22px; background-position: 0 0; }
.fb_crn.tr { top: -22px; right: -22px; background-position: 100% 0; }
.fb_crn.br { bottom: -22px; right: -22px; background-position: 100% 100%; }
.fb_crn.bl { bottom: -22px; left: -22px; background-position: 0 100%; }
.feat_block h4.shp { position: relative; top: -20px; left: -20px; display: inline-block; *display: inline; *zoom: 1; padding: 0 30px 0 20px; background: #ade272 url(/img/dpro/bg_hl_green.gif) 100% -20px no-repeat; border: 0; }

.content .horiz { padding: 15px; }
.content .horiz li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 20px; width: 20%; background-image: url(/img/dpro/li.gif); text-align: left; }
.content .horiz a { color: #3f3f3f; }

.columns { text-align: center; }
.column { float: left; vertical-align: top; width: 50%; text-align: justify; }
.column_i { padding: 0 15px; }
.column_item { padding: 10px 0; }
.column_item a { color: #3f3f3f; }
.column_item img { float: left; width: 218px; height: 80px; }
.column_item div { margin-left: 230px; min-height: 80px; }

.items_list, .newsline { margin-top: 40px; }
.items_list div, .newsline div { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 22%; margin: 20px 10px; text-align: center; }
.items_list div a { display: block; }
.items_list div p { padding: 5px 0 0 0; text-align: left; }
.items_list div img { display: block; margin: 0 auto; }
.items_list .price { margin-left: 10px; padding: 0 10px; background: #ed1c24; color: #fff; white-space: nowrap; }

.newsline a.title { font-weight: bold; color: #ed1c24; text-decoration: none; }
.newsline a:hover.title { text-decoration: underline; }
.newsline div { width: 30%; text-align: left; }
.newsline p.date { padding-bottom: 3px; color: #195aa4; }

.form .text { width: 300px; }
.fake_column { float: left; margin-right: 10px; width: 100px; font-weight: normal; text-align: right; }

.catalog_nav a { padding: 0 10px; }
.catalog_nav .fl, .catalog_nav .fr { width: 30%; }
.catalog_nav .fr { text-align: right; }
.catalog_nav .fc { margin: 0 30%; text-align: center; }

.item_thumb { float: left; /* width: 150px; */ height: auto; }
.basket_price { display: inline-block; *display: inline; *zoom: 1; padding-left: 30px; height: 30px; background: url(/img/dpro/bg_basket_catalog.gif) 0 50% no-repeat; color: #3f3f3f; line-height: 30px; }
.content .catalog_list { padding: 10px 0; }
.content .catalog_list li { padding: 20px 0; background: none; border-bottom: 1px solid #c5c7c3; }
.catalog_list .descr { margin: 0 300px 0 100px; }
.catalog_list .basket_price { float: right; margin-right: 20%; font: bold 15px/30px arial; color: #882626; text-decoration: none; }

.rating { display: inline-block; *display: inline; *zoom: 1; width: 50px; height: 9px; background: url(/img/dpro/bg_rating.gif) 0 0 no-repeat; font-size: 0; }
.rating img { float: left; width: 10px; height: 9px; }
.catalog_list .rating { margin: 10px 50px 0 0; }

.item_pic { float: left; margin: 0 20px 15px 0; }
.item_info { float: left; }
.item_price { font: bold 20px/30px arial; color: #882626; }
.item_descr { clear: both; padding-top: 20px; }

.models_nav { margin-top: 20px; padding-top: 20px; height: 40px; border-top: 1px solid #c5c7c3; }
.models_nav a { height: 30px; background: url(/img/dpro/bg_models.gif) 0 10px no-repeat; font-weight: bold; color: #3f3f3f; text-decoration: none; }
.models_nav .fl { padding-left: 20px; }
.models_nav .fr { padding-right: 20px; background-position: 100% -27px; }
.models_nav b { display: block; color: #195aa4; text-decoration: underline; }
.models_nav a:hover b { text-decoration: none; }

.content .basket_items { margin: 10px 0; }
.content .basket_items td { border: 0; border-bottom: 1px solid #e5e5e5; }
.content .basket_items div { padding: 5px; border: 1px solid #e5e5e5; }
.content .basket_items div img { float: none; display: block; width: 90px; }

/* списки, таблицы и прочие штуки контентной части */
.content dd { padding: 0 0 20px 20px; }
.content ol { padding: 5px 0 15px 30px; }
.content li { padding-bottom: 2px; }
.content ol ul li, .content ul ul li { background: url(/img/dpro/li2.gif) 0 5px no-repeat; }
.content ol ol { padding-left: 24px; }
.content ul { padding: 5px 0 15px 15px; list-style: none; }
.content ol ul, .content ul ul { padding-left: 7px; }
.content ul li { padding-left: 12px; background: url(/img/dpro/li2.gif) 0 5px no-repeat; }
.content table {  }
.content td, .content th { padding: 5px 10px; border: 1px solid #ade272; }
.content th { background: #ade272; font-weight: bold; text-align: left; color: #fff; }
input.text, textarea, select { padding: 1px 3px; border: 1px solid #a09a9a; font-size: 12px; font-family: arial; color: #666; }
input.submit { padding: 3px 10px; font-weight: bold; background: #e5e5e5; border: 0; color: #201b18; cursor: pointer; }
label { padding-left: 5px; cursor: pointer; }

/* footer */
.prefooter { clear: both; height: 100px; }
.footer { margin-top: -100px; height: 80px; border-top: 20px solid #e5e5e5; text-align: center; }
.footer_menu { padding: 10px 0; }
.footer_menu a { padding: 0 15px; color: #3f3f3f; }
.footer_cr_cnt { text-align: center; }
.footer_cr_cnt div { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.footer_itrack { width: 200px; color: #3f3f3f; text-align: right; }
.footer_itrack p { font-size: 9px; color: #3f3f3f; }
.footer_counters { width: 200px; }

/* for bascet */

.ghost { display: none; }
.itemBasc { cursor: pointer; }