/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 Dec, 2015, 4:19:38 PM
    Author     : Admin
*/

/***************Feature image **********************/




/****************Footer menu*****************************/



/*@media only screen and (max-width:940px){
    .featured_info .prod_data {width: 50%;}
}
@media only screen and (max-width:480px){
    .featured_info .prod_data {width: 100%;min-height: auto; padding-bottom: 20px;}
    
 }*/


@media screen and (min-width:768px) and (max-width:939px){
    #sbox-window.shadow{
        height:280px!important;
        margin:10% 30%;
        width:35%!important;
    }    
}
@media screen and (min-width:585px) and (max-width:767px){
    #sbox-window.shadow{
        height:280px!important;
        margin:0% 30%;
        width:35%!important;
    }
}
@media screen and (min-width:480px) and (max-width:584px){
    #sbox-window.shadow{
        height:280px!important;
        margin:0% 20%;
        width:50%!important;
    }
}
@media screen and (min-width:320px) and (max-width:479px){
    #sbox-window.shadow{
        height:290px!important;
        margin:0px 5%;
        width:70%!important;
    }
}
/***********cart page*************/
.cart-view { width: 100%; float:left;}
.cart-view .checkoutStep {text-align: right; padding-top: 10px; }
.cart-view .vm-continue-shopping { 
    margin:10px 0px 0px 0px;text-align: right;
}
#com-form-login { 
    margin: 10px 0px 0px 0px;
}
.billto-shipto{
margin: 20px 0 0;
padding: 20px 0px 25px;
}
.checkout-button-top {
    margin: 10px 0px 0px 0px;
}



.cart-summary tr td { 
    padding: 5px 5px 5px 5px;
}
span.cart-images img {
    margin: 5px 5px 5px 5px;
}

.userdata input[type="submit"],#com-form-login-remember .default,.continue_link,.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited,a.product-details, a.details, div.details,span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button,.showcart,.buttonBar-right button,#form-login .button,.formResponsive input[type="submit"],.formResponsive input[type="button"],.formResponsive input[type="reset"]{
    background: url(../images/button.gif) left top repeat-x #212121;
    color: #FFF;
    border: 0px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0 0px 0;
    cursor: pointer;
    border-radius: 0px;
   display: inline-block;
   text-shadow: 0 0px 0 #000!important;
   outline: none!important;
   font-size: 13px;
    
   
}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited, .control-buttons button.default {background: url(../images/button.gif) left top repeat-x #212121; color: #ffffff;border-radius: 0px; border: 0px solid #000;text-shadow: 0 0px 0 #000;}


.userdata input[type="submit"]:hover,#com-form-login-remember .default:hover,.continue_link:hover,a.product-details:hover, a.details:hover, div.details:hover,span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover,.showcart:hover,.buttonBar-right button:hover,.control-buttons button.default:hover,#form-login .button:hover,.formResponsive input[type="submit"]:hover,.formResponsive input[type="button"]:hover, .formResponsive input[type="reset"]:hover{
    background: #32b4b5;
    color: #FFF;
    border: 0px;
}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"]{
    padding: 1px 2px 1px 2px;
    border: 1px solid #e5e5e5!important;
    width: 224px;
    line-height: 20px!important;
    outline: none!important;
    border-radius: 0px;
    box-shadow: none!important;
}

#ui-tabs ul#tabs li.current {background: url(../images/button.gif) left top repeat-x #212121; color: #ffffff;border-radius: 0px; border: 0px solid #000;}

table.user-details input,.chzn-container-single .chzn-single,table.user-details .vm-chzn-select {   
    margin-bottom: 2px;
    padding: 5px 5px 4px;
    width: 200px;
    border: 1px solid #e5e5e5;
    line-height: 20px!important;
    outline: none!important;
    border-radius: 0px!important;
    background: none!important;
    box-shadow: 0px 0px 0px 0px #000!important;
}


#ui-tabs ul#tabs li{ background: #32b4b5;
    color: #FFF;
    border: 0px;}

.userdata .inputbox {padding: 5px 5px 5px 5px;}
#checkoutFormSubmit:hover {
    color: #fff !important;
    background: #32b4b5;
    border-radius: 0px;
}

#checkoutFormSubmit{
    background: url(../images/button-active.gif) left top repeat-x #303030;
    color: #fff !important;
    font-size: 12px;
    font-weight: normal ;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    float: left;
    padding: 5px;
    line-height: 22px;
    letter-spacing: 0px;
    margin: 0;
    border: 0px;
    border-radius: 0px;
   
}
.cart-summary tr {vertical-align: middle;}

.cart-view #com-form-login-remember label {margin: 0px 5px 10px 0px!important;}
.cart-view #com-form-login-remember #remember { position: relative; top: 3px;margin: 0px 5px 0px 0px;}


.vm2-add_quantity_cart { background:url(../images/update_quantity_cart.png) no-repeat center;background-position: 0px!important;  width: 22px; height: 22px; margin: 5px 6px 5px 6px;   background-size: 100%;  }
.vm2-remove_from_cart { background:url(../images/remove_from_cart.png) no-repeat center; background-position: 0px!important; width: 27px; height: 23px;  }

.login_left { width: 75%; float:left;}
.login_right{ width: 25%; float:left;margin-top: 25px;}

.cart-summary td:first-child{ border-left:1px solid #ddd!important;  }
.cart-summary th:first-child{ border-left:1px solid #ddd!important;  }

.sectiontableentry1 .vm-cart-item-name,.sectiontableentry2 .vm-cart-item-name{ border-left:1px solid #ddd!important;  }

.cart-summary td, .cart-summary th {
     border: 0px solid #ddd; 
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#sbox-content ul {padding-left: 25px;}
#sbox-content ul li {list-style: initial; line-height: 20px;}
#sbox-content ul li a {text-decoration: underline;}



.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;
    
}

td.vm-cart-item-sku {
    font: normal 12px/21px Arial, Helvetica, sans-serif;  
    text-transform: uppercase;
    color: #bfbfbf;
}
table.cart-summary tr th{
    padding: 6px 5px 9px 5px;
    color: #000;
}
.vm-fieldset-pricelist {
    color: #282828;
    font: bold 12px/21px Arial, Helvetica, sans-serif;

}

/***************************search**********************/
.browse-view form {margin-bottom: 10px;}
.browse-view .virtuemart_search .inputbox {padding: 3px; margin-right: 5px;}
.browse-view .vm3pr-2 {max-width: 100%;  width: 100%;  float: left;}
.browse-view .vm-products-horizon .product-price { float: none; text-align: left;min-height: 0px;}
.browse-view .product-field-display {text-align: left;}
.browse-view .vm-price-value span{ display: block;    color: #32b4b5!important;  font-size: 25px!important;   font-weight: bold;   padding-left: 25%;}
.browse-view .vm-products-horizon .addtocart-bar {    float: left;}
.browse-view .vm-product-media-container a {   margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; background: #fff; border: 1px solid #e5e5e5; display: block;width: 110px;}
.browse-view .vm-product-media-container a img { width: 100px!important; display: block; }


/***************************contact page**********************/
.contact_form { padding-top: 10px;}

.contact-width {
    width: 228px !important;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 25px #fbfbfb inset;
    -moz-box-shadow: 0 0 25px #fbfbfb inset;
    -webkit-box-shadow: 0 0 25px #fbfbfb inset;
    position: relative;
    border-collapse: separate !important;
    font-size: 12px;
    color: #7f7f7f;
}


.contact_left { width: 250px;float: left;}
.contact_left table { margin-bottom: 20px;}
.contact_right {float: left;}

.contact_form {clear: both; }

.b2j_contact {padding: 0px!important; margin: 0px!important; background: none!important; border: 0px!important;}
.b2j_contact h2 { display: none!important;}

.b2j_form input[type="text"]:hover, .b2j_form textarea:hover, .b2j_form input[type="text"]:focus,.b2j_form textarea:focus,.b2j_form input[type="text"],.b2j_form textarea{
    padding: 1px 2px 1px 2px!important;
    border: 1px solid #e5e5e5!important;
    line-height: 20px!important;
    outline: none;
    background: none!important;
    color: #7f7f7f!important;
}
.alert-error {color: #b94a48; background-color: #d7d7d7!important;   border-color: #d7d7d7!important; border-radius: 0px; padding: 5px 0px; margin-bottom: 10px;}
.alert-info {color: #7f7f7f!important; background-color: #d7d7d7!important;   border-color: #d7d7d7!important; border-radius: 0px; padding: 5px 0px; margin-bottom: 10px;}
.b2j_messages li {color: #7f7f7f!important;}

.formResponsive .formHorizontal .rsform-block {margin-bottom:5px;}
.formResponsive .formHorizontal .formControlLabel { text-align: left;}


div#b2jcontainer_m155 .control-group.success > label, div#b2jcontainer_m155 .control-group.success .checkbox, div#b2jcontainer_m155 .control-group.success .radio, div#b2jcontainer_m155 .control-group.success input, div#b2jcontainer_m155 .control-group.success select, div#b2jcontainer_m155 .control-group.success textarea, div#b2jcontainer_m155 .control-group.success a.chzn-single{ color: #7f7f7f!important;}
.btn-success { 
    margin-left: -160px!important;
    background: url(../images/button.gif) left top repeat-x #212121!important;
    color: #FFF!important;
    border: 0px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0 0px 0;
    cursor: pointer;
    border-radius: 0px;
   display: inline-block;
   text-transform: capitalize!important;
}
.btn-success:hover{  background: #32b4b5!important;
    color: #FFF!important;
    border: 0px;}




.btn-success span {background: none!important;  padding-left: 0px!important;}
#system-message-container .alert-error p { padding:2px 0px 2px 10px; }

table.user-details select.invalid {
    background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
    border: solid red 1px;
    border-radius: 4px;
    color: #777;
    margin-bottom: 2px;
    padding: 5px 5px 4px;
}

.formResponsive input[type="button"]:first-child, .formResponsive input[type="reset"]:first-child, .formResponsive input[type="submit"]:first-child{ min-width: 90px;font-size: 13px;  text-transform: capitalize;}
/*************************************************/
@media screen and (max-width:767px){
    .login_left {width: 100%;  float: left;}
    .login_right {width: 100%;  float: left;}
    #com-form-login-remember {text-align: left;}
    .billto-shipto .width50 {width: 100%; padding-bottom: 15px;}  
    table.cart-summary tr th {  font-size: 11px;}
    .cart-summary tr td { font-size: 12px;}
    
    
    table.cart-summary tr th, table.order_summary tr th, .dyn-tabs table.adminlist th {  display: none;}
    table.cart-summary td:before { content: attr(data-title);color: #000000;padding: 6px 0px 0px 0px; }
    
table.cart-summary tbody {display: block; font-size: 12px;}    
table.cart-summary tr.sectiontableentry1 td:first-child, table.cart-summary tr.sectiontableentry2 td:first-child {width: 124px;}
table.cart-summary td, table.adminlist td, table.order_summary td {

    position: relative;
    padding: 16px 5px 16px 50%!important;
    white-space: normal;
    text-align: left;
}

table.cart-summary td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    /* white-space: nowrap; */
    text-align: left;
    font-weight: bold;
}

table.cart-summary span.cart-images {
    float: none;
     margin: auto;
    display: block;
}
.vm-fieldset-pricelist {padding: 0px;display: block; width: 100%;}
.cart-view table.cart-summary, table.cart-summary thead, table.cart-summary tbody, table.cart-summary	th, table.cart-summary td, table.cart-summary tr, #editcell table.adminlist, #editcell table.adminlist thead, #editcell table.adminlist	tbody, #editcell table.adminlist	th, #editcell table.adminlist td, #editcell table.adminlist	tr, table.order_summary, table.cart-summary thead, table.order_summary tbody, table.order_summary	th, table.order_summary td, table.order_summary tr, .dyn-tabs table.adminlist, .dyn-tabs table.adminlist thead, .dyn-tabs table.adminlist	tbody, .dyn-tabs table.adminlist	th, .dyn-tabs table.adminlist td, .dyn-tabs table.adminlist	tr {
    display: block;
    font-size: 12px;
}

.cart-summary td, .cart-summary th{ border-top: 0px; }

table.cart-summary tr.sectiontableentry1, table.cart-summary tr.sectiontableentry2 {    border-left: 1px solid #e5e5e5;  border-top: 1px solid #e5e5e5;}
table.cart-summary tr.sectiontableentry1 td:first-child, table.cart-summary tr.sectiontableentry2 td:first-child {
    width: 124px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
table.cart-summary tr.sectiontableentry1, table.cart-summary tr.sectiontableentry2 {
    background: #fff;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
table.cart-summary tr {
    border: 1px solid #ccc;
    border-top: 0px;
}
table.cart-summary tr.sectiontableentry1 td, table.cart-summary tr.sectiontableentry2 td {
    width: 48%;
    border: none;
    border-bottom: 1px solid #e5e5e5;    

}
table.cart-summary tr.sectiontableentry1 {  margin: 20px 0px 20px 0px;}

table.cart-summary tr.sectiontableentry1 td.noleft, table.cart-summary tr.sectiontableentry2 td.noleft, table.order_summary tr.sectiontableentry1 td.noleft {
    padding: 10px!important;
    text-align: left;
    width: 92%!important;
}



}

@media screen and (max-width:480px){
.login_left #com-form-login-password,.login_left #com-form-login-username {
    width: 90%;
    margin: 5px 0px;}

.login_left .width50 { width: 100%;}
.login_right { margin-top: 10px;}


}



.vm-orders-information .vm-orders-order,.vm-orders-information .vm-orders-items{
    border-top: 1px solid #ddd;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.vm-orders-information .vm-orders-order table td,.vm-orders-information .vm-orders-items table td,.vm-orders-information .vm-orders-items table th{
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 5px;
}

.vm-orders-information .vm-orders-order table tr td:first-child,.vm-orders-information .vm-orders-items table tr td:first-child {border-left: 1px solid #dddddd;}
.vm-orders-information .vm-orders-items table th,.vm-orders-information .vm-orders-order table th{border: 1px solid #dddddd;}
.vm-orders-information .vm-orders-order table td table tr td,.vm-orders-information .vm-orders-order table td table tr td:first-child { border: 0px;}
#ui-tabs ul#tabs,#ui-tabs .tabs {padding: 10px 0px;}

#editcell .adminlist {border: 1px solid #dddddd;}
#editcell .adminlist th {border: 1px solid #dddddd;padding: 5px;}
#editcell .adminlist td {border: 1px solid #dddddd; padding: 5px;}


.cart-summary #shipmentForm h1 { margin-bottom: 10px; font-size: 15px; padding: 0px 0px 5px 0px;}
.cart-summary #shipmentForm .vm-payment-shipment-select { padding-bottom: 10px;}
.cart-summary #shipmentForm .vm-payment-shipment-select .vm-shipment-plugin-single input {float: left; margin: 0px 10px 0px 0px;}
.cart-summary #shipmentForm .vm-payment-shipment-select .vm-shipment-plugin-single label { display: block;}
.cart-summary #shipmentForm .vm-shipment-plugin-single {    clear: both; margin: 5px 0px; display: block;  float: left;   width: 100%;}
.cart-summary #paymentForm h1 {margin-bottom: 10px; font-size: 15px; padding: 0px 0px 5px 0px;}