.link_title { color:#373737; text-decoration:underline; font-weight:lighter; } html, body { margin: 0; padding: 0; } body { font: 76% arial, sans-serif; background:#f2f5f6; } p { margin: 0 10px 10px; } a { color: #3898d2; text-decoration:underline; outline: medium none; } a:hover { text-decoration:none; } a:active { outline: medium none; } a:focus { -moz-outline-style: none; } div#container { max-width:1280px; min-width:960px; margin: 0 auto; } div.price_list { width:234px; margin-left:-40px; div.price_list_top { background: url("../img/download_back_top.png") no-repeat; height:15px; } div.price_list_bottom { background: url("../img/download_back_bottom.png") no-repeat; height:15px; } ul { display:block; margin:0; padding-left:20px; padding-top:10px; list-style:none; background: url("../img/download_back_middle.png")repeat-y; li{ padding-bottom:10px; } } } div#header { background: url("../img/water.png") left bottom no-repeat; height:200px; div.header_left { width:180px; float:left; height:200px; a img{ border:0; padding-top:20px; padding-left:20px; } } div.header_middle{ margin: 0px 210px 0px 210px; height:200px; padding-top:20px; .search-width { height:34px; } .contact_info { padding:0 0 5px 30px; span{ padding-right:30px; color:#6c7a84; i.tel{ background:url("../img/icon.png") -1px -1px no-repeat; width:11px; height:9px; display:inline-block; vertical-align:middle; margin-right:5px; } i.address{ background:url("../img/icon.png") -15px -1px no-repeat; width:9px; height:9px; display:inline-block; margin-right:5px; } } } .search-setter { height:34px; margin-left:20px; margin-right:93px; input.search { width:100%; height:34px; padding-left:7px; background: url("../img/back_search.png") repeat-x; border:0; margin-right:-95px; color:#969696; font-size:12px; font-style:italic; } } input.search_button { float:right; width:93px; height:34px; background: url("../img/button_search.png") no-repeat; border:0; color:#fff; cursor:pointer; } div.top_menu{ background: url("../img/top_menu_back.png") no-repeat; height:30px; margin-left:20px; margin-top:-1px; min-width:470px; ul{ list-style:none; margin:0; padding:0; min-width:470px; height:30px; li { float:left; padding:6px 10px 0 10px; border-right:1px solid #f2f5f6; a { color:#fff; } } } } } div.header_right { width:180px; float:right; height:200px; a { text-decoration:none; } a img{ border:0; } div.choose { width:129px; cursor:pointer; } span { position:absolute; margin-top:55px; display:block; color:#fff; font-weight:bolder; width:129px; text-align:center; i { background:url("../img/icon.png") -27px -25px no-repeat; width:9px; height:5px; display:block; float:right; margin-top:5px; margin-right:8px; } } } } /*Index Page*/ div#product_catalog{ clear:both; margin: 0 auto; padding:0 0 20px 40px; background: url("../img/border.png") bottom repeat-x; h2 { a { font-size:22px; font-weight: bold; letter-spacing: 0; text-decoration: none; text-transform: uppercase; color:#5293C9; } a:hover { color:#123b7b; text-shadow: 1px 1px 0 #FFFFFF; } } ul { list-style:none; padding:0; text-align: justify; li { display:inline-block; text-align:center; margin-right:5%; padding-bottom:20px; a { color:#707070; text-decoration:underline; text-align:center; img { border:0; text-decoration:underline; margin: 0 auto; display:block; } } a:hover { text-decoration:none; } } } } div#brend_catalog { clear:both; margin: 0 auto; padding:0 0 20px 40px; text-align: justify; background: url("../img/border.png") bottom repeat-x; h2 { a { font-size:22px; font-weight: bold; letter-spacing: 0; text-decoration: none; text-transform: uppercase; color:#5293C9; } a:hover { color:#123b7b; text-shadow: 1px 1px 0 #FFFFFF; } } ul { padding:0; list-style:none; text-align: justify; li { display: inline-block; text-align:center; margin-right:5%; padding-bottom:20px; a { color:#707070; text-decoration:underline; text-align:center; img { border:0; text-decoration:underline; display:block; margin: 0 auto; } } a:hover { text-decoration:none; } } } } div#welcome_text { clear:both; color:#fff; background:#1b8ad1; margin:20px 40px 20px 40px; padding:10px; } div#about { float: left; width: 50%; padding:0; color:#7a7a7a; h3 { padding-left:40px; a { .link_title; font-size:20px; } } p { padding-left:40px; margin-right:20px; margin-left:0; } } div#list_news_second { margin-left: 30px; margin-bottom:30px; span { background:url("../img/icon.png") -25px -1px no-repeat; color:#fff; padding:1px 10px 1px 2px; font-size:11px; } ul { list-style:none; padding:0; li{ margin-bottom:10px; } } } div#list_news { float: left; width: 49.9%; margin-bottom:30px; span { background:url("../img/icon.png") -25px -1px no-repeat; color:#fff; padding:1px 10px 1px 2px; font-size:11px; } ul { list-style:none; padding:0; li{ margin-bottom:10px; } } h3 { a { .link_title; font-size:20px; } } } /*END Index Page*/ /*Catalog page*/ div#catalog_filter { float: left; width: 20%; padding:0; color:#7a7a7a; margin-bottom:20px; div.catalog_filter_inner{ margin-left:30px; padding:0 10px; background:url("../img/top_line.png") repeat-x #fff; border: 1px solid #e1e1e1; ul.rubrics li ul li ul { display: none; list-style: none outside none; margin-top: 0; padding-bottom: 2px; padding-left: 25px; padding-top: 2px; } ul.rubrics li ul { display: none; list-style: none outside none; margin-top: 0; padding-left: 0; padding-top: 0; } ul.rubrics li ul li { border: 0 none; margin-top: 0; padding-bottom: 2px; padding-left: 0; padding-top: 2px; } ul.rubrics li ul li a { color: #666666; display: inline; font-size: 12px; margin: 0; padding: 0; text-decoration: none; text-transform: none; } ul.rubrics li ul li a:hover { color: #C9060A; font-weight: lighter; } ul.rubrics li a.current { color: #000000; font-weight: bolder; } ul.rubrics { list-style: none outside none; margin: 0; padding-left: 0; padding-right: 0; margin-bottom:20px; } ul.rubrics li { border-bottom: 1px solid #E3E3E3; margin-top: 7px; padding-bottom: 7px; padding-left: 25px; padding-top: 0; } ul.rubrics li a { color: #000000; font-size: 12px; font-weight: lighter; margin: 0; padding: 0; text-decoration: none; } ul.rubrics li a:hover { color: #C9060A; } ul.rubrics li a:hover i { background:url("../img/icon.png") -18px -22px no-repeat; color: #C9060A; } i { background:url("../img/icon.png") -12px -22px no-repeat; height: 8px; margin-left: -15px; margin-top:3px; position: absolute; width: 5px; } ul.rubrics li.current i { margin-top:5px; height: 5px; width: 8px; background:url("../img/icon.png") -1px -25px no-repeat; } ul.rubrics li.current a:hover i { margin-top:5px; height: 5px; width: 8px; background:url("../img/icon.png") -1px -25px no-repeat; } h3 { padding-left:7px; font-size:17px; color:#000; font-weight:lighter; clear:both; margin-top:5px; margin-bottom:10px; } } } div#items_list { float: left; width: 79.9%; margin-bottom:30px; ul { list-style:none; padding:0; margin-left:30px; li{ height:228px; margin:0 50px 30px 0; width:151px; float:left; text-align:center; span.price { color:#a63613; padding:3px 0 0 0; font-size:18px; } span.price_none a{ color:#a63613; padding:3px 0 0 0; font-size:12px; } a { color:#525252; span.item_name { height:45px; display:block; text-decoration:underline; } img { display:block; border:1px solid #e1e1e1; margin:0 auto; background:#fff; } } } } div.pager{ clear:both; margin-left:30px; border:1px solid #cecece; background:#fff; padding:10px; margin-right:210px; a { padding:2px; } strong { background:#d8d8d8; padding:2px 5px; } } div.title_block{ height:30px; margin-bottom:20px; h1 { font-size:20px; color:#3898d2; font-weight:lighter; padding-left:30px; margin:5px 30px 0 0; float:left; } div.top_filter { color:#a63613; padding-top:12px; a { color:#a63613; padding:0 30px 0 0; } a.current { color:#6C7A84; padding:0 30px 0 0; text-decoration:none; } } } } /*END Catalog page*/ /*Product page*/ div#item { float: left; width: 79.9%; margin-bottom:30px; div.param{ padding-left:211px; h2 { font-size: 17px; font-weight: lighter; } ul { list-style:none; padding:0; li{ margin-bottom:7px; color:#6c6c6c; strong { color:#000; } } } } div.main{ float:left; margin: 0 30px; width:151px; text-align: center; img { border:1px solid #e1e1e1; display:block; background:#fff; } span.price { color:#a63613; padding:3px 0 0 0; font-size:18px; text-align:center; display:block; } span.price_none a{ color:#a63613; padding:3px 0 0 0; font-size:12px; } } div.about_item{ clear:both; margin-left:30px; padding-top:30px; h2 { font-size: 17px; font-weight: lighter; } p { margin-left:0; } } div.title_block{ height:30px; margin-bottom:20px; h1 { font-size:20px; color:#3898d2; font-weight:lighter; padding-left:30px; margin:5px 30px 0 0; float:left; } } } /*END Product page*/ /*Flat page*/ div#page_content { float: left; width: 79.9%; margin-bottom:30px; .content { margin-left:30px; p { margin-left:0; } } div.title_block{ height:30px; margin-bottom:20px; h1 { font-size:20px; color:#3898d2; font-weight:lighter; padding-left:30px; margin:5px 30px 0 0; float:left; } } } /*END Product page*/ div#footer { background: #f0f0f0; color: #FFF; clear: left; width: 100%; height:105px; div.inner_footer{ display:block; margin:0 20px; border-top:3px solid #b7bcc0; } .copyright{ margin-top:15px; margin-right:150px; margin-left:10px; color:#808080; width:200px; float:left; } .footer_menu { margin-top:15px; width:200px; float:left; a { display:block; margin-bottom:8px; } } p { margin: 0; padding: 5px 10px; } }