/* BASIC css start */
.product-items {
    padding-top: 355px;
    min-height: 3100px;    
    background: url(/design/ghcleaner/2015/images/main/bg_main.jpg) 0 -35px no-repeat;
}
.product-items ul {
    position: relative;
}
.product-items ul li {
    position: absolute;
    width: 400px;
    height: 410px;
    left:60px;
}
.product-items ul li.last {
    left:auto;
    right: 50px;
    text-align: right;
    width: 395px;
}
.product-items li.item1{ top: 55px;}
.product-items li.item2{ top: 50px; }
.product-items li.item3{ top: 510px;}
.product-items li.item4{ top: 510px;}
.product-items li.item5{ top: 980px;}
.product-items li.item6{ top: 995px;}
.product-items li.item7{ top: 1465px;}
.product-items li.item8{ top: 1450px;}
.product-items li.item9{ top: 1930px; }
.product-items li.item10{ top: 1919px; }

.product-items ul li .item-body {position:relative; z-index:2;height: 390px;}
.product-items ul li .image {position:absolute; z-index:1;}
.product-items li.item1 .image { bottom: 42px; right: -3px;}
.product-items li.item2 .image { bottom: 18px; left: 20px;}
.product-items li.item3 .image { bottom: 35px; right: -4px;}
.product-items li.item4 .image { bottom: 45px; left: 28px;}
.product-items li.item5 .image { bottom: 39px; right: 0px;}
.product-items li.item6 .image { bottom: 56px; left: 27px;}
.product-items li.item7 .image { bottom: 63px; right:0}
.product-items li.item8 .image { bottom: 40px; left: 9px;}
.product-items li.item9 .image { bottom: 38px; right: 35px;}
.product-items li.item10 .image { bottom: 48px; left: 22px;}
.product-items ul li > a {display:block}
.product-items ul li h3 {
    margin-bottom: 12px;
    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: 12px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1.5px;
}
.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 }
.product-items ul li.last span.view-all {margin:0 0 0 auto}
/* BASIC css end */