I have a descriptions typed out in the back end but they aren't showing. When I rename the vm.css file, it shows, but the styling is missing. Please let me know what is wrong with my css file..
- Code: Select all
/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/
#bottom-pagination div, #bottom-pagination ul { text-align: center!important }
#bottom-pagination ul li { display: inline }
.VmArrowdown {
cursor: pointer;
float: right;
height: 16px;
padding: 0 12px;
width: 16px
}
.additional-images {
margin: 16px 0;
overflow: hidden
}
.additional-images .product-thumb {
border: 1px solid #eee;
float: left;
line-height: 1.4;
margin: 0 6px 6px 0;
padding: 3px;
text-align: center;
white-space: normal;
width: 74px
}
.additional-images .product-thumb:hover {
border-color: #ddd;
cursor: pointer
}
.additional-images img {
width: 22%;
margin: 0 0 0 6px;
}
.additional-images img:first-child { margin: 0; }
.addtocart-area .product-fields { padding: 6px 0 12px }
.addtocart-area .product-fields > div { margin: 0 0 10px }
.ask-a-question a {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #222 !important;
display: block;
font-size: 12px;
font-weight: 600;
margin: 32px 0 16px;
padding: 16px 0;
}
.ask-a-question a:hover { color: #b06339 !important; }
body input.addtocart-button {
background: #d2332b !important;
border: none!important;
color: #fff!important;
}
body input.addtocart-button:hover {
background: #222 !important
}
input.addtocart-button {
border: none;
color: #fff !important;
font-weight: 600;
height: 52px;
min-width: 220px;
}
input.addtocart-button:hover { color: #fff !important }
.ask-a-question-view .form-field .submit { width: 418px }
.ask-a-question-view .form-field textarea.field {
border: solid #eee 1px;
color: #777;
padding: 12px;
text-align: left;
width: 394px
}
.ask-a-question-view .product-summary {
border-bottom: solid #eee 1px;
margin: 25px 0 0;
padding: 0 0 10px
}
.ask-a-question-view .product-summary .short-description { margin-top: 6px }
.ask-a-question-view .product-summary h2 {
font-size: 16px;
margin: 0;
padding: 0
}
.ask-a-question-view .product-summary img.product-image {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto
}
.ask-a-question-view h1 {
font-size: 18px;
margin: 0;
padding: 0
}
.ask-a-question-view input.counter, .ask-a-question-view input#email {
border: solid #ccc 1px;
color: #777;
display: inline-block;
margin: 0 0 0 10px;
padding: 5px 5px 4px
}
.ask-a-question-view, .manufacturer-details-view .spacer { padding: 30px }
.availability {
float: right;
margin: -19px 0 0 10px
}
.billto-shipto strong, span.custom-variant-inputbox input.custom-attribute:hover, input.vm-default:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.details:hover, div.details:hover, a.product-details:hover, .ask-a-question-view .form-field textarea.field:hover, .product-related-products > div a, .product-related-categories > div a, table.cart-summary a { color: #222 }
.category-view .category .category-overlay > span > span, .browse-view .product .product-overlay > span > span, .featured-view .product .product-overlay > span > span, .latest-view .product .product-overlay > span > span, .topten-view .product .product-overlay > span > span, .recent-view .product .product-overlay > span > span, .productDetails .main-image .product-overlay > span > span {
-moz-border-radius: 50%;
-moz-transition: all .3s ease-out;
-ms-border-radius: 50%;
-ms-transition: all .3s ease-out;
-o-border-radius: 50%;
-o-transition: all .3s ease-out;
-webkit-border-radius: 50%;
-webkit-transition: all .3s ease-out;
background: #b06339;
border-radius: 50%;
color: #fff;
display: block;
filter: alpha(opacity=0);
font-weight: 600;
height: 80px;
line-height: 80px;
margin: 100% auto 30%;
opacity: 0;
text-align: center;
transition: all .3s ease-out;
width: 80px
}
.category-view .category .category-overlay > span, .browse-view .product .product-overlay > span, .featured-view .product .product-overlay > span, .latest-view .product .product-overlay > span, .topten-view .product .product-overlay > span, .recent-view .product .product-overlay > span, .productDetails .main-image .product-overlay > span {
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
background: rgba(255,255,255,0);
display: block;
height: 100%;
overflow: hidden;
transition: all .3s ease-out;
width: 100%
}
.category-view .category .category-overlay, .browse-view .product .product-overlay, .featured-view .product .product-overlay, .latest-view .product .product-overlay, .topten-view .product .product-overlay, .recent-view .product .product-overlay, .productDetails .main-image .product-overlay {
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.browse-view .product .spacer, .productDetails .main-image {
overflow: hidden;
position: relative
}
.category-view .category.active .category-overlay > span > span, .browse-view .product.active .product-overlay > span > span, .featured-view .product.active .product-overlay > span > span, .latest-view .product.active .product-overlay > span > span, .topten-view .product.active .product-overlay > span > span, .recent-view .product.active .product-overlay > span > span, .productDetails .main-image.active .product-overlay > span > span {
filter: alpha(opacity=100);
margin-top: 30%;
opacity: 1;
}
.category-view .category.active .category-overlay > span, .browse-view .product.active .product-overlay > span, .featured-view .product.active .product-overlay > span, .latest-view .product.active .product-overlay > span, .topten-view .product.active .product-overlay > span, .recent-view .product.active .product-overlay > span, .productDetails .main-image.active .product-overlay > span { background: rgba(255,255,255,0.6) }
.category-view h4, .featured-view h4, .latest-view h4, .topten-view h4, .recent-view h4 {
border-bottom: 1px solid #E5E5E5;
color: #222;
font-size: 16px;
font-weight: 600;
margin-bottom: 32px;
padding: 0 0 12px;
}
.cart-summary .inputbox {
float: left;
padding-left: 9px;
padding-right: 9px;
text-align: center
}
.cart-summary .sectiontableentry1 fieldset {
clear: both;
}
.cart-summary div.PricesalesPrice {
background: none;
font-size: 100%;
margin: 0;
padding: 0
}
.cart-summary tbody tr td { padding: 5px 8px }
.cart-summary td hr, .terms-of-service .vm2-termsofservice-icon, #terms-of-service .vmicon.vm2-termsofservice-icon, .vmicon-16-editadd, table.cart-summary td br, #product-tabs-content > div, .productDetails .main-image > .product-overlay { display: none!important; }
.cart-view h2 {
font-size: 12px;
margin: 0;
padding: 0
}
.cart-view h3, #userForm h3, #paymentForm h3 {
font-size: 22px;
margin: 0 0 12px
}
.catProductDetails {
-moz-border-radius: 2px;
-moz-transition: background-color .12s ease-out;
-ms-border-radius: 2px;
-ms-transition: background-color .12s ease-out;
-o-border-radius: 2px;
-o-transition: background-color .12s ease-out;
-webkit-border-radius: 2px;
-webkit-transition: background-color .12s ease-out;
background: #eee;
border-radius: 2px;
border-shadow: 0 0 1px #fff;
color: #222;
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin: 0 0 12px;
min-height: 34px;
padding: 0 11px;
text-align: center;
text-transform: uppercase;
transition: background-color .12s ease-out
}
.catProductPrice {
color: #b06339;
font-size: 14px;
font-weight: 600;
}
.catProductPrice .PricediscountAmount, .catProductPrice .PricetaxAmount {
color: #aaa;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.8;
text-transform: uppercase
}
.catProductPrice div.PricesalesPrice {
font-size: inherit;
line-height: 1.4;
margin: 0;
padding: 0
}
.category-view .category { position: relative; }
.category-view .row .category .spacer h2 a {
color: #222;
display: block;
}
.category-view .row .category .spacer h2 a img {
height: auto;
margin-top: 6px;
max-width: 100%
}
.category-view .row .category .spacer h2 a:hover, .product-related-products > div a:hover, .product-related-categories > div a:hover, table.cart-summary a:hover { color: #b06339 }
.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer, .manufacturer-view-default .row .manufacturer .spacer, .recent-view .spacer {
-webkit-transition: border .3s ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: border .3s ease-out;
-o-transition: border .3s ease-out;
transition: border .3s ease-out;
}
.category-view .row .category .readon, .featured-view a.readon, .latest-view a.readon, .topten-view a.readon, .related-products-view a.readon, .browse-view .row .product a.readon, .manufacturer-view-default .row .manufacturer a.readon, .recent-view a.readon {
display: inline-block;
float: none;
margin-top: 12px;
}
.checkout-button-top input.terms-of-service {
float: left;
margin-right: 10px
}
.clear, br.clear, #product-tabs-content { clear: both }
.clr {
clear: both;
overflow: hidden
}
#facebox .popup { overflow: hidden!important }
#facebox .popup > div {
display: block!important;
padding: 20px!important;
width: auto!important
}
#facebox .popup > div > div {
padding: 0 30px 50px 10px !important;
position: relative;
text-align: center
}
#facebox .popup > div > div > a {
background: #b06339;
bottom: 5px;
color: #fff;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: 400;
padding: 8px 12px;
position: absolute;
right: 10px;
text-align: center;
text-transform: uppercase
}
#facebox .popup > div > div > a.continue {
left: 10px;
right: auto;
background: #222
}
#facebox .popup > div > div > a:hover, .productDetails .main-image .product-overlay > span > span, #facebox .popup > div > div > a.continue:hover { background: #222!important; }
#facebox .popup > div > div > h4 {
border-bottom: 1px solid #eee;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
min-width: 400px;
padding: 12px 0 20px
}
#fancybox-wrap { z-index: 9999999 }
#product-tabs {
margin: 20px 0 -1px;
overflow: hidden
}
#product-tabs li {
border: 1px solid #fff;
border-bottom-color: #eee;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: 400;
padding: 10px 20px 6px;
text-transform: uppercase
}
#product-tabs li.active {
background: none;
border: 1px solid #eee;
border-bottom-color: #fff;
color: #222;
font-weight: 600
}
#product-tabs-content {
border: 1px solid #eee;
padding: 20px
}
#product-tabs-content h3 {
font-size: 14px;
font-weight: 600;
padding: 16px 0 0;
text-transform: uppercase
}
#product-tabs-content dl { margin: 24px 0 }
#product-tabs-content dt {
color: #222;
font-weight: 600;
margin: 0 0 6px
}
#product-tabs-content dd {
margin: 0 0 0 6px;
padding: 2px 0 2px 20px !important
}
#product-tabs-content dd:before { top: 8px !important }
#ui-tabs { margin-bottom: 20px }
#ui-tabs .dyn-tabs {
display: none;
overflow: auto
}
#ui-tabs h4 {
color: #b06339;
font-size: 16px;
margin: 20px 0
}
#ui-tabs ul#tabs {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
margin: 30px 0;
width: 100%;
}
#ui-tabs ul#tabs::after {
clear: both;
content: "";
display: table;
}
#ui-tabs ul#tabs li {
background: #f8f8f8;
border: 1px solid #f8f8f8!important;
border-bottom-color: #e5e5e5!important;
color: #222;
cursor: pointer;
display: block;
float: left;
font-size: 13px;
font-weight: 600;
list-style-type: none;
padding: 5px 15px!important;
position: relative;
text-transform: uppercase;
top: 1px;
}
#ui-tabs ul#tabs li.current {
background: none;
border: 1px solid #e5e5e5!important;
border-bottom-color: #fff!important;
color: #b06339;
font-weight: 700;
}
#ui-tabs ul#tabs li:hover { color: #b06339; }
fieldset .userfields_info {
clear: both;
display: block;
padding: 10px 0;
}
#userForm select, .width80 { width: 80% }
.control-buttons { overflow: hidden }
.control-buttons + fieldset { margin-top: 32px }
.control-buttons + fieldset span {
background: none;
height: inherit
}
.control-buttons > div {
border-top: 1px solid #eee;
font-size: 12px;
margin: 40px 0 20px;
padding: 16px 0 0
}
.coupon {
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #eee;
border-radius: 4px;
color: gray;
font-size: 9px;
padding: 3px
}
.customer-comment, .featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .output-billto, .output-shipto { margin: 10px 0 }
.customer-reviews, .ask-a-question-view .form-field, .product-related-products, .product-related-categories { margin: 25px 0 0 }
.display-number { text-align: right }
.display-number select { margin: 1px 0 12px 12px }
.featured-view .spacer .catProductPrice + a img, .latest-view .spacer .catProductPrice + a img, .topten-view .spacer .catProductPrice + a img, .featured-view .spacer .catProductPrice + a + a img, .latest-view .spacer .catProductPrice + a + a img, .topten-view .spacer .catProductPrice + a + a img { margin-top: 16px }
.featured-view .spacer h3 a, .latest-view .spacer h3 a, .topten-view .spacer h3 a, .related-products-view .spacer h3 a, .browse-view .row .product .spacer h2 a, h3.catProductTitle a { color: #222 !important }
.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2, .category-view .row .category .spacer h2, h3.catProductTitle {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
padding: 20px 0 0;
text-transform: uppercase;
}
.featured-view h4, .latest-view h4, .topten-view h4, .related-products-view h4, h2.catSub, .category-view h4 {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 32px;
padding: 0 0 12px;
font-size: 16px;
color: #222;
font-weight: 600
}
.browse-view h1 { margin-bottom: 12px;}
.floatright, span.floatright, .floatleft, span.floatleft { float: right }
.formLogin {
background: #f9f9f9;
margin: 0 0 24px;
padding: 20px
}
.formLogin h3 { font-size: 18px }
.formLoginWrap a {
font-size: 13px;
margin-right: 12px
}
.formLoginWrap input, .trackMyOrder div {
float: left;
margin: 0 24px 12px 0
}
.general-bg, input.vm-default, a.product-details, a.details, div.details {
color: #b06339;
cursor: pointer;
text-align: center
}
.vmGkCartProducts > div {
border-bottom: 1px solid #eee;
clear: both;
color: #999;
overflow: hidden;
padding: 16px 0;
}
.vmGkCartProducts img {
float: left;
height: 70px;
width: 70px;
}
.vmGkCartProducts > div > div { margin-left: 122px }
.vmGkCartProducts h3 { font-size: 14px; margin: 0;}
.vmGkCartProducts h3 a { color: #222;}
.vmGkCartProducts h3 a:hover { color: #B06339}
.vmGkCartProducts h3 span {
color: #999;
font-weight: 300;
padding: 0 8px 0 0
}
.vmGkCartProducts .gkPrice {
color: #d2332b;
font-size: 16px;
font-style: italic;
font-weight: 400
}
.gkTotal {
color: #d2332b;
font-size: 48px;
font-weight: 400;
line-height: 1;
margin: 0 0 0 122px
}
.list-reviews .highlight {
background: #fafafa;
margin: 20px 0;
padding: 20px
}
.list-reviews .normal { padding: 12px }
.list-reviews .normal:first-child { padding-top: 0 }
.list-reviews .normal h3 { padding: 0!important; }
.list-reviews p { margin: 1.5em 0 .6em }
.list-reviews span.date {
color: #888;
display: block;
font-size: 10px;
margin: 0 0 4px
}
.main-image img.product-image, .featured-view .spacer img, .latest-view .spacer img, .topten-view .spacer img {
height: auto;
max-width: 100%;
width: auto
}
.manufacturer h3.catProductTitle { text-align: center; }
.manufacturer-details-view .spacer {
padding-left: 0;
padding-right: 0;
}
.manufacturer-details-view .spacer > div { padding: 10px 0; }
.manufacturer-details-view .email-weblink a { margin-right: 15px }
.manufacturer-details-view img {
background: #fff;
border: 1px solid #efefef;
float: right;
margin: 0 0 10px 20px;
padding: 8px;
}
.orderby-displaynumber {
border-bottom: 1px solid #e5e5e5;
font-size: 11px;
font-weight: 600;
margin: 0 0 32px;
text-transform: uppercase;
}
.orderby-displaynumber::after {
clear: both;
content: "";
display: table
}
.orderlistcontainer { position: relative }
.orderlistcontainer a:hover, .featured-view .spacer h3 a:hover, .latest-view .spacer h3 a:hover, .topten-view .spacer h3 a:hover, .related-products-view .spacer h3 a:hover, .browse-view .row .product .spacer h2 a:hover, h3.catProductTitle a:hover { color: #b06339!important }
.orderlistcontainer div.activeOrder {
cursor: pointer;
float: left;
line-height: 46px;
margin: 0 24px 0 8px
}
.orderlistcontainer div.orderlist {
background: #fff;
border: 1px solid #eee;
cursor: pointer;
display: none;
font-size: 14px;
font-weight: 400;
left: 46px;
padding: 4px 12px;
position: absolute;
text-transform: none;
top: 32px;
z-index: 2
}
.orderlistcontainer div.orderlist div {
border-top: 1px solid #eee;
font-size: 13px;
line-height: 1.4;
padding: 8px 12px
}
.orderlistcontainer div.orderlist div:first-child { border: none }
.orderlistcontainer div.title {
float: left;
line-height: 46px;
width: 50px
}
.output-billto span.titles, .output-shipto span.titles {
float: left;
width: 150px
}
.output-billto span.values, .output-shipto span.values { padding-right: 5px }
.output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft { 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
}
.gkShowCart a { float: none !important; margin: 32px 0 0}
.output-shipto {
color: #999;
font-size: 11px;
line-height: 1.4
}
.page-results {
margin-top: 25px;
text-align: right
}
.product-additional-info {
font-size: 13px;
margin: 0 0 66px
}
.product-field-type-P .product-fields-title { font-size: 120% }
.product-fields .product-field-type-P {
border-bottom: 1px solid #eee;
clear: both;
margin-top: 18px
}
.product-neighbours {
color: #777;
margin: 0 0 15px
}
.product-neighbours a.next-page {
float: right;
line-height: 20px;
padding-right: 30px
}
.product-neighbours a.previous-page {
float: left;
line-height: 20px;
padding-left: 30px
}
.productDetailInfo {
border-bottom: 1px solid #E5E5E5;
font-size: 13px;
margin: 0 0 32px;
padding: 0 0 12px;
}
.productDetailInfo dt {
clear: both;
color: #222;
font-weight: 600;
margin: 0 6px 0 0;
float: left
}
.product-price {
color: #bbb;
font-size: 11px;
line-height: 1.6em;
}
.product-price > strong {
color: #222;
display: block;
margin: 0 0 15px
}
.product-related-products > div, .product-related-categories > div {
display: inline-block;
font-size: 12px;
font-weight: 600;
margin: 12px 0;
padding: 0 24px;
text-align: center;
text-transform: uppercase;
width: 120px;
}
.product.vertical-separator { padding-bottom: 72px!important }
.productDetails { margin: 40px 0 }
.productDetails .main-image a {
display: block;
position: relative
}
.productDetails .main-image img, #product-tabs-content > div.active { display: block!important; }
.product_s_desc p {
line-height: 1.4;
margin-bottom: 6px;
padding: 0
}
.productdetails-view .addtocart-bar, .write-reviews, ul#tabs { margin: 20px 0 0 }
.productdetails-view .product-description, .product-fields { margin: 15px 0 }
.productdetails-view h1 {
line-height: 1.1;
margin: 0 0 6px
}
.product-related-products, .product-related-categories {
border: 1px solid #eee;
padding: 20px;
}
.productdetails-view .product-related-products img, .productdetails-view .product-related-categories img { margin-bottom: 12px }
.productdetails-view .product-related-products a, .productdetails-view .product-related-categories a { color: #222 !important }
.productdetails-view .product-related-products a:hover, .productdetails-view .product-related-categories a:hover { color: #b06339 !important }
.right, #bottom-pagination .counter { text-align: right!important }
.row {
display: table;
width: 100%
}
.row .product.width50, .row .product.width33, .row .product.width25, .row .product.width20 { padding: 0 }
.row > div {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left!important;
text-align: center
}
.stockLavel {
font-size: 13px;
padding: 16px 0
}
.terms-of-service h5 {
background: #fffef4;
font-size: 14px;
padding: 15px;
text-align: center
}
.terms-of-service h5 a, .terms-of-service h5 a:visited {
color: #b06339;
text-transform: uppercase
}
.trackMyOrder h4 { margin: 0 0 32px }
.trackMyOrder div {
float: left;
margin: 12px 24px 0 0
}
.trackMyOrder div input[type="submit"] { margin-top: 26px }
.userfields_info {
color: #222;
font-size: 16px
}
.vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .related-products-view, .browse-view, .order-view { margin-bottom: 32px }
.product { position: relative; }
.category > div > a,
.product > div > div > a {
display: inline-block;
overflow: hidden;
}
.category > div > a > img,
.product > div > div > a > img {
display: block;
-webkit-transform: scale(1) rotateZ(0);
-moz-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
-o-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.category > div > a:hover > img,
.product > div > div > a:hover > img {
-webkit-transform: scale(1.2) rotateZ(-5deg);
-moz-transform: scale(1.2) rotateZ(-5deg);
-ms-transform: scale(1.2) rotateZ(-5deg);
-o-transform: scale(1.2) rotateZ(-5deg);
transform: scale(1.2) rotateZ(-5deg);
}
#checkoutFormSubmit.vm-button,
.vm-button-correct,
.vm-button-correct:link,
.vm-button-correct:visited {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
background: #222;
border: 0;
border-radius: 2px;
color: #fff!important;
cursor: pointer;
font-size: 12px;
font-weight: 400;
padding: 8px 10px;
height: auto;
line-height: 19px;
text-align: center;
text-transform: uppercase
}
.vm-button-correct:hover, .catProductDetails:hover {
background: #b06339;
color: #fff
}
.vm-customfield-mod img, .vm-customfield-cart img {
vertical-align: middle;
width: 16px
}
.vmicon, .vmiconFE {
background: url(../images/vm/vm2-sprite.png) no-repeat 0 0;
display: block;
height: 10px;
width: 53px
}
.vm-img-desc {
color: #222;
display: block;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase
}
.vm2-arrow_down {
background-position: 0 -72px;
height: 16px;
width: 16px
}
.vm2-billto-icon {
background-position: 0 -138px;
border: 0;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-lowstock { background-position: 0 -213px }
.vm2-normalstock, .vm2-nostock, .vm2-lowstock {
background-position: 0 -208px;
display: block;
height: 2px;
margin: 0 auto;
width: 53px
}
.vm2-nostock { background-position: 0 -218px }
.vm2-remove_from_cart {
background: url(../images/vm/vm2-sprite.png) no-repeat 100% -64px!important;
cursor: pointer;
display: block;
float: right;
height: 24px!important;
width: 15px!important
}
.vm2-shipto-icon {
background-position: 0 -284px;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-stars0, .vm2-stars_0 { background-position: 0 -50px }
.vm2-stars1, .vm2-stars_1 { background-position: 0 -40px }
.vm2-stars2, .vm2-stars_2 { background-position: 0 -30px }
.vm2-stars3, .vm2-stars_3 { background-position: 0 -20px }
.vm2-stars4, .vm2-stars_4 { background-position: 0 -10px }
.vm2-termsofservice-icon {
display: inline-block;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-warning {
height: 40px;
width: 50px
}
.vmGkCartProducts { padding: 12px 0 24px }
.vmlogout {
margin: 12px 0;
text-align: right
}
.vmlogout input {
float: right;
margin-left: 12px
}
.vmpayment_cardinfo {
color: gray;
font-size: 9px
}
.vmpayment_description, .vmshipment_description {
color: #999;
display: block;
font-size: 12px;
font-weight: 300;
padding: 0 2px
}
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost { padding: 0 2px }
.vmquote { font-size: smaller }
/* VM Popup Module Cart */
.vmCartModule dl + dl {
border-top: 1px solid #333;
margin: 32px 0 0;
padding: 12px 0 0;
}
.vmCartModule dl dt {
clear: both;
float: left;
}
.vmCartModule dl dd { text-align: right; }
.vmCartModule dl dt a { color: #eee }
.vmCartModule dl dt a:hover { color: #b06339 }
.vmCartModule dd strong {
color: #b06339;
font-size: 20px
}
.width1 { width: 1% }
.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% }
.width2 { width: 2% }
.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% }
.width3 { width: 3% }
.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% }
.width4 { width: 4% }
.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% }
.width5 { width: 5% }
.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% }
.width6 { width: 6% }
.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% }
.width7 { width: 7% }
.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% }
.width8 { width: 8% }
.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% }
.width9 { width: 9% }
.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% }
.write-reviews h4 {
border-bottom: 1px solid #eee;
margin: 0 0 36px;
padding: 0 0 12px
}
.write-reviews h4 span {
font-size: 14px;
font-weight: 400;
margin-left: 8px
}
.write-reviews span.step {
color: #222;
display: inline-block;
font-weight: 400;
margin: 0 0 8px
}
.write-reviews textarea.virtuemart {
display: inline-block;
margin-bottom: 6px
}
.write-reviews ul.rating {
margin: 6px 0 20px;
padding: 0
}
.write-reviews ul.rating li {
display: inline-block;
list-style: none;
padding: 0 5px;
text-align: center
}
.write-reviews ul.rating li span, .product-field-display a img, .trackMyOrder label, table.cart-summary td > img + br, #product-tabs-content > div:first-child { display: block }
a.highlight, a.highlight:visited {
background-position: 0 -160px;
border: solid #00a000 1px;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 3px 8px 1px;
text-decoration: none
}
a.product-details, a.details, div.details { display: inline-block }
div.PricesalesPrice {
background: #f5f5f5;
color: #222;
font-size: 18px;
font-weight: 300;
margin: 0 0 16px;
padding: 22px 32px;
}
div.terms-of-service, table.generalUserInfo, table.user-details { margin: 24px 0 }
h2.catSub {
border: none;
margin: 0 0 12px
}
input.addtoCart:hover { background: #b06339 }
input.custom-attribute { width: 140px }
input.highlight-button {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 12px;
text-align: center;
text-decoration: none
}
input.quantity-input {
padding: 6px 8px !important;
width: 32px;
}
input.vm-default { margin-bottom: 2px }
input.vm2-add_quantity_cart, input.vm2-add_quantity_cart:hover {
background: url(../images/vm/vm2-sprite.png) no-repeat 10px -64px!important;
border: none;
margin: 0;
padding: 15px;
width: 15px;
border: 0!important;
}
label.product-fields-title {
color: #222;
display: inline-block;
min-width: 15%
}
label.quantity_box {
line-height: 32px;
margin-right: 12px
}
.quantity_box_wrap {
display: block;
margin: 0 0 20px
}
select#virtuemart_currency_id {
margin: 0 0 12px;
width: 100%
}
.product-price span.PricesalesPrice {
color: #D2332B;
font-size: 48px;
font-weight: 400;
margin: 20px 0 0 12px
}
span.bold {
color: #222;
font-weight: 500
}
span.custom-variant-inputbox {
display: block;
float: left;
margin-bottom: 5px;
width: 152px
}
span.details-button { margin: 0 0 0 10px }
span.details-button input.details-button {
border: 1px solid #eee;
color: #135CAE;
cursor: pointer;
padding: 3px 8px 1px;
text-align: center
}
span.manufacturer { margin: 0 0 0 16px }
span.quantity-box {
font-weight: 700;
margin: 0 10px 0 0
}
span.stock-level {
color: #999;
font-size: 10px
}
span.terms-of-service {
display: inline-block;
font-size: 12px;
margin-right: 10px
}
span.title, h4.title {
display: block;
font-size: 14px;
font-weight: 600;
padding: 8px 0 0;
text-transform: uppercase;
}
}
span.tos {
display: inline-block;
margin-right: 15px
}
span.variant-dropdown {
display: block;
float: left;
margin-bottom: 5px;
width: 150px
}
span.variant-dropdown select { width: 150px }
span.variant-name, span.custom-variant-name {
display: block;
float: left;
margin-bottom: 5px;
width: 100px
}
table.cart-summary td {
font-size: 15px;
vertical-align: middle
}
table.ordersList, .product-field-type-B, .product-field-type-S, .product-field-type-I, .addtocart-area .product-fields select { width: auto }
.width100 { width: 100% }
table.shopperInformation td, table.generalUserInfo td, table.user-details td {
border: none;
padding: 3px 24px 3px 0
}
table.shopperInformation tr:hover, table.generalUserInfo tr:hover, table.user-details tr:hover { background: none }
table.user-details input {
color: #777;
margin-bottom: 2px;
padding: 5px 5px 4px
}
td.orders-key {
font-weight: 700;
text-align: left
}
textarea.virtuemart {
color: #777;
padding: 5px 5px 4px;
text-align: left
}
.buttonBar-right {
margin: 0 0 20px 0;
overflow: hidden;
width: 100%;
}
#com-form-login, .billto-shipto, .trackMyOrder form[name="com-login"] {
border: 1px solid #e5e5e5;
margin: 32px 0;
padding: 24px;
overflow: hidden
}
#form-login.vmlogout {
line-height: 37px;
}
#com-form-login h4 {
border-bottom: 1px solid #eee;
font-size: 12px;
font-weight: bold;
margin: 0 0 32px;
padding: 0 0 16px;
}
.billto-shipto strong { font-size: 12px; }
#com-form-login a, .billto-shipto a { color: #222 !important }
#com-form-login a:hover, .billto-shipto a:hover { color: #b06339 !important }
.vendor-details-view address {
font-style: normal;
margin: 30px 0;
}
.vendor-details-view .vendor-image {
float: right;
margin: 30px 0 30px 30px;
}
.vendor-details-view textarea { width: 100%; }
.vendor-details-view p { margin: 20px 0; }
.vendor-view-default .manufacturer {
padding: 20px 0;
width: 100%;
}
.vendor-view-default .manufacturer h4 small {
color: #777;
display: block;
font-size: 14px;
line-height: 1.8;
}
.vendor-details-view h1 { margin: 0 0 30px 0; }
.vendor-details-view h1 small {
color: #777;
display: block;
font-size: 18px;
line-height: 1.8;
}
/* Category module */
.VMmenu li {
border: none;
padding: 3px 0
}
#paymentForm > div {
margin: 10px 0 15px;
}
/* VM3 adjustments */
.productdetails-view .productDetails > div {
float: right;
width: 48%;
}
.productdetails-view .productDetails > div:first-child {
float: left;
}
.productdetails-view .productDetails:after {
clear: both;
content: "";
display: table;
}
.quantity-controls.js-recalculate {
display: none;
}
#product-tabs-content:after {
clear: both;
content: "";
display: table;
}
.product-additional-info .ratingbox {
margin: 0 16px 0 0;
}
.product-additional-info span.manufacturer {
margin: 0;
}
#reviewform label {
cursor: pointer;
}
.customer-greetings {
padding: 0 12px 32px 12px;
}
#facebox .popup > div > div > a:first-child {
left: 10px;
right: auto;
}
h2.catSub {
margin: 0 0 24px;
}
.browse-view div.PricesalesPrice {
background: transparent;
}
.vm-cart-header-container .vm-continue-shopping {
text-align: right;
}
.vm2-billto-icon,
.vm2-shipto-icon {
display: none;
}
.cart-summary h3 {
font-size: 14px;
}
.cart-summary .vm2-remove_from_cart {
border: none;
padding: 0;
}
#customer_note_field {
clear: both;
display: block;
margin: 10px 0 30px 0;
}
.cart-summary th {
font-size: 13px;
}
#userForm h2 {
font-size: 24px;
margin: 20px 0;
}
#userForm .control-buttons {
margin: 20px 0;
}
#virtuemart_shoppergroup_id {
height: auto;
}
script[id^="vm"] + h2 {
margin: 20px 0;
}
.output-shipto > input[type="checkbox"] {
float: left;
margin: 0 10px 0 0;
position: relative;
top: -6px;
}
#userForm h1,
#paymentForm h1 {
font-size: 24px;
margin: 0 0 20px 0;
}
#userForm .buttonBar-right button,
#paymentForm .buttonBar-right button {
background: #333;
border: none;
color: #fff!important;
}
.cart-summary h1 {
font-size: 11px;
}
.post_payment_payment_name {
margin: 10px 0 0 0;
}
.post_payment_order_total {
margin: 0 0 20px 0;
}
/* Custom fields fix */
.addtocart-area .product-fields .hasTip {
display: none;
}
.addtocart-area .product-fields .hasTip {
display: none;
}
.addtocart-area .product-fields .product-field-desc {
font-size: 12px;
padding: 5px 0;
}