/* index.aspx */

#homeleft {
    width: 75%;
    float: left;
}

#homeright {
    width: 24%;
    float: right;
}

#homeimg1 {
    display:block;
    width:100%;
    padding-bottom:20%;
    background-color:#FFF;
    background-image:url("/images/home4.jpg");
    background-size:contain;
    background-repeat:no-repeat;
}

#homeslider {
    position:relative;
    display:inline-block;
    width:100%;
    padding-bottom:25%;
    background-image:url('/images/sliderloading.gif');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:top left;
}

#lefticonslider {
    display:none;
    position:absolute;
    left:0px;
    top:48%;
    height:30px;
    width:30px;
    background-image:url("/images/slideleft.png");
    background-repeat:no-repeat;
    cursor:pointer;
}

#righticonslider {
    display:none;
    position:absolute;
    right:0px;
    top:48%;
    height:30px;
    width:30px;
    background-image:url("/images/slideright.png");
    background-repeat:no-repeat;
    cursor:pointer;
}

#homeslider:hover #lefticonslider, #homeslider:hover #righticonslider { display: block; }

@media screen and (max-width: 800px) {
    #homeleft { width:100%; }
    #homeright { width:100%; }
}

.viewall { position:absolute; left:0px; bottom:25px; display: inline-block; padding:0px 10px 0px 10px; line-height:25px; text-align: center; background-color: #DDD; color: #5a5a5a;}
.viewall:hover { color: #000; }

#divpromo1 { background-image: url("/images/offer1.jpg?v=3"); }
#divpromo2 { background-image: url("/images/offer2.jpg?v=3"); }
#divpromo3 { background-image: url("/images/offer3.jpg?v=3"); }
#divpromo4 { background-image: url("/images/offer4.jpg?v=3"); }
#divpromo5 { background-image: url("/images/offer5.jpg?v=4"); }
#divpromo6 { background-image: url("/images/offer6.jpg?v=3"); }

.divpromo { display:block; border:2px solid #1D358B; border-radius:5px; width: 100%; padding-bottom: 27%; background-position:center center; background-size: contain; background-repeat:no-repeat; }