@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:700&subset=latin,cyrillic);

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form, input { margin: 0; padding: 0; }
html, body { height: 100%;}
body { font: 400 15px/22px 'Open Sans', sans-serif; color: #000000; background: #ffffff;}
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #255479;}
a:hover { text-decoration: none;}
p { margin-bottom: 20px;}
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: 700 30px 'Open Sans Condensed', sans-serif; color: #000000; margin-bottom: 18px;}
h1 { font-size: 35px;}
h3 { font-size: 24px;}
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
ul, ol { padding-left: 30px; margin-bottom: 15px;}
ul li { list-style: disc outside;}


.container:after, .head_container:after, .foot_container:after, .product_cont:after, .category_list li:after { content: ''; display: table; clear: both;}


.main { display: table; width: 100%; height: 100%; border-collapse: collapse;}
.cont_wr { display: table-row-group;}
.header_wr { display: table-header-group;}
.footer_wr { display: table-footer-group;}

.cont, .header, .footer { display: table-cell; vertical-align: top;}
.header, .footer { height: 1px;}
.footer { border-top: 1px solid #e4e4e4;}

.container, .head_container, .foot_container, .nav { width: 960px; margin: 0 auto;}

.head_container { padding: 16px 0 17px;}

.logo { margin-right: 10px; float: left;}
.logo a { display: block; width: 211px; height: 70px; background: url("../images/logo.png") no-repeat;}

.head_tel_wr { float: right;}
.head_tel_wr h6 { margin-bottom: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 16px; text-align: right;}


.nav_wr { height: 54px; background: url("../images/nav.jpg") 50% 0 no-repeat;}
.nav { padding: 14px 0 0; text-align: center;}
.nav ul { margin: 0; padding: 0; text-align: center; font-size: 0;}
.nav li { height: 22px; display: inline-block; margin-left: 32px; list-style: none; font: bold 18px/22px 'Open Sans', sans-serif;}
.nav li:first-child { margin: 0;}
.nav li:before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 33px; background: url("../images/sprite.png") -20px 0 no-repeat;}
.nav li:first-child:before { display: none;}
.nav li a { color: #272a2b; text-decoration: none;}
.nav li a:hover { color: #5d6665;}

.container { padding-top: 24px;}

.contentbar { width: 705px; float: right;}

.main_img { margin-bottom: 25px;}
.main_img img { width: 705px; vertical-align: top; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.catalog { margin-bottom: 19px;}
.catalog h3 { margin-bottom: 20px; padding-bottom: 10px; font-size: 24px; border-bottom: 1px solid #e4e4e4;}

.catalog_list { width: 100%; overflow: hidden;}
.catalog_list ul { width: 110%; margin: 0; padding: 0; font-size: 0;}
.catalog_list li { display: inline-block; vertical-align: top; width: 161px; margin: 0 20px 31px 0; list-style: none; font-size: 17px; line-height: 22px; text-align: center;}
.catalog_list li img { width: 161px; height: 120px; margin-bottom: 8px; vertical-align: top; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.catalog_list li span { display: block; padding: 0 3px;}

.sidebar { width: 240px; float: left;}

.side_section, .search_wr, .search { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative;}

.side_section { margin-bottom: 24px; padding: 7px 16px 17px; background: #eef1f2;}
.side_section h3 { margin-bottom: 8px; padding-bottom: 7px; border-bottom: 1px solid #d8dada;}

.side_nav { font-size: 14px; line-height: 20px;}
.side_nav a { color: #000; text-decoration: none;}
.side_nav > ul { margin: 0; padding: 0;}
.side_nav li { list-style: none;}
.side_nav > ul > li { margin-bottom: -3px;}
.side_nav_item { display: block; margin: 0 -16px; padding: 5px 16px 8px;}
.side_nav > ul > .active .side_nav_item { background: #525b5d;}
.side_nav > ul > .active .side_nav_item a { color: #ffffff;}

.subnav { margin-bottom: 9px; padding: 11px 0 5px; border-bottom: 1px solid #d8dada; display: none;}
.side_nav > ul > .active .subnav { display: block;}
.subnav li { padding: 0 0 12px 14px; position: relative;}
.subnav li:before { content: ''; display: block; width: 5px; height: 5px; background: url("../images/sprite.png") -20px -11px no-repeat; position: absolute; top: 8px; left: 0;}

.search_wr { margin-bottom: 22px; padding: 12px 17px; background: #eef1f2;}
.search { padding-right: 38px; background: #fdfefe;}
.search input[type='text'] { box-sizing: border-box; width: 100%; height: 31px; padding: 0 12px; border: none; background: none; font: 14px/31px 'Open Sans', sans-serif; outline: none;}
.label { color: #666666;}
.search input[type='submit'] { width: 18px; height: 18px; background: url("../images/sprite.png") no-repeat; border: none; position: absolute; top: 7px; right: 10px; outline: none;}

.cloud { margin-bottom: 30px; line-height: 30px;}
.cloud a { color: #666666; line-height: 20px !important; text-decoration: none;}
.tag_01 { font-size: 10px; margin-right: 15px;}
.tag_02 { font-size: 13px; margin-right: 14px;}
.tag_03 { font-size: 14px; margin-right: 11px;}
.tag_04 { font-size: 18px; margin-right: 17px;}
.tag_05 { font-size: 18px; font-weight: bold; margin-right: 16px;}
.tag_06 { font-size: 26px; font-weight: bold; margin-right: 15px;}

.foot_container { padding: 18px 0 26px;}

.foot_adr, .cop { padding-top: 2px; font-size: 13px; color: #666666; line-height: 16px;}
.foot_adr { float: left; margin-right: 48px;}
.adr_line { margin-bottom: 4px;}
.adr_line a { text-decoration: none;}

.cop { float: right; margin-left: 20px;}

.foot_tel_wr { padding-top: 6px; overflow: hidden; text-align: center;}
.foot_tel { display: inline-block;}
.foot_tel img { margin-bottom: 2px; vertical-align: top;}
.foot_tel span { display: block; font-size: 13px; color: #333333; line-height: 16px; text-align: left;}

.product { margin-bottom: 22px;}
.product h1 { margin-bottom: 34px; padding-bottom: 22px; line-height: 28px; border-bottom: 1px solid #e4e4e4;}

.product_img { margin-bottom: 34px;}
.product_img img { width: 705px; vertical-align: top;}

.product_cont { margin-bottom: 20px;}

.product_order { width: 384px; float: right;}

.product_number { display:block; width: 31px; height: 31px; margin-right: 5px; padding: 1px 0; padding-right: 19px; float: left; position: relative;}
.product_number input { width: 31px; height: 31px; border: none; background: #eef1f2; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font: bold 17px/31px 'Open Sans'; text-align: center;}
.plus, .minus { display: block; width: 11px; height: 9px; background: url("../images/sprite.png") no-repeat; position: absolute; right: 0;}
.plus { background-position: -31px 0; top: 3px;}
.minus { background-position: -44px 0; bottom: 4px;}

.button { display: inline-block; height: 34px; padding: 0 22px; border: 1px solid #525b5d; font-size: 15px; line-height: 31px; color: #525b5d; text-decoration: none; position: relative; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
.product_order .button { margin-left: 5px; float: right;}

.product_price { font-size: 17px; color: #b40a00; line-height: 31px;}
.product_order .product_price { display: block; font-weight: bold; overflow: hidden; text-align: center;}
.ie8 .product_order .product_price { letter-spacing: -.03em;}

.download_link_wr { padding-top: 5px; overflow: hidden;}
.download_link { margin-bottom: 8px; font-size: 17px; line-height: 22px;}

.description { margin-bottom: 20px;}
.description h5 { margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px solid #e4e4e4; font: bold 17px/22px 'Open Sans', sans-serif;}
.description table { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.ie8 .description table { letter-spacing: -.04em;}
.description table tr:nth-child(even) td { background: #f3f3f3;}
.description table tr.even td { background: #f3f3f3;}
.description table th { padding: 5px 30px 17px 8px; text-align: left;}
.description table td { padding: 8px 30px 13px 8px;}
.description table th:first-child, .description table td:first-child { padding-left: 24px;}

.basket { margin-bottom: 22px; padding: 12px 52px 16px; background: #fff6f6; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.basket_title { margin: 0 -34px 7px; padding: 0 34px; font-size: 17px; font-weight: bold; color: #b40a00; position: relative;}
.basket_title:before { content: ''; display: block; width: 25px; height: 21px; margin-right: 8px; background: url("../images/sprite.png") -57px 0 no-repeat; position: absolute; top: 0; left: 0;}
.basket_title a { color: #b40a00; text-decoration: none;}

.basket_line { font-size: 14px;}
.basket_line b { display: inline-block; width: 68px; margin-right: 6px;}

.checkout { padding-top: 5px; font-size: 14px;}
.checkout a { color: #b40a00;}

.category h3 { margin-bottom: 16px; line-height: 20px;}

.category_list { margin-bottom: 60px;}
.category_list ul { margin: 0; padding: 0;}
.category_list li { padding: 20px 0 19px; list-style: none; border-top: 1px solid #e4e4e4;}

.category_item_img { width: 90px; float: left;}
.category_item_img img { width: 90px;}

.category_item_cont { margin-left: 105px;}
.category_item_cont h5 { margin-bottom: 2px; font: bold 17px/20px 'Open Sans', sans-serif;}
.category_item_cont h5 a { text-decoration: none;}

.category_item_tx { margin-bottom: 11px; line-height: 24px;}
.add_wr .product_price { margin-right: 22px;}    
© TrueDev.org