html,
body { height: 100%; }

body { background: url(../images/i/bg/bg.gif) top repeat-x; }
#wrapper { width: 100%; height: 100%; }

div.container { margin: 0 auto; padding: 0 30px; width: 960px; }

#header { padding-top: 15px; margin-bottom: 30px; position: relative; }
#header div.logo { padding-top: 20px; padding-left: 10px; margin-bottom: 30px; float: left; }
#header div.logo a { text-decoration:none; }
#header div.logo img { vertical-align:baseline; }

div.menu { float: left; font-size: 14px; width: 660px;}
div.menu ul { padding: 0; margin: 0; }
div.menu ul li {
    background: none;
    padding: 0;
    margin-right: 10px;
    float: left;
}
div.menu ul li a,
div.menu ul li span {
    padding: 10px;
    display: block;
    color: #fff;
    width: 130px;
    text-decoration: none;
}
div.menu ul li a { background: url(../images/i/bg/menu.gif) #404041 center repeat-x; }
div.menu ul li.active a,
div.menu ul li span { background: url(../images/i/bg/menu-on.gif) #f72129 center repeat-x; }
div.menu ul li.active a:hover { color:#ddd; }
div.menu ul li a:hover { color: #f01d25; }

#shop div.menu { padding-right:40px; width: 150px; margin-bottom:40px; }
#shop div.menu ul li { margin:0 0 10px 0;}
#shop div.menu ul li li { margin:0; }
#shop div.menu ul li.active > a,
#shop div.menu ul li span { font-weight: bold; }

div.submenu ul li { margin:0; font-size:12px; }
div.submenu ul li a,
div.submenu ul li span { background:#f01d25 !important; padding:0 10px 10px; }
div.submenu ul li a { text-decoration:underline; }
div.submenu ul li a:hover { color:#ddd; }

div.menu div.filter-brands { background:#ededed; margin-top:20px; padding:10px; }
div.menu div.filter-brands strong { margin-bottom:5px; display:block; }
div.menu div.filter-brands ul li { padding:0; margin:0 !important; float:none; }
div.menu div.filter-brands ul li a { background:none; padding:0; margin:0; display:inline; color:#0072bc; text-decoration:underline; }
div.menu div.filter-brands ul li a:hover { color:#199cf0; }
div.menu div.filter-brands ul li.active a { font-weight:normal !important; color:#666; }

#header div.shop-cart {
    background: url(../images/i/bg/shop.png);
    padding: 18px;
    float: right;
    color: #fff;
    width: 200px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#header div.shop-cart div.ico { background: url(../images/i/icons/cart.png) 0 0 no-repeat; padding-left: 68px; min-height: 35px; }
#header div.shop-cart a { color: #fff; }

#footer { vertical-align: bottom; }
#footer div.footer { background: #181818; border-top: 4px solid #0f0f0f; color: #6c6c6c; }
#footer.shop div.footer { background: #eff0f1; border-color:#eff0f1; }
#footer div.container { padding-top: 20px; padding-bottom: 90px; }
#footer.shop div.container { padding-bottom:40px; }

#footer div.copyright { padding: 5px 10px 0; float: left; width: 200px; }
#footer div.menu { float: left; width: 700px; }
#footer div.menublog { float: left; position: relative; left: 220px; top: 20px; }

#footer div.menu ul { padding: 0; margin: 0; }
#footer div.menu ul li {
    background: url(../images/i/bg/sep.gif) left no-repeat;
    margin:0;
    padding: 10px 30px;
    float: left;
    white-space: nowrap;
    height: 16px;
}
#footer div.menu ul li:first-child { background: none; padding-left: 0; }
#footer div.menu ul li a { background:none; color: #FFF; display:inline;width:auto;padding:0; }
#footer div.menu ul li a:hover { color: #CCC; }
#footer div.menu ul li.hl,
#footer div.menu ul li.hl a { color: #ff0000; }
#footer div.menu ul li.hl a:hover { color: #e13737; }
#footer div.menu-shop { float:left; width:220px; padding-right:20px; }
#footer div.menu-shop ul { padding:0; margin:0; }
#footer div.menu-shop ul li {
    background: none;
    padding:0;
    margin:0 0 10px 0;
    color:
}
#footer div.menu-shop ul li a { color: #000; }
#footer div.menu-shop ul li a:hover { color: #888; }
#footer div.highlights { position: relative; padding: 0 5px; }
#footer div.highlights table.hl { position: absolute; top: -170px; }
#footer div.highlights table.hl td.hl { padding: 0 5px; width: 33%; }
#footer div.highlights div.hl {
    background: url(../images/i/bg/highlights.gif) #4b4b4c center repeat-x;
    border: 1px solid #fff;
    color: #fff;
    min-height:52px;
}
#footer div.highlights div.hl table th { vertical-align: middle; text-align: center; height: 105px; }
#footer div.highlights div.hl table th div { width: 150px; overflow: hidden; }
#footer div.highlights div.hl table td { padding: 30px 10px 15px 0; height: 60px }
#footer div.contacts { color:#000; float:left; width:500px; line-height:1.5em; }
#footer div.contacts table { width:100%; margin-bottom: 15px; }
#footer div.contacts table td { padding-right:20px; }
#footer div.contacts div.link a { color:#000; }
#footer div.contacts div.link a:hover { color:#888; }

#langs ul { padding: 0; margin: 0; float: right; }
#langs ul li {
    background: url(../images/i/bg/lang-off.png) no-repeat;
    padding: 0;
    margin-left: 2px;
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 10px;
    text-align: center;
    line-height: 25px;
    float: left;
}
#langs ul li.active { background-image: url(../images/i/bg/lang-on.png); }
#langs ul li a {
    display: block;
    width: 26px;
    height: 26px;
    color: #fff;
}
#langs ul li a:hover { color: #ccc; }

#content div.container { padding-bottom: 180px; }
#content div#shop.container { padding-bottom: 30px; }
#content div.middle { padding: 0 10px; }
#content #shop div.middle { float:left; width:740px; }

div.block { margin-bottom: 30px; }
div.block-fix { width: 600px; }

div.text { margin-bottom:1em; line-height: 1.4; }
div.im { margin-bottom: 12px; }

div.gallery-line { background: url(../images/i/bg/line.gif) center no-repeat; margin: 20px 0 15px 0; height: 24px; }

div.pagination { border-top:3px solid #ddd; font-size:1.33em; }
table.pagination { margin:0 auto; }
table.pagination td { padding:13px 0; white-space:nowrap; }
table.pagination td.pagination-pages a,
table.pagination td.pagination-pages span,
table.pagination td.pagination-pages strong { margin:0 5px; font-weight:normal; }
table.pagination td.pagination-prev { padding-left:1px; padding-right:23px; }
table.pagination td.pagination-next { padding-right:1px; padding-left:23px; }

div.filter { background:#ededed; margin-bottom:25px; }
-div.filter table { width:100%; }
div.filter table th,
div.filter table td { padding: 12px 0; vertical-align:middle; }
div.filter table th { padding-right:10px; width:1%; }
div.filter table th:first-child { padding-left:20px; }
div.filter table td { padding-right: 20px; }

div.cart-s a {
    background:url(../images/i/btn/cart-sm.png) repeat-x;
    margin-bottom:10px;
    display:inline-block;
    color:#fff;
    font-size:10px;
    white-space:nowrap;
}
div.cart-s a span { background:url(../images/i/btn/cart-sl.png) left no-repeat; display:inline-block; }
div.cart-s a span span { background:url(../images/i/btn/cart-sr.png) right no-repeat; padding:4px 5px 0 27px; height:19px; }

div.cart-l a {
    background:url(../images/i/btn/cart-lm.png) repeat-x;
    margin-bottom:10px;
    display:inline-block;
    color:#fff;
    font-size:14px;
    white-space:nowrap;
}
div.cart-l a span { background:url(../images/i/btn/cart-ll.png) left no-repeat; display:inline-block; }
div.cart-l a span span { background:url(../images/i/btn/cart-lr.png) right no-repeat; padding:8px 15px 0 40px; height:26px; }


div.file {
    background:url(../images/i/icons/file.png) top left no-repeat;
    padding-left:25px;
}
div.file a { color:#000; }
div.file a:hover { color:#888; }
div.file-pdf { background-image:url(../images/i/icons/file-pdf.png); }

div.banner { margin-bottom:30px; }