/* viewitem.aspx */
  
.miniframe {
    display: inline-block;
    float: left;
    margin: 0px 5px 0px 0px;
    overflow: hidden;
    vertical-align: middle;
}

#divitemleft {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    float: left;
    width: 40%;
    height: 500px;
    text-align: center;
}

#divimgmain {
    display: inline-block;
    width: 300px;
    height: 400px;
    text-align: center;
    vertical-align: middle;
    box-shadow:0px 0px 3px 1px #DDD;
    cursor:pointer;
}

#divimgmainmobile { display: none; }

@media screen and (max-width: 768px) {
    #divimgmainmobile { display:block; }
    #divimgmainclick { display: none; }
    #divzoominfo { display: none; }
}

#divimgbig {
    display: none;
    position: absolute;
    top:40px;   
    width:600px;
    height:800px;
    margin-top:10px;
    overflow:hidden;
    z-index: 3;
    padding: 0px;
    background-color: #FFF;
    background-image:url("/images/imgloading.gif");
    background-repeat:no-repeat;
    border:1px solid #DDD;
}

    #divimgbig span {
        display:inline-block;
        width:100%;
        height:500px;
        margin-top:180px;
        text-align:center;
        font-size:20px;
    }

.imgthumbs {
    width: 45px;
    height: 60px;
    margin-right: 5px;
    padding: 0px 5px 5px 5px;
    border-bottom: 4px solid #AAA;
}

    .imgthumbs:hover {
        border-bottom: 4px solid #C84B00;
    }

#divitemright {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    float: left;
    width:55%;
    min-height: 400px;
}

@media screen and (max-width: 768px) {
    #divitemleft { width: 100%; }
    #divitemright { width: 100%; margin-top:30px; }
}

.offerhead {
    display:inline-block;
    color:#FFF;
    background-color:#48b756;
    padding:2px 5px 2px 5px;
    font-weight:bold;
}

.offertext {
    display:inline-block;
    width:75%;
    background-color:#EEE;
    color:#555;
    padding:2px 5px 2px 5px;
}

#divcore {
    float: left;
    width: 100%;
}

#divfeatures {
    float: left;
    width: 100%;
    padding: 5px;
    overflow: hidden;
}

#divoutofstock {
    background-color:#fef5bf;
    padding:5px;
}

#divinstock {
    background-color:#c8ffcf;
}

.variety, .varietysel, .varietyoos {
    display:inline-block;
    padding:2px 5px 2px 5px;
    margin:0px 3px 5px 0px;
    min-width:20px;
    text-align:center;
    background-color:#DDD;
    background: linear-gradient(#FFF, #AAA);
    border:1px solid #AAA;
    color:#222;
    cursor:pointer;
    border-radius:3px;
}

    .variety:hover {
        background-color:#EEE;
    }


.varietysel {
    background-color:#c8ffcf;
    background: linear-gradient(#c8ffcf, #48b756);
    border: 1px solid #48b756;
    color:#000;
}

.varietyoos {
    background-color:#AAA;
    background: linear-gradient(#FFF, #DDD);
    border: 1px solid #DDD;
    color:#555;
    text-decoration:line-through;
}

#pricebox {
    display:block;
    min-height:150px;
}

.pricecaption {
    width:100px;
    text-align:right;
    font-size:13px;
    display:inline-block;
    margin-right:10px;
    line-height:25px;
    vertical-align:top;
    color: #222;
}

.pricenormal {
    font-size: 14px;
    color: #2a2a2a;
    line-height:25px;
    vertical-align:top;
}

#pricebox .offlabel {
    display: inline-block;
    font-size: 11px;
    float:left;
    color: #FFF;
    background-color: #2EB034;
    margin: 0px 0px 0px 20px;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
    text-shadow:none;
}

.priceothers {
    font-size: 20px;
    color: #555;
}

#divpincode {
    float: right;
    width: 200px;
}

    #divshipping label {
        font-size: 12px;
        color: #555;
        float:left;
    }

    #divshipping img {
        float:left;
        margin-left:20px;
        margin-right:5px;
    }


.topfeatures {
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

    .topfeatures li {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        line-height: 20px;
    }

.labelhidden {
    display:none;
}

label.stockout {
    font-size:18px;
    font-weight:bold;
    color:#d34343;
}

#divreviewguidelines { width: 49%; float: left; }
#divreviewwrite { width: 48%; float: left; }

@media screen and (max-width: 768px) {
    #divreviewguidelines { width: 100%; clear:both; }
    #divreviewwrite { width: 100%; clear: both; }
}