/* BASIC css start */
#hero-slider {margin-bottom:25px}
.product-items {
    min-height: 2205px;    
    margin: 0 auto;
    background: url(/design/ghcleaner/2015/images/shop/bg_product_item.png) 0 0 no-repeat;
    width: 1010px;
}
.product-items ul li {
    position:relative;
    float: left;
    width: 500px;
    height: 446px;
}
.product-items ul li.last {
    float: right;
}
.product-items ul li.item1,
.product-items ul li.item2 {}
.product-items ul li .item-body {position:relative; z-index:2;padding: 45px 0 0 30px;height: 390px;}
.product-items ul li.last .item-body {}
.product-items ul li .image {position:absolute; z-index:1;}
.product-items li.item1 .image { bottom: 42px; right: 66px;}
.product-items li.item2 .image { bottom: 35px; right: 72px;}
.product-items li.item3 .image { bottom: 41px; right: 65px;}
.product-items li.item4 .image { bottom: 42px; right: 72px;}
.product-items li.item5 .image { bottom: 47px; right: 65px;}
.product-items li.item6 .image { bottom: 45px; right: 68px;}
.product-items li.item7 .image { bottom: 44px; right: 46px;}
.product-items li.item8 .image { bottom: 43px; right: 74px;}
.product-items li.item9 .image { bottom: 50px; right: 82px;}
.product-items li.item10 .image { bottom: 53px; right: 56px;}
.product-items ul li h3 {
    margin: 0 0 15px 45px;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -2px;
}
.product-items li.item1 h3 { color:#3377d3}
.product-items li.item2 h3 { color:#289fc2}
.product-items li.item3 h3 { color:#69ac85}
.product-items li.item4 h3 { color:#7fb42b}
.product-items li.item5 h3 { color:#685bc1}
.product-items li.item6 h3 { color:#af8d06}
.product-items li.item7 h3 { color:#c57f02}
.product-items li.item8 h3 { color:#d13f3f}
.product-items li.item9 h3 { color:#47a5cc}
.product-items li.item10 h3 { color:#6a6ed4}
.product-items ul li p {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight:600;
    letter-spacing: -1px;
}
.product-items ul li a {display:block}
.product-items ul li span.view-all {    
    display: block;
    width: 143px;
    height: 35px;
    background: url(/design/ghcleaner/2015/images/main/view_all_off.png) 0 0 no-repeat;
    font-size: 15px;
    color: #fff;
    font-weight:600;
    line-height: 35px;
    text-align: center;
}
.product-items ul li a:hover span.view-all { background-image:url(/design/ghcleaner/2015/images/main/view_all_on.png); color:#000 }
/* BASIC css end */