/** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } a, a:active, a:visited { color: #333; } a:hover { color: #666; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } b, strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } .ie6 legend, .ie7 legend { margin-left: -7px; } /* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } /* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow: auto; vertical-align:text-top; resize:vertical; max-height:500px; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /** * Non-semantic helper classes: please define your styles before this section. */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations. nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /***************************************************************************** Document : generic.css Created on : 25/01/2012 Author : iWeb Description: Generic Magento Styles ********************************************** Contents: 1. Global 2. Layout 3. Forms 4. Prices 5. Header 6. Footer 7. Nav 8. Breadcrumbs 9. Cat lander 10. Product list 11. Product detail a. Default view b. Alternate view c. Grouped product 12. Cart 13. Accounts 14. Features - upsells 15. Pages 16. Social ********************************************** Additional ********************************************** i. Hide/show ii. Media queries iii. iWeb modifications iv. Plugins ******************************************************************************/ /***************************************************************************** * 1. Global - clearfixes, fixer classes, resets, global ******************************************************************************/ /* clear fixes ******************************************/ .clearer:after, .header-container:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .opc .step-title:after, .cart:after, .cart-collaterals:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* fixer classes ******************************************/ .clear { clear: both; } .f-left { float: left; } .f-right { float: right; } .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } ul, ol { list-style: none; margin-left: 0; } address { font-style: normal; } /* reset lists ******************************************/ .breadcrumbs ul, ul.social-links, .category-list, #category-banner, ul.currency-nav, ul.currency-nav ul.subnav, ol.m-filter-item-list, ol.m-filter-checkboxes, .bx-recommended ul, .customer-address-index .my-account ol, ol.list-mini-cart, .more-views ul, .my-account .fieldset .form-list, .pages ol, .list-review, .no-rating { margin: 0; padding: 0; list-style: none; } /* remove outlines ******************************************/ a, .form-search input { outline: 0; } /* a:-webkit-any-link { text-decoration: none; } */ /* opaque hovers ******************************************/ button.button:hover, .header .search-access button:hover, .header .quick-access .block-cart ul li.view-basket a:hover, .sidebar .block-shipping-returns:hover, .cart button.button:hover, .paypal-logo a:hover, .ajaxcartpro_confirm a:hover { opacity: 0.8; } .checkout-cart-index .btn-continue-top button.button:hover, .checkout-cart-index .btn-continue button.button:hover { opacity: 1; } /* Global Messages ******************************************/ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none; margin:0; padding:0; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-color: #fefefe; padding: 0 15px 0 38px; font-size: 12px; line-height: 37px; background-position: 16px 46%; background-repeat: no-repeat; } /* Data Table ******************************************/ .data-table { width:100%; } .data-table th { padding:5px; border-bottom:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border-bottom:1px solid #ddd; vertical-align: middle; } .data-table thead { /*background-color:#f2f2f2;*/ } .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table th.last, .data-table td.last, .data-table th.a-right, .data-table td.a-right { text-align: right !important; } #my-orders-table td.last { text-align: center; } /* Misc ******************************************/ .links li { display:inline; } .links li.first { padding-left:0 ; } .links li.last { background:none; padding-right:0; } .link-cart { font-weight:bold; color:#f00; } .link-reorder { font-weight:bold; } .link-print { padding:2px 0 2px 0; } .link-rss { padding-left:0; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice ******************************************/ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; } .noscript p { margin:0; } /* page titles */ .page-title, .cart-title { margin-bottom: 24px; } .page-title h1, .cart-title h1, .account-login h1, .account-create h1, .forgot-pass h1, .logout h1 { font-size: 32px; } .sidebar h2, .my-account .legend, .box-head h2, .my-account .addresses-list h2, .sales-order-view .my-account h2 { /*border-bottom: 1px solid #929292;*/ color: #362F2D; font-size: 18px; font-weight: normal; margin: 0; padding: 10px 0; background-color: #FFF; } .my-account .legend { margin-bottom: 32px; } /***************************************************************************** * 2. Layout - setup page layouts, floats, widths, margin, padding ******************************************************************************/ .wrapper { width: 996px; margin: 0 auto; } .page { position: relative; } /* #container { width: 996px; } */ .page-print, .page-empty, .page-popup { background: #fff; padding: 20px; text-align: left; } .header-container, .footer-container, .main-container { clear: both; } .main-container { padding-top: 10px; } /* add extra padding to pages with no breadcrumb */ .checkout-onepage-index .main-container, .checkout-onepage-success .main-container, .customer-account-login .main-container, .customer-account-create .main-container, .customer-account-forgotpassword .main-container { padding-top: 30px; } /* Base Columns ******************************************/ .col-left, .col-right {} .sidebar { width: 175px; } .col-left { float: left; } .col-right { float: right; } .col-main { width: 782px; min-height: 400px; float: right; display: inline; } .catalog-category-view .main { position: relative; } /* 1 Column Layout ******************************************/ .col1-layout .col-main { width: 100%; margin: 0; } /* 2 Column Layout ******************************************/ .col2-left-layout .col-main, .col2-right-layout .col-main { float: right; width: 778px; margin: 0; padding: 0 0 0 28px; padding-left: 28px; } .col2-right-layout .col-main { width: 800px; float: left; padding-left: 0; padding-right: 28px; } .col2-left-layout .col-main { float: right; } .cms-page-view .col-main { float: left; width: 70%; } /* Content Columns ******************************************/ /* floats */ .col2-set .col-1, .col3-set .col-1, .col3-set .col-2, .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { float: left; } .col2-set .col-2, .col3-set .col-3, .col4-set .col-4 { float: right; } /* widths */ .col2-set .col-1, .col2-set .col-2 { width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { width:32%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { width:23.5%; } /* margins */ .col3-set .col-2 { margin-left:2%; } .col4-set .col-2 { margin:0 2%; } /***************************************************************************** * 3. Forms - form fields, buttons, validation ******************************************************************************/ /* Buttons ******************************************/ button.button { font-size: 11px; overflow:visible; width:auto; height: 28px; line-height: 28px; padding: 0 15px; border: 0; margin: 0; color: #fff; background-color: #999; cursor: pointer; } button.button:hover { background-color: #666; } button.btn-cart, button.btn-checkout, .checkout-cart-index .btn-continue-top button.button, .checkout-cart-index .btn-continue button.button { font-size: 15px; float: left; margin: 0; width: 154px; height: 42px; } .btn-cart span { display: block; } .checkout-cart-index .btn-continue-top button.button, .checkout-cart-index .btn-continue button.button { width: 165px; margin: 0; } button.btn-checkout { width: 190px; margin: 0; } /* reset button to be text link */ .checkout-cart-index .btn-continue-top button.button, .checkout-cart-index .btn-continue button.button { background: none; color: #333; padding: 0; margin: 0; text-decoration: underline; font-size: 12px; } .checkout-cart-index .btn-continue-top button.button:hover, .checkout-cart-index .btn-continue button.button:hover { text-decoration: none; } /* add text-indent where required */ .header .search-access button { text-indent: -99999px; } /* search button */ .header .search-access button { padding: 0; width: 28px; position: absolute; top: 0; right: 0; } /* one page checkout continue buttons */ .opc button.continue {} /* form elements *************************************/ input,select,textarea,button { vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border: 1px solid #919191; } input.input-text { padding: 2px 6px; color: #000; } textarea { padding:3px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width: 20px; text-align: center; } p.control input.checkbox, p.control input.radio { margin-right:6px; } .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; position:relative; z-index:0; } .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { display: inline-block; } .form-list li.control input.radio, .form-list li.control input.checkbox { float: left; margin-right: 6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .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 #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list li.control { margin: 10px 0; } /* Customer ******************************************/ .buttons-set { clear:both; margin:5px 0 0; } .buttons-set .back-link { float:left; } .buttons-set p.required { margin:0 0 5px; } /* Validation ******************************************/ .validation-advice { white-space: nowrap; clear:both; min-height:13px; height: 16px; padding: 3px 10px 0 20px; font-size:10px; line-height:13px; color: #fff; font-weight: normal; position: absolute; left: 355px; margin: 4px 0 0 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; z-index: 2; } .validation-failed { background: #faebe7; } p.required { font-size:10px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix ******************************************/ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /***************************************************************************** * 4. Header - header layout, logo, mini-cart, currency switcher ******************************************************************************/ .header { position: relative; height: 150px; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { text-align: left; padding: 6px 12px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li.last { border: 0; } .header .form-search .search-autocomplete li .amount { display: block; float:right; margin-top: 2px; font-size: 10px; } .header .logo { width: 144px; height: 144px; float: left; display: block; margin-top: 7px; text-indent: -9999px; background: #666; position: absolute; top: 0; left: -15px; } .header .logo strong { display: block; text-indent: -9999em; } .header .search-access { float: right; position: relative; margin: 45px 0 0 0; } .header .search-access .form-search { margin-right: 28px; } .header .search-access input.input-text { border: 1px solid #999; padding: 3px 30px 3px 0; width: 226px; padding: 4px 7px; } .header .search-access input.input-text:focus { border-color: #000; } /* top links ******************************************/ .header .quick-access { width: 815px; position: absolute; top: 0; right: 0; z-index: 10; } .header .quick-access .links { float: right; font-size: 11px; position: absolute; right: 239px; top: 4px; } .header .quick-access .links li { padding: 0 10px 0 2px; } .header .quick-access .links li.last { padding-right: 0; background: none; } .header .quick-access .links li.first { padding-left: 0; } /* mini cart and view cart button ******************************************/ .header .quick-access .block-cart { float: right; width: auto; margin: -2px 0 0 0; } .header .quick-access .block-cart ul {} .header .quick-access .block-cart ul li { float: left; line-height: 25px; } .header .quick-access .block-cart ul li.last { padding-left: 3px; } .header .quick-access .block-cart ul li.view-basket { display: block; margin-left: 10px; } .header .quick-access .block-cart ul li.view-basket a { width: 76px; height: 28px; padding: 0 10px; display: block; background: #666; color: #fff; text-decoration: none; font-size: 11px; line-height: 28px; } /* mini cart ******************************************/ .header .block-mini-cart { width: 267px; max-height: 517px; overflow: hidden; position: absolute; background: #fff; border: 2px solid #999; top: 26px; right: 0px; z-index: 30; padding: 9px; } .header .block-mini-cart .item { list-style-type: none; } .header .block-mini-cart .product-details { float: left; width: 140px; height: 53px; padding-left: 10px; padding-top: 12px; padding-bottom: 30px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; position: relative; } .header .block-mini-cart .product-details .qty { position: absolute; bottom: 15px; left: 10px; } .header .block-mini-cart .item img { float: left; } .header .block-mini-cart .product-name a { text-decoration: none; } .header .block-mini-cart .none-in { font-size: 14px; text-align: center; } .header .block-mini-cart p.total { margin-top: 5px; text-align: right; margin-bottom: 5px; } .header .block-mini-cart .basket-row { text-align: right; overflow: auto; padding-top: 8px; border-top: 1px solid #9c9c9c; } .header .block-mini-cart .btn { color: #fff; text-decoration: none; display: block; width: 70px; padding: 0 14px; font-size: 11px; line-height: 27px; text-align: center; background: #e2e2e2; } .header .block-mini-cart .btn-paynow { float: right; } .header .block-mini-cart .btn-basket { color: #444; float: left; } .header .block-mini-cart .btn-paynow:hover { background-color: #999; } .header .block-mini-cart .btn-basket:hover { background-color: #efefef; } .header .block-mini-cart .ad { position: relative; border: 1px solid #9c9c9c; padding: 8px 0; text-align: center; bottom: 0; margin-top: 8px; } .header .block-mini-cart .ad p { font-size: 12px; } .header .block-mini-cart .ad a { color: #525252; display: block; text-align: center; text-decoration: none; text-transform: uppercase; } .header .block-mini-cart.open { display: block; } .header .block-mini-cart .next, .header .block-mini-cart .prev { display: block; height: 25px; background-color: #e2e2e2; text-indent: -99999px; border: 1px solid #999; background-repeat: no-repeat; } .header .block-mini-cart .prev { margin-bottom: 9px; background-position: 50% 8px; } .header .block-mini-cart .next { background-position: 50% -14px; } .header .block-mini-cart .next:hover, .header .block-mini-cart .prev:hover { background-color: #ccc; } .header .block-mini-cart .disabled { cursor: default; } .header .block-mini-cart .prev.disabled:hover, .header .block-mini-cart .next.disabled:hover { background-color: #e2e2e2; } .list-mini-cart-wrapper { height: 348px; overflow: hidden; position: relative; } .list-mini-cart { position: absolute; top: 0; } .list-mini-cart li, .list-mini-cart li.pager { display: block; float: none; font-size: 100%; margin: 0; width: 255px; height: 95px; margin-bottom: 9px; padding: 5px; border: 1px solid #666; position: relative; } .list-mini-cart .btn-remove { position: absolute; top: -1px; right: -11px; display: block; width: 9px; height: 9px; text-indent: -99999px; } .list-mini-cart .btn-remove:hover { background-position: 0 -17px; } /* currency switcher ******************************************/ /* this needs renaming! */ .currency-container { display: block; position: absolute; left: 220px; top: -2px; z-index: 2; width: 100px; } .currency-nav { clear: both; width: 100%; display: block; float: left; font-size: 11px; color: #fff; z-index: 7; background-color: #666; } .currency-nav li { display: block; } .currency-nav li:hover { background-position: 75px -922px; } .currency-nav li li { background-image: none; } .currency-nav li span, .currency-nav li a { display: block; padding: 8px 10px 8px 32px; } .currency-nav li span {} .currency-nav .subnav { padding-bottom: 10px; z-index: 3; } .currency-nav .subnav li { background-color: #666; padding: 0; } .currency-nav li a { text-align: left; color: #fff; text-decoration: none; } /* Pounds GBP ******************************************/ .currency-nav li.usd li.gbp a, .currency-nav li.eur li.gbp a, .currency-nav li.cny li.gbp a, .currency-nav li.gbp li a, .currency-nav li.gbp span { background-position: 8px 10px; } /* Euros EUR ******************************************/ .currency-nav li.usd li.eur a, .currency-nav li.gbp li.eur a, .currency-nav li.cny li.eur a, .currency-nav li.eur li a, .currency-nav li.eur span { background-position: 8px -33px; } /* US Dollars USD ******************************************/ .currency-nav li.gbp li.usd a, .currency-nav li.eur li.usd a, .currency-nav li.cny li.usd a, .currency-nav li.usd li a, .currency-nav li.usd span { background-position: 8px -11px; } /* Chinese Yen CNY ******************************************/ .currency-nav li.gbp li.cny a, .currency-nav li.eur li.cny a, .currency-nav li.usd li.cny a, .currency-nav li.cny li a, .currency-nav li.cny span { background-position: 8px -54px; } /***************************************************************************** * 5. Footer - footer layout, payment banner, footer links, legals, iweb ******************************************************************************/ .footer-container { clear: both; } .footer { font-size: 12px; padding: 0 0 50px 0; } .footer address {} .payment-methods, .legals { clear: both; float: left; width: 100%; } .payment-methods { padding: 15px 0; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin-bottom: 16px; } .legals { border-top: 3px solid #b2b2b2; overflow: hidden; clear: both; padding: 15px 0 50px 0; margin-top: 32px; } .legals ul li { display: inline; } .payment-methods .cards-accepted { float: left; width: 393px; height: 28px; display: block; text-indent: -9999px; } .payment-methods .secured-by { float: right; width: 318px; height: 28px; display: block; text-indent: -9999px; } .legals ul { margin-bottom: 16px; } .legals ul li { float: left; margin-right: 5px; font-size: 11px; } .legals p { margin: 0; padding: 0; clear: left; color: #949494; font-size: 11px; line-height: 14px; } .iweb { margin-top: 10px; font-size: 11px; text-align: right; color: #999; } .iweb a { color: #999; } /***************************************************************************** * 6. Nav - main nav, 3 levels ******************************************************************************/ #nav { width: 100%; height: 30px; padding:5px 0; margin:10px 0; font-size:15px; list-style: none; } /* All Levels ******************************************/ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level ******************************************/ #nav li { float:left; margin-right: 6px; } #nav li a { float: left; padding: 5px 8px; color: #000; } #nav li a:hover, #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level ******************************************/ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd Level ******************************************/ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888; } #nav ul li a:hover { color:#000; } #nav ul li.active > a, #nav ul li.over > a { color:#000; } /* Show Menu ******************************************/ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /***************************************************************************** * 7. Breadcrumbs - links and active page ******************************************************************************/ .breadcrumbs { height: 30px; clear: both; float: left; width: 100%; border: none; } .breadcrumbs ul { float: left; margin-top: 10px; } .breadcrumbs ul li { float: left; font-size: 11px; color: #252525; margin: 0 0 0 3px; display: inline; } .breadcrumbs ul li a { color: #252525; padding-right: 10px; } .breadcrumbs ul li.home, .breadcrumbs ul li.home a { margin: 0; } .breadcrumbs ul li strong { font-weight: normal; } /***************************************************************************** * 8. Prices - product list/grid/detail prices ******************************************************************************/ .price-box { text-align: left; float: none; font-size: 17px; color: #333; font-weight: normal; margin: 0; height: 40px; position: relative; } .special-price, .old-price { position: absolute; margin: 0; } .old-price { color: #b2b2b2; text-decoration: line-through; text-transform: uppercase; font-size: 12px; font-weight: normal; } .special-price { font-size: 17px; color: #333; } .old-price .price { color: #7f7f7f; } /* product-list prices */ .products-list .price-box { text-align: right; margin: 0; } .products-list .special-price { top: 0; right: 0; } .products-list .old-price { top: 20px; right: 0; } /* product-grid prices */ .products-grid .price-box { position: absolute; left: 0; right: 0; bottom: 0; } .products-grid .special-price { top: 0; left: 0; } .products-grid .old-price { top: 20px; left: 0; } /* product-detail prices */ .product-shop .price-box { clear: both; } .product-shop .regular-price, .product-shop .special-price { font-size: 42px; letter-spacing: -1px; } .product-shop .special-price {} .product-shop .old-price { top: 50px; } .block-related .price-box { height: 22px; } .block-related .old-price { top: 20px; } /* mini-cart price */ .block-mini-cart .product-details .price { font-size: 14px; } /* wishlist price */ .wishlist-index-index .price-box { clear: both; margin-top: 25px; text-align: right; } .wishlist-index-index .special-price { right: 0; top: 14px; } .wishlist-index-index .old-price { right: 0; } /* Minimal price (as low as) ******************************************/ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* 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 {} .configured-price .price-label { white-space:nowrap; } .configured-price .price {} /* 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; } /* Price range ******************************************/ .price-from {} .price-from .price-label { white-space:nowrap; } .price-to {} .price-to .price-label { white-space:nowrap; } /* Price notice next to the options ******************************************/ .price-notice { padding-left:10px; } .price-notice .price {} /* Price as configured ******************************************/ .price-as-configured {} .price-as-configured .price-label { white-space:nowrap; } /* Tier Prices ******************************************/ .tier-prices .price {} .tier-prices .benefit {} .tier-prices-grouped {} /***************************************************************************** * 9. Cat Lander - title, banner, cat list ******************************************************************************/ .category-title { border:0; } .category-title h1 { } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-description { margin: 0 0 20px 0; } .block-layered-nav {margin-top:8px;} #category-banner-container { margin-bottom: 40px; } #category-banner {} #category-banner li.pager { margin: 0; } #category-banner-container .bx-pager { position: absolute; left: 0; bottom: -20px; width: 780px; text-align: center; } #category-banner-container .bx-pager a.pager-link { font-size: 11px; text-decoration: none; margin-right: 5px; } #category-banner-container .bx-pager a.pager-active { text-decoration: underline; color: #999; } h2.cat-name { clear: both; font-size: 15px; } .product-listing .image-holder { width: 149px; height: 140px; margin: 5px auto; } .product-listing .image-holder img, .category-list img { display: block; } .category-list img { margin: 0 auto 15px auto; } .category-list { clear: both; float: left; width: 100%; margin-bottom: 10px; } .category-list li { float: left; min-height: 296px; width: 185px; border: 1px solid #ccc; margin-left: 10px; } .category-list li.first { margin-left: 0; } .category-list a { display: block; padding: 15px; text-decoration: none; } .category-list h3 { font-size: 18px; font-weight: normal; margin: 0 0 20px 0; line-height: 1.2em; } .category-list a h3 { color: #000; } .category-list p { font-size: 12px; color: #7f7f7f; line-height: 1.4em; margin: 0 0 20px 0; } .link-more { font-size: 13px; color: #333; font-weight: bold; text-decoration: none; padding: 0 10px 0 0; } .category-list .read-more { padding: 0 12px 0 0; margin-bottom: 5px; text-decoration: none; display: block; width: 65px; font-size: 13px; } /* row3/row4 */ .category-list.row3 li { width: 232px; margin-bottom:10px;} .category-list.row3 a { padding-left: 30px; padding-right: 30px; } .category-list.row4 li { width: 185px; } .category-list.row4 a { padding-left: 15px; padding-right: 15px; } /***************************************************************************** * 10. Product list & grid view, sorter, toolbar, pagination, sidebar filters ******************************************************************************/ /* Sorter ******************************************/ .sorter { float: right; } .sort-by { font-size: 11px; margin-top: 4px; } /* Toolbar ******************************************/ .toolbar { height: 32px; border-bottom: 1px solid #7f7f7f; padding: 0; position: relative; } .toolbar-bottom { clear: both; margin-bottom: 10px; } .toolbar-bottom .toolbar { border-top: 1px solid #7f7f7f; border-bottom: 0; padding-top: 10px; } /* View Mode ******************************************/ .view-mode { width: 50px; height: 23px; position: absolute; z-index: 10; left: 0; top: 0; } .view-mode .grid, .view-mode .list { display: block; position: absolute; top: 0; width: 21px; height: 24px; text-indent: -9999px; } .view-mode .grid { left: 0; } .view-mode .grid:hover, .view-mode strong.grid, .view-mode .list:hover, .view-mode strong.list { background-position: 0 -24px; } .view-mode .list { right: 0; } /* view mode bottom */ .toolbar-bottom .view-mode { top: 10px; } .toolbar-bottom .view-mode .grid, .toolbar-bottom .view-mode .list { } .toolbar-bottom .view-mode .list { } .toolbar-bottom .view-mode .list:hover, .toolbar-bottom .view-mode strong.grid, .toolbar-bottom .view-mode strong.list, .toolbar-bottom .view-mode a.grid:hover { background-position: 0 -24px; } /* Pagination ******************************************/ .pager { float: left; display: inline; margin: 0 0 0 65px; } .pager .amount, .pager .limiter, .pager .sorter { font-size: 11px; } .pager .amount { float: left; padding: 5px 0 0 0; } .pager .limiter { float: left; margin: 4px 0 0 15px; display: inline; } .pages { height: 18px; float: left; display: inline; list-style: none; margin: 4px 0 0 10px; } .pages ol { font-size: 11px; } .pages ol li { float: left; margin: 0 4px 0 0; display: inline; } .pages ol li.current. .pages ol li a { height: 14px; float: left; text-align: center; color: #4c4c4c; padding: 2px 5px 0 5px; } .pages ol li.current { border: none; } .pages ol li a { text-decoration: underline; } .pages ol li a:hover { background-color: #ededed; } .pages ol li .padd-right, .pages ol li .padd-left { float: left; } .pages ol li .previous, .pages ol li .next { width: 16px; height: 16px; padding: 0; float: left; text-indent: -9999px; } .pages ol li .previous { } .pages ol li .next {} /* Product Grid ******************************************/ .products-grid { list-style: none; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .products-grid.last { margin: 0; border: none; } .products-grid li { float: left; text-align: center; position: relative; min-height: 205px; min-height: 185px; padding-bottom: 40px; margin: 0; } .products-grid .first { margin-left: 0; /*8margin-top: 13px;*/ } .products-grid a, .products-grid img { display: block; } .products-grid a { text-decoration: none; } .products-grid img { margin: 0 auto 5px auto; } .products-grid h2 { text-align: left; font-size: 13px; font-weight: normal; margin: 0 0 10px 0; padding: 10px 0 0 0; } .products-grid a h2 { color: #4c4c4c; } /* optional row3/row4 classes */ .products-grid.row3, .products-grid.row4 { margin-bottom: 0; } .products-grid.row3 { padding-top: 20px; padding-bottom: 20px; } .products-grid.row3 li { /* width: 32.6666%; */ width: 246px; margin-left: 20px; } .products-grid.row3 li.first { margin-left: 0; } .products-grid.row3 li a { padding-left: 30px; padding-right: 30px; } .products-grid.row3 .price-box { left: 30px; right: 30px; } .products-grid.row4 { padding-top: 10px; padding-bottom: 10px; } .products-grid.row4 li { /* width: 24.25%; */ width: 180px; margin-left: 14px; } .products-grid.row4 li a { padding-left: 15px; padding-right: 15px; } .products-grid.row4 .price-box { left: 15px; right: 15px; } /* Product List ******************************************/ .products-list { list-style: none; margin: 0; padding: 0 0 20px 0; } .products-list li { border-bottom: 1px solid #ccc; padding: 25px 0; position: relative; } .products-list li.last { padding-bottom: 0; border-bottom: 0; } .products-list li li { padding: 0; border: none; } .products-list li img { float: left; margin: 0 15px 0 0; } .products-list .product-name { width: 245px; margin: 0 15px 0 0; display: inline; font-size: 14px; color: #4c4c4c; font-weight: normal; } .products-list .product-name a { text-decoration: none; font-size: 20px; } .products-list li .actions { width: 164px; float: right; } .products-list li ul.add-to-links { width: auto; margin: 0; list-style: none; } .products-list li ul.add-to-links li { width: auto; border: none; height: auto; margin: 0; padding: 0 2px 0 0; float: left; font-size: 11px; } .products-list li ul.add-to-links li a { color: #8f8f8f; } .products-list .column-right { width: 130px; float: right; } .products-list .column-right p.delivery { text-align: right; padding: 5px 4px 0 0; } .products-list .productstock { clear: both; display: block; text-align: right; font-size: 15px; font-weight: bold; } .products-list .list-review li { background: none; clear: both; } .products-list .product-description { width: 375px; color: #7F7F7F; padding: 8px 0 0 0; } .products-list .list-desc { float: left; width: 480px; padding-right: 16px; } .products-list .list-review { float: left; padding-left: 15px; } .products-list .product-essential .list-review { padding: 0; } /* product list grouped */ .products-list .type-grouped .product-description { width: 100%; } .products-list .type-grouped .grouped-items-table, .products-list .type-grouped .column-right { margin-top: 15px; } .products-list .type-grouped .column-right { width: 160px; min-height: 70px; position: relative; } .products-list .type-grouped .column-right .button { position: absolute; top: 50%; margin-top: -22px; } .products-list .type-grouped .grouped-items-wrap, .products-list .type-grouped .grouped-items-table { clear: left; float: left; width: 100%; } .products-list .type-grouped .grouped-items-wrap {} .products-list .type-grouped .grouped-items-table { width: 600px; } .products-list .type-grouped .availability { width: 142px; position: absolute; right: 0; top: 0; overflow: hidden; text-indent: 100%; text-align: right; } .products-list .type-grouped .availability span { display: block; text-indent: 0; } /* Sidebar ******************************************/ #title-sidebar {} .widget { margin: 0 0 30px 0; } .title-widget { font-size: 14px; color: #362f2d; font-weight: normal; margin: 0 0 10px; } .nav-sidebar { max-height: 216px; border: 1px solid #ccc; list-style: none; margin: 0; padding: 10px 20px; overflow: auto; } .catalog-category-view .nav-sidebar { max-height: 582px; } .nav-sidebar li { margin: 0 0 5px; } .nav-sidebar li a { color: #4c4c4c; font-size: 12px; text-decoration: none; } .nav-sidebar li a:hover { text-decoration: underline; } #title-sidebar .link-clear-all { float: right; font-size: 10px; color: #666; text-decoration: none; margin: 7px 0 0; } .nav-sidebar.select { padding: 10px 20px 10px 10px; } .link-title-widget { height: 15px; float: left; background-repeat: no-repeat; background-position: 0 2px; padding: 0 0 0 15px; color: #362f2d; text-decoration: none; } .link-title-widget.open { background-position: 0 -14px; } .link-clear { float: right; font-size: 10px; color: #666; text-decoration: none; margin: 4px 0 0; padding: 0 9px 0 0; } .nav-sidebar.no-height { height: auto; } .currently { margin-bottom: 21px; padding-bottom: 14px; border-bottom: 1px solid #929292; } .currently .btn-remove { display: inline-block; height: 13px; padding-left: 15px; text-decoration: none; color: #000; } .currently ol { padding-top: 6px; } .currently .btn-remove:hover { background-position: 0 -13px; color: #c73e37; } .currently .actions { font-style: italic; padding-top: 9px; } /***************************************************************************** * 11. Product detail - product info, image, tabs, reviews * a. Default view - body has a class of catalog-product-view ******************************************************************************/ .catalog-product-view .main-container { margin-bottom: 10px; } .catalog-product-view .col-main { float: left; margin: 0; } .catalog-product-view .sidebar { width: 162px; } .product-view { margin: 17px 0 0; } #content.full { width: 996px; float: none; display: block; margin: 0; padding: 35px 0 0 0; } .link-back { float: right; font-size: 14px; color: #000; text-decoration: none; margin: 4px 0 0 0; } #product-container { width: 973px; margin: 0 auto; } #product-img-box { width: 390px; float: left; margin: 0 32px 0 0; display: inline; overflow:hidden; } .add-to-box .add-to-links { float:left; } #slide-image { width: 390px; position: relative; border-bottom: 1px solid #7f7f7f; margin: 0 0 15px 0; } #tabs-image { z-index: 10; list-style: none; margin:15px 0 10px; } #slide-image .ui-tabs-panel { width: 388px; height: 346px; border: 1px solid #4c4c4c; } .link-zoom { width: 23px; height: 23px; position: absolute; z-index: 10; top: 2px; right: 2px; text-indent: -9999px; display:block; } #tabs-image li { width: 132px; height: 110px; float: left; margin: 0 0 6px 0; } #tabs-image li.last { width: 126px; } #tabs-image li a, #tabs-image li a span { display: block; } #tabs-image li a { position: relative; width: 124px; border: 1px solid #b5b5b5; } #tabs-image .last a { margin-right: 0; } #tabs-image li a span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #tabs-image .ui-tabs-selected span { background: none; } #product-image-container h3 { font-size: 18px; color: #333; font-weight: normal; margin: 0 0 10px 0; } .list-more { list-style: none; padding: 0 0 40px 0; margin: 0; } .list-more li { float: left; display: inline; font-size: 11px; color: #252525; margin: 0 20px 0 0; } .list-more li a { color: #252525; text-decoration: none; } .product-shop { position: relative; width: 340px; float: right; border-right: 1px solid #ccc; padding: 0 30px 0 0; } .product-shop h1 { font-size: 22px; color: #4c4c4c; font-weight: normal; margin: 0 0 4px 0; } .product-shop #text-by { margin: 0 0 5px 0; } #text-by .brand { text-decoration: underline; } .list-review, .no-rating {} .list-review li { height: 14px; float: left; display: inline; padding: 0 6px 0 0; margin: 0; font-size: 11px; color: #7f7f7f; } .list-review li.last { background: none; padding-right: 0; padding-left: 6px; } .list-review li.review-list { } .list-review li p { width: 67px; height: 14px; text-indent: -9999px; } .list-review li a { color: #7f7f7f; text-decoration: none; } .list-review li a:hover { text-decoration: underline; } .product-shop .list-review { position: relative; clear: both; } .product-shop .list-review li { } #price { font-size: 30px; color: #362f2d; font-weight: normal; float: left; margin: 0 10px 0 0; display: inline; } #old-price { float: left; font-size: 13px; color: #cbc7c6; font-weight: normal; text-decoration: line-through; margin: 15px 0 0 0; } .availability { clear: both; font-size: 13px; padding: 28px 0 12px 0; font-size: 15px; font-weight: bold; } #product_addtocart_form { padding: 0 0 21px 0; margin: 0 0 21px 0; } #product_addtocart_form select { width: 193px; margin: 0 0 11px 0; } /* quantity input on product view */ .catalog-product-view .add-to-box .input-text { float: left; font-size: 14px; text-align: center; /*margin: 13px 10px 0 0;*/ } #product_addtocart_form .input-text {} .add-to-cart { /* height: 46px; */ float: left; } .add-to-box ul.add-to-links, .product-options-bottom ul.add-to-links { float: left; width: auto; margin: 0; list-style: none; height: 30px; margin: 2px 0 5px 0; } .add-to-box ul.add-to-links li, .product-options-bottom ul.add-to-links li { width: auto; border: none; height: auto; margin: 0; padding: 17px 3px 0 10px; float: left; font-size: 12px; } .add-to-box ul.add-to-links li .separator, .product-options-bottom ul.add-to-links li .separator { display: inline-block; padding: 0 3px 0 0; } .add-to-box ul.add-to-links li a, .product-options-bottom ul.add-to-links li a { color: #8f8f8f; } .link-break { padding-top: 45px; border-bottom: 1px solid #ccc; display: block; clear: both; } #social-container { height: 20px; margin: 0 0 20px 0; } /* tabs set heights first */ .tab-head, .tab-head li, .tab-head li a { height: 26px; } .tab-head li a { line-height: 26px; } .tab-head { margin-bottom: 5px; color: #555; border-bottom: 1px solid #e0e0e0; } .tab-head li { float: left; display: inline; margin: 0 1px 0 0; } .tab-head li a { float: left; display: inline; text-align: center; background: #e5e5e5; border: 1px solid #e0e0e0; border-bottom: 0; padding: 0 15px; font-size: 12px; color: #333; text-decoration: none; } .tab-head .ui-tabs-selected a, .tab-head .active a { background: #fff; } .product-shop .tab-head { margin: 0; } .tab-container { clear: both; } .tab-container .products-grid li { margin: 0; width: 194px; } .tab-container .products-grid h2 { padding-left: 10%; } .tab-container .products-grid .price-box .old-price, .tab-container .products-grid .price-box .special-price { left: 10%; } .tab-container .bx-prev, .tab-container .bx-next, .tab-container .bx-pager { position: absolute; left: 0; bottom: 0; } .tab-container .bx-pager { left: auto; right: 0; } .tab-container .bx-next { left: 30px; } .tab-container .bx-prev, .tab-container .bx-next, .tab-container .bx-pager a { text-decoration: none; } .tab-container .bx-pager a.pager-active { background-color: #fff; } #slide-product{ display:block; width:340px; margin: 15px 0; float:left; } #slide-product .ui-tabs-panel { width: 314px; min-height: 200px; max-height: 271px; padding: 20px 12px; margin: 0; border: 1px solid #E0E0E0; border-top: 0; float: left; overflow: auto; } .product-image-wrap img { border:1px solid #000; } ul#more-views { width:398px; margin-top:15px; } ul#more-views li { display: inline; height: 104px; margin: 0 6px 6px 0; padding: 0; width: 124px; border:none; } ul#more-views li img:hover { cursor: pointer; } ul#more-views li img { border: 1px solid #ccc; } a.zoomer{ border: none; } .price-info { width: 145px; float: right; text-align: right; } .price-info h4 { font-size: 25px; color: #333; font-weight: normal; } .price-info p { font-size: 12px; color: #7f7f7f; margin: 20px 0 0 0; line-height: 1.4em; } /* Rating ******************************************/ .review-info { width: 130px; float: left; } .review-info h4 { width: 67px; height: 14px; margin: 0 0 5px 0; text-indent: -9999px; } .star-4 { background-position: 0 -14px; } .star-3 { background-position: 0 -28px; } .star-2 { background-position: 0 -42px; } .star-1 { background-position: 0 -56px; } .star-0 { background-position: 0 -70px; } .review-info p { font-size: 12px; color: #7f7f7f; } /* Add to Cart ******************************************/ .add-to-cart label { } .add-to-cart .qty { float:left; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } .add-to-cart .qty { border: 1px solid #666; width: 31px; height: 26px; padding: 2px; margin-top: 10px; } /* Add to Links + Add to Cart ******************************************/ .add-to-box { clear: both; float: left; width: 100%; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 0 1px 0; } .add-to-box .add-to-links {float:left;} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Options ******************************************/ .product-options, .product-options-bottom { float: left; clear: both; width: 100%; } .add-to-cart label, .product-options label, .product-options-bottom label { min-width: 35px; float: left; font-size: 12px; color: #868281; margin: 0 10px 0 0; padding: 3px 0 0 0; position: relative; } .product-options label em, .product-options-bottom label em { color: red; position: absolute; left: -7px; top: 2px; } .add-to-cart label { min-width: 0; margin-top: 16px; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { position: relative; margin: 10px 0; } .product-options dl.last dd.last {} .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 select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options .validation-advice { left: 245px; top: -4px; } .more-views h3 { color: #362f2d; font-size: 16px; font-weight: normal; margin: 0 0 7px; } .more-views ul li { margin-bottom: 5px; } /* Reviews */ .form-review button.button { margin-left: 160px; margin-top: 12px; } .review-container { clear: both; padding-top: 35px; border-top: 1px solid #7f7f7f; } .review-container.open { display:inherit!important; } .box-reviews h3, .form-review h3, .form-review h4 { color: #362F2D; font-size: 20px; } .box-reviews h3 span, .form-review h3 span { display: block; font-size: 14px; } /* list of current reviews ******************************************/ .box-reviews { width: 100%; float: left; margin-bottom: 36px; } .box-reviews .button-review { float: right; } .box-reviews dl { clear: both; margin-top: 12px; border-top: 1px solid #ccc; padding-top: 22px; } .box-reviews dt h2 { font-size: 16px; } .box-reviews .list-review { float: left; height: auto; position: static; top: auto; margin: 12px 0; } .box-reviews .list-review li { height: auto; margin-right: 16px; } .box-reviews .list-review li p { font-size: 12px; width: auto; padding-right: 75px; text-indent: 0; background-position: 100% 0; background-repeat: no-repeat; } .box-reviews dl dt { font-style: normal; } .box-reviews dl dd { width: 70%; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ccc; } .box-reviews dl dd .date { float: right; } .form-review h3 {} .form-review .title-write-review { margin-bottom: 12px; } .form-review h3 span span { display: inline; } .form-review h4 { font-size: 14px; margin-bottom: 12px; } /* stars */ div.star-rating { cursor: pointer; display: block; float: left; height: 19px; overflow: hidden; text-indent: -9999em; width: 17px; } div.star-rating a { border: 0 none; display: block; height: 100%; width: 16px; } div.star-rating-on a, div.star-rating-hover a { background-position: -24px -954px; } .box-rate { float: left; margin: 0 50px 20px 0; width: 140px; } .box-rate label, .box-rate .radio-container { display: block; float: left; } .box-rate label { margin-right: 10px; } .box-rate .radio-container { height: 16px; width: 85px; } .label-review { clear: both; float: left; padding: 8px 0 0; width: 160px; } .form-review { margin-bottom: 30px; } .form-review .input-text { margin: 0 0 19px; padding: 4px 5px; width: 274px; } .rating-box .rating { float: left; height: 13px; } /***************************************************************************** * 11. Product detail alternative view (no sidebar) - 1col layout * b. Alternate view - body has a class of catalog-product-alt-view ******************************************************************************/ .catalog-product-alt-view .col-main { width: 100%; padding-right: 0; padding-left: 0; } .catalog-product-alt-view .product-shop { width: 370px; border-right: 0; padding-right: 0; } .catalog-product-alt-view .add-to-box { margin-bottom: 30px; } .catalog-product-alt-view #slide-product { margin-top: 30px; } .catalog-product-alt-view #slide-product .ui-tabs-panel { min-height: 215px; } .catalog-product-alt-view .more-views { clear: both; } .catalog-product-alt-view #product-img-box, .catalog-product-alt-view #slide-image { width: auto; float: left; } .catalog-product-alt-view #slide-image { margin-bottom: 5px; padding-bottom: 35px; } .catalog-product-alt-view #product-img-box, .catalog-product-alt-view .block-related { width: 580px; margin-right: 44px; } .catalog-product-alt-view .product-essential { float: right; width: 372px; } .catalog-product-alt-view #slide-image .ui-tabs-panel { width: 448px; height: 448px; float: right; } .catalog-product-alt-view .img-thumbs { float: left; width: 130px; } .catalog-product-alt-view #tabs-image { width: auto; float: none; margin: 0; } .catalog-product-alt-view #tabs-image li { border: 0; margin: 0; width: 105px; height: 450px; } .catalog-product-alt-view #tabs-image li a { width: 93px; } .catalog-product-alt-view #tabs-image .item { margin-bottom: 10px; } /***************************************************************************** * 11. Product detail * c. Grouped product - body has a class of type-grouped ******************************************************************************/ .type-grouped {} .grouped-items-table thead {} .grouped-items-table .price-box { height: auto; width: 100px; } .grouped-items-table .special-price, .grouped-items-table .old-price { position: static; } .product-shop .grouped-items-table .regular-price, .product-shop .grouped-items-table .special-price { font-size: inherit; letter-spacing: inherit; } .grouped-items-table .special-price { float: left; } .grouped-items-table .old-price { float: right; margin-top: 4px; } .catalog-product-view.type-grouped .availability { width: 142px; overflow: hidden; text-indent: 100%; text-align: left; padding: 0; } .catalog-product-view.type-grouped .availability span { display: block; text-indent: 0; } .catalog-product-view.type-grouped .grouped-items-table { margin-top: 15px; } /***************************************************************************** * 12. Cart - basket view, one page checkout, checkout sidebar ******************************************************************************/ .checkout-onepage-index .col-main, .checkout-cart-index .col-main { width: 764px; } .checkout-onepage-index .sidebar, .checkout-cart-index .sidebar { width: 204px; } /* checkout title */ .checkout-onepage-index .page-title { margin-bottom: 16px; } /* Shipping and Payment methods ******************************************/ .sp-methods dt { } .sp-methods .price { } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Gift Messages ******************************************/ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none; position:static; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .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-messages-form .item .details .product-name { font-weight: bold; } .gift-message-link { display:block; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements ******************************************/ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel ******************************************/ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent; margin:0; padding:0; border:0; } /* One Page Checkout ******************************************/ .block-progress div { background-color:#f6f6f6; } .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { } .opc { border-bottom: 1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .checkout-cart-index .col-main { min-height: 350px; padding-right: 20px; border-right: 1px solid #b0a7a1; } .checkout-cart-index .cart-title { padding-bottom: 8px; border-bottom: 1px solid #666; } .checkout-cart-index .cart-empty p { margin-bottom: 5px; } .col-main .cart td { padding-top: 15px; } /* checkout cart last col */ .checkout-cart-index .last {} .checkout-cart-index .last label, .checkout-cart-index .last .qty, .checkout-cart-index .last a.arrow, .checkout-cart-index .last button.arrow, .checkout-cart-index .last .cart-price {} .checkout-cart-index .last label { display: block; float: left; margin: 7px 0 0 28px; } .checkout-cart-index .qty { display: block; width: 30px; margin: 0 auto 5px auto; } /* checkout/wishlist update/remove buttons button.arrow = update a.arrow = remove */ .checkout-cart-index a.arrow, .checkout-cart-index button.arrow, .wishlist-index-index a.btn-remove2 { float: left; margin-left: 48px; background-position: 0 3px; background-repeat: no-repeat; padding-left: 15px; text-decoration: underline; } .checkout-cart-index button.arrow { background-position: 0 4px; } .checkout-cart-index a.arrow:hover, .checkout-cart-index button.arrow:hover, .wishlist-index-index a.btn-remove2:hover { background-position: 0 -14px; text-decoration: underline; color: #C83B34; } .checkout-cart-index button.arrow:hover { background-position: 0 -13px; } .wishlist-index-index a.btn-remove2 { margin-top: 5px; float: right; } /* checkout prices */ .cart .cart-row .price { font-size: 14px; text-decoration: none;} .cart .cart-row td.last .price { display: block; font-size: 20px;} .cart .data-table tr.even { background-color: transparent; } .cart .product-info { padding-left: 10px; } .cart .product-info h3 { font-size: 20px; margin-bottom: 12px; } .cart .product-info h3 a { text-decoration: none; } .col-main .cart td.last { width: 100px; text-align: right; } .col-main .cart .totals td.last { width: 134px; } .checkout-cart-index .cart .totals .checkout-types { float: right; } .checkout-cart-index .cart .btn-continue { float: left; } .checkout-cart-index .checkout-types li { margin: 0 !important; } .cart dl.item-options { margin: 10px 0; } .cart dl.item-options dt, .cart dl.item-options dd { font-size: 13px; } .cart dl.item-options dt { margin-top: 5px; } /* Checkout Types ******************************************/ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Collateral boxes ******************************************/ .cart .cart-collaterals { padding:0 0 20px; } /* Shopping Cart Totals ******************************************/ .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals { position: relative; } .cart .totals table { margin: 10px 0 0; } .cart .totals table td.shipping { padding-bottom: 15px; } .checkout-cart-index .cart .totals table td.shipping { padding-bottom: 110px; } .cart .totals table td.grandtotal { font-size: 18px; line-height: 32px; border-top: 1px solid #666; border-bottom: 1px solid #666; } #shopping-cart-totals-table tr { vertical-align:middle; } .cart-collaterals .totals a.arrow { float: right; position: relative; top: -138px; left: 0; margin-bottom: -13px; width: 225px; text-align: right; background: none; } .cart .btn-continue-top button.arrow { /*margin-bottom: 29px; */} .cart .totals button.arrow { } .cart .totals button.btn-cancel { position: relative; top: -36px; right: 268px; font-size: 10px; } .cart .totals li { display: block; float: left; } .checkout-cart-index .paypal-or { display: block; float: left; height: 42px; width: 37px; background-position: center center; } .cart .totals .checkout-types .paypal-or { clear: none; padding: 0; } .checkout-cart-index .paypal-logo a { margin-top: 5px; display: block; float: left; height: 35px; width: 170px; color: #FFF; } /* Basket Sidebar ******************************************/ .sidebar .block { margin-bottom: 10px; } .sidebar .block-cart-we-accept, .sidebar .block-shipping-returns, .sidebar .block-shipping-returns a { width: 100%; height: 149px; } .sidebar .block-cart-we-accept { display: block; height: 160px; padding: 0; font-size: 11px; color: #333; background-color: #fff; border: 1px solid #d8d8d8; } .sidebar .block-cart-we-accept .secure { font-size: 22px; font-weight: normal; padding: 12px 16px; } .sidebar .block-cart-we-accept img { display: block; margin: 0 auto 8px auto; } .sidebar .block-cart-we-accept .tag-secure { padding: 12px 16px; border-top: 1px solid #d8d8d8; background-color: #fcfcfc; } .sidebar .block-cart-we-accept .link-privacy { display: block; margin-top: 5px; } .sidebar .block-shipping-returns { padding: 0; border: 0; } .sidebar .block-shipping-returns a { display: block; color: #fff; text-decoration: none; } .sidebar .block-cart-we-accept p {} .cart .share div { margin-bottom: 13px; } .cart .data-table th, .cart .data-table td { border:0; border-bottom: 1px solid #b0a7a1; } .cart .data-table thead { background-color: transparent; } .cart .data-table th { text-align: left; font-size: 14px; } .cart .discount { clear: both; position: relative; top: -109px; right: 0; float: right; height: 29px; margin-bottom: -29px; border: 3px solid #efedec; } .cart .discount .discount-form { border: 1px solid #a1968f; } .cart .discount .discount-form input { padding: 2px 5px; font-size: 14px; border: 0; } .cart .discount .discount-form button { height: 27px; width: 89px; margin-right: 0; background: #999; color: #FFF; } .checkout-onepage-index { color: #363636; } .checkout-onepage-index .form-list li.no-display { margin: 0 !important; } .checkout-onepage-index .page-title p.required { float: right; padding: 15px 10px 0 0; color: #3c3c3c; } #checkoutSteps .form-list li.wide input.input-text { width: 270px; } #checkoutSteps li .step-title { height:40px; padding-top: 20px; background-color: #f7f7f7; border-top: 1px solid #cccccc; } #checkoutSteps li.allow .step-title { background-color: #f7f7f7; } #checkoutSteps li.active .step-title { background-color: #f7f7f7; } .checkout-onepage-index .form-list .field { float: none; width: 53%; margin-top: 10px; } .checkout-onepage-index .form-list label { font-weight: 500; color: #000;} /* validation */ #checkout-step-billing .validation-advice, #checkout-step-shipping .validation-advice { left: 435px; margin: -20px 0 0 0; } #checkout-step-shipping .postcode .validation-advice{ left: 232px; } .opc li.section { border: none; } .opc .step-title .number strong { font-size: 22px; line-height: 22px; font-weight: 400; } .opc .step-title h2 { font-size: 22px; line-height: 22px; font-weight: 400; } .can-ship-wrap { clear: both; margin: -5px 0 15px 138px; overflow: hidden; } .can-ship-wrap input { float: left; margin-top: 6px; } #checkoutSteps .address-option { float: left; width: 200px; } #checkoutSteps .address-option label { padding-left: 6px; } .sp-methods dt { margin-bottom: 5px; } .sp-methods dd { margin-bottom: 20px; } #checkout-step-login h3 { margin-bottom: 10px; font-size: 16px; color: #363636; } #checkout-step-login fieldset p { margin-bottom: 10px; color: #363636; } #checkout-step-login .form-list li label { float: left; } #checkout-step-login .form-list label.required em { top: 5px; } #checkout-step-login .form-list li input-box input { float: right; } #checkout-step-billing .address-option{padding-left:1px;} .checkout-onepage-index #login-form .form-list .input-box { float: right; clear: none !important; } .checkout-onepage-index #login-form .form-list #remember-me-box { float: none !important; width: 110px; margin-left: 150px; } .checkout-onepage-index #login-form .form-list #remember-me-box input { margin-top: 5px; } #checkout-step-login .form-list li .input-box input.input-text { height: 20px; } .checkout-onepage-index #login-form .form-list .input-box input { float: right !important; } #checkout-step-login .col-2 .form-list label { float: none; line-height: 25px; font-size: 14px; font-weight: bold; } #checkout-step-login .col-2 { padding-left: 23px; border-left: 1px solid #ccc; } #checkout-step-login .col-2 .form-list li.control p { padding: 5px 0 0 20px; } #checkout-step-login .col-2 .form-list li.control { margin-bottom: 10px; } #checkout-step-login .col2-set .col-2 .form-list { margin-top: 18px; } #opc-billing .col-1 { width: 416px; } #opc-billing .col-2 { border-left: 1px solid #ccc; } #opc-billing h3.subhead { font-size: 16px; } #opc-billing .col2-set .col-2 { float: right; width: 280px; padding-left: 23px; } #opc-billing .form-list .col-1 .field { height: 20px; width: 405px; } #opc-billing .col2-set .col-2 li { padding: 10px 0 0 0; } #opc-billing .form-list li label { float: left; padding-top: 5px; } #opc-billing .form-list label.required em { top: 5px; } /* Checkout Sidebar ******************************************/ #checkout-review-load-sidebar .cart-review { border: 1px solid #ccc; } #checkout-review-load-sidebar .cart-review .cart-review-item img { float: left; margin-right: 3px; padding: 1px; border: 1px solid #d5d5d5; } #checkout-review-load-sidebar .edit-basket-link { clear: both; display: block; color: #363636; font-size: 11px; margin-top: 10px; background-position: 0 9px !important; } #checkout-review-load-sidebar h2 { border: 0; padding: 16px 10px 0 10px; } #checkout-review-load-sidebar .cart-review-item { clear: both; margin-bottom: 10px; padding: 5px 10px 0px 10px; overflow: hidden; } #checkout-review-load-sidebar .totals { margin: 10px 0 0 0; padding: 10px 0 10px 0; background-color: #F6F6F6; border-top: 1px solid #cacaca; } .sidebar #checkout-progress-wrapper { margin-top: 15px; } #checkout-review-load-sidebar .cart-review-item .product-name { padding: 3px 0 0 55px; color: #2c2c2c; } #checkout-review-load-sidebar .cart-review-item .qty-price { padding: 3px 0 0 55px; color: #2c2c2c; } #checkout-review-load-sidebar .cart-review-item .qty-price .price { padding-left: 2px; font-weight: 600; font-size: 16px; } .sidebar .opc-block-progress .block-content dt.top { font-size: 20px; font-weight: 500; } .sidebar .opc-block-progress .block-content dt.shipping { font-size: 20px; font-weight: 500; } .sidebar .opc-block-progress .block-content address { color: #3c3c3c; } .sidebar .opc-block-progress .block-content dd a { display: block; margin: 0 0 10px 0; padding-top: 5px; color: #333333; } #checkout-step-billing .buttons-set { border: none; } #shipping-method-buttons-container { border: none; } #checkout-summary-totals-table { margin-top: 10px; } #checkout-summary-totals-table tfoot tr th { font-weight: normal; } #checkout-summary-totals-table tfoot tr td.a-right, #checkout-summary-totals-table tfoot tr th.a-right { height: 25px; width: 80px; padding-left: 19px; text-align: left !important; } #checkout-summary-totals-table tfoot tr td.last { height: 25px; width: 80px; padding-right: 19px; text-align: right !important; font-weight: bold; font-size: 16px; } .opc li.section { border: none !important; } .opc .step { position: relative; padding: 15px 0 10px; border-top: 1px solid #ddd; } #opc-login a.f-left { width: 151px !important; margin-top: 5px; font-size: 11px; } #register-but { margin-left: 165px; } .checkout-onepage-index .form-list select { width: 280px; } .checkout-onepage-index .form-list li.wide .input-box { width: 270px; } .checkout-onepage-index #checkout-step-login .validation-advice { left: 235px; } .opc-block-billing-wrap { padding: 10px; border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; } .opc-block-shipping-wrap { margin-top: -10px; padding: 10px; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; } .checkout-onepage-index .col-right { border: none; } .checkout-onepage-index .block.opc-block-progress { border: none; } .checkout-onepage-index .form-list .input-box { display: block; float: right; clear: none; width: 260px; } .checkout-onepage-index .form-list #remember-me-box { float: none; margin-left: 152px; } .checkout-onepage-index .form-list #remember-me-box input { float: left; margin: 5px 5px 0 0; } #opc-login ul.form-list { margin: 10px 0 15px; } #opc-login li.control input.radio, #checkout-step-billing input.checkbox { float: left; margin-top: 5px; } .checkout-onepage-index .form-list .extrawide label { margin-bottom: 5px; } .checkout-onepage-index .form-list .extrawide .input-box { float: none; clear: both; width: 600px; } .checkout-onepage-index .form-list .extrawide .input-box select { width: 600px; margin: 5px 0; } #checkout-step-billing li.wide { width: 412px; } .checkout-onepage-index #checkout-step-register .form-list .input-box { display: block; float: right; clear: none; width: 190px; } #billing-buttons-container button, #shipping-buttons-container button { margin-left: 145px; } #shipping-buttons-container button { margin-top: 15px; } #checkout-step-shipping li.control { margin: -10px 139px 12px; } #checkout-step-billing li.save-address { margin: 0 0 12px; } #checkout-step-shipping li.save-address { margin: 0 152px 0; } #checkout-step-shipping fieldset li.control { margin-top: 0 !important; } #checkout-step-billing .customer-has-address button, #checkout-step-billing .customer-has-address .can-ship-wrap, #checkout-step-shipping .customer-has-address button, #checkout-step-shipping .customer-has-address li.control, #checkout-step-shipping .customer-has-address .can-ship-wrap { margin-left: 0; } #checkout-step-shipping .customer-has-address li.control { margin-top: 0; } #checkout-step-shipping_method .sp-methods li { margin-bottom: 10px; } #checkout-step-shipping_method .sp-methods li { position: relative; top: -2px; } #checkout-step-shipping_method .gift-messages h3 { margin: 20px 0 10px; } #checkout-step-shipping_method .gift-messages p.control { margin: 10px 0; } #checkout-step-shipping_method .gift-messages-form .inner-box { padding: 10px; } #checkout-step-shipping_method .gift-messages-form .inner-box .wide .input-box { width: 511px !important; } #checkout-step-shipping_method .gift-messages-form .inner-box .wide .input-box textarea { width: 500px; } #checkout-step-shipping_method .gift-messages-form .inner-box h4 { margin-bottom: 10px; } #checkout-step-shipping_method .gift-messages-form #allow-gift-messages-for-items-container { margin-top: 10px; } #checkout-step-shipping_method .gift-messages-form .inner-box .field { float: left !important; } #checkout-step-shipping_method .gift-messages-form .inner-box ol { margin-top: 10px; } /* Checkout Success ******************************************/ .checkout-onepage-success .col-main h2 { margin: 0 0 15px; } .checkout-onepage-success .col-main h2.sub { margin-top: 15px; } .checkout-onepage-success .col-main p { margin-bottom: 10px; } .checkout-onepage-success .col-main button { margin: 20px 0; } .checkout-cart-index .col-main { margin: 0; } .page-title .btn-continue-top { float: left; } .checkout-cart-index .page-title { padding-bottom: 16px; } .checkout-cart-index .col-main { border-right: none; } .col-main .cart td.grandtotal.last .price { font-size: 26px; } .cart .discount { top: -117px; } .checkout-onepage-index .main-container { padding-bottom: 20px; } /***************************************************************************** * 13. Accounts - forgot password, create, login, dashboard, addresses, orders, wishlist ******************************************************************************/ /* accounts .main *************************************/ .customer-account-index .main, .customer-account-edit .main, .customer-address-form .main, .sales-order-history .main, .wishlist-index-index .main, .customer-address-index .main, .sales-order-view .main, .newsletter-manage-index .main, .wishlist-index-share .main, .amlist-list-index .main, .amlist-list-edit .main, .review-customer-index .main, .review-customer-view .main { margin: 20px 0 32px; } /* accounts .col-left *************************************/ .customer-account-index .col-left, .customer-account-edit .col-left, .customer-address-form .col-left, .sales-order-history .col-left, .wishlist-index-index .col-left, .customer-address-index .col-left, .sales-order-view .col-left, .newsletter-manage-index .col-left, .wishlist-index-share .col-left, .amlist-list-index .col-left, .amlist-list-edit .col-left, .review-customer-index .col-left, .review-customer-view .col-left {} /* accounts .col-main *************************************/ .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .wishlist-index-index .col-main, .customer-address-index .col-main, .sales-order-view .col-main, .newsletter-manage-index .col-main, .wishlist-index-share .col-main, .amlist-list-index .col-main, .amlist-list-edit .col-main, .review-customer-index .col-main, .review-customer-view .col-main { border-top: 1px solid #CCC; margin-top: 42px; } /* accounts .sidebar *************************************/ .customer-account-index .sidebar, .customer-account-edit .sidebar, .customer-address-form .sidebar, .sales-order-history .sidebar, .wishlist-index-index .sidebar, .customer-address-index .sidebar, .sales-order-view .sidebar, .newsletter-manage-index .sidebar, .wishlist-index-share .sidebar, .amlist-list-index .sidebar, .amlist-list-edit .sidebar, .review-customer-index .sidebar, .review-customer-view .sidebar { width: 190px; } /* accounts headings *************************************/ /* accounts .page-title/title-buttons *************************************/ .my-account .page-title, .dashboard .page-title { line-height: 50px; padding-bottom: 3px; border-bottom: 1px solid #CCC; } .dashboard .title-buttons, .my-account .title-buttons { position: relative; } .my-account .title-buttons .link-print { position: absolute; top: 3px; right: 0; padding: 0; text-decoration: underline; } /* account .sidebar h2 *************************************/ .customer-account-index .sidebar h2, .customer-account-edit .sidebar h2, .customer-address-form .sidebar h2, .sales-order-history .sidebar h2, .wishlist-index-index .sidebar h2, .customer-address-index .sidebar h2, .sales-order-view .sidebar h2, .newsletter-manage-index .sidebar h2, .wishlist-index-share .sidebar h2, .amlist-list-index .sidebar h2, .amlist-list-edit .sidebar h2, .review-customer-index .sidebar h2, .review-customer-view .sidebar h2 {} .my-account .addresses-list h3 { margin-bottom: 10px; font-size: 14px; } /* accounts buttons *************************************/ .buttons-set button.button { float: left; } .account-create .button, .forgot-pass .button { margin-left: 150px; } .account-create button.button, .forgot-pass button.button { margin-left: 140px; } .registered-users button.button { margin-left: 7px; } .wishlist-index-index .data-table button.button { margin-top: 10px; } .my-account .title-buttons button.button { position: absolute; top: 12px; right: 0; } .my-account .my-wishlist .buttons-set button { margin-right: 10px; } /* account layout overrides *************************************/ .my-account { position: relative; min-height: 500px; } /* sidebar nav *************************************/ .gna-block-content ul { margin: 0; padding: 0; list-style: none; font-size: 12px; } .gna-block-content ul li { border-top: 1px #ccc solid; } .gna-block-content ul li a { text-decoration: none; color: #3c3c3c; display: block; padding: 10px; } .gna-block-content ul a:hover { background-color: #e5e5e5; } .gna-block-content ul li.gna-current { padding: 12px 10px 10px 10px; color: #3c3c3c; } .gna-block-content ul li.gna-current strong { font-weight: normal; } /* Account Dashboard *************************************/ .dashboard { margin-bottom: 100px; } .dashboard .welcome-msg p { margin-bottom: 10px; color: #3c3c3c; line-height: 17px; } .dashboard .welcome-msg p.hello { font-weight: bold; font-size: 14px; } .dashboard .box-recent h2 { color: #3c3c3c; font-size: 18px; } .dashboard .box-recent .box-head { margin-bottom: 5px; } .dashboard #my-orders-table thead { background: none; font-style: italic; color: #3c3c3c; } .dashboard .box-account { margin-top: 30px; } .dashboard .box-account .box { margin-top: 10px; } .dashboard .box-account .box-head h2 {} .dashboard .col2-set { margin-bottom: 12px; } .dashboard .col2-set .box-title { padding: 5px 0 5px 0; border-bottom: 1px #ccc solid; } .dashboard .col2-set .box-title h3 { float: left; color: #3c3c3c; } .dashboard .col2-set .box-title a { float: right; } .dashboard .col2-set .box-content { padding: 5px 0 0 0; } .dashboard .col2-set .box-content a { display: block; margin-top: 5px;} .dashboard .col2-set .col-1 { width: 45%; } .dashboard a { color: #3c3c3c; } /* Block: reviews *************************************/ .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } #my-reviews-table td.last { text-align: center; } #my-reviews-table .product-name a { text-decoration: none; } /* Order view *************************************/ .order-info { } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; margin-right: 5px; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box .box { margin-bottom: 10px; } .order-items { width:100%; overflow-x:auto; margin-bottom: 100px; } .order-additional { margin:15px 0; } /* Order gift message *************************************/ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order comments *************************************/ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .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; } /* My reviews *************************************/ .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 { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { margin:0 0 10px; } .product-review .product-details h3 { margin-bottom: 5px; } .product-review .ratings-table { width: 118px; margin:0 0 10px; } .product-review .ratings-table th, .product-review .ratings-table td { padding: 2%; } .product-review .ratings-table th { text-align: left; } .product-review .ratings-table td { width: 96%; } .product-review .ratings-table .rating-box { width: 100%; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Account Information *************************************/ .my-account p.required { position: absolute; top: 20px; right: 0; font-size: 11px; } .forgot-pass p.required { top: 56px; } .my-account .fieldset { margin-bottom: 20px; padding: 0; background: none; border: none; } .my-account .fieldset .legend {} .my-account .fieldset .form-list { width: 58%; } .my-account .fieldset .form-list .field { float: none; width: 100%; } .my-account .fieldset .form-list li { float: none; } .my-account .fieldset .field { margin-bottom: 10px; } .my-account .fieldset .name-lastname { margin-bottom: 0; } .my-account .fieldset .form-list .input-box { float: right; clear: none; margin-right: 300px; } .my-account .fieldset .form-list .control .input-box { margin-right: 541px; } .my-account .fieldset .form-list label { color: #3c3c3c; } .my-account .fieldset .form-list .input-box input { height: 25px; } .my-account .buttons-set { border: none; } .my-account .button-set p.required { position: relative; } /* Address Book *************************************/ .my-account .fieldset .form-list .wide { margin-right: 10px;} .my-account .fieldset .form-list .wide .input-box { width: 250px; } .my-account .addresses-list a { display: block; margin-bottom: 20px; } .my-account .addresses-list .addresses-additional a { display: inline-block; } .validate-zip-international { width: 80px !important; } /* My Wishlist *************************************/ .wishlist-index-index .data-table th.last, .wishlist-index-index .data-table td.last { width: 120px; } .my-wishlist thead { background-color: transparent; } .my-wishlist .data-table th { padding: 7px 0; border: 0; border-bottom: 1px solid #ada9a6; border-top: 1px solid #604d4f; } .my-wishlist .data-table td { padding: 10px; border: 0; border-bottom: 1px solid #ada9a6; } .my-wishlist .data-table textarea { height: 100px; width: 200px; } .my-wishlist .product-image, .my-wishlist .product-info { float: left; border-top: 0; } .my-wishlist .product-image { margin: 0 10px 10px 0; } .my-wishlist .product-info h3 { font-size: 16px; margin-bottom: 12px; } .my-wishlist .product-info h3 { text-decoration: none; } /* wishlist price */ .my-wishlist .price-box .special-price, .my-wishlist .price-box .regular-price {} .my-wishlist .price-box .special-price .price {} .wishlist-index-share .form-list label { margin-bottom: 5px; } .wishlist-index-share .form-list .input-box { float: none !important; clear: both !important; } .wishlist-index-share .buttons-set { padding: 0; } /* Account Login and Register *************************************/ .account-login { min-height: 400px; } .account-login .col2-set { margin-bottom: 10px; } .account-login .col2-set .col-2 { width: 44%; } .account-login h2, .account-create h2, .forgot-pass h2 { margin-bottom: 0; line-height: 55px; font-size: 20px; font-weight: normal; } #login-form .col-1 .form-list { width: 439px; } .account-login p, .forgot-pass p, .logout p { margin-bottom: 10px; } .account-login .form-list li label { float: left; margin-right: 5px; padding-top: 5px; font-weight: normal; } .account-login .form-list li label em { top: 5px; } .account-login .form-list li .input-box { float: right; clear: none; width: 280px; } .account-login .buttons-set { padding: 0; } .account-create li.control { width: 165px; margin-left: 150px; } .account-create li.control .input-box { margin-right: 0 !important; } .account-create li.control .input-box input { margin-top: -3px; } .account-login .buttons-set a { display: block; width: 152px; margin: 5px 0 0 0; font-size: 11px; text-decoration: underline; } .account-create #remember-me-box input { margin: -3px 0 0 10px; } .account-create li.control { width: 175px; margin-left: 140px; } /* customer review single */ .review-customer-view .list-review { top: 0; } .arrow, .my-account a { height: auto; width: auto; text-indent: 0; background-color: transparent; border: 0; } .my-account .noarrow { background: none; padding: 0; font-size: inherit; } .dashboard a.arrow, .my-account .data-table a.gift-message-link { background-position: 0 9px; padding-right: 0; } .my-account .fieldset .form-list .input-box { margin-right: 0; } .dashboard .col2-set .box-title { overflow: hidden; } .customer-address-index .arrow span, .customer-address-index .my-account a span { border: none; } /* 1 col account pages ******************************************/ .account-create, .forgot-pass { width: 710px; } .account-create, .forgot-pass { margin: 0 auto; width: 400px; } /* reset widths on .form-list ******************************************/ .customer-account-create .my-account .fieldset .form-list, .customer-account-forgotpassword .forgot-pass .fieldset .form-list { width: 100%; } /* account validation specific ******************************************/ /* set relative parents */ .account-login .input-box, .forgot-pass .input-box, .customer-address-form .my-account .input-box, .customer-account-edit .my-account .input-box { position: relative; } /* set fixed widths */ .customer-account-create .my-account .validation-advice, .customer-account-login .account-login .validation-advice, .customer-account-forgotpassword .forgot-pass .validation-advice, .customer-address-form .my-account .validation-advice, .customer-account-edit .my-account .validation-advice { width: 110px; } /* set margin-top */ .customer-account-create .my-account .validation-advice, .customer-account-forgotpassword .forgot-pass .validation-advice, .customer-address-form .my-account .validation-advice, .customer-account-edit .my-account .validation-advice { margin-top: -25px; } .customer-account-login .account-login .validation-advice { left: 220px; margin-top: -21px; } /* set left position*/ .customer-account-create .my-account .validation-advice { left: 420px; } .customer-address-form .my-account .validation-advice, .customer-account-edit .my-account .validation-advice, .customer-account-forgotpassword .forgot-pass .validation-advice { left: 280px; } /***************************************************************************** * 14. Features - upsells, recently viewed, related products, banners ******************************************************************************/ /* recently viewed ******************************************/ .recent { clear: both; height: 166px; border-top: 1px solid #7f7f7f; position: relative; padding: 20px 0 0 0; background-color: #fff; } .recent h3 { font-size: 18px; font-weight: normal; color: #362f2d; margin: 0 0 15px 0; } #slideshow-recently { height: 92px; } #slideshow-recently ul { height: 92px; list-style: none; margin: 0; overflow: hidden; } #slideshow-recently ul li { width: 142px; height: 92px; float: left; display: inline; margin: 0 0 0 0; } #slideshow-recently ul li img { float: left; } #slideshow-recently ul li.last { margin-right: 0; } #slide-prev { width: 18px; height: 18px; position: absolute; z-index: 10; text-indent: -9999px; top: 10px; right: 21px; } #slide-next { width: 18px; height: 18px; position: absolute; z-index: 10; text-indent: -9999px; top: 10px; right: 0; } /* related products ******************************************/ .block-related {} .block-related .bx-recommended { overflow: hidden; } .block-related h2 { font-size: 16px; } .block-related .pager { margin: 0; } .block-related .item { min-height: 163px; padding-top: 10px; border-bottom: 1px solid #bfbfbf; } .block-related .item.last{ border-bottom:none; } .block-related .item a { text-decoration: none; font-size: 12px; } .block-related li a, .block-related li img { display: block; } .block-related li img { margin: 0 auto; } .block-related .product-image { margin-bottom: 5px; } .block-related .nav-recommended { position: relative; padding: 10px 0; border-top: 2px solid #808080; } .sidebar .slider1 {} .block-related .nav-recommended { border-top: 0; border-bottom: 2px solid #808080; } .img-thumbs .bx-next, .img-thumbs .bx-prev, .block-related .prev-rec, .block-related .next-rec { width: 15px; height: 15px; display: block; position: absolute; top: 10px; right: 0; text-indent: -99999px; } .block-related .prev-rec, .img-thumbs .bx-prev { right: 16px; background-position: 0 0; } .block-related .prev-rec:hover, .img-thumbs .bx-prev:hover { background-position: 0 -15px; } .img-thumbs .bx-next, .img-thumbs .bx-prev { bottom: -25px; top: auto; right: auto; } .img-thumbs .bx-next { left: 16px; } .block-related .next-rec, .img-thumbs .bx-next { background-position: -15px 0; } .block-related .next-rec:hover, .img-thumbs .bx-next:hover { background-position: -15px -15px; } .block-related .disabled { opacity: 0.2; cursor: default; } .block-related .disabled.prev-rec:hover, .img-thumbs .disabled.bx-prev:hover { background-position: 0 -15px; } .block-related .disabled.next-rec:hover, .img-thumbs .disabled.bx-next:hover { background-position: -15px 0; } #list-recommended li img {} #list-recommended li a {} #list-recommended li h3 { text-align: left; font-size: 11px; color: #534741; font-weight: normal; margin: 0 0 5px 0; } #list-recommended li h3 a { color: #534741; text-decoration: none; } #list-recommended .block-related.pager { margin: 0; } #list-recommended li .regular-price, #list-recommended li .special-price, #list-recommended li .minimal-price{ float: left; font-size: 15px; color: #534741; font-weight: normal; margin: 0 10px 5px 0; } #list-recommended li .regular-price .price { font-weight: normal; } #list-recommended li p.rating { text-indent: -9999px; width: 67px; clear: both; } #list-recommended li .old-price { float: left; font-size: 13px; color: #cbc7c6; font-weight: normal; text-decoration: line-through; margin: 2px 0 0 0; } #list-recommended li.last { border: none; } .nav-recommended.last { border-bottom: 0; border-top: 2px solid #999; padding: 10px 0 0 0; } /* bx slider ******************************************/ .catalog-product-view .bx-recommended .product-name { margin-top: 12px; display: block; } .nav-recommended .pager { margin-left: 0; font-size: 12px; } .nav-recommended .pager .count, .nav-recommended .pager .bx-current-page { font-size: 12px; line-height: 17px; padding-left: 4px; } .nav-recommended .count { padding-left:6px; } /* alternate product view */ .catalog-product-alt-view .block-related { position: relative; clear: left; float: left; padding-top: 40px; margin-bottom: 20px; } .catalog-product-alt-view .block-related h2, .catalog-product-alt-view .block-related .nav-recommended { position: absolute; top: 0; } .catalog-product-alt-view .block-related h2 { top: 6px; left: 0; } .catalog-product-alt-view .block-related .nav-recommended { right: 0; width: 100%; } .catalog-product-alt-view .block-related .nav-recommended p { float: right; margin-right: 50px; } .catalog-product-alt-view .block-related .item { border: 0; margin: 0 auto; width: 140px; } .catalog-product-alt-view .block-related li { width: 192px; } .catalog-product-alt-view .block-related li a, .catalog-product-alt-view .block-related li img { display: block; margin-left: auto; margin-right: auto; } /* home specific */ #homepage-tabs { clear: both; } .box-ads { float: left; margin-right: 21px; } .box-ads.last { margin-right: 0; } /***************************************************************************** * 15. Pages - CMS pages, 404, contact, sitemap, legals ******************************************************************************/ /* Sitemap **********************************/ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .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 {} /* CMS Pages **********************************/ .cms-page-view table { background-color: #f0f0f0; border-radius: 2px; } .cms-page-view table th, .cms-page-view table td { padding: 10px 20px; } .cms-page-view table { margin: 20px 0; } .cms-page-view h3 { margin-top:5px; padding-bottom:10px; font-size:15px;} /* Contacts **********************************/ .contacts-index-index .form-list label { padding-bottom:7px; } .contacts-index-index .page-title h1 { float: left; } .contacts-index-index p.required { float: right; padding-right: 200px; padding-top: 10px; } .contacts-index-index textarea { resize:vertical; } /* 404 *************************************/ .cms-index-noroute .col-main .top-cat { display:inline; float:left; width:193px; margin-top:20px; } .cms-index-noroute .col-main, .cms-index-noroute .row { clear:both; } .cms-index-noroute .top-cat h3 { width: 193px; color: #3399cc; font-size: 15px; } .cms-index-noroute .col-main .top-cat ul { width: 200px; padding-top: 10px; } .cms-index-noroute .col-main .top-cat ul li { margin-left: 1px; width: 160px } .cms-index-noroute .col-main .top-cat ul li a { color: #444; text-decoration:none; } html.js body.cms-index-noroute div.top-cat a:hover, .cms-index-noroute div.top-cat a h3:hover{ text-decoration: underline; } .box-product.full.last { float: left; clear:both; margin: 21px 0 0; } .cms-index-noroute #category-404-collection { clear: both; float: left; height: auto; width: 998px; margin-top: 12px; } #category-404-collection ul li { line-height:20px; } /* Customer standardise classes *************************************/ div.std p, div.std ul, div.std ol, div.std dl, .catalog-product-view .ui-tabs-panel p, .catalog-product-view .ui-tabs-panel ul, .catalog-product-view .ui-tabs-panel ol, .catalog-product-view .ui-tabs-panel dl { padding: 0; margin: 0; list-style: none; font-size: 12px; line-height: 18px; margin-bottom: 12px; } .catalog-product-view .ui-tabs-panel ul, .catalog-product-view .ui-tabs-panel ul.disc, .catalog-product-view .ui-tabs-panel ol, .catalog-product-view .ui-tabs-panel ol.num { margin-left: 15px; } .catalog-product-view .ui-tabs-panel ul, .catalog-product-view .ui-tabs-panel ul.disc { list-style: disc; } .catalog-product-view .ui-tabs-panel ol, .catalog-product-view .ui-tabs-panel ol.num { list-style: decimal; } .cms-page-view div.std dl dt { margin-bottom: 12px; } .cms-page-view div.std dl dd { margin-bottom: 20px; } div.std h2, div.std h3, div.std h4, div.std h5, div.std h6, .catalog-product-view .ui-tabs-panel h2, .catalog-product-view .ui-tabs-panel h3, .catalog-product-view .ui-tabs-panel h4, .catalog-product-view .ui-tabs-panel h5, .catalog-product-view .ui-tabs-panel h6 { margin-bottom: 12px; } /***************************************************************************** * 16. Social - social links, facebook login ******************************************************************************/ ul.social-links { clear: both; float: left; width: 100%; margin-top: 20px; } ul.social-links li{ display: inline; margin-right: 12px; float: left;} ul.social-links li.facebook-social-like{width: 70px;} ul.social-links li.facebook-social-send{width:52px} ul.social-links li.twitter-social { width: 78px; position: relative; z-index: 5; } ul.social-links li.plusone-social { margin-right: 0; position: relative; z-index: 5; width:70px; } /* Facebook login *************************************/ #checkout-step-login .form-list li .input-box input.input-text { width: 135px; } #checkout-step-login .col2-set .col-2 { margin-left: 23px; float: left; } #checkout-step-login .col2-set .col-2 .form-list { float: left; } #checkout-step-login .col2-set .col-2 .facebook-box{ float: left; display: block; position: absolute; top: 12px; right: 0; width:140px; height:174px; } #checkout-step-login .col2-set .col-2 .facebook-box .fb_button_ps { position: absolute; bottom: 35px; left: 3px; } a.whatis { position: absolute; display: block; bottom: 2px; left: 2px; width:136px; height:25px; text-indent: -9999px; } #checkout-step-login .col-1 { width: 33%; } .checkout-onepage-index #login-form .form-list .input-box { width: 149px; } .fb_button_ps { float: right; margin-left: 5px; } .welcome-msg img { margin-left: 5px; } /***************************************************************************** * i. Hide - anything that needs to be display: none; ******************************************************************************/ .none, .add-to-box .or, .add-to-links .separator, .ui-tabs .ui-tabs-hide, .sort-by img, .view-mode label, .pages strong, .pages ol li .padd-right, .pages ol li .padd-left, .products-grid li .old-price .price-label, .products-grid li .special-price .price-label, .products-list li .old-price .price-label, .products-list li .price-box .price-label, #products-list .review-form.last, .cart .totals table td.tax, #checkoutSteps .step-title p.required , #checkout-step-login .buttons-set p.required, #checkout-summary-totals-table tfoot tr td.tax, .dashboard .box-recent .box-head a, .dashboard .separator , .my-account .buttons-set .back-link, .my-account .pager, .account-login p.required, #remember-me-box a, h1 strong, p.welcome-msg, .header .quick-access div.clear, .header .logo strong, .header .search-access label, .header .block-mini-cart .bx-pager, .header .block-mini-cart .btn-edit, .header #cartcount, .block-related .bx-pager, .currency-nav .subnav, .catalog-product-view .price-box .special-price .price-label, div.rating-cancel, #star-desc, .newsletter-manage-index .my-account .fieldset .legend, .catalog-product-view .bx-recommended .price-box .old-price .price-label, #list-recommended li .price-label, .header .block-mini-cart, .opc .buttons-set.disabled button.button, .form-review h4, div.link-break, .review-container, .header .block-mini-cart .truncated, .m-slider-selected-value, #m-wait .loader img, .grouped-items-table thead, .grouped-items-table .old-price .price-label, .minimal-price .price-label, #price-range-from, #price-range-to, #price-applied .m-slider-to { display: none; } /***************************************************************************** * ii. Media Queries ******************************************************************************/ /* iPads (portrait and landscape) *************************************/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .wrapper { padding-left: 20px; padding-right: 20px; } } /***************************************************************************** * iii. iWeb Modifications - zoomer, add to cart, homepage ******************************************************************************/ /* pembo add to cart *************************************/ .loading-indicator { height: 35px; width: 35px; background-repeat: no-repeat; background-position: center center; } .loading-indicator.black { } .loading-indicator-overlay { background-color: #fff; opacity: 0.6; filter: alpha(opacity = 60); } /* pembo zoomer *************************************/ #zoomedpic { overflow: hidden; position: fixed; width: 870px; z-index: 200; top: 50px; left: 50%; -moz-box-shadow: 4px 8px 27px 0px #000; box-shadow: 4px 8px 27px 0px #000; -webkit-box-shadow: 4px 8px 27px 0px #000; background: #fff; display: none; margin-left: -435px; } #zoomedpic .closeBtn { position: absolute; z-index: 205; background: #777; padding: 10px; color: #fff; font-weight: bold; text-decoration: none; } #zoomedpic .closeBtn:hover { background: #999; } #zoomed-image li { margin-bottom: 5px; } #zoomed-image img { display: block; } #zoomed-image a { border: 1px solid #777; overflow: auto; display: block } #thumbnail, #picture { cursor: pointer; } #full { position: relative; cursor: crosshair; } #zoom-change { position: absolute; top: 10px; right: 10px; z-index: 301; } #overlay { position:fixed; top:0; left:0; width:100%; z-index:100; background: #000; display:none; text-align:left; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #loading-overlay { position:absolute; top:0; left:0; width:100%; z-index:300; display:none; text-align:left; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background: #fff url("") no-repeat 50% 50%; } @-moz-document url-prefix() { #picture, .link-zoom { cursor: -moz-zoom-in; } } #picture.no-zoom, .link-zoom { cursor: default; } .link-zoom { cursor: pointer; } /***************************************************************************** * iv. Plugins ******************************************************************************/ /* checkbox filters *************************************/ .m-filter-checkboxes { margin-left: -25px !important; } .oldie .m-filter-checkboxes { margin-left: -35px !important; } .m-filter-checkboxes li input { display: inline !important; margin-right: 12px !important; } ol.m-filter-checkboxes, ol.m-filter-item-list { margin-bottom: 6px; } .m-filter-checkboxes label { padding-left: 18px; } .m-filter-checkboxes label:hover, .m-filter-checkboxes .m-selected-ln-item label { background-position: 0 2px; } .m-filter-checkboxes .m-selected-ln-item label:hover { background-repeat: no-repeat; background-position: 0 3px; } /* ajax price sliders *************************************/ .m-filter-slider { position: relative; height: 17px; } .m-filter-slider > .m-slider-from, .m-filter-slider > .m-slider-to { height: 11px; width: 11px; position: absolute; } .m-filter-slider > .m-slider-span { height: 11px; position: absolute; background: none; } .m-filter-slider > .m-slider-from { cursor: e-resize; } .m-filter-slider > .m-slider-to { cursor: w-resize; } .m-slider-values { text-align: center; margin-top: 3px; } .m-slider-selected-value { width: 100%; } .m-slider-values .m-slider-min-value, .m-slider-selected-value .price-filter-left, .m-slider-left-val { float: left; } .m-slider-values .m-slider-max-value, .m-slider-selected-value .price-filter-right, .m-slider-right-val { float: right; } .m-slider-to, .m-slider-from { top: 3px; } .m-slider-selected-value { display: block; width: 100%; } .m-slider-selected-value .price-filter-left { float:left; } .m-slider-selected-value .price-filter-right { float:right; } /* ajax overlay *************************************/ #m-wait { position: absolute; z-index: 20000; top: 190px; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); } #m-wait #overlay { display: none; } #m-wait .loader { position: absolute; top: 0; left: 50%; width: 120px; margin-left: -120px; padding: 15px 60px; background: #fff; color: #555; text-align:center; z-index: 20100; font-size: 18px; border: 1px solid #CCC; } #m-wait .loader img, #m-wait .loader br { display: none; } #weeDeveloperToolbarContainer, #weeDeveloperToolbarPoweredBy { display: none; } .weeDeveloperToolbarDetails { top: 45px; } /***************************************************************************** * // END generic.css // ******************************************************************************/ /***************************************************************************** Document : theme.css Created on : 24/01/2012 Author : Gareth Joyce Description: Site Theme ********************************************** Contents: ********************************************** 1. Global 2. Headings 3. Buttons 4. Prices 5. Layout 6. Forms 7. Header 8. Footer 9. Nav 10. Breadcrumbs 11. Homepage 12. Cat Lander 13. Product List 14. Product Detail 15. Cart 16. Accounts 17. Upsells 18. Legals 19. Social ********************************************** Additional ********************************************** i. Hide/Show ii. Media Queries iii.Plugins ******************************************************************************/ /***************************************************************************** * 1. Global - resets, global, set font ******************************************************************************/ /* grab Google fonts */ @import url('//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic'); body {} a:hover {} .currency-nav li, .header .quick-access .links li, .header .quick-access .block-cart ul li, #link-search, #nav, #slideshow-featured ul li, #nav-footer li a, .legals p, .sidebar, .has-description, .toolbar, .products-grid, .recent h3, .footer .specification-box, .breadcrumbs, .block-related, .product-shop, button.btn-cart, .form-review h3, .cart, button.button, button.arrow, .checkout-onepage-index .col-main, .header .block-mini-cart .btn, .page-title h1, .block-subscribe label, .my-account h1, .my-account h2, #gnb-container h3 a, #gnb-title, .gnb-col2 a.gnb-reset, .gnb-col3 a.gnb-reset, .gnb-article .gnb-more, .gnb-article h3, #frm_form_6_container .frm-show-form label.frm_primary_label, #m-wait .loader, #frm_form_6_container .frm-show-form .submit input[type=submit], .gnb-commentbox input.button, .my-account, .header .search-access input.input-text, .box-reviews h3, .form-review h3, .form-review h4, .catalog-category-view ul.cat-list li.item .cat-name, .error-block h2, p.gnb-datetime, #gnb-pagination, .gnb-article, ul.gnb-asides-list li a, .checkout-cart-index #shopping-cart-table, .header .block-mini-cart .none-in { font-family:'Droid Serif', serif; } /* reset lists */ .footer .specification-box ul, .block-action ul { margin: 0; padding: 0; list-style: none; } #m-wait { top: 117px; } #m-wait .loader { top: 35% !important; border: 2px solid #CCC !important; background: #F1F1F1 !important; color: #3c3c3c !important; font-weight: normal; padding: 15px 60px 13px !important; } #m-wait .loader img { } /***************************************************************************** * 2. Headings - all main page titles ******************************************************************************/ .header .block-mini-cart .product-details{ height:auto; } .page-title, .cart-title { } .product-shop .product-name h1, .cart-title h1, .my-account h1, .page-title h1 { font-size:22px; color:#5b5756; text-transform:uppercase; font-weight:normal; line-height: 22px; } .my-account .page-title h1 { text-transform: inherit; font-size: 22px; line-height: 50px; } .my-account .page-title { border-bottom: 1px solid #CCC; } .category-title h1 { font-size: 25px; color:#362f2d; text-transform:uppercase; font-weight:normal; } .account-login h2, .account-create h2, .forgot-pass h2 { color: #362F2D; } .cart-title h1, .my-account h1 { font-size: 26px; } .category-title, .catalog-category-view .page-title { margin-bottom: 12px; } .sidebar h2, .my-account .legend {} /***************************************************************************** * 3. Buttons - all button styles ******************************************************************************/ button.button, button.button:hover, .header .block-mini-cart .btn, .header .block-mini-cart .btn:hover, .gnb-more, #frm_form_6_container .frm-show-form .submit input[type=submit], .gnb-commentbox input.button { color: #FFF; /* background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/large-btn-bg.png) no-repeat 100% 0 transparent;*/ background: #8F3054; } .header .block-mini-cart .btn:hover, #frm_form_6_container .frm-show-form .submit input[type=submit]:hover, .gnb-commentbox input.button:hover { opacity: 0.8; } .header .block-mini-cart .btn-basket, .header .block-mini-cart .btn-paynow { height: 30px; line-height: 30px; } .header .block-mini-cart .btn-basket { padding-right: 25px; } .header .block-mini-cart .btn-paynow { width: auto; padding: 0 30px 0 15px; } .checkout-onepage-index .col-main button.button, .catalogsearch-advanced-index .col-main button.button, .block-subscribe button.button, .my-account button.button, .gnb-more, button.btn-go, #frm_form_6_container .frm-show-form .submit input[type=submit], .gnb-commentbox input.button { padding-right: 30px; height: 30px; } .cart .discount .discount-form button { background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/btn-bg.png) no-repeat 100% 0; } button.btn-cart { width:108px; height:27px; font-size:12px; line-height: 14px; color:#fff; text-transform:uppercase; margin:13px 0 0 3px; } button.btn-cart:hover { } /***************************************************************************** * 4. Prices - product list/grid/detail prices ******************************************************************************/ #slideshow-featured ul li .price { font-size:11px; color:#919293; text-transform:uppercase; } .products-grid .price-box, .products-grid.row3 .price-box { text-align:center; position:relative; right:auto; left:auto; bottom:auto; margin:0; font-size: 12px; color:#7c8285; } .products-grid .special-price, .catalog-product-alt-view .block-related .item .special-price { text-align:center; position:relative; float:none; font-size:12px; color:#8c9295; } /* product-detail prices */ .catalog-product-alt-view .block-related .item .price-box { text-align:center; } .catalog-product-alt-view .block-related .item .special-price { text-align:center; position:relative; float:none; font-size:12px; color:#8c9295; } .product-shop .price-box { margin:15px 0 10px 0; } .product-shop .regular-price, .product-shop .special-price { font-size:18px; color:#514c4b; position: static; float: left; letter-spacing: 0px; } .product-shop .special-price { } .product-shop .old-price { position: static; float: left; padding-top: 5px; margin-right: 5px; } .block-related .price-box {} .block-related .old-price {} /* mini-cart price */ .block-mini-cart .product-details .price { line-height: 16px; font-size: 11px;} /* wishlist price */ .wishlist-index-index .price-box {} .wishlist-index-index .special-price {} .wishlist-index-index .old-price {} /***************************************************************************** * 5. Layout - setup page layouts, floats, widths, margin, padding ******************************************************************************/ body.cms-home { } body.cms-home .wrapper { width: 100%; } body { } .wrapper { width:100%; } div.page { width: 996px; margin: 0 auto; } #home-container { width:996px; } .main-container { padding-top:0; margin-bottom: 10px; } .sidebar { width: 178px; } .col-main { width: 788px; min-height: 400px; float: right; display: inline; } /***************************************************************************** * 6. Forms - remaining form fields and validation. buttons are styled above ******************************************************************************/ /***************************************************************************** * 7. Header - header layout, logo, mini-cart, currency switcher ******************************************************************************/ .cms-home .header-container { width:996px; height:113px; position:absolute; /*z-index:70;*/ top:-493px; left:0; } .header-container { position:relative; width:996px; height:113px; z-index:10; margin:0 0 31px 0; } .header { width:996px; height:103px; /*margin:5px 0 0 0;*/ } .header .logo { width:157px; height:91px; position:absolute; z-index:1; top:9px; left:419px; margin:0; background-position: -10px -10px; background-color: transparent; } .header .quick-access { width: 996px; position: absolute; top: 0; right: auto; left:0; } .header .quick-access .links { float: none; font-size: 11px; position: relative; float: left; height:29px; margin:0; padding: 3px 5px 0; width:auto; right: auto; top: 0px; left: 0; } .header .quick-access .f-right { float: right !important; left: 0;} .header .quick-access .links li { height:23px; padding:6px 10px 0 10px; font-size:11px; color:#9c9b9b; text-transform:uppercase; float:left; } .header .quick-access .links li a { color:#9c9b9b; text-decoration:none; float:left; } .header .quick-access .links li a:hover { text-decoration:underline; } .header .quick-access .links li.social { background:none; } .header .block-mini-cart { } .list-mini-cart-wrapper { height: 309px; } #link-facebook { width:16px; height:15px; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: -10px -121px; text-indent:-9999px; float:left; display:inline; margin:-2px 5px 0 0 } #link-twitter { width:16px; height:15px; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: -10px -156px; text-indent:-9999px; float:left; display:inline; margin:-2px 0 0 0; } .header .quick-access .links li.last { margin:0 0 0 0; float:right; } .header .quick-access .links li.last span { text-transform:none; float:left; font-style:italic; margin:0 5px; display:inline; } .currency-container { display: block; position: static; float: right; z-index: 80; width: auto; background:url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/sep-links.png) no-repeat 0 10px; } .currency-nav { clear: both; /*min-width: 100%;*/ display: block; float: left; position: relative; font-size: 11px; color:#9c9b9b; z-index: 7; padding-right: 8px !important; } .currency-nav li { display: block; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: 64px -278px; height:23px; padding:1px 0 0 0; } .currency-nav li.active:hover { background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: 64px -278px; } .currency-nav li li.jpy a, .currency-nav li.jpy span { background-position: 8px -74px; } .currency-nav .subnav { position: absolute; top: 30px; min-width: 90px; } .currency-nav .subnav li { background-color:#272322; } .currency-nav li span { padding-top:8px; } .currency-nav .subnav li { height: 28px; } .currency-nav .subnav li a { color:#BBC2C5; padding-bottom: 5px; } .currency-nav .subnav li:hover { background-color: #524F4D; } .currency-nav .subnav li a:hover { color: #FFF; } .currency-nav .subnav li span { padding-top: 0; } .header .quick-access .block-cart { float: right; width: auto; padding: 0 9px 0 18px; margin: 2px 0 0; height:29px; position:static; z-index:80; } .header .quick-access .block-cart ul { margin-left: 0; } .header .quick-access .block-cart ul li.view-basket { margin-left: 0; display: inherit; } .header .quick-access .block-cart ul li.amount a { font-size:11px; color:#9c9b9b; text-transform:uppercase; text-decoration:none; display: inline !important; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: -10px -255px; background-color: transparent; padding:1px 0 0 18px; margin:-2px 0 0 0; } .header .search-access { float: right; position: relative; margin: 1px 0 0; padding-left: 5px; height:29px; } #link-search { float:left; height:22px; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: -10px -184px; padding:7px 0 0 15px; font-size:11px; color:#9c9b9b; text-transform:uppercase; text-decoration:none; } /***************************************************************************** * 8. Footer - footer layout, payment banner, footer links, legals, iweb ******************************************************************************/ #nav-footer { /* height:31px;*/ padding:14px 0 14px; border-bottom:1px solid #e5e5e5; text-align:center; clear:both; } .cms-home #nav-footer { border-bottom:1px solid #544e4c; /* border-top: 1px solid #544E4C;*/ padding:24px 0 14px 0; overflow: hidden; } #nav-footer li { display:inline-block; padding:0 12px 0 9px; margin-bottom: 10px; } .cms-home #nav-footer li { } #nav-footer li a { font-size:11px; color:#9c9a99; text-transform:uppercase; text-decoration:none; } #nav-footer li a:hover { text-decoration:underline; } #nav-footer li.last { background:none; } .legals { border-top: none; overflow: hidden; clear: both; padding: 25px 0 0 0; margin-top: 0; text-align:center; } .legals p { font-size:11px; color:#a5a6a6; text-transform:uppercase; margin:0 0 6px 0; } .cms-home .legals p { color:#9c9a99; } .legals p.iweb { text-align: center; font-size:9px; color:#c6c6c6; } .cms-home .legals p.iweb { text-align: center; font-size:9px; color:#9c9a99; } .cms-home .legals p.iweb a { color:#9c9a99; } .legals p a { color:#c6c6c6; } .footer .specification-box, .footer .specification-box-content { width:873px; height:62px; margin:0 auto; } .footer .specification-box li { width:291px; height:62px; float:left; display:inline; text-align:center; } .footer .specification-box li a { width:291px; height:47px; float:left; display:inline; font-size:11px; color:#a6a5a5; text-decoration:none; line-height:1.4em; padding:15px 0 0 0; } .footer .specification-box li a span { font-size:12px; color:#7c7c7c; text-transform:uppercase; } .payment-methods { padding:0; height:84px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f2f2f2; } .payment-methods .cards-accepted { width: 545px; height: 31px; display: inline; margin:25px 0 0 41px; } .payment-methods .secured-by { float: right; width: 340px; height: 31px; display: inline; text-indent: -9999px; margin:25px 31px 0 0; } /***************************************************************************** * 9. Nav - main nav ******************************************************************************/ .nav-container { width:996px; height:31px; position:absolute; left:0; top:57px; } .cms-home .nav-container { width:996px; height:31px; /*z-index:70;*/ top:-431px; } .catalog-category-view .nav-container{ z-index: 9; } #nav { height: 31px; padding:0; margin:0; font-size:15px; } #nav li a { color:#bbc2c5; text-transform:uppercase; padding:7px 19px 0 19px; } #nav li { float:left; margin-right: 0; } #nav li.nav-1 { margin-left:10px; } #nav li.nav-4 { margin-left:265px; } #nav li.nav-6 a { padding-right:0; } #nav li a:hover, #nav li.over a, #nav li.active a { color:#fff; } /***************************************************************************** * 10. Breadcrumbs - links and active page ******************************************************************************/ .breadcrumbs { height: 25px; margin:-15px 0 0 0; } .breadcrumbs ul { margin-top: 0; } .breadcrumbs ul li { float: left; font-size: 11px; color: #7b7876; margin: 0 6px 0 3px; display: inline; } .breadcrumbs ul li.home { margin:0 6px 0 0; } .breadcrumbs ul li a { color: #7b7876; padding-right: 10px; } /***************************************************************************** * 11. Homepage - home specific ******************************************************************************/ #slide-home { width: 100%; height: 483px; text-align: center; overflow: hidden; position: relative; } #slide-home ul, #slide-home ul li { width: 100%; height: 483px; } #panel-header { width: 100%; height: 113px; position: absolute; z-index:5; top:0; left:0; } #panel-header div { width:100%; height:113px; z-index:60; position:absolute; top:0; left:0; } #featured-slide { width:996px; height:173px; position:relative; } #slideshow-featured { width:845px; height:173px; margin:17px auto 7px auto; } #featured-prev, #featured-next { width:53px; height:41px; position:absolute; z-index:10; left:0; top:58px; border:2px solid #dddcdc; text-indent:-9999px; } #featured-next { background-position:0 -41px; left:auto; right:0; } #slideshow-featured ul { width:845px; height:166px; padding:7px 0 0 0; } #slideshow-featured ul li { width:169px; height:166px; margin: 0; padding: 0; float:left; text-align:center; } #slideshow-featured ul li:hover { opacity: 0.8; } #slideshow-featured ul li h3 { font-size:11px; font-weight:normal; text-transform:uppercase; color:#919293; line-height:1.3em; margin:0 0 3px 0; padding:0 15px; overflow: hidden; height: 27px; } #slideshow-featured .bx-pager, #slideshow-featured .bx-prev, #slideshow-featured .bx-next{ display: none; } #slideshow-featured ul li h3 a { color:#919293; text-decoration:none; } #slideshow-featured ul li h3 a:hover { text-decoration:underline; } #slideshow-featured .price-center { text-align: center; } #slideshow-featured .price-box { display: inline-block; margin: 0 auto; } #slideshow-featured .price-label{ display: none; } #slideshow-featured .price-box p { position: static !important; display: inline-block; line-height: 22px; } #slideshow-featured .price-box p.old-price { margin-right: 2px;} #home-content { width:994px; border:1px solid #484240; border-top:none; margin:7px 0 0 0; } #banner-home-left { width:663px; float:left; } #banner-1 { width:656px; height:177px; background-image: url("/skin/frontend/iweb/default/images/banner-sprite.jpg"); background-position: -10px -10px; border-right:1px solid #484240; border-bottom:1px solid #484240; padding:0 0 0 6px; } #banner-2 { width:263px; height:222px; background-image: url("/skin/frontend/iweb/default/images/banner-sprite.jpg"); background-position: -10px -207px; border-right:1px solid #484240; border-bottom:1px solid #484240; padding:6px 0 0 6px; float:left; } #banner-3 { width:386px; height:222px; background-image: url("/skin/frontend/iweb/default/images/banner-sprite.jpg"); background-position: -10px -455px; border-right:1px solid #484240; border-bottom:1px solid #484240; padding:6px 0 0 6px; float:left; } #banner-home-right { width:325px; height:406px; float:left; background-image: url("/skin/frontend/iweb/default/images/banner-sprite.jpg"); background-position: -10px -703px; padding:0 0 0 6px; } /***************************************************************************** * 12. Cat Lander - title, banner, cat list ******************************************************************************/ /***************************************************************************** * 13. Product list & grid view, toolbar, pagination, sidebar filters ******************************************************************************/ #title-sidebar { font-size:16px; color:#362f2d; text-transform:uppercase; font-weight:normal; text-align:left; border-bottom:1px dotted #d7d7d7; padding:0 0 8px 10px; margin:0 0 10px 0; } .widget { margin: 0 0 10px 0; border-bottom: 1px dotted #d7d7d7; padding: 8px 0 0 0; } .nav-sidebar.select { border-top: 1px dotted #d7d7d7; padding: 7px 20px 3px 10px; } .title-widget { font-size: 13px; color: #362f2d; margin: 0; padding:0 0 10px 6px; text-transform:uppercase; /* border-bottom:1px dotted #d7d7d7;*/ } .link-title-widget { padding: 2px 0 0 19px; } .nav-sidebar { max-height: 140px; border: none; list-style: none; margin: 0; padding: 10px 20px; overflow: auto; } .catalog-category-view .nav-sidebar { max-height: 137px; } .nav-sidebar li a, .nav-sidebar li { color: #313131; } .has-description { width:667px; background:#f1f1f1; border:1px solid #dbdbdb; padding:22px 60px 5px 60px; text-align:center; margin:0 0 20px 0; } .has-description p { font-size:11px !important; color:#585757; line-height:1.4em !important; } .toolbar { height: 36px; border-bottom: 1px solid #e3e3e3; padding: 0; position: relative; z-index: 8; } .sorter { position:absolute; z-index:10; left:0; top:0; } .sort-by label { font-size:11px; color:#8f8f8f; text-transform:uppercase; float:left; display:inline; margin:6px 10px 0 0; } .sort-by select { width:140px; float:left; margin:3px 0 0 0; } .pager { float:right; padding:5px 0 0 0; } .pages strong { float:left; font-weight:normal; font-size:11px; color:#8f8f8f; text-transform:uppercase; height:12px; border-right:1px solid #8f8f8f; padding:0 5px 0 0; } .pages ol { float:left; height:12px; } .pages ol li { float:left; height:12px; border-right:1px solid #8f8f8f; padding:0 5px; } .pages ol li a { font-size:11px; color:#8f8f8f; text-transform:uppercase; text-decoration:none; } .pages ol li a:hover { background:none; } .pages ol li .previous, .pages ol li .next { background: none; text-indent:0; width:auto; } .pages ol li.page { display: none; } .link-view-all { font-size:11px; color:#8F8F8F !important; text-transform:uppercase; text-decoration:none; float:left; display:inline; } .products-grid { border:none; } .products-grid.row3 { padding-top: 20px; padding-bottom: 20px; } .products-grid li { height:272px; padding:0; } .products-grid.row3 li { width: 259px; height:272px; margin:0; padding:0; } .products-grid h2 { border-top: 0; text-align: center; font-size: 11px; font-weight: normal; margin: 0 0 5px 0; padding: 5px 35px 0 35px; text-transform:uppercase; color:#7c8285; } .products-grid a h2 { color:#7c8285; } .products-grid.row3 li a { padding:0; text-decoration: none; } .products-grid.row3 li a img:hover { opacity: 0.8; } .toolbar-bottom .toolbar { border-top: 1px solid #e3e3e3; margin:0; padding:0; } .toolbar-bottom .sort-by label { margin:8px 10px 0 0; } .toolbar-bottom .sort-by select { margin:5px 0 0 0; } .toolbar-bottom .pager { padding:7px 0 0 0; } .widget li label { font-size: 11px; } .category-description { color: #565656; font-size: 10px; } /***************************************************************************** * 14. Product detail - product info, image, tabs, reviews ******************************************************************************/ .product-shop .product-name p { color: #555555; font-size: 11px; } #product_addtocart_form select { font-size: 11px; } .block-related .item a, .block-related .price-box { font-size: 11px; color: #7C8285; } .catalog-product-alt-view .product-shop { width: 367px; border-right: 0; padding-right: 0; } .catalog-product-alt-view #product-img-box, .catalog-product-alt-view #slide-image { width: 580px; float: left; border:none; } .catalog-product-alt-view #product-img-box { border-bottom:1px dotted #d7d7d7; margin-right: 0px; } .catalog-product-alt-view #slide-image .ui-tabs-panel { width: 442px; height: 395px; border:none; } .catalog-product-alt-view .img-thumbs { float: left; width: 101px; } .catalog-product-alt-view #tabs-image { width: 101px; } .catalog-product-alt-view #tabs-image li { width: 101px; height: 430px; padding: 0; } .catalog-product-alt-view #tabs-image li .item { width:101px; height:95px; margin-bottom:5px; } .catalog-product-alt-view #tabs-image li a { width: 96px; height:90px; border:none; padding:5px 0 0 5px; } .catalog-product-alt-view #tabs-image li a:hover, .catalog-product-alt-view #tabs-image .ui-tabs-selected a { } .img-thumbs .bx-next, .img-thumbs .bx-prev { width: 24px; height: 17px; display: block; position: absolute; text-indent: -9999em; } .img-thumbs .bx-next, .img-thumbs .bx-prev { bottom: 0px; top: auto; right: auto; } .img-thumbs .bx-next { left: 66px; background-position:0 -17px; } .img-thumbs .bx-prev:hover { background-position:0 0; } .img-thumbs .bx-next:hover { background-position:0 -17px; } .catalog-product-alt-view .block-related { position: relative; clear: left; float: left; padding-top: 28px; margin-bottom: 20px; } .catalog-product-alt-view .block-related h2 { font-size:16px; color:#292929; text-transform:uppercase; font-weight:normal; top:18px; } .catalog-product-alt-view .block-related .nav-recommended { position: relative; top: auto; border:none; } .catalog-product-alt-view .block-related .bx-recommended { width:477px; height:200px; margin:0 auto; } .catalog-product-alt-view .block-related .bx-recommended #slider { width:477px; height:200px; } .catalog-product-alt-view .block-related li { width:159px; height:200px; float:left; display:inline; margin:0; } .catalog-product-alt-view .block-related .item { width:159px; min-height: 200px; height:200px; padding-top: 0; border-bottom: none; } .catalog-product-alt-view .block-related .item .product-name { text-align:center; font-size:11px; color:#555; font-weight:normal; margin:0 0 5px 0; padding: 0px 5px; } .block-related .prev-rec, .block-related .next-rec { width: 37px; height: 26px; top:90px; } .block-related .prev-rec { left:0; background-position:0 0 !important; } .block-related .prev-rec:hover, .block-related .disabled.prev-rec:hover { background-position:0 0 !important; } .block-related .next-rec { background-position:0 -26px !important; } .block-related .next-rec:hover, .block-related .disabled.next-rec:hover { background-position:0 -26px !important; background-color: transparent; } .product-shop ul.add-to-links { float:left; } .link-wishlist { font-size:11px; color:#4c4c4c; margin:0 15px 0 0; } .product-shop .list-review { float:left; clear:none; display: block; width: 200px; padding-top: 1px; } .product-shop .list-review li { background:none; } .product-shop .list-review li a { font-size:11px; color:#4C4C4C; text-decoration:underline; } .catalog-product-alt-view #slide-product { width:351px; border-bottom:1px dotted #d7d7d7; padding:0 0 25px 0; height: 150px; } .tab-head, .tab-head li, .tab-head li a { height: 23px; } .tab-head li a { line-height: 23px; } .tab-head { margin-bottom: 5px; color: #555; border-bottom: none; } .tab-head li { float: left; display: inline; margin: 0 1px 0 0; width:86px; } .tab-head li a { float: left; display: inline; text-align: center; background: #f6f8f9; width:86px; border:none; padding: 0; font-size: 12px; color: #7b7c7c; text-decoration: none; text-transform:uppercase; } .tab-head .ui-tabs-selected a, .tab-head .active a { background: #e8eef1; color:#2e3030; } .catalog-product-alt-view #slide-product .ui-tabs-panel { min-height: 95px; width: 345px; height:105px; padding: 20px 0; margin: 0; border: none; float: left; overflow: auto; } #slide-product .ui-tabs-panel p { font-size:11px; color:#555; line-height:17px; margin:0 0 10px 0; padding: 0 3px; } #slide-product .ui-tabs-panel p span{ font-size:11px !important; color:#555 !important; line-height:17px !important; margin:0 0 10px 0; padding: 0 3px; font-family: 'Droid Serif',serif !important; } #slide-product .ui-tabs-panel li { font-size:11px; color:#555; line-height:1.4em; } .more-views { padding:10px 0 0 0; } .more-views h3 { color: #333; font-size: 16px; font-weight: normal; margin: 0 0 10px 0; text-transform:uppercase; } .more-views ul { font-size:11px; color:#7c7978; } .more-views ul li a { color:#7c7978; } /***************************************************************************** * 15. Cart - basket view, one page checkout, checkout sidebar ******************************************************************************/ .cart .discount { border: 3px solid #FFF; border-right: 0; } .cart .discount .discount-form { border: 1px solid #FFF; border-right: 0; } .cart .discount .discount-form input { border: 1px solid #929292; padding: 5px 5px; } button.btn-checkout { padding-right: 30px; width: 210px; height: 30px; margin-top: 5px; font-size: 13px; } h3.product-name a { color: #424242; font-size: 15px; font-weight: normal; text-transform: uppercase; } .product-info p, .product-info dd { color: #767676; } .product-info dt { color: #424242; } .cart-price { margin-top: 0 !important; font-size: 19px !important; } .cart-price .price { color: #3c3c3c; font-size: 16px !important; } td.last .cart-price .price { font-size: 18px !important; } td.last .cart-price .price, .checkout-cart-index .col-main td.grandtotal.last .price { color: #514c4b;} .totals td, .totals th { color: #3c3c3c; font-size: 15px; } .cart .totals table td.grandtotal { color: #3c3c3c; background-color: #f6f6f6; border-bottom: none; border-top: 1px solid #d9d9d9; } .checkout-cart-index .btn-continue-top button.button, .checkout-cart-index .btn-continue button.button { width: auto; } .sidebar .block-cart-we-accept .secure { text-transform: uppercase; font-size: 16px; color: #333; padding-left: 45px; padding-top: 14px; } .checkout-cart-index .cart-title { border-bottom: none; } .checkout-cart-index .data-table thead th { font-weight: normal; font-size: 13px; color: #3b3b3b; } .checkout-cart-index .data-table th.first, .checkout-cart-index .data-table th.last, .checkout-cart-index .data-table td.first, .checkout-cart-index .data-table td.last { padding: 10px 20px; width: auto; } .checkout-cart-index .data-table td { border-bottom: 1px dotted #ccc; vertical-align: top; } .checkout-cart-index button.arrow { background: none; padding-left: 10px; margin-left: 5px; color: #424242; font-size: 11px; } .checkout-cart-index a.arrow { color: #424242; background: none; margin-left: 0; padding-left: 0; float: right; font-size: 11px; } .cart-title, .cart .page-title { margin-bottom: 0 !important; } .opc .step-title h2 { color: #3d3d3d; } #checkoutSteps li .step-title, #checkoutSteps li.allow .step-title { background-color: transparent; } #checkoutSteps li.active .step-title { background-color: #f8f8f8 !important; } .opc .step { border-top: none; } #checkout-step-login .col-2 .form-list label, #checkout-step-login h3, #opc-billing h3 { color: #353535; font-weight: normal; font-size: 13px;} #checkout-step-login p, .account-login p { color: #7f7f7f !important; font-size: 11px; } /* #checkout-review-load-sidebar .totals td{ font-size:14px; } tr.excl-vat { font-size:12px!important; }*/ #checkout-review-load-sidebar .totals td{ font-size:12px; } #checkout-review-load-sidebar .totals td.excl-vat { font-size:12px!important; } /***************************************************************************** * 16. Accounts - forgot password, create, login, dashboard, addresses, orders, wishlist ******************************************************************************/ .account-login .col-1 .form-list { width: 439px; } .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .wishlist-index-index .col-main, .customer-address-index .col-main, .sales-order-view .col-main, .newsletter-manage-index .col-main, .wishlist-index-share .col-main, .review-customer-index .col-main, .review-customer-view .col-main { margin-top: 48px; border-top: 1px solid #CCC; width: 778px !important; } .customer-account-index .main, .customer-account-edit .main, .customer-address-form .main, .sales-order-history .main, .wishlist-index-index .main, .customer-address-index .main, .sales-order-view .main, .newsletter-manage-index .main, .wishlist-index-share .main, .review-customer-index .main, .review-customer-view .main { background: none; margin-top: 0; } .sidebar h2, .my-account .legend, .box-head h2, .my-account .addresses-list h2, .sales-order-view .my-account h2 { margin-bottom: 0; font-size: 23px; border-bottom: none; text-transform: uppercase; } .gna-block-content ul li { border-top: 1px solid #CCC; } .dashboard .box-recent h2, .dashboard .box-account .box-head h2, .my-account .box-head h2, .my-account h2 { text-transform: none !important; font-size: 20px !important; } #my-reviews-table h2 { font-size: 14px !important; } #wishlist-view-form h3 { font-size: 14px; font-weight: normal; } .my-account h2.legend { margin-bottom: 10px; } .data-table th, .data-table td { text-align: left; border-left: 0; border-right: 0; border-top: 0; } .my-account p.required { top: 18px; font-size: 11px; } .my-account .title-buttons button.button { top: 10px; } /***************************************************************************** * 17. Upsells - recently viewed, related products ******************************************************************************/ .recent { height: 189px; border-top: 5px solid #f7f7f7; /* border-bottom:1px solid #e3e3e3;*/ padding: 0; /* margin:10px 0 0 0;*/ } .recent h3 { color: #8d9395; margin: 0; height:27px; padding:16px 0 0 0; text-transform:uppercase; text-align:center; } #slideshow-recently { width:845px; height:140px; margin:2px auto 7px auto; } #slide-prev, #slide-next { width:53px; height:41px; position:absolute; z-index:10; left:0; top:87px; border:2px solid #dddcdc; text-indent:-9999px; } #slide-next { background-position:0 -41px; left:auto; right:0; } #slideshow-recently ul { width:845px; height:133px; padding:7px 0 0 0; } #slideshow-recently ul li { width:169px; height:133px; padding: 0; float:left; text-align:center; } #slideshow-recently ul li img { float:none; } /***************************************************************************** * 18. Pages - CMS pages, 404, contact, sitemap, legals ******************************************************************************/ /***************************************************************************** * 19. Social - social links, facebook login ******************************************************************************/ /***************************************************************************** * i. Hide/Show - anything that needs to be display: none; or show (override generic.css) ******************************************************************************/ #search_mini_form, .cms-home .payment-methods, .breadcrumbs, .m-more-less, .view-mode, .pager .limiter, .pager .amount, .products-grid .old-price, #tabs-image li a span, .catalog-product-alt-view .block-related .nav-recommended p, .catalog-product-alt-view .block-related .item .old-price, .availability { display: none; } .pages strong, .catalog-product-view .breadcrumbs { display: block; } /***************************************************************************** * ii. Media Queries ******************************************************************************/ /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {} /***************************************************************************** * iii. Plugins - theme specific only ******************************************************************************/ .m-filter-checkboxes label { } .m-filter-slider > .m-slider-from, .m-filter-slider > .m-slider-to { } /***************************************************************************** * // END theme.css // ******************************************************************************/ /* Homepage Changes from Dave R */ .cms-home .wrapper, .cms-home .page { position:static; } .cms-home .std { display: none; } .cms-home .header-container, .cms-home .nav-container { top:0; left:50%; margin-left:-498px; } .cms-home .nav-container { top:57px; } #slide-home { } #slide-home img { width:100%; max-width:100%; } #slide-home #panel-header { top:-107px; } /* Search Form */ .catalogsearch-advanced-index h2 { display: none; } .catalogsearch-advanced-index .form-list label { display: none; } /* Newsletter box */ .block-subscribe .block-title, .block-subscribe .form-subscribe-header{ display: none; } .block-subscribe label, .block-subscribe input { display: block; margin-bottom: 10px; } #advice-required-entry-newsletter { left: 178px; margin-top: -30px; } .catalog-category-view ul.cat-list li.item{ float:left; width:332px; margin: 0 2px 4px 2px; padding:25px; border:1px solid #DBDBDB; } .catalog-category-view li.item .cat-name{ font-size:14px; } .catalog-category-view li.item a{ text-decoration:none; } .catalog-category-view ul.cat-list li.item .cat-name{ font-size:16px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; color: #a3a7a9; } .catalog-category-view ul.cat-list li.item p.product-description-grid{ color: #a3a7a9; font-size: 13px; line-height:18px; } .catalog-category-view ul.cat-list li.item a, .catalog-category-view ul.cat-list li.item a span.read-more{ text-decoration:none; text-align: center; display: block; } .catalog-category-view ul.cat-list li.item a span.read-more{ margin-top: 5px; } #cms-sidebar{ padding-top: 53px; } #cms-sidebar li{ line-height: 20px; } #cms-sidebar li a{ text-decoration: none; } #cms-sidebar li a:hover{ text-decoration: underline; } .product-view .product-essential .price-excluding-tax{ color: #ccc; font-size: 11px; } .product-view .product-essential .price-including-tax{ color: #555555; font-size: 20px; } .item .price-excluding-tax{ color: #333333; font-size: 9px; display: none; } .item .price-including-tax{ color: #362F2D; font-size: 11px; } .currency-nav li.jpy li.gbp a{ background-position: 8px 10px; } .currency-nav li.jpy li.usd a{ background-position: 8px -33px; } .currency-nav li.jpy li.eur a { background-position: 8px -11px; } .products-grid .price-excluding-tax{ display: none; } .legals p.iweb{ visibility: hidden; } .my-account .cart-price .price, .my-account td.last .cart-price .price { font-size: 11px !important; } .catalogsearch-advanced-index .sidebar{ display: none; } .catalogsearch-advanced-index .col-main{ padding: 0; float: left; } #search_mini_form{ display: block; } .header .search-access .form-search { margin: 2px 0 0; } .header .search-access input.input-text { background: transparent; color: #9C9B9B; border: none; width:65px; padding-left: 15px; border-bottom: 1px solid #474646; padding-bottom: 0; } .header .search-access input.input-text:focus{ border-bottom: 1px solid #A5A2A2; } .header .search-access button { height:22px; background-color: transparent; background-image: url("/skin/frontend/iweb/default/images/sprite.png"); background-position: -10px -184px; padding:7px 0 0 0px; font-size:11px; color:#9c9b9b; text-transform:uppercase; text-decoration:none; width: 11px; right: 75px; } /* Misc */ .block-layered-nav{ margin-top: 0px; } .cms-index-index .footer .specification-box, .footer .specification-box-content{ display: none; } .footer .specification-box, .footer .specification-box-content{ display: block; } .cms-index-index .footer-container { border-top: none; } .footer-container { border-top:1px solid #e3e3e3; } .checkout-cart-index .data-table tr.last td{ } .product-selector{ clear: both; display: block; } .product-selector label{ display: none; } .product-shop ul.add-to-links{ clear: left; } .catalog-product-alt-view .add-to-box { margin: 0 10px 25px 0; clear: none; width: auto; } .product-view button.btn-cart{ margin-top: 10px; } .catalog-product-view .add-to-box .qty{ height:19px; width:22px; } .add-to-cart label { margin-top: 13px; min-width: 0; text-transform: uppercase; } .product-view{ margin-bottom: 30px; } .review-container{ border: none; } .checkout-cart-index .data-table thead { } .checkout-cart-index .data-table tbody{ } .checkout-cart-index .cart .totals .checkout-types{ clear: both; margin-top: 15px; } .cart #shopping-cart-totals-table, .cart-collaterals .totals a.arrow{ top: 0; float: left; margin-left: 0px; } .cart-collaterals .totals a.arrow{ margin-left: 0; text-align: left; } .cart .discount{ top: 0; } .cart .totals table { margin: 10px 0 15px; } ul.gnb-asides-list ul{ margin: 0; } #zoom-change{ top: 43px; right: 0px; } #zoomedpic .closeBtn { right: 0px; top: 0px; display: block; text-indent: -9999px; width: 38px; height: 40px; padding: 0; } #zoomedpic .closeBtn:hover{ } /* #zoom-change{ top: 10px; } #zoomedpic{ box-shadow: none; background-color: transparent; } .zoomed-overflow{ box-shadow: 4px 8px 15px 0 #999999; } #zoomed-image a { padding: 5px; border: 1px solid #dfe0e5; background: #fff; } #zoomedpic .closeBtn { right: -40px; top: 0px; display: block; text-indent: -9999px; width: 38px; height: 40px; background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/zoom-close-btn.png) no-repeat; padding: 0; } #zoomedpic .closeBtn:hover{ background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/zoom-close-btn.png) no-repeat; } .zoomed-overflow{ overflow: hidden; } #zoomedpic{ overflow: visible; } */ #slide-home .backstretch a{ width: 100%; left: 0; position: absolute; top: 0; z-index: 98; } #slide-home .backstretch{ z-index: 2; position: relative; } .opc .step-title h2, .opc .step-title .number, .opc .step-title .number strong { font-size: 14px; font-weight: normal; } .checkout-onepage-index #checkout-step-login #onepage-guest-register-button{ margin-left: 20px; } .checkout-onepage-index #checkout-step-login .col-1 button.button{ left: 103px; position: relative; } .checkout-onepage-index #checkout-step-login a.f-left{ float: none; font-size: 9px; left: -75px; position: relative; top: 13px; } #opc-billing .form-list li label{ padding-top: 3px; } #opc-billing .form-list label.required em { top: 3px; } #opc-billing .col2-set #registerInfo{ font-size: 11px; } .checkout-onepage-index .block.opc-block-progress { border: medium none; margin-bottom: 0; } ul.social-links { margin: 5px 0 10px 0; } #checkout-step-shipping_method .gift-messages-form .inner-box .wide .input-box { float: left; } #checkout-review-load-sidebar h2 { font-size: 16px; text-align: center; margin-bottom: 10px; } #checkout-review-load-sidebar .cart-review-item .qty-price .price { font-weight: normal; padding-left: 0; font-size: 14px; } #checkout-review-load-sidebar .cart-review-item .product-name{ font-size: 10px; } #checkout-review-load-sidebar .totals{ margin: 15px 0 0; } #product_addtocart_form .product-selector select{ margin: 10px 0 11px; } .checkout-cart-index .data-table tr.last td a.arrow{ position: relative; top: 4px; } .forgot-pass p.required{ display: none; } #frm_form_7_container{ margin-top: 20px; } .with_frm_style .submit input[type="submit"], .frm_form_submit_style{ border-radius: 0px !important; color: #FFFFFF !important; height: 30px !important; border: none !important; font-family: 'Droid Serif',serif !important; border: 0 none !important; cursor: pointer !important; font-size: 11px !important; height: 28px !important; line-height: 28px !important; margin: 0 !important; overflow: visible !important; padding: 0 15px !important; width: auto !important; box-shadow: none !important; min-width: 50px !important; text-align: left !important; } /* Cat lander */ .catalog-category-view ul.cat-list{ display: block; clear: both; border-top: 1px solid #e3e3e3; padding-top: 10px; } .catalog-category-view ul.cat-list li.item{ width: 384px; margin: 0 19px 20px 0; padding: 0; border: none; } .catalog-category-view ul.cat-list li.last{ margin: 0 0 20px 0; } .catalog-category-view ul.cat-list li span.read-more{ display: none; } .category-widget { padding-top: 0; } .category-widget .category-widget-list{ border-top: none; padding: 0 0 0 10px; } .category-widget .category-widget-list li{ margin-bottom: 10px; } .catalog-category-view ul.cat-list li.item .image-holder{ width: 384px; height: 339px; display: block; margin-bottom: 15px; } #nav li ul{ display: none; } #nav li:hover ul { border: medium none; left: -30px; width: 225px; display: block; } #nav li:hover ul li { /* height: 22px;*/ margin: 0; padding: 0 26px 0 26px; border-bottom: none; } #nav li:hover ul { background: url("/skin/frontend/iweb/default/images/theme/navbar.png") no-repeat scroll 0 5px transparent; padding: 50px 0 0; z-index: 2; } #nav li:hover ul li a { color: #afb5b8; font-size: 12px; } #nav li:hover ul li a:hover { color: #fff; } #nav li:hover ul li.last { background: url("/skin/frontend/iweb/default/images/theme/navbar-btm.png") no-repeat scroll 2px 0px transparent; display: block; height: 38px; padding-bottom: 5px; position: absolute; width: 255px; z-index: 100; } body.blog .nav-container, body.single .nav-container, body.archive .nav-container, body.page .nav-container{ z-index: 10; } .cart .totals button.btn-cancel { right: 100px; top: -22px; } .m-filter-slider > .m-slider-from, .m-filter-slider > .m-slider-to { height: 11px; position: absolute; width: 11px !important; } .cms-index-noroute .col-main .top-cat{ min-height: 200px; } .col2-left-layout .col-main, .col2-right-layout .col-main{ width: 787px; } .checkout-cart-index .col-main, .checkout-onepage-index .col-main { border-right: medium none; width: 764px; } .error-block{ padding: 20px 0 50px 0; } .error-block h2{ font-weight: normal; } .error-block p{ padding: 10px 0 0 0; font-size: 11px; } #slide-home .bx-window{ height: auto !important; overflow: visible !important; } /* Blog */ .blog{ } .blog .header-container, .single .header-container, .archive .header-container{ margin: 0 0 13px; } .blog #gnb-container, .single #gnb-container, .archive #gnb-container{ margin: 0 auto; } .blog #gnb-title, .single #gnb-title, .archive #gnb-title{ font-size: 40px; padding-bottom: 5px; margin-bottom: 20px; } .blog .gnb-col1, .single .gnb-col1, .archive .gnb-col1{ border-right: none; } .blog .gnb-article a, .single .gnb-article a, .archive .gnb-article a{ border-bottom: none; } .blog .wp-pagenavi, .archive .wp-pagenavi{ float: left; } #gnb-pagination a, #gnb-pagination span.current, #gnb-pagination span.extend{ color: #5c6469 !important; } .blog #gnb-pagination a.page, .archive #gnb-pagination a.page{ border-radius: 0 0 0 0; background-color: #e5e5e5; color: #929699; } .blog #gnb-pagination span.current, .archive #gnb-pagination span.current{ border-radius: 0 0 0 0; background-color: #5c6469; color: #fff !important; border: none; } .blog #gnb-pagination a.page:hover, .blog #gnb-pagination a.page:focus, .blog #gnb-pagination a.page:active, .single #gnb-pagination a.page:hover, .single #gnb-pagination a.page:focus, .single #gnb-pagination a.page:active, .archive #gnb-pagination a.page:hover, .archive #gnb-pagination a.page:focus, .archive #gnb-pagination a.page:active{ background-color: #903054; color: #fff !important; } .blog .gnb-article, .single .gnb-article, .blog .gnb-article{ font-size: 12px; } .blog .gnb-article .gnb-more, .blog .gnb-article .gnb-more:hover, .single .gnb-article .gnb-more, .single .gnb-article .gnb-more:hover, .archive .gnb-article .gnb-more, .archive .gnb-article .gnb-more:hover{ height: 30px; width: 55px; margin: 20px 0 20px 0; } .blog .gnb-tags span, .blog .gnb-cats span, .single .gnb-tags span, .single .gnb-cats span, .archive .gnb-tags span, .archive .gnb-cats span{ color: #555555; font-weight: normal } .blog .gnb-article img, .single .gnb-article img, .archive .gnb-article img{ margin-bottom: 20px; border: none; width: auto; } .blog .gnb-article img:hover, .single .gnb-article img:hover, .archive .gnb-article img:hover{ border: none; } .blog .gnb-article p, .single .gnb-article p, .archive .gnb-article p{ line-height: 18px; color: #8c8c8c; font-size: 11px; margin-bottom: 10px; } .blog .gnb-article, .single .gnb-article, .archive .gnb-article{ padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px dotted #c8c8c8; } .blog .gnb-article .content-area a, .single .gnb-article .content-area a, .blog .gnb-article p.gnb-datetime a, .single .gnb-article p.gnb-datetime a, ul.gnb-asides-list li a:hover, .archive .gnb-article .content-area a, .archive .gnb-article p.gnb-datetime a{ /* border-bottom: 1px solid #903054;*/ border: none; } .blog .entry-utility a, .single .entry-utility a, .gnb-article h3 a, .archive .entry-utility a{ border-bottom: none; } .blog .gnb-col2 a.gnb-reset, .blog .gnb-col3 a.gnb-reset, .single .gnb-col2 a.gnb-reset, .single .gnb-col3 a.gnb-reset, .archive .gnb-col2 a.gnb-reset, .archive .gnb-col3 a.gnb-reset{ padding-bottom: 32px; margin-bottom: 25px; } .blog ul.gnb-asides-list li, .single ul.gnb-asides-list li, .archive ul.gnb-asides-list li{ margin-bottom: 10px; } ul.gnb-asides-list li a{ font-size: 11px; color: #868b8e; } ul.gnb-asides-list li a:hover{ color: #555555; } .blog .gnb-col3 a.gnb-reset, .single .gnb-col3 a.gnb-reset, .archive .gnb-col3 a.gnb-reset{ padding: 18px 0 10px 0; color: #585858; font-size: 16px; } .blog .gnb-article h3 a:hover, .single .gnb-article h3 a:hover, .archive .gnb-article h3 a:hover{ text-decoration: none !important; } .blog .gnb-article h3, .single .gnb-article h3, .archive .gnb-article h3 { text-transform: uppercase; } .archive #gnb-container a, .archive #gnb-container a:active, .archive #gnb-container a:visited{ color: #868B8E; } .catalog-product-alt-view .col-main { position: relative; } .link-zoom{ opacity: 0.4; } .loading-indicator{ display: none !important; } .checkout-cart-index .cart .totals table td.shipping{ padding-bottom: 15px; padding-right: 15px; } .col-main .cart .totals td.last{ padding-right: 15px; } /* Cart */ .checkout-cart-index #shopping-cart-table{ } .checkout-cart-index #shopping-cart-table thead{ border-top: 1px solid #D9D9D9; position: relative; width: 100%; height: 35px; } .checkout-cart-index #shopping-cart-table thead tr{ } .checkout-cart-index #shopping-cart-table thead th{ font-weight: normal; color: #505050; font-size: 12px; padding: 10px 20px 10px 0; width: auto; } .checkout-cart-index #shopping-cart-table thead th span{ } .checkout-cart-index #shopping-cart-table .qty{ width: 40px; height: 26px; padding: 4px 0 0 0; font-family: 'Droid Serif',serif; } .checkout-cart-index #shopping-cart-table { border-bottom: 1px dotted #cccccc; width: 100%; } .checkout-cart-index #shopping-cart-table .product-info h3{ width: 220px; color: #4f4f4f; line-height: 17px; margin-bottom: 10px; } .checkout-cart-index #shopping-cart-table .product-info p, .checkout-cart-index #shopping-cart-table .product-info dd{ width: 200px; color: #929292; font-size: 11px; } .checkout-cart-index #shopping-cart-table td{ padding-top: 15px; } .checkout-cart-index #shopping-cart-table td{ padding-left: 0; } .checkout-cart-index #shopping-cart-table tbody tr.last td{ border-bottom: 1px solid #D9D9D9; } #shopping-cart-totals-table{ } #shopping-cart-totals-table tbody{ font-size: 14px; } #shopping-cart-totals-table tbody td{ font-size: 12px; } #shopping-cart-totals-table tfoot{ background-color: #f6f6f6; border-top: 1px solid #d9d9d9; } #shopping-cart-totals-table tfoot tr.first td.a-right{ padding: 20px 15px 5px 0; } #shopping-cart-totals-table tfoot tr.last td.a-right{ padding: 16px 15px 15px 0; } #shopping-cart-totals-table tfoot tr.last td.last{ font-size: 20px; padding: 10px 15px 15px 0; } #shopping-cart-totals-table tfoot td{ font-size: 12px; } #shopping-cart-totals-table tfoot td strong{ font-weight: normal; } .cart .discount .discount-form input { font-size: 11px; font-family: 'Droid Serif',serif; color: #ababab; } .checkout-cart-index .btn-continue-top button.button:hover, .checkout-cart-index .btn-continue button.button:hover{ text-decoration: underline; } p.minimal-price span.price-label{ display: none; font-size: 10px; text-transform: uppercase; } #overlay{ background: none; } .archive #gnb-container .gnb-col2 a, .archive #gnb-container .gnb-col2 a:active, .archive #gnb-container .gnb-col2 a:visited { color: #868B8E; } .my-account .fieldset .form-list .input-box input, .form-list input.input-text { height: 16px !important; background-color: #FFFFFF; border: 1px solid #868B8E; } /** Forms - copy here start */ .page .form-field{ } .page .form-field label{ font-family:'Droid Serif', serif !important; font-size: 11px !important; } .page .form-field input{ margin-top: 5px; width: 275px !important; background-color: #fff !important; border: 1px solid #868B8E !important; } .with_frm_style input{ } /* Copy here end */ /* Headers */ .gnb-article p, .cms-page-view .col-main p { line-height: 19px; font-size: 13px; font-family:'Droid Serif', serif; } .gnb-article h3, .cms-page-view .col-main h2{ font-family:'Droid Serif', serif; font-size: 20px; font-weight: normal; margin-bottom: 10px; margin-top: 30px; color: #777777; } .cms-page-view .col-main h2 span, .cms-page-view .col-main p span{ font-family:'Droid Serif', serif !important; color: #777777; } .cms-page-view .col-main p{ width: 550px; } .cms-page-view .col-main table p{ width: auto; } #cms-sidebar{ } #cms-sidebar li{ margin-bottom: 8px; } #cms-sidebar li a{ color: #868B8E; font-size: 11px; font-family:'Droid Serif', serif } #cms-sidebar li a:hover{ text-decoration: none; color: #555555; } /** Dirty Important */ #slide-home .bx-window, #slide-home .bx-wrapper{ width: auto !important; height: auto !important; } /* Mini Cart */ .header .block-mini-cart{ padding: 0; background: none; border: none; width: 295px; right: 20px; top: 30px; } .header .block-mini-cart .mini-top{ background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/mini-top.png) no-repeat; height:9px; display: block; } .header .block-mini-cart .mini-rpt{ background: url("http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/mini-bg.png") repeat-y; padding: 20px 20px 0 20px; } .header .block-mini-cart .mini-bottom{ background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/mini-btm.png) no-repeat; height:14px; display: block; } .header .block-mini-cart .mini-rpt h2{ display: block; color: #aca6a5; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #5d5959; font-weight: normal; font-family: 'Droid Serif',serif; margin: 0 5px 5px 5px; } .header .block-mini-cart .mini-rpt .list-mini-cart{ margin: 0; padding: 0; list-style: none; } .header .block-mini-cart .mini-rpt .list-mini-cart li{ padding: 3px; border: none; background: #fff; height: 108px; margin-bottom: 2px; } .header .block-mini-cart .list-mini-cart .btn-remove{ width: 16px; height: 17px; background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/mini-rmv-btn.png) no-repeat; right: 0px; top: 0; } .header .block-mini-cart .list-mini-cart li.item img{ width: 50px; height: 50px; } .header .block-mini-cart .list-mini-cart .product-details{ /* height: 70px;*/ height: auto; width: 173px; padding-right: 13px; font-family: 'Droid Serif',serif; color: #8c9295; } .header .block-mini-cart a.btn-basket{ padding: 0; margin: 0 auto; display: block; height:26px; width: 150px; background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/secure_checkout.png) no-repeat; text-indent: -9999px; clear: both; float: none; } .header .block-mini-cart a.btn-basket:hover{ background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/secure_checkout.png) no-repeat; background-position: 0 0; opacity: 0.7; } .header .block-mini-cart a.continue-shopping-mini{ clear: both; font-family: 'Droid Serif',serif; margin-top: 5px; color: #b9b8b7; font-size: 13px; display: block; } .header .block-mini-cart .basket-row{ clear: both; overflow: hidden; padding: 0; text-align: center; padding: 10px 0 10px 0; } .header .block-mini-cart .product-details span.product-name{ text-transform: uppercase; color: #555555; } .header .block-mini-cart .product-details span.price, .header .block-mini-cart .product-details span.qty{ text-transform: uppercase; color: #8c9295; } .box-reviews dt h2, .box-reviews, .label-review{ font-family: 'Droid Serif',serif; font-size: 13px; color: #777777 } .label-review{ font-size: 12px; line-height: 19px; padding: 0; } .box-reviews dl dt { font-family: 'Droid Serif',serif; font-size: 11px; } .box-reviews dl dd{ font-family: 'Droid Serif',serif; font-size: 13px; line-height: 19px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; padding-bottom: 20px; width: 60%; color: #777777; } .header .block-mini-cart .none-in { color: #B9B8B7; padding-bottom: 10px; } .box-reviews h3 span, .form-review h3 span { display: block; font-weight: normal; font-size: 12px; color: #777777; } .header .block-mini-cart .prev{ margin-bottom: 2px; } .gna-block-content ul li a { background: url("http://www.tusting.co.uk/skin/frontend/iweb/default/images/generic/account/account-nav.gif") repeat-y scroll right center transparent; color: #3C3C3C; display: block; padding: 10px; text-decoration: none; } .gna-block-content ul li a:hover{ background-color: #fff; } .dashboard .col2-set .box-title { border-bottom: 1px solid #CCCCCC; padding: 5px 0 10px; } .dashboard .col2-set .box-content { padding: 10px 0 0; } .checkout-cart-index .header .block-mini-cart .product-details .qty{ width: auto; } .gnb-more{ color: #fff !important; background: url(http://www.tusting.co.uk/skin/frontend/iweb/default/images/theme/large-btn-bg.png) no-repeat 100% 0 transparent; } .img-thumbs .bx-wrapper{ z-index: 1; } span.inc-tax, span.ex-vat{ display: block; clear: both; } .block-mini-cart .product-details span.inc-tax, .block-mini-cart .product-details span.inc-tax .price{ font-size:13px; color: #555555; font-weight: bold; } .block-mini-cart .product-details span.ex-vat, .block-mini-cart .product-details span.ex-vat .price{ font-size: 10px; /* color: #CCCCCC;*/ } .opc .step{ padding: 15px 0; } .header .block-mini-cart .disabled { display: none; } #checkout-review-load-sidebar .totals td.small-tax { font-size: 10px; color: #666; padding-top: 8px; padding-bottom: 8px; } #checkout-summary-totals-table tfoot tr td.last { width: 70px; } .opc-block-shipping-wrap { background-color: #F6F6F6; } /* search auto complete hide */ #search_autocomplete { display: none !important; } /*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body.blog .header-container, body.blog .footer-container { display: none; } }*/ /* iPad [portrait + landscape] */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cms-index-index .header .quick-access .links{ left: 10px; } } /***************************************************************************** Document : print.css Created on : 02/02/2012 Author : Gareth Joyce Description: part of generic css package ******************************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } h1 { clear: both; font-size: 16px; } h2 { margin-bottom: 12px; font-size: 14px; } /* spacing */ .page-print .print-head, .page-print .col2-set, .page-print .order-date { margin-bottom: 20px; } /* Order print pages *************************************/ .page-print .print-head { float: left; } .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* 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; } iframe#iframeRegCard { height:518px; width:100%; border:1px solid #666; } iframe#sagepaydirectpro-iframe-post { height:500px; width:100%; /*border:1px solid #666;*/ border:none; } div#direct3d-logos { width:351px;margin:0 auto; margin-top:5px; } div#direct3d-logos img { padding-right:10px; } div.sagecardh1 h1 { display: inline; } div.sagecardh1 img { padding-top: 12px; padding-left: 10px; } select#sagepaytoken_start_yr, select#sagepaytoken_start, select#sagepaytoken_expiration_yr, select#sagepaytoken_expiration { width:125px; } select#sagepaytoken_start, select#sagepaytoken_expiration { margin-right: 10px; } form#frmRegCard input.cvv { width:3em !important; } .sidebar .sagepaysuite-logo { display:block; margin:10px 0; text-align:center; } .sidebar .sagepaysuite-logo a { float:none; }