html{
    height: 100%;
    width: 100%;
}
body{
    font-family: "Myriad Pro", MyriadPro, Myriad, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    background: url('../i/bg.jpg');
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    font-size: 14px;
}

header, section, footer, aside, nav, main, article, figure, a, div
{
    display: block;
}
main{
    width: 100%;
    height: 100%;
    background: url('../i/bg_banner.jpg') top 180px center;
    background-repeat: no-repeat ;
    display: table;
}
#main{ width: 960px; margin: 0 auto;  height: 100%; display: table;   position: relative; }

footer {
    width: 960px;
    bottom: 0;
    height: 340px;
    position: absolute;
    display: block;
    overflow: hidden;
}

header{ background: url('../i/navi_bg.png') center bottom no-repeat; width: 100%; height: auto; margin-top: 20px; }
#h_logo{ overflow: hidden; height:55px; }
#a_logo{ margin: 13px 0 0 20px; height: 32px; width: 165px; float: left;  overflow: hidden;}
#a_reg{ height: 49px; width: 131px; float: right;  overflow: hidden; margin-right: 40px; margin-top: 2px; }
#nav_global{ display:block; overflow: hidden; bottom: 0; padding-left: 14px; height: 21px; }
#nav_global a{ float: left; overflow: hidden; bottom: 0; color: #9D9D9D; text-decoration: none; margin: 0 8px; padding-bottom: 2px; text-transform: uppercase;  }
#nav_global .active{ border-bottom: 1px solid #ff0; color: #ff0;  }
#nav_global a:hover{ color:#FFF; border-bottom: 1px solid #ff0; }
#footer_divider{ text-align: center; display: block; overflow: hidden; margin: 0 0 15px 0; }
#footer_text{ text-align: center; display: block; overflow: hidden; color: #AAA; font-size: 13px; margin: 0 0 15px 0;}
#footer_menu{ margin-bottom: 10px; width: 100%; display: block; overflow: hidden; }
.f_menu_block{ float: left; width: 190px; margin-bottom: 10px; }
.f_menu_block h3{ color: #fff; font-size: 20px; margin: 0; }
.f_menu_block a{ text-decoration: none;
    color: #888888;
    font-size: 14px; }
.f_menu_block .active, .f_menu_block a:hover {
    color: #ffef00;
}
#footer_banner{ width: 960px; background-image: url("../i/footer_bar_bg.gif"); height: 63px; margin-bottom: 40px; }
#footer_banner img{ margin-left: 150px; margin-top: 2px; }
#subnav{ overflow: hidden; width: 100%; margin-top: 10px; }
#nav_sub{ float: left; margin: 10px 0 0 15px; padding: 0; height: 41px;  }
#nav_sub li{ float:left;  margin: 0 3px 0 0; padding: 0; list-style: none; display: block; overflow: hidden; height: 39px; }
#nav_sub li:hover{  border-bottom: 1px solid #ff0; }
#nav_sub li:hover a{ background-color: #000;  }
#nav_sub .active a{ background-color: #ffef00 !important; color:#000; }
#nav_sub .active{ border-bottom: 1px solid #ffef00; }
#nav_sub a{ display: block; overflow: hidden; padding: 5px 17px; margin: 0 5px; height: 29px; text-transform: uppercase; color:#FFF; font-size: 16px; line-height: 29px; vertical-align: middle; text-decoration: none; }
#nav_sub a:hover{  }
#soc_links{ float: right; margin-right: 10px; margin-bottom: 10px;   }
#soc_links a{ float: left; margin-left: 15px; }
#content{

    height: auto;
    padding: 0;
    min-height: 400px;
    margin-bottom: 380px; display: block; overflow: hidden;
}
h1{
    margin: 0;
    font-size: 26px;
    color: #555;
    font-weight: normal;
}
h2{
    margin: 0;
    font-size: 22px;
    color: #555;
    font-weight: normal;
}
h3{
    margin: 0;
    font-size: 18px;
    color: #555;
    font-weight: normal;
}
#item-divs{ height: 404px; display: block; overflow: hidden; width: 950px;  }
#sliders .slider_div{ width: 950px; float: left; position: absolute;  display: block; overflow: hidden; height: 404px; }
#sliders{  width: auto;  position: relative;  height: auto;}
#slide1{ left: 0; }
#slide2{ left: 950px; }
#slide3{ left: 1900px; }
#slide4{ left: 2850px; }
#slide5{ left: 3800px;  }
#item-buttons{ background: url('../i/hrule_shadow.png') top center no-repeat;  display: block; overflow: hidden; }
#item-b-header{ float: left; width: 400px; text-align: center; line-height: 88px; vertical-align: middle; display: block; overflow: hidden; height: 88px; }
#item-b-buttons{ float: right; width: auto; padding-right: 15px;  }
#item-b-buttons .active{ background: url('../i/cate-arrow.png') top center no-repeat; }
#item-b-buttons a{ float: left; padding-top: 16px; margin-right: 20px; height: 82px; }
#item-content, #page-content{
    border: 5px solid #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #fff;
    padding-bottom: 20px;
    min-height: 400px;}
#manufactures{ background: url('../i/vendor-bar.png') center no-repeat; height: 44px; margin: 20px 0; }
#language-bar{ float: right; margin-right: 60px; }
#language-bar a{ float: left; margin-left: 5px; display: block; overflow: hidden; height: 16px; width: 16px;  }
#language-bar img{ display: block; overflow: hidden; width: 16px; height: 16px; margin-top: 1px; }
#language-bar a:hover{ border:none; }
#shop-items {
    background: #000;
    border-radius: 10px;
    float: left;
    padding: 7px 8px;
    max-width: 608px;
    display: table;
}
#shop-cart{
    background: #000;
    border-radius: 10px;
    float: right;
    width: 320px;
    color: #F5F5F5;
}
.cart-title{
    border-bottom: 1px solid #3A3B3A;
    height: 25px;
    line-height: 25px;
    padding: 5px 0 0 15px;
    display: block;

}
.cart-title span{
    font-size: 15px;
    line-height: 25px;
    border-bottom: 1px solid #FFE600;
    display: inline-block;
    font-weight: bold;
}

.shop-item{
    float: left;
    width: 140px;
    padding: 5px 0 20px 0;
    margin: 4px;
    border-radius: 10px;
    text-align: center;
}
.shop-item:hover{
    border: 4px solid #F5F500; margin: 0;
}
.shop-item-price-old{
    text-align: center;
    color: #ccc;
    font-weight: normal;
    font-size: 18px;
    text-decoration: line-through;
    margin-bottom: 10px; display: block; overflow: hidden;
    height: 23px;
}
.shop-item-price{
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 10px; display: block; overflow: hidden;
}
.shop-item-in-stock{ font-size: 13px;    color: #fff;margin-bottom: 5px; display: block; overflow: hidden;
}
.shop-item-add-button {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #F5F500;
    padding: 2px 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    background: none;
    color: #F5F500;
    text-decoration: none;
}
.shop-item:hover{
    cursor: pointer;
}
.shop-item:hover .shop-item-add-button{
    background: #F5F500;
    color:#000;
}
#cart-content{
    padding: 15px 15px 10px 15px;
}

.cart-item{ display: block; overflow: hidden; height: 40px; margin-bottom: 5px; }
.cart-i-icon{ float: left;padding: 0 10px; }
.cart-i-text{ height: 40px; line-height: 40px; vertical-align: middle; display: block; overflow: hidden ; float: left; width: 220px; }
.cart-i-delete{ float: right; height: 40px; line-height: 40px; width: 20px; vertical-align: middle; }
.cart-i-price{ float: right; }
.cart-i-delete a{
    display:  block;
    overflow: hidden;
    margin-top: 8px;
    width: 18px; height: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #000;
    border: 1px solid #555;
    color: #555;
    text-decoration: none;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}
.cart-i-delete a:hover{
    border: 1px solid #F5F500;
    color: #F5F500;
}

#cart-total{
    border-top: 1px solid #3A3B3A;
    height: 25px;
    line-height: 25px;
    padding: 0 45px 10px 57px;
    display: block;

}
#ct-title,#ct-price{
    font-size: 15px;
    line-height: 25px;
    border-top: 1px solid #FFE600;
    display: inline-block;
    font-weight: bold;
}
#ct-price{
    float: right;
}
.cart-checkout a{
    text-decoration: none;
    color: #FFE600;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    font-weight: normal;
    border: 1px solid #F5F500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 10px 8px 10px;
    overflow: hidden;
}
.cart-checkout a:hover{
    background-color: #FFE600;
    color:#000;
}
#cart-checkout{ text-align: center; margin: 5px 0 20px 0; }

#page-content{ padding: 20px; min-height: 400px; }
#empty_cart{ text-align: center; }
#cart-fields{ padding: 5px 30px; display: none; text-align: center; }
.cart-field{ width: 240px;
    border:none;
    border-bottom: 1px solid #CCC;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    height: 30px;
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 10px;
    /*background: url("../i/field_bg.png") center;*/
    background-color: #000;
    color:#FFE600;
}
.cart-field-done,.cart-field:hover{border-bottom: 1px solid #FFE600;}
.cart-field-error{ border-bottom: 1px solid darkred; }

#cart-checkout-pay{ margin: 10px 0 15px 0; }
.slider-content-left{ float: left; display: table; }
.slider-content-right{ float: right; display: table;  }
.w300{ width: 300px; }
.w350{ width: 350px; }
.w100{ width: 100px; }
.w200{ width: 200px; }
.w400{ width: 400px; }
.w450{ width: 450px; }
.grey{ color:#c1c1c1; }
#content_safety{ background: url("../i/safety_bg_1.jpg"); width: 960px; height: 550px; }
#contact_bg .content, #content_safety .content{
    padding-top: 60px;
    padding-left: 40px;
    width: 500px;
    }
#contact_bg h1, #content_safety h1{ font-weight: bold; }
#contact_bg h1,#contact_bg h2, #content_safety h1,#content_safety h2{ color: #000; text-transform: uppercase; }
#contact_bg{ background: url("../i/contact_bg.jpg"); width: 960px; height: 550px; }