/*-------------------------------------------------------- # BT Collection - Joomla! Template # ------------------------------------------------------- # For Joomla! 2.5 # Copyright (C) 2012 Bonusthemes.com. All Rights Reserved. # @license Copyrighted Commercial Software # Demo: http://www.bonusthemes.com/demo/?template=collection # Website: http://www.bonusthemes.com # Support: support@bonusthemes.com ------------------------------------------------------- */ /*-------------------------------------------------------- # VM DEFAULT # ------------------------------------------------------- */ .body-overlayed { overflow: visible !important; } .horizontal-separator { display: none; } .spacer { background: #FFF; margin: 1px; } img.medium-image { max-width: 290px; } .browse-view h1 { font-size: 26px; margin: 0 0 15px 0; padding: 15px 0; font-weight: bold; } .vmicon, .vmiconFE { background-image: url(../images/skin1/virtuemart/vm2-sprite.png); background-repeat: no-repeat; background-position: top left; } .vm2-shipto-icon { background-position: 0 -284px; height: 24px; margin-right: 6px; vertical-align: middle; width: 24px; } .vm2-billto-icon { background-position: 0 -138px; height: 24px; margin-right: 6px; vertical-align: middle; width: 24px; border: 0px; } .vm2-termsofservice-icon { background-position: 0 -1309px; height: 24px; margin-right: 6px; vertical-align: middle; width: 24px; display: inline-block; } .vm2-normalstock { background-position: 0 -1244px; width: 62px; height: 15px; display: block; } .vm2-nostock { background-position: 0 -1179px; width: 62px; height: 15px; display: block; } .ratingbox { position: relative; display: block; width: 120px; height: 24px; background: url(../images/skin1/virtuemart/color-stars.png) repeat-x scroll 0 bottom transparent; } fieldset { padding: 0; margin: 25px 0; border: none; } .orderlistcontainer div.activeOrder { background: white url(../images/skin1/virtuemart/arrow_down.png) no-repeat right 20%; border-radius: 0px; padding: 4px 24px 4px 12px; } .manufacturer, .manufacturer-details-view .email-weblink, .manufacturer-details-view .description { margin: 0; } .ask-a-question { margin: 15px 0; } /*button*/ span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, input.highlight-button, span.details-button input.details-button, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited, button.vm-button-correct, button.vm-button-correct:link, button.vm-button-correct:visited, .control-buttons button.vm-button-correct, .control-buttons button.default, .general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, a.product-details, a.details, div.details, button.default, a.notify, .buttonBar-right button.button { display: inline-block; padding: 0 10px; margin: 0; background-color: #0094D4; background-image: none; color: #FFF !important; text-align: center; border: none; border-radius: 0px; text-decoration: none; text-align: center; width: auto; height: 30px; line-height: 30px; letter-spacing: normal; font-size: 13px !important; font-weight: bold; } span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, input.highlight-button:hover, span.details-button input.details-button:hover, .vm-button-correct:hover, button.vm-button-correct:hover, .control-buttons button.vm-button-correct:hover, .control-buttons button.default:hover, .general-bg:hover, input.custom-attribute:hover, input.quantity-input:hover, .manufacturer-product-link a:hover, a.ask-a-question:hover, a.product-details:hover, a.details:hover, div.details:hover, button.default:hover, a.notify:hover, .buttonBar-right button.button:hover { font-size: 13px !important; background-color: #353535; background-image: none; color: #fff; } /*-------------------------------------------------------- # FRONT PAGE # ------------------------------------------------------- */ /*heading*/ .category-view h4, .featured-view h4, .latest-view h4, .topten-view h4, .recent-view h4 { padding: 10px 15px; margin: 0 0 15px 0; font-weight: bold; font-size: 16px; border: 1px solid #CCC; background: #FFF; } /*item*/ .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, .manufacturer-view-default .row .manufacturer .spacer { padding: 20px 10px; text-align: center; } /*title, img*/ .category-view .row .category .spacer h2 a, .manufacturer-view-default .row .manufacturer .spacer h2 a { font-size: 16px; margin: 0; font-weight: bold; text-align: center; } .category-view .row .category .spacer h2 a img, .manufacturer-view-default .row .manufacturer .spacer h2 a img { margin: 15px 0 0 0; max-width: none; } .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: 18px; margin: 0 0 20px 0; font-weight: bold; } .main-image img.product-image, .featured-view .spacer img, .latest-view .spacer img, .topten-view .spacer img, .recent-view .spacer img { margin: 0 0 10px 0; max-width: none; } /*hide prices in category and frontpage layout*/ .browse-view .product-price .PricevariantModification, .browse-view .product-price .PricebasePriceWithTax, .browse-view .product-price .PricediscountedPriceWithoutTax, .browse-view .product-price .PricepriceWithoutTax, .browse-view .product-price .PricediscountAmount, .browse-view .product-price .PricetaxAmount, .browse-view .product-price .PriceunitPrice, .featured-view .product-price .PricevariantModification, .featured-view .product-price .PricebasePriceWithTax, .featured-view .product-price .PricediscountedPriceWithoutTax, .featured-view .product-price .PricepriceWithoutTax, .featured-view .product-price .PricediscountAmount, .featured-view .product-price .PricetaxAmount, .featured-view .product-price .PriceunitPrice, .featured-view .product-price .PricevariantModification, .featured-view .product-price .PricebasePriceWithTax, .latest-view .product-price .PricediscountedPriceWithoutTax, .latest-view .product-price .PricepriceWithoutTax, .latest-view .product-price .PricediscountAmount, .latest-view .product-price .PricetaxAmount, .latest-view .product-price .PriceunitPrice, .latest-view .product-price .PricevariantModification, .latest-view .product-price .PricebasePriceWithTax, .topten-view .product-price .PricediscountedPriceWithoutTax, .topten-view .product-price .PricepriceWithoutTax, .topten-view .product-price .PricediscountAmount, .topten-view .product-price .PricetaxAmount, .topten-view .product-price .PriceunitPrice, .topten-view .product-price .PricevariantModification, .topten-view .product-price .PricebasePriceWithTax, .recent-view .product-price .PricediscountedPriceWithoutTax, .recent-view .product-price .PricepriceWithoutTax, .recent-view .product-price .PricediscountAmount, .recent-view .product-price .PricetaxAmount, .recent-view .product-price .PriceunitPrice, .recent-view .product-price .PricebasePriceWithTax { display: none !important; } /*display only sales price*/ .browse-view .product-price .PricesalesPrice, .featured-view .product-price .PricesalesPrice, .latest-view .product-price .PricesalesPrice, .topten-view .product-price .PricesalesPrice, .recent-view .product-price .PricesalesPrice { text-indent: -999em; } .browse-view .product-price .PricesalesPrice span.PricesalesPrice, .featured-view .product-price .PricesalesPrice span.PricesalesPrice, .latest-view .product-price .PricesalesPrice span.PricesalesPrice, .topten-view .product-price .PricesalesPrice span.PricesalesPrice, .recent-view .product-price .PricesalesPrice span.PricesalesPrice { text-indent: 0px !important; display: block; font-size: 30px; font-weight: bold; position: relative; top: -13px; } /*-------------------------------------------------------- # CATEGORY # ------------------------------------------------------- */ .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img { margin: 0 0 10px 0; } .browse-view .row .product .spacer h2, .browse-view .row .product p, .browse-view .row .product .product-price { padding: 0 0 0 25px; } .browse-view .row .product .product-price span.PricesalesPrice { color: #353535; font-weight: bold; font-size: 29px; } .browse-view .row .product .vmicon { margin: 10px auto; } .browse-view .vm-pagination { clear: both; padding: 20px 0 0 0; margin: 80px 0 0 0; overflow: hidden; border-top: 1px solid #E9E8E8; } .browse-view .orderlistcontainer .title { font-weight: bold; margin: 10px 0; } .browse-view .orderby-displaynumber .display-number { text-align: left !important; font-weight: bold; margin: 10px 0; } .browse-view .orderby-displaynumber .display-number select { margin: 8px 0 0 0; } /*-------------------------------------------------------- # PRODUCT DETAILS # ------------------------------------------------------- */ .productdetails-view { margin: 0 0 20px 0 } .productdetails-view .category-view { display: none; } /*next, prev icons*/ .product-neighbours a.next-page { background: url(../images/skin1/virtuemart/next_16x16.png) no-repeat right; padding-right: 30px; line-height: 20px; float: right; } .product-neighbours a.previous-page { background: url(../images/skin1/virtuemart/previous_16x16.png) no-repeat left; padding-left: 30px; line-height: 20px; float: left; } /*title*/ .productdetails-view h1 { font-size: 28px; margin: 0 0 15px 0; padding: 0; font-weight: bold; } .icons a { margin: 0 5px 0 0; } /*images*/ .productdetails-view .main-image { text-align: left; } .productdetails-view .main-image img { background-color: #E9E9E9; border: 1px solid #FFF; padding: 6px; } .productdetails-view .additional-images { margin: 10px 0 0 0; } .productdetails-view .additional-images img { margin: 0 5px 5px 0; background-color: #E9E9E9; border: 1px solid #FFF; padding: 3px; width: 90px; } .productdetails-view .additional-images img:hover { background-color: #0094D4; } /*add to cart*/ .productdetails-view .addtocart-bar { margin: 0; padding: 0; } span.quantity-box { float: left; width: auto; padding: 0; } span.quantity-controls input.quantity-plus { background-image: url(../images/skin1/virtuemart/quantity-controls.png); background-repeat: repeat-x; } span.quantity-controls input.quantity-minus { background-image: url(../images/skin1/virtuemart/quantity-controls.png); background-repeat: repeat-x; background-position: 15px 0; } input.quantity-input { background-color: white !important; background-image: none !important; padding: 7px 10px !important; color: #353535 !important; border: 1px solid #CCC !important; margin: 0 10px 0 0!important; text-decoration: none; text-align: center; border-radius: 0px !important; width: 25px; font-weight: bold; height: 20px !important; } span.quantity-controls { float: left; width: auto; padding: 0; margin: 0;} span.quantity-controls input.quantity-controls { padding: 0; margin: 0; display: block; height: 14px; border: none; width: 15px; } span.quantity-controls input.quantity-plus { margin: 2px 0 4px 0; } span.addtocart-button { float: left; margin: 5px 0 0 25px; } /*prices*/ .productdetails-view .product-price { margin: 25px 0 10px 0; } .productdetails-view .product-price .PricesalesPrice { text-indent: -999em; } .productdetails-view .product-price .PricesalesPrice span.PricesalesPrice { text-indent: 0px !important; display: block; font-size: 30px; font-weight: bold; position: relative; top: -10px; } .product-box { display: none; } /*other titles*/ .productdetails-view h4, .productdetails-view span.title { font-weight: bold; display: block; border-bottom: 1px solid #CCC; font-size: 22px; margin: 0 0 15px 0; padding: 0 0 5px 0; color: #353535; text-shadow:0px 1px 0px rgb(255,255,255); } /*desc*/ .productdetails-view .product-description, .product-fields { margin: 20px 0; } /*other*/ .availability { text-align: left; text-align: left; margin: 10px 0 5px 0; } /*related*/ .product-related-products, .product-related-categories { border: none; margin: 20px 0; clear: both; overflow: hidden; } .product-related-products .product-field, .product-related-categories .product-field { float: left; background: #FFF; margin: 1px; padding: 20px 0; display: block; width: 33%; text-align: center; } .product-related-products .product-field a, .product-related-categories .product-field a { font-size: 18px; margin: 0; font-weight: bold; display: block; text-align: center; } .product-field-display a img { margin: 0 0 15px 0; display: inline-block; } /*custom fields*/ .product-fields { clear: both; overflow: hidden; display: block; margin: 15px 0 25px 0; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0; } .product-fields .product-field { padding: 10px 0;} .product-fields .product-field .product-fields-title-wrapper { float: left } .product-fields .product-field span.product-fields-title { float: left; font-weight: bold; margin: 0 10px 0 0; } .product-fields .product-field span.hasTip { float: left; margin: 0 10px 0 0; } .product-fields .product-field span.product-field-display { float: left; margin: 0 10px 0 0; } .product-fields .product-field input[type="radio"] { left: 0; float: left; margin: 10px 5px 0 0;} .product-fields .product-field label.other-customfield { float: left; position: relative; top: 0; left: 0; margin: 7px 10px 0 0; text-align: left; width: 90%; cursor: default; } /*reviews*/ .write-reviews span.step { margin: 10px 0 5px 0; } textarea.virtuemart, input.vm-default { background: white !important; border: solid #CCC 1px !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #353535 !important; text-align: left; padding: 5px; } input.highlight-button { margin: 0 auto !important; } /*-------------------------------------------------------- # SHOPPING CART # ------------------------------------------------------- */ #com-form-login-remember { clear: both; width: 100%; margin: 10px 0 20px 0; } .cart-view .billto-shipto { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 20px 0; padding: 20px 0; } .cart-view fieldset { padding: 0; margin: 0; border: none; } .cart-view hr { display: none; } /*table*/ table.cart-summary { border-spacing: 1px; } table.cart-summary tbody { background: #D8D8D8; } table.cart-summary tr th { border: none; background: #F2F2F2; padding: 10px 0 20px 0; font-weight: bold; text-align: center; } table.cart-summary tr td { text-align: center; padding: 15px 5px; } /*img*/ span.cart-images img { margin: 0 auto 10px auto; width: 75px; display: block; float: none; } .product-field-type-B, .product-field-type-S, .product-field-type-I { float: none; } /*icons*/ table.cart-summary input.inputbox { width: 20px; display: block; float: left; margin: 0 0 0 15px; height: 18px; } table.cart-summary input[type="submit"].vmicon { background: url(../images/skin1/virtuemart/vm2-sprite.png) no-repeat top left; display: inline-block; width: 24px; height: 24px; line-height: 100%; padding: 0; margin: 3px 3px 0 0; border: none; cursor: pointer; } input[type="submit"].vm2-add_quantity_cart { background-position: 0 0; width: 24px; height: 24px; border: 0px; cursor: pointer; } .vm2-remove_from_cart { background-position: 0 -212px; border: 0 none; cursor: pointer; display: inline-block; height: 24px; vertical-align: bottom; width: 24px; } /*coupon*/ .cart-view input.coupon { font-size: 11px; background: white; border: 1px solid #CCC; border-radius: 0px; outline: none; height: 100%; margin: 0 5px 0 0; padding: 7px 10px; width: 150px; float: none; color: #353535; } span.details-button input.details-button { height: 30px; } /*payment, shipment*/ .vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost { padding: 0; font-weight: bold; } .vmpayment_description, .vmshipment_description { color: #353535; font-size: 12px; padding: 0; display: block; margin: 10px 0 0 0; } /*comments & checkout button*/ .customer-comment { text-align: left; border-top: solid #E9E8E8 1px; margin: 30px 0 0; padding: 20px 0 0 0; font-weight: bold; } textarea.customer-comment { border-radius: 0px; height: 100px; margin: 20px 0; padding: 6px; width: 98%; } .checkout-button-top { text-align: left; border-top: 1px solid #CCC; padding: 20px 0; margin: 10px 0 20px 0; } a.vm-button-correct { margin: 30px 0 60px 0 !important; float: right; } .checkout-button-top input.terms-of-service { margin: 0 10px 0 0; display: inline-block; overflow: hidden; } /*prices*/ .priceColor2 { color: #0094D4; } .cart-view .PricebillTotal { display: block; min-width: 90px; color: #0094D4; font-size: 20px; padding: 0 5px; } .cart-view .PricesalesPrice, .cart-view .PricesalesPriceShipment, .cart-view .PricesalesPricePayment { font-weight: bold; color: #0094D4; } /*-------------------------------------------------------- # BILLING & ADDRESS INFORMATION # ------------------------------------------------------- */ .display-number { text-align: left !important; margin: 0; } .control-buttons { text-align: left !important; margin: 25px 0; } .userfields_info { font-weight: bold; margin: 30px 0 15px 0; display: block; } table.user-details input.invalid, table.user-details input { background: #FFF; border-radius: 0px; font-weight: normal; color: #353535; padding: 5px; width: 200px; margin: 0; border: 1px solid #CCC; } table.user-details input.invalid { border: 1px solid #FF0000; } .user-details select, #userForm select, .width80 { width: 212px; padding: 5px; } .buttonBar-right { text-align: left;margin: 20px 0; } form.form-validate h1 { font-size: 15px; padding: 10px 0; margin: 10px 0 15px 0; } .checkoutStep { margin: 10px 0 0 0; text-align: right; font-weight: bold; padding: 0; } .vmpayment_cost, .vmshipment_cost { display: block; margin: 0 0 10px 0; } div#com-form-order-submit { padding: 10px 0 0 0; float: none; margin: 0; display: block; clear: both; } /*-------------------------------------------------------- # ORDERS # ------------------------------------------------------- */ div.order-view h1, form[name="com-login"] h2 { font-size: 14px; font-weight: bold; } form[name="com-login"] { margin: 15px 0 30px 0; padding: 20px 0 0 0; border-top: 1px solid #CCC; } label[for="remember"] { margin: 0 0 0 15px; } form#form-login { margin: 20px 0 30px 0; } form#form-login input.button { margin: 20px 0; } table.vmorder-done { margin: 10px 0 30px 0; } table.vmorder-done td { vertical-align: top} /*-------------------------------------------------------- # ACCOUNT MAINTENANCE # ------------------------------------------------------- */ #ui-tabs ul#tabs { padding: 0; margin: 0; border-bottom: 1px solid #CCC; height: 42px; } #ui-tabs .tabs { padding: 20px 0; } #ui-tabs ul#tabs li { display: inline-block; background: #FFF; color: #353535; font-weight: normal; height: 40px; padding: 0 12px; line-height: 40px; } #ui-tabs ul#tabs li.current { background: #CCC; color: #353535; font-weight: bold; } #ui-tabs table th { text-align: center; padding: 10px !important; color: #FFF; font-weight: bold; background: #999; } #ui-tabs table td { text-align: center; padding: 10px !important; } div#editcell { margin: 0 0 30px 0; } div#editcell table.adminlist { border: none; border-spacing: 1px; background: none; text-align: center; width: 100%; padding: 0; margin: 0; } div#editcell table.adminlist thead { color: #FFF; font-weight: bold; background: #999; } div#editcell table.adminlist thead th { padding: 10px; text-align: center; } div#editcell table.adminlist tbody { background: #D8D8D8; } div#editcell table.adminlist tbody td { padding: 10px; text-align: center; } /*ORDER (1)*/ div.spaceStyle { margin: 10px 0; padding: 0; } div.spaceStyle table { background: none; border: none; border-spacing: 1px; } div.spaceStyle tbody{ background: #D8D8D8; } div.spaceStyle td { text-align: center !important; padding: 10px; } div.spaceStyle td td { text-align: left !important } div.spaceStyle td.orders-key { color: #FFF; font-weight: bold; background: #999; } div.spaceStyle #ui-tabs { margin: 30px 0 0 0; } /*-------------------------------------------------------- # POPUP ADD TO CART # ------------------------------------------------------- */ #facebox { position: absolute; z-index: 65560; text-align: left; } #facebox .popup { position: relative; border: 4px solid #333; } #facebox .content { display:table; width: auto; background: #fff; margin: 0; padding: 0; } #facebox .content div a.continue { top: 7px; left: 10px; position: relative; } #facebox .content div a.floatright { padding: 7px 25px 0 0; float: right; text-align: right; } #facebox .content div div { padding: 10px; color: #353535; border-top: 1px solid #ccc; display: block; text-align: center; font-size: 13px; font-weight: bold; margin: 15px 10px 0 10px; padding: 15px 0 10px 0; } #facebox .content h4 { display: block; background: #333; position: relative; margin: 10px 0 0 0; padding: 15px 50px; bottom: 0; left: 0; right: 0; text-align: center; font-size: 20px; font-weight: normal; color: #fff; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child{ margin-bottom: 0; } #facebox .close { position:absolute; top:5px; right:5px; padding:2px; width:8px; height:8px; background:url(../images/skin1/virtuemart/closelabel.png) no-repeat #FFF; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { z-index: 65558; position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /*-------------------------------------------------------- # MANUFACTER # ------------------------------------------------------- */ .manufacturer-details-view h1 { margin: 20px 0 } .manufacturer-details-view .spacer { padding: 25px; } .manufacturer-description { padding: 15px 0; } /*-------------------------------------------------------- # VENDOR # ------------------------------------------------------- */ .vendor-details-view h1 { margin: 10px 0 0 0; font-weight: bold; font-size: 18px; } .vendor-details-view .vendor-image { margin: 15px 0; } .vendor-details-view h3 { margin: 20px 0; font-weight: bold; font-size: 14px; } .vendor-details-view form#askform label { margin: 5px 0; display: inline-block; } .vendor-details-view form#askform label input[type="text"] { margin-left: 10px; } .vendor-details-view form#askform label input[type="text"]#name { margin-left: 14px; } .vendor-details-view div.submit { margin: 20px 0; overflow: hidden; } .vendor-details-view div.submit input.highlight-button { text-align: left; float: left; } .vendor-details-view div.submit div { text-align: left !important; width: 100%; margin: 20px 0 0 0; } .vendor-details-view a { top: -25px; position: relative; } .vendor-details-view input#counter { margin-left: 14px; } /*-------------------------------------------------------- # 2.0.22c and later... # ------------------------------------------------------- */ .productdetails-view .main-image { margin-right: 25px; }