﻿#dvShopMain {max-width: 770px;
    margin: auto;}
.itemblock {
    border: 1px solid #CCC;
    float: left;
    width: 200px;
    padding: 5px;
    min-height: 310px;
    text-align: center;
    margin:0px 10px 20px 10px;
    font-size: 12px;
    position:relative;
}
.itemblock a   { text-decoration:none;}
.itemblock a img   { max-width:200px; max-height:200px; width:100%;}
.imgblk  {   height:200px;}
.purchase {
    font-size: 20px;
    font-family: "AlternateGotNo3D-Regular";
    text-transform: uppercase;
    color: #F28C1D;
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    left: 0;
}

.itemblock strike { color:#999;
}
.itemblock p, .itemblock h4 {
    margin: 6px 0px 7px 0px;
}
    .itemblock h4 {height:45px;}
    .primages {
        border: 1px solid #CCC;
        float: left;
        width: 200px;
        margin: 20px 40px 20px 0px;
        display: block;
        padding: 5px;
    }
.price { font-weight:bold; margin-top:10px;}
.buysquare { margin:0px 0px 20px 0px;    }
.buysquare{    display: block;
    float: left;height: auto;    max-width: 530px;}
.btn {
    font-size: 18px;
    min-width: 175px;
    height: 37px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #337ab7;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #337ab7;
}
.addressp .btn {
    font-size: 18px;
    min-width: 175px;
    height: 37px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #337ab7;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #337ab7;
    width: 98%;
}

.buybtn {
    margin-left: 10px;
    width: 150px;
}
.promo .btn {
    width: 65px;
    min-width: 65px;
    margin-left: 5px;
}
select { padding:3px;}
 
 
.cartitem { border-bottom:1px solid #999;max-width: 960px;}
.cartitem div { padding:5px 5px 0px 0px;}
 .cartitem div.prtext { display:block; padding:0px;padding-top: 0px; float:left; max-width:330px;}
.lprname img { max-width:50px; }
.primage { display:block; float:left; max-width:110px;float:left; margin:0px 5px 0px 0px;}
.lprname { width:600px;float:left;}
.lprice { width:80px;float:left; text-align:center;}
.lqty { width:80px;float:left;text-align:center;}
.lsubt { width:135px;float:right;text-align:right;}
.ledit {width:40px;float:right;text-align:center;}

.cartitem div.lprice,.cartitem div.lqty,.cartitem div.lsubt,.cartitem div.ledit {  padding-top: 20px;}

.cartitemheader  {   max-width: 960px;     font-size: 14px;  border-bottom: 2px solid #333;}
.cartitemheader div {   }
.cartitemheader .limg { max-width:50px; float:left;   border-bottom: 2px solid #333; padding:0px;}
.cartitemheader .lprice { width:80px;float:left; text-align:center;    }
.cartitemheader .lqty { width:80px;float:left;text-align:center;   }
.cartitemheader .lsubt { width:150px;float:right;text-align:right;   }
.cartitemheader .ledit {width:65px;float:left;text-align:center;   }
.cartitemheader .lprname { width:600px;   }



.clear { clear:both; background:none; background-color:transparent;}
.cartitemheader .clear { clear:both; background:none; background-color:transparent;}
.totalline { text-align:right;max-width: 960px; }
.text-bold { font-weight:bold;}
p.total { margin-top:10px; }
.addressp {
    width: 330px;
    margin:auto;
     
}
.form-group {
    display: block;
    margin: 0px 0px 10px 0px;
    position: relative;
    overflow: hidden;
}

    .form-group label {
        display: inline-block;
        font-size: 14px;
    }

        .form-group label.innerl {
            min-width:200px;
            color: #a0a0a0;
            -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
            font-size: 11.5px;
            font-weight: normal;
            position: absolute;
            top: 0;
            margin-top: 2px;
            margin-left: 8px;
            padding: 0;
            /*z-index: 1;*/
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transform: translateY(3px);
            transform: translateY(3px);
            pointer-events: none;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .form-group .redval {
        font-size: 12px;
        color: red;
        display: inline-block;
        margin-left: 5px;
    }


.paymentblock .form-group label {
}

.addressp .form-grouphalf {
    width: 50%;
    float: left;
}

    .addressp .form-grouphalf input[type="text"].form-control, .addressp .form-grouphalf input[type="password"].form-control, .addressp .form-grouphalf textarea.form-control {
        width: 145px;
    }

    .addressp .form-grouphalf select.form-control {
        width: 159px;
    }
.form-group input[type="checkbox"], .termsc input[type="checkbox"] {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 5px 0px 0px;
}
.paymentblock .form-group label {
    width: 120px;
}

#clientlogin {    width: 340px;
float: right;
margin: 25px 0px 0px 0px;}
#clientlogin a {
color: #000;
text-decoration: none;
}
.cart { display:inline-block; margin:0px 5px 0px 0px;}
.sblockr {width:320px; float:right;  }
.sblock { width:320px; float:left;  }
.sblock  input[type="text"],.sblock  input[type="password"] { width:150px; display:inline-block; margin:0px 0px 10px 0px;}
.aright { display:inline-block;  margin-left:15px;}

#wait { display:none;}
.rdiv { float:right; margin-left:10px;}
.rdiv .total {   margin-top:20px;}
.paymentblock { width:390px; float: left; margin-right:10px; }
 
.info
{
  
    display: block;
    border: 1px solid #e37b01;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    color: #000;
    background-color: #fce5ca;
    font-family: Helvetica,Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.ok{max-width:760px; display:block;
border: 1px solid #009966;
margin: 0px 0px 10px 0px;
padding:10px 10px 10px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #000;
background-color: #DDFFDD;
background-image: url('/systemimages/ok.png');
font-family:Helvetica,Arial, Helvetica, sans-serif; 

font-size:13px;  	}
.warning {
    display: block;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #ffffe0;
    background-image: url('/systemimages/error.png');
    font-family: Helvetica,Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.primages ul { margin:0px; padding:0px; }
.primages ul li { list-style: none; margin:0px; padding:0px;}
.primages ul li img { max-width:50px;}



.hello { float:right; display:inline-block; color:#000;} 
.membernav { width:200px; float:left;  }
.membernav ul { margin:0px; padding:0px; }
.membernav ul li { list-style: none; margin:0px; padding:4px;}

.addressp input[type="button"].btn-checkout, .addressp input[type="submit"].btn-checkout {
    text-transform: uppercase;
    border: 2px solid #00a77b;
    background-color: #00a77b;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 14px 10px 10px 10px;
    border-radius: 3px;
    max-width: 325px;
}

.btnfull {
    width: calc(100% - 20px);
}

input[type="button"].btnfullc, input[type="submit"].btnfullc {
    width: calc(100% - 25px);
}
input[type="text"], input[type="password"], select {
    border: 1px solid #ccc;
    padding: 3px;
    height: 27px;
    border-radius: 3px;
}

select {
    height: 35px;
}
.addressp select {
    height: 43px;
}

.addressp input[type="text"].form-control, .addressp input[type="password"].form-control, .addressp textarea.form-control {
    padding: 20px 5px 5px 7px;
    border-radius: 3px;
    border: 1px solid #CCC;
    font-size: 14px;
    width: 310px;
    height:unset;
}

.addressp select.form-control {
    padding: 20px 5px 2px 8px;
    border-radius: 3px;
    border: 1px solid #CCC;
    font-size: 14px;
    width: 323px;
}

.addressp .form-group input[type="checkbox"], .addressp .termsc input[type="checkbox"] {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 5px 0px 0px;
}
.addressp .form-group input[type="radio"]  {
    width: 20px;
    height: 20px;
}

.cardnumber {
    background-image: url(/systemimages/cc_card.png);
    background-repeat: no-repeat;
    background-size: 40px 27px;
    background-position-x: right;
    background-position: 277px 6px;
}

.form-group select.expdate {
    width: 135px;
}
.form-group input[type="text"].short {
    width: 138px;
}
    #btnreplicate {
        margin-right: 30px;
        float: right;
    }
.lbls { font-weight:bold; display:inline-block; width:90px;}

.relatedpr { float:left; border:1px solid #CCC; margin:0px 0px 20px 0px; padding:5px; text-align:center; width:215px; min-height:300px;}
.primgblock { height:200px;}
.primgblock img { max-height: 200px;}
.product-item { text-decoration:none;}

.product-price { font-weight:bold;}

.leftblock { float:left; display:block; width:360px; margin-bottom:10px;}

 .countries { text-align:right; margin:5px 5px 0px 0px;}

.ileft {margin-right:20px;}
.specialoffer {
    border: 4px dashed #FF0000;
    background-color: #FFFFCC;
    padding: 5px;
    font-size: 1.6em;
    margin-bottom: 10px;
    font-weight:bold;
    
    text-transform:capitalize;
}
.btnsign {
    width: 157px;
}
.btn-checkout { float:right;
}
.btn-shop {
    float:left;
}
.progressdiv {
    width: 300px;
    margin: auto;
    text-align: center;
    display:none;
}
.control-label {width:140px;}
@media screen and (max-width: 500px) {
    #container {
        min-width: 0px;
    }
    /*input[type="text"], input[type="password"], select {  width:100px;}*/

    div#Wrapper-SearchBoxandLoginBtn {
        display: block;
        float: none;
        width: 100%;
    }
    .lprice, .cartitemheader .lsubt, .cartitemheader .lprice {
        width: 90px;
    }

    #clientlogin, #contact-details {
        width: 100%;
        float: none;
        margin: 26px auto;
        text-align: center;
    }

    .lqty {
        width: 64px;
        float: left;
        text-align: center;
    }

    .lprname {
        width: 98%;
    }

    .cartitemheader .lsubt {
        width: 130px;
        float: right;
    }
    .cartitem .lsubt {
        width: 130px;
        float: right;
        text-align: right;
    }
    .cartitemheader .lprname {
        width: auto;
    }



    .cartitemheader .lqty {
        width: 30px;
    }

  

    .sblockr {
        width: auto;
        float: none;
    }

    .ileft {
        margin-right: 0px;
    }

    .itemblock a img {
        max-width: 100%;
        max-height: unset;
        /*max-width: 200px;*/
    }
    .paymentblock {
          width: auto;  
          float: none;  
          margin-right: unset;  
    }
    .itemblock {
        float: none;
        width: 90%;
        padding: 5px;
        min-height: 310px;
        text-align: center;
        margin: 0px auto 20px auto;
        font-size: 16px;
    }

    .imgblk {
        height: auto;
    }

    .purchase {
        margin-top: 20px;
        position: relative;
        display: block;
        font-size: 24px;
    }

    .ctitle {
        text-align: center;
    }

    .primages {
        float: none;
        width: 98%;
        margin: 20px auto 20px auto;
        padding: 1%;
        max-width: 200px;
    }

    .img-responsive {
        width: 100%;
        display: block;
    }

    

    .relatedpr {
        width: 98%;
        padding: 1%;
    }

    .primgblock img {
        max-height: unset;
        height: auto;
    }

    .primgblock {
        height: auto;
    }

    .sblock {
        width: 98%;
        float: none;
        border: 1px solid #CCC;
        padding: 1%;
        margin: 10px 0px 10px 0px;
        border-radius: 5px;
    }
    .sblock h2{
        margin: 0px;
    }
    input[type="text"], input[type="password"], select {
        width: 90%;
        font-size: 18px;
        font-family:Arial;
    }
        input[type="text"].qty {
            width: 50px;
        }
        input[type="text"].shorttext {
            width: 190px;
        }
        select.shorttext {
            width: 100px;
        }
        .promo span {
            display: block;
        }
    
    p.total {
        margin-right: 5px;
    }
    .lprice {
        width: 110px;
        float: left;
        text-align: right;
    }
    .form-group label {
        display: block;
        width: auto;
    }
    .btn-checkout {
        float: none;
        width:100%;
    }

    .btn-shop {
        float: none;
        width: 100%;
        margin-top:20px;
    }
    .buysquare {
     
        float: none;
       
    }
}