/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: 'lucida_sansregular'; src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsans-webfont.eot'); src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsans-webfont.woff') format('woff'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsans-webfont.ttf') format('truetype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsans-webfont.svg#lucida_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lucida_sansdemibold_roman'; src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsansd-webfont.eot'); src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsansd-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsansd-webfont.woff') format('woff'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsansd-webfont.ttf') format('truetype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/lsansd-webfont.svg#lucida_sansdemibold_roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arimobold'; src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/arimo-bold-latin_1-webfont.eot'); src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/arimo-bold-latin_1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/arimo-bold-latin_1-webfont.woff') format('woff'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/arimo-bold-latin_1-webfont.ttf') format('truetype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/arimo-bold-latin_1-webfont.svg#arimobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zurich_condensedbold'; src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-boldcondensed-webfont-webfont.eot'); src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-boldcondensed-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-boldcondensed-webfont-webfont.woff') format('woff'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-boldcondensed-webfont-webfont.ttf') format('truetype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-boldcondensed-webfont-webfont.svg#zurich_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zurich_condensedregular'; src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-romancondensed-webfont.eot'); src: url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-romancondensed-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-romancondensed-webfont.woff') format('woff'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-romancondensed-webfont.ttf') format('truetype'), url('https://www.versaline.com.au/skin/frontend/versaline/default/fonts/zurichbt-romancondensed-webfont.svg#zurich_condensedregular') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; } html { font-size: 15px; /* Fix for Opera */ } body { font-size: 15px; font-family: 'lucida_sansregular'; line-height: 21px; background-color: #fff; color: #333; text-align: center; } #root-wrapper { font-size: 14px; line-height: 21px; } img { border: 0; vertical-align: top; max-width: 100%; } a { color: #888; text-decoration: none; } a:hover { text-decoration: none; color: #ca0413; } :focus { outline: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: normal; } h1 { font-size: 2.6666em; line-height: 1.25em; /*32px, 40px*/ } h2 { font-size: 2em; line-height: 1.25em; /*24px, 30px*/ } h3 { font-size: 1.6666em; line-height: 1.2em; /*20px, 24px*/ } h4 { font-size: 1.3333em; line-height: 1.25em /*16px, 20px*/ } h5 { font-size: 1.1666em; line-height: 1.1428em; /*14px, 16px*/ } h6 { font-size: 1em; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold; } address { font-style: normal; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } sup { font-size: 1em; vertical-align: top; } /* Lists */ ul, ol { list-style: none; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; min-height: 147px; position: relative; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .wrapper { } .page { text-align: left; background-repeat: repeat; background-position: center top; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; background: #fff; } .main-container { background-repeat: repeat; background-position: center top; } .main { padding: 0; } body.catalog-product-view .main { padding: 0 } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top: 20px; padding-bottom: 20px; } /* Base Columns */ .col-left { float: left; } .col-main { float: left; } .col-right { float: right; } /* 1 Column Layout */ .col1-layout .col-main { } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float: left; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ body .container { width: 1175px; } .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ input, select, textarea, button { font: 12px/15px Arial, Helvetica, sans-serif; vertical-align: middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance: none; } input.input-text, select, textarea { background: #fff; border: 1px solid #ddd; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } input.input-text, textarea { padding: 7px 2px; } select { padding: 6px 6px 6px 2px; } select option { padding-right: 10px; } select.multiselect option { border-bottom: 1px solid #e5e5e5; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; } input.radio { margin-right: 3px; margin-bottom: 5px; } input.checkbox { margin-right: 3px; } input.qty { width: 2.5em !important; } input.input-text:hover, select:hover, textarea:hover { border-color: #999; } input.input-text:focus, select:focus, textarea:focus { border-color: #000; outline: none;/*-moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);*/ } input.input-text:disabled, select:disabled, textarea:disabled { } /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit: lines; /* <- Safari & Google Chrome Fix */ overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button span { float: left; display: block; padding: 0; font-size: 12px; text-align: center; white-space: nowrap; background-color: #ddd; color: #333; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color: #333; color: #fff; } button.button span span { padding: 0 10px; height: 36px; line-height: 36px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ /*.product-view .btn-cart span, button.btn-checkout span {}*/ .product-view .btn-cart span span, button.btn-checkout span span { /*14px*/ } /* Add to cart only */ .product-view .btn-cart span span { padding: 5px 40px; } /* Add to cart - all */ /*button.button.btn-cart span {} button.button.btn-cart:hover span {}*/ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin: 0 0 8px; } .form-list label { float: left; font-weight: bold; position: relative; z-index: 0; margin: 0 0 2px 0; } .form-list #payment_form_ewayau_direct label { float: none; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display: block; clear: both; } .form-list .field { float: left; width: 275px; margin-bottom: 5px; } .form-list input.input-text { width: 254px; } .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 260px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top: 1px solid #e5e5e5; margin-top: 10px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 70px; } .form-list .name-middlename input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form ul li { margin: 0 0 5px; height: 30px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 10px 0; } .buttons-set button.button { float: right; margin-left: 5px; margin-bottom: 5px; } .buttons-set p.required { margin: 0 0 5px; } .buttons-set .back-link { float: left; margin-bottom: 5px; } .buttons-set .back-link a { display: block; line-height: 36px; /* Icon size */ } .buttons-set .back-link small { display: inline-block; margin-right: 5px; width: 36px; height: 36px; text-indent: -9999px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position: -107px -107px; } .buttons-set .back-link:hover small { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position: -107px -157px; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { border-top: 1px solid #e5e5e5; margin: 30px 0 22px; padding: 30px 30px 10px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { background-color: #fff; float: left; margin: -47px 0 0 -10px; padding: 5px 10px !important; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear: both; font-size: 0.9166em; line-height: 1em; color: #ee001c; margin-top: 5px; } .validation-failed { border: 1px solid #ee001c !important; background: #fff !important; } .validation-passed { } /* Required */ p.required { font-size: 0.8333em; /*10px*/ text-align: right; } p.required, .product-options dt label.required em, .form-list label.required em { color: ##606060; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color: #3d6611; font-weight: bold; } .error { color: #ee001c; font-weight: bold; } .notice { color: #ccc; } .messages, .messages ul { list-style: none !important; margin: 0; padding: 0; } .messages { overflow: hidden; margin: 0 0 10px; } .messages li { margin: 0 0 1%; } .messages li li { margin: 0; } .messages a { text-decoration: underline; } .catalog-category-view .messages { margin-top: 15px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 25px center !important; background-repeat: no-repeat !important; padding: 25px 25px 25px 80px !important; font-size: 12px !important; } .error-msg { border-color: #c02230; background-color: #F5DAD3; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_msg-error.png); color: #c02230; } .success-msg { border-color: #296a23; background-color: #e9ffca; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_msg-success.png); color: #296a23; } .note-msg, .notice-msg { border-color: #7c622a; background-color: #FDEDA4; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_msg-note.png); color: #7c622a; } .note-msg.empty-catalog { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color: inherit; min-height: 70px; padding: 40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { padding: 9px 0; } /* Breadcrumbs on product page */ .breadcrumbs ul { } .breadcrumbs li { display: block; float: left; font-size: 0.9166em; /*11px*/ position: relative; padding-right: 24px; } .breadcrumbs a { display: block; } .breadcrumbs li span { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0 -128px no-repeat; width: 7px; height: 8px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; right: 9px; top: 5px; } .breadcrumbs li strong { font-weight: normal; display: block; color: #383838; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title { padding: 0 0 5px; margin: 15px 0; border-bottom: 1px solid #b4b4b4; font-size: 0.6em; text-transform: uppercase; font-family: 'lucida_sansdemibold_roman'; } .my-account .page-title, .category-title { border-bottom: 1px solid #b4b4b4; } .page-title h1, .page-title h2 { margin: 0; min-height: 1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; margin-top: 10px; } .title-buttons { text-align: right; } .title-buttons button { margin-left: 1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; text-align: left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */ .my-account .title-buttons button span span { height: 35px; line-height: 35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding: 5px 0; } /* View mode */ .sorter .view-mode { float: right; } .sorter .view-mode label { margin-right: 5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display: inline-block; vertical-align: middle; margin: 0 0 0 1px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } .sorter .view-mode .grid { background-position: 0 -207px; } .sorter .view-mode .list { background-position: -30px -207px; margin-left: -5px; } .sorter .view-mode a.grid:hover { background-position: 0 -237px; } .sorter .view-mode a.list:hover { background-position: -30px -237px; } /* Sort by */ .sorter .sort-by { margin-right: 10px; padding-right: 3px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display: inline-block; text-indent: -9999px; overflow: hidden; } .sorter .sort-by .category-asc { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) -60px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position: -30px -87px; } .sorter .sort-by .category-desc:hover { background-position: -90px -87px; } /* Pager -------------------------------------------------------------- */ .pager { margin: 10px 0; padding: 5px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .pager .pages { float: right; vertical-align: middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float: left; margin-right: 5px; font-weight: normal; } .pager .pages ol { display: inline; } .pager .pages li { float: left; margin: 0 0 0 1px; display: block; text-align: center; } .pager .pages li a { display: block; background-color: transparent; color: inherit; } .pager .pages li a.previous, .pager .pages li a.next { text-indent: -9999px; overflow: hidden;} /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 48px; position: relative; z-index: 1; } .blog-index-list .toolbar { margin-top: 48px } /* Pager inside toolbar - align center */ .toolbar .pager { margin: 0; border-bottom: none; border-top: 1px dashed #e5e5e5; text-align: center; } .toolbar .pager .pages { display: inline-block; float: none; } /* Bottom toolbar */ .toolbar-bottom { margin-top: 10px; } .toolbar-bottom .toolbar { margin-bottom: 20px; } .blog-index-list .toolbar-bottom .toolbar { margin-top: 0 } .toolbar-bottom .toolbar .pager { border-top: none; } .toolbar-bottom .sorter { } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height: 30px; } .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width: 30px; height: 30px; } /* Amount */ .pager .amount, .sorter .amount { padding-right: 10px; margin-right: 10px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float: left; margin-right: 15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { font-size: 13px; display: inline-block; line-height: 29px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width: 100%; } .data-table th, .data-table td { padding: 10px; } .data-table thead { background: none; border-bottom: 1px solid #e5e5e5; } .data-table thead th { font-weight: bold; vertical-align: bottom; } .data-table thead th.wrap { white-space: normal; } .data-table tr.odd td, .data-table tr.odd th { border-right: 1px solid #f5f5f5; } .data-table tr.odd td.last { border-right: none; } .data-table tr.odd.last { border-bottom: #eee solid 1px; } .data-table tr.even { background-color: #fbfbfb; } .data-table tr.even td, .data-table tr.even th { border-right: 1px solid #f1f1f1; } .data-table tr.even td.last { border-right: none; } .data-table tbody tr:hover { } .data-table tbody tr.product-shop-row:hover { background-color: #FFF; } /*TODO:needed?*/ .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.odd tr.last { border-bottom: #e5e5e5 solid 1px; } .data-table tbody.even { background-color: #f1f1f1; } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { } .data-table th .tax-flag {font-weight: normal; } #shopping-cart-table td.col-img { text-align: center } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display: none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor: pointer; } tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #f5f5f5; color: #777; padding: 2px 5px !important; } tr.summary-details-first td { border-top: 1px solid #d5d5d5; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight: bold; } .link-reorder { font-weight: bold; } .link-print { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_rss.gif) 0 3px no-repeat; padding-left: 18px; white-space: nowrap; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; font-weight: normal; color: #e5e5e5; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #e5e5e5; text-indent: -9999em; overflow: hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { border: 1px solid #cfcfcf; border-width: 0 0 1px; background: #f5f5f5; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .global-site-notice .notice-inner { width: 860px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .global-site-notice .notice-inner p { margin: 0; border: 1px dotted #cccc73; padding: 10px; } .global-site-notice .notice-inner .actions { padding-top: 10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript { } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; border: 0; text-align: center; color: #fff; } .demo-notice .notice-inner { width: auto; padding: 0; background: none; text-align: center; } .demo-notice .notice-inner p { padding: 0; border: 0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display: block; width: 17px; height: 17px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0 -167px no-repeat; margin: 0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .faqQues{font-weight:bold;margin:0px !important} /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin: 1em 0; padding: 0; } /* Disc */ ul.disc { list-style: disc outside none; padding-left: 1.5em; } ul.disc li { background-image: none; padding-left: 0; } /* Bullet */ ul.bullet { list-style: none outside none; padding-left: 14px; } ul.bullet li { padding-left: 22px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; position: relative; padding-bottom: 9px; } ul.bullet li a { display: block; font-size: 14px; line-height: 20px; } ul.bullet li a:hover { color: #0060af; } ul.bullet li:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 7px; height: 13px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -75px -119px; } ul.bullet li:hover:before { background-position: -75px -90px; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list13.png); } /* No bullets */ /* Separator */ ul .separator { border-bottom: 1px solid #fff; margin: 8px 1px; overflow: hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top: 0.5em; margin-bottom: 0.5em; } ul.bullet ul li, ul.disc ul li { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left: 1.5em; } /* Ordered lists -------------------------------------------------------------- */ .std ol { list-style: decimal outside; margin: 10px 0; padding: 0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin: 0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std dt { font-weight: bold; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom: 0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/header-bg.jpg) repeat } .header { padding: 0; } /* Basic header sections -------------------------------------------------------------- */ .header-top { } .header-main { } /* Misc header elements -------------------------------------------------------------- */ .header .user-menu { float: right; padding-left: 45px; } .header .currency-switcher { float: right } .header .welcome-msg { float: right; padding-top: 12px; font-size: 14px; line-height: 20px; color: #2c2c2c; padding-right: 29px; } .header .top-right-menu { float: right } .header .top-right-menu .links:before, .header .top-right-menu .links:after { content: ''; display: table } .header .top-right-menu .links:after { clear: both } .header .top-right-menu .links { zoom: 1 } .header .links > li > a { color: #2c2c2c !important; font-size: 14px; } .header .links > li > a:hover { background-color: transparent; } .header .links > li > a.log-in { position: relative; padding-left: 21px; padding-right: 12px; } .header .links > li > a.log-out { position: relative; padding-left: 21px; padding-right: 12px; } .header .links > li > a.my-account { position: relative; padding-left: 21px; padding-right: 12px; } .header a.log-in:before { content: ''; display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -91px -9px; width: 12px; height: 15px; position: absolute; left: 0; top: 14px; } .header a.log-out:before { content: ''; display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -147px -6px; width: 11px; height: 17px; position: absolute; left: 0; top: 11px; } .header a.my-account:before { content: ''; display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -168px -10px; width: 13px; height: 14px; position: absolute; left: 0; top: 14px; } .header a.log-in:after { content: ''; width: 1px; height: 13px; background: #898989; border-left: 1px solid #b2b2b2; position: absolute; top: 16px; right: 0 } #link-sign-up { padding-left: 13px; } .header .links > li > a.register { position: relative; padding-left: 24px; } .header .register:before { content: ''; display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -119px -9px; width: 16px; height: 17px; position: absolute; left: 0; top: 14px; } .header .login-msg { } .header .login-msg a { } .header .login-msg a:hover { } .contact-cart-outer { padding-top: 50px; } .header-right .phone, .header-right #mini-cart { position: relative; font-size: 14px; padding-left: 45px; line-height: 20px; float: right; font-family: 'lucida_sansdemibold_roman' } .header-right #mini-cart { padding-left: 25px; } .header-right .phone span, .header-right #mini-cart .empty .price, .header-right #mini-cart .summary .price { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #0060af; font-style: italic; font-weight: bold } .header-right .phone span.phone-label { color: #333; font-style: normal } .header-right #mini-cart .empty, .header-right #mini-cart .summary { display: block } .header-right .phone:before { content: ''; display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat 0 0; width: 38px; height: 37px; position: absolute; left: 0; top: 0; } .header-right #mini-cart .icon { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -39px 0; width: 37px; height: 37px; margin-right: 8px; position: absolute; left: 0; top: 0; } #mini-cart.open > .dropdown-toggle.cover > div { position: static } .header-right #mini-cart .caret { display: none; } /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .item { } .header-top .item-left { float: left; margin-right: 20px; } .header-top .item-right { float: right; margin-left: 20px; } .header-top .lang-switcher, .header-top .currency-switcher { margin: 0; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { padding: 25px 0 20px; } .header .logo { margin: 0; text-decoration: none !important; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float: right; } #mini-cart { float: right; } .top-links { float: right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float: right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float: left; margin: 10px 0; } #search_mini_form { clear: both; display: block; } .header .form-search { position: relative; margin: 0 auto; width: 80%; } .header .form-search label { float: left; margin: 3px 4px 0 0; display: none; } .header .form-search .input-text { float: right; width: 83%; /*98%;*/ height: 32px; line-height: 32px; /*IE8*/ padding: 0px 35px 0 7px; /*0 0 0 5px;*/ color: #bbb; background-color: #fff; overflow: hidden; text-overflow: ellipsis; } .header .form-search .input-text::-ms-clear { display:none; } .header .form-search .button { background-color: #fff; width: 32px; height: 32px; position: absolute; right: 1px; top: 1px; } .header .form-search .button span { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat transparent; background-position: -59px -109px; width: 32px; height: 32px; opacity: 0.3; filter: alpha(opacity=30); } .header .form-search .button:hover span { opacity: 1; filter: alpha(opacity=100); } .header .form-search .button span span { background: none; display: none; } /* Search autocomplete */ .header .form-search .search-autocomplete { left: 0 !important; top: 42px !important; position: relative; z-index: 3900 !important; /* Less than drop-down buttons */ } .header .form-search .search-autocomplete ul { background-color: #fff; text-align: left; margin-top: -2px; padding: 7px; } .header .form-search .search-autocomplete li { padding: 3px 5px; cursor: pointer; } .header .form-search .search-autocomplete li:hover { background-color: #f5f5f5; } .header .form-search .search-autocomplete li .amount { float: right; padding-left: 5px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position: relative; margin-bottom: -8px; } .after-mini-cart { clear: both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle { } #mini-cart .dropdown-toggle .icon-cart { width: 14px; max-height: 32px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0px -205px no-repeat; } #mini-cart .dropdown-toggle .summary { } #mini-cart .dropdown-toggle .amount { } #mini-cart .dropdown-toggle .subtotal { } /* Fix icon positioning */ #mini-cart .dropdown-toggle .icon { padding: 0; width: 36px; height: 36px; } /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { width: 300px; padding: 25px; text-align: left; /* Because cart can be aligned center */ } #mini-cart .dropdown-menu .inner { } #mini-cart .dropdown-menu .incl-tax { display: block; padding-bottom: 10px; text-align: right; } #mini-cart .dropdown-menu .empty { padding: 10px 0; } #mini-cart .block-subtitle { padding: 0; margin: 0 0 10px; font-weight: normal; } #mini-cart .product-name { } #mini-cart .btn-remove, #mini-cart .btn-edit { float: right; } #mini-cart .product-details strong { font-weight: normal; } #mini-cart .actions { margin: 10px 0 0; padding: 0; border: none; text-align: left; } #mini-cart .actions button { float: left; margin-right: 10px; } /* Mini-cart on hover -------------------------------------------------------------- */ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float: right; position: relative; margin: 0; padding: 0; border: none; } .quick-compare .dropdown-toggle { } .quick-compare .dropdown-menu { width: 300px; padding: 25px; text-align: left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding: 10px 0; } .quick-compare .dropdown-menu .item { padding: 3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right: 20px; } .quick-compare .btn-remove { float: right; } .quick-compare .actions { border-top: 1px dotted #e5e5e5; margin: 5px 0 0; padding: 5px 0 0; text-align: right; } .quick-compare .actions a { float: right; } .quick-compare .actions button { float: left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display: block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin: 0 0 10px; } .block .block-title { } .block .block-title strong { font-weight: inherit; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { margin: 5px 0 10px; padding: 0; font-size: 1em; font-weight: bold; } .block .block-content { padding: 10px; } .block .block-content li.item { padding: 5px 0; } .block .block-content li.item .product-name { } .block .btn-remove { float: right; } .block .btn-edit { float: right; } .block .actions { margin: 5px 0 0 0; padding: 5px 0 0; border-top: 1px dotted #e5e5e5; text-align: right; } .block .actions a { float: left; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding: 5px 0; } .mini-products-list .product-image { float: left; width: 50px; } .mini-products-list .product-details { margin-left: 69px; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding: 3px; border: 1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color: #999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left: 42px !important; } .block-account .block-content { padding: 10px 0 0 10px; } .block-account li.current strong { font-weight: normal; color: #0060af } .block-account li.last { border-bottom: none; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .row { margin: 0 -1%; } .nav-container #nav > li > a { font-family: 'arimobold'; font-size: 16px; line-height: 49px; padding: 0 23px } .block-layered-nav .block-content { padding: 0; } .block-layered-nav .block-title { } .block-layered-nav .block-title strong { text-transform: none; } .block-layered-nav .block-subtitle { display: none; margin-bottom: 0; } /* List of filters */ .block-layered-nav dl { padding-left: 10px; padding-top: 10px; } .block-layered-nav dt, .sidebar h5 { padding: 7px 0 0; margin-bottom: 0; font-weight: normal; font-size: 14px; line-height: 20px; font-family: 'lucida_sansdemibold_roman'; color: #0060af; text-transform: uppercase; } .block-layered-nav dd { padding: 5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom: none; } /* Current filters */ .block-layered-nav .currently { margin: 10px 0; } .block-layered-nav .currently .block-subtitle { display: block; padding: 10px 10px 0; font-weight: normal; } .block-layered-nav .currently ol { padding: 10px; } .block-layered-nav .currently ol li { margin-bottom: 4px; } .block-layered-nav .currently .label { margin-right: 4px; color: #d90000; } .block-layered-nav .currently .btn-remove { float: right; margin-left: 5px; } .block-layered-nav .actions { margin: 0; } .block-layered-nav .actions a { float: right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height: 1.5em; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; padding: 5px 0 } .block-layered-nav dd li a, .block-layered-nav .currently ol li a { position: relative; padding-left: 15px; font-size: 13px; line-height: 19px; color: #4e4e4e; display: inline-block } .block-layered-nav dd li a:before, .block-layered-nav .currently ol li a:before { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) -74px -147px; content: ''; display: block; position: absolute; left: 0; top: 3px; width: 7px; height: 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position: 6px 5px; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left: 5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display: none; position: absolute; padding: 1em 0; margin: -20px 0 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-weight: normal; z-index: 1; } .block-related:hover .block-subtitle { display: block; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float: left; margin: 7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .itemslider .slides { margin-top: 10px; } .block-related-thumbnails .itemslider .slides li { padding: 0 10px; width: 215px; } .block-related-thumbnails .product { } .block-related-thumbnails .product-image { margin-bottom: 10px; display: block } .block-related-thumbnails .product-details { } .block-related-thumbnails .product-details > * { margin-bottom: 5px; } .block-related-thumbnails .product-name { font-size: 15px; line-height: 21px; } .block-related-thumbnails .price-box { text-align: center } body.catalog-product-view .block-related-thumbnails .price-box .price { font-size: 15px !important; line-height: 21px !important; } .block-related-thumbnails .price-box .special-price { display: inline-block; } .block-related-thumbnails .price-box .old-price { display: inline-block; } .block-related-thumbnails .checkbox { float: left; margin: 2px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border: 0; } .compare-table .btn-remove { float: right; } .compare-table tbody tr:hover { background-color: #e5e5e5; } .compare-table .product-shop-row { border-bottom: 1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color: #eee !important; } .compare-table tr.add-to-row { background-color: #fff; border-top: 1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color: #fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align: left; } .compare-table tr.first td { text-align: left; } .compare-table tr.first td .product-name { font-family: inherit; font-size: 1.1666em; font-weight: bold; margin: 10px 0; } .compare-table tr.first td .ratings { width: 145px; margin: 10px 0; } .compare-table .price-box { margin: 10px 0; line-height: 15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display: block; margin: 0 auto; } .compare-table .add-to-links { margin-top: 5px; } .compare-table .add-to-links li { float: none; } .compare-table a.link-wishlist { overflow: visible; text-indent: 0; background: none; display: inline; border: none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content li.item { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/bullet.png) no-repeat 0 10px; padding-left: 10px; } /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared { } /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight: normal; } .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 3px 9px; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background: none; border: 0; font-size: 12px; } .block-tags .tags-list a { } .block-tags .tags-list a:hover { } .block-tags .actions { text-align: right; } .block-tags .actions a { float: none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width: 155px; } .block-subscribe .actions button.button { float: none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float: left; margin: 2px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } .block-reorder .validation-advice { margin: 3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner { } .block-banner .block-content { text-align: center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left: 0; padding-right: 0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title { margin-bottom: 0; } .category-title h1 { } .category-image { width: 100%; overflow: hidden; margin: 10px 0; text-align: center; } .category-image img { width: 100%; } .category-description { padding: 0px 0 12px; position: relative; } /* Negative top margin: to cover bottom border of the category title */ /* Common styles for products on product listings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size: 1em; line-height: 1.25em; /*16px 20px*/ color: #000; } .products-list .product-name a, .products-grid .product-name a, h3.product-name a { color: #000 } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left: 3px; } .products-list .alt-img, .products-grid .alt-img { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .products-list .item:hover .alt-img, .products-grid .item:hover .alt-img { opacity: 1; filter: alpha(opacity=100); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list li.item { border-top: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 20px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .products-list .product-shop { } .products-list .product-shop-inner { border-right: 1px solid #e5e5e5; padding-right: 15px } .products-list .right-column { float: right; } .products-list .product-name { margin: 0 0 15px; } .products-list .product-image { position: relative; text-align: center; } .products-list .price-box { margin: 0 0 15px; font-size: 1.3333em; line-height: 1.25em; } #products-list .price-box p { display: inline-block; float: none; } .products-list .ratings { margin: 10px 0; } .products-list .desc { margin: 15px 0px; } .products-list .link-learn { } .products-list .btn-cart { width: 100%; max-width: 180px; } #products-list .btn-cart { max-width: none; } .products-list .button span { float: none; } .products-list .availability { float: none; margin: 15px 0; } .products-list .add-to-links { margin: 15px 0 0; } /* Hover effect */ .products-list.hover-effect .item:hover { margin-left: -1%; margin-right: -1%; padding-left: 1%; padding-right: 1%; z-index: 10; box-shadow: 0 0 20px rgba(0,0,0,0.2); background-color: #fff; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid { } .products-grid .item { padding-top: 13px; padding-bottom: 13px; position: relative; /* For labels positionning (e.g. "new" and "sale") */ } .products-grid .product-name { margin: 15px 0 0; text-align: center } .products-grid .product-image-wrapper { position: relative; margin: 0 auto; } .products-grid .product-image { display: block; /*text-align:center;*/ } .products-grid .price-box { margin: 5px 0 0; font-size: 1em; } .products-grid .price-box > p { display: inline-block; float: none; } .products-grid .ratings { margin: 10px 0; } .products-grid .actions { margin: 15px 0 0; } .products-grid .btn-cart { margin-right: 10px; } .products-grid .availability { float: none; margin: 15px 0; display:block !important} .products-grid .add-to-links { margin: 45px 0 0; } /* Items of equal height - buttons and links displayed at the bottom of item -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position: absolute; bottom: 15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position: static; bottom: auto; } /* Visibility of the grid item elements -------------------------------------------------------------- */ /* Fade-in on hover */ .products-grid .item .visible-onhover { visibility: hidden; opacity: 0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility: visible; opacity: 1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Display only on hover */ /* Products grid: in category view -------------------------------------------------------------- */ .category-products-grid .item { zoom: 1; /*margin-bottom:10px;*/ } /* Hover effect */ .category-products-grid.hover-effect .item:hover { } /* Override itemgrid in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font sizes -------------------------------------------------------------- */ /* 4 columns */ .category-products-grid.itemgrid-4col .product-name { font-size: 1.25em; /*15px*/ line-height: 1.2em; /*18px*/ } /* 5 columns */ .category-products-grid.itemgrid-5col .product-name { font-size: 1.0833em; /*13px*/ line-height: 1.2307em; /*16px*/ } /* 6, 7, 8 columns */ .category-products-grid.itemgrid-6col .product-name, .category-products-grid.itemgrid-7col .product-name, .category-products-grid.itemgrid-8col .product-name { font-size: 1em; /*12px*/ line-height: 1.25em;/*15px*/ } /* Make button smaller -------------------------------------------------------------- */ /* 5 columns */ .category-products-grid.itemgrid-5col .item button.btn-cart span span { padding: 7px 15px; height: auto; line-height: 2em; } /* 6, 7, 8 columns */ .category-products-grid.itemgrid-6col .item button.btn-cart span span, .category-products-grid.itemgrid-7col .item button.btn-cart span span, .category-products-grid.itemgrid-8col .item button.btn-cart span span { padding: 3px 8px; height: auto; line-height: 2em; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position: absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index: 99; } .sticker-wrapper.top-right { top: -3px; right: -3px; } .sticker-wrapper.bottom-right { bottom: -3px; right: -3px; } .sticker-wrapper.bottom-left { bottom: -3px; left: -3px; } .sticker-wrapper.top-left { top: -3px; left: -3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width: 60px; height: 60px; border-radius: 50%; font-size: 1.1666em; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .sticker.new { background-color: #5BD2EC; color: #fff; } .sticker.sale { background-color: #F12B63; color: #fff; } /* Effects */ .item:hover .sticker { width: 70px; height: 70px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { top: -8px; } .item:hover .sticker-wrapper.top-right { right: -8px; } .item:hover .sticker-wrapper.top-left { left: -8px; } /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 1.0833em; margin: 15px 0 15px; } .ratings a { line-height: 1.0833em; } .ratings strong { float: left; margin: 1px 5px 0 0; } .ratings .rating-links .separator { display: inline-block; text-indent: -9999px; width: 1px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/bg-separator1.gif) no-repeat; } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 8px; } .ratings .amount { white-space: nowrap; font-size: 10px; text-transform: uppercase; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { padding-right: 8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float: none; margin: 15px 0 0; color: #4e4e4e !important; font-size: 14px !important; line-height: 20px !important; font-family: 'lucida_sansdemibold_roman' !important; } /* Availability - with details */ .availability-only { margin: 15px 0; } .availability span { font-family: 'lucida_sansregular' !important } .out-of-stock span{color:#900;} .in-stock span { color: #0060af !important; } a.availability-only { cursor: pointer; } .availability-only strong { font-weight: normal; } .availability-only .caret { margin-left: 8px; opacity: 1; filter: alpha(opacity=100); } .availability-only-details { width: 100%; margin: -10px auto 20px; } .availability-only-details thead { border-bottom: 1px solid #e5e5e5; } .availability-only-details th { padding: 4px 12px; font-weight: bold; } .availability-only-details td { padding: 1px 12px; border-right: 1px solid #f5f5f5; } .availability-only-details td.last { border-right: none; } /* Product increments */ .product-pricing { line-height: 1.25em; /* 15px TODO: change */ } .extrahint-wrapper .product-pricing { padding: 10px; background-color: #f5f5f5; } .product-options-bottom .product-pricing { clear: left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { padding: 2px 0 2px 25px; line-height: 15px; } .alert-price { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/icons.png) 0 -120px no-repeat; } .alert-stock { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/icons.png) 0 -160px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space: nowrap !important; } .price-box { margin: 0; text-align: center } .price-box .price { } .price-box .price-label { } /* Common labels */ .old-price .price-label, .special-price .price-label { white-space: nowrap; } .old-price .price-label { display: none; } /* Regular price */ .regular-price { } .regular-price .price { } .block .regular-price, .block .regular-price .price { } /* Old price */ .old-price { margin: 0; float: left; } .price-box .old-price .price { text-decoration: line-through; color: #919191; } /* Special price */ .special-price { margin: 0; padding: 0; } .special-price .price { color: #919191; /* Overide color change on product grid/list */ display: inline-block; } .special-price .price-label { display: none; } .special-price .price-excluding-tax .price { } /* Minimal price (as low as) */ .minimal-price { margin: 0 0 5px; } .minimal-price .price { } .minimal-price .price-label { white-space: nowrap; } .minimal-price-link { display: block; } .minimal-price-link .label, .minimal-price-link .price { } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { } /* Configured price */ .configured-price { margin: 0; } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold; } /* FPT */ .weee { display: block; font-size: 11px; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { margin: 0; } .price-from .price-label { white-space: nowrap; } .price-to { margin: 0; } .price-to .price-label { white-space: nowrap; } /* Price notice next to the options */ .price-notice { margin-left: 5px; } .price-notice .price { padding-left: 3px; } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; color: inherit; } .price-box-bundle .price-box { margin: 0 !important; padding: 0 !important; border: none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin: 0 0 15px 15px; } .tier-prices li { line-height: 15px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/bullet.png) 0 4px no-repeat; padding: 0 0 0 11px; margin: 3px 0; } .tier-prices .benefit { color: #d90000; font-weight: normal; } .tier-prices-grouped li { padding: 2px 0; } .tier-prices-grouped li .price { font-weight: bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display: none; } .add-to-links li { float: left; } .addto-gaps-right li { margin-right: 10px; } /* Add gaps at the right side of links */ /* Add-to links as icons (with no text) -------------------------------------------------------------- */ .product-overlay a.product-view-link, .product-overlay button.button span span, .add-to-links a.link-compare, .item .out-of-stock span { display: block; text-indent: -9999em; overflow: hidden; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat; width: 44px; height: 44px; background-color: transparent !important; } .item .out-of-stock { margin: 0 10px } .item .out-of-stock span { background-position: -139px -167px } .product-overlay a.product-view-link { background-position: -46px -167px; } .add-to-links a.link-compare { background-position: -92px -167px; margin-left: 16px; } .product-overlay button.button span { background-color: transparent !important; } .product-overlay button.button span span { padding: 0; background-position: -1px -167px; } .product-overlay .hover-button-wrapper { padding-top: 45px; } .product-overlay .add-to-links { float: left; margin: 0 } .product-overlay .product-view-link { float: left } .product-overlay .actions { float: left; position: static !important; margin: 0; } .product-overlay .actions button.button { display: block !important } /* If displayed in a group: add margin between icons */ /* If displayed on product image */ .add-to-links.addto-onimage { float: left; } .hover-button-wrapper { display: inline-block; } .add-to-cart .qty-wrapper { padding-bottom: 20px; } .add-to-cart label { margin-left: 10px; } .add-to-cart .qty { text-align: center; margin-right: 10px; background: none; } .add-to-cart .button { margin-left: 101px; } .product-options-bottom .add-to-cart .button, .product-shop .add-to-cart .button { margin-left: 0; } .product-view .add-to-cart { float: left; } .product-view .paypal-wrapper { float: left; } .product-view .paypal-wrapper .paypal-logo { margin: 0; padding: 5px 0 0; text-align: right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear: left; margin: 0; padding: 10px 0 0; text-align: right; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic product page sections -------------------------------------------------------------- */ /* Generic wrapper for product page collaterals */ .product-view .box-tabs { } .product-view .box-sidebar { } .product-view .box-up-sell { padding-bottom:20px;} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float: left; max-width: 360px; } .col3-layout .product-view .product-img-column { float: none; margin: 0 auto; } /* Product main column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .productRightCol { float: left; width: 100%; margin-left: -360px; } .product-view .productRightCol-inner { padding-left: 380px; } .product-view .product-shop .product-name { margin: 0 0 15px; } .product-view .product-shop .product-name h1 { margin: 0; } .product-view .product-shop .ratings-table { margin: 15px 0 5px; } /* Product Secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column .inner { min-height: 300px; padding-bottom: 10px; /* Stop collapsing margins */ } /* Product main column elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin: 15px 0; line-height: 1.25em; /*15px*/ } .product-view .short-description ul { margin-top: 5px; margin-bottom: 5px; } .product-view .add-to-cart { margin-top: 0px; } /* Price box inside "Add-to-cart" box */ /*deprecated*/ .product-view .add-to-box .price-box { float: left; margin: 7px 0 0; } /* Add-to links */ .product-view .action-box { margin: 20px 0; } /* Other elements */ .extrahint-wrapper { margin-bottom: 15px; } /* Grouped product -------------------------------------------------------------- */ .product-view .product-type-data.is-grouped { padding: 0; background-color: transparent; } /* Align right instead of float right */ .product-view .product-type-data.is-grouped .out-of-stock { float: none; text-align: right; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data.is-downloadable .price-box { margin: 0 0 10px; } .product-type-data .item-options dt { float: none; margin: 0 0 5px; } /* Same as "item-options" in cart */ .product-type-data .item-options dd { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/bullet.png) 3px 4px no-repeat; padding-left: 15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight: bold; } /* Prices. Common for product view and MAP popup. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font for all prices on product page and MSRP */ .product-view .product-shop .price-box { margin: 5px 0 25px; text-align: left } .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size: inherit; } /* Main price (prominent) */ /* Tier price */ .tier-prices .price { /*color:#ce001a;*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space: nowrap; display: none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display: block; /* Move price below the label */ text-decoration: line-through; /* Override default built-in line */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display: block; } /* Special price */ .product-view .product-shop .price-box .special-price { margin: -3px 0 0 0; float: left; } .product-view .product-shop .price-box .old-price { margin-right: 10px; } .product-view .product-shop .price-box .special-price .price-label { white-space: nowrap; } .product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax { padding: 0 0 0 15px; } /* Bundle product */ .price-box-bundle { border-bottom: 1px solid #e5e5e5; margin: -10px 0 15px; /* Move up to align with the main price box */ padding-bottom: 15px; } /* Containers for: add-to-cart & product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type-specific data*/ .product-view .product-type-data { margin: 15px 0 0; } /* Margin before price box */ .space-before-avail { margin: 0 0 15px; height: 0; line-height: 0; } /* Upper part of the container */ .product-view .product-type-data .price-box:before, .product-view .product-type-data .price-box:after { content: ''; display: table } .product-view .product-type-data .price-box:after { clear: both } .product-view .product-type-data .price-box { zoom: 1 } .product-view .product-type-data .price-box { margin: 0px 0 0; padding: 15px 0; } /* Lower part of the container */ .container1-wrapper, .container2-wrapper, .product-view .add-to-box { padding: 0 0 15px; margin: 0 0 15px; } .container2-wrapper {padding: 15px; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style: none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left: 25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom: 1em; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position: relative; } .product-options dt { font-weight: normal; float: left } .product-options dt label { display: inline-block; font-family: 'lucida_sansdemibold_roman'; color: #4e4e4e; width: 101px; } .product-options dt label.required em { color: #C00; margin-right:5px;} .product-options dd .qty-holder { display: block; padding: 5px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; } .product-options dd { margin: 3px 0 10px; } .product-options dl.last dd.last { border-bottom: 0; } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio { float: left; } .product-options ul.options-list input.checkbox { float: left; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 11px; } .product-options p.required { float: none !important; text-align: left; display: none; } /* Override form colors */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color: #888; border-color: #ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color: #333; border-color: #aaa; } /*bottom*/ .product-options-bottom { margin-top: 20px; } .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .price-box { float: left; margin: 7px 0 0; padding: 0; } .product-options-bottom .price-box .price-as-configured { margin: 5px 0 0; } .col3-layout .product-options-bottom .price-box { float: none; padding: 0 0 5px; } .product-options-bottom .price-label { } .product-options-bottom .price-tax { float: left; } .product-shop .product-options-bottom { margin: 0; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin: 0 0 15px; } .product-view .grouped-items-table thead th { font-weight: bold; } .product-view .grouped-items-table .price-box { margin: 0; padding: 0; border: 0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size: 15px; } .product-view .grouped-items-table td { vertical-align: middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size: 14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display: none; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display: block; margin: 0 0 25px; } .product-view .box-tags .product-tags li { display: inline; padding: 0 7px; border-right: 1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left: 0; } .product-view .box-tags .product-tags li.last { padding-right: 0; border-right: 0; } .product-view .box-tags .form-add label { display: block; font-weight: bold; margin: 0 0 5px; } .product-view .box-tags .form-add .input-box { float: left; margin: 0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width: auto; } .product-view .box-tags .note { margin: 3px 0 0; font-size: 0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top: 15px; } .product-view .box-reviews dl { margin: 0 0 15px; } .product-view .box-reviews dt .heading { font-weight: normal; font-size: 1.5em; margin-right: 10px; } .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dt a { font-size: 18px; margin-right: 8px; } .product-view .box-reviews dd { margin: 0 0 15px 15px; padding-bottom: 15px; border-bottom: 1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display: block; margin-top: 3px; font-style: italic; } .product-view .box-reviews .ratings-table { margin: 5px 0; } .product-view .box-reviews .form-add { padding: 15px 0 0; } .product-view .box-reviews .form-add h2 { text-transform: uppercase; } .product-view .box-reviews .form-add h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; } .product-view .box-reviews .form-add h3 span { font-weight: bold; } .product-view .box-reviews .form-add h4 { font-size: 1em; font-weight: normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family: inherit; } .product-view .box-reviews .form-add .form-list { margin: 15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { } .product-view .box-reviews .form-add .form-list input.input-text { width: 100%; max-width: 340px; } .product-view .box-reviews .form-add .form-list textarea { width: 100%; max-width: 500px; } .product-view .box-reviews .buttons-set button.button { float: left; margin-left: 0; } .product-view .box-reviews .form-add .data-table { max-width: 176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align: center; line-height: 1em; } .product-view .box-reviews .form-add .data-table td .radio { margin: 0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin: 0 15px 0 0; } .send-friend .form-list .field { margin-bottom: 8px; } .send-friend .form-list textarea { width: 100%; } .send-friend .buttons-set .limit { float: right; margin: 0 7px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin: 0; font-weight: normal; } /* Product Tags */ .tags-list li { display: inline; } /* Advanced Search */ .advanced-search-summary { padding: 20px; margin: 10px 0; } .advanced-search-summary ul { float: left; margin: 0 4% 10px 0; width: 46%; } .advanced-search-summary li { margin: 0 0 2px 0; font-size: 1.25em; } .advanced-search-summary strong { margin: 0 5px 0 0; } .advanced-search-summary p { clear: both; float: left; display: block; margin: 20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right: 10px; width: 140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear: none; float: left; } .catalogsearch-advanced-index .fieldset { margin-bottom: 3px; } .catalogsearch-advanced-index .buttons-set { padding-left: 0; } .catalogsearch-advanced-index .buttons-set button.button { float: left; margin: 0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left: 60px; padding-right: 68px; } /* Sitemap */ .page-sitemap .links { float: right; margin: 0 0 5px; text-align: center; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .sitemap { margin: 15px; } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { } .page-sitemap .pager { clear: both; } /* RSS */ .rss-title h1 { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_rss-big.png) 0 center no-repeat; padding-left: 30px; } .rss-table .link-rss { display: block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin: 0 0 5px; } .cart .title-buttons .checkout-types { float: right; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom: 1px solid #e5e5e5; } .cart-table th.last { border-right: none; } .cart-table .product-image { width: 168px; display: block; } .cart-table .product-name { margin: 0 0 10px; font-weight: normal; font-size: 1.6666em; line-height: 1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin: 5px 0; font-size: 0.9166em; font-weight: bold; color: #d90000; } .cart-table tfoot td { padding: 5px 10px; border: none; } /* Buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding: 15px 0 0; border-bottom: 1px solid #eee; } .cart-table tfoot button { padding: 0; margin: 0 0 15px 10px; } .cart-table .btn-continue { float: left; margin-left: 0; } .cart-table .btn-update, .cart-table .btn-empty { float: right; } /* Shopping Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top: 20px; } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom: 20px; } .cart .cart-right-column { float: right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float: left; } .cart .crosssell .product-details { margin-left: 85px; } .cart .crosssell .btn-cart { float: left; margin-right: 10px; } .cart .crosssell .add-to-links { float: left; margin: 12px 0 0; } .cart .crosssell .price-box { margin: 7px 0; } .cart .crosssell li.item { padding: 20px 0; } .cart .crosssell li.item.odd { margin-left: 0; clear: left; } .cart .crosssell li.item.even { margin-right: 0; float: right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float: left; width: 265px; min-height: 109px; } .cart-wide-box .crosssell li.item.odd { padding-right: 20px; border-right: 1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left: 20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount, .cart .shipping, .cart .crosssell { padding: 10px; } .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { margin-bottom: 10px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin: 10px 0 0; border: 0; padding: 0; text-align: left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float: none; margin-left: 0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display: block; margin: 0 0 5px; } .cart .discount .input-box { margin: 0 9px 0 0; } .cart .discount input.input-text { width: 100%; } .cart .discount .buttons-set { margin: 10px 0 0; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width: 100%; } .cart .shipping p { margin-bottom: 10px; } .cart .shipping .sp-methods { margin: 10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color: #f5f5f5; } .cart .totals-inner { padding: 20px; } .cart .totals table { width: 100%; } .cart .totals td { padding: 1px 0px 1px 7px; } .cart .totals tr.last td { } .cart .totals tfoot th { padding: 5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom: 5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align: right; } .cart .totals .checkout-types li { clear: both; margin: 10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height: 15px; } .item-options dt { white-space: nowrap; float: left; margin-right: 7px; } .item-options dd { padding-left: 11px; margin: 0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; white-space: normal; /* Override 'nowrap' */ } .data-table .item-options { margin: 0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor: help; display: inline-block; margin-left: 3px; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; text-decoration: none; border-bottom: 1px dotted #ccc; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; padding: 8px; min-width: 100px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: -20px; left: 50%; } .col-left .truncated .show .item-options { left: 15px; top: 7px; } .col-right .truncated .show .item-options { left: -240px; top: 7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight: bold; } .sp-methods dd { } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding: 10px 10px 10px 30px; } .sp-methods select.month { width: 150px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .checkmo-list li { } .sp-methods .checkmo-list label { padding-right: 10px; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .please-wait { float: right; margin-right: 5px; } .please-wait img { vertical-align: middle; } .cvv-what-is-this { cursor: help; margin-left: 5px; } /* Tooltip */ .tool-tip { background-color: #fff; padding: 10px; position: absolute; z-index: 9999; } .tool-tip .btn-close a { margin: 0 0 0 auto; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages { margin: 30px 0 10px; } .gift-messages-form { border: 1px solid #e5e5e5; padding: 20px; position: relative; } .gift-messages-form p { margin-bottom: 10px; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-message-link { display: block; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row .btn-close { float: right; padding: 0 7px 0px; } .gift-message dt strong { font-weight: bold; color: #666; } .gift-message dd { margin: 5px 0 0; font-size: 13px; } .order-gift-message { margin: 15px 0; } /* Checkout Agreements */ .checkout-agreements { padding: 0 60px 20px; } .checkout-agreements li { margin: 0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right: 6px; } .checkout-agreements .agree label { font-weight: bold; } .opc .checkout-agreements { padding: 15px 30px; } .checkout-agreements .agreement-content { max-height: 250px; overflow: auto; padding-right: 30px; } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin: 5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background: none; border: 0; padding: 10px 0; } .block-progress .block-title strong { font-family: inherit; text-transform: none; font-weight: normal; } .block-progress .block-content { background: none; padding: 0; margin-top: 10px; border: none; } .block-progress dt { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/checkout-progress.png) 0 5px no-repeat; line-height: 18px; margin: 0 0 5px; padding: 6px 0 6px 30px; font-weight: bold; } .block-progress dd { line-height: 15px; border-top: 0 none; margin: 0 0 6px; padding: 8px 10px; } .block-progress dt.complete { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator { } .block-progress dt.complete a { font-weight: normal; } .block-progress dd.complete { } .block-progress p { margin: 0; } .opc .buttons-set { margin-top: 0; padding-top: 2em; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 28px; line-height: 28px; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc { position: relative; } .opc .section { margin: 0 0 10px; padding: 0; } .opc .step-title { background: #f5f5f5; padding: 10px; text-align: right; } .opc .step-title .number { float: left; background: #fff; padding: 8px 12px; margin: 0 8px 0 0; font-size: 1.3333em; } .opc .step-title h2 { float: left; margin: 8px 0 0; color: #999; font-size: 1.3333em; line-height: 1.125em; } .opc .step-title a { display: none; float: right; margin-top: 6px; } .opc .section.allow { cursor: pointer; } .opc .section.allow.active { cursor: auto; } .opc .allow .step-title { background: #f5f5f5; } .opc .allow .step-title:hover { background-color: #e5e5e5; } .opc .allow .step-title h2 { color: #333; } .opc .allow .step-title a { display: block; } .opc .active .step-title { background-color: #e5e5e5; cursor: default; } .opc .active .step-title .number { color: #fff; background-color: #333; } .opc .active .step-title h2 { } .opc .active .step-title a { display: none; } .opc .step { padding: 10px 20px; margin-top: 10px; position: relative; } .opc .step .tool-tip { right: 30px; } #opc-login .col-1 { } #opc-login .col-2 { } #opc-login h3 { margin-top: 10px; } #opc-login h4 { font-size: 1em; font-weight: bold; margin: 0; } #opc-login .form-list { margin: 15px 0 15px; } #opc-login .form-list li { margin: 0 0 3px; } #opc-login .buttons-set { padding: 0; } .opc .gift-messages-form { border: 1px solid #e5e5e5; border-width: 1px 0; } .opc .gift-messages-form .inner-box { overflow: visible; } #opc-review .step { padding: 0; } #opc-review .item-options { margin: 5px 0 0; } #opc-review .buttons-set { border: 0; } #opc-review .buttons-set p { margin: 0; line-height: 28px; } #opc-review .buttons-set .please-wait { height: 28px; line-height: 28px; } #opc-review .authentication { margin: 0 auto; width: 570px; } #opc-review .warning-message { color: #222; font-weight: bold; text-align: center; padding: 10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight: bold; margin: 0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size: 15px; font-weight: bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size: 12px; font-weight: normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size: 13px; margin: 0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight: normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color: #ce001a; margin: 0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .multiple-checkout .box, .info-set .box { margin: 0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding: 0 110px; margin: -11px 0 25px; } .checkout-progress li { float: left; width: 19%; margin: 0 1px 0 0; padding-top: 5px; border-top: 10px solid #d5d5d5; text-align: center; color: #bbb; } .checkout-progress li.active { border-top-color: #ce001a; color: #ce001a; } .multiple-checkout .page-title { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } .multiple-checkout .buttons-set { border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom: 1px solid #bbb; } .multiple-checkout .data-table thead th { padding: 10px; font-weight: normal; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .col2-set .col-1 { width: 32%; } .multiple-checkout p.actions { margin-bottom: 10px; } .multiple-checkout .place-order .please-wait { margin-top: 10px; } .multiple-checkout .place-order .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout .place-order .grand-total .inner div { display: inline; } .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 20px; } /* Step 1 */ #multiship-addresses-table td { padding: 10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border: 1px solid #e5e5e5; padding: 15px; margin-bottom: 0; position: relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom: 20px; } .account-login h2 { text-transform: uppercase; } .account-login p { margin-bottom: 20px; } .account-login p.required { margin: 0; } .account-login .buttons-set { clear: none; padding: 0; margin: 0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float: left; margin-left: 0; } .account-login .buttons-set a, #opc-login .buttons-set a { float: right !important; margin: 4px 0 0; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account { } .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** < Dashboard */ .dashboard .welcome-msg { margin: 0 0 2.5em; } .dashboard .welcome-msg p { margin: 0; } .dashboard .col-1, .dashboard .col-2 { margin-bottom: 1.5em; } /* General Box */ .box-account { margin: 0 0 2.5em; } .box-account .box-head { border-bottom: 1px solid #e5e5e5; margin: 0 0 10px; padding-bottom: 5px; } .box-account .box-head a { float: right; margin-top: 10px; } .box-account .box-head h2 { float: left; margin: 0; background-position: 0 0; background-repeat: no-repeat; } .box-account.box-info .col-1 { border-right: 1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right: 10px; } .dashboard .box .box-title { padding: 0 0 2px; margin: 0 0 10px; text-align: right; border-bottom: 1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float: left; margin: 0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_folder-table.gif);*/ /*TODO del*/ } /* Block: Account Information */ .dashboard .box-info .box-head h2 { /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_ma-info.gif);*/ /*TODO del*/ } .dashboard .box-info h4 { font-weight: normal; text-transform: uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_ma-reviews.gif);*/ /*TODO del*/ } .dashboard .box-reviews .number { float: left; font-size: 1.3333em; line-height: 1.25em; padding: 0 10px; } .dashboard .box-reviews .details { margin-left: 38px; } .dashboard .box-reviews li.item { margin: 0 0 7px; } .dashboard .box-reviews li.item.last { margin: 0; } .dashboard .box-reviews .ratings { margin: 5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/i_ma-tags.gif);*/ /*TODO del*/ } .dashboard .box-tags .number { float: left; font-size: 1.3333em; line-height: 1.25em; padding: 0 10px; } .dashboard .box-tags .details { margin-left: 38px; } .dashboard .box-tags .tags { margin: 5px 0 0; } .dashboard .box-tags li.item { margin: 0 0 7px; } .dashboard .box-tags li.item.last { margin: 0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline; } /********** Dashboard > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list address { margin-bottom: 10px; } .addresses-list .link-remove:hover { color: #ee001c; } .addresses-list .separator { margin: 0 3px; } .addresses-list .addresses-primary .item { padding: 15px; margin: 0 0 10px; background-color: #f5f5f5; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .addresses-list li.empty p { color: #555; } .addresses-list .addresses-additional .item { padding: 15px; margin: 0 0 10px; border: 1px solid #e5e5e5; } .my-account .pager { margin: 20px 0; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin: 20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float: left; } .order-info dt { font-weight: bold; } .order-info li { margin-right: 1px; } .order-info dt, .order-info li.current, .order-info li a { padding: 10px; } .order-info dt { padding-left: 0; } .order-info li a { background-color: #f8f8f8; } .order-info li a:hover, .order-info li.current { background-color: #e5e5e5; } /* Date */ .order-date { margin: 15px 0; color: #d90000; clear: both; } /* Links in page title */ .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight: normal; display: inline-block; margin-top: 10px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin: 0 0 10px; padding: 20px; } .order-info-box .col-1 { border-right: #e5e5e5 solid 1px; } .order-info-box h2 { } .order-info-box .box-payment p { margin: 0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right: 7px; } .order-items .data-table { margin-bottom: 20px; } .order-items .data-table td { padding: 5px 9px; } .order-items .data-table .grand_total { font-size: 1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last { } .order-items { width: 100%; } .order-items .product-name { margin: 0 0 3px; font-size: 12px; } .order-items .link-print { font-weight: normal; } .order-items p .link-print { float: none; } .order-items h2, .order-about h2 { margin: 15px 0; } .order-items h3.table-caption { font-size: 13px; font-weight: bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size: 12px; font-weight: normal; text-transform: none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 { /*background:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/ic-order-comment.gif) 0 0 no-repeat;*/ /*TODO del*/ } .order-details h2 { /*background:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/ic-order-item.gif) 0 0 no-repeat;*/ /*TODO del*/ } .order-details h2 .separator { color: #999; font-size: 12px; } .order-about { margin: 0 0 15px; padding: 5px 30px; } .order-about dt { font-weight: bold; } .order-about dd { font-size: 12px; margin-bottom: 15px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { width: 20%; font-weight: bold; white-space: nowrap; } .tracking-table th, .tracking-table td { padding: 5px 9px; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } .page-print h1 { font-size: 16px; font-weight: bold; } .page-print h2, .page-print h3 { font-size: 13px; font-weight: bold; } .page-print h2.h2 { font-size: 16px; font-weight: bold; } .page-print .order-date { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/bkg_divider1.gif) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 10px; } .page-print .col2-set { margin: 0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display: block; margin: 0 0 5px; min-width: 113px; max-width: 140px; } .my-wishlist .product-name { margin-bottom: 10px; } .my-wishlist .description { margin-bottom: 10px; } .my-wishlist textarea { display: block; width: 97%; height: 70px; border: 1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom: 5px; } .my-wishlist .add-to-cart-alt { margin-bottom: 10px; } .my-wishlist .buttons-set { margin-top: 2em; } .my-wishlist .buttons-set button.button { float: none; } #wishlist-table .add-to-links { white-space: nowrap; } .my-wishlist .data-table tr.even { background: #fbfbfb; } /*TODO:redundant?*/ .my-wishlist .btn-cart { margin: 10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float: left; margin: 0 0 10px; } .my-tag-edit .btn-remove { float: right; margin: 5px 0 0 5px; } #my-tags-table { clear: both; } #my-tags-table td { padding: 10px; } #my-tags-table .add-to-links { white-space: nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding: 10px; } .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { margin: 0 0 8px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 10px; } .product-review .product-details { margin: 0 20px 20px 155px; } .product-review .product-name { font-size: 18px; margin: 0 0 18px; } .product-review h3 { font-size: 12px; margin: 15px 0 5px; } .product-review .ratings-table { margin: 0 0 15px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 12px; margin: 5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float: left; } .billing-agreements .form-list li button.button { float: left; margin-left: 10px; } .billing-agreements .table-caption { font-weight: bold; font-size: 13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; z-index: 10000; } .remember-me-popup .remember-me-popup-head { position: relative; } /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display: none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color: red; font-size: 12px !important; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: lowercase; width: 55px; line-height: 15px; padding: 2px 8px; } .map-cart-sidebar-total:hover { overflow: visible; white-space: normal; background-color: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin: 10px 0 0; position: absolute; width: 300px; z-index: 100; } .map-popup-heading { width: 240px; } .map-popup-heading h2 { margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { display: none;} .map-popup-content { overflow: hidden; text-align: left; width: 270px; } .map-popup-checkout { display: inline; float: right; text-align: right; } .map-popup-checkout span { display: block; padding-right: 30px; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; margin: 0 15px; padding: 15px 0; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background: #fff; text-align: left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom: 1px solid #e5e5e5; padding: 12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-weight: bold; font-size: 1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding: 15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/pix.png) 0 -150px no-repeat; display: block; position: absolute; top: 11px; right: 15px; height: 17px; width: 17px; text-indent: -9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position: -17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position: -34px -150px; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container { background-repeat: repeat; background-position: center top; } .footer { width: 960px; margin: 0 auto; padding: 0; text-align: left; } .footer .item-left { float: left; margin-right: 20px; } .footer .item-right { float: right; margin-left: 20px; } /* Footer elements */ .footer-links-outer .bullet-wrapper { float: left; width: 50%; min-height: 165px; } .footer-container .footer .heading, .footer h3 { margin-bottom: 0.625em; font-size: 1.3em; color: #0060af; font-family: 'lucida_sansdemibold_roman'; text-transform: uppercase; border-bottom: 1px solid #b4b4b4; margin: 0 0 20px; padding: 0 0 15px 0 } .footer-container .footer .quicklinkcol .heading { margin-right: 37px; } .footer-container .footer .social-accept-outer h3 { float: left; padding: 0 18px 0 0; border: 0; margin: 0 0 0 -12px; line-height: 2em; } .footer-container .footer .section { padding: 20px 8px; } .footer .socail-links a { display: block; float: left; width: 35px; height: 35px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat; margin-left: 8px; text-indent: -9999px; } .footer .socail-links a:first-child { margin-left: 0 } .footer .socail-links a.facebook { background-position: 0 -216px; } .footer .socail-links a.twitter { background-position: -45px -216px; } .footer .socail-links a.email { background-position: -90px -216px; } .footer .socail-links a.gmail { background-position: -135px -216px; } .footer .socail-links a.outlook { background-position: -180px -216px; } .footer .socail-links a.youtube { background-position: -225px -216px; } .footer .socail-links a.blog { background-position: -270px -216px; } .footer .socail-links a.favourite { background-position: -315px -216px; } .footer .socail-links a.gplus { background-position: -360px -216px; } #contactminiForm { padding: 3px 11px; display: block } #contactminiForm .form-list .field { margin-bottom: 0; width: 100%; } #contactminiForm .form-list input.input-text, #contactminiForm .form-list textarea { font-size: 12px; color: #727272; border: 0; background: #e3e3e3; font-style: italic; width: 93%; padding: 5px; } #contactminiForm .form-list textarea { height: 56px; } #contactminiForm > span { font-size: 12px; color: #606060; line-height: 18px; } #contactminiForm button.button span { background: #427cbb; font-size: 14px; font-family: 'lucida_sansdemibold_roman'; text-transform: uppercase; width: 58px; } #contactminiForm button.button:hover span { background: #333333; color: #fff; } #contactminiForm button.button span span { padding: 0; height: 26px; line-height: 26px; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top { } /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary { } /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid; border-color: #eee; border-color: rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top: 1px solid; border-color: #eee; border-color: rgba(0,0,0, 0.05); padding-top: 20px; padding-bottom: 10px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary { } /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container { } .footer-bottom { padding-top: 10px;} /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form { } #subscribe-form form { display: block; } #subscribe-form label { float: left; margin: 0 5px 0 0; line-height: 32px; font-weight: normal; position: relative; } #subscribe-form .input-box { float: left; margin: 0 5px 5px 0; position: relative; } #subscribe-form .input-box .validation-advice { padding: 10px 0; width: 140%; position: absolute; top: 110%; left: -20%; text-align: center; background-color: #fff; background-color: rgba(255,255,255,0.9); z-index: 1; } #subscribe-form .input-text { float: left; padding: 0 7px; width: auto; height: 30px; line-height: 30px; color: #999; text-overflow: ellipsis; } #subscribe-form .input-text.validation-failed { } #subscribe-form .button { float: left; } /* Social services -------------------------------------------------------------- */ .social-links span.icon { margin-bottom: 3px; } /* Other elements -------------------------------------------------------------- */ .footer-container .footer-copyright { font-size: 0.9166em; /*11px*/ line-height: 1.3636em; margin-bottom: 10px; margin-left: 10px; float: left; color: #404040 } .footer-container .footer-copyright a, .footer-container .footer-right-links a:hover, .footer-container .footer-right-links a em { color: #0060af; font-style: normal; } .footer-container .footer-copyright a:hover { color: #404040; } .footer-container .footer-right-links { float: right; color: #404040; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display: none; position: fixed; width: 50px; height: 50px; bottom: 30px; right: 30px; z-index: 9999; text-indent: -9999px; border-radius: 50%; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png) -200px -100px no-repeat #e5e5e5; } #scroll-to-top:hover { background-position: -200px -150px; background-color: #333; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display: none; } /* 404 not found page */ .cms-index-noroute .col-main .std { padding: 10px 0 0 270px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/magnifier.jpg) 40px 40px no-repeat; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners { } .page-banners .banner.large { margin-top: 20px; } .page-banners .banner a { display: block; } .page-banners .banner img { width: 100%; } .page-banners .banner a img { display: block; margin: 0 auto; transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .page-banners .banner a:hover img { opacity: 0.85; filter: alpha(opacity=85); } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page { } .horizontal-section, .vertical-section { display: block; margin-top: 10px; margin-bottom: 10px; position: relative; } .landing-page .center-block { display: block; margin: 0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { position: absolute; bottom: 0; width: 80%; margin: 6%; padding: 0; } .home_right_banner{position:relative;} .home_right_banner:first-child{margin-bottom:14px;} /* Caption position and layout -------------------------------------------------------------- */ .caption.top { top: 0; bottom: auto; width: 80%; } .caption.top-right { top: 0; bottom: auto; right: 0; width: 58%; left: auto !important; margin-right: 0 } .caption.bottom-right { right: 0; width: 58%; left: auto !important; margin-right: 0 } /* Width */ .caption.full-width { width: 88%; margin: 6%; } .caption.narrow { width: 38%; } /* Floating (text alignment) */ /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display: inherit !important; } /* Caption elements -------------------------------------------------------------- */ .caption .heading { float: left; display: inline-block; padding: 0.25em; margin-bottom: 0.2em; font-size: 2.8em; line-height: 1em; font-weight: normal; } .caption p { float: left; clear: left; display: inline-block; padding: 0.25em 0.5em; margin-bottom: 1px; font-size: 1.3333em; line-height: 1em; } .caption button { float: left; clear: left; margin-top: 1em; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color: rgba(0,0,0, 0.35); color: #fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color: rgba(0,0,0, 0.7); color: #fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color: rgba(0,0,0, 0.5); color: #fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color: rgba(0,0,0, 0.8); color: #fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color: rgba(0,0,0, 0.65); color: #fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color: rgba(0,0,0, 1); color: #fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color: rgba(255,255,255, 0.35); color: #000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color: rgba(255,255,255, 0.7); color: #000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color: rgba(255,255,255, 0.6); color: #000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color: rgba(255,255,255, 0.85); color: #000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color: rgba(255,255,255, 0.8); color: #000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color: rgba(255,255,255, 1); color: #000; } /* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear: both; font-size: 0; line-height: 0; height: 0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .section-line:after, .section-title:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .guest-select { width: 305px !important; } .the-slideshow-wrapper .gen-slider-arrows2 .direction-nav a { width: 32px; height: 32px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat 0 -45px; } .the-slideshow-wrapper .gen-slider-arrows2 .direction-nav a:hover { background-position: 0px -77px; background-color: transparent } .the-slideshow-wrapper .gen-slider-arrows2 .direction-nav a.next { background-position: -32px -45px } .the-slideshow-wrapper .gen-slider-arrows2 .direction-nav a.next:hover { background-position: -32px -77px } .the-slideshow-wrapper .gen-slider-pager1 .control-nav a { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -21px -144px; width: 21px; height: 21px; } .the-slideshow-wrapper .gen-slider-pager1 .control-nav a:hover, .the-slideshow-wrapper .gen-slider-pager1 .control-nav a.active { background-position: 0 -144px; } .caption { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/slider-bg.png) repeat; display: inline-block; width: auto !important; } .the-slideshow .caption { left: 0; margin-left: 0; } .slideshow-banners .caption { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/dark-overlay.png) repeat; right: 0 } .section-title.padding-right a { color: #0060af; font-family: 'lucida_sansdemibold_roman'; text-transform: uppercase; font-size: 20px; line-height: 26px; } .gen-slider-arrows2 .caption h2 { font-size: 30px; line-height: 36px; color: #333333; font-family: 'zurich_condensedbold'; background-color: transparent !important; margin-bottom: 0 } .gen-slider-arrows2 .caption h2 span { color: #0060af; } .the-slideshow .caption p, .slideshow-banners .caption p { font-family: 'zurich_condensedregular'; font-size: 19px; line-height: 25px; color: #000; background-color: transparent !important; } .slideshow-banners .caption p { color: #fff; } .slideshow-banners .caption p span { color: #56b3ff; } .the-slideshow-wrapper .direction-nav { position: static } .introduction-section { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/welcome-bg.jpg) repeat; padding: 20px 0 } .introduction-section h3 { color: #202020; font-size: 20px; line-height: 26px; font-family: 'lucida_sansdemibold_roman'; text-transform: uppercase; border-bottom: 1px solid #b4b4b4; padding-bottom: 15px; } .introduction-section h3 span { color: #0060af; } .introduction-section iframe { float: right; margin-left: 21px; margin-top: 8px; } .introduction-section p { text-align: justify; padding-bottom: 20px; font-size: 14px; line-height: 20px; } .introduction-section p img { float: left; margin-right: 17px; } .product-image-wrapper { overflow: hidden; } .product-overlay { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/product-overlay.png) repeat; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center } li.item:hover .product-overlay { top: 0; } .slideshow-banners .banner { margin-top: 17px; } .slideshow-banners .banner:first-child { margin-top: 0 } .footer-container { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/footer-bg.jpg) repeat !important; padding: 20px 0 0 } .footer-container .footer-secondary { background: #fff; box-shadow: 0 0 4px 1px #d3d3d3; } .col1-layout .in-col1 { float: none !important; } #form-validate .fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; } #form-validate .legend { background: #f5f5f5; border: 1px solid #e5e5e5; padding-top: 1px; } /*contact*/ .contact_fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; padding-top: 1px; } .col1-layout #contactForm { display: block; margin: 40px 0 0; } #contactForm .fieldset { border: 0; margin-top: 20px; padding: 20px 20px 10px 20px; background: #f5f5f5; border: 1px solid #e5e5e5; margin-bottom: 0 } #contactForm .legend { background: #f5f5f5; border: 1px solid #e5e5e5; margin-top: -38px; } .contacts-index-index .buttons-set { float: none; margin: 0 } .contacts-index-index .buttons-set button.button span span { padding: 0 30px; text-transform: uppercase } .contacts-index-index .buttons-set .button { margin-left: 0; } .page-title_bg { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; padding: 0px 12px; } .page-title_bg_pro { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; padding: 20px 0; } .page-title_bg_pro h2 { font-size: 20px; line-height: 26px; font-family: 'lucida_sansdemibold_roman'; color: #202020; padding-bottom: 17px; border-bottom: 1px solid #b4b4b4; } .product_list ul { margin: 10px -0.5%; } .product_list li { width: 32.3%; float: left; margin: 10px 0.5%; text-align: left; } .product_list li a { font-size: 16px; line-height: 22px; font-family: 'lucida_sansdemibold_roman'; color: #0060af; } .product_list li img { margin-bottom: 12px; width: 100%; display: block } .col1-layout .category-title h1 { border-bottom: 1px solid #b4b4b4; padding-bottom: 9px; } .clothesline1 { padding: 0px 12px; } .page-title_bg { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; padding: 0px 12px; } .category-upper-content { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; padding: 20px; 15px; } .col2-left-layout .col-main .content-inner { padding-left: 250px; } body.category-products .category-upper-content { /*display: none;*/ } .clothesline_delail { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; border-top: 1px solid #b4b4b4; padding-top: 12px; } .product_listing_vedio { width: 356px; height: 287px; float: right; padding-left: 20px; } .download_icon1 { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/download_icon1.png) no-repeat; float: left; width: 200px; border-bottom: 1px solid #a8a8a8; font-size: 16px; line-height: 22px; font-family: 'lucida_sansdemibold_roman'; color: #0060af; padding-left: 35px; line-height: 32px; height: 38px; text-transform: uppercase; margin-top: 25px; margin-right: 14px; } .download_icon1:last-child { margin-right: 0; } .product_detail { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/page-title_bg.jpg) repeat; padding: 20px 8px; } .product_detail-title h1 { border-bottom: 1px solid #b4b4b4; padding-bottom: 9px; font-family: 'lucida_sansdemibold_roman'; color: #202020; font-size: 20px; text-transform: uppercase; } .produt-box .container2-wrapper { padding: 0; } .box_t .box-additional { margin-top: 0px !important; } .super-attribute-select { width: 250px; background: none; border: 1px solid #bebebe !important; } .botton-_b { margin-top: 18px; } .qtys label { margin: 0px; font-family: 'lucida_sansdemibold_roman'; color: #4e4e4e; width: 96px; display: inline-block } .product-options-bottom .input-text { width: 250px; text-align: left; background: none; border: 1px solid #bebebe !important; } .sidebar { width: 219px !important; margin: 0 -260px 0 0 !important } .col2-left-layout .col-main { width: 100% !important; margin-left: 20px !important; margin-right: 0 !important; } .footer-banners { padding-bottom: 20px; padding-top: 16px; text-align: center } .checkout-cart-index .cart { padding-top: 20px; } div.buttons-set .button span { background: #0060af; } div.buttons-set .button span span:hover { background: #000; } .checkout-onepage-index .sidebar { width: 240px !important; } .checkout-onepage-index .col2-right-layout .col-main, .checkout-onepage-success .col2-right-layout .col-main, .checkout-cart-index .col1-layout { padding-top: 8px; } .checkout-cart-index .cart-empty { padding-bottom: 20px; } .postWrapper { background: #f7f7f7; padding: 20px; margin: 5px 0; } .no-posts { border: 2px dashed #d9eeff; padding: 20px; text-align: center; color: #0060af; margin-top: 48px; } .postTitle h2 { border-bottom: 0; padding: 0; font-size: 22px; line-height: 28px; } .postTitle h2 a { color: #000; } .postTitle h3 { font-weight: normal; font-size: 11px; line-height: 17px; } .postDetails { padding-top: 10px; font-size: 11px; line-height: 17px; } .commentbox { padding: 20px; background: #f7f7f7; margin-bottom: 10px; } .commentbox .postTitle h2 { font-size: 18px; color: #c6bfbf; line-height: 24px; } .contacts-index-index .section-title { margin-bottom: 20px; } .distributors-content, .tradeshow-content { padding: 20px 0; margin: 0 -0.5% } .distributors-title, .tradeshow-title { font-weight: bold; width: 105px; display: block; float: left; } .distributors-value, .tradeshow-value { display: block; float: left; width: 100%; margin-left: -105px; } .distributors-value-inner, .tradeshow-value-inner { padding-left: 115px; display: block } .distributors-item, .tradeshow-item { width: 32.3%; float: left; margin: 5px 0.5%; background: #f5f5f5; } .distributors-item ul, .tradeshow-item ul { padding: 20px; } .distributors-item li:before, .distributors-item li:after, .tradeshow-item li:before, .tradeshow-item li:after { content: ''; display: table } .distributors-item li:after, .tradeshow-item li:after { clear: both } .distributors-item li, .tradeshow-item li { zoom: 1; padding-bottom: 5px; } .section-title { margin-bottom: 10px; } .photo_gallery_lisitng_pad { margin: 0 -0.5% } .product_wrape { width: 24%; float: left; margin: 5px 0.5%; } .product_wrape .product { position: relative; } .product_wrape .caption { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/dark-overlay.png) repeat; margin: 0; bottom: 20px; left: 10px; max-width: 237px } .product_wrape .img { border: 1px solid #edeaea; padding: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product_wrape .img a { display: block } .product_wrape .img img { width: 100%; } .product_wrape .caption a { font-family: 'zurich_condensedregular'; font-size: 22px; line-height: 28px; color: #56b3ff; padding: 10px; text-transform: uppercase; display: block } .product_wrape:hover .img { box-shadow: 0 0 3px 1px #c9c8c8; -webkit-box-shadow: 0 0 3px 1px #c9c8c8; -o-box-shadow: 0 0 3px 1px #c9c8c8; -ms-box-shadow: 0 0 3px 1px #c9c8c8; -moz-box-shadow: 0 0 3px 1px #c9c8c8; } .product_wrape:hover .caption a { color: #fff; } .rivatgallery-index-allimages .nav-container #nav > li > a[title="Gallery"], .rivatgallery-index-subcat .nav-container #nav > li > a[title="Gallery"], .rivatgallery-index-index .nav-container #nav > li > a[title="Gallery"], .blog-index-list .nav-container #nav > li > a[title="Blog"], .blog-cat-view .nav-container #nav > li > a[title="Blog"], .blog-post-view .nav-container #nav > li > a[title="Blog"] { background-color: #333333; color: #ffffff; } .testimonial_text { width: 950px !important; text-align: justify } .testimonials > div { border-top: 1px dashed #b4d2ef; padding-top: 20px; } .testimonials > div:first-child { border: 0; padding-top: 0 } .testimonial_image { border: 1px solid #c6e3ff; padding: 5px; } .testimonial_l .testimonial_text { float: right; } .testimonial_l .testimonial_image { float: left; } .testimonial_r .testimonial_text { float: left; } .testimonial_r .testimonial_image { float: right; } .testimonial_text h2 { color: #3399ff !important; font-size: 18px !important; line-height: 24px !important; margin: 0 } .sidebar { margin-top: 7px !important; } .commentDetails { padding-top: 10px; } .commentbox .toolbar { margin: 10px 0; } .testimonial_text { width: 100% !important; margin-left: -210px; float: left !important } .testimonial_text_inner { padding-left: 230px; } .contact-section address:before, .contact-section address:after { content: ''; display: table } .contact-section address:after { clear: both } .contact-section address { zoom: 1; } .contact-section address { display: block; padding-left: 30px; margin-bottom: 5px; } .contact-section address strong { display: block } .contact-section address.main-address { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/icon-address.png) no-repeat; } .contact-section address.postal-address { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/icon-address.png) no-repeat; } .contact-section address.phone-number { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/icon-mobile.png) no-repeat; } .contact-section address.email-address { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/icon-email.png) no-repeat 0px 4px; } #contactForm .form-list .field { float: none; width: 100% } #contactForm .form-list input.input-text, #contactForm .form-list textarea { width: 100%; } #contactForm .fieldset { margin-bottom: 0; padding: 0 25px 12px 21px } #contactForm .buttons-set p.required { margin-bottom: 0 } #contactForm h2 { background: #0060af; color: #fff; font-size: 18px; line-height: 24px; padding: 0 5px; float: left; margin-top: -10px; margin-bottom: 10px; font-family: 'lucida_sansdemibold_roman' } #contactForm .buttons-set { margin-top: 0; border: 0 } #product-options-wrapper select, #product-options-wrapper input.input-text { background: none; } .postImage{width:270px; float:left;} .blog-right-content {float:left; width:100%; margin-left:-270px;} .blog-right-content-inner{padding-left:290px;} .aw-blog-read-more{margin-left:5px;} /*14-8-2014*/ .tradeshow-index-index .tradeshow-content .tradeshow-item{min-height:200px;} .distributors-index-index .distributors-content .distributors-item{min-height:240px;} .captchaimg { float: left; padding: 5px 5px 10px 0; } a.btnrefresh{background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/refresh.png) no-repeat scroll center center rgba(0, 0, 0, 0);display: inline-block;float: left;font-size: 0; height: 30px; margin-left: 5px; margin-top:5px; position: relative; text-indent: -555555px; width: 30px;} /*Responsive ==================================================================================*/ @media only screen and (max-width: 1199px) { .nav-container #nav > li > a { padding: 0 13px } .container { max-width: 960px; } .footer .socail-links a, .footer .socail-links a:first-child { margin: 4px; } .footer .socail-links { width: 80%; float: left } .distributors-item, .tradeshow-item { width: 32%; margin: 4px 0.5% } .distributors-item ul, .tradeshow-item ul { min-height: 125px; } /*14-8-2014*/ .tradeshow-index-index .tradeshow-content .tradeshow-item{min-height:210px;} .distributors-index-index .distributors-content .distributors-item{min-height:270px;} } @media only screen and (max-width: 960px) { .header-right .phone span, .header-right #mini-cart .empty .price, .header-right #mini-cart .summary .price { line-height: 35px; } .contact-cart-outer { padding-top: 30px; } .footer-container .footer .heading, .footer h3 { font-size: 1em; } .product_listing_vedio { width: 100%; float: none; padding: 0 } .product_listing_vedio object { width: 100%; } .download_icon1 { width: 23%; margin: 10px 1%; } .sidebar { float: none; margin: 0 !important; width: 100% !important } .col2-left-layout .col-main .content-inner { padding-left: 0 } .add-to-cart .button { margin-left: 0 } .distributors-item, .tradeshow-item { width: 49% } .product_wrape { width: 32.3% } } @media only screen and (max-width: 767px) { .contact-cart-outer { padding-top: 0 } #mini-cart { margin-bottom: 10px } .header .welcome-msg { padding-right: 90px; } .slideshow-banners > div.cf { margin: 0 -1%; } .slideshow-banners .banner { float: left; width: 48%; margin: 0 1%; } .slideshow-banners .banner img { width: 100% } .slideshow-banners .caption p { display: block } .product-shop { margin-bottom: 0 } .product-view .product-img-column { float: none; margin: 0 auto 20px } .product-view .productRightCol { float: none; margin-left: 0 } .product-view .productRightCol-inner { padding-left: 0 } .add-to-cart .button { margin-left: 101px } .product-view .box-additional, .product-view .box-additional .container2-wrapper { margin-bottom: 0 !important } .product_wrape { width: 49% } .distributors-item ul, .tradeshow-item ul { min-height: 0; } .footer-container .footer .quicklinkcol .heading { margin-right: 0 } .footer-container .footer .social-accept-outer h3 { margin: 0 0 20px; width: 110px; } .footer .socail-links:before, .footer .socail-links:after { content: ''; display: table } .footer .socail-links:after { clear: both } .footer .socail-links { padding-bottom: 15px; zoom: 1 } .footer .socail-links { width: 78% } .footer .mobile-grid.grid12-3 { width: 100%; margin: 0 } .footer-banners .page-banners .banner img { max-width: 379px; margin-bottom: 10px; } } @media only screen and (max-width: 640px) { .footer .socail-links { width: 70%; } .introduction-section iframe { width: 100%; float: none; margin: 0 0 10px } .product_list li { width: 100%; margin: 10px 0; float: none; } .add-to-cart .button { margin-left: 101px } .distributors-item, .tradeshow-item { width: 100%; margin: 4px 0; } .footer-container .footer-copyright { float: none; text-align: center } .footer-container .footer-right-links { float: none; text-align: center; padding-bottom: 10px; } .postImage{float:none; margin:0 auto 10px;} .blog-right-content{float:none; margin:0;} .blog-right-content-inner{padding-left:0; text-align:center} .map { height: 250px !important; } } @media only screen and (max-width: 479px) { .header .welcome-msg { padding-right: 15px; } .footer-container .footer .social-accept-outer h3 { float: none; width: 100%; border-bottom: 1px solid #B4B4B4; padding: 0 } .footer .socail-links { width: 100%; } .footer .weaccept { padding-bottom: 10px; } .download_icon1 { float: none; margin: 10px 0; width: 87%; display: block; } .slideshow-banners > div.cf { margin: 0; } .slideshow-banners .banner { float: none; width: 100%; margin: 5px 0; } .product-options-bottom .input-text { margin-left: 0 } .add-to-cart .button { margin-left: 0 } .product_detail .gen-slider-arrows3 .direction-nav .next, .product_detail .gen-slider-arrows3 .direction-nav .prev { top: 13px !important; } .product_wrape { width: 100%; margin: 5px 0; float: none; } .testimonial_image { float: none !important; margin: 0 auto 10px !important } .testimonial_text { margin-left: 0; float: none !important; padding: 0 !important; background: none; } .testimonial_text_inner { padding-left: 0; } } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.versaline.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* Brands %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* On product page -------------------------------------------------------------- */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand slider -------------------------------------------------------------- */ .brand-slider {} /* Effects -------------------------------------------------------------- */ .box-brand a img, .brand-slider .slides a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .box-brand a:hover img, .brand-slider .slides a:hover img { opacity:0.85; filter:alpha(opacity=85); } /* Brand in secondary column on product page -------------------------------------------------------------- */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /** * Slideshow */ /* Necessary styles -------------------------------------------------------------- */ .the-slideshow {margin: 0; padding: 0;} .the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .the-slideshow .slides img {max-width: 100%; display: block;} .pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .the-slideshow .slides {display: block;} * html .the-slideshow .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .the-slideshow .slides > li:first-child {display: block;} /* Default style -------------------------------------------------------------- */ .the-slideshow { margin:0 auto 2%; position:relative; zoom:1; } .the-slideshow .slides { zoom:1; } .the-slideshow .slides > li { position:relative; } /* Slideshow banners -------------------------------------------------------------- */ .slideshow-banners { margin-bottom:2%; } .slideshow-banners .banner { position:relative; /*Container for caption*/ } .slideshow-banners a.banner, /*Backward compatibility, link could have "banner" class */ .slideshow-banners .banner a { display:block; } .slideshow-banners .banner img {} /* Effects -------------------------------------------------------------- */ /*.slideshow-banners banner a img, .slideshow-banners a.banner img,*/ .the-slideshow .slides > li a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /*.slideshow-banners banner a:hover img, .slideshow-banners a.banner:hover img,*/ .the-slideshow:hover .slides > li a img { opacity:0.85; filter:alpha(opacity=85); } /** * Generic interface elements */ /* Simple directional arrows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-direction-arrows1 a.previous, .gen-direction-arrows1 a.next { display: block; width: 30px; height: 30px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/slider-arrows.png); background-repeat: no-repeat; transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-direction-arrows1 a.previous { background-position: -10px -10px; } .gen-direction-arrows1 a.previous:hover { background-position: -10px -60px; background-color: #333; } .gen-direction-arrows1 a.next { background-position: -60px -10px; } .gen-direction-arrows1 a.next:hover { background-position: -60px -60px; background-color: #333; } /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: small, outside the slider -------------------------------------------------------------- */ .direction-nav li { float: left; } .direction-nav a { display: block; width: 32px; height: 32px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) 0 -109px transparent; cursor: pointer; text-decoration: none; text-indent: -999px; overflow: hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; background-color:transparent !important} .direction-nav a.disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; } .direction-nav a.disabled:hover {/* Must be the same as default color */ } .direction-nav .prev { margin-right: 1px; } .direction-nav .prev:hover { background-position: 0 -77px; } .direction-nav .prev.disabled:hover { background-position: 0 -109px; /* Same as default */ } .direction-nav .next { background-position: -32px -109px; } .direction-nav .next:hover { background-position: -32px -77px; } .direction-nav .next.disabled:hover { background-position: -32px -109px; /* Same as default */ } /* Positioning: -------------------------------------------------------------- */ .direction-nav{position: absolute; top: -50px;} .gen-slider-arrows1-pos-top-right .direction-nav, .newProducts .direction-nav{ right: 0px; } .gen-slider-arrows1-pos-top-left .direction-nav {left: 0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: large, on slider, split -------------------------------------------------------------- */ .gen-slider-arrows2 .direction-nav { height: 0; } .gen-slider-arrows2 .direction-nav a { position: absolute; display: block; width: 50px; height: 50px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/slider-arrows.png); background-repeat: no-repeat; background-color: #fff; cursor: pointer; text-decoration: none; text-indent: -999px; overflow: hidden; transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .gen-slider-arrows2:hover .direction-nav a { opacity: 1; filter: alpha(opacity=100); } .gen-slider-arrows2:hover .direction-nav a.disabled { opacity: 0.4; filter: alpha(opacity=40); } .gen-slider-arrows2 .direction-nav a:hover { background-color: #333; } .gen-slider-arrows2 .direction-nav a.disabled { cursor: default; } .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color: #fff; /* Must be the same as default color */ } .gen-slider-arrows2 .direction-nav .prev { background-position: 0 0; left: 1.5%; top: 45%; } .gen-slider-arrows2 .direction-nav .prev:hover { background-position: 0 -50px; } .gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position: 0 0; } .gen-slider-arrows2 .direction-nav .next { background-position: -50px 0; right: 1.5%; top: 45%; } .gen-slider-arrows2 .direction-nav .next:hover { background-position: -50px -50px; } .gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position: -50px 0; /* Same as default */ } /* Style: only background image -------------------------------------------------------------- */ .gen-slider-arrows2-style1 .direction-nav a { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/slideshow-arrows-solid.png); background-color: transparent !important; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: at the left and the right side of the slider -------------------------------------------------------------- */ .gen-slider-arrows3 .direction-nav a { position: absolute; display: block; width: 30px; height: 30px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/slider-arrows.png); background-repeat: no-repeat; background-color: #fff; cursor: pointer; text-decoration: none; text-indent: -999px; overflow: hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows3 .direction-nav a:hover { background-color: #333; } .gen-slider-arrows3 .direction-nav a.disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; } .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color: #fff; /* Must be the same as default color */ } .gen-slider-arrows3 .direction-nav .prev { background-position: -10px -10px; top:70px; left: -32px; } .product_detail .gen-slider-arrows3 .direction-nav .prev { left: -18px; background-color:#dedede; top:20px;} .product_detail .gen-slider-arrows3 .direction-nav{position:static} .gen-slider-arrows3 .direction-nav .prev:hover { background-position: -10px -60px; } .gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position: -10px -10px; /* Same as default */ } .gen-slider-arrows3 .direction-nav .next { background-position: -60px -10px; top:70px; right:-342px; } .product_detail .gen-slider-arrows3 .direction-nav .next { right:-20px; top:20px;} .product_detail .gen-slider-arrows3 .direction-nav .next:hover {background-color:#0065b9;} .gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position: -60px -10px; /* Same as default */ } /* Style: long (high) buttons -------------------------------------------------------------- */ .gen-slider-arrows3-style1 .direction-nav a { height: 75px; } .gen-slider-arrows3-style1 .direction-nav .prev { background-position: -10px 13px; top: 0; left: -32px; } .gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position: -10px -37px; } .gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position: -10px 13px; /* Same as default */ } .gen-slider-arrows3-style1 .direction-nav .next { background-position: -60px 13px; top: 0; right: -32px; } .gen-slider-arrows3-style1 .direction-nav .next:hover { background-position: -60px -37px; } .gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position: -60px 13px; /* Same as default */ } /* Generic pager %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager1 .control-nav { text-align: center; } .gen-slider-pager1 .control-nav li { display: inline-block; } .gen-slider-pager1 .control-nav li:first-child { margin-left: 0; } .gen-slider-pager1 .control-nav a { display: block; width: 20px; height: 20px; background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/pager.png); background-repeat: no-repeat; background-color: transparen; cursor: pointer; text-decoration: none; text-indent: -999px; overflow: hidden; } .gen-slider-pager1 .control-nav a:hover { background-position: 0 -60px; } .gen-slider-pager1 .control-nav a.active { background-position: 0 -30px; cursor: default; } .gen-slider-pager1 .control-nav a.active:hover { } /* Style: small -------------------------------------------------------------- */ .gen-slider-pager1-style1 .control-nav li { margin-left: 0; } .gen-slider-pager1-style1 .control-nav a { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/pager-small.png); } /* Positioning: -------------------------------------------------------------- */ .gen-slider-pager1-pos-bottom-right .control-nav { position: absolute; bottom: 4.4526%; left: 0; width: 100%; text-align: center } .gen-slider-pager1-pos-bottom-left .control-nav { position: absolute; bottom: 4.4526%; left: 1.5%; } /* Additional pager positioning for slider-arrows1 */ .gen-slider-arrows1-pos-top-right-pager .control-nav { position: absolute; top: -33px; right: 71px; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } .itemgrid-adaptive .item {} /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.333%; } /*max-width:233px;*/ .itemgrid-3col .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } /*max-width:175px;*/ .itemgrid-4col .item:nth-child(4n+1) { clear:left; } .itemgrid-4col .item.dop { width:48%; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } /*max-width:140px;*/ .itemgrid-5col .item:nth-child(5n+1) { clear:left; } .itemgrid-5col .item.dop { width:38%; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.66%; } /*max-width:116px;*/ /*TODO: was: 14.667%*/ .itemgrid-6col .item:nth-child(6n+1) { clear:left; } .itemgrid-6col .item.dop { width:29.32%; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.286%; } .itemgrid-7col .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ /*.itemgrid-8col .item { width:10.5%; } .itemgrid-8col .item:nth-child(8n+1) { clear:left; }*/ /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding: 0; margin: 0; list-style-type: none; } .accordion ul { float: left; display: block; width: 100%; padding: 0 0 0 10px; margin: 0; } .accordion li { float: left; display: block; width: 100% !important; padding: 0 !important; margin: 0; list-style-type: none; cursor: pointer; position: relative; } .accordion li.active { } .accordion li.current { } .accordion li a, .sidebar li a, .sidebar li > strong { display: block; padding: 15px 10px; font-size: 1.3333em; /*16px*/ line-height: 1.125em; /*18px*/ } .accordion li li a { padding-left: 20px; } .accordion li li li a { padding-left: 40px; } .accordion li li li li a { padding-left: 60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right: 54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position: absolute; right: 0; top: 0; display: block; cursor: pointer; width: 49px; height: 49px; background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .accordion .opener:hover { background-color: rgba(0,0,0, 0.05); } /* Active */ .accordion li.active > .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a, .sidebar li a, .sidebar li > strong { padding: 5px 10px; } .accordion-style1 li li a { padding-left: 20px; } .accordion-style1 li li li a { padding-left: 35px; } .accordion-style1 li li li a:before{left:20px;} .accordion-style1 li li li li a { padding-left: 50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right: 33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a, .sidebar li a, .sidebar li > strong { position: relative; padding-left:20px; font-size:13px; line-height:19px; color:#4e4e4e;} .accordion-style1 li a:before, .sidebar li a:before, .sidebar li > strong:before { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) -74px -147px; content: ''; display: block; position: absolute; left:5px; top: 9px; width:7px; height:10px;} #cart-sidebar-reorder li a{padding:0} #cart-sidebar-reorder li a:before{display:none;} .accordion-style1 li a:hover { background-color: rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width: 28px; height: 28px; /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-small.png);*/ background-color: rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color: rgba(0,0,0, 0.10); } /* Active */ .accordion-style1 li.active > .opener { /*background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-small-active.png);*/ } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position: relative; } .collapsible .block-title { padding-top: 8px; padding-right: 35px; /* Space for opener */ padding-bottom: 8px; border-bottom: 1px solid #f2f2f2; border-color: rgba(0,0,0, 0.05); margin-bottom: 0.625em; /*10px*/ font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ font-weight: normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top: 0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position: absolute; right: 0; top: 2px; display: block; cursor: pointer; width: 30px; height: 30px; background-color: #f2f2f2; /*IE*/ background-color: rgba(0,0,0, 0.05); background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener.png); background-position: center center; background-repeat: no-repeat; /*border-radius:50%;*/ } .collapsible .opener:hover { background-color: #e5e5e5; /*IE*/ background-color: rgba(0,0,0, 0.1); } .collapsible.active .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active.png); } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible { } /* * Navigation menu */ /* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ line-height:49px; /*3.0625em*/ } /* Main menu - vertical (in the sidebar) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav-side { float:left; width:100%; } /* Main menu - mobile vertical (in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ #mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } #mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ .nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overridding */ display:none; margin-top:0 !important; } .vertnav-top.mobile { display:block; /* Visible even if when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top.mobile.show { max-height:9999px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top li a { text-transform:uppercase; } /* Main menu - horizontal %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position:relative; /* Dropdown custom block position is relative to this element */ z-index:2000; } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display:none; } /* Show the bottom line and fill in the gap */ /*#nav { border-bottom:5px solid #333; } #nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }*/ /* All levels -------------------------------------------------------------- */ #nav li { text-align:left; } #nav li a { display:block; text-decoration:none; } #nav li.parent {} #nav li a span { display:block; white-space:nowrap; } #nav li ul a span { white-space:normal; } /* 1st level only -------------------------------------------------------------- */ #nav > li { float:left; } #nav > li > a { display:block; padding:0 15px; } /* Drop-down boxes: wide: 2nd-level category drop-down box + custom block drop-down box classic: custom block drop-down box -------------------------------------------------------------- */ #nav .level0-wrapper { left:-10000px; position:absolute; top:49px; width:96%; padding:2%; background-color:#fff; -webkit-transform: translateZ(0); /* Fix: possible glitches during animation */ } /*#nav .level0-wrapper { position:absolute; top:49px; background-color:#fff; width:96%; padding:2%; left:0; visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -moz-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -webkit-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -o-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; } #nav > li:hover .level0-wrapper { visibility:visible; opacity:1; transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -o-transition-delay:150ms; }*/ /* Additional custom elements in the main menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Custom menu item */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link { position:static; } /* Static block's content - basic formatting -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Home link in the main menu -------------------------------------------------------------- */ /* If enabled, show image home link */ /*#nav-home.nav-home-img {}*/ /* Main selectors */ #nav a.level-top.feature { height:49px; /* Same height as element's wrappers TODO: */ margin:0; /* Remove default margins */ } #nav a.level-top.feature > span { display:block; float:left; } #nav a.level-top .icon { margin:6px 0 0 0; /* Align inside menu item */ background-color:transparent !important; /* Remove default colors */ } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; text-transform:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; vertical-align:top; } /* 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Inside mobile menu / vertical menu -------------------------------------------------------------- */ ul.vertnav li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:2px; font-size:inherit; line-height:inherit; } /* Hide pin */ ul.vertnav li.level0 > a > span > .pin-bottom:before { display:none; } /* Hide category labels in vertical sidebar menu */ /* ul.vertnav-side li > a > span > .cat-label { display:none !important; } */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top:0; margin-bottom:1%; } .nav-block-top {} .nav-block-bottom {} .nav-block-center {} .nav-block-right {} .nav-block-level1-top { margin-bottom:10px; } .nav-block-level1-bottom { margin-top:10px; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color:#eee; } /** * Classic drop-down menu */ /* All levels -------------------------------------------------------------- */ /* Drop-down box's position is relative to this element. */ #nav li { position: relative; float: left; } #nav li a { /*float:left;*/ } /* 2nd Level+ -------------------------------------------------------------- */ /* All category drop-down boxes */ #nav ul { position: absolute; top: 49px; left: -10000px; background-color: #fff; width: 16em; padding: 20px; border: 0; -webkit-transform: translateZ(0); /* Fix for webkit */ } /* Custom block drop-down box. Override default style to show custom block in the classic menu. */ #nav .level0-wrapper { display: block; left: -10000px; } #nav div ul { position: static; width: auto; border: none; } #nav ul li { display: block; float: none; } #nav ul li.parent > a { position: relative } #nav ul li.parent > a:after { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) -74px -118px; content: ''; display: block; position: absolute; right: 5px; top: 9px; width: 7px; height: 10px; } #nav ul li.parent:hover > a:after{background-position: -95px -118px} #nav ul li a { padding: 2px 10px 2px 0; float: none; } /* 3rd level+ -------------------------------------------------------------- */ /* Align with the parent item */ #nav ul ul { top: -19px; width:230px; } /* Show drop-down boxes -------------------------------------------------------------- */ /* All category drop-down boxes + custom block drop-down box */ #nav ul, #nav .level0-wrapper { opacity: 0; transition: opacity 150ms ease-in-out 150ms; -moz-transition: opacity 150ms ease-in-out 150ms; -webkit-transition: opacity 150ms ease-in-out 150ms; -o-transition: opacity 150ms ease-in-out 150ms; } /* Lower category (3rd level+) drop-down boxes */ #nav ul ul { transition: opacity 150ms ease-in-out 0ms; -moz-transition: opacity 150ms ease-in-out 0ms; -webkit-transition: opacity 150ms ease-in-out 0ms; -o-transition: opacity 150ms ease-in-out 0ms; } /* All submenus when visible */ #nav .shown-sub { opacity: 1; left: 0; z-index: 2000 !important; } #nav .shown-sub ul.shown-sub { left: 244px; } .testimonials { height: 100%; } .testimonials .testimonial_l, .testimonials .testimonial_r { clear: both; display: table; height: auto; margin: 25px 20px 25px 0; width: 100%; } .testimonial_image {width: 120px; } .testimonial_image img { width: 120px; } .testimonial_text { background: url("https://www.versaline.com.au/skin/frontend/versaline/default/turnkeye/testimonial/images/quote.gif") no-repeat scroll 220px 0 transparent; font-size: 13px; padding: 20px 20px 0 55px; width: 480px; } .testimonial_text h2 { color: #43A3AC; } .testimonials_sidebar .block-content a { color: #1B2D3B; float: none; text-decoration: underline; text-align: right; font-size: 11px; line-height: 1.25; } .testimonials_sidebar .block-title strong { background: url("https://www.versaline.com.au/skin/frontend/versaline/default/turnkeye/testimonial/images/i_block_testimonials.gif") no-repeat scroll 0 0 transparent; padding-left: 20px; } .testimonials_sidebar .testimonial_sidebar_box .testimonial_sidebar_text .testimonial_sidebar_name { font-size: 11px; line-height: 1.25; color: #1B2D3B; } .testimonial_sidebar_text { text-align: left; padding: 6px 9px; } .testimonial_sidebar_name { text-align: right !important; font-style: italic; margin: 0 10px 7px; } /** * Infortis Themes */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display: table; } .v-centered-content .v-center { display: table-cell; vertical-align: middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title.padding-right { padding-right: 80px !important; } /* Horizontal line */ .section-line { clear: both; display: block; font-size: 0; line-height: 0; height: 0; margin: 0 0 10px; padding: 10px 0 0; background: none; border-bottom: 1px solid #e5e5e5; text-indent: -9999em; overflow: hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float: right !important; } .custom-sidebar-right .inner { padding-left: 10px; border-left: 1px solid #e5e5e5; } .custom-sidebar-left { float: left !important; } .custom-sidebar-left .inner { padding-right: 10px; border-right: 1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height: 3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding: 0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right: 0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float: left; } .links > li > a { display: block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .show-separators .links > li { margin-left: -1px; } .show-separators .links > li > a { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/link-separator.png); background-position: right center; background-repeat: no-repeat; } .show-separators .links > li.last > a { background-image: none; } .show-separators .links > li.hide-separator > a { background-image: none; } .show-separators .links > li.separator-left > a { background-position: left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .show-separators-left .links > li { margin-left: -1px; } .show-separators-left .links > li > a { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/link-separator.png); background-position: left center; background-repeat: no-repeat; } .show-separators-left .links > li.first > a { background-image: none; } .show-separators-left .links > li.hide-separator > a { background-image: none; } .show-separators-left .links > li.separator-right > a { background-position: right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right: 17px; display: inline !important; } /** * Drop-down */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown toggle %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle { display:block; } /* Inside Dropdown-toggle -------------------------------------------------------------- */ .dropdown-toggle * { display:inline-block; } .dropdown-toggle .label { padding-right:2px; } .dropdown-toggle .value {} .dropdown-toggle .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } .dropdown-toggle .img-caret { background:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat; width:10px; text-indent:-9999px; } /* Predefined icons -------------------------------------------------------------- */ .dropdown-toggle .icon.first { margin-left:-5px; } .dropdown-toggle .icon.close-to-text { margin-right:-8px; } /* Fix positioning of icon */ .dropdown-toggle .icon { padding:0; width:36px; height:36px; } /* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle.cover > div { padding:0 10px; } .open > .dropdown-toggle.cover > div { background-color:#fff; } /*.dropdown:hover .dropdown-toggle.cover > div,*/ .open > .dropdown-toggle.cover > div { z-index:4001; position:relative; } /* Dropdown menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown-menu.left-hand { left:auto; right:0; } /* When dropdown menu is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown-menu > li * { display:inline-block; } .dropdown-menu > li > a { display:block; } .dropdown-menu > li { white-space:nowrap; } .dropdown-menu > li .label { margin-right:8px; } .dropdown-menu .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Clickable %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clickable-dropdown {} /** * Icons and "feature" box */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.icon, /*backward compatibility*/ span.icon { background-color:#999; background-position:0 0; background-repeat:no-repeat; border-radius:50%; display:inline-block; width:30px; height:30px; padding:3px; } div.icon.large, /*backward compatibility*/ span.icon.large { width:50px; height:50px; padding:5px; } /* Hover */ .icon-hover:hover /* Info: was more specific: span.icon-hover:hover */ { background-color:#333; } /* Utility classes -------------------------------------------------------------- */ /* Icon without background color */ .icon.no-bg-color { background-color:transparent; } /* Auto-size */ .icon.auto-size { width:auto; max-width:none; height:auto; max-height:none; } /* Not rounded */ .icon-wrapper-square span.icon, .icon.square { border-radius:0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin:10px 0; } .feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .feature.first { margin-top:0; } .feature.last { margin-bottom:0; } /* With top/bottom border line */ .feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; } .feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top:1px solid #f5f5f5; margin-top:20px; padding-top:20px; } .feature-wrapper.bottom-border { border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding-bottom:20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ margin-bottom:0.625em; /*10px*/ font-weight:normal; } .feature .above-heading { margin:0 0 5px; font-size:11px; line-height:1.4545em; /*16px*/ text-transform:uppercase; color:#888; } .feature .below-heading { font-size:1em; font-style:italic; line-height:1.3333em; /*16px*/ color:#888; } /* Feature icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .icon { float:left; } /* Feature icons vertically centered */ .feature.v-centered-content .v-center .icon { margin:0 5px 0 0; } /* Feature icons styles: */ /* Default icon -------------------------------------------------------------- */ .feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; } .feature span.icon { padding:3px; } /* Small icon -------------------------------------------------------------- */ .feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; } .feature.small span.icon { padding:0; } /* Small icon: icons with predefined background image */ .feature.small span.icon.list1 { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list1.png); width:18px; height:18px; } .feature.small span.icon.list2 { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/_shared/cck/list/list2.png); width:18px; height:18px; } /* Large icon -------------------------------------------------------------- */ .feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; } .feature.large span.icon { padding:5px; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.indent .icon { margin-bottom:0; } /* Default -------------------------------------------------------------- */ .feature.indent { padding-left:51px; } .feature.indent .icon { margin-left:-51px; } /* Small -------------------------------------------------------------- */ .feature.small.indent { padding-left:28px; } .feature.small.indent .icon { margin-left:-28px; } /* Large -------------------------------------------------------------- */ .feature.large.indent { padding-left:75px; } .feature.large.indent .icon { margin-left:-75px; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ span.icon-hover, .feature-icon-hover span.icon { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /** * Itemslider */ /* Necessary styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider {margin: 0; padding: 0;} .itemslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .itemslider .slides img {max-width: 100%; display: block;} .pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .itemslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .itemslider .slides {display: block;} * html .itemslider .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .itemslider .slides > li:first-child {display: block;} /* Itemslider styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Itemslider wrapper and navigation container */ .itemslider-wrapper .nav-wrapper { position:relative; } /* Style: default -------------------------------------------------------------- */ .itemslider { margin:0 auto; position:relative; zoom:1; } .itemslider .slides { zoom:1; } .itemslider .slides > li { position:relative; } .itemslider .slides img { width:100%;} /* Style: horizontal -------------------------------------------------------------- */ .itemslider-horizontal .slides > li { padding:20px 0 0; text-align:center} /* Itemslider mode %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Quantized number of visible items -------------------------------------------------------------- */ .itemslider-x { max-width:940px; } .itemslider-x.count-1 { max-width:188px; } /*1*/ .itemslider-x.count-2 { max-width:376px; } /*2*/ .itemslider-x.count-3 { max-width:564px; } /*3*/ .itemslider-x.count-4 { max-width:752px; } /*4*/ .itemslider-x.count-5 { max-width:940px; } /*5*/ .itemslider-x.count-6 { max-width:1128px; } /*6*/ .itemslider-x.count-7 { max-width:1316px; } /*7*/ .itemslider-x.count-8 { max-width:1504px; } /*8*/ /* If slider is inside columns */ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:700px; } /*4*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:134px !important; } .in-col3 .itemslider-x { max-width:462px; } /*3*/ /* In sidebar */ .in-sidebar .itemslider-x .slides > li { width:168px !important; } .in-sidebar .itemslider-x { max-width:188px; } /*1*/ /* Direction navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider .direction-nav { height:0; text-align:center; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider.hide-direction-nav .direction-nav { display:none; } .itemslider.hide-control-nav .control-nav { display:none; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0 1px 0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0 0.5em; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:20px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:2.1em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; } /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { background-color:#0060af; border-color:#e5e5e5; border-bottom:1px solid transparent; margin-bottom:-1px; /* Make a little bit higher thatn other tabs */ padding-top:0px; margin-top:0px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Tabs - skin 2: with shadow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style2 .tabs a { font-size:1.3333em; } .gen-tabs-style2 .tabs a.current { box-shadow:0 0 10px rgba(0,0,0, 0.15); position:relative; z-index:1; /* Make a little bit higher thatn other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style2 .tabs-panels { background-color:#fff; position:relative; z-index:2; } #product-tabs{margin-top:17px;} /** * Theme icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-457px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: */ /* Phone */ .icon.i-phone { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-phone-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-letter-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* linked in */ .icon.i-linkedin { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social.png); background-position:-357px -157px; } /** * Common styles */ /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .header .dropdown { line-height: 3em; font-size: 14px; } /* line-height:36px; */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /**/ .sidebar .block:first-child { margin-top: 6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top: 0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Secondary headings -------------------------------------------------------------- */ /* Forms headings */ .fieldset .legend, /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Multiple checkout */ .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size: 1em; /*18px*/ font-weight: normal; text-transform: uppercase; } /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 { } /* Headings with bottom border */ .account-login h2, #opc-login h3 { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } /* Section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; font-weight: normal; font-size: 1.3em; /*18px*/ line-height: 1.2222em; /*22px*/ font-family: 'lucida_sansdemibold_roman'; color: #0060af; text-transform: uppercase } .section-title a { color: #0060af; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 { } /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 { } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* CMS */ .section-line, /* Page title */ .my-account .page-title, .category-title, /* Misc */ .toolbar { border-color: #e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color: #f5f5f5; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner, { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color: #f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color: #e5e5e5; /*Currently the same color as other borders*/ } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color: #f5f5f5; } /* Interface elements (like buttons or special links) with background color -------------------------------------------------------------- */ /*.btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a {}*/ /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Forms */ .form-list label, /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Layered nav */ .block-layered-nav dd li, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, .tier-prices li, /* MSRP price and old price */ .old-price, .map-popup-msrp .price { color: #434343; font-family: 'lucida_sansregular'; font-size: 12px; } /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a { color: #7c7c7c; } /* Selected interface icons: text color icons on hover: toolbar icons, pager, prev/next slide etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hover item color */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links.addto-icons a:hover, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { color: #fff; /*Color of text*/ } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav .level0-wrapper, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */ .header .block-compare .block-content, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Dropdown */ .open > .dropdown-toggle.cover, .dropdown-menu, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice { -moz-box-shadow: 0 2px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 2px 10px rgba(0,0,0, 0.15); box-shadow: 0 2px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product image (and other elements) -------------------------------------------------------------- */ .product-image img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .product-image img:hover { opacity: 0.85; filter: alpha(opacity=85); } /* Remove this transition in product grid. Raplace it with "on item hover" transition. TODO: check */ .products-grid .product-image img:hover { opacity: 1; } /* .products-grid .item:hover .product-image img { opacity:0.85; } */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, #mobnav-trigger .trigger-icon .line, .accordion .opener { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, #mobnav-trigger:hover .trigger-icon .line, .accordion .opener:hover { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Back link */ .buttons-set .back-link small, /* Add-to links */ .add-to-links.addto-icons a { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Accordions, tabs & other components -------------------------------------------------------------- */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Elements with animated color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image { transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Structural elements -------------------------------------------------------------- */ /* Layered nav */ .block-layered-nav dd li, /* Grid */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-box, /* Misc */ .header .logo, /* Menu */ #nav > li { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .shadow .show-bg { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2013-06-04 23:29:44 */ body { color: #333333; font-size: 12px; } a { color: #333333; } a:hover, .vertnav-side li.current > a { color: #0060af; } .wrapper { border-top-color: #333333; } .header-container { } .header { } .header a { } .header a:hover { } .header .form-search .input-text { border-color: #dddddd; color: #bbbbbb; } .header .form-search .input-text:hover, .header .form-search .input-text:focus { border-color: #888888; color: #333333; } .header .dropdown-menu, .header .open > .dropdown-toggle.cover > div, .truncated .truncated_full_value .item-options { background-color: #ffffff; color: #333333; } .header .dropdown-menu a, .header .open > .dropdown-toggle.cover > div a { color: #333333; } .header .dropdown-menu a:hover, .header .open > .dropdown-toggle.cover > div a:hover { color: #aaaaaa; } #nav .level0-wrapper, #nav.classic ul { background-color: #f5f5f5; color: #333333; box-shadow:0 2px 10px rgba(0,0,0, 0.15); -o-box-shadow:0 2px 10px rgba(0,0,0, 0.15); -ms-box-shadow:0 2px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15) } #nav ul li a { color: #333333; padding:5px; text-transform:uppercase} #nav ul li:hover > a { background:#0060af; color:#fff;} .cat-label-label1 { background-color: #0060af; color: #ffffff; } .cat-label-label2 { background-color: #d52462; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #0060af; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #d52462; } li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #555555; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before { border-top-color: #555555; } #mobnav { background-color: #f5f5f5; color: #333333; } #mobnav-trigger { color: #333333; } #mobnav-trigger:hover { background-color: #0060af; color: #ffffff; } #mobnav-trigger.active { background-color: #0060af; color: #ffffff; } #mobnav-trigger .trigger-icon .line { background-color: #333333; } #mobnav-trigger:hover .trigger-icon .line { background-color: #ffffff; } #mobnav-trigger.active .trigger-icon .line { background-color: #ffffff; } .nav { } #nav, .vertnav-top li a { background-color: #f5f5f5; color: #333333; } #nav > li > a { color: #333333; } #nav > li:hover > a, .vertnav-top li > a:hover { background-color: #0060af; color: #ffffff; } .cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a { background-color: #333333; color: #ffffff; } #nav, .vertnav-top { border-bottom: 5px solid #333333; } #nav > li { border-bottom: 5px solid transparent; margin-bottom: -5px; } #nav.classic ul.level0, #nav .level0-wrapper { top: 54px; } #mobnav-trigger, #nav > li > a { font-size: 16px; text-transform: uppercase; } .vertnav-top > li.first > a { margin-top: 1px; } .vertnav-top li a { margin-bottom: 1px; } /* .vertnav-top > li.last > a { margin-bottom:0; } .vertnav-top > li.last.parent.active > a { margin-bottom:1px; } */ /* Last item if is parent and active needs to have margin */ .vertnav-top { background-color: #0060af; } /* Opener: default */ .vertnav-top li .opener { background: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } /* Hover */ .vertnav-top li:hover > .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li:hover > .opener:hover { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener.png); } /* Opener: active (opened) */ .vertnav-top li.active > .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active.png); } /* Hover */ .vertnav-top li.active:hover > a:hover + .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active:hover > a + .opener:hover { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active.png); } /* Opener: current (currently selected) */ .vertnav-top li.current > .opener, .vertnav-top li.current > .opener:hover { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-w.png); } /* Active */ .vertnav-top li.active.current > a + .opener, .vertnav-top li.active.current:hover > a + .opener { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active.current > a + .opener:hover { background-image: url(https://www.versaline.com.au/skin/frontend/versaline/default/images/infortis/ultra-megamenu/opener-active-w.png); } .main-container { } .main { background-color: #ffffff; } .footer-container { background-color: #f5f5f5; } .footer { } .footer a { } .footer a:hover { } .footer button.button span { background-color: #555555; color: #ffffff; } .footer button.button:hover span { background-color: #87c300; color: #ffffff; } .footer-top-container { background-color: #ffffff; } .footer-top { } .footer-top a { } .footer-top a:hover { } .footer-primary-container { padding-top: 20px; } .footer-primary { background-color: #ffffff; } .footer-primary a { } .footer-primary a:hover { } .footer-bottom { color: #888888; } .footer-bottom a { color: #555555; } .footer-bottom a:hover { color: #d52462; } button.button span { background-color: #0060af; color: #fff; } button.button:hover span { background-color: #333333; } .product-view .btn-cart span, button.btn-checkout span { background-color: #0060af; color: #ffffff; } .product-view .btn-cart span span{position:relative; padding:4px 12px 4px 45px; font-size:20px; line-height:38px;} .product-view .btn-cart span span:before{background:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite_new.png) no-repeat -4px -260px; width:25px; height:22px; position:absolute; top:10px; left:10px; content:'';} .product-view .btn-cart:hover span, button.btn-checkout:hover span {} .links > li > a:hover { background-color: #d52462; color: #ffffff; } .price-box .price { color: #0060af; font-family: 'lucida_sansdemibold_roman';font-size:15px; line-height:21px;} body.catalog-product-view .price-box .price {font-size:25px; line-height:31px;} body.catalog-product-view .price-box .old-price .price {font-size:20px; line-height:26px; color: #919191;} .sticker.new { background-color: #0060af; color: #ffffff; } .sticker.sale { background-color: #f12b63; color: #ffffff; } span.icon { background-color: #d52462; } span.icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: #0060af; } .social-links span.icon { background-color: #bbbbbb; } .social-links span.icon-hover:hover { background-color: #d52462; } /* Default icon */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Back link */ .buttons-set .back-link small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a, /* Other with standard icons */ .add-to-links span.icon, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a, /* Sliders */ .gen-slider-arrows1 .direction-nav a.disabled:hover, .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .gen-slider-arrows2 .direction-nav a.disabled:hover, .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Scroll to top button */ #scroll-to-top { background-color: #e5e5e5; } /* Hover icon */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Back link */ .buttons-set .back-link:hover small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a:hover, /* Other with standard icons */ .add-to-links span.icon-hover:hover, .add-to-links .feature-icon-hover:hover span.icon, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { background-color: #333333; } /* Active icon */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color: #e5e5e5; } span.icon.icon-color-productview { background-color: #0060af; } .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #0060af; } .gen-tabs .tabs { } .gen-tabs .tabs a, .gen-tabs .acctab {} .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #e5e5e5; color: #333333; } .gen-tabs .tabs a.current { background-color: #0060af; color: #fff; font-family: 'lucida_sansregular';} .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #e5e5e5; color: #0060af; } /** * Theme-specific styles */ /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: stretched or with side padding %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add top margin for nav element, the same value as left and right margin of the grid unit, and remove margin if stretched */ .nav > .grid-full { float:left; margin-top:1%; } .nav.stretched > .grid-full { margin-top:0; } /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Add-to links */ .add-to-links.addto-icons a, /* Slider arrows */ .gen-slider-arrows3 .direction-nav a, .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .add-to-links.addto-icons a, /* Slideshow directional arrows */ .gen-slider-arrows2 .direction-nav a, .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; } /* Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header top - help block */ .header-top .phone { background:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } /* Category page */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } /* Product page */ /* Main blocks */ .block_product_primary_bottom {} .block_product_secondary_bottom {} /* Static blocks replacing related and up-sell products */ .block_product_replace_related {} .block_product_replace_related {} /* Cart */ .block_cart_below_totals {} .block_cart_below_table {} /* Mini cart */ .block_mini_cart_above_products { margin:0 0 10px; } /* OPC */ .block_opc_below_progress { margin:15px 0; } /* CMS pages */ .block_cms_page_top { margin:0 0 15px; } /* Header */ .block_header_top_left {} .block_header_top_left2 {} .block_header_top_right {} .block_header_top_right2 {} /* Footer */ .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {} .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { border:2px dotted #ddd; color:#999; margin-top:10px; padding:10px; } .sample-block:hover { color:#555; } /* HD-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/img/rating@x2.png); background-size:14px 43px; } /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite@x2.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w /* Last selector without trailing coma */ { background-image:url(https://www.versaline.com.au/skin/frontend/versaline/default/images/sprite-icons-social@x2.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid */ /* Grid container */ .container { margin-left:auto; margin-right:auto; } /* Grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, /* Deprecated: other grid units */ .grid4-1, .grid4-2, .grid4-3, .grid2-1, /* Alias for full-width units */ .grid-full, /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { position:relative; display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3, .grid4-1 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6, .grid4-2, .grid2-1 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9, .grid4-3 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ /*.no-left-gap.grid12-1 { margin-left:0; width:7.33%; } .no-left-gap.grid12-2 { margin-left:0; width:15.66%; } .no-left-gap.grid12-3 { margin-left:0; width:24%; } .no-left-gap.grid12-4 { margin-left:0; width:32.33%; } .no-left-gap.grid12-5 { margin-left:0; width:40.67%; } .no-left-gap.grid12-6 { margin-left:0; width:49%; } .no-left-gap.grid12-7 { margin-left:0; width:57.33%; } .no-left-gap.grid12-8 { margin-left:0; width:65.67%; } .no-left-gap.grid12-9 { margin-left:0; width:74%; } .no-left-gap.grid12-10 { margin-left:0; width:82.33%; } .no-left-gap.grid12-11 { margin-left:0; width:90.67%; } .no-left-gap.grid12-12, .no-left-gap.grid-full { margin-left:0; width:99%; }*/ /* Grid units without right gutter (margin) */ /*.no-right-gap.grid12-1 { margin-right:0; width:7.33%; } .no-right-gap.grid12-2 { margin-right:0; width:15.66%; } .no-right-gap.grid12-3 { margin-right:0; width:24%; } .no-right-gap.grid12-4 { margin-right:0; width:32.33%; } .no-right-gap.grid12-5 { margin-right:0; width:40.67%; } .no-right-gap.grid12-6 { margin-right:0; width:49%; } .no-right-gap.grid12-7 { margin-right:0; width:57.33%; } .no-right-gap.grid12-8 { margin-right:0; width:65.67%; } .no-right-gap.grid12-9 { margin-right:0; width:74%; } .no-right-gap.grid12-10 { margin-right:0; width:82.33%; } .no-right-gap.grid12-11 { margin-right:0; width:90.67%; } .no-right-gap.grid12-12, .no-right-gap.grid-full { margin-right:0; width:99%; }*/ /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes -------------------------------------------------------------- */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Grid container: stretched, without side margin -------------------------------------------------------------- */ /* Remove padding (which is added in media queries for mobile layouts) from basic grid containers. Stretch inner grid unit (full width) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } .container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; } .gridInner{background:#f5f5f5;padding: 14px 21px;min-height: 280px;} .buttons-set .button span span:hover {background:#FF0000;} /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2013-06-04 23:29:54 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width: 96%;/* max-width: 960px;*/ } .lte-ie8 .container { max-width: 1200px; } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container { max-width: 1200px; } /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .grid-col3-sidebar { width: 27.01%; } .grid-col3-main { width: 70.34%; } /* Hide */ .hide-below-1280 { display: inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display: none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { max-width: 737px; } /* Hide */ .hide-below-960 { display: none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */ .container { width: 94%; padding-left: 1%; padding-right: 1%; } /* Stretch all grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width: 100%; margin-left: 0; margin-right: 0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display: block; } .v-grid { float: inherit; display: block; width: 100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { max-width: 453px; } /* Hide */ .hide-below-960 { display: none !important; } .hide-below-768 { display: none !important; } /* Deprecated: persistent grid units -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width: 48%; margin-left: 1%; margin-right: 1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width: 31.33%; margin-left: 1%; margin-right: 1%; } .persistent-grid3-2 { width: 64.67%; margin-left: 1%; margin-right: 1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width: 23%; margin-left: 1%; margin-right: 1%; } .persistent-grid4-2 { width: 48%; margin-left: 1%; margin-right: 1%; } .persistent-grid4-3 { width: 73%; margin-left: 1%; margin-right: 1%; } /* Mobile grid - modify units on mobile devices -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width: 14.66%; margin-left: 1%; margin-right: 1%; } /* .grid12-1 to .grid12-2 */ .mobile-grid.grid12-2 { width: 31.33%; margin-left: 1%; margin-right: 1%; } /* .grid12-2 to .grid12-4 */ .mobile-grid.grid12-3 { width: 48%; margin-left: 1%; margin-right: 1%; } /* .grid12-3 to .grid12-6 */ /**/ .mobile-grid-half { width: 48%; margin-left: 1%; margin-right: 1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container { max-width: 602px; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { .container { max-width: 301px; } /* Hide */ .hide-below-960 { display: none !important; } .hide-below-768 { display: none !important; } .hide-below-480 { display: none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { .container { max-width: 226px; } /* Hide */ .hide-below-960 { display: none !important; } .hide-below-768 { display: none !important; } .hide-below-480 { display: none !important; } .hide-below-320 { display: none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2013-06-04 23:29:54 */ /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.667%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.286%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:168px !important; } .in-col1 .itemslider-x { max-width:1128px; } /*6*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:162px !important; } .in-col2 .itemslider-x { max-width:910px; } /*5*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:140px !important; } .in-col3 .itemslider-x { max-width:640px; } /*4*/ /* In sidebar */ .in-sidebar .itemslider-x .slides > li { width:168px !important; } .in-sidebar .itemslider-x { max-width:188px; } /*1*/ /* In up-sell */ .box-up-sell.in-col2 .itemslider-x .slides > li { width:155px !important; } .box-up-sell.in-col2 .itemslider-x { max-width:875px; } /*5*/ /* Cloud zoom -------------------------------------------------------------- */ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x { max-width:940px; } /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:700px; } /*4*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:134px !important; } .in-col3 .itemslider-x { max-width:462px; } /*3*/ } /* Design for a width of 960-1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1024px */ @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:156px !important; } .in-col1 .itemslider-x { max-width:880px; } /*5*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col2 .itemslider-x { max-width:564px; } /*3*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col3 .itemslider-x { max-width:376px; } /*3*/ } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } /* Other -------------------------------------------------------------- */ #scroll-to-top { display:none !important; } /* Top links */ #link-sign-up { display:none; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-adaptive.itemgrid-2col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-3col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-4col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-5col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-6col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-7col .item:nth-child(2n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:160px !important; } .in-col1 .itemslider-x { max-width:722px; } /*4*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:525px; } /*3*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:155px !important; } .in-col3 .itemslider-x { max-width:350px; } /*2*/ /* Related */ .block-related-slider .in-sidebar .itemslider-x .slides > li { width:128px !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { /*max-width:158px !important;*/ } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Items grid: in category view -------------------------------------------------------------- */ /* Hide button completely despite it is on item hover */ .category-products-grid.itemgrid-adaptive.itemgrid-6col .item:hover .btn-cart { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Itemslider -------------------------------------------------------------- */ .in-sidebar .itemslider-x .slides > li { width:168px !important; } .in-sidebar .itemslider-x { max-width:188px; } /*1*/ /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-title { border-bottom:none; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Misc Magento layout elements -------------------------------------------------------------- */ /* Header -------------------------------------------------------------- */ /* Logo */ .header .logo-wrapper { text-align:center; } .header .logo { margin-left:auto; margin-right:auto; } /* Quick search */ .header-top-search-wrapper { width:100%; max-width:301px; margin-left:auto; margin-right:auto; } .header .form-search { width:100%; } .header .form-search .input-text { width:100%; max-width:299px; padding:0; } /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Mini cart */ .after-mini-cart { clear:none; } /* Top links */ .top-links { float:left; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, /*.social-links a,*/ /*deprecated*/ #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .show-separators .links li a, .footer .show-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { display:none; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:10px; padding-bottom:10px; } .toolbar .sort-by, .toolbar sorter .amount { border-right:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Product page -------------------------------------------------------------- */ /* Secondary column */ .product-secondary-column .inner { min-height:auto; } /* IMPORTANT: auto height on mobiles */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ .opc form fieldset { display:table-column-group; } /*.opc .form-list .field {} .opc .form-list input.input-text {}*/ .opc .form-list select { width:auto; } /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ /*.itemslider .control-nav { display:none; }*/ .control-nav.control-paging { display:none; } /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow .direction-nav .next { top:4%; right:2%; } .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } /* Slideshow caption */ /* Shrink all and hide paragraph and button */ .caption .heading { font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; display:none; } .caption button { margin-top:0.5em; display:none; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px 15px 20px; } .accordion-style1 li a:before, .sidebar li a:before, .sidebar li > strong:before{top:18px;} /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ /* Items grid: in category view -------------------------------------------------------------- */ /* Revert default sizes */ /* Hide/show elements: 6 & 7 columns */ .category-products-grid.itemgrid-adaptive.itemgrid-6col .item .btn-cart, .category-products-grid.itemgrid-adaptive.itemgrid-7col .item .btn-cart { display:block; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image { width:48%; margin-left:1%; margin-right:1%; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-adaptive.itemgrid-2col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-3col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-4col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-5col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-6col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-7col .item:nth-child(2n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:376px; } /*2*/ .in-col2 .itemslider-x .slides > li { width:168px !important; } .in-col3 .itemslider-x .slides > li { width:168px !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ } /* Additional break-point: Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:564px; } .in-col2 .itemslider-x .slides > li { width:168px !important; } .in-col3 .itemslider-x .slides > li { width:168px !important; } } /* All small mobile - design for a width of less than 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } #mini-cart.hide-empty-cart { display:none !important; } /* Quick compare dropdown */ .quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } .quick-compare .dropdown-toggle .caret { display:none !important; } .quick-compare .dropdown-menu { display:none !important; } .quick-compare.is-empty { display:none !important; } /* Simplify horizontal links */ .user-menu .show-separators .links li a, .user-menu .show-separators-left .links li a { background-image:none; } /* Header elements - align center */ /* Links */ .user-menu .links { text-align:center; } .user-menu .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some link blocks may be deeper than one level*/ .dropdown { } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Nav -------------------------------------------------------------- */ /*#nav > li { width:100%; } #nav > li > a { border-right:none; }*/ /* Products list -------------------------------------------------------------- */ .products-list .product-image { margin-bottom:20px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Footer -------------------------------------------------------------- */ #subscribe-form .input-text { max-width:118px; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Slideshow caption */ /* Shrink all and hide heading */ .caption .heading { font-size:1.3333em; display:none; } .caption p { font-size:1em; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:98%; clear:none !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ .in-col2 .itemslider-x .slides > li { width:168px !important; } .in-col3 .itemslider-x .slides > li { width:168px !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {/* max-width:158px;*/ } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* Mobile (Portrait) - design for a width of 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 1 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:98%; clear:none !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ .in-col2 .itemslider-x .slides > li { width:168px !important; } .in-col3 .itemslider-x .slides > li { width:168px !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .direction-nav { display:none; } }