/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; } /* Fix for Opera */ body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; /*5px*/ } h1 { font-size:2.6666em; font-weight:normal; line-height:1.25em; /*32px, 40px*/ } h2 { font-size:1.5em; font-weight:normal; line-height:1.6666em; /*18px, 30px*/ } h3 { font-size:1.25em; font-weight:bold; line-height:1.2em; /*15px, 18px*/ } h4 { font-size:1.1666em; font-weight:bold; /*14px*/ } h5 { font-size:1em; font-weight:bold; } h6 { font-size:1em; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top:5px solid #333; } .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container {} .main { padding:0; padding:40px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } input.input-text, select, textarea { background:#fff; border:1px solid #ccc; } input.input-text, textarea { padding:7px 2px; } select { padding:6px 6px 6px 2px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #e5e5e5; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } input.input-text:hover, select:hover, textarea:hover { border-color:#999; } input.input-text:focus, select:focus, textarea:focus { border-color:#999; outline:none; -moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; background-color:#ddd; color:#333; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color:#333; color:#fff; } button.button span span { padding:0 25px; height:45px; line-height:45px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:32px; height:32px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart span, button.btn-checkout span { /*background-color:#bf2330; color:#fff;*/ } .product-view .btn-cart span span, button.btn-checkout span span { padding:5px 25px; } /* Add to cart only */ .product-view .btn-cart span span { padding:5px 40px; } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form ul li { margin:0 0 5px; height:30px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-left:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 0 5px; } .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .contacts-index-index .buttons-set .button { margin-left:0; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 10px -393px no-repeat; /* Icon moved down 7px: -400 + 7 = -392 */ padding:8px 15px 8px 32px; } .buttons-set .back-link small { display:none; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { border-top:1px solid #e5e5e5; margin:30px 0 0; padding:30px 30px 10px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { background-color:#fff; float:left; margin:-46px 0 0 -10px; padding:0 10px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#D90000; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title { padding:0; margin:0 0 15px; } .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Same as ".block .block-title" total height - 1px (for border) */ } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin-top:10px; } .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) no-repeat transparent; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; } .sorter .view-mode a:hover {} .sorter .view-mode span.grid, .sorter .view-mode span.list {} .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) -30px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-60px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } .sorter .link-feed {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; background-color:#f5f5f5; } .pager .pages li a.previous, .pager .pages li a.next { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .pager .pages li a.previous { background-position:0px -55px; } .pager .pages li:hover a.previous {} .pager .pages li a.next { background-position:-30px -55px; } .pager .pages li:hover a.next {} /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:30px; } .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; } /*.toolbar .pager { height:30px; }*/ /* Active item color */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color:#ddd; } /* Hover item color */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover { background-color:#ddd; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #e5e5e5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even { background-color:#f8f8f8; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #e5e5e5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even.last {} .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#FFF; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f1f1f1; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_rss.gif) 0 3px no-repeat; padding-left:18px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:1em 0; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } ul.bullet li:hover { background-position:3px 0; transition: background-position 150ms ease-in-out; -moz-transition: background-position 150ms ease-in-out; -webkit-transition: background-position 150ms ease-in-out; -o-transition: background-position 150ms ease-in-out; } /* Unordered lists: different bullets */ ul.list1 li { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/list13.png); } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Ordered lists -------------------------------------------------------------- */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Common styling %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertical positioning of elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v { display:table; width:100%; } .v .v-item { float:none; display:table-cell; vertical-align:middle; } .v2 .v-item { width:50%; } .v3 .v-item { width:33.3333%; } /* Common styles (sizes) for links and other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top { line-height:2.6666em; } /* 32px */ .links li a, #mini-cart .block-title { line-height:2.6666em; padding:0 0.5833em; } /* line-height:32px; padding:0 7px; */ /* Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic links, no separators -------------------------------------------------------------- */ .links li { float:left; } .links a { display:block; } /* Links with separators (right) -------------------------------------------------------------- */ .show-separators .links li { margin-left:-1px; } .show-separators .links li a { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .show-separators .links li.last a { background-image:none; } .show-separators .links li.hide-separator a { background-image:none; } .show-separators .links li.separator-left a { background-position:left center; } /* Links with separators (left) -------------------------------------------------------------- */ .show-separators-left .links li { margin-left:-1px; } .show-separators-left .links li a { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .show-separators-left .links li.first a { background-image:none; } .show-separators-left .links li.hide-separator a { background-image:none; } .show-separators-left .links li.separator-right a { background-position:right center; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container { background-repeat:repeat; background-position:center top; } .header { padding:0; } /* Basic header sections -------------------------------------------------------------- */ .header-top {} .header-main {} /* Misc header elements -------------------------------------------------------------- */ .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .item {} .header-top .item-left { float:left; margin-right:20px; } .header-top .item-right { float:right; margin-left:20px; } /* Header top - help block */ .header-top-help-wrapper .phone { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/ic-phone-gray.png) 0 center no-repeat; padding:0 0 0 24px; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:10px 0; } .header .logo { display:inline-block; max-width:230px; margin:0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; } .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:20px 0; } #search_mini_form { clear:both; display:block; } .header .form-search { position:relative; margin:0 auto; width:80%; } .header .form-search label { float:left; margin:3px 4px 0 0; display:none; } .header .form-search .input-text { color:#888; background-color:#fff; padding:0 0 0 7px; width:98%; height:32px; line-height:32px; /*IE8*/ } .header .form-search .input-text:hover, .header .form-search .input-text:focus { color:#333; } .header .form-search .input-text:focus { border-color:#333; } .header .form-search .button { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 3px -117px no-repeat #fff; width:25px; height:25px; position:absolute; right:2px; top:5px; } .header .form-search .button span { background:none; display:none; } /* Search autocomplete */ .header .form-search .search-autocomplete { left:0 !important; top:42px !important; z-index:999; position:relative; z-index:3000; } .header .form-search .search-autocomplete ul { background-color:#fff; text-align:left; margin-top:-2px; } .header .form-search .search-autocomplete li { padding:3px 5px; border-bottom:1px solid #eee; color:#777; cursor:pointer; } .header .form-search .search-autocomplete li:hover {color:#ce001a; } .header .form-search .search-autocomplete li.last { border-bottom:none; } .header .form-search .search-autocomplete li.first { border-top:none; } .header .form-search .search-autocomplete li .amount { float:right; padding-left:5px; font-weight:bold; } /* Main menu - mobile vertical (in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares styling with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0 10px; } .block-account li.current { padding:4px 2px 4px 33px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-menu.png) 2px -48px no-repeat; color:#000; } .block-account li.current strong { font-weight:normal; } .block-account li.last { border-bottom:none; } .block-account li a { padding:3px 2px 3px 33px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-menu.png) 2px 1px no-repeat; display:block; color:#555; } .block-account li a:hover { background-position:2px -48px; color:#ce001a; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-title {} .block-layered-nav .block-title strong { text-transform:none; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:10px; padding-top:10px; } .block-layered-nav dt { font-weight:bold; padding:10px 0 0; } .block-layered-nav dd { padding:5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.5em; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-in-out; -moz-transition: background-position 150ms ease-in-out; -webkit-transition: background-position 150ms ease-in-out; -o-transition: background-position 150ms ease-in-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles for related products */ .block-related-slider .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related-slider:hover .block-subtitle { display:block; } .block-related-slider input.checkbox { float:left; margin:10px 5px 0 0; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content li.item { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Categories %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title { margin-bottom:0; } .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for products on product listings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are changed for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For labels positionning (e.g. "new" and "sale") */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image { display:block; margin:0 auto; position:relative; text-align:center; } .products-grid .price-box { margin:5px 0 15px; font-size:1em; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:15px 0 0; } .products-grid .item:hover .actions {} .products-grid .btn-cart { margin-right:10px; } .products-grid .availability { float:none; margin:15px 0; } .products-grid .add-to-links { margin:15px 0 0; } /* Add-to links displayed on product image -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { margin-top:-33px; /* Move up: height (29px) + 4 additional pixels */ padding-bottom:4px; /* Add 4 additional pixels to keep other elements in the same place */ margin-right:4px; position:relative; z-index:1; } .products-grid .add-to-links.addto-onimage li { float:right; } .products-grid .add-to-links.addto-onimage .link-compare { margin-right:3px; } /* Items of equal height - buttons and links displayed at the bottom of item -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Visibility of the grid item elements -------------------------------------------------------------- */ /* Fade-in on hover */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Display only on hover */ .products-grid .item .display-onhover { display:none; } /* Products grid: in category view -------------------------------------------------------------- */ .category-products-grid .item { border-top:1px solid #e5e5e5; /*margin-bottom:10px;*/ } /* Hover effect */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff; border-color:transparent; } /* Items grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Items grid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 2 columns */ .itemgrid-2cols .item { width:48%; } .itemgrid-2cols .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3cols .item { width:31.333%; } /*max-width:233px;*/ .itemgrid-3cols .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4cols .item { width:23%; } /*max-width:175px;*/ .itemgrid-4cols .item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5cols .item { width:18%; } /*max-width:140px;*/ .itemgrid-5cols .item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6cols .item { width:14.667%; } /*max-width:116px;*/ .itemgrid-6cols .item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7cols .item { width:12.286%; } .itemgrid-7cols .item:nth-child(7n+1) { clear:left; } /* Items grid: in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font sizes -------------------------------------------------------------- */ /* Sizes are changed for wide and narrow screens */ /* 4 columns */ .category-products-grid.itemgrid-4cols .product-name { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ } /* 5 columns */ .category-products-grid.itemgrid-5cols .product-name { font-size:1.0833em; /*13px*/ line-height:1.2307em; /*16px*/ } /* 6 columns */ .category-products-grid.itemgrid-6cols .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* 7 columns */ .category-products-grid.itemgrid-7cols .product-name { font-size:1em; /*12px*/ line-height:1.25em; /*15px*/ } /* Shring button: 6 & 7 columns -------------------------------------------------------------- */ .category-products-grid.itemgrid-6cols .item button.btn-cart span span, .category-products-grid.itemgrid-7cols .item button.btn-cart span span { padding:5px 8px; height:auto; line-height:2em; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ } .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:70px; height:70px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { top:-8px; } .item:hover .sticker-wrapper.top-right { right:-8px; } .item:hover .sticker-wrapper.top-left { left:-8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Availability - with more details */ .availability-only { background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 0 -160px no-repeat; margin:15px 0; padding-left:25px; line-height:1.6666em; /*20px*/ } .availability-only a {background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-dropdown.png) 100% 4px no-repeat; padding-right:13px; text-decoration:none; border-bottom:1px dotted #e5e5e5; } .availability-only a.expanded { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-dropdown-up.png); } .availability-only strong { font-weight:normal; } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #e5e5e5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /*15px*/ } .extrahint-wrapper .product-pricing { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 0 -560px no-repeat; padding-left:24px; min-height:20px; /* Space for the icon */ } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 0 -480px no-repeat; } .alert-stock { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 0 -520px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price { /*color:#777;*/ } .price-box .price-label { /*color:#777;*/ } /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} .block .regular-price, .block .regular-price .price { /*color:#777;*/ } /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#ee001c !important; /* Overide color change on product grid/list */ } .special-price .price-excluding-tax .price { /*color:#777;*/ } /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label, .minimal-price-link .price {} /* Excluding tax */ .price-excluding-tax { display:block; /*color:#777;*/ } .price-excluding-tax .label { white-space:nowrap; /*color:#777;*/ } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; /*color:#777;*/ } .price-including-tax .label { white-space:nowrap; /*color:#777;*/ } .price-including-tax .price { /*color:#777*/ } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 15px 15px; } .tier-prices li { line-height:15px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#d90000; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper { float:left; margin-top:12px; } .add-to-cart label { float:left; margin:0 5px 0 0; line-height:31px; } .add-to-cart .qty { float:left; margin:0; text-align:center; } .add-to-cart button.button { float:left; } .add-to-cart button.btn-cart { margin-right:10px; } .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links*/ .add-to-box .or { float:left; font-weight:bold; margin:0 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view {} .col1-layout .product-view {} .product-essential {} .product-collateral {} /* Basic product page sections -------------------------------------------------------------- */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:30px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-box { float:left; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #eee; padding:5px; position:relative; /* Labels (e.g. "new", "sale") are positioned relative to this box */ } .product-view .product-img-box .product-image.product-image-zoom { z-index:9; } /* Thumbnails */ .product-view .product-img-box .more-views .thumbnails li { float:left; /*margin: 10px -1px 0 0;*/ } .product-view .product-img-box .more-views .thumbnails li.last { margin-right:0; } .product-view .product-img-box .more-views .thumbnails li a { display:block; overflow:hidden; text-decoration:none; padding:4px; border:1px solid #eee; } .product-view .product-img-box .more-views .thumbnails li a:hover { border-color:#999; position:relative; } /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product main column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } .product-view .add-to-cart { margin-top:15px; } /* Price box inside "Add-to-cart" box */ /*deprecated*/ .product-view .add-to-box .price-box { float:left; margin:7px 0 0; } /* Add-to links */ .product-view .action-box { margin:20px 0; } .product-view .add-to-links li { float:left; } /* All links float left */ .product-view .add-to-links, .product-view .email-friend { float:left; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Grouped product -------------------------------------------------------------- */ .product-view .product-type-data.is-grouped { padding:0; background-color:transparent; } /* Align right instead of float right */ .product-view .product-type-data.is-grouped .out-of-stock { float:none; text-align:right; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data.is-downloadable .price-box { margin:0 0 10px; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* Same as "item-options" in cart */ .product-type-data .item-options dd { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices. Common for product view and MAP popup. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font for all prices on product page and MSRP */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } .product-view .product-shop .price-box { margin:5px 0 10px; } .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box.map-info .old-price .price { font-size:1.5em; /*18px*/ /*color:#ce001a;*/ } /* Tier price */ .tier-prices .price { /*color:#ce001a;*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ text-decoration:line-through; /* Override default built-in line */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .product-shop .price-box .special-price { margin:-2px 0 0; white-space:nowrap; /*Chrome*/ } .product-view .product-shop .price-box .special-price .price-label { white-space:nowrap; } .product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Product Secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column { float:right !important; } .product-secondary-column .inner { min-height:300px; border-left:1px solid #e5e5e5; padding-left:10px; padding-top:10px; padding-bottom:10px; /* Stop collapsing margins */ } /* Containers for: add-to-cart & product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type-specific data*/ .product-view .product-type-data { margin:15px 0 0; } /* Margin before price box */ .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data .price-box { border-top:1px solid #e5e5e5; margin:15px 0 0; padding:15px 0; } /* Lower part of the container */ .container1-wrapper, .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .container2-wrapper { border-bottom:1px solid #e5e5e5; padding:15px; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0 0 15px; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Product view sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-sidebar { float:right !important; } .product-view .box-sidebar .box-sidebar-inner { padding-left:20px; border-left:1px solid #e5e5e5; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px 28px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_tag_add.gif) 5px 8px no-repeat; padding:0 0 0 28px; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0 28px; font-size:0.9166em; /*11px*/ } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product view tabs (Generic Tabs) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs {} .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 7px; line-height:3.5em; /*42px*/ text-decoration:none; outline:none; color:#666; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#ddd; color:#333; } .gen-tabs .tabs a.current { background-color:#eee; color:#333; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:12px 0.5em; margin-bottom:1px; font-size:1.5em; line-height:1.5555em; /*was 44px*/ background-color:#f5f5f5; color:#666; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; color:#333; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:20px; border-bottom:1px solid #e5e5e5; } /* Generic Tabs: skin 1 -------------------------------------------------------------- */ .gen-tabs-style1 .tabs a { padding:0 10px; background-color:#eee; border:1px solid #eee; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { color:#333; background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { color:#333; background-color:#ffffff; border-color:#ddd; border-bottom:1px solid #fff; margin-bottom:-1px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #ddd; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Extensions and additional elements in product view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Brand in secondary column */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { font-weight:normal; font-family:inherit; line-height:1.2222em; margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#d90000; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Columns -------------------------------------------------------------- */ .cart-table .col-img {} .cart-table .col-edit {} .cart-table .col-wish {} .cart-table .col-msrp {} .cart-table .col-unit-price {} .cart-table .col-total-excl {} .cart-table .col-total-incl {} .cart-table .col-delete {} /* Buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #e5e5e5; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table tfoot button span { background-color:transparent; padding:0 10px 0 30px; } .cart-table tfoot button span span { padding:0 ; } .cart-table tfoot button:hover span { background-color:transparent; color:#09F; } .cart-table .btn-continue > span { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; } .cart-table .btn-update > span { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -347px no-repeat; float:right; } .cart-table .btn-empty > span { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -307px no-repeat; float:right; } /* Shopping Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:20px; } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell { background-color:#fff !important; } .cart .crosssell h2 {} .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } .cart .crosssell .btn-cart { float:left; } .cart .crosssell .add-to-links { float:left; margin:10px 0 0; } .cart .crosssell .price-box { margin:7px 0; line-height:15px; } .cart .crosssell:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount, .cart .shipping, .cart .crosssell { padding:10px; } .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { margin-bottom:10px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box { margin:0 9px 0 0; } .cart .discount input.input-text { width:100%; } .cart .discount .buttons-set { margin:10px 0 0; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; margin-left:3px; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login h2 { text-transform:uppercase; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:4px 0 0; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 2.5em; } .dashboard .welcome-msg p { margin:0; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; padding:0 0 0 38px;} .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_folder-table.gif); } /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/i_ma-info.gif); } .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/bullet.png) 0 6px no-repeat; padding-left:10px; font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin:20px 0; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#d90000; clear:both; } /* Links in page title */ .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; padding-left:38px; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/ic-order-comment.gif) 0 0 no-repeat; } .order-details h2 { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/ic-order-item.gif) 0 0 no-repeat; } .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-weight:bold; font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container { background-repeat:repeat; background-position:center top; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } /* Footer elements */ .footer .heading { margin-bottom:0.75em; font-size:1.3333em; font-weight:normal; } /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-inner { padding-top:10px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-inner { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:10px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container { padding-bottom:20px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } /*.store-switcher {}*/ /* CMS blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { padding-right:80px !important; margin:0; } /* Product listing blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Slider navigation containers */ .featured-itemslider-wrapper .nav-wrapper { position:relative; } .new-itemslider-wrapper .nav-wrapper { position:relative; } .itemslider-wrapper .nav-wrapper { position:relative; } /* For anonymous itemslider */ /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 404 not found page */ .cms-index-noroute .col-main .std { padding:10px 0 0 270px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/magnifier.jpg) 40px 40px no-repeat; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:10px; margin-bottom:10px; position:relative; } .landing-page .center-block { display:block; margin:0 auto; } /* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .guest-select {width:305px !important;} /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://skin.ryman.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ div.j2tajax-confirm div.j2tajax-checkout-img{ float:left; margin-right:5px; } div.j2tajax-confirm .success-msg { background:none; color:#000; padding: 8px !important; text-align:left; border:none !important; } /**************************************/ div.j2t-cart-bts {clear:both; height:25px;} div.j2t-top-cart {width:265px; z-index: 197;} .top-block-cart { font-size:11px; line-height:1.25; background:#fff; z-index: 1000;} .top-block-cart .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; } /* Mini Products List */ .top-block-cart .mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; } .top-block-cart .mini-products-list .product-details { margin-left:60px; } .top-block-cart .mini-products-list .product-details .product-name, .top-block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .top-block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: TopCart */ .top-block-cart .block-title { /*border-bottom:0;*/ } /*.top-block-cart .block-title strong { background-image:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/css/images/i_block-cart.gif); }*/ .top-block-cart .summary { background:#fff; padding:2px 0px 8px; margin:-1px 0 0; position:relative; z-index:1; } .top-block-cart .amount { margin:0; } .top-block-cart .amount a { font-weight:bold; } .top-block-cart .subtotal { margin:5px 0 0; padding:2px 0; background:#F3F3F3; text-align:center; } .top-block-cart .subtotal .price { font-weight:bold; } .top-block-cart .actions { border-bottom:1px solid #c2c2c2; } .top-block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .top-block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; } .close-j2t-ajax-top {position:absolute; top:5px; left:10px;} .close-j2t-ajax-top:hover {/*cursor:default;*/} .block.top-block-cart .actions { padding: 6px 9px; text-align: right;} .block.top-block-cart .block-subtitle { margin: 0; padding: 5px 9px; font-size: 1em; font-weight: bold; } .block.top-block-cart .block-content li.item { padding: 7px 9px; display:block; } .block.top-block-cart .block-content {background: #fff; color:#000; padding: 6px 6px;} .quick-access .links .block.top-block-cart a, .header .links .block.top-block-cart li { background-image: none;} .header .links .block.top-block-cart li {width:233px; display:block;} .quick-access .links .block.top-block-cart a { color: #000;} .quick-access .links .block.top-block-cart a {padding:0px;} .block.top-block-cart .block-content a.btn-remove, .header .links .block.top-block-cart .block-content li a.btn-remove {background-image: url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/remove.gif'); background-position-x: 0; background-position-y: 0; background-repeat: none; width: 16px; height: 16px; background-repeat: no-repeat;} .block.top-block-cart .block-content a.btn-edit, .header .links .block.top-block-cart .block-content li a.btn-edit {background-image: url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/edit.png'); background-position-x: 0; background-position-y: 0; background-repeat: none; width: 16px; height: 16px; background-repeat: no-repeat;} /**************************************/ div.j2tajax-confirm, div.j2tajax-progress{ border:#ccc solid 1px; z-index: 199; text-align:center; } div.j2tajax-progress{padding:5px; z-index: 199;} div#j2t_ajax_confirm_wrapper div.add-to-cart {padding-top: 20px; text-align: center;} div#j2t_ajax_confirm_wrapper .add-to-cart label, div#j2t_ajax_confirm_wrapper .add-to-cart .qty, div#j2t_ajax_confirm_wrapper .add-to-cart button.button {float:none;} div#j2t_ajax_confirm_wrapper .product-options {margin:auto; padding: 10px !important;} div#j2t_ajax_confirm_wrapper .product-shop .product-options-bottom { margin:auto; padding: 10px !important; } div#j2t_ajax_confirm_wrapper .product-shop {padding:10px;} div.j2t-overlay{ width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; z-index: 198; } a.j2t-checkout-link{ background: transparent url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/j2t-button-gray-left.gif') no-repeat top left; display: block; float: right; font-size:11px; line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; margin-right:10px; } a:link.j2t-checkout-link, a:visited.j2t-checkout-link, a:active.j2t-checkout-link{ color: #494949; /*button text color*/ } a.j2t-checkout-link span{ background: transparent url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/j2t-button-gray-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ } a.j2t-checkout-link:hover{ /* Hover state CSS */ background-position: bottom left; } a.j2t-checkout-link:hover span{ /* Hover state CSS */ background-position: bottom right; color: black; } span.j2t-or{ display:none; } a.j2t-continue-link{ background: transparent url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/j2t-button-green-left.gif') no-repeat top left; display: block; float: left; font-size:11px; line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; margin-left:10px; } a:link.j2t-continue-link, a:visited.j2t-continue-link, a:active.j2t-continue-link{ color: #494949; /*button text color*/ } a.j2t-continue-link span{ background: transparent url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/j2t/j2t-button-green-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ } a.j2t-continue-link:hover{ /* Hover state CSS */ background-position: bottom left; } a.j2t-continue-link:hover span{ /* Hover state CSS */ background-position: bottom right; color: black; } span.j2t-upsells-list-wrapper {display:block; text-align:left;} table.j2t-upsell-product-table {clear:both;} table td.j2t-upsells-list-item h5.j2t-product-lnk {} table td.j2t-upsells-list-item h5.j2t-product-lnk a {font-size: 11px; font-weight: normal;} h4.j2t-upsells-title {display:block; clear:both; padding-left:10px;padding-top:5px;} div.j2tajax-progress, div.j2tajax-confirm {background:#fff;} div.j2t-closing-button {position:absolute; top:0px; right:3px; font-family: arial; font-size: 12px; font-weight: bold; cursor: pointer;} /*uncomment the following line when using massconf module*/ /*#j2t_ajax_confirm_wrapper .product-options-bottom .add-to-cart label, #j2t_ajax_confirm_wrapper .product-options-bottom .add-to-cart input { display:none; }*/ div.inner-ajax-content {padding-bottom:10px;} div.inner-ajax-content div.product-options-bottom ul.add-to-links {display:none;} /* EE Gift Voucher */ #j2t_inner_ajax_content .giftcard-send-form {margin:0px;} #j2t_inner_ajax_content .giftcard-send-form .field .input-text { width: 200px !important; } /** * Additional styling for selected elements. */ /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout helper classes -------------------------------------------------------------- */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } .float-left { float:left; } .float-right { float:right; } .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } /* Additional styling for grid elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: stretched or with side padding %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add top margin for nav element, the same value as left and right margin of the grid unit, and remove margin if stretched */ .nav > .grid-full { float:left; margin-top:1%; } .nav.stretched > .grid-full { margin-top:0; } /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Override specific classes to change colors, fonts, backgrounds etc. */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav.wide ul.level0, #nav.wide div.level0, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Drop-down button */ .dropdown-button:hover, .dropdown-button ul, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice { -moz-box-shadow:1px 1px 5px rgba(0,0,0, 0.2); -webkit-box-shadow:1px 1px 5px rgba(0,0,0, 0.2); box-shadow:1px 1px 5px rgba(0,0,0, 0.2); } /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Secondary headings -------------------------------------------------------------- */ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Forms headings */ .fieldset .legend, /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Multiple checkout */ .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size:1.5em; /*18px*/ font-weight:normal; text-transform:uppercase; } /* Headings with bottom border */ .account-login h2, #opc-login h3 { border-bottom:1px solid #ddd; padding-bottom:5px; } /* Section headings -------------------------------------------------------------- */ /* Sections */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2, /* Sidebar blocks */ .block .block-title { padding:13px 0 7px; border-bottom:1px solid #ddd; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Common borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* Page title */ .my-account .page-title, .category-title, /* Misc */ .toolbar { border-color:#ddd; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .product-secondary-column .inner, .product-view .box-sidebar .box-sidebar-inner { border-color:#ddd; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Common colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Main menu - vertical */ .vertnav, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Elements with lighter text -------------------------------------------------------------- */ /* Forms */ .form-list label, /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Layered nav */ .block-layered-nav dd li, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, /* Prices */ .price-notice .price, .tier-prices li, /* MSRP price and old price */ .old-price, .map-popup-msrp .price { color:#888; } /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a { color:#bbb; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, .cart-table tfoot td.last, /* Availability */ .availability-only-details thead { border-color:#bbb; } /* Interface elements (like buttons or special links) with background color -------------------------------------------------------------- */ /*.btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a {}*/ /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product image (and other elements) -------------------------------------------------------------- */ .product-image img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .product-image img:hover { opacity:0.85; filter:alpha(opacity=85); } /* Remove this transition in product grid. Raplace it with "on item hover" transition. */ .products-grid .product-image img:hover { opacity:1; } /* .products-grid .item:hover .product-image img { opacity:0.85; } */ /* Links and other selected elements -------------------------------------------------------------- */ a, .feature div.icon, #mobnav-trigger .icon .line, .accordion .opener { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, .feature:hover div.icon, #mobnav-trigger:hover .icon .line { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Accordions & tabs -------------------------------------------------------------- */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Elements with animated color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image { transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Structural elements -------------------------------------------------------------- */ /* Layered nav */ .block-layered-nav dd li, /* Grid */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-box, /* Misc */ .header .logo, /* Menu */ #nav > li { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .shadow .show-bg { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /* Note: "show-bg" for ".main" added via js */ /* Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category page */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection {} /* Product page */ /* Main blocks */ .block_product_primary_bottom { border-top:1px solid #f5f5f5; margin:10px 0 0; padding:15px 0 0; } .block_product_primary_bottom .addthis_toolbox {} .block_product_secondary_bottom { margin:15px 0; } /* Static blocks replacing related and up-sell products */ .block_product_replace_related {} .block_product_replace_related {} /* Cart */ .block_cart_below_totals {} .block_cart_below_table {} /* Mini cart */ .block_mini_cart_above_products { margin:0 0 10px; } /* OPC */ .block_opc_below_progress { margin:15px 0; } /* CMS pages */ .block_cms_page_top { margin:0 0 15px; } /* Header */ .block_header_top_help {} .block_header_links_upper {} .block_header_top_right {} /* Footer */ .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {} .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2013-04-19 08:23:30 */ /* Fluid grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid container */ .container { margin-left:auto; margin-right:auto; width:96%; } .nested-container { width:102%; margin-left:-1%; } /* Grid-12 units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, /* Grid-4 units */ /* Useful as aliases for grid unit which have the same size in different grid systems e.g.: */ .grid4-1, .grid4-2, .grid4-3, /* Grid-2 unit */ .grid2-1, /* Alias for full-width units */ .grid-full, /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { position:relative; display:inline; float:left; margin-left:1%; margin-right:1%; } /* Grid units widths */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.67%; } .grid12-3, .grid4-1 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6, .grid4-2, .grid2-1 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9, .grid4-3 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid-full { width:98%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Utility classes -------------------------------------------------------------- */ /* Nested units: alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Grid container: stretched, without side padding -------------------------------------------------------------- */ /* Remove padding (whic is added in media queries for mobile layouts) from basic grid containers. Stretch inner grid unit (full width) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } .container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; } /* Desktop - design for a width of 1366px and 1360px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { .container { max-width:1300px; } /* Special grid units */ .grid-col2-sidebar { width: 18.84%; } .grid-col2-main { width: 77.15%; } .grid-col3-sidebar { width:24.42%; } .grid-col3-main { width:72.98%; } /* Hide */ .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */ .container { width:94%; padding-left:1%; padding-right:1%; } .nested-container { width:100%; margin-left:auto; } /* Stretch all grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100%; margin-left:0; margin-right:0; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Persistent grid units -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2013-04-19 08:23:30 */ /* For a width of 1360px and more %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { /* Items grid: in category view -------------------------------------------------------------- */ .category-products-grid.itemgrid-4cols .product-name { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ } .category-products-grid.itemgrid-5cols .product-name { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ } .category-products-grid.itemgrid-6cols .product-name { font-size:1.1666em; /*14px*/ line-height:1.2142em; /*17px*/ } .category-products-grid.itemgrid-7cols .product-name { font-size:1.1666em; /*14px*/ line-height:1.2142em; /*17px*/ } /* Hide/show elements for 6 & 7 columns */ .category-products-grid.itemgrid-6cols .item .btn-cart, .category-products-grid.itemgrid-7cols .item .btn-cart { display:block; } } /* Desktop, wide laptop - design for a width of 1360px and 1366px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-2cols .item { width:31.333%; clear:none !important; } .itemgrid-2cols .item:nth-child(2n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-3cols .item { width:23%; clear:none !important; } .itemgrid-3cols .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-4cols .item { width:18%; clear:none !important; } .itemgrid-4cols .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-5cols .item { width:14.667%; clear:none !important; } .itemgrid-5cols .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-6cols .item { width:12.286%; clear:none !important; } .itemgrid-6cols .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-7cols .item { width:10.5%; clear:none !important; } .itemgrid-7cols .item:nth-child(7n+1) { clear:left !important; } /* xxx -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:168px; } /*MORE*/ .in-col1 .itemslider-x { max-width:1128px; } /*6*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col2 .itemslider-x { max-width:940px; } /*5*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:162px !important; } .in-col3 .itemslider-x { max-width:728px; } /*4*/ /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.5em; } .caption p { font-size:1.6666em; } } /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-2cols .item { width:31.333%; clear:none !important; } .itemgrid-2cols .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-3cols .item { width:23%; clear:none !important; } .itemgrid-3cols .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-4cols .item { width:18%; clear:none !important; } .itemgrid-4cols .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-5cols .item { width:14.667%; clear:none !important; } .itemgrid-5cols .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-6cols .item { width:12.286%; clear:none !important; } .itemgrid-6cols .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-7cols .item { width:10.5%; clear:none !important; } .itemgrid-7cols .item:nth-child(8n+1) { clear:left !important; } /* xxx -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:168px; } .in-col1 .itemslider-x { max-width:1128px; } /*6*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:162px !important; } .in-col2 .itemslider-x { max-width:910px; } /*5*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:140px !important; } .in-col3 .itemslider-x { max-width:640px; } /*4*/ /* In up-sell */ .box-up-sell.in-col2 .itemslider-x .slides > li { width:155px !important; } .box-up-sell.in-col2 .itemslider-x { max-width:875px; } /*5*/ /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* xxx -------------------------------------------------------------- */ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:700px; } /*4*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:134px !important; } .in-col3 .itemslider-x { max-width:462px; } /*3*/ } /* Design for a width of 960-1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1024px */ @media only screen and (min-width: 960px) and (max-width: 1023px) { /* xxx -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:156px !important; } .in-col1 .itemslider-x { max-width:880px; } /*5*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col2 .itemslider-x { max-width:564px; } /*3*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col3 .itemslider-x { max-width:376px; } /*3*/ } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } /* Nav -------------------------------------------------------------- */ /*...*/ } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; } .cart-table .product-image { max-width:80px; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-2cols .item:nth-child(2n+1), .itemgrid-3cols .item:nth-child(2n+1), .itemgrid-4cols .item:nth-child(2n+1), .itemgrid-5cols .item:nth-child(2n+1), .itemgrid-6cols .item:nth-child(2n+1), .itemgrid-7cols .item:nth-child(2n+1) { clear:left !important; } /* xxx -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:160px !important; } .in-col1 .itemslider-x { max-width:722px; } /*4*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:525px; } /*3*/ /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Items grid: in category view -------------------------------------------------------------- */ /* Hide button completely despite it is on item hover */ .category-products-grid.itemgrid-6cols .item:hover .btn-cart { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* xxx -------------------------------------------------------------- */ .in-sidebar .itemslider-x .slides > li { width:168px !important; } .in-sidebar .itemslider-x { max-width:188px; } /*1*/ /* Product page -------------------------------------------------------------- */ /* Itemslider: float left if 1, 2 or 3 items */ .box-up-sell .itemslider-q.count-1, .box-up-sell .itemslider-q.count-2 { margin-left:0; margin-right:auto; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 { margin-bottom:30px; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Basic Magento layout elements -------------------------------------------------------------- */ .breadcrumbs { margin-top:0; margin-bottom:10px; } /* Header -------------------------------------------------------------- */ /* Vertical positioning of header elements */ .v { display:block; } .v .v-item { float:inherit; display:block; width:100%; } /* Logo */ .header .logo-wrapper { text-align:center; } .header .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search */ .header-top-search-wrapper { width:100%; max-width:301px; margin-left:auto; margin-right:auto; } .header .form-search { width:100%; } .header .form-search .input-text { width:100%; padding:0; } /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Mini cart */ .after-mini-cart { clear:none; } /* Top links */ .top-links { float:left; } /* Nav -------------------------------------------------------------- */ /* Footer -------------------------------------------------------------- */ /* Simplify links */ .footer .show-separators .links li a, .footer .show-separators-left .links li a { background-image:none; } /* Footer horizontal links - align center */ .footer-top .item { float:none; } .footer-primary-top-inner, .footer-primary-bottom-inner, .footer-top .links { text-align:center; } .footer-primary-top-inner .item, .footer-primary-bottom-inner .item, .footer-top .links li { float:none; display:inline-block; } /* Social links */ .social-links a { float:none; display:inline-block; margin-right:0; margin-bottom:3px; padding:6px; } /* Footer bottom elements - align center */ .footer-bottom { text-align:center; } .footer-bottom .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { display:none; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:10px; padding-bottom:10px; } .toolbar .sort-by, .toolbar sorter .amount { border-right:none; } /* Product page -------------------------------------------------------------- */ /* Secondary column */ .product-secondary-column .inner { padding-left:0; border-left:none; min-height:auto; } /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Sidebar */ .product-view .box-sidebar .box-sidebar-inner { padding-left:0; border-left:none; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ .opc form fieldset { display:table-column-group; } /*.opc .form-list .field {} .opc .form-list input.input-text {}*/ .opc .form-list select { width:auto; } /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ /*.itemslider .control-nav { display:none; }*/ .control-nav.control-paging { display:none; } /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow .direction-nav .next { top:4%; right:2%; } .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } /* Slideshow caption */ /* Shrink all and hide paragraph and button */ .caption .heading { font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; display:none; } .caption button { margin-top:0.5em; display:none; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion li a { padding:15px; } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:53px; } .accordion .opener { width:48px; height:48px; } /* Items grid: in category view -------------------------------------------------------------- */ /* Revert default sizes */ .category-products-grid.itemgrid .product-name { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ } /* Hide/show elements: 6 & 7 columns */ .category-products-grid.itemgrid-6cols .item .btn-cart, .category-products-grid.itemgrid-7cols .item .btn-cart { display:block; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-2cols .item:nth-child(2n+1), .itemgrid-3cols .item:nth-child(2n+1), .itemgrid-4cols .item:nth-child(2n+1), .itemgrid-5cols .item:nth-child(2n+1), .itemgrid-6cols .item:nth-child(2n+1), .itemgrid-7cols .item:nth-child(2n+1) { clear:left !important; } /* xxx -------------------------------------------------------------- */ .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:376px; } /*2*/ /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .product-view .product-img-box .product-image { width:60.4651%; /*364px*/ max-width:364px; margin:0 auto; } } /* Additional break-point: Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* xxx -------------------------------------------------------------- */ .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:564px; } } /* All small mobile - design for a width of less than 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Simplify links */ .user-menu .show-separators .links li a, .user-menu .show-separators-left .links li a { background-image:none; } /* Header elements - align center */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Links */ .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } /* Mini cart - adjust width and align center, hide drop-down box */ /* #mini-cart .block-content { display:none !important; } */ /*#mini-cart .block-content { width:100%; } #mini-cart .block-title > * { float:none !important; display:inline-block !important; vertical-align:middle !important; } */ /* Nav -------------------------------------------------------------- */ /*#nav > li { width:100%; } #nav > li > a { border-right:none; }*/ /* Products list -------------------------------------------------------------- */ .products-list .product-image { margin-bottom:20px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Cart -------------------------------------------------------------- */ /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Slideshow caption */ /* Shrink all and hide heading */ .caption .heading { font-size:1.3333em; display:none; } .caption p { font-size:1em; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item { width:98%; clear:none !important; } /* xxx -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* Mobile (Portrait) - design for a width of 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 1 columns */ .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item { width:98%; clear:none !important; } /* xxx -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .direction-nav { display:none; } } body { color: #000000; font-size: 12px; } a { color: #555555; } a:hover, .vertnav li.current > a { color: #555555; } .wrapper { border-top-color: transparent; background-color: #f2f2f2; } .header-container { background-color: transparent; } .header { background-color: #ffffff; color: #005e66; } .header a { color: #005e66; } .header a:hover { color: #71c800; } #nav ul.level0, /*TODO:remove,redundant selector*/ #nav ul, #mini-cart .block-content, .truncated .truncated_full_value .item-options, .dropdown-button:hover .inner, .dropdown-button ul { background-color: #ffffff; color: #333333; } #nav ul li a, #mini-cart .block-content a, .dropdown-button ul a { color: #777777; } #nav ul li a:hover, #mini-cart .block-content a:hover, .dropdown-button ul a:hover { color: #71c800; } #mobnav { background-color: #005e66; color: #ffffff; } .nav { background-color: #ffffff; } .main { background-color: #ffffff; } .footer-container{ background-color: transparent; } .footer-primary { background-color: #ffffff; } button.button span { background-color: #71c800; color: #000000; } button.button:hover span { background-color: #71c800; color: #000000; } .product-view .btn-cart span, button.btn-checkout span { background-color: #71c800; color: #ffffff; } .product-view .btn-cart:hover span, button.btn-checkout:hover span { background-color: #71c800; color: #000000; } .feature div.icon { background-color: #71c800; } .feature:hover div.icon { background-color: #71c800; } .links a:hover { color: #555555; } .price-box .price { color: #000000; } .sticker.new { background-color: #00a4e4; color: #ffffff; } h1, h2, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, /* Footer headings */ .footer .heading, /* Captions */ .slide .caption h2, .slide .caption h3, /* Custom content class */ .main-font { font-family: Play, georgia, serif; } /** * File for custom CSS. You can use it to override the default styling of the theme. * * 1. Copy the file "default.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected classes or add your own CSS to override the default styling of the theme. * * Please refer to the user guide for more details. * */ .wrapper { border-top:none; height:100%; } .main { padding-top:10px; } body.cms-index-index .main { padding-top:0; } h1, h2, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /* Main menu */ #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .price-box, .regular-price, .price, .product-view .regular-price .price, /* Footer headings */ .footer .heading, /* Captions */ .slide .caption h2, .slide .caption h3, /* Custom content class */ .main-font { font-family: Arial, Helvetica, sans-serif; } a:hover { text-decoration:underline; } .add-to-cart .qty-wrapper { float:left; margin-top:2px; } h1 { display:inline; float:left; } h3 { margin: 0 0 10px 0; } h3.section-title { font-weight:normal; padding:10px 0 3px 0; margin-bottom:5px; } .grid-col2-sidebar { margin-left: 0; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { margin: 5px 15px 7px 0; } .catalog-product-view .breadcrumbs { margin-bottom:10px; } .breadcrumbs li { display:inline; } .breadcrumbs a { display:block; float:left; } .breadcrumbs li span { width:7px; height:5px; margin:6px 4px 0; display:block; float:left; text-indent:-9999px; overflow:hidden; } .breadcrumbs li strong { font-weight:normal; display:block; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top-border { width:100%; height:8px; max-width: 980px; margin-left: auto; margin-right: auto; } /* Category landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .anchorblock-top { width:100%; min-height:50px; margin-top:15px; margin-bottom:10px; } .anchorblock-top-text { margin:10px 5px; float:left; } .subcategorylisting { float:left; margin-top:15px; } .cat-box-head{ padding:9px 10px 1px 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .toolbar .pager { border-top:none; text-align:right; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:block; } #slide-hide-loading, #readmore-hide-loading, .label:empty, .portfolio-overlay, /*.toolbar-bottom .limiter,*/ .toolbar-bottom .sort-by, .toolbar-bottom .amount, .add-to-links { display:none !important; } /* Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-create .page-title, .account-login .page-title { margin-left:15px; } .addresses-list h3 { background: none; padding-left: 0; font-weight: bold; } .account-login h2, .account-create h2 { padding-bottom: 0; } .register-block { float:left; margin-top: 0; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear:both; display:block; margin-right: 25px; margin-left: 20px; } .header .form-search { position:relative; margin:0 auto; width:100%; } .header .form-search label { float:left; margin:3px 4px 0 0; display:none; } .header .form-search .input-text { padding: 0 0 0 7px; width: 100%; height: 33px; line-height: 33px; /*IE8*/ border-color: #aaa; } .header .form-search .button { width:25px; height:25px; position:absolute; right: 0; top:5px; } .header .form-search .button span { background:none; display:none; } /* Search autocomplete */ .header .form-search .search-autocomplete { left:0 !important; top:42px !important; position:relative; z-index:3000; } .header .form-search .search-autocomplete ul { text-align:left; margin-top:-8px; } .header .form-search .search-autocomplete li { padding:5px 6px; cursor:pointer; } .header .form-search .search-autocomplete li.last { border-bottom:none; } .header .form-search .search-autocomplete li.first { border-top:none; } .header .form-search .search-autocomplete li .amount { float:right; padding-left:5px; font-weight:bold; } /* Common styles for products on product listings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .price-box { margin:5px 0 10px; } .products-grid .price-box .price { color: #555; } .old-price .price { text-decoration: line-through !important; } .brand-wrapper { float:left; min-height:70px; width:100%; } .box-brand { float:left; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding: 15px 0 0; border-bottom: 1px solid #e5e5e5; } .cart-table tfoot button { padding: 0; margin: 0 0 15px 10px; } .cart-table .btn-continue { float: left; margin-left: 0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table tfoot button span { background-color:transparent; padding:0 10px 0 30px; } .cart-table tfoot button span span { padding:0 ; } .cart-table .btn-continue span, .cart-table .btn-update span, .cart-table .btn-empty span { background: #eee; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .cart-table .btn-continue > span { background: #eee url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; padding: 16px 10px 16px 25px; } .cart-table .btn-update > span { background: #eee url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -347px no-repeat; float:right; padding: 16px 10px 16px 25px; } .cart-table .btn-empty > span { background: #eee url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -307px no-repeat; float:right; } .cart-table tfoot button:hover span { color:#000; background: #ddd } .cart-table .btn-continue:hover > span { color:#000; background: #ddd url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; } .cart-table .btn-update:hover > span { color:#000; background: #ddd url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -347px no-repeat; float:right; } .cart-table .btn-empty:hover > span { color:#000; background: #ddd url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -307px no-repeat; float:right; } .cart-table tfoot button:active span { background: #ccc;} .cart-table .btn-continue:active > span { background: #ccc url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; } .cart-table .btn-update:active > span { background: #ccc url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -347px no-repeat; float:right; } .cart-table .btn-empty:active > span { background: #ccc url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons.png) 5px -307px no-repeat; float:right; } .payment-image { float:left; margin: 0 2px; } #narrow-by-list2 dt, .narrow-by-list dt { font-size:16px; font-weight:bold; } #narrow-by-list2 { margin-left:-5px; } .listing-item .product-image { min-height:180px; } .category-products-grid.itemgrid-4cols .product-name { font-size:12px; line-height:1.2em; } .category-products-grid.itemgrid-5cols .product-name { font-size:12px; line-height:1.2307em; } .landingblock { float:left;width:98%; margin:5px 0 20px 0; border:solid 1px #ddd; height:300px; } .landingtext { font-size:12px; color:#000; float:left; width:100%; } .landingsubblock { float:left;width:23%; margin:20px 15px 0 0; border:solid 1px #ddd; height:250px; } /* Shadows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .drop-shadow { position:relative; float:left; width:40%; padding:1em; margin:2em 10px 4em; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2; } .drop-shadow p { font-size:16px; font-weight:bold; } /* Curved shadows */ .curved:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } .curved-vt-2:before { right:0; } .curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } /* Full directory %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .full-dir-cat { display:block; float:left; padding:5px 0 0 0; } .full-dir-child-cat { float: left; margin: 10px 15px 10px 0; width: 220px; } a.full-dir-grand-child { clear: left; float: left; } .category-products { overflow: visible !important; } /********************************************* Responsive layout design */ .links li a:hover { color: #71c800; } .header-top .item-left { margin-right: 0; } .nav > .grid-full { margin-top: 0%; } /********************************************* Product Page Related Items */ .related-itemslider-wrapper .price-box { width: 100%; } h3.section-title { padding-right: 0 !important; } /********************************************* Product Page General */ .product-view .add-to-cart { margin-top: 0; } .product-view .box-additional { margin-top: 10px; } .product-view .product-img-box .product-image { padding: 0; min-height: 200px; min-width: 200px; border:none; } .product-view .regular-price .price { font-weight:bold; } .availability { margin-right: 4px; } .availability-only { border-bottom: 1px solid #fff; padding-bottom: 4px; } .product-view .product-img-box .more-views .thumbnails li { float: left; width: 24.25%; height: auto; margin-right: 1%; margin-bottom: 1.5%; } .product-view .product-img-box .more-views .thumbnails li:nth-child(4n+4) { margin-right: 0; } .product-view .product-img-box .more-views .thumbnails li a { min-height: 65px; } .product-view .product-img-box .more-views .thumbnails li img { display: block; margin-left: auto; margin-right: auto; } .product-view .product-img-box { margin-bottom: 10px; } .product-name h1 { font-size:22px; } #title-name-left { float: left; width: 70%; } #title-brand-right { float: right; width: 21%; min-height: 70px; padding: 5px; text-align: center; background: #fff; border: solid 1px #ddd; } .description-left { float: left; width: 75%; float:left;width:75%; } .box-brand img { margin: 5px 10px 5px 10px; width:90px; height:90px; } .product-view .short-description { float:left; clear:left; margin: 25px 0 5px 0; } .product-view .product-type-data .price-box { border-top: 1px solid rgb(229, 229, 229); float:left; clear:left; margin: 5px 0px 0px 0px; padding:0px; } /********************************************* Category Levels */ .category-banner, .category-banner-mobile { margin-top: 8px; } .block-layered-nav .block-title { padding: 8px 8px 18px 0 !important; } .sorter { padding: 4px 0 8px 0; margin-top: 5px; } .block-viewed { margin-top: 0 !important; } .sort-by { padding-right: 0 !important; } .toolbar { border-top: 0; border-bottom: 0; } .pager .amount, .sorter .amount { padding-left: 10px; padding-top: 2px; } .pager { padding: 0; margin-bottom: -5px !important; } .limiter, .sort-by, .pages, .view-mode { padding-bottom: 0 !important; padding-top: 3px !important; } .mb-search-result .page-title , .category-title { padding-bottom:5px; border-bottom: 1px solid rgb(221, 221, 221); } .in-col2 .itemslider-x .slides > li { padding-left: 0; } .stock-message { position: absolute; top: 100%; } .stock-message-mobile { margin-top: 5px; } .atb-button, .atb-buttonbb { display:none; } .atb-buttonbb { margin-top: 0; } li.atbcon:hover div.atb-button, li.atbconbb:hover div.atb-buttonbb, li.hpcon:hover div.hp-button { display:block; } li.item.atbconbb:hover { z-index: 10; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: rgb(255, 255, 255); border-color: transparent; padding-left: 5.5%; padding-right: 5%; padding-bottom: 17%; margin-bottom: -14.25%; } .hp-button { display:none; position: absolute; bottom: 10px; } li.item.hpcon { min-height: 280px; max-height: 280px; padding-top: 5px !important; } li.item.hpcon:hover { z-index:10; overflow: hidden; min-height: 320px; background-color: #fff; } .itemslider-horizontal { margin: 0 auto 0; } /********************************************* Category Page Filter */ .m-filter-slider, .m-slider-values { max-width: 100%; } .block-layered-nav .currently .label { color: #006167; font-weight: bold; } .m-more-less, .block-layered-nav .actions a { margin-right: 17px; color: #888; font-size: 0.9em; } .block-layered-nav dl { padding-top: 0; } /* Mobile Optimisation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Catgory Listing for Mobile **************/ .mob-prod-info { float: right; clear: right; margin-left: 20px; margin-top: 7px; font-size: 1.4em; margin-right: 5px; } .arrow-right { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid rgb(0, 99, 105); margin-left: 60px; margin-top: -16px; } /* MISC **************/ .gen-tabs.accor .tabs-panels .panel { border-bottom: 0; } .promomsg_productlist-mobile { background: none repeat scroll 0% 0% rgb(219, 0, 0); color: rgb(255, 255, 255); font-weight: bold; font-size: 1.2em; margin: 5px 12px 0 0; padding: 1px 0 1px 5px; } .block-related-slider .block-subtitle { width: 93%; } /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5 */ .display-onmyhover { display:none; } a.button, button.button span { text-transform:none; border-radius: 2px; -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1); text-decoration:none; } a.button { padding:6px 10px; margin: 0 10px; } a.button:hover, button.button:hover span { cursor:pointer; } a.button:hover { -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2); } a.button:active, button.button:active span { -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8); } .product-view .btn-cart span span, button.btn-cart:hover span span { padding:8px 20px 8px 40px; height:15px; line-height:15px; } button.grey span, button.btn-cart-tiny span { border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } button.grey:hover span, button.btn-cart-tiny:hover span { border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } button.grey:hover span span, button.btn-cart-tiny:hover span span { padding:7px 10px 6px 28px; height:13px; line-height:13px; } button.btn-cartdropdown span span { padding:9px 20px 10px 38px !important; } button.button span span, button.btn-checkout span span{ padding:10px 20px; height:15px; line-height:15px; font-size:14px; } button.btn-secure span span { padding:10px 10px 10px 35px; height:15px; line-height:15px; font-size:14px; } button.btn-proceed-checkout span span { padding-right:28px; } button.btn-proceed-checkout:hover span span { padding-right:28px; } button.grey span span, button.btn-cart-tiny span span { padding:7px 10px 6px 28px; height:13px; line-height:13px; font-size:13px; border:solid 1px #ddd; } .add-to-cart .qty-wrapper { float:left; margin-top:2px; } #onestepcheckout-coupon-remove:active, button.btn-update:active span, button.btn-continue:active span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .stockalert { float:left; clear:left; margin: 0 0 15px 0px; } button.alert-stock span span { padding:8px 12px 8px 30px; height:13px; line-height:13px; font-size:12px; } .alert-stock-msg { float:left; margin:2px 0 0 0; } /* CATEGORY PAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-box-head h5 a:hover { text-decoration:none; } .subcategorylisting .listing-item .product-image { text-align:center; border:solid 1px #ddd; border-bottom:none; } .subcategorylistingborder { border:none; margin:5px 10px 5px 0; } .subcategorylisting .listing-item .product-image img { max-height:150px; margin:15px; } /* PRODUCT PAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price-box, .container2-wrapper { border:none !important; } .product-view .product-type-data .price-box { float:left; clear:left; margin-top: 0; padding-top: 0; width:100%; } .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .rrp-price .price-label { display:block; } .price-box, .panel p, .product-view .add-to-box, .availability-only, .availability .in-stock { float:left; clear:left; } .product-view .product-shop .price-box .special-price { margin-top:2px; } .price-box-bundle { border-bottom: none; margin-top: 0; } .container2-wrapper { padding:10px 0; } .product-view .box-additional { margin-left: 0; } .panel p, .more-views { margin:10px 0; } .more-views .thumbnails li { margin-right:5px; } #imagesFrame { border:solid 1px #ddd; padding:5px; } .orbitvu-viewer, .video-viewer { width:100% !important; } .deliveryalert { float:left; clear:left; margin-top:-5px; padding:10px 10px 10px 45px; min-height:20px; } .panel ul, .panel ol { list-style-type: disc; float:left !important; clear:left !important; margin:10px 0 10px 20px !important; } .add-to-box, .product-type-data { float:left !important; clear:left !important; } .availability, .sidebar .paypal-logo, .mobileonly .product-type-data .availability-only { display:none !important; } .orbitvu-viewer, .video-viewer { display:none; } #imagesFrame .product-image img { max-height: 320px; } .zoom-btn-small { background-color: #F7f7f7 !important; position: relative !important; float: right; bottom: 12px !important; } /**---------------- STATIC PAGES - RESPONSIVE TABLES ---------------------*/ #hor-zebra { padding: 0 25px; width: 100%; text-align: left; border-collapse: collapse; background: rgb(246, 246, 246); } #hor-zebra .odd { background: rgb(238, 238, 238); } #hor-zebra th { padding: 8px 8px; text-align: left; font-size: 12px; font-weight:bold; } /* LIST PAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .price-box { float:left; height:40px; margin:0 0 0 0; } .products-grid.equal-height .item .actions { position:relative; float:left; clear:left; margin:0 0; min-height:10px; bottom: 0; } .promomsg_productview_div { float:left; width:100%; margin:5px 0 10px 0; } .promomsg_desc, .promomsg_link a { float: left; clear: left; text-decoration: none; margin: 0; } .promomsg_link a:hover { text-decoration:underline; } .productlist_msg { margin:0 0 0 0; position:absolute; z-index:1000; bottom: 0; width:100%; text-align:left; } .stockmsg_productlist, .newmsg_productlist, .savemsg_productlist, .msrpmsg_productlist, .promomsg_productlist { padding:5px 10px; opacity:0.8; } .exclmsg_productlist { margin:1px 0 -19px 0; } .msrpmsg_productlist { display:none; } .productview_msg { float:left; clear:left; margin:10px 0 0 0; width:auto !important; } a.related-image { overflow:auto; float:left; position:relative; width:100%; } .related-thumb-textwrap { min-height:229px; } .related-image-wrap { min-height: 135px; } .related-image-thumb { max-height: 135px !important; margin:auto; position:absolute; top:0; left:0; right:0;bottom:0; } .stockmsg_productview, .newmsg_productview, .savemsg_productview, .promomsg_productview { float:left; padding:5px 10px; font-size:18px; font-weight:bold; opacity:0.8; margin:0px 0px 5px 0px; } .exclmsg_productview { float:left; margin:5px 0 0 0; opacity:0.8; } .promomsg-cart-item { padding:5px 10px 7px 10px; float:left; margin:5px 0; font-size:14px; font-weight:bold; opacity:0.8; } .promomsg-cart-item-txt { float:left; clear:left; } tr.promomsg-cart-summary td, .promomsg-cart-summary td div, .promomsg-cart-summary td span { padding: 0 5px; } tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; cursor:pointer; } /* Account and Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .required, .buttons-set, .buttons-set button, .buttons-set a, .buttons-set .back-link { clear:left; float:left; text-align:left; margin: 0; } .back-link { margin:15px 0; border-radius:3px; display:none; } .buttons-set { margin: 0 20px; } .buttons-set button, .account-create .buttons-set button, .account-login .buttons-set button { margin:0; } .buttons-set .back-link, .account-create p.required, .account-login .buttons-set { margin:5px 0; } .account-create .buttons-set { margin: 0 30px; } .block-account .block-title { background:none; padding-left:12px !important; margin-top: 2px; } .block-account li a:hover { background-position:2px -48px; } div.block.block-account { margin-top:-55px; } /* SHOPPING BAG %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table td { padding:10px 12px; } .cart .totals { text-align:right; margin: 0; float:right; } .cart .totals-inner { padding:10px 20px; text-align:right; overflow:auto; } .cart .totals table { width:100%; } .cart .totals td { padding: 1px 0 1px 7px; } .cart .totals tfoot th { padding: 5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals .checkout-types { text-align:right; float:right; clear:left; margin: 0; } .cart .totals .checkout-types li { clear:both; margin:5px 0; float:right; clear:left; } .cart .discount { padding: 0 10px; } .cart .discount input, .cart .discount button { float:left; } .cart .discount input.input-text { width:160px; margin-right:10px; } #co-shipping-method-form fieldset { padding: 0 15px; } /* THANK YOU FOR SHOPPING %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .thankyouright, .thankyouleft { float:left; width:45%; } .thankyouright { padding:20px; } /* mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { float: left; } #mini-cart .block-title { border-radius: 5px; padding-top: 0; padding-bottom: 0; white-space: nowrap; font-size: 16px; margin-top: 0; padding-left: 40px; height: 33px; cursor: pointer; line-height: 16px } #mini-cart .block-title .heading { float: left; width: 18px; height: 33px; padding-left: 20px; text-indent: -9999px; overflow: hidden; width: 100%; } #mini-cart .block-title .clearer { margin: 0; padding: 0; } #mini-cart .block-title #cartHeader { margin:8px 5px; float:left; text-decoration:none; padding-right:17px; } #mini-cart .block-title .subtotal { margin-left:5px; } #mini-cart .block-title .to-checkout { float:left; margin:0 0 0 5px; padding:0 7px; } #mini-cart .block-title .to-checkout .icon { width:9px; height:9px; display:inline-block; margin-left:5px; } .mini-cart-cart-container { width: 100%; float: left; } .mini-cart-checkout-container { width: 38%; float: left; height: 100%; border-radius: 0 5px 5px 0; } .mini-cart-checkout-container #mini-cart-checkout { font-size: 14px; padding: 7px 20px 8px 22px; margin-top: 0; margin-right: 0; } #mini-cart-checkout { float: right; margin-top: 8px; font-weight: normal; padding-right: 15%; } /* Cart on hover -------------------------------------------------------------- */ #mini-cart:hover .block-title, .mini-cart-hover { position:relative !important; z-index:3001 !important; /* Higher than ".block-content" */ } #mini-cart:hover .block-title #cartHeader, .cartHeaderHover { float:left; text-decoration:none; padding-right:17px; } #mini-cart:hover .block-title .to-checkout .icon { background-position:-9px -177px; } #mini-cart:hover .block-title .to-checkout:hover .icon { background-position:-18px -177px; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell { background-color:#fff !important; padding: 0; } .cart .crosssell h2 { padding:0 0 5px 0; } .cart .crosssell .product-image { float:left; margin: 0 5px 20px 5px; } .cart .crosssell h3.product-name { font-size:12px; } .cart .crosssell li.item { padding: 0; width:23%; margin-right:10px; height:100px; font-size:12px; } .cart .crosssell li.item.odd { float:left; clear:none !important; } .cart .crosssell li.item.even { float:left; } .cart .crosssell .btn-cart span { color:#666; font-size:12px; background:#fff !important; } .cart .crosssell .btn-cart:hover span { color:#000; background:#fff !important; } .cart .crosssell .btn-cart:active span { -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; } .cart .crosssell .add-to-links { float:left; margin:10px 0 0; } .cart .crosssell .price-box { margin:7px 0; line-height:15px; float:none; clear:none; } .cart .crosssell:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #shopping-cart-table .product-image img { width:60px; height:60px; } .data-table td.col-img { width:60px; } .totalsDivider { float:left; clear:left; width:100%; padding:10px 0; } #co-shipping-method-form fieldset { padding: 0 15px; } .cart .totals td.subtax { display:none; } /* MISC %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .stretched { margin-top: -10px; } .stretched, .product-view .box-additional { float:left; clear:left; width: 100%; } .gen-tabs .tabs-panels .panel { overflow:auto; } .mobileonly { display:none; } .mobilenot { display:block; } .box-additional .box-tabs { float:left; clear:left; } h2.legend { margin: 0 0 0 -10px !important; } .block-related-slider { margin-top:-20px; } .related-item { margin-bottom: 15px; } .grid-col2-sidebar .product-name { font-size:12px; margin-left:10px; width:60% !important; line-height: 14px; } .products-grid .price-box .old-price, .products-grid .price-box .rrp-price { font-weight:normal; } .special-price .price, .special-price .price-label, .old-price .price, .old-price .price-label, .rrp-price .price, .rrp-price .price-label { display:block; float:left; margin-right:5px; } p.special-price { float:left; clear:left; width:100%; height:25px; } .products-grid .product-name { margin-top: 15px; min-height: 35px; } .shopall, .actbutton { display:inline; padding:4px 8px; text-transform:none; border-radius: 3px; text-decoration:none; float:left; margin:5px 0 0 0; border-radius: 3px; } .shopall:hover, .actbutton:hover { color:#000; border:solid 1px #ccc; } .act-dropdown { width: 100%; text-align: left; margin-bottom: 10px; } .addthis_toolbox { margin:10px 0 10px 0; } .product-code { float:left; clear:left; } .brandLink { float:left; clear:left } /*#scroll-to-top { display: none; opacity:0; visibility:hidden; position: fixed; width: 50px; height: 50px; bottom: 20px; right: 20px; z-index: 9999; text-indent: -9999px; border-radius: 50% 50% 50% 50%; background: url("http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/sprite.png") no-repeat scroll -200px -100px rgba(0,0,0, 0.05);; }*/ .full-dir-cat { width:100%; } .full-dir-cat h1 { width:100%; padding:5px 0 3px 0; } .block-viewed { padding: 0 10px; margin:50px 0 10px 0 !important; } .block-viewed .block-title { border-bottom:none; } .block-reorder { display:none; } #map-nav { width:30%; } #map-display { width:70%; } #onestepcheckout-login-popup { border:solid 1px #ccc; border-radius:3px; background:#fff; padding:15px; width:300px; } #onestepcheckout-popup-wrapper { border:solid 1px #fff; background:#fff; } .footer-copyright { margin-left: 0; } /*Store Finder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #store_locator_form .location-search li.first { width:260px !important; } fieldset.fieldset { border:solid 1px #ccc !important; } #storefindersub { float:left; clear:left; } /* WAIT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #m-wait { position:absolute; font-size:1.1em; font-weight:bold; text-align:center; /*opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ z-index:20000; } #m-wait .loader, div.j2tajax-progress { width: 120px !important; height: auto !important; border-radius:0; font-weight:bold; text-align:center; z-index:20100; padding: 5px 60px; } .m-popup { position: absolute; background: white; z-index: 20100; } .m-popup-overlay { position: absolute; background: black; /*filter: alpha(opacity = 0); */ /* percent */ -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 10000; } .mini-cart-wait { width:100%; height:100%; background:#fff; position:absolute; margin:-15px; z-index: 100; text-align:center; vertical-align: middle; display:none; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages li li { margin:0; } .messages a { text-decoration:none; } .catalog-category-view .messages { margin-top:15px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:15px center !important; background-repeat:no-repeat !important; padding:15px 15px 15px 60px !important; font-size:12px !important; border:solid 1px #fff !important; } .note-msg.empty-catalog { padding:170px 10px 50px !important; text-align:center; } .cms-index-noroute .col-main .std { min-height:200px; } /* CATEGORY DESCRIPTION %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-desc, .category-asc { width:100%; overflow:auto; margin:0px 0px 0px 3px; } .category-desc-frame { padding:10px; } .category-desc-video { float:right; width:320px; margin:5px 10px 10px 10px; } /* FORMS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .fieldset { padding: 0; border:none; } .form-list .field { width:100%; } .form-list label { color:#000; font-weight:normal; } .list-select { padding:5px !important; } .form-list li { margin: 0; } li.fields { margin-top:15px; } /* MISC %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .managers-comment { float:left; clear:left; width:100%; margin-top:5px; } .managers-comment img, .managers-comment div.videoborder { float:left; margin:7px; width:65px; border:solid 1px #666; -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15); } .videoborder, .videoborder div { background-position: center !important; } .home-slider { float: left; position: relative; margin: 0; width: 100%; } .home-slider h3 { margin-bottom: 0; } .simple-products { margin-right:0px !important; margin-top: -5px; } /* %%%%%%%%%%%%%% BXSLIDER %%%%%%%%%%%%%% */ .home-slider-controls { width:80px; } .home-slider-controls a { position: absolute; top:12px; margin-top: -5px; outline: 0 none; width: 32px; height: 32px; text-indent: -9999px; } .bx-wrapper { position: relative; margin:0px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { background: #fff; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1000; } /* Homepage %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .top-links { font-size:14px; } .toplinks li a { line-height:2.666em; } .toplinks-desktop div { line-height: 2.666em; } .full-width-fix img { width:100%; } .brandslider { height: 90px; } #slide-wrap { position: relative; } /* ADDITIONAL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .submenushadow, .col-right #cartHeader { display:none; } .submenu-desktop { padding-bottom:13px; height:40px; border-bottom:none; } .toplinks-desktop { font-size:14px; } .std p { margin: 0 0 8px 0; } /* mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static cart block displayed in the header -------------------------------------------------------------- */ #mini-cart-loader { width:100%; height:100%; display:none; background:red; display:block; position:absolute; z-index:4000; } #mini-cart { position:relative; } .after-mini-cart { clear:both; } /* Content */ #mini-cart .block-content { z-index:3000; position:absolute; right:0; top:35px; padding:15px; width:250px; min-height:150px; text-align:left; /* Because cart can be aligned center */ border:solid 1px #ccc; border-top:none; } #mini-cart .block-content .block-content-inner { padding:25px; } #mini-cart .block-content .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .block-content .empty { padding:10px 0; } #mini-cart .product-name { margin-bottom: -3px; } #mini-cart .actions { margin: 10px 0px 0px 0px; padding: 10px 0; width: 100%; float:left; clear:left; border:none; text-align:left; } #mini-cart .actions button { float:left; margin-right:1px; } #mini-cart .actions button span span { padding:10px 15px 10px 35px; height:15px; line-height:15px; font-size:14px; } #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .block-content .pin:before { position: absolute; right:40px; top:-10px; width:0; height:0; border-style:solid; border-width:6px; content:""; } .sidebar .top-cart { display: none; } /* Cart on hover -------------------------------------------------------------- */ #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; } .top-cart .subtotal { float:left; clear:left; width:100%; margin:5px 0; } .block-title { font-size: 14px !important; } .border-left-right { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #departmentsNavD { width:210px; } .departmentsNavShadow { box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.1); } li.item.related-item { border-top:none; border-bottom: 1px dotted rgb(221, 221, 221); min-height:275px; width:46%; float:left; padding: 5px 2% 0 2%; } .block-related-slider .section-title { font-weight:bold; } .container { border-left: solid 1px #ddd; border-right: solid 1px #ddd; } .shipping_method_row { float:left; width:100%; margin:2px 0; } .shipping_method_item { float:left; margin-left:5px; } .mini-products-list li { float:left; clear:left; width:100%; } /* Checkout login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-login h2 { font-size:1.8em; border-bottom:none; text-transform:none; } .checkout-login button.button span span { height:35px; font-size:16px; line-height: 35px; padding: 0 15px; } .needhelp { font-size:14px; margin:3px 0; } /* Mini Cart Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart .block-content { width: 289px; padding: 0; } #mini-cart .block-subtitle { margin: 0 0 10px 0; padding: 5px 0; width: 100%; font-weight:normal; } #mini-cart .block-subtitle img { padding: 4px 0; } .mini-products-list { width: 94% !important; padding: 0 3%; float: none !important; } #cart-close { position: absolute; top: 0; right: 0; color: #000; padding-top: 5px; } #cart-close a { font-size: 1.0em; } #cart-close a:hover { text-decoration:none; } .mini-cart-wait { margin: 0; } #dropdown-mobile-btn { text-align: center; } #topCartContent { display:none; width: 287px; } .header-top-search-wrapper { float:left; margin:20px 0; max-width: none; width:100% !important; } /* Category Levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav dl { border-top: 0 !important; } .products-grid-bb .price-box { margin:5px 0px 0px 0px; font-size:1em; } .products-grid-bb .product-name { float:left; clear:left; } .products-grid-bb .product-image { display:block; margin:0 auto; position:relative; text-align:center; } .category-description { border-top: 0px; padding-top: 8px; padding-bottom: 11px; margin: 20px 0px 0 0 !important; } .catalog-listing { min-height: 900px; height:auto !important; /* IE */ height: 1092px; /* IE */ margin-top: 0px !important; } .category-products { float: none; width: auto; overflow: hidden; padding-left: 10px; } h5.section-title { background:#00656a; padding:8px 0px 8px 7px; color:#fff; white-space:nowrap; } .block-layered-nav .block-title span { color: #000 !important; padding: 0px 0px 0px 10px; } .block-layered-nav .block-title { background: #f6f4f1; padding: 12px 7px 13px 0px; border-bottom: 0px none; margin-top: 3px; } /* Quick Order %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-table td, .quick-table th { padding:10px 0; } .quick-content { border-bottom: 1px solid rgb(221, 221, 221); padding-left: 0!important; } .quick-input { font-size:1.15em; font-weight:bold; color:#006167; } .order-intro, .quick-order-subtitle { float: left; clear:left; } .quick-order-title { width: 100%; border-bottom: 1px solid rgb(221, 221, 221); } #quick-order-totals { padding: 15px; width: auto !important; } .quick-order-subtitle { width: 100%; } .order-intro { background: #F8F8F8; padding: 10px; } .header .welcome-msg { font-size: 14px; line-height: 2.666em; } .notice-msg { display:none; } /* Hide Shop by brand */ #nav > li > a.linkshopbybrand { display:block; } .product-view .add-to-box { padding:10px; width:95%; } .add-to-cart button.btn-cart { margin-left:10px; margin-right:0px; margin-top:2px; } .product-view .product-type-data { margin:0px; } .product-view .product-shop .product-name { margin: 0px ; } /* Static Info Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 90%; height: 90%; } .info-mainbody a:hover { color: #75c044; } .info-container { margin-bottom:12px; border: 0px dotted rgb(221, 221, 221); color: rgb(153, 153, 153); } .info-container a:hover, .info-container ul a:hover { color: #75c044; } .info-subhead { color:#004c57; font-size:16px; font-weight:bold; margin-bottom:6px; margin-top:14px; } .info-subtitle-1 { margin-bottom:10px; font-weight: bold; font-size:1.2em; } .info-subtitle-2 { color: #004c57; margin-top:25px; margin-bottom:10px; font-weight: bold; font-size:1.5em; } ul.infodisc li{ margin-left:25px; } #info-textwrap-left { float: left; margin-right: 15px; margin-bottom: 18px; } #info-textwrap-right { float: right; margin-left: 15px; margin-bottom: 18px; } #hor-zebra{ padding: 0 25px; width: 100%; text-align: left; border-collapse: collapse; background: rgb(246, 246, 246); } #hor-zebra .odd { background: rgb(238, 238, 238); } #hor-zebra th { padding: 8px 8px; text-align: left; font-size: 1.2em; font-weight:bold; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* FAQ Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { margin-bottom: 20px; } .acctitle, .acctitlec { display: block; position: relative; cursor: pointer; border-top: 1px dotted #DDD; line-height: 24px; padding: 12px 0 12px 32px; margin: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333; background: url("/media/robertdyas/static/toggle-plus.png") no-repeat left; } .acctitlec { background: url("/media/robertdyas/static/toggle-minus.png") no-repeat left; cursor: auto; } .acctitle:first-child { border-top: none; } .acc_content { position: relative; padding: 0 0 15px 32px; } #product-regular .old-price, .bx-viewport .old-price { font-size:13px; } .block-related-slider .old-price { font-size: 12.5px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% GENERAL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .main-container .main { max-width: 980px; } .wrapper { background-color: #fff; } .container { border: none; } .main-container .in-col1 { width: 100%; margin-left: 0; margin-right: 0; } .main-container .in-col2 { margin-left: 0; margin-right: 0; } .main-container .col-main .product-view { width: 100%; margin-left: 0; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .header { width: 100%; max-width: none; } .header-main, .header-top { max-width: 980px; margin-left: auto; margin-right: auto; } .header-width { max-width: 980px; margin-left: auto; margin-right: auto; } #submenu .grid-full { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } .submenu { background: #f5f5f5; text-shadow: 1px 1px 0 #fff; border-bottom:none; padding: 8px 0px 5px 0; float:left; width:100%; } .submenushadow { float:left; height:10px; width:100%; background:#fff; -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.3); } .submenu-heading { padding:2px 0px 3px 0px; text-align:center; font-size:14px; float:left; } .submenu-heading a { padding: 0; color: #555; } .submenu-sub { font-size:11px; color:#999; padding:0px; margin:0px; margin-top:-7px; } .submenu-heading a:hover { text-decoration:none; color: #B20303; } .submenu-desktop { padding-bottom: 0; height: 35px; max-width: 980px; margin-left: auto; margin-right: auto; } .header-top .item-right { margin-bottom: -13px; } .top-links, .toplinks-desktop { font-size: 12.5px; } .links li a { padding: 0 13px 0 0; } .links li:last-child a { padding: 0; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% NEW PRODUCT PAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .product-page-top, .product-page-bottom, .product-detail-name, .product-reviews-score, .product-short-desc, .product-codes, .product-action-container, .product-action-price, .product-action-basket, .product-action-delivery, .product-share-container { width: 100%; float: left; clear: left; } .product-page-top-media { width:50%; float:left; } .product-page-top-detail { width:50%; float:right; } .product-page-bottom-desc { width: 64%; float: left; } .product-page-bottom-cross { width: 35%; float: right; } .product-page-bottom-freq, .product-page-bottom-also { width: 100%; border: 1px solid #ccc; float: left; clear: left; } .product-page-bottom-also { margin-top: 10px; } .product-short-desc { margin-top: 5px; } .product-codes .product-code, .product-codes .exclmsg_productview { margin-top: 0 !important; color: #888; } .product-action-container { border: 1px solid #ccc; margin-top: 15px; } .product-action-price { margin-bottom: 8px } .product-view .product-type-data { padding: 13px 0px 5px; float: left !important; width: auto; clear: none !important; } .product-action-basket { background-color: #f1f1f1; border-bottom: 1px solid #ccc; float: left; } .product-action-basket input.input-text { padding: 8px 2px; } .product-action-basket .add-to-cart label { font-size: 14px; } .product-action-basket .add-to-box { width: 90%; padding: 13px 0px 0px; margin-left: 10px; } .product-action-basket .stockalert { padding: 2.5%; margin: 0; } .product-page-top-media #imagesFrame { border: 0; padding: 15px; } .product-action-container .deliveryalert { width: calc(100% - 50px); padding: 10px 0px 10px 50px; margin-top: 5px; font-size: 1.3em; } .deliveryalert-options { width: 100%; float: left; clear: left; margin-bottom: 10px } .tickicon { padding: 1px 0px 1px 28px; float: left; width: 39%; margin-left: 21px; } .crossicon { padding: 1px 0px 1px 28px; float: left; width: 39%; margin-left: 21px; } .product-share-container { margin-top: 10px; } .product-share { height: 16px; clear:left; float:left; margin-bottom: 20px; width:100%; } .product-share-container .fb_iframe_widget { float: left; clear: none; } .product-share-block { float:left; margin-left: 7px; height: 24px; } .share-facebook { margin-left: 0px; width: 27px; } .share-twitter { width: 58px; } .share-email { width: 22px; } .share-print { width: 22px; } .share-pinterest { width: 41px; } .fb-like { margin: 2px 0 0 5px; } #product-tabs .tabs { float: left; clear: left; width: 17%; } .product-view .box-additional { margin-top: 0; } #product-tabs .panel { padding: 0 3%; } #product-tabs .tabs-panels { float: left; width: 82%; border: 1px solid #ccc; margin-left: -1px; margin-right: -1px; min-height: 400px; } #product-tabs .tabs li { width: 100%; } #product-tabs .tabs li a { border: 1px solid #ccc; margin-bottom: -1px; padding: 6px 0 6px 10px; } #product-tabs .tabs li a.current { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; position: relative; margin-bottom: -1px; box-shadow: 0 4px 2px -2px #ccc; font-weight: bold; } .tabs-panels .panel p { margin: 4px 0; } .managers-comment { margin-top: 0; background: #f5f5f5; margin-bottom: 10px; } .managers-comment span { float:left; width:120px; color: #666; font-size: 12px; margin: 0 0 0 10px; line-height: 18px; color: #000; } .managers-comment a span:hover { text-decoration:none; } .managers-title { margin-bottom: 5px; font-weight: bold; } .managers-comment-left { display: none; float: left; width: 51%; padding: 2%; } .managers-comment-right { float: right; width: 95%; padding: 0 0 0 5%; margin: 2% 0; /*border-left: 1px solid rgb(204, 204, 204);*/ } .managers-comment div.videoborder { margin: 0; } .product-action-container .productview_msg { float: left; clear: none; overflow: hidden; margin: 16px 10px 0 10px; width: auto !important; } .stockmsg_productlist, .newmsg_productlist, .savemsg_productlist, .msrpmsg_productlist, .promomsg_productlist { color: #fff; } .stockmsg_productview, .newmsg_productview, .savemsg_productview, .promomsg_productview { color: #fff; width: auto; padding: 0; opacity: 1; margin: 0; font-weight: normal; } .promomsg_desc, .promomsg_link a { color:#db0000; } .stockmsg_productlist, .newmsg_productlist, .savemsg_productlist, .msrpmsg_productlist, .promomsg_productlist { font-size:14px; font-weight:bold; } .exclmsg_productlist { color: #75c709; font-size:11px; margin:1px 0 -19px 0; } .exclmsg_productview { color: #75c709; font-size:12px; } .stockmsg_productlist, .stockmsg_productview, .catt-main-title.best-buys { background: #75c709; } .newmsg_productlist, .newmsg_productview { background: #00b9dc; } .promomsg_productview, .promomsg_productlist, .promomsg-cart-item, .savemsg_productview, .savemsg_productlist, .msrpmsg_productlist, .sticker.sale { background: #EE3223; } .product-page-bottom-freq .section-title { display: none; } li.item.related-item { border-bottom: none; } .product-freq-title, .product-also-title { float:left; clear:left; width: 96%; margin-bottom: 20px; background-color: rgb(247, 247, 247); padding: 10px 2%; font-weight: bold; font-size: 1.1em; } /* bx-slider for product page */ .more-views .bx-wrapper .bx-controls-direction a { width: 21px; height: 11px; } .more-views .bx-wrapper .bx-prev { top: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } .more-views .bx-wrapper .bx-next { margin-left: auto; margin-right: auto; left: 0px; right: 0px; bottom: 0; top: 100%; margin-top: 5px; } .more-views .bx-wrapper img { width: 86px; height: 86px; border: 1px solid #cecece; } .more-views .bx-wrapper { width: 88px; position: absolute; top: 17px; left: 0; z-index: 101; } .more-views .bx-controls .disabled{ display: none; } .product-page-top-media #cloud-zoom-big { border: none; margin-right: 0; min-width: 98%; } .orbitvu-wrapper { max-height: 348px; width: auto !important; } .ovvvport { width: 100% !important; height: 100% !important; } #product-desc-left { float: left; clear: left; } /* Category Slider */ .bxslider-cat { margin: 0 0 5px 0; } ul.bxslider-cat li { width: 100% !important; } #cat-slider-prev a, #cat-slider-prev1 a, #cat-slider-prev2 a, #cat-slider-prev3 a { position: absolute; left: 0; top: 45%; z-index: 100; } #cat-slider-next1 a, #cat-slider-next2 a, #cat-slider-next3 a, #cat-slider-next4 a { position: absolute; right: 0; top: 45%; z-index: 100; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% COMMON WIDGET CSS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .block_widget-section { /*float: left;*/ clear: left; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; } .bxslider-pages { display: hidden; } .bws-noncar { margin: 15px auto; } .block_widget-plaintext { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .block_widget-LRhalf1 { float: left; width: 49%; } .block_widget-LRhalf2 { float: left; width: 49%; margin-left: 2%; } .block_widget-RLhalf1 { float: right; width: 49%; margin-left: 2%; } .block_widget-RLhalf2 { float: left; width: 49%; } .block-widget-66s { width: 33%; } .block-widget-66l { width: 65%; } .block_widget-link { margin-top: 8px; float:left; display: inline-block; position: relative; text-decoration: none; font-size: 13px; } .block_widget-link a { color: #000; } .block_widget-link a:before, .block_widget-link a:after { border-right: 1px solid; content: ''; display: block; height: 8px; margin-top: -6px; position: absolute; -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); right: -10px; top: 50%; width: 0; } .block_widget-link a:after { margin-top: -1px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% PAYPAL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .paypal-details { float: left; clear: left; } .paypal-express-address { float: left; clear: left; border-top: 1px solid #ccc; } .paypal-review-order h2.legend { text-transform: capitalize; padding: 0 0 3px 10px; } .paypal-review-order .info-set { padding: 15px 0 0 0; margin-top: 0; border-top: none; } .paypal-review-order #review-buttons-container { margin-bottom: 45px; } .paypal-review-order #order_review_form .data-table thead th { font-weight: bold; vertical-align: bottom; margin-top: 5px; } .paypal-review-order #order_review_form .data-table thead { border-bottom: none; } .paypal-review-order #review-buttons-container { margin-left: 0; } .paypal-name-fields label { float: left; width: 30%; font-size: 13.5px; } .paypal-name-fields .input-box { float: left; width: 65%; clear: none; } .paypal-review-order .form-list label.required em, .paypal-express-address .form-list label.required em { color: #D90000; float: left; position: relative; width: 5px; right: 0; } #paypal-methods { float: left; width: 100%; } /* MOBILE NAVIGATION %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mobnav { background-color: #fff; /* Old browsers */ background: #fff; color: #fff; text-transform:none; float:left; z-index:1100; border-top: 7px solid #fff; border-bottom: 7px solid #fff; } #mobnav > li > a { display: block; color: #fff; text-transform: none; font-size: 17px; padding: 0px 15px; line-height: 49px; float: left; text-decoration: none; width: 100%; padding: 0px; background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/mob-arrow-down-white.png) no-repeat; background-position: right center; webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; line-height: 35px; background: #e5e5e5; color: #000; /*border: 1px solid #bbb; */ border-top: 1px solid #fff; border-bottom: 1px solid #ccc; } #mobnav > li > a:hover { background: #DDD; color: #000; } #mobnav > li > a span { padding:0px 15px; } #mobnav > li > a.sub, .nav-special-mob { color: #000; width: 100%; border-top: none; border-bottom: none; font-size: 15px; line-height: 32px; padding: 0; background: #fff; /* background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/mob-arrow-right-grey.png) no-repeat, #fff ; background-position: right center; */ } .nav-special-mob { font-weight: bold; padding: 0 15px; width: auto; margin-top: 8px; } #mobnav > li > a.sub:hover { background: #f3f3f3; /* background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/mob-arrow-right-grey.png) no-repeat, #f3f3f3 ; background-position: right center; */ } #mobnav > li#mobmenu > a { background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%); /* W3C */ cursor:pointer; border: 1px solid #c6c6c6; line-height: 40px; } #mobnav > li#mobmenu > a:hover { border: 1px solid #c6c6c6; } #mobnav > li#mob-dept-1 > a, #mobnav > li#mob-dept-2 > a,#mobnav > li#mob-dept-3 > a, #mobnav > li#mob-dept-4 > a,#mobnav > li#mob-dept-5 > a, #mobnav > li#mob-dept-6 > a,#mobnav > li#mob-dept-7 > a, #mobnav > li#mob-dept-8 > a, #mobnav > li#mob-dept-9 > a, #mobnav > li#mob-dept-10 > a { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/mob-arrow-down-444.png) no-repeat, #e5e5e5; background-position: right center !important; color: #000; } #mobnav > li#mob-dept-1 > a:hover, #mobnav > li#mob-dept-2 > a:hover,#mobnav > li#mob-dept-3 > a:hover, #mobnav > li#mob-dept-4 > a:hover,#mobnav > li#mob-dept-5 > a:hover, #mobnav > li#mob-dept-6 > a:hover,#mobnav > li#mob-dept-7 > a:hover, #mobnav > li#mob-dept-8 > a:hover,#mobnav > li#mob-dept-9 > a:hover, #mobnav > li#mob-dept-10 > a:hover { background-color: #DDD; } /*default hidden */ #mob-dept-1,#mob-dept-2,#mob-dept-3,#mob-dept-4,#mob-dept-5, #mob-dept-6,#mob-dept-7,#mob-dept-8,#mob-dept-9,#mob-dept-10, #moblinkregular1,#moblinkregular2,#moblinkregular3, #moblinkspecial1,#moblinkspecial2,#moblinkspecial3 { display: none; } /* Mobile menu icon */ #mobnav .icon { float:left; width:23px; margin:13px 0px 0px 17px; } #mobnav .icon .line { background-color: #000; height: 3px; margin-bottom: 2px; } .mobile-hover, .mob-dept-1On,.mob-dept-2On,.mob-dept-3On,.mob-dept-4On,.mob-dept-5On, .mob-dept-6On,.mob-dept-7On,.mob-dept-8On,.mob-dept-9On,.mob-dept-10On { cursor:pointer; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/mob-arrow-down-444.png) no-repeat, #DDD !important; background-position: right center !important; color: #000 !important; } .mob-dept-1,.mob-dept-2,.mob-dept-3,.mob-dept-4,.mob-dept-5, .mob-dept-6,.mob-dept-7,.mob-dept-8,.mob-dept-9,.mob-dept-10 { display:none; } .shopby-department-blockTop { float:left; width:720px; height:35px; } #mobmenu .mobmenu-title { color: #000; } #mobnav > .md-first a.sub { border-top: 8px solid #fff; } #mobnav > .md-last a.sub { border-bottom: 8px solid #fff; } /* DESKTOP NAVIGATION %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .border-left-right{ border-right:solid 1px #ddd; border-left:solid 1px #ddd; } .nav { background:none; } .nav.container { background:#fff; width: 100%; max-width: none; } .mainnav-container { margin-right: auto; margin-left: auto; *zoom: 1; } /*.nav-tab1 { border-left: 1px solid #C3C3C3; } .nav-tab9 { border-right: 1px solid #FFF; }*/ .navbar ul { padding: 0; margin: 0 0 10px 0; } .navbar ul ul { margin-bottom: 0; } .navbar li { line-height: 20px; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .mainnav-bg { width: 980px; position: absolute; left: -2px; border-right:none; border-top:none; -webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 9px 10px rgba(0, 0, 0, 0.15); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .dropdown-menu { width: 980px; position: absolute; left:0px; z-index: 1000; display: none; float: left; margin: 2px 0 0; list-style: none; background-color: #ffffff; margin-top: 0; min-height: 460px; max-height: 460px; top: 42px; } .open { *z-index: 1000; } .open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu { display: block; } .close > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu { display: none; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .mainnav { margin-bottom: 20px; margin-left: 0; list-style: none; } .mainnav > .disabled > a:hover, .mainnav > .disabled > a:focus { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; } .navbar-inner-fill { border-bottom: 1px solid #bbb; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%); /* W3C */ } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .mainnav-container { max-width: 980px; position: relative; left: 0px; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar-fixed-top { z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-top .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .mainnav li a span { padding: 6px 10px; border-right:solid 1px #c3c3c3; border-left:solid 1px #fff; } .navbar .mainnav { left: 0; display: block; float: left; margin: 0; } .navbar a { text-decoration: none; } .navStop { border-right:solid 1px #017d82; } .department-active { border-left: solid 1px #c3c3c3; } .dropdown-toggle a:hover { text-decoration:none; } /*.dropdown-toggle span { padding-right: 20px; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-down-black.png) -10px -5px no-repeat ; background-position: right center; } UNCOMMENT FOR DROP DOWN ARROW */ .dropdown-toggle { width: auto; } .navbar .mainnav > li > a { display: block; padding: 5px 0; color: #000; line-height: 32px; font-size: 12px; text-decoration: none; font-weight: bold; } .linkshopbytab1 span { box-shadow: -1px 0 0 #c3c3c3; } /*.linkshopbytab9 span { box-shadow: 1px 0 0 #fff; }*/ .linkshopbyDelayHover { /* margin-top: -8px; border-top: solid 8px #fff;*/ background: #fff; cursor: pointer; /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/ text-decoration: underline !important; } .shopby-department-blockTop h6 { margin-top: 16px; } .shopby-hover, .flyout_hover, .dropdown_hover { display: block; } .home-hover { display: none !important; } .border_fix { border-right: none; } /* &&&&&&&&&&& DROPDOWNS &&&&&&&&&&& */ .navdropdown-main { position: absolute; left: -1px; right: 193px; top: 0; bottom: 0; padding: 12px; } .navdropdown-5cols { right: 0; } .navdropdown-right { position: absolute; width: 187px; margin-left:5px; right: 0; top: 0; bottom: 0; text-align: center; margin:15px 0px; padding-top: 15px; /* -webkit-box-shadow: -15px 0px 60px 25px #ffffff inset, 5px 0px 10px -5px rgba(0, 0, 0, 0.7) inset; -moz-box-shadow: -15px 0px 60px 25px #ffffff inset, 5px 0px 10px -5px rgba(0, 0, 0, 0.7) inset; box-shadow: -15px 0px 60px 25px #ffffff inset, 5px 0px 10px -5px rgba(0, 0, 0, 0.7) inset; */ } .navdropdown-viewall { float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 3px; display:none; } .navdropdown-viewall a:hover { text-decoration: underline; color: #333; } .navdropdown-column { float: left; width: 25%; } .navdropdown-column-5cols { width: 20%; } .navdropdown-block { line-height: 140%; float: left; margin-top: 15px; width: 95%; } .navdropdown-block a { float: left; clear: left; color: #000; } .navdropdown-block a:hover { color: #555; text-decoration: underline; } .navdropdown-block a:first-child { font-weight: bold; font-size: 12.5px; margin-bottom: 2px; } .navdropdown-block .viewall { color: #9C0101; } .navdropdown-block .viewall:hover { color: #CD2E0E; } .nav-collapse:last-child ul li a span { box-shadow: 1px 0px 0px #fff; } .navbar .nav-special-list { margin-top: 10px; } .navbar .nav-special-list li { line-height: 16px; } .navbar .nav-special-list li a { color: #000; } .navbar .nav-special-list li a:hover { text-decoration: underline; } /* DESKTOP NAVIGATION - SHOP BY BRAND %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* #brandsNav { border-top:none; padding:0px; width:100%; overflow:none; position:absolute; z-index:2000; background:#fff; } #shopbyBrandMenu{ float:left; margin:20px 20px 20px 20px; width:96%; } #shopbyBrandMenuLine { float:left; margin-top:-1px; width:100%; border-top:solid 1px #ccc; position:relative; z-index:9; bottom:0px; } #brandsNav #shopbyBrandMenu a { float:left; border:solid 1px #ccc; padding:8px 15px; margin:5px 0px 0px -1px; color:#006469; font-size:16px; position:relative; z-index:10; } #brandsNav #shopbyBrandMenu a:hover { color:#84cb14; text-decoration:none; } #brandsNav #shopbyBrandMenu a.brandLetterSelected { margin-top:0px; padding-top:13px; -webkit-box-shadow: 3px 0px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 0px 0px 0px rgba(0, 0, 0, 0.1); border-bottom:solid 1px #fff; } #shopbyBrandContent { float:left; clear:left; width:100%; height:240px; margin:0px 20px; } */ #body-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.2; z-index:1029; display:none; -ms-filter:"alpha(opacity=20)" } .navbar-inner-fillHover { background: #888; /* Old browsers */ background: -moz-linear-gradient(top, #aaa 0%, #888 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaa 0%,#888 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aaa 0%,#888 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aaa 0%,#888 100%); /* IE10+ */ background: linear-gradient(to bottom, #aaa 0%,#888 100%); /* W3C */ border-bottom: 1px solid #4a4a4a; opacity:.2; -ms-filter:"alpha(opacity=20)" } .mainnav-containerHover { float: none; margin-left: auto; margin-right: auto; width: 980px; min-height: 42px; background: #e5e5e5; /* Old browsers */ /*background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%); /* FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Opera 11.10+ background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* IE10+ background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%); /* W3C */ } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%% RYMAN STYLES %%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% GENERAL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ h1 { color:#d80a00; font-size:22px; } h3 { font-size:14px; } h5 { font-size:14px !important; font-weight:normal; color:#d80a00; } h3.section-title { color:#6abc00; font-size:18px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .ryman-header { width:100%; margin-left: 0; margin-right: 0; background: #d80a00; /* TEMP COLOR FILL */ } .header, .header a, .links li a { color: #fff; text-decoration:none; } .header a:hover, .links li a:hover { color: #fff; text-decoration: underline; } .ryman-nav { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% HOMEPAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .homepage-slider-full { width: 100%; margin-top: -60px; } .homepage-slider { width: 100%; margin-left: auto; margin-right: auto; } .homepage-slider .bx-wrapper { z-index: 49; width: 100%; } .homepage-slider .bx-viewport { width: 100%; } .homepage-slider .bx-viewport img { margin-left: auto; margin-right: auto; } .homepage-slider li { width: 100% !important; } #bx-pager-home { background-color: #fff; position: relative; z-index: 50; margin-top: -25px; max-width: 980px; margin-left: auto; margin-right: auto; } #bx-pager-home div div { float: left; color: #fff; font-size: 16px; text-align: center; height: 50px; /*padding: 10px 0 5px 0;*/ } #bx-pager-home div div p { text-align: center; margin: 0; } #bx-pager-home img{ margin-top: -21px; } #bx-pager-home .active div { position: relative; } #bx-pager-home .active div:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(52, 213, 34, 0); border-width: 10px; margin-left: -10px; } .home-submenu { filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#0F000000,endColorStr=#0F000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0F000000,endColorstr=#0F000000)"; zoom: 1; background: rgba(0, 0, 0, 0.05); position: absolute; top: 40px; left: 0px; height: 52px; width: 100%; } #subhome1, #subhome2, #subhome3, #subhome4 { max-width: 980px; margin-left: auto; margin-right: auto; padding: 8px; } .homepage-body { max-width: 980px; margin: 0 auto 0; } .homepage-banners { max-width: 980px; margin-bottom: 10px; width: 100%; float: left; clear: left; } .hbb { float: left; width: 320px; margin-top: 15px; } .hbb-3, .hbb-6, .hbb-9, .hbb-12 { margin-left: 10px; } .hbb-1, .hbb-4, .hbb-7, .hbb-10 { margin-right: 10px; } .home-slider { float: left; position: relative; margin: 10px 0px 0px; width: calc(100% - 2px); border: 1px solid #ccc; } .home-slider .section-title { background-color: #f6f6f6; padding: 8px 0 8px 8px; color: #555; } .home-slider #bxsliderBest-prev a.bx-prev, .home-slider #bxsliderNew-prev a.bx-prev, .home-slider #bxsliderBrand-prev a.bx-prev { top: 9px; right:35px; } .home-slider #bxsliderBest-next a.bx-next, .home-slider #bxsliderNew-next a.bx-next, .home-slider #bxsliderBrand-next a.bx-next { top: 9px; right: 0; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% SUBMENU %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .submenu { background: #f5f5f5; border-bottom:none; text-shadow: none; position: relative; z-index: 410; padding: 5px 0px 0px; } .submenu-heading { font-size: 15px; line-height: 15px; float: left; text-align: left; } .submenu-heading a { padding: 0; color: #666; } .submenu-text { font-size: 14px; line-height: 13px; float: left; margin-top: 4px; margin-left: -5px; } .submenu-text:hover a { text-decoration: none; } .submenu-heading-mob { float: left; padding-left: 2%; } .submenu-sub { float: center; clear: left; margin: 0 0 0; color: #888; } #submenu1 a { color: #000; } .submenu-heading a:hover { text-decoration: none !important; color: #888 !important; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BREADCRUMBS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .breadcrumbs li { font-size:12px; color:#7f7f7f; } .breadcrumbs li span { color:#999; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% SEARCH %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .header .form-search .input-text { color: #333; font-size: 14px; background-color: #fff; border-radius: 5px; -moz-box-shadow: inset 1px 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 1px 2px #eee; box-shadow: inset 1px 1px 1px 2px #eee; border-color: #bf0000; } .header .form-search .input-text:hover, .header .form-search .input-text:focus { color: #333; } .header .form-search .input-text:focus { border-color: #9c0101; } .header .form-search .search-autocomplete ul { background-color: #fff; } .header .form-search .search-autocomplete ul { border-radius: 5px; border:solid 1px #9c0101; } .header .form-search .search-autocomplete li { border-bottom: 1px solid #9c0101; color: #333; font-size: 14px; } .header .form-search .search-autocomplete li:hover { color: #cd2e0e; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% MINI-CART %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ #mini-cart .block-title { border: solid 1px #a60901; border-right:solid 1px #820601; padding: 0; border-radius: 5px; } #mini-cart .block-title .clearer { margin: 0; padding: 0; } #mini-cart .block-title #cartHeader { font-weight:normal !important; color:#fff; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-down-white-mobile.png) no-repeat ; background-position: right center; padding-left: 40px; } #mini-cart .block-title .price, #mini-cart .block-title #cartHeader span { color: #fff; } #mini-cart .block-title .to-checkout { border-left:1px solid #d51b12; } #mini-cart .block-title .to-checkout .icon { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/pix.png) -36px -177px no-repeat; } .mini-cart-checkout-container { background-color: #a60901; border: none; } .mini-cart-checkout-container:hover #mini-cart-checkout { color: #fff; } /* Cart on hover */ #mini-cart:hover .block-title, .mini-cart-hover { background-color: #830101; border: 1px solid #830101; } #mini-cart:hover .block-title #cartHeader, .cartHeaderHover { font-weight:normal !important; background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/arrow-down-white-mobile.png) no-repeat !important ; background-position: right center !important; } .spanWhite, #mini-cart:hover .block-title #cartHeader span, #mini-cart:hover .block-title .price, #mini-cart:hover .block-title #cartHeader, .cartHeaderHover { color:#fff !important; } #mini-cart:hover .block-title .heading { background:#000; } #mini-cart:hover .block-title .subtotal { border-left-color:#e5e5e5; } #mini-cart:hover .block-title .to-checkout:hover { color:#ce001a; } #mini-cart .block-content { top: 34px; } .totalsDivider { border-top:solid 1px #fff; border-bottom:solid 1px #ddd; } #mini-cart .actions { background:#f5f5f5; } #mini-cart .block-content a { color: #555; } #mini-cart .block-subtitle { background-color: #fff; border-bottom:dotted 1px #ccc; } #mini-cart .block-subtitle img { color:#666; } #cart-close a { color: rgb(51, 51, 51) !important; } #topCartContent { border: solid 1px #830101 !important; border-top: solid 3px #830101 !important; } .mini-cart-cart-container { width: 66%; float: left; } .mini-cart-checkout-container { border-left: 1px solid #d51b12; border-top: 1px solid #a60901; border-bottom: 1px solid #a60901; border-right: 1px solid #a60901; float: right; height: 100%; margin-bottom:-1px; } .mini-cart-checkout-container:hover { background-color: #830101; } #mini-cart-checkout { float: right; margin-top: 8px; font-weight: normal; padding-right: 15%; } /* Cart cross-sell */ .cart .crosssell .btn-cart span { color:#666; font-size:12px; background:#fff !important; } .cart .crosssell .btn-cart:hover span { color:#000; background:#fff !important; } #mini-cart .mini-cartMobile { border-radius: 0; border-width: 0; margin-right: -1px;/* min-height: 54px;*/ } #mini-cart:hover .mini-cartMobile { border-width: 0; } #mobile-headings, .mini-basket-prepend { display: none; } #mhb1 { border-right: 1px solid #D80A00; border-radius: 5px; } #mhb2 { border-right: 1px solid #D80A00; } #home-m-submenu .submenu-mobile { width: 96%; float: left; margin: 5px 2%; background-color: #f5f5f5; } #mobnav { width: 96%; margin: 0 2%; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CATEGORY LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .catalog-listing, .category-products { min-height: 10px !important; margin-bottom: 10px; } .category-products button.alert-stock span span { font-size: 11.5px; } .cat-box-head{ background:#f3f3f3; border:solid 1px #ddd; } .cat-box-head h5 a { color:#666; } .sorter { border: solid 1px #ddd; padding: 4px 0px 5px 0px; } .category-title { border-bottom:none; } .block-recently-viewd { border:solid 1px #ddd; border-bottom:none; overflow:auto; background:#fff; } .subcategorylisting { margin-top:0px; } .block-viewed { background: none repeat scroll 0% 0% #F7F7F7; padding-bottom: 7px; width: calc(100% - 2px); } .section-title { font-size: 1.4em; } .stock-message { color: #6abc00; font-weight: bold; font-size: 1.2em; } .stock-message-mobile { color: #6abc00; font-weight: bold; font-size: 1.2em; } .category-products-grid { border-top: none; margin-bottom: 10px; } #bbuys-side { display: none; } .category-products { margin-top: 0; } .view-mode { display: none; } .category-description { margin: 0 !important; padding-top: 5px; padding-bottom: 0px; border-bottom:none !important; } .products-list .product-name, .products-grid .product-name, h3.product-name { font-size:12px; line-height:16px; } .managers-comment { display: none; } .stockmsg_productlist, .stockmsg_productview { background: none repeat scroll 0% 0% #acacac; } .stockmsg_productview { padding: 5px 8px; float: right; } .product-action-price .promomsg_productlist, .product-action-price .promomsg-cart-item, .product-action-price .savemsg_productview, .product-action-price .savemsg_productlist, .product-action-price .msrpmsg_productlist, .product-action-price .sticker.sale { padding: 7px; margin-right: 5px; } .stockmsg_productlist, .newmsg_productlist, .savemsg_productlist, .msrpmsg_productlist, .promomsg_productlist { font-weight: normal; } .products-grid .price-box { font-size: 16px; font-weight: bold; } .promomsg_productview, .promomsg_productlist, .promomsg-cart-item, .savemsg_productview, .savemsg_productlist, .msrpmsg_productlist, .sticker.sale { background: none repeat scroll 0% 0% #cd2e0e; } .toolbar .pager { border-bottom: 2px solid #f1f1f1; } .category-text h2 { color: #000; font-size: 36px; position: absolute; bottom: 10%; margin: 0; left: 5px; line-height: 1em } .promomsg-cart-item-txt { color:#db0000; } tr.promomsg-cart-summary td, .promomsg-cart-summary td div, .promomsg-cart-summary td span { background: #db0000; font-weight:bold; font-size:12px; color:#fff; } tr.summary-total .summary-collapse { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/bkg_collapse_white.gif) 0 4px no-repeat; } .promomsg_productview, .promomsg-cart-item { color:#fff; } #product-regular { width: 100%; float: left; } #product-regular .product-name, #product-regular .price-box { width: 92%; padding: 0 4%; margin-top: 0px; } #product-actions-container { float: left; width: 92%; padding: 0 4%; } #product-actions-container .add-to-cart { margin: 0; float: right; } #product-actions-container { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/cat-actions_bg.png) 0 0 repeat-x; height: auto; border-top: 1px solid #ddd; } .category-products-grid .item { margin-top:20px; margin-bottom:5px; } .products-grid.equal-height .item .actions { float: left; width: 98%; padding: 0 1% 12px 1%; } .products-grid .product-image { width:92%; padding:10px 4%; } .products-grid .product-name { margin-top: 3px; } .prod-actions-quantity { float: left; } #product-actions-container .stockalert { margin: 8px 0 0 0; display: none; } #product-actions-container .qty-wrapper { float: left; } #product-actions-container .qty-wrapper input.input-text, textarea { padding: 5px 2px; } #product-actions-container .qty-wrapper select { padding: 4px 5px 4px 0px; } #product-actions-container { min-height: 50px; } .mini-actions-container { float: left; width: 96%; } #bbuys-wrap .prod-img-wrapper .products-grid img { padding: -0 2%; width: 96%; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% FOOTER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .footer-container { background-color: #68717A; } .footer-primary-container { margin-top: 200px; } .footer-primary { background: none; max-width: none; width: 100%; } .footer-primary-bottom-inner { border-top: none; padding-top: 10px; padding-bottom: 5px; } .footer-grid { max-width: 980px; margin-left: auto; margin-right: auto; } .footer-full { width: 100%; margin-right: 0; margin-left: 0; } .footer-full .section-space { padding: 0; } .footer-extend { background-color: #fff; border: 1px solid #ccc; margin-top: -200px; height: auto; width: 100%; float: left; clear: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .footer-banners, .footer-subscribe, .footer-connect { width: 100%; float: left; clear: left; } .footer-banner { float: left; width: 32%; padding: 15px 0 15px 1%; } .footer-banner-3 { padding: 15px 1% 15px 1%; } .footer-subscribe { height:50px; margin-bottom: 10px; } .footer-subscribe-intro { float: left; clear: left; margin: 10px 0 0 18px; border-right: 1px solid #d8d8d8; padding-right: 20px; } .subscribe-enter button.btn-inline { margin: 0 10px; } .subscribe-enter .input-box { float: left; } .subscribe-enter .input-box .input-text { width: 200px; color: #545D66; font-size: 14px; } .footer-subscribe-signup { float: right; clear: none; margin: 8px 0 0 0; width: auto; } .footer-subscribe { position: relative; } .footer-subscribe .subscribe-content { display: block; height: 50px; width: 100%; margin: 0; padding: 0 8px; position: relative; left: -8px; background: #f5f5f5; color: #51524D; border: 1px solid rgb(204, 204, 204); } .subscribe-competition input { padding: 8px 2px } .footer-connect { margin: 10px 0; } .footer-connect-left { float: left; clear: left; width: 20%; } .footer-connect-right { float: left; clear: none; width: 75%; margin-top: 10px; margin-left: 5%; } .fc-container { float: left; clear: none; width: 15%; } .fc-last { width: 10%; } .fc-twitter { background-position: -293px 0; } .footer-col { float: left; width: 23%; } .footer-col-last { float: left; width: 31%; } .footer-col-title-spacer { margin-top: 20px; } .footer-col-content { padding: 0 30px 0 0; } .footer-col-last .footer-col-content { padding: 0; } .footer-col-last #twitter-widget-0 { width: 100%; border-top: 1px solid #A0A0A0 !important; } .footer-col-last .footer-col-title { margin: 0px; padding-bottom: 10px; border-bottom: 1px solid #414B54; } .footer-col-title { color: #fff; font-size: 16px; font-weight: normal; } .footer-col-copy { color: #bbbcc1; font-size: 11px; line-height: 130%; margin-bottom: 15px; } ul.footer-col-list { border-top: 1px solid #414b54; border-bottom: 1px solid #a0a0a0; } .footer-col-list a, ul.footer-col-list li { color: #bbbcc1; } .footer-col-list a:hover, ul.footer-col-list li:hover { color: #fff; text-decoration: none; } .footer-col-list li { line-height: 140%; border-bottom: 1px solid #414b54; border-top: 1px solid #a0a0a0; list-style-type: square; list-style-position: inside; padding: 8px 0; } .footer-endblock { max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 70px; } .footer-endblock-left { float: left; clear: left; } .footer-endblock-right { float: right; clear: none; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BUTTONS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ button.button span { transition: color 100ms ease-in-out, background-color 100ms ease-in-out; -moz-transition: color 100ms ease-in-out, background-color 100ms ease-in-out; -webkit-transition: color 100ms ease-in-out, background-color 100ms ease-in-out; -o-transition: color 100ms ease-in-out, background-color 100ms ease-in-out; } a.button, button.button span, .shopall, .actbutton { background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #cecece 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#cecece 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#cecece 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#cecece 100%); /* W3C */ background-color: #f5f5f5; /* for IE9 and below */ color: #000; box-shadow: none; border-radius: 0; } a.button { padding:6px 10px; margin: 0 10px; } a.button:hover, button.button:hover span, .shopall:hover, .actbutton:hover { background: #b72613; /* Old browsers */ background: -moz-linear-gradient(top, #cd2e0e 0%, #b72613 100%, #cd2e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2e0e), color-stop(100%,#b72613), color-stop(100%,#cd2e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* W3C */ background-color: #b72613; /* for IE9 and below */ color: #fff; box-shadow: none; border-radius: 0; } button.button:hover span { color:#fff; background-color: #b72613; } button.button:active span { color: #FFF; background-color: #969696; box-shadow: none; } button.button { border: 1px solid #aaa; -webkit-border-fit: border; } button.button:hover { border: 1px solid #8b180a; } button.button span span { padding: 7px 10px; } button.btn-secure, button.btn-proceed-checkout, button.btn-cartdropdown-checkout, button.btn-cartdropdown, button.btn-checkout, button.btn-cart, button.create-button, button.btn-add-to-cart, button.alert-stock, button.btn-continue, button.btn-update, .subscribe-enter .btn-inline, .form-search button, button.btn-secure:hover, button.btn-proceed-checkout:hover, button.btn-cartdropdown-checkout:hover, button.btn-cartdropdown:hover, button.btn-checkout:hover, button.btn-cart:hover, button.btn-add-to-cart:hover, button.alert-stock:hover, button.btn-continue:hover, button.btn-cart-tiny, button.btn-update:hover .form-search button.button:hover { border: none !important; } /* BASKET BUTTONS */ /*Borders */ .product-action-basket button.btn-cart { border: 1px solid #288404; } /* Base */ button.btn-cartdropdown span, button.btn-prod-cart span, button.btn-checkout span, button.btn-secure span, button.grey span, button.btn-cart-tiny span, button.btn-checkout span, button.btn-prod-cart span, button.btn-cartdropdown-checkout span, button.btn-proceed-checkout span, button.btn-cart span { background: #249026; /* Old browsers */ background: -moz-linear-gradient(top, #59c44c 0%, #249026 100%, #59c44c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c44c), color-stop(100%,#249026), color-stop(100%,#59c44c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); /* IE10+ */ background: linear-gradient(to bottom, #59c44c 0%,#249026 100%,#59c44c 100%); /* W3C */ background-color: #249026; /* for IE9 and below */ color: #fff; box-shadow: none; border-radius: 0; } button.btn-secure span span, button.btn-secure:hover span span, button.btn-secure:active span span, button.btn-checkout span span, button.btn-checkout:hover span span, button.btn-checkout:active span span, button.btn-prod-cart span span, button.btn-prod-cart:hover span span, button.btn-prod-cart:active span span, button.btn-cart span span, button.btn-cart:hover span span, button.btn-cart:active span span { padding: 8px 15px 8px 42px; font-size:14px; background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/basket-small-white.png) 1px 0px no-repeat; border:solid 1px #16751d; } .product-view .btn-cart span span, .product-view .btn-cart:hover span span, .product-view .btn-cart:active span span { padding: 8px 15px 8px 42px; font-size:14px; border:solid 1px #16751d; } button.btn-cartdropdown span span, button.btn-cartdropdown:hover span span, button.btn-cartdropdown:active span span { padding: 7px 12px 7px 38px !important; font-size:13px; border:solid 1px #16751d; } button.btn-cart-tiny span span, button.btn-cart-tiny:hover span span, button.btn-cart-tiny:active span span, button.grey span span, button.grey:hover span span, button.grey:active span span { padding: 6px 10px 6px 30px; font-size:12px; border:solid 1px #16751d; } button.btn-proceed-checkout span span, button.btn-proceed-checkout:hover span span { padding: 8px 30px 8px 15px; font-size:15px; background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/proceedWhite.png) right 12px top 10px no-repeat; border:solid 1px #16751d; } button.btn-cartdropdown-checkout span span, button.btn-cartdropdown-checkout:hover span span { padding: 7px 30px 7px 12px !important; font-size:13px; border:solid 1px #16751d; } /* Hover */ button.btn-cartdropdown-checkout:hover span, button.btn-cartdropdown:hover span, button.btn-checkout:hover span, button.btn-secure:hover span, button.grey:hover span, button.btn-cart-tiny:hover span, button.btn-checkout:hover span, .product-view .btn-cart:hover span, button.btn-cart:hover span { background: #0b5c11; /* Old browsers */ background: -moz-linear-gradient(top, #37a334 0%, #0b5c11 100%, #37a334 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a334), color-stop(100%,#0b5c11), color-stop(100%,#37a334)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); /* IE10+ */ background: linear-gradient(to bottom, #37a334 0%,#0b5c11 100%,#37a334 100%); /* W3C */ background-color: #0b5c11; /* for IE9 and below */ color: #fff; box-shadow: none; border-radius: 0; } /* Active */ button.btn-cartdropdown-checkout:active span, button.btn-cartdropdown:active span, button.btn-checkout:active span, button.btn-secure:active span, button.grey:active span, button.btn-cart-tiny:active span, button.btn-checkout:active span, .product-view .btn-cart:active span, button.btn-cart:active span { background: #107515; /* Old browsers */ background: -moz-linear-gradient(top, #107515 0%, #107515 100%, #107515 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#107515), color-stop(100%,#107515), color-stop(100%,#107515)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #107515 0%,#107515 100%,#107515 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #107515 0%,#107515 100%,#107515 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #107515 0%,#107515 100%,#107515 100%); /* IE10+ */ background: linear-gradient(to bottom, #107515 0%,#107515 100%,#107515 100%); /* W3C */ background-color: #107515; /* for IE9 and below */ } .business-button { border: 1px solid #8B180A; padding: 7px 10px; height: 15px; line-height: 15px; font-size: 14px; color: #000; } .business-button:hover { border: 1px solid #000; color: #fff; text-decoration: none; } .business-button:active { background: #333; border: 1px solid #000; } .mini-products-list { width: 92% !important; padding: 0px 4%; float: none !important; } #mini-cart .actions button { float: left; margin-left: 5px; } #mini-cart .block-content a { font-size:11px; } #mini-cart .block-content:hover a { color:#000; } .add-to-cart button.btn-prod-cart { margin-top: 0; } #onestepcheckout-coupon-remove, button.btn-update span, button.btn-continue span { color:#000; background-color:#ddd; border:none; } button.btn-update span span, button.btn-continue span span { color:#000; } #onestepcheckout-coupon-remove:hover, button.btn-update:hover span, button.btn-continue:hover span { background-color:#ccc; } #onestepcheckout-coupon-remove:active, button.btn-update:active span, button.btn-continue:active span { color:#fff; background-color:#333; } button.alert-stock span { background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, #acacac; /* Old browsers */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -moz-linear-gradient(top, #ddd 0%, #acacac 100%, #ddd 100%); /* FF3.6+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#acacac), color-stop(100%,#59d70d)); /* Chrome,Safari4+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -webkit-linear-gradient(top, #ddd 0%,#acacac 100%,#ddd 100%); /* Chrome10+,Safari5.1+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -o-linear-gradient(top, #ddd 0%,#acacac 100%,#ddd 100%); /* Opera 11.10+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -ms-linear-gradient(top, #ddd 0%,#acacac 100%,#ddd 100%); /* IE10+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, linear-gradient(to bottom, #ddd 0%,#acacac 100%,#ddd 100%); /* W3C */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat; /* for IE9 and below */ background-color: #acacac; /* for IE9 and below */ color: #fff; box-shadow: none; border-radius: 0; } button.alert-stock span span { border: 1px solid #939393; font-size: 14px; padding: 8px 12px 8px 30px; } button.alert-stock:hover span { background: #969696; /* Old browsers */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, #969696; background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -moz-linear-gradient(top, #969696 0%, #353535 100%); /* FF3.6+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#353535)); /* Chrome,Safari4+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -webkit-linear-gradient(top, #969696 0%,#353535 100%); /* Chrome10+,Safari5.1+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -o-linear-gradient(top, #969696 0%,#353535 100%); /* Opera 11.10+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, -ms-linear-gradient(top, #969696 0%,#353535 100%); /* IE10+ */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat, linear-gradient(to bottom, #969696 0%,#353535 100%); /* W3C */ background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/icons-white.png) 5px -515px no-repeat; /* for IE9 and below */ background-color: #969696; /* for IE9 and below */ color: #fff; } button.alert-stock:hover span span { border: 1px solid #777; } .alert-stock-msg { font-size:11px; color:#666; } .subscribe-enter .btn-inline span, button.create-button span { background: #b72613; /* Old browsers */ background: -moz-linear-gradient(top, #d54932 0%, #b72613 100%, #d54932 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d54932), color-stop(100%,#b72613), color-stop(100%,#d54932)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d54932 0%,#b72613 100%,#d54932 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d54932 0%,#b72613 100%,#d54932 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d54932 0%,#b72613 100%,#d54932 100%); /* IE10+ */ background: linear-gradient(to bottom, #d54932 0%,#b72613 100%,#d54932 100%); /* W3C */ background-color: #b72613; /* for IE9 and below */ color: #fff; box-shadow: none; border-radius: 0; } .subscribe-enter button.btn-inline span span, button.create-button span span { border: 1px solid #8b180a; } button.create-button:hover span, .subscribe-enter .btn-inline:hover span { background: #969696; /* Old browsers */ background: -moz-linear-gradient(top, #969696 0%, #353535 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#353535)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #969696 0%,#353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #969696 0%,#353535 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #969696 0%,#353535 100%); /* IE10+ */ background: linear-gradient(to bottom, #969696 0%,#353535 100%); /* W3C */ background-color: #969696; /* for IE9 and below */ color: #fff; } .subscribe-enter button.btn-inline:hover span span, .subscribe-enter button.btn-inline:active span span, button.create-button:hover span span, button.create-button:active span span { border: 1px solid #000; } .subscribe-enter button.btn-inline:active span span, button.create-button:active span span { background: #353535; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% PRODUCT PAGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .fb-ie7wrap { float: left; clear: none; } /* Price Styles */ .product-action-price .regular-price { float: left; } .product-view .product-type-data .price-box { font-size: 26px; font-weight:normal; margin-top:5px !important; } .product-view .product-type-data .price-box .old-price, .product-view .product-type-data .price-box .rrp-price { font-weight:normal; font-size:18px; float: left; } .product-view .product-type-data .price-box .special-price { clear: none; width: 100%; } #product-options-wrapper, .product-view .product-action-price, .product-view .product-options-bottom, .product-action-basket .add-to-box { float: left; width: 95%; margin: 0 2.5% 0 2.5%; } .simpleCode { float:left; margin:4px 12px 0px 12px; } .product-view .product-action-price { margin-top: 7px; } .product-view .product-options-bottom, .product-action-basket .add-to-box { margin-bottom: 7px; } .product-action-basket .add-to-box { padding: 8px 0px 0px; } #product-options-wrapper dd { /*float: left;*/ margin-left: 0; } #product-options-wrapper .required { padding: 7px 3px 7px 0; } #product-options-wrapper .required em, .product-action-container p.required { display: none; } .product-action-container .productview_msg { margin: 0 10px 0px 0; float:left; } .product-view .product-type-data { padding: 0; clear:left !important; } .product-options-bottom .add-to-box, .product-view .add-to-cart { padding: 9px 0; background-color: #f1f1f1; border: 1px solid #dcdcdc; } #product-options-wrapper { border-top: 1px solid #dcdcdc; padding: 7px 0 0 0; margin-top: -7px; } .product-view .add-to-cart .qty-wrapper { margin: 0 0 0 8px; } .product-view .product-action-basket { background: none; border-bottom: none; } .product-view .regular-price .price { font-weight: normal; color: #444; } .product-page-top h1 { color: #444; } .product-page-top .product-short-desc { margin-top: 0; color: #555; } .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family: Arial,Helvetica,sans-serif; float:left; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box.map-info .old-price .price, .product-view .product-shop .price-box.map-info .rrp-price .price { font-size: 26px !important; } .old-price .price-label, .old-price .price, .rrp-price .price-label, .rrp-price .price{ color:#555; } /* 360 Colourscheme */ .ovviosfullscreen, .ovvloader { background-color: #cd2e0e !important; } /* Product View Delivery */ .delivery-available-clickcollect { display: none; float:left; margin:15px 0px 10px 0px; width:45%; padding:0% 0% 0% 3%; } .delivery-available-uk { float: left; width: 95%; padding: 0 2.5%; margin: 10px 0px 10px 0px; } .delivery-icon { float: left; margin: 0 5px 0 0; } .delivery-title { float: left; line-height: 8px; color: #000; font-size: 15px; } .delivery-title b { color:#000; } .delivery-detail { float:left; clear:left; margin-top:10px; width:220px; } .delivery-detail .tickicon, .delivery-detail .crossicon { padding:1px 0px 1px 25px; margin-left:0px; width:80px; } .delivery-detail .smalltext { float:left; clear:left; margin-top:0px; margin-left:5px; font-size:11px; color:#666; width:200px; } .add-to-cart input.qty { padding: 8px 2px; border: 1px solid #acacac; } .product-action-basket .stockalert { background-color: #F1F1F1; border: 1px solid #DEDEDE; width: 95%; margin: 0px 2.5%; padding: 10px 0px; text-align: left; display: none; } .product-action-basket button { margin-left: 10px; } .product-action-container .deliveryalert { padding: 10px 0px 5px 50px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% STATIC PAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .info-mainbody a:hover { color: #9c0101; } .info-container { margin-bottom:12px; border: 0px dotted rgb(221, 221, 221); color: rgb(153, 153, 153); } .info-container ul { margin: 8px 0; } .info-container ul li a { display: inline-block; width: 100%; margin-left: -20px; padding-left: 20px; vertical-align: top; } .info-container ul li:hover, .info-container ul li a:hover { background-color: #e4e4e4; color: #777; text-decoration: none } .info-subhead { color: #fff; font-size: 14px; font-weight: normal; margin-bottom: 6px; margin-top: 0; background-color: #969696; padding: 4px 0 4px 6px; } .info-subtitle-1 { margin-bottom:10px; font-weight: bold; font-size:1.2em; } .info-subtitle-2 { color: #444; margin-top: 25px; margin-bottom: 10px; font-weight: bold; font-size: 1.6em; } .info-subtitle-2, .acctitle, .acc_content, .accordion { float: left; clear: left; width: 90%; } .tabs-panels .info-subtitle-2 { margin-top: 0; } .tabs-panels .acctitle { line-height: 16px; font-size: 14px; } ul.infodisc li{ margin-left:25px; } #info-textwrap-left { float: left; margin-right: 15px; margin-bottom: 18px; } #info-textwrap-right { float: right; margin-left: 15px; margin-bottom: 18px; } .acctitle { background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/static/toggle-plus.png) no-repeat scroll left center transparent; } .acctitlec { background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/static/toggle-minus.png) no-repeat scroll left center transparent; cursor: pointer; } .hide-above-480, .hide-below-480 { margin-bottom: 8px; } .static-boxes, .static-text, .static-search { width: 100%; float: left; margin-bottom: 15px } .static-boxes li { width: 19%; margin-right: 1.25%; background-color: #f5f5f5; float: left; } .static-boxes li:last-child { margin-right: 0; } .static-box-img { width: 100%; } .cattlist { font-size: 1.0em; text-align:left; padding:0px; margin:0px; overflow:auto; } .cattlist { list-style:none outside none; float: left; width: 100%; } .cattlist li { width: 100%; line-height: 140%; border-bottom:solid 1px #ddd; border-top:solid 1px #fff; } .cattlist li a { font-size: 14px; color: #333; text-decoration: none; padding: 0 10px; display: block; padding: 5px 10px; } .cattlist li a:hover{ color: #CD2E0E; text-decoration: underline; } .cattlist-all a { font-weight: bold; } .cattlist-ie { margin-right: 0 !important; } .cattheader-a { font-size:4.2em; line-height: 110%; color:#fff; z-index: 1; position: absolute; bottom: 5%; left: 0; padding-left: 10px; } .cattheader-mobile { float: left; width: 100%; clear: left; margin: 8px 0; } .static-boxes { margin-top: 10px; } .static-search label { display: none; } .static-search input { width: 200px; font-size: 14px; } .static-search-text { font-size: 20px; margin-bottom: 8px; float: left; width: 100%; } .static-search #search_mini_form { margin: 0; } .static-search button.button span span { padding: 8px 20px; } .static-box-title { float: left; width: 100%; font-size: 15px; background-color: #666; } .static-box-title a { padding: 5px 0 5px 10px; color: #FFF; display: block; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CATEGORY LEVEL SIDEBAR %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .block-viewed, .block-layered-nav #narrow-by-list dt { color: #000; font-size: 13px; font-weight: bold; margin-bottom: 6px; margin-top: 0px; background-color: #ededed; padding: 4px 0px 4px 6px; border-top:1px solid #ccc; } .block-viewed { background: none; padding-left: 0; padding-top: 0; } .block-layered-nav { margin-bottom: 0; } .block-viewed .block-title { background-color: #ededed; padding: 4px 0px 4px 6px; } .block-viewed img { padding-left: 5px; } .block-viewed .block-title span { font-size: 13px !important; font-weight: bold; } .block-layered-nav #narrow-by-list { padding-left: 0; } .block-layered-nav .currently .label { color: #9c0101; } .block-layered-nav .block-title { background: #fff; font-size: 13px !important; padding: 15px 0px; margin: -5px 0 -1px 0; border: 1px solid #ccc; position: relative; } .block-layered-nav .block-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; } .block-layered-nav .block-title span { color: #000 !important; display: block; float: left; font-weight: bold; padding: 7px 0 7px 10px; } .block-layered-nav .currently { margin: 0px; float: left; width: 100%; background: #fafafa; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .block-layered-nav .currently ol { padding: 5px 10px; } .block-layered-nav .currently .block-subtitle { padding: 5px 10px 0 10px; } .block-viewed { margin-top: 15px !important; float: left; border: 1px solid #ccc; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CATEGORY LEVEL TOOLBAR %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .category-products { margin-top: -5px; } .simple-products { margin-top: 0; } .toolbar { border: none; color: #000; font-size: 13px; min-height: 47px; background-color: #f1f1f1; } .sorter { border: none; } .sorter select { padding: 4px 6px 5px 2px; margin-left: 5px; margin-top: -3px; } .sorter .sort-by .category-asc { width: 27px; height: 26px; border: 1px solid #ccc; margin-top: -2px; } .block-layered-nav .block-title { float: left; width: 100%; padding: 8px 0px!important; margin: -5px 0 0px 0; } .sorter .sort-by .category-asc { background-position: -2px -89px; background-color: #fff; } .sorter .sort-by .category-asc:hover { background-position: -62px -89px } .toolbar-viewall { padding: 6px; background-color: #fff; border: 1px solid #ccc; margin-right: 10px; text-decoration: none; } .toolbar-viewall:hover { text-decoration: none; background-color: #ddd; } .toolbar-viewall:active { color: #fff; text-decoration: none; background-color: #7A7A7A; } #pager-viewall, #pager-view15 { display: none; margin: 3px 0 0; } #pager-view15 { float: right; } .layered-nav-viewall { float: right; padding: 6px; background-color: #f1f1f1; border: 1px solid #CCC; margin-right: 10px; } .layered-nav-viewall:hover { text-decoration: none; background-color: #ddd; } .layered-nav-viewall:active { text-decoration: none; background-color: #bbb; } .toolbar .pager .pages { margin-top: 1px; } .sorter .limiter { display: none; float: right; margin: 0; } .sorter .pager { display: block; float: right; margin-right: 8px; } .toolbar-bottom { margin-top: -1px; } .toolbar-bottom .toolbar { min-height: 43px; border-bottom: 0px solid #ccc; } .toolbar-bottom .sorter { margin: 0; } .pager .amount, .sorter .amount, .sorter .sort-by { background: url('http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/link-separator.png') no-repeat scroll right center transparent; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ACCOUNT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .mobileNotice { display: none; } .my-account .page-title { border-bottom: solid 1px #ddd; } .my-account h2.legend { margin:5px 0px 10px 0px !important; padding:5px 0px; border-bottom:solid 1px #ddd; width:100%; } .my-account .buttons-set, .my-account .buttons-set button.button { margin-left: 0; } .account-login h2, .account-create h2 { text-transform: none !important; font-size: 1.8em; } .buttons-set button.button { float: left; } .my-account .separator { color: #fff; } .account-login h2, .account-create h2, .edit-address h2 { text-transform: none !important; font-size: 1.9em; color: #cd2e0e; } .account-login ul.form-list, label.required, .addresses-primary h2, .addresses-additional h2, .dashboard h2, .edit-address h2 { color: #000; } .edit-address h2 { margin-bottom: 5px !important; } .block-account .block-title { font-weight: bold; font-size: 1.4em !important; } .block-account li a:hover { color:#cd2e0e; } .shopall, .actbutton { border: 1px solid #ddd; -webkit-border-fit: border; margin-top:0px; } .shopall:hover, .actbutton:hover { border: 1px solid #8b180a; text-decoration: none; color: #fff; } .edit-address-right .add-field .input-box { margin-top: 5px; } .order-page .order-info { margin: 20px 0px 10px; border-bottom: 1px solid #e5e5e5; } tr.summary-total, tr.summary-total .summary-collapse { cursor: default; } tr.summary-details-first td { border-top: 0px solid #D5D5D5; } tr.summary-details td { font-size: 12px; background-color: #fff; color: #000; padding: 5px 9px !important; } .dashboard .box-recent .box-head h2 { background-image: none; } /* Swatches extra CSS */ .prod-more-views .cloud-zoom-gallery img { border: 1px solid #cecece; min-width: 85px; min-height: 85px; max-width: 85px; max-height: 85px; margin-bottom: 5px; } .prod-qty-title, .products-grid #amconf-block label.required { color: #555; font-size: 11px; } .prod-qty-title { padding: 0; width: 96%; } .products-grid .amconf-image { padding: 2px; min-height: 16px; min-width: 16px; max-height: 16px; max-width: 16px; } .products-grid .price-box { float: left; height: 36px; margin: 0 0 5px 0; } .products-grid .amconf-image-selected { padding: 2px; } #amconf-block { float: left; clear: left; margin: 5px 0px 5px 0px; width: 96%; /*border: 1px solid red;*/ } #prod-bot { float: left; } /* Email to a Friend */ #product_sendtofriend_form .buttons-set button { margin-left: 0; } #product_sendtofriend_form .fieldset { margin-top: 0; } /* Account Edit Page */ .ac-edit1 { float: left; width: 57%; margin: 0 3% 0 0; } .ac-edit2 { float: left; width: 38%; margin: 0 0 0 2%; } .account-login .registered-users { width: 45%; margin-right: 4%; } .upgrade-cd { width: 65%; } .company-edit select, .add-address-country select, .edit-company-address-right #_cp_result_display select { width: 100%; } .add-address-right #_cp_button_div_id button, .edit-company-address-right #_cp_button_div_id button { float: right; margin-right: 1%; } .edit-company-address-right #_cp_button_div_id .input-box { float: right; } .edit-company-address-right #_cp_result_display { width: 64%; } .add-address-right #_cp_result_display { float: left; margin-bottom: 10px; margin-left: 35%; } .edit-company-address-right #_cp_result_display select, .add-address-right #_cp_result_display select { direction: rtl; } .edit-company-address-right .add-field { margin-left: 35%; } .edit-company-address-right .add-field .input-box { width: 97%; } .add-address-right #_cp_result_display select { width: 99%; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% GLOBAL MESSAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ ul.messages { border: 0; } ul.messages a.button { border: 1px solid #ccc; } ul.messages a.button:hover { border: 1px solid #830101; } .catalog-category-view .messages { margin: 0; } .notice { color:#ccc; } .error-msg { color: #ff0000; font-weight: bold; border: 1px solid #ccc !important; } .success-msg { color: #000; font-weight: bold; border: 1px solid #ccc !important; } .note-msg, .notice-msg { color: #000; font-weight: bold; border: 1px solid #ccc !important; } .note-msg.empty-catalog { background:url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/img/empty-catalog.png) center 30px no-repeat transparent !important; color:inherit; } #advice-validate-email-newsletter { max-width: 195px; background-color: #FFF; padding: 5px; margin-top: 0; } .productlist_msg { left: 0; bottom:5px; } .prod-messages { display: block; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% PROMO MESSAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .stockmsg_productlist, .newmsg_productlist, .savemsg_productlist, .msrpmsg_productlist, .promomsg_productlist { padding:5px 10px; opacity:1; font-size:13px; font-weight:bold; } .stockmsg_productview, .newmsg_productview, .savemsg_productview, .promomsg_productview { float:left; padding:6px 10px; font-size:15px; font-weight:bold; opacity:1; margin:0px 0px 5px 0px; } .promomsg_link a { text-decoration: underline; } .exclmsg_productview { float:left; margin:5px 0 0 0; opacity:1; } .promomsg-cart-item { padding:5px 10px 7px 10px; float:left; margin:5px 0; font-size:12px; font-weight:bold; opacity:1; } .stockmsg_productlist { background: none repeat scroll 0% 0% #F0F0F0; color: #6B6B6B; border: 1px solid #DDD; opacity: 0.8; width: 102%; margin-left: -6%; border-top: none; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CREATE AN ACCOUNT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .account-create .page-title { margin-left: 0; } .create-radio { float: left; } .signup-fields label, .edit-fields label { float: left; clear: left; width: 30%; margin: 1.5px 0; font-size: 13.5px; } .edit-fields label { width: 35%; } .signup-fields label em, .edit-fields label em { display: none; } .signup-fields div, .edit-fields div { float: left; clear: none !important; width: 60%; padding-right: 10%; margin: 1.5px 0; } .edit-fields div { width: 63%; padding-right: 0; } .signup-fields .customer-name-prefix, .edit-fields .customer-name-prefix { clear: left !important; width: 100%; padding-right: 0; } .signup-fields .name-prefix select, .edit-fields .name-prefix select { width: 50%; } .signup-fields input, .edit-fields input { width: 100% !important; } .signup-fields .customer-name, .edit-fields .customer-name { width: 100%; padding: 0; margin: 0; } .signup-fields .name-firstname, .signup-fields .name-lastname, .edit-fields .name-firstname, .edit-fields .name-lastname { padding: 0; } button.create-button { border: 1px solid #8B180A; } button.create-button span, .business-button { background: #b72613; /* Old browsers */ background: -moz-linear-gradient(top, #cd2e0e 0%, #b72613 100%, #cd2e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2e0e), color-stop(100%,#b72613), color-stop(100%,#cd2e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); /* W3C */ background-color: #b72613; /* for IE9 and below */ color: #fff; } button.create-button:hover { border: 1px solid #000; } button.create-button:hover span, .business-button:hover { background: #969696; /* Old browsers */ background: -moz-linear-gradient(top, #969696 0%, #353535 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#353535)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #969696 0%,#353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #969696 0%,#353535 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #969696 0%,#353535 100%); /* IE10+ */ background: linear-gradient(to bottom, #969696 0%,#353535 100%); /* W3C */ background-color: #969696; /* for IE9 and below */ color: #fff; } .vatDisplay { float:right; margin-right:5px; margin-top:10px; } #changeVATDisplay { text-decoration:underline; color:#d80a00; } .price-including-tax .label, .price-excluding-tax .label { float:left; font-size:12px; color:#666; font-weight:normal; margin:2px 5px; } #product-regular .price-box { width:auto; } .products-grid #product-regular .price-box { width:90%; } .price-including-tax .price, .price-excluding-tax .price { font-weight:bold; float:left; } .product-action-container { margin-top:5px; } .product-view .product-type-data .price-box .price-including-tax .label, .product-view .product-type-data .price-box .price-excluding-tax .label { margin-top:5px; } #shopping-cart-totals-table .subdeliverymethod, #shopping-cart-totals-table .subdeliveryvalue { display:none; } .zindexHover { z-index: 10 !important; } .cart .totals tfoot td strong { font-size:14px; } .data-table th { padding:7px; } /* %%%%%% Store Locator &&&&& */ #storelocator-container .toolbar-viewall { display: none; } /* %%%%%% Success Page &&&&& */ .thankyouright { padding: 0; } .thankyouright, .thankyouleft { float: left; margin-right: 5%; width: 45%; } .paypal-review-order #order_review_form .data-table thead th { background-color: #D80A00; color: #FFF; } /* %%%%%% Flipbook &&&&& */ .flip-box { display: table; width: 100%; height: 100%; } .flip-container { display: table-cell; vertical-align: middle; text-align: center; } .flip-rel { position: relative; } .flip-book { margin: 0 auto; width: 100%; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flip-book .page { height: 100%; } .flip-book .page img { max-width: 100%; height: 100%; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% RYMAN IMAGE SPRITE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .fc-block, .footer-twitter-logo, .footer-cards, .more-views .bx-wrapper .bx-prev , .more-views .bx-wrapper .bx-next, #view-360-bg, .sloc-phone_icon, .home-slider #bxsliderBest-prev a.bx-prev, .home-slider #bxsliderNew-prev a.bx-prev, .home-slider #bxsliderBrand-prev a.bx-prev, .home-slider #bxsliderBest-next a.bx-next, .home-slider #bxsliderNew-next a.bx-next, .home-slider #bxsliderBrand-next a.bx-nex, .submenu-icon, .product-share-block, .header .form-search .button, #subscribe-message, #connect-img, .breadcrumbs li span, #mini-cart .block-title, .block-layered-nav dd li, .block-layered-nav .currently ol li, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .cart-table .btn-update > span, .cart-table .btn-update:hover > span, .cart-table .btn-continue > span, .cart-table .btn-continue:hover > span, .error-msg, .success-msg, .note-msg, .notice-msg, .tickicon, .crossicon, .product-action-container .deliveryalert, .btn-remove, .btn-remove2, .btn-remove:hover, .btn-remove2:hover, .product-view .btn-cart span span, .product-view .btn-cart:hover span span, .product-view .btn-cart:active span span, button.grey span span, button.grey:hover span span, button.grey:active span span, button.btn-cart-tiny span span, button.btn-cart-tiny:hover span span, button.btn-cart-tiny:active span span, button.btn-cartdropdown-checkout span span, button.btn-cartdropdown-checkout:hover span span, button.btn-cartdropdown span span, button.btn-cartdropdown:hover span span, button.btn-cartdropdown:active span span, .sloc-details-phone_icon, .share-print-sloc, .storehours-icon, .cart-lorry, .cart-tick, .cart-secure { background: url(http://skin.ryman.co.uk/skin/frontend/ultimo/ryman/images/primary_sprite4.png) no-repeat; } /* Breadcrumbs */ .breadcrumbs li span { background-position: -84px -77px; } /* Footer */ .fc-block { float:left; height: 60px; width: 48px; } .fc-twitter { background-position: -293px 0; } .fc-facebook { background-position: -293px -61px; } .fc-googleplus { background-position: -293px -122px; } .fc-blog { background-position: -293px -183px; } .fc-instagram { background-position: -293px -244px; } .fc-pinterest { background-position: -293px -305px; } .fc-youtube { background-position: -293px -366px; } .fc-twitter:hover { background-position: -341px 0; } .fc-facebook:hover { background-position: -341px -61px; } .fc-googleplus:hover { background-position: -341px -122px; } .fc-blog:hover { background-position: -341px -183px; } .fc-instagram:hover { background-position: -341px -244px; } .fc-pinterest:hover { background-position: -341px -305px; } .fc-youtube:hover { background-position: -341px -366px; } .footer-twitter-logo { background-position: -0 -337px; float:left; height: 24px; width: 24px; } .footer-cards { float: left; width: 41px; height: 44px; } .fc-norton { background-position: 0px -418px; width: 98px; } .fc-visa { background-position: -114px -425px; } .fc-visadelta { background-position: -155px -425px; } .fc-amex { background-position: -196px -425px; } .fc-maestro { background-position: -237px -425px; } .fc-mastercard { background-position: -278px -425px; } .fc-paypal { background-position: -361px -425px; } #subscribe-message { background-position: 0 -465px; width: 534px; height: 30px; } #connect-img { background-position: 0 -171px; width: 226px; height: 77px; } /* Product Page */ #view-360-bg { background-position: -123px -248px; } .more-views .bx-wrapper .bx-prev { background-position: -230px -143px; } .more-views .bx-wrapper .bx-next { background-position: -260px -143px; } .more-views .bx-wrapper .bx-prev:hover { background-position: -230px -157px; } .more-views .bx-wrapper .bx-next:hover { background-position: -260px -157px; } .share-facebook { background-position: 0 -71px; } .share-twitter { background-position: -106px -144px; } .share-email { background-position: 0 -144px; } .share-print { background-position: -27px -144px; } .share-pinterest { background-position: -176px -144px; } .share-googleplus { background: none; margin-top: 2px; width: 32px } .tickicon { background-position: -502px -263px; } .crossicon { background-position: -502px -311px;; } .product-action-container .deliveryalert { background-position: -491px -223px; } /* Buttons */ button.btn-cartdropdown-checkout span span, button.btn-cartdropdown-checkout:hover span span { background-position: 83px -369px; } button.btn-cartdropdown span span, button.btn-cartdropdown:hover span span, button.btn-cartdropdown:active span span { background-position: -501px -42px; } .cart-table .btn-update > span { background-position: -510px -347px; background-color: #eee; } .cart-table .btn-update:hover > span { background-position: -510px -347px; background-color: #ddd; } .cart-table .btn-continue > span { background-position: -509px -382px; background-color: #eee; } .cart-table .btn-continue:hover > span { background-position: -509px -382px; background-color: #ddd; } .product-view .btn-cart span span, .product-view .btn-cart:hover span span, .product-view .btn-cart:active span span { background-position: -502px -41px; } button.grey span span, button.grey:hover span span, button.grey:active span span { background-position: -511px -496px; } button.btn-cart-tiny span span, button.btn-cart-tiny:hover span span, button.btn-cart-tiny:active span span { background-position: -511px -496px; } /* Homepage */ .home-slider #bxsliderBest-prev a.bx-prev, .home-slider #bxsliderNew-prev a.bx-prev, .home-slider #bxsliderBrand-prev a.bx-prev { background-position: -228px -190px; } .home-slider #bxsliderBest-next a.bx-next, .home-slider #bxsliderNew-next a.bx-next, .home-slider #bxsliderBrand-next a.bx-next { background-position: -261px -190px; } .home-slider #bxsliderBest-prev a.bx-prev:hover, .home-slider #bxsliderNew-prev a.bx-prev:hover, .home-slider #bxsliderBrand-prev a.bx-prev:hover { background-position: -228px -220px; } .home-slider #bxsliderBest-next a.bx-next:hover, .home-slider #bxsliderNew-next a.bx-next:hover, .home-slider #bxsliderBrand-next a.bx-next:hover { background-position: -261px -220px; } /* Submenu */ .submenu-icon { float:left; height: 40px; width: 50px; } .submenu-img-1 { background-position: -171px -332px; } .submenu-img-2 { background-position: -110px -332px; } .submenu-img-3 { background-position: -234px -332px; } .submenu-img-4 { background-position: -42px -334px; width: 60px; } /* Header */ .header .form-search .button { background-position: -241px -5px; } #mini-cart .block-title { background-position: -498px 7px; background-color: #a60901; } /* Category Level */ .block-layered-nav dd li, .block-layered-nav .currently ol li { background-position: -527px -28px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position: -522px -28px; transition: background-position 150ms ease-in-out; -moz-transition: background-position 150ms ease-in-out; -webkit-transition: background-position 150ms ease-in-out; -o-transition: background-position 150ms ease-in-out; } .sorter .sort-by .category-desc { background-position: -435px -430px; background-color: #f5f5f5; } .sorter .sort-by .category-desc:hover { background-position: -405px -430px; background-color: #ddd; } .sorter .sort-by .category-asc { background-position: -437px -431px; background-color: #f5f5f5; } .sorter .sort-by .category-asc:hover { background-position: -407px -431px; background-color: #ddd; } /* Basket & Checkout */ .btn-remove { background-position: -404px -385px; } .btn-remove:hover { background-position: -422px -385px; } .btn-remove2 { background-position: -39px -263px; } .btn-remove2:hover { background-position: -56px -263px; } .cart-lorry { background-position: -398px -91px; } .cart-tick { background-position: -400px -177px; } .cart-secure { background-position: -400px -138px; } /* Messages */ .error-msg { background-position: -489px -121px !important; background-color:#ededed; } .success-msg { background-position: -489px -74px !important; background-color:#ededed; } .note-msg, .notice-msg { background-position: -489px -177px !important; background-color:#ededed; } /* Store Locator */ .sloc-phone_icon { background-position: -399px 4px; float: left; clear: left; height: 16px; width: 16px; } .sloc-details-phone_icon { background-position: -105px -250px; } .share-print-sloc { background-position: -39px -71px; width: 20px; height: 20px; } .phone-icon-row { background-position: -400px -30px; } .storehours-icon { height: 20px; width: 22px; background-position: -397px -59px;} .infoWindow .sloc-phone_icon { background-position: -401px -24px; height: 20px; } /* %%%%%%% EMPTY %%%%%%%*/