
/* vm-general.css */
*:focus { outline: none; }
.clr {clear:both;overflow:hidden;}
.clear,br.clear{clear:both;}
div.clear {height:0px;line-height: 0px;font-size: 0px; margin:0;padding:0;}
.dummy{background: none;width:5%;}
div.spacer {position: relative;}
div.spaceStyle{padding: 0px; margin: 5px; spacing: 0px;}
.icons{text-align:right;float:right;margin:4px 0 10px 30px;}
.vmicon, .vmiconFE{background:url(../images/vm2-sprite.png) no-repeat top left;}
fieldset {border:none;}
.vmquote{font-size:smaller;}
.vm-notice{color: #CC0000;}
span.bold,div.bold{font-weight:700;}

/* hide inline style as class */
.floatright,span.floatright{float:right;}
.floatleft,span.floatleft{float:left;}
.vm-display {display: block;} 
.vm-nodisplay {display: none;}
.line-through{text-decoration:line-through}
.inline{display: inline;}
td.pricePad{padding-right: 10px;}
td.priceCol{white-space:nowrap;}
.priceColor2{color:gray;}

/* hide inline style as class END */

/* general style - needs to be at the beginning so it can be overwritten by specific style later */
.additional-images,.featured-view .product-price,.latest-view .product-price,.topten-view .product-price,.recent-view .product-price,.output-billto,.output-shipto{margin:10px 0;}
.ask-a-question,.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{margin:0 0 10px;}
.customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;}
/*span.title{font-weight:700;display:block;border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 6px;}*/
span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;}
.category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{padding:6px;}
.featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{font-size:1.6em;margin:0 0 6px;padding:0;}
.featured-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.recent-view .spacer span,.related-products-view .spacer span,.browse-view .row .product .spacer span{font-size:0.85em;color:#666;}
.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{width:auto;height:auto;}
.display-number,.control-buttons,.right{text-align:right !important;}
.general-bg,input.custom-attribute,input.quantity-input,.manufacturer-product-link a,a.ask-a-question,input.vm-default,a.product-details,a.details,div.details,button.default{}
span.custom-variant-inputbox input.custom-attribute:hover,span.quantity-box input.quantity-input:hover,input.vm-default:hover,span.quantity-box input.quantity-input:hover,.ask-a-question-view input.counter:hover,.ask-a-question-view input#email:hover,table.user-details input:hover,a.ask-a-question:hover,a.details:hover,div.details:hover,a.product-details:hover,button.default:hover{

}
/* Let's have a general button for pagination, backtocat, whatever
button, .button {padding: 4px 6px;border: 1px solid #666;background-color: #f5fffa;}
*/
/* general style END */

#ui-tabs ul#tabs{list-style-type:none;overflow:hidden;margin:0;padding:1.0em 1.0em 0;}
#ui-tabs ul#tabs li{display:inline-block;cursor:pointer;background:#f2f2f2;padding:0.5em 1.0em 0.2em;}
#ui-tabs ul#tabs li.current{display:inline-block;background:#ccc;color:#444;}
#ui-tabs .tabs{padding:1.0em;}
#ui-tabs .dyn-tabs{overflow:auto;display:none;}

/* Align rows in products sublayout */
.vm-col {margin: 0.1em 0.1em;width: 60%;}
.vm-col-1 {width: 100%;} .vm-col-2 {width: 48%;} .vm-col-3 {width: 31.914893614%;} .vm-col-4 {width: 23.8%;} .vm-col-5 {width: 19%;} .vm-col-6 {width: 16%;} .vm-col-8 {width: 12%;} .vm-col-9 {width: 11%;} .vm-col-10 {width: 9%;} .vm-col-11 {width: 8%;} .vm-col-12 {width: 7%;}
/* Products sublayout end */


.vm2-modallink{height:16px;margin-left: 3px;vertical-align:top;width:16px;display:inline-block; background: url("../images/icon_external_link.gif") no-repeat scroll left top transparent;}
.vm2-warning{background-position:0 -1383px;width:50px;height:40px;}

input.highlight-button{background:#0077b3 ; color:#fff;border:1px solid #00669a;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:4px 8px 2px;}
input.highlight-button:visited{color:#fff;}

button.default{display:inline-block;cursor:pointer;padding:5px 8px 4px;}
button.default:hover{color:#777;}
a.highlight,a.highlight:visited{background:#0077b3 ;border:solid #00669a 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;display:inline-block;text-decoration:none;background-position:0 -160px;color:#fff;padding:3px 8px 1px;}
textarea.virtuemart{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:5px 5px 4px;}

.vm-button-correct,.vm-button-correct:hover,.vm-button-correct:visited{font-size:1.2em;font-weight:700;display:inline-block;text-decoration:none;color:#777;}
.vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited{background:#0077b3 ;background-position:0 -160px;color:#fff;border:solid #00669a 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:6px 12px 3px;}
.vm-button-correct:hover{background-position:0 -200px;color:#f2f2f2;text-decoration:none;}

.width1{width:1%;}.width2{width:2%;}.width3{width:3%;}.width4{width:4%;}.width5{width:5%;}.width6{width:6%;}.width7{width:7%;}.width8{width:8%;}.width9{width:9%;}.width10{width:10%;}.width11{width:11%;}.width12{width:12%;}.width13{width:13%;}.width14{width:14%;}.width15{width:15%;}.width16{width:16%;}.width17{width:17%;}.width18{width:18%;}.width19{width:19%;}.width20{width:20%;}.width21{width:21%;}.width22{width:22%;}.width23{width:23%;}.width24{width:24%;}.width25{width:25%;}.width26{width:26%;}.width27{width:27%;}.width28{width:28%;}.width29{width:29%;}.width30{width:30%;}.width31{width:31%;}.width32{width:32%;}.width33{width:33%;}.width34{width:34%;}.width35{width:35%;}.width36{width:36%;}.width37{width:37%;}.width38{width:38%;}.width39{width:39%;}.width40{width:40%;}.width41{width:41%;}.width42{width:42%;}.width43{width:43%;}.width44{width:44%;}.width45{width:45%;}.width46{width:46%;}.width47{width:47%;}.width48{width:48%;}.width49{width:49%;}.width50{width:50%;}.width51{width:51%;}.width52{width:52%;}.width53{width:53%;}.width54{width:54%;}.width55{width:55%;}.width56{width:56%;}.width57{width:57%;}.width58{width:58%;}.width59{width:59%;}.width60{width:60%;}.width61{width:61%;}.width62{width:62%;}.width63{width:63%;}.width64{width:64%;}.width65{width:65%;}.width66{width:66%;}.width67{width:67%;}.width68{width:68%;}.width69{width:69%;}.width70{width:70%;}.width71{width:71%;}.width72{width:72%;}.width73{width:73%;}.width74{width:74%;}.width75{width:75%;}.width76{width:76%;}.width77{width:77%;}.width78{width:78%;}.width79{width:79%;}.width81{width:81%;}.width82{width:82%;}.width83{width:83%;}.width84{width:84%;}.width85{width:85%;}.width86{width:86%;}.width87{width:87%;}.width88{width:88%;}.width89{width:89%;}.width90{width:90%;}.width91{width:91%;}.width92{width:92%;}.width93{width:93%;}.width94{width:94%;}.width95{width:95%;}.width96{width:96%;}.width97{width:97%;}.width98{width:98%;}.width99{width:99%;}.width100{width:100%;}
.customer-reviews h4{
}

.write-reviews{

}

.write-reviews h4{

}

.write-reviews h4 span{

}

.write-reviews span.step{

}

.rating{

}

.write-reviews ul.rating li{
  display: inline-block;
  list-style: none;
  text-align: center;
  padding: 0 5px;
}

.write-reviews ul.rating li span{
  display: block;
}

.write-reviews textarea.virtuemart{

}

.list-reviews .normal{

  margin-bottom: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px;
}

.list-reviews .normal blockquote,.list-reviews .highlight blockquote{
  margin-top: 12px;
  font-size: 12px;
  word-wrap: break-word;
}

.list-reviews .normal blockquote:before,.list-reviews .highlight blockquote:before{
  content: open-quote;
  font-weight: 700;
  font-size: 24px;
  padding-right: 6px;
}

.list-reviews .normal blockquote:after,.list-reviews .highlight blockquote:after{
  content: close-quote;
  font-weight: 700;
  font-size: 24px;
  padding-left: 6px;
}

.list-reviews .highlight{
  background: #f7f6f6;
  border: solid #CAC9C9 1px;
  margin-bottom: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px;
}

.list-reviews span.date{
  float: right;
  display: block;
  color: #333;
  font-size: 12px;
font-style:italic;
}
/* Reviews end */

.vm2-stars0{
  background-position: 0 -358px;
  width: 64px;
  height: 13px;
}

.vm2-stars1{
  background-position: 0 -421px;
  width: 64px;
  height: 13px;
}

.vm2-stars2{
  background-position: 0 -484px;
  width: 64px;
  height: 13px;
}

.vm2-stars3{
  background-position: 0 -547px;
  width: 64px;
  height: 13px;
}

.vm2-stars4{
  background-position: 0 -610px;
  width: 64px;
  height: 13px;
}

.vm2-stars5{
  background-position: 0 -673px;
  width: 64px;
  height: 13px;
}

.vm2-stars_0{
  background-position: 0 -736px;
  width: 64px;
  height: 13px;
}

.vm2-stars_1{
  background-position: 0 -799px;
  width: 64px;
  height: 13px;
}

.vm2-stars_2{
  background-position: 0 -862px;
  width: 64px;
  height: 13px;
}

.vm2-stars_3{
  background-position: 0 -925px;
  width: 64px;
  height: 13px;
}

.vm2-stars_4{
  background-position: 0 -988px;
  width: 64px;
  height: 13px;
}

.vm2-stars_5{
  background-position: 0 -1051px;
  width: 64px;
  height: 13px;
}

.vm-product-rating-container {
  text-align: left;
}

.ratingbox {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 24px;
  background: url("../images/color-stars.png") repeat-x scroll 0 bottom transparent;

}

.ratingbox div, .ratingbox span {
  background: url(../images/color-stars.png) repeat-x;
  display: block;
  width: 1%;
  height: 24px;
  position: static;
}

.browse-view .ratingbox{

}

.spacer-buy-area .ratingbox {

}

div.vote, span.vote {


}

.category-ratingbox {
  position: relative;
  display: block;
  width: 60px;
  height: 12px;
  background: url("../images/color-stars-small.png") repeat-x scroll 0 bottom transparent;
}

.category-ratingbox div, .category-ratingbox span {
  background: url(../images/color-stars-small.png) repeat-x;
  display: block;
  width: 1%;
  height: 12px;
  position: absolute;
}

.stars-orange{
  background-position:0 0 !important;
}

.stars-red{
  background-position:0 -54px !important;
}

.stars-green{
  background-position:0 -108px !important;
}

.stars-blue{
  background-position:0 -162px !important;
}

.stars-purple{
  background-position:0 -216px !important;
}

@media (max-width: 768px){
  .spacer-buy-area .ratingbox {
    margin: 0 auto 15px;
  }
}

.productdetails-view .spacer-buy-area{padding:0 0 0 1.0em;}
.back-to-category {float:right;}
.product-neighbours{color:#777;margin:0 0 1.0em;}
.product-neighbours a.next-page{background:url(../images/vmgeneral/next_16x16.png) no-repeat right;padding-right:30px;line-height:20px;float:right;}
.product-neighbours a.previous-page{background:url(../images/vmgeneral/previous_16x16.png) no-repeat left;padding-left:30px;line-height:20px;float:left;}
.productdetails-view .product-short-description{margin:0 0 1.0em;padding:0;}
.productdetails-view .product-description,.product-fields{margin: 0 0 0;}
.product-packaging{margin:1.2em 0 0;}
.additional-images img{margin-right:8px;width:50px;height:auto;}
.product-price{}

.vm-price {text-align: right;line-height: 1.2em;}
.vm-price span {display: inline-block; min-width: 4em; padding: 0 0.2em;}
span.vm-price-desc {text-align: left;}

.vm3pr-1 .product-price {height: 1.25em;} .vm3pr-2 .product-price {height: 2.5em;}.vm3pr-3 .product-price {height: 3.75em;}.vm3pr-4 .product-price {height: 5.0em;}.vm3pr-5 .product-price {height: 4.4em;}.vm3pr-6 .product-price {height: 4.8em;}
.vm3pr-0 .addtocart-area {height: 0.0em;} .vm3pr-1 .addtocart-area {height: 4.8em;} .vm3pr-2 .addtocart-area {height: 7.1em;} .vm3pr-3 .addtocart-area  {height: 10.1em;} .vm3pr-4 .addtocart-area {height: 13.2em;} .vm3pr-5 .addtocart-area {height: 16.2em;}
.vm-cart-price{float:left;font-weight:bold;}

.price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax{text-decoration: line-through;}

.availability{text-align:center;margin:15px 0 0;}
span.variant-dropdown{width:150px;float:left;display:block;margin-bottom:5px;}
span.variant-dropdown select{width:150px;}
span.custom-variant-inputbox{width:152px;float:left;display:block;margin-bottom:5px;}
input.custom-attribute{width:140px;}

.addtocart-area{}
span.quantity-box{display: inline-block; vertical-align:middle;}
input.quantity-input{height:2.2em!important;width:2.2em!important;text-align:center;font-weight:700;padding:0.1em;margin-bottom:0!important;}
span.quantity-controls{width:15px;display: inline-block;vertical-align:middle;margin:0 0 0 1px;}
span.quantity-controls input.quantity-controls{height:15px;border:none;width:15px;cursor:pointer;}
span.quantity-controls input.quantity-plus{    background: #fff;
    margin: 0px;
    vertical-align: middle;
    padding: 0px 10px;
    height: 24px;
    color: #333;
    width: 30px;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #eee;}
span.quantity-controls input.quantity-minus{    background: #fff;
    margin: 0px;
    vertical-align: middle;
    padding: 0px 10px;
    height: 24px;
    color: #333;
    width: 30px;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #eee;}

.addtocart-bar{margin:0;padding:0;position:absolute; bottom: 4.0em; left: 0; right: 0; text-align: center;}
.productdetails-view .addtocart-bar{margin:1.5em 0 0;padding:0 0 0 0px;position:relative; bottom: 0.0em;text-align: left;}
.vmgroup .addtocart-bar{bottom: 0.0em;position:relative;margin:2.0em 0 0 0;}
.vmgroup .addtocart-area{margin:0.5em 0 1em 0;}
span.addtocart-button{display: inline-block;vertical-align:middle;margin:0 0 0 2px;}
span.cart-images img {
    float: left;
    margin: 0;
    width: 45px;
}
span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{max-width:100%;background:#0077B3 ;color:#fff;border:solid #00669a 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:1.2em;cursor:pointer;text-align:center;letter-spacing:1px;padding:0.8em 0.81em;}
span.addtocart-button input.addtocart-button-disabled {width:11em;max-width:100%;background:#f2f2f2;color:#333;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:1.2em;cursor:pointer;height:2.9em;text-align:center;letter-spacing:1px;}
div.vm-details-button {text-align: center;}
div.vm-details-button a {padding: 0.8em 1.0em; border: 1px solid grey; font-size: 1.1em;max-width:85%;width:12em;}
span.addtocart-button input.addtocart-button-disabled{width:auto;background:#f2f2f2 top repeat-x;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;padding:4px 5px;color:#333;margin:10px 0px 0px 0px;}

.category-view h4{margin:0;padding:0;}
.category-view .row .category .spacer h2{font-size:0.8em;margin:0;padding:0;}
.category-view .row .category .spacer h2 a{font-size:0.8em;display:block;text-align:center;}
.category-view .row .category .spacer h2 a img{margin-top:0.1em;max-width:100%;height:auto;}
.featured-view h4,.latest-view h4,.topten-view h4,.recent-view h4,.related-products-view h4{font-size:14px;margin:0 0 8px;padding:0;}
/*.browse-view h1{font-size:0.2em;margin:0 0 8px;padding:0;}*/
.orderby-displaynumber{border-bottom:solid #E9E8E8 1px;border-top:solid #E9E8E8 1px;margin:10px 0;padding:10px 0;}
.orderlistcontainer{display:inline-block;text-decoration:none;}
.orderlistcontainer div.activeOrder{background:#FFF;cursor:pointer;border:1px solid #eee;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;padding:5px 10px;}
.orderlistcontainer a{text-decoration:none;display:block;}
.orderlistcontainer a :hover{text-decoration:none;display:block;color:#EEE;background:#777;}
.orderlistcontainer div.orderlist{display:none;position:absolute;border:solid #CAC9C9 1px;background:#FFF;cursor:pointer;z-index: 1;}
.orderlistcontainer div.orderlist div{padding:2px 12px 1px;}
.orderlistcontainer div.orderlist div:hover{color:#EEE;background:#CAC9C9;}
.ask-a-question-view .product-summary{border-bottom:solid #CAC9C9 1px;margin:25px 0 0;padding:0 0 10px;}
.ask-a-question-view .product-summary h2{font-size:16px;margin:0;padding:0;}
.ask-a-question-view .product-summary .short-description{margin-top:6px;}
.ask-a-question-view .product-summary img.product-image{max-width:100%;max-height:100%;width:auto;height:auto;}
.ask-a-question-view .form-field textarea.field{width:394px;background:#fff url(../images/vmgeneral/default_bg.jpg) bottom repeat-x;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:12px;}
.ask-a-question-view .form-field textarea.field:hover{background:#fff url(../images/vmgeneral/default_hover_bg.jpg) top repeat-x;color:#000;}
.ask-a-question-view .form-field .submit{width:418px;}
.ask-a-question-view input.counter,.ask-a-question-view input#name,.ask-a-question-view input#email{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;display:inline-block;margin:0 0 0 10px;padding:5px 5px 4px;}
.ask-a-question-view table.askform, .ask-a-question-view table.askform tr, .ask-a-question-view table.askform td {border:0;}
.ask-a-question-view table.askform td {padding: 5px 0;}
.ask-a-question-view #recaptcha_area {margin-bottom: 20px;}
a.ask-a-question{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;margin-bottom:8px;padding:3px 12px 1px;margin: 2px 2px 2px 2px;}
a.ask-a-question:hover{color:#777;text-decoration:none;}
.ask-a-question-view,.manufacturer-details-view .spacer{padding:20px;}
.ask-a-question-view h1,.manufacturer-details-view h1{font-size:18px;margin:0;padding:0;}
.ask-a-question,.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{margin:10px 0 0;}
.manufacturer-details-view img{float:right;margin:0 0 10px 20px;}
.manufacturer-details-view .email-weblink a{margin-right:15px;}

a.product-details,a.details,div.details{background-position:0 0;display:inline-block;padding:3px 8px 1px;}
a.details:hover,div.details:hover,a.product-details:hover{background-position:0 -40px;color:#777;}
span.details-button{ margin:0 0 0 10px;}
span.details-button input.details-button { background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll center top #E8E8E8;color:#135CAE;border:1px solid #CAC9C9 ;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer; text-align:center;padding:3px 8px 1px;}
.coupon{color: gray;  border-radius:4px; border:1px solid #CAC9C9 ; font-size: 9px;padding: 3px;}
textarea.virtuemart{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:5px 5px 4px;}
p.product_s_desc{padding:0;height: 3.4em;margin: 0 0;}
span.stock-level{font-size:10px;color:#7d7b7b;}
.horizontal-separator{height:1px;background:#e9e8e8;margin:10px 0;}
.invalid{background-color:#ffd;color:#000;border-color:red;}
.page-results{margin-top:25px;text-align:right;}
.control-buttons button.default{margin-left:8px;}
table.user-details .vm-chzn-select{width:100% !important;border:solid #eee 1px;padding:10px 0px;border-radius:6px;}
table.user-details input{width:100%;}
table.user-details input.invalid{border:solid red 1px;}
table.user-details{width: 100%;margin-bottom:10px;}
table.user-details input[type="checkbox"] , table.user-details input[type="radio"] {width:20px}
td.key{padding:5px 10px; width: 50%;text-align:left;}
.cart-view h1{font-size:20px;margin:0;padding:0 0 10px;}
.cart-view h2{font-size:12px;margin:0;padding:0;}
.checkout-button-top{text-align:right;border-top:solid #E9E8E8 1px;padding:10px 0 0;}
.checkout-button-top input.terms-of-service{margin-right:10px;display:inline-block;}
span.tos{display:inline-block;margin-right:15px;}
.billto-shipto{border-top:solid #E9E8E8 1px;border-bottom:solid #E9E8E8 1px;margin:10px 0 0;padding:10px 0 25px;}
.billto-shipto span,a.terms-of-service{display:inline-block;font-size:14px;}
#full-tos {display: none;}
.output-billto span.titles,.output-shipto span.titles{width:150px;float:left;}
.output-billto span.values-first_name,.output-billto span.values-middle_name,.output-billto span.values-zip,.output-shipto span.values-first_name,.output-shipto span.values-middle_name,.output-shipto span.values-zip{float:left;margin-right:3px;}
table.cart-summary tr th{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border-bottom:solid #E9E8E8 1px;padding:6px 2px 3px;}
.cart-summary tr td {padding:5px 3px 2px;}
.customer-comment{text-align:center;border-top:solid #E9E8E8 1px;margin:10px 0 0;padding:10px 0 0;}
textarea.customer-comment{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;text-align:left;padding:5px 5px 4px;}
.cart.customer-note{margin:10px 0 0 0;}
textarea#customer_note_field {margin: 10px 0 10px 0px;width:98%;height:100%;}

div.terms-of-service{ margin:10px 0 0;padding:10px 0 15px; display : inline;}
.terms-of-service h5{background:#7C1E21;color:rgba(255, 255, 255, 0.9);font-size:14px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:400;margin:0;padding:15px;}
.terms-of-service h5 a,.terms-of-service h5 a:visited{color:#fff;text-transform:uppercase;}
.VmArrowdown{background:top right no-repeat url(../images/vmgeneral/arrow_down.png);cursor:pointer;float:right;width:16px;height:16px;padding:0 12px;}
ul.VMmenu,.VMmenu ul,.VMmenu li{list-style-type:none!important;background-image:none!important;padding:2px;}
#com-form-login .width30.floatleft {display: inline-block;margin: 0 20px 0 0;}
#com-form-login label{display:inline-block;}
#com-form-login input[type="checkbox"] {margin:0;}
.vm2-add_quantity_cart{background-position:0 0;width:24px;height:24px;border: 0px;cursor:pointer;}
.vm2-arrow_down{background-position:0 -72px;width:16px;height:16px;}
.vm2-billto-icon{background-position:0 -138px;height:24px;margin-right:6px;vertical-align:middle;width:24px;border :0px;}
.vm2-remove_from_cart{background-position: 0 -212px; border: 0 none; cursor: pointer; display: inline-block; height: 24px; vertical-align: middle; width: 24px;}
.vm2-shipto-icon{background-position:0 -284px;height:24px;margin-right:6px;vertical-align:middle;width:24px;}
.vm2-lowstock{background-position:0 -1114px;width:62px;height:15px;display:inline-block;float:right;}
.vm2-nostock{background-position:0 -1179px;width:62px;height:15px;display:inline-block;float:right;}
.vm2-normalstock{background-position:0 -1244px;width:62px;height:15px;display:inline-block;float:right;}
.featured-view .vm2-lowstock, .featured-view .vm2-nostock, .featured-view .vm2-normalstock,
.latest-view .vm2-lowstock, .latest-view .vm2-nostock, .latest-view .vm2-normalstock,
.topten-view .vm2-lowstock, .topten-view .vm2-nostock, .topten-view .vm2-normalstock,
.recent-view .vm2-lowstock, .recent-view .vm2-nostock, .recent-view .vm2-normalstock,
.related-view .vm2-lowstock, .related-view .vm2-nostock, .related-view .vm2-normalstock{float:right;margin:6px 4px 0 0;}
.vm2-termsofservice-icon{background-position:0 -1309px;height:24px;margin-right:6px;vertical-align:middle;width:24px;display:inline-block;}
.vendor-store-desc,.category-view,.featured-view,.latest-view,.topten-view,.recent-view,.related-products-view,.browse-view,.order-view{margin-bottom:25px;}
.main-image,.featured-view .product,.latest-view .product,.topten-view .product,.recent-view .product,.related-products-view .product,.center,span.center{text-align:center;}
.vm-product-media-rating {width: 100%;float:left;}
.vm-product-media-rating h2 {border: 0;margin: 6px 0;}
.vm-rating-header {float:right;margin: 0 6px 0 0;}
.vm-product-media-container {text-align:center;max-width: 100%;margin-bottom:15px;}
.vm-product-container .vm-product-media-container {float: left;width: 55%;}
.vm-product-descr-container {float:left;width:100%;text-align:center;width: 100%;}
.vm-product-details-container {float:right;width:45%;}

.valign-wrapper {position: relative;}
.valign-content-wrapper {position: absolute; height: 100%; top: 50%; width: 100%;}
.valign-content {position: absolute; margin: 0px auto; left: 0px; right: 0px; top: -43px;}
/* .main-image img {max-width:100%;height:auto}*/
.main-image img {max-width:100%;}
/*.main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img,.recent-view .spacer img{max-width:100%;height:auto;width:auto;}*/
.browseProductImage {max-height: 90px;width:auto;max-width: 100%;}
.customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;}
span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;}
span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover{background-position:0 -200px;color:#f2f2f2;}
.category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{padding:0.4em;}
.featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{font-size:14px;margin:0 0 0.2em;padding:0;}
.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{width:auto;height:auto;}
.display-number,.control-buttons,.right{text-align:right !important;margin:0 0.5em 0 0;}

.control-buttons #reg_text {float: left;margin: 0 20px 0 0;text-align: left;}
#userForm select,.width80{width:80%;}
textarea.virtuemart:hover,textarea.customer-comment:hover{color:#000;background:#e8e8e8;}
label.invalid,span.red{color:red;}
.output-billto span.values,.output-shipto span.values,.floatleft,span.floatleft{float:left;}
.output-billto span.values,.output-shipto span.values {padding-right:5px;}
.joomlaCoreField {background-color: #FFFFDD;}

.vm-pagination {float:left;text-align:center !important;}
.vm-pagination ul{text-align:center !important;}
.vm-pagination ul li{display: inline;}
.vm-pagination .counter{text-align: right !important;}
.vm-page-counter {float:right;}
.vm-bottom div{text-align:center !important;}
.vm-bottom ul{text-align:center !important;}
.vm-bottom ul li{display: inline;}
.vm-bottom  .counter{text-align: right !important;}
.pagenav {padding:3px 8px; margin:0 4px; border:1px solid #aaa; background-color:#fafafa; color:#808080;}
a.pagenav {color: #555;text-decoration: none;}
td.orders-key{font-weight: bold; text-align: left; }

/* Manufacturer View Default */
.manufacturer-view-default .row .manufacturer .spacer {padding: 0.4em;}
.product-field-display a img{display: block;}


.product-related-products, .product-related-categories{border-top:solid #ccc 1px;padding-bottom: 10px;}
.product-fields .product-field-type-P{clear: both; border-bottom: 1px solid #EEEEEE; margin-top: 18px;}
.product-field-type-P .product-fields-title{ font-size: 120%;}
.product-field-type-B,.product-field-type-S,.product-field-type-I,{float:left;text-align: left;}
.product-field-type-R{float:left;margin:0 1em;}
.product-fields-title-wrapper{min-width:10em; font-weight: bold;padding:0.5em 0;}
.product-field-type-S ul {margin: 0;padding: 0 0 0 15px;}
.vm-customfield-mod img,.vm-customfield-cart img{ vertical-align: middle; width: 16px;}
.vm-img-desc{display:block;}
a:hover .vm-img-desc{background: #095197}
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{padding:0 2px;}
.vmpayment_description,.vmshipment_description {color:gray;font-size:9px;padding:0 2px;}
.vmpayment_cardinfo {color:gray;font-size:9px;}
.virtuemart_search .inputbox{vertical-align :middle}
/* Custom Field Images */
.product-fields .product-field,.product-related-categories .product-field {}
.product-fields .product-field label.other-customfield {}  /* For 4 images across use width:17% */
.product-fields .product-field-type-M {display:block}
.product-fields .product-field-type-M input[type=radio] {display:block;margin: 10px;}
.product-fields .product-field-type-M label {display:inline-block}
.product-fields .product-field-type-M img {display:block;vertical-align: text-top;float:right;}
.product-field-display {vertical-align: middle;}
.product-fields .product-field .vm-img-desc {font-size:9px;}

/* some more styles */
.buttonBar-right{text-align: right; float:right;}
.userfields_info{font-weight: bold;display: block;margin: 0px 0px 8px 0px;}

div.product {float:left;border:1px solid #ddd;min-width: 220px;}
div.product_horizon div.product {float:left;border:1px solid #ddd;margin:0.3%;min-width: 220px;}

.vm-product-descr-container h2 {height: 3.2em;margin-bottom: 0px}
.vm-product-descr-container-0 {height: 3.3em;margin-bottom: 0px}
.vm-product-descr-container-1 {height: 7.2em;margin-bottom: 0px}

/* Reset Bootstrap row class margin for VM views */
div[class*="-view"] .row{margin: 0;}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.vmLoadingDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../images/vm-preloader.gif')
    50% 45%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.vmLoading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.vmLoading .vmLoadingDiv {
    display: block;
}
.vmLoadingDiv .vmLoadingDivMsg {
    position: relative;
    top: 50%;
}
/* adjust to screen size */

div[class*="-view"] .row{display: flex; flex-wrap: wrap;justify-content: flex-start;}

@media all and (min-width: 1081px) {
  div.vm-col {width: 32%;}
}

@media all and (max-width: 1080px) {
  div.vm-col {width: 32%;}
}

@media all and (max-width: 980px) {
  div#nav {display: none;}
  div#contentarea {padding: 0;}
}

@media all and (max-width: 800px) {
  div#line {display: none;}
  div#nav {display: none;}
  div.vendor-store-desc {display: none;}
  div[class*="vm-col-"] {width: 49%;}
  .vm-col-3 {width: 49%;}
  h1#logo {margin-left: 0;}
}

@media (max-width: 480px){
	#header ul {text-align: center;}
  .row div[class*="width"]{width:49%;float: left;margin-bottom: 15px;}
  div.product {float:left; margin: auto;width: 49%;}
  div[class*="vm-col-"] {width: 100%;}
	.vm-product-container > div {width: 100%;float:none;margin-bottom: 15px;}
  .productdetails-view .spacer-buy-area {padding: 0;}
  .productdetails-view .addtocart-area, .productdetails-view .manufacturer, 
  .productdetails-view .addtocart-bar{text-align: center;}
}

@media all and (max-width: 400px) {
  .row div[class*="width"]{width:100%;float: none;margin-bottom: 15px;}
  #header ul {right: 0px;left: 0px;}
}

