/** * * * @version $Id$ * @copyright the OTHER media, 10 May, 2012 * @category design * @package paulsmith_stripes * @author Gareth Estchild */ /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* iron out browser differences - http://necolas.github.com/normalize.css/ */ /* Fonts.com ================================================ */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */ /*@font-face {*/ /*font-family: "Univers Next W01 Bold";*/ /*src: url("../fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot?#iefix");*/ /*src: url("../fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot?#iefix") format("eot"), url("../fonts/7b11912a-986d-462e-b88a-4a1758eb23f1.woff") format("woff"), url("../fonts/545a8d94-3389-418c-9b0a-bfc16d1f8285.ttf") format("truetype"), url("../fonts/f499fe08-3b8d-4033-a5cf-9089676d1ca5.svg#f499fe08-3b8d-4033-a5cf-9089676d1ca5") format("svg");*/ /*}*/ @font-face { font-family: "Univers Next W01 Bold"; src: url("../fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot"); src: url("../fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot?#iefix") format('embedded-opentype'), url("../fonts/545a8d94-3389-418c-9b0a-bfc16d1f8285.ttf") format("truetype"), url("../fonts/7b11912a-986d-462e-b88a-4a1758eb23f1.woff") format("woff"), url("../fonts/f499fe08-3b8d-4033-a5cf-9089676d1ca5.svg#f499fe08-3b8d-4033-a5cf-9089676d1ca5") format("svg"); } @font-face { font-family: "UniversNextW01-Regular"; src: url("../fonts/6a8ecc96-ca25-462d-b743-4d3a0a56488b.eot?#iefix"); src: url("../fonts/6a8ecc96-ca25-462d-b743-4d3a0a56488b.eot?#iefix") format("eot"), url("../fonts/cb3c8591-6f6f-498c-b8e7-ee3a9d0a7547.woff") format("woff"), url("../fonts/65a9b4cb-e63b-452a-bea2-bd37cc2b10f6.ttf") format("truetype"), url("../fonts/a7a08b81-ee91-4e2b-b0ac-2a87a44e0eda.svg#a7a08b81-ee91-4e2b-b0ac-2a87a44e0eda") format("svg"); } @font-face { font-family: "ps-icon-font"; src:url("../fonts/ps-font-icon.eot"); src:url("../fonts/ps-font-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/ps-font-icon.woff") format("woff"), url("../fonts/ps-font-icon.ttf") format("truetype"), url("../fonts/ps-font-icon.svg#ps-font-icon") format("svg"); font-weight: normal; font-style: normal; } /* Variables ================================================ */ /* contains all default settings for site, e.g. colours used */ /* Mixins =================================================== */ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* convert pixels to rems (and percentages) for browsers that support rems and provide fallback for those that don't */ /* utilises html font size of 62.5% (10px assuming a default browser font of 16px )*/ /* FIXME - padding rem version padding em version */ /* FIXME - left/right based font and on percentages of container */ /* /convert pixels to rems (and percentages) for browsers that support rems and provide fallback for those that don't */ /* ARROWS */ .dkgrey_rightarrow_left { background-image: url(../images/arrows.png); background-position: -7px 4px; background-repeat: no-repeat; } .dkgrey_rightarrow_right { background-image: url(../images/arrows.png); background-position: 100% 6px; background-repeat: no-repeat; } .dkgrey_leftarrow_left { background-image: url(../images/arrows.png); background-position: 0 -92px; background-repeat: no-repeat; } .dkgrey_leftarrow_small_left { background-image: url(../images/arrows.png); background-position: -7px -1192px; background-repeat: no-repeat; } .white_rightarrow_right { background-image: url(../images/arrows.png); background-position: 100% -191px; background-repeat: no-repeat; } .dkgrey_rightarrow_thin_left { background-image: url(../images/arrows.png); background-position: 0 -293px; background-repeat: no-repeat; } .dkgrey_rightarrow_thin_right { background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; } .dkgrey_leftarrow_thin_left { background-image: url(../images/arrows.png); background-position: 0 -1712px; background-repeat: no-repeat; } .dkred_rightarrow_thin_left { background-image: url(../images/arrows.png); background-position: 0 -393px; background-repeat: no-repeat; } .dkred_rightarrow_thick_left { background-image: url(../images/arrows.png); background-position: 0 -698px; background-repeat: no-repeat; } .dkred_rightarrow_thin_right { background-image: url(../images/arrows.png); background-position: 100% -393px; background-repeat: no-repeat; } .dkgrey_rightarrow_thick_right { background-image: url(../images/arrows.png); background-position: 100% -592px; background-repeat: no-repeat; } .dkgrey_downarrow_thick_right { background-image: url(../images/arrows.png); background-position: 100% -492px; background-repeat: no-repeat; } .dkgrey_downarrow_thicksmall_right { background-image: url(../images/arrows.png); background-position: 100% -1094px; background-repeat: no-repeat; } .ltgrey_doublearrow_left { background-image: url(../images/arrows.png); background-position: 0 -796px; background-repeat: no-repeat; } .ltgrey_doublearrow_right { background-image: url(../images/arrows.png); background-position: 100% -846px; background-repeat: no-repeat; } .dkgrey_doublearrow_left { background-image: url(../images/arrows.png); background-position: 0 -896px; background-repeat: no-repeat; } .dkgrey_doublearrow_right { background-image: url(../images/arrows.png); background-position: 100% -946px; background-repeat: no-repeat; } .dkgrey_rightarrow_thick_long_right { background-image: url(../images/arrows.png); background-position: 100% -1450px; background-repeat: no-repeat; } .dkgrey_leftarrow_thick_long_left { background-image: url(../images/arrows.png); background-position: 0 -1350px; background-repeat: no-repeat; } .star { background-image: url(../images/arrows.png); background-position: 100% -1603px; background-repeat: no-repeat; } .arrow-link { background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; } .arrow-link:hover, .arrow-link:focus, .arrow-link:active { text-decoration: underline; } .closeButton { position: absolute; z-index: 1; display: block; top: 10px; right: 10px; bottom: auto; left: auto; background: url(../images/icons.png) 100% -100px; padding: 0; width: 10px; height: 10px; cursor: pointer; } /* useful mixins, e.g. for calculating rems from px */ /* STRIPES Layout ================================================================================ */ body { min-width: 980px; } #main, #footer-links { zoom: 1; margin: 0 auto; padding: 30px 0px 30px 0px; padding: 3rem 0rem 3rem 0rem; } #main:before, #footer-links:before, #main:after, #footer-links:after { content: ""; display: table; } #main:after, #footer-links:after { clear: both; } .checkout-cart-index #main, .checkout-onepage-index #main, .checkout-onepage-success #main { padding: 50px 15px 30px 15px; } /* Base Columns */ .col-left, .col-main, .col-right { zoom: 1; float: left; width: 17.391304347826086%; } .col-left:before, .col-main:before, .col-right:before, .col-left:after, .col-main:after, .col-right:after { content: ""; display: table; } .col-left:after, .col-main:after, .col-right:after { clear: both; } .col-main { width: 79.34782608695652%; } .col-right { float: right; } /* 1 Column Layout */ .col1-layout .col-main { width: 100%; float: none; } .col1-layout .col-left, .col1-layout .col-right { width: 48.91304347826087%; } .col1-layout .col-left .box, .col1-layout .col-right .box { border: 1px solid #e0e0e0; padding: 14px 10px 20px 20px; padding: 1.4rem 1rem 2rem 2rem; } /* 2 Columns Layout */ .col2-left-layout { zoom: 1; } .col2-left-layout:before, .col2-left-layout:after { content: ""; display: table; } .col2-left-layout:after { clear: both; } .col2-left-layout .col-main { float: right; } /* 3 Columns Layout */ .col3-layout { zoom: 1; } .col3-layout:before, .col3-layout:after { content: ""; display: table; } .col3-layout:after { clear: both; } .col3-layout .col-main { width: 58.69565217391305%; } .col3-layout .col-left { margin: 0px 30px 0px 0px; margin: 0rem 3rem 0rem 0rem; } /* Content Columns */ .col2-set { zoom: 1; } .col2-set:before, .col2-set:after { content: ""; display: table; } .col2-set:after { clear: both; } .col2-set .col-1, .col2-set .col-2 { float: left; width: 48%; } .col2-set .col-2 { float: right; } .col2-set .narrow { width: 41.09589%; } .col2-set .wide { width: 54.794521%; } /* ======================================================================================= */ /* you've guest it, contains layout code */ /* typography.less Description of stylesheet purpose and contents/index here... Created by Gareth Estchild on 2012-05-10. Copyright 2012 the OTHER media. All rights reserved. */ html { font-size: 62.5%; /* set this so rem calculation in mixins.less works, based off of 10px */ } body { background: #ffffff; color: #191919; font-size: 12px; font-size: 1.2rem; line-height: 1.5; } /* Headings*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Univers Next W01 Bold'; font-weight: normal; margin: 0px 0px 8px 0px; margin: 0rem 0rem 0.8rem 0rem; font-size: 20px; font-size: 2rem; line-height: 1.5; } .page-title h1 { border-bottom: 1px solid #f3f3f3; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; padding: 0px 0px 8px 0px; padding: 0rem 0rem 0.8rem 0rem; } h2, .h2 { font-size: 16px; font-size: 1.6rem; } h3, .h3 { font-size: 12px; font-size: 1.2rem; } h4, .h4, h5, .h5, h6, .h6 { font-size: 8px; font-size: 0.8rem; line-height: 18px; line-height: 1.8rem; text-transform: uppercase; } p, ol, ul, dl, address, label { margin: 0 0 1em 0; } address { font-style: normal; } p.review { margin-bottom: 0; float: right; } p.required, span.required { color: #d71f26; margin-bottom: 0; } a { color: #191919; position: relative; padding: 0; background-color: none; } a:hover, a:focus, a:active { text-decoration: underline; } /* basic typography styles - site wide */ /* form variables and mixins */ .primary-button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .primary-button:hover, .primary-button:focus, .primary-button:active { text-decoration: underline; } .secondary-button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .secondary-button:hover, .secondary-button:focus, .secondary-button:active { text-decoration: underline; } .tertiary-button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #ffffff; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .tertiary-button:hover, .tertiary-button:focus, .tertiary-button:active { text-decoration: underline; } .sendcart-index-share .buttons-set { float: none; } .sendcart-index-share .primary-button { float: right; } .sendcart-index-share .btn-remove { float: right; margin-top: -2.5em; font-size: 11px; font-size: 1.1rem; background: none; } .sendcart-index-share .btn-remove:focus, .sendcart-index-share .btn-remove:hover, .sendcart-index-share .btn-remove:active { color: #d71f26; } /* form styles */ textarea { overflow: auto; resize: vertical; } .form-list { list-style: none; padding: 0; } .form-list li, .form-list .field { zoom: 1; clear: both; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .form-list li:before, .form-list .field:before, .form-list li:after, .form-list .field:after { content: ""; display: table; } .form-list li:after, .form-list .field:after { clear: both; } .form-list li { min-height: 26px; min-height: 2.6rem; } .form-list .fields { margin: 0; } .form-list label, .form-list .input-box { float: left; } .form-list label { display: inline-block; margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; text-align: right; width: 190px; width: 19rem; } .form-list .validation-advice { width: 350px; width: 35rem; } .form-list .input-box { padding-right: 25px; /* px ok here - gives space for error image */ width: 364px; } .form-list .input-text { width: 350px; width: 35rem; } .form-list select { max-width: 350px; margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } .form-list div.validation-passed { background-position: 100% -233px; } .form-list .form-alt div.validation-passed { background: none; } .form-list .control, .form-list .add-field { padding: 0px 0px 0px 212px; padding: 0rem 0rem 0rem 21.2rem; } .form-list .control .input-box { position: absolute; } .form-list .control label { margin: 0px 10px 5px -206px; margin: 0rem 1rem 0.5rem -20.6rem; padding: 0; } .form-list .control .link-tip { margin: 0px 0px 0px 25px; margin: 0rem 0rem 0rem 2.5rem; } .form-list #captcha-image-box-user_forgotpassword { margin: 0px 0px 0px 200px; margin: 0rem 0rem 0rem 20rem; } #login-form .input-box, #checkout-step-billing .input-box, #checkout-step-login .input-box, #payment_form_paypoint_direct .input-box, .customer-account-forgotpassword .input-box, .account-create .input-box, .customer-address-form .control .input-box { width: auto; } .customer-account-forgotpassword .form-list .validation-advice { width: 100%; } .customer-address-form .form-list .control .input-box { position: static; padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; } .customer-address-form .form-list .control label { margin: 0px 10px 5px 0px; margin: 0rem 1rem 0.5rem 0rem; text-align: left; } .fieldset { border-bottom: 1px solid #f3f3f3; padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .opc-wrapper .fieldset { border: none; border-bottom: 1px dotted #e0e0e0; } .required em { padding: 0px 0px 0px 4px; padding: 0rem 0rem 0rem 0.4rem; color: #d71f26; } label { padding: 6px 6px 0px 6px; padding: 0.6rem 0.6rem 0rem 0.6rem; } .paypoint-input-text, .input-text, textarea { border: 1px solid #e0e0e0; } .paypoint-input-text, .input-text { padding: 6px 6px 6px 6px; padding: 0.6rem 0.6rem 0.6rem 0.6rem; } input.validation-failed { border: 1px solid #d71f26; background: #fee9e8; } .validation-advice { padding: 4px 0px 0px 0px; padding: 0.4rem 0rem 0rem 0rem; text-align: left; color: #d71f26; } #advice-required-entry-coupon_code { text-align: left; } .sidebar .validation-advice { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; } .buttons-set { float: left; zoom: 1; } .buttons-set:before, .buttons-set:after { content: ""; display: table; } .buttons-set:after { clear: both; } .buttons-set .back-link { float: left; } .buttons-set button { float: right; } .buttons-set2, .form-buttons { zoom: 1; float: none; } .buttons-set2:before, .form-buttons:before, .buttons-set2:after, .form-buttons:after { content: ""; display: table; } .buttons-set2:after, .form-buttons:after { clear: both; } .buttons-set2 button, .form-buttons button, .buttons-set2 .button, .form-buttons .button { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; float: right; } button, .button-link { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } button:hover, .button-link:hover, button:focus, .button-link:focus, button:active, .button-link:active { text-decoration: underline; } #currency-change .button-link { margin-top: 1.7rem; } #currency-change h3 { margin-bottom: 2.2rem; } #redirectModal .button-link { margin-top: 1.7rem; } #redirectModal .modalMessage { margin-top: 2.2rem; } .btn-remove { display: inline!important; background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; text-decoration: underline; line-height: 1; padding: 0px 24px 0px 0px !important; padding: 0rem 2.4rem 0rem 0rem !important; } .btn-remove:hover, .btn-remove:focus, .btn-remove:active { text-decoration: underline; } #main .back-link a { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; } #main .back-link a:hover, #main .back-link a:focus, #main .back-link a:active { text-decoration: underline; } #main .back-link a small { display: none; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: inline-block; position: relative; height: 2em; text-decoration: none; overflow: hidden; vertical-align: middle; } .ui-selectmenu-menu { border: 1px solid #e0e0e0; background: #ffffff; padding: 0; margin: -2px 0 0 0; list-style: none; position: absolute; top: 0; visibility: hidden; height: auto!important; overflow: hidden !important; } .ui-selectmenu-menu li { margin: 0; display: block; } .ui-selectmenu-menu li a, .ui-selectmenu-status { line-height: 1.4em; display: block; outline: none; text-decoration: none; padding: 0.3em 30px 0.3em 1em; } .ui-selectmenu-menu li a { padding-right: 12px; } .ui-selectmenu-open { visibility: visible; } .my-account .ui-selectmenu:hover, .my-account .ui-selectmenu:focus, .my-account .ui-selectmenu:active { color: #191919; } .ui-selectmenu.ui-selectmenu-dropdown { background: #ffffff; border: 1px solid #e0e0e0; } .ui-selectmenu-menu-dropdown { max-height: 300px; overflow-y: auto !important; padding-left: 0; margin: 0; } .ui-selectmenu-menu-dropdown .ui-state-disabled a { color: #bcbcbc; } .ui-icon.ui-selectmenu-icon { position: absolute; right: 6px; margin-top: -8px; top: 50%; width: 10px; background: url(../images/select.png) center center no-repeat; } .dark .ui-selectmenu-menu { border: 1px solid #666666; background: #191919; } .dark .ui-selectmenu a, .dark .ui-selectmenu-menu a, .dark .ui-selectmenu .ui-selectmenu-status, .dark .ui-selectmenu-menu .ui-selectmenu-status { color: #ffffff; } .dark .ui-selectmenu.ui-selectmenu-dropdown { background: #000000; border: 1px solid #666666; } .dark .ui-icon.ui-selectmenu-icon { background: url(../images/select-white.png) center center no-repeat; } .dark .ui-selectmenu-menu { background: #000000; } .dark .ui-selectmenu-menu-dropdown { background: #191919; color: #ffffff; } .dark .ui-selectmenu-menu-dropdown a:hover, .dark .ui-selectmenu-menu-dropdown a:focus, .dark .ui-selectmenu-menu-dropdown a:active { color: #ffffff; } /* styling for form elements - site wide */ /* General Styles */ html { -webkit-text-size-adjust: 100%; /* prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ } body { font-weight: normal; font-family: "UniversNextW01-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; } b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Univers Next W01 Bold'; } /* Tools - Straight from Enterprise Code ================================================= */ .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%; } .no-display { display: none; } .no-margin { margin: 0!important; } .no-padding { padding: 0!important; } .no-bg { background: none!important; } /* ======================================================================================= */ #container { position: relative; width: 100%; /*min-height: 100%;*/ /* make sure #page-bottom is always at the bottom, it is pulled up with a negative margin */ } #main { padding: 30px 15px; width: 920px; } table { clear: both; width: 100%; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; border-top: 1px dotted #e0e0e0; } table th, table td { background: #f3f3f3; background-image: url(../images/dotted-keyline.png); background-position: bottom left; background-repeat: repeat-x; padding: 5px 20px 5px 10px; padding: 0.5rem 2rem 0.5rem 1rem; text-align: left; vertical-align: top; } table td { background-color: transparent; padding: 10px 20px 10px 10px; padding: 1rem 2rem 1rem 1rem; } h2 .separator { display: none; } dd { margin: 0px 0px 0px 5px; margin: 0rem 0rem 0rem 0.5rem; } /* SITE WIDE BANNER AREA */ #main-header { position: relative; padding: 17px 0px 0px 0px; padding: 1.7rem 0rem 0rem 0rem; } #top-links { zoom: 1; position: absolute; top: 9px; right: 11px; z-index: 1000; min-width: 460px; } #top-links:before, #top-links:after { content: ""; display: table; } #top-links:after { clear: both; } #top-links ul { zoom: 1; /* used for top links, main nav and footer links */ margin: 0; padding: 0; list-style: none; float: right; } #top-links ul:before, #top-links ul:after { content: ""; display: table; } #top-links ul:after { clear: both; } #top-links ul li { float: left; } #top-links ul a { line-height: 28px; line-height: 2.8rem; display: block; padding: 0 15px; background: url(../images/h-list.gif) -300px 10px no-repeat; text-decoration: none; } #top-links ul a:hover, #top-links ul a:focus, #top-links ul a:active { text-decoration: underline; } #top-links ul li:first-child a { background: none; } #top-links ul li a { padding: 0 9px 0 9px; } .language-switcher { position: relative; } #top-links .language-switcher > a:first-child { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAECAMAAABStlSnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNkE1MTM4NjdFOTExMUUyQjM3RUZBNkQ2RDZGMjc3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNkE1MTM4NzdFOTExMUUyQjM3RUZBNkQ2RDZGMjc3MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwMEFGODA5N0U5MDExRTJCMzdFRkE2RDZENkYyNzcwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwMEFGODBBN0U5MDExRTJCMzdFRkE2RDZENkYyNzcwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CSbqcgAAAwBQTFRFVVVV////AgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpampqa2trbGxsbW1tbm5ub29vcHBwcXFxcnJyc3NzdHR0dXV1dnZ2d3d3eHh4eXl5enp6e3t7fHx8fX19fn5+f39/gICAgYGBgoKCg4ODhISEhYWFhoaGh4eHiIiIiYmJioqKi4uLjIyMjY2Njo6Oj4+PkJCQkZGRkpKSk5OTlJSUlZWVlpaWl5eXmJiYmZmZmpqam5ubnJycnZ2dnp6en5+foKCgoaGhoqKio6OjpKSkpaWlpqamp6enqKioqampqqqqq6urrKysra2trq6ur6+vsLCwsbGxsrKys7OztLS0tbW1tra2t7e3uLi4ubm5urq6u7u7vLy8vb29vr6+v7+/wMDAwcHBwsLCw8PDxMTExcXFxsbGx8fHyMjIycnJysrKy8vLzMzMzc3Nzs7Oz8/P0NDQ0dHR0tLS09PT1NTU1dXV1tbW19fX2NjY2dnZ2tra29vb3Nzc3d3d3t7e39/f4ODg4eHh4uLi4+Pj5OTk5eXl5ubm5+fn6Ojo6enp6urq6+vr7Ozs7e3t7u7u7+/v8PDw8fHx8vLy8/Pz9PT09fX19vb29/f3+Pj4+fn5+vr6+/v7/Pz8/f39/v7+////kSp4+wAAAAJ0Uk5T/wDltzBKAAAAI0lEQVR42mJghIJQJBIIGBiRJeDCSOJAQYQwsjiyMCNAgAEAi7ACqdFGuiEAAAAASUVORK5CYII=) center right no-repeat; padding-right: 22px; } .language-switcher:hover #language-options, .language-switcher.hover #language-options { display: block; } #language-options { position: absolute; left: -1px; display: none; background: #fff; border: 1px solid #E0E0E0; border-width: 0 1px 0 1px; width: 100%; z-index: 1; } #top-links #language-options li { float: none; border-bottom: 1px solid #E0E0E0; } #language-options li a { background: none; } /* Global Search Form ================================================================= */ #searchform-wrapper { clear: both; float: right; margin: 0px 7px 0px 0px; margin: 0rem 0.7rem 0rem 0rem; padding-top: 9px; } #searchform-wrapper form, #searchform-wrapper p { margin: 0; padding: 0; } #search_mini_form label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #search_mini_form .input-text, #search_mini_form .button { line-height: 13px; line-height: 1.3rem; float: left; } #search_mini_form .input-text { width: 186px; height: 29px; background: #f3f3f3; padding: 4px 6px 4px 6px; padding: 0.4rem 0.6rem 0.4rem 0.6rem; display: block; border: none; float: left; } #search_mini_form .button { display: inline-block; width: 48px; height: 37px; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; font-size: 9px; font-size: 0.9rem; text-transform: uppercase; border: none; padding: 4px 7px 4px 7px; padding: 0.4rem 0.7rem 0.4rem 0.7rem; } #search_mini_form .button:hover, #search_mini_form .button:focus, #search_mini_form .button:active { text-decoration: underline; } #search_mini_form .search-autocomplete { width: 100%!important; z-index: 999; position: relative!important; top: 2px !important; left: -1px !important; height: 0 !important; overflow: visible!important; margin-left: -1; } #search_mini_form .search-autocomplete ul { border: 1px solid #e0e0e0; padding: 0px 0px 6px 0px; padding: 0rem 0rem 0.6rem 0rem; list-style: none; width: 100%; background-color: #ffffff; position: absolute; } #search_mini_form .search-autocomplete li { padding: 6px 8px 0px 8px; padding: 0.6rem 0.8rem 0rem 0.8rem; cursor: pointer; } #search_mini_form .search-autocomplete li .amount { float: right; font-family: 'Univers Next W01 Bold'; } #search_mini_form .search-autocomplete li:hover, #search_mini_form .search-autocomplete li:focus, #search_mini_form .search-autocomplete li:active { color: #d71f26; } /* ======================================================================================= */ /* Masthead and Navigation ===================================================== */ #masthead { zoom: 1; position: relative; z-index: 10; text-align: center; min-height: 55px; } #masthead:before, #masthead:after { content: ""; display: table; } #masthead:after { clear: both; } #masthead .logo { display: inline-block; padding: 0 0 9px 0; margin-top: 12px; } #masthead img { display: block; } #masthead ul { text-transform: uppercase; letter-spacing: 2px; margin: 0 auto; padding: 0; list-style: none; zoom: 1; } #masthead ul:before, #masthead ul:after { content: ""; display: table; } #masthead ul:after { clear: both; } #masthead ul a { line-height: 24px; line-height: 2.4rem; display: block; text-decoration: none; padding: 0px 9px 0px 9px; padding: 0rem 0.9rem 0rem 0.9rem; } #masthead ul a:hover, #masthead ul a:focus, #masthead ul a:active { text-decoration: underline; } #masthead ul .active { font-family: 'Univers Next W01 Bold'; text-decoration: underline; } #masthead ul .active .links { font-family: 'UniversNextW01-Regular'; } #masthead ul li { display: inline-block; position: relative; } #masthead ul li .links { text-align: left; border: 1px solid #e0e0e0; background: #ffffff; display: none; width: 340px; width: 34rem; padding: 0; position: absolute; left: 0; } #masthead ul li .links ul { text-transform: none; letter-spacing: 0; } #masthead ul li .links li { display: block; letter-spacing: 0; } #masthead ul li .linkList { float: left; } #masthead ul li:hover .links { display: block; } #masthead ul h2 { padding: 0; margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.4rem 0rem; font-size: 12px; font-size: 1.2rem; line-height: 1.3; } #masthead .primary-nav { position: relative; z-index: 2; margin-top: -3px; } #masthead .primary-nav li { text-align: center; } #masthead .primary-nav li a { line-height: 42px; line-height: 4.2rem; } #masthead .primary-nav li .links { width: auto; min-width: 100px; } #masthead .primary-nav li .linksList { margin: 15px 54px 19px; } #masthead .primary-nav li .linksList a { line-height: 24px; line-height: 2.4rem; } #masthead #top-menu { clear: both; border-top: 1px solid #e0e0e0; } #masthead #top-menu ul { position: relative; z-index: 0; text-transform: none; letter-spacing: 1px; } #masthead #top-menu ul a { background: url(../images/main-nav.png) 0 7px no-repeat; padding: 0px 14px 0px 15px; padding: 0rem 1.4rem 0rem 1.5rem; line-height: 27px; line-height: 2.7rem; } #masthead #top-menu ul li:first-child a { background: none; } #masthead #top-menu ul .links li a { background-image: url(../images/arrows.png); background-position: -7px 4px; background-repeat: no-repeat; background-position: -7px 8px; line-height: 2; padding: 0px 10px 0px 9px; padding: 0rem 1rem 0rem 0.9rem; } #masthead #top-menu ul li .three-column-links { width: 680px; width: 68rem; padding: 0; } #masthead #top-menu ul li .two-column-links { width: 480px; width: 48rem; padding: 0; } #masthead #top-menu ul .linksList { float: left; width: 170px; width: 17rem; padding: 0 18px 0 0; margin: 15px 18px 19px; } .lt-ie8 #main { position: relative; z-index: -1; } .lt-ie8 #masthead { position: relative; z-index: 1000; } .lt-ie8 #masthead ul li { position: relative; display: inline; vertical-align: middle; } .lt-ie8 #masthead ul li .links { top: 100%; z-index: 100; } /** * Checkout breadcrumb */ #checkout-breadcrumb { position: relative; width: 580px; margin: 0 auto; } #checkout-breadcrumb ol { zoom: 1; top: 9px; top: 0.9rem; width: 580px; height: 20px; background: url('../images/checkout-breadcrumb.png') no-repeat; position: absolute; padding: 35px 0px 0px 0px; padding: 3.5rem 0rem 0rem 0rem; } #checkout-breadcrumb ol:before, #checkout-breadcrumb ol:after { content: ""; display: table; } #checkout-breadcrumb ol:after { clear: both; } #checkout-breadcrumb li { font-size: 12px; display: inline-block; } #checkout-breadcrumb .cb-basket { background-position: 15px 1px; } #checkout-breadcrumb .cb-checkout { background-position: -557px 1px; } #checkout-breadcrumb .cb-complete { background-position: -1136px 1px; } #checkout-breadcrumb .one { float: left; } #checkout-breadcrumb .two { position: absolute; left: 0; width: 100%; text-align: center; } #checkout-breadcrumb .three { float: right; } #checkout-breadcrumb a { z-index: 1; } /* ======================================================================================= */ #switches { zoom: 1; border: 1px solid #e0e0e0; border-width: 1px 0; min-height: 27px; } #switches:before, #switches:after { content: ""; display: table; } #switches:after { clear: both; } #gift-vouchers p { font-size: 11px; font-size: 1.1rem; } #gift-vouchers .col-left, #gift-vouchers .col-right { margin: 17px 0px 0px 0px; margin: 1.7rem 0rem 0rem 0rem; } #gift-vouchers .box { padding: 10px; overflow: hidden; } #gift-vouchers .box ul { width: 170px; padding: 0; float: left; } #gift-vouchers .box img { float: left; width: 190px; margin-right:30px; } #gift-vouchers .box a.primary-button { float: right; } #gift-vouchers .box .link-button { margin-left: 220px; } #sitemap { zoom: 1; font-size: 11px; font-size: 1.1rem; } #sitemap:before, #sitemap:after { content: ""; display: table; } #sitemap:after { clear: both; } #sitemap h2, #sitemap h3 { margin-bottom: 0; } #sitemap h2 { font-size: 17px; font-size: 1.7rem; line-height: 1.5; } #sitemap ul { margin: 2px 0px 20px 0px; margin: 0.2rem 0rem 2rem 0rem; padding: 0; } #sitemap li { list-style: none; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } #sitemap a { text-decoration: none; } #sitemap .column { float: left; width: 176px; width: 17.6rem; } /* Country switches ====================================================================== */ .switch { margin: 6px 0px 6px 0px; margin: 0.6rem 0rem 0.6rem 0rem; padding: 0px 18px 0px 18px; padding: 0rem 1.8rem 0rem 1.8rem; float: right; } .switch label { font-family: 'Univers Next W01 Bold'; color: #191919; float: left; padding: 0px 8px 0px 0px; padding: 0rem 0.8rem 0rem 0rem; margin: 0; } .switch ul { float: left; margin: 0; padding: 0; list-style: none; } .switcher-store li { float: left; list-style: none; padding: 0px 0px 0px 6px; padding: 0rem 0rem 0rem 0.6rem; } .switcher-store a { display: block; width: 22px; height: 14px; text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(../images/flags-small.png) 0 -14px no-repeat; } .switcher-store a.UK:hover, .switcher-store a.UK:focus, .switcher-store a.UK:active { background-position: 0 0; } .switcher-store a.EU { background-position: -22px -14px; } .switcher-store a.EU:hover, .switcher-store a.EU:focus, .switcher-store a.EU:active { background-position: -22px 0; } .switcher-store a.US { background-position: -44px -14px; } .switcher-store a.US:hover, .switcher-store a.US:focus, .switcher-store a.US:active { background-position: -44px 0; } .switcher-store a.AU { background-position: -66px -14px; } .switcher-store a.AU:hover, .switcher-store a.AU:focus, .switcher-store a.AU:active { background-position: -66px 0; } .switcher-store a.japan { background-position: -88px -14px; } .switcher-store a.japan:hover, .switcher-store a.japan:focus, .switcher-store a.japan:active { background-position: -88px 0; } .switcher-store a.FR { background-position: -110px -14px; border: 1px solid #e0e0e0; } .switcher-store a.FR:hover, .switcher-store a.FR:focus, .switcher-store a.FR:active { background-position: -110px 0; } .switcher-store a.korea { background-position: -132px -14px; } .switcher-store a.korea:hover, .switcher-store a.korea:focus, .switcher-store a.korea:active { background-position: -132px 0; } .switcher-store .current a.UK { background-position: 0 0; } .switcher-store .current a.EU { background-position: -22px 0; } .switcher-store .current a.US { background-position: -44px 0; } .switcher-store .current a.AU { background-position: -66px 0; } .switcher-store .current a.japan { background-position: -88px 0; } .switcher-store .current a.FR { background-position: -110px 0; } .switcher-store .current a.FR { background-position: -110px 0; } .switcher-language { border-right: 1px solid #e0e0e0; margin: 7px 22px 0px 0px; margin: 0.7rem 2.2rem 0rem 0rem; padding-right: 0; } .switcher-language ul { position: relative; cursor: pointer; padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; } .switcher-language ul li { background-image: url(../images/arrows.png); background-position: 100% -1094px; background-repeat: no-repeat; } .switcher-language ul li:hover, .switcher-language ul li:focus, .switcher-language ul li:active { text-decoration: underline; } .switcher-language ul li span { padding: 0px 26px 0px 0px; padding: 0rem 2.6rem 0rem 0rem; } .switcher-language ul ul { position: absolute; margin: 7px 0px 0px 10px; margin: 0.7rem 0rem 0rem 1rem; min-width: 100%; background: #ffffff; border: 1px solid #e0e0e0; text-align: left; right: -1px; float: left; line-height: 16px; padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; border-top: 0; } .switcher-language ul ul li { background: none; } .switcher-language ul ul .current { display: none; } .switcher-language ul ul a { text-decoration: none; color: #555555; background-image: url(../images/arrows.png); background-position: -7px 4px; background-repeat: no-repeat; display: block; padding: 1px 30px 6px 11px; padding: 0.1rem 3rem 0.6rem 1.1rem; margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* ======================================================================================= */ /* Cookie Message */ #cookie-message { display: none; position: absolute; z-index: 1000; border: 1px solid #191919; width: 99.9%; font-family: sans-serif; font-size: 12px; background-color: #191919; color: #ffffff; } #cookie-message p { max-width: 920px; padding: 20px 100px; margin: 0 auto; } #cookie-message a { color: #ffffff; } #cookie-message button { position: absolute; bottom: 20px; right: 20px; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } #cookie-message button:hover, #cookie-message button:focus, #cookie-message button:active { text-decoration: underline; } /* Options Tool Tip */ .truncated { cursor: help; margin: 0; position: relative; z-index: 1; width: auto; } .truncated:hover { z-index: 2; } .truncated .dots { cursor: help; } .truncated .details { cursor: help; } .truncated .truncated_full_value .item-options { background: #ffffff; border: 1px solid #e0e0e0; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; position: absolute; top: 0; left: -9999em; z-index: 999; width: 190px; } .truncated .truncated_full_value .item-options p { font-family: 'Univers Next W01 Bold'; margin: 0px 0px 10px 0px !important; margin: 0rem 0rem 1rem 0rem !important; } .truncated .truncated_full_value .item-options dl { zoom: 1; margin: 0; } .truncated .truncated_full_value .item-options dl:before, .truncated .truncated_full_value .item-options dl:after { content: ""; display: table; } .truncated .truncated_full_value .item-options dl:after { clear: both; } .truncated .truncated_full_value .item-options dt, .truncated .truncated_full_value .item-options dd { float: left; } .truncated .truncated_full_value .item-options dt { clear: left; } .truncated .show .item-options { top: 0; left: -220px; } /* Top Shopping Cart ===================================================================== */ #cartHeader:hover { text-decoration: underline; } .top-cart { cursor: pointer; float: right; position: relative; } .top-cart .block-title { background: url(../images/h-list.gif) -300px 9px no-repeat; line-height: 28px; line-height: 2.8rem; } .top-cart strong { font-weight: normal; font-family: 'UniversNextW01-Regular'; padding: 0px 7px 0px 8px; padding: 0rem 0.7rem 0rem 0.8rem; } .top-cart strong span { margin: 0px 0px 0px 8px; margin: 0rem 0rem 0rem 0.8rem; } .top-cart .price { font-weight: normal; } .top-cart .block-content { position: absolute; right: 5px; top: 3.15em; width: 240px; width: 24rem; border: 1px solid #e0e0e0; border-top: 0; background: #ffffff; } .top-cart .block-content ol { list-style: none; padding: 0; } .top-cart .block-content li { zoom: 1; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .top-cart .block-content li:before, .top-cart .block-content li:after { content: ""; display: table; } .top-cart .block-content li:after { clear: both; } .top-cart .mini-products-list { margin: 0px 10px 0px 10px; margin: 0rem 1rem 0rem 1rem; } .top-cart .cart-empty { margin: 0px 10px 10px 10px; margin: 0rem 1rem 1rem 1rem; } .top-cart .item { border-bottom: 1px dotted #e0e0e0; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } .top-cart .block-subtitle { margin: 10px 10px 10px 10px; margin: 1rem 1rem 1rem 1rem; font-family: 'Univers Next W01 Bold'; border-bottom: 1px dotted #e0e0e0; } .top-cart .block-subtitle .close-btn { display: block; width: 10px; height: 10px; text-indent: 100%; overflow: hidden; white-space: nowrap; float: right; background: url(../images/icons.png) 100% -100px no-repeat; } .top-cart .product-image { float: left; width: 50px; margin-right: -50px; } .top-cart .product-details { margin-left: 65px; } .top-cart .product-details td { text-align: right; } .top-cart .product-details td span { display: block; } .top-cart .product-name { padding: 3px 0px 2px 0px; padding: 0.3rem 0rem 0.2rem 0rem; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .top-cart .product-name a { text-decoration: none; } .top-cart table { clear: none; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; border: none; } .top-cart th, .top-cart td { border: none; background: none; padding: 0; font-weight: normal ; } .top-cart th { background: #ffffff; } .top-cart td { border-width: 1px 0; } .top-cart .links { clear: both; margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; border-top: 1px dotted #e0e0e0; padding: 5px 0px 0px 0px; padding: 0.5rem 0rem 0rem 0rem; text-align: left; } .top-cart .links .btn-remove { background-image: url(../images/arrows.png); background-position: 0 -1712px; background-repeat: no-repeat; text-decoration: none; text-decoration: underline; line-height: 1; padding: 0px 0px 0px 12px !important; padding: 0rem 0rem 0rem 1.2rem !important; } .top-cart .links .btn-remove:hover, .top-cart .links .btn-remove:focus, .top-cart .links .btn-remove:active { color: #d71f26; } .top-cart .links a { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } .top-cart .subtotal { padding: 5px 0px 0px 10px; padding: 0.5rem 0rem 0rem 1rem; text-align: right; margin: 0px 10px 10px 0px; margin: 0rem 1rem 1rem 0rem; } .top-cart .actions { zoom: 1; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } .top-cart .actions:before, .top-cart .actions:after { content: ""; display: table; } .top-cart .actions:after { clear: both; } .top-cart .actions a { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .top-cart .actions a:hover, .top-cart .actions a:focus, .top-cart .actions a:active { text-decoration: underline; } .top-cart .actions .paypal-logo { text-align: right; } .top-cart .actions .paypal-logo a { background: none; border: none; padding: 0; } .top-cart .actions .paypal-logo a img { margin-right: -2px; } .top-cart button { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .top-cart button:hover, .top-cart button:focus, .top-cart button:active { text-decoration: underline; } /* ======================================================================================= */ /* /SITE WIDE BANNER AREA */ /* SITE WIDE FOOTER AREA */ /* ======================================================================================= */ /* Carousels ============================================================================= */ .jcarousel-skin-paulsmith { list-style: none; padding: 0; } .jcarousel-skin-paulsmith .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-paulsmith .jcarousel-clip { overflow: hidden; } .jcarousel-skin-paulsmith .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal, .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:active { cursor: default; opacity: 0.5; filter: alpha(opacity=50); } .jcarousel-skin-paulsmith .jcarousel-prev, .jcarousel-skin-paulsmith .jcarousel-next { cursor: pointer; border: 2px solid black; } .jcarousel-skin-paulsmith .jcarousel-next, .jcarousel-skin-paulsmith .jcarousel-prev { position: absolute; right: 0; outline: none; line-height: 1; text-decoration: none; background-image: url(../images/arrows.png); background-position: 0 -1229px; background-repeat: no-repeat; background-color: #ffffff; padding: 0; height: 50px; z-index: 1; text-indent: 100px; overflow: hidden; white-space: nowrap; border: none; } .jcarousel-skin-paulsmith .jcarousel-prev { right: auto; left: 0; background-image: url(../images/arrows.png); background-position: 0 -1179px; background-repeat: no-repeat; } .cms-home .jcarousel-skin-paulsmith .jcarousel-container-horizontal { width: 920px; } .cms-home .jcarousel-skin-paulsmith .jcarousel-clip-horizontal { width: 920px; height: 410px; } .cms-home .jcarousel-skin-paulsmith .jcarousel-item { width: 920px; height: 410px; } /* Global Styles ========================================================================= */ /* Global Messages */ .global-site-notice { background: #f3f3f3; color: #d71f26; text-align: left; padding: 20px 10px 20px 10px; padding: 2rem 1rem 2rem 1rem; } .global-site-notice .notice-inner { zoom: 1; margin: 0 auto; width: 60%; } .global-site-notice .notice-inner:before, .global-site-notice .notice-inner:after { content: ""; display: table; } .global-site-notice .notice-inner:after { clear: both; } .global-site-notice a { color: #d71f26; } .notice-cookie { z-index: 10000; width: 100%; } .notice-cookie button { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .notice-cookie button:hover, .notice-cookie button:focus, .notice-cookie button:active { text-decoration: underline; } .messages, .messages ul { list-style: none; padding: 0; } .messages ul { margin-bottom: 0; } .error-msg, .success-msg, .note-msg, .notice-msg { clear: both; background: #ffffff; color: #d71f26; margin: 0; font-size: 11px; font-size: 1.1rem; } .success-msg, .note-msg, .notice-msg { color: #191919; } .out-of-stock, .item-msg.error { color: #d71f26; } /* Breadcrumbs */ #breadcrumbs { display: inline; float: left; list-style: none; margin: 0; padding: 6px 5px 6px 15px; padding: 0.6rem 0.5rem 0.6rem 1.5rem; } #breadcrumbs li { display: inline; float: left; list-style: none; padding: 0px 5px 0px 0px; padding: 0rem 0.5rem 0rem 0rem; } #breadcrumbs li a { padding: 0px 12px 0px 2px; padding: 0rem 1.2rem 0rem 0.2rem; background: url('../images/breadcrumbs.png') 100% 2px no-repeat; } #breadcrumbs li a:hover { color: #191919; text-decoration: underline; } #main #breadcrumbs { margin-top: -30px; padding: 7px 5px 7px 0px; padding: 0.7rem 0.5rem 0.7rem 0rem; } .title-buttons { zoom: 1; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .title-buttons:before, .title-buttons:after { content: ""; display: table; } .title-buttons:after { clear: both; } /* Toolbar */ .toolbar-bottom, .toolbar { clear: both; } .toolbar-bottom .sorter { display: none; } /* Pager */ .pager { position: relative; zoom: 1; clear: both; border: 1px dotted #e0e0e0; border-width: 1px 0; padding: 7px 0px 8px 0px; padding: 0.7rem 0rem 0.8rem 0rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; line-height: 1; min-height: 11px; min-height: 1.1rem; width: 100%; } .pager:before, .pager:after { content: ""; display: table; } .pager:after { clear: both; } .pager .limiter { float: right; } .pager .all-link { position: absolute; top: 7px; top: 0.7rem; right: 0; } .pager .amount-link { float: right; } .pager .pages { margin:0 20%; text-align: center; } .pager .pages strong { display: none; } .pager .pages a { text-decoration: underline; padding: 0px 7px 0px 7px; padding: 0rem 0.7rem 0rem 0.7rem; } .pager .pages a:hover { color: #d71f26; } .pager .pages ol { padding: 0; list-style: none; font-size: 0; } .pager .pages ol, .pager .pages li { display: inline; } .pager .pages li { border-left: 1px solid #e0e0e0; font-size: 12px; } .pager .pages li:first-child { border-left: none; } .pager .pages .current { padding: 0px 5px 0px 5px; padding: 0rem 0.5rem 0rem 0.5rem; } .pager .pages .previous { border: none; padding: 0px 5px 0px 18px; padding: 0rem 0.5rem 0rem 1.8rem; background: url("../images/paging.png") no-repeat center left; } .pager .pages .next { padding: 0px 18px 0px 5px; padding: 0rem 1.8rem 0rem 0.5rem; background: url("../images/paging.png") no-repeat center right; } .pager .pages .previous a, .pager .pages .next a { text-decoration: none; padding: 0; } .lt-ie8 .pager .pages .previous, .lt-ie8 .pager .pages .next { zoom: 1; } .recommendations { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; clear: both; } .pager-only { clear: both; } .pager-only .pages { margin: 0; } .amount { float: left; margin: 0; } .amount strong { font-weight: normal; font-family: 'UniversNextW01-Regular'; } /* Sorter */ .sorter { zoom: 1; margin: 5px 0px 15px 0px; margin: 0.5rem 0rem 1.5rem 0rem; } .sorter:before, .sorter:after { content: ""; display: table; } .sorter:after { clear: both; } .sorter p { margin: 0; } .sorter .view-mode { display: none; } .sorter .sort-by { float: right; } /* ======================================================================================= */ /* Homepage/Landing Page ================================================================= */ .carousel .prev, .carousel .next { position: absolute; z-index: 2; top: 50%; margin-top: -54px; display: block; width: 36px; height: 108px; background: url('../images/prev.png') 0 0 no-repeat; cursor: pointer; } .carousel .prev { left: 0; } .carousel .next { right: 0; background: url('../images/next.png') 0 0 no-repeat; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ /* Generic Block */ .sidebar { /* block account */ /* Block: Reorder */ /* Block: Layered Navigation */ /* Block: Social Links */ } .sidebar .block { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .sidebar .block h2 { margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; } .sidebar .block .back { margin: 0px 0px 24px 0px; margin: 0rem 0rem 2.4rem 0rem; } .sidebar .block .back a { display: block; background-image: url(../images/arrows.png); background-position: -7px -1192px; background-repeat: no-repeat; padding: 3px 9px 2px 11px; padding: 0.3rem 0.9rem 0.2rem 1.1rem; } .sidebar .block .block-subtitle, .sidebar .block h3 { font-family: 'Univers Next W01 Bold'; font-weight: normal; margin: 0px 0px 8px 0px; margin: 0rem 0rem 0.8rem 0rem; font-size: 20px; font-size: 2rem; line-height: 1.5; font-size: 14px; font-size: 1.4rem; margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; } .sidebar .block .block-content { padding: 0; } .sidebar .block .block-content .btn-remove { background: url(../images/icons.png) 100% -95px no-repeat; } .sidebar .block .block-content a.selected_filter .btn-remove { background-position: 100% -92px; display: block!important; line-height: 2; } .sidebar .block .block-content ol, .sidebar .block .block-content ul { margin: 0px 0px 23px 0px; margin: 0rem 0rem 2.3rem 0rem; } .sidebar .block .block-content li p { margin: 0; } .sidebar .block .block-content .size-list { zoom: 1; padding: 6px 0px 0px 0px; padding: 0.6rem 0rem 0rem 0rem; } .sidebar .block .block-content .size-list:before, .sidebar .block .block-content .size-list:after { content: ""; display: table; } .sidebar .block .block-content .size-list:after { clear: both; } .sidebar .block .block-content .size-list li { float: left; margin: 0px 4px 8px 0px; margin: 0rem 0.4rem 0.8rem 0rem; width: 49px; width: 4.9rem; } .sidebar .block .block-content .size-list a { background: none; border: 1px solid #e0e0e0; line-height: 1; padding: 0 3px; text-align: center; height: 30px; display: table-cell; width: 40px; vertical-align: middle; } .sidebar .block .block-content .size-list a.selected_filter { border-color: #191919; } .sidebar .block .block-content .size-list a.selected_filter .btn-remove { background-image: none; padding: 0!important; line-height: 1; } .sidebar .block .block-content .size-list a:hover, .sidebar .block .block-content .size-list a:focus, .sidebar .block .block-content .size-list a:active { background: none; text-decoration: none; border-color: #191919; } .sidebar .block ol, .sidebar .block ul { list-style: none; padding: 0; } .sidebar .block ol a, .sidebar .block ul a { display: block; text-decoration: none; line-height: 2; } .sidebar .block ol a:hover, .sidebar .block ul a:hover { color: #191919; text-decoration: underline; } .sidebar .block-account .block-content { background: #f3f3f3; padding: 0px 10px 0px 10px; padding: 0rem 1rem 0rem 1rem; } .sidebar .block-account .block-content ul { margin: 0; list-style: none; padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } .sidebar .block-account .block-content ul li { line-height: 22px; line-height: 2.2rem; } .sidebar .block-account .block-content ul li a { background-image: url(../images/arrows.png); background-position: 0 -293px; background-repeat: no-repeat; text-decoration: none; display: block; line-height: 22px; line-height: 2.2rem; padding: 0px 0px 0px 10px; padding: 0rem 0rem 0rem 1rem; } .sidebar .block-account .block-content ul li a:hover, .sidebar .block-account .block-content ul li a:focus, .sidebar .block-account .block-content ul li a:active { text-decoration: underline; } .sidebar .block-account .block-content ul .current strong { font-weight: normal; font-family: 'UniversNextW01-Regular'; background-image: url(../images/arrows.png); background-position: 0 -293px; background-repeat: no-repeat; display: block; line-height: 22px; line-height: 2.2rem; padding: 0px 0px 0px 10px; padding: 0rem 0rem 0rem 1rem; } .sidebar .block-reorder .checkbox { float: left; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } .sidebar .block-reorder .product-name { margin: 0; } .sidebar .block-reorder ol { padding: 5px 0px 5px 20px; padding: 0.5rem 0rem 0.5rem 2rem; } .sidebar .block-reorder ol li { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .sidebar .block-reorder ol a { padding: 0; } .sidebar .block-reorder .actions { zoom: 1; padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; } .sidebar .block-reorder .actions:before, .sidebar .block-reorder .actions:after { content: ""; display: table; } .sidebar .block-reorder .actions:after { clear: both; } .sidebar .block-reorder .actions button { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .sidebar .block-reorder .actions button, .sidebar .block-reorder .actions a { font-size: 11px; font-size: 1.1rem; background-color: transparent; display: block; float: left; clear: both; border: 0; padding: 0; background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; background-position: 100% -298px; line-height: 1; } .sidebar .block-reorder .actions button:hover, .sidebar .block-reorder .actions a:hover, .sidebar .block-reorder .actions button:focus, .sidebar .block-reorder .actions a:focus, .sidebar .block-reorder .actions button:active, .sidebar .block-reorder .actions a:active { text-decoration: underline; } .sidebar .block-layered-nav, .sidebar .block-non-layered-nav { /* Block: Overrides for Non Layered Navigation */ /* #narrow-by-list2, .navigation-column-dark { margin-bottom:0; dt { .padding(5,20,5,20); .font-size(12); font-weight:normal; } dd { ol { margin-bottom:0; .padding(5,0,0,0); li { .margin-from-font(0,0,0,10); } a { .dkgrey_rightarrow_left; background-position:0 9px; } } } } */ } .sidebar .block-layered-nav dt, .sidebar .block-non-layered-nav dt { font-family: 'Univers Next W01 Bold'; font-weight: normal; line-height: 1.5; font-size: 12px; font-size: 1.2rem; padding: 7px 0px 7px 0px; padding: 0.7rem 0rem 0.7rem 0rem; border-top: 1px solid #e0e0e0; } .sidebar .block-layered-nav dd, .sidebar .block-non-layered-nav dd { margin: 0; } .sidebar .block-layered-nav dd ol, .sidebar .block-non-layered-nav dd ol { list-style: none; } .sidebar .block-layered-nav dd ol a, .sidebar .block-non-layered-nav dd ol a { padding: 0px 10px 0px 11px; padding: 0rem 1rem 0rem 1.1rem; background-image: url(../images/arrows.png); background-position: -7px 4px; background-repeat: no-repeat; background-position: -5px 8px; line-height: 2; } .sidebar .block-layered-nav a, .sidebar .block-non-layered-nav a { display: block; } .sidebar .block-non-layered-nav .block-title { display: none; } .sidebar .block .currently .btn-remove { display: block!important; background: url(../images/icons.png) 100% -95px no-repeat; padding-right: 11px!important; } .sidebar .block .currently .btn-remove span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block .currently .actions { zoom: 1; } .sidebar .block .currently .actions:before, .sidebar .block .currently .actions:after { content: ""; display: table; } .sidebar .block .currently .actions:after { clear: both; } .sidebar .block .currently .actions a { float: right; } .sidebar .block-social .block-content { background: #f3f3f3; padding: 10px 30px 5px 10px; padding: 1rem 3rem 0.5rem 1rem; } .sidebar .block-social .block-content ul { margin: -2px 0px 0px 0px; margin: -0.2rem 0rem 0rem 0rem; } .sidebar .block-social .block-content li { background: url('../images/social.png') 0 5px no-repeat; padding-left: 35px; } .sidebar .block-social .block-content .twitter { background-position: -300px 5px; } .sidebar .block-social .block-content .pinterest { background-position: -900px 5px; } .enterprise-rma-return-view .info-box { min-height: 145px; } .enterprise-rma-return-view .box-content { zoom: 1; } .enterprise-rma-return-view .box-content:before, .enterprise-rma-return-view .box-content:after { content: ""; display: table; } .enterprise-rma-return-view .box-content:after { clear: both; } .enterprise-rma-return-view .note-list { clear: both; padding: 20px 0px 0px 13px; padding: 2rem 0rem 0rem 1.3rem; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* jQzoom */ .zoomPad { position: relative; } .zoomPreload { opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; border: 1px solid #e0e0e0; background-color: #ffffff; padding: 8px 8px 8px 8px; padding: 0.8rem 0.8rem 0.8rem 0.8rem; text-align: center; z-index: 110; position: absolute; } .zoomPup { overflow: hidden; background-color: #ffffff; opacity: 0.5; filter: alpha(opacity=50); z-index: 120; position: absolute; z-index: 101; } .zoomOverlay { position: absolute; left: 0; top: 0; background: #FFF; width: 100%; height: 100%; display: none; z-index: 101; } .zoomWindow { position: absolute; left: 110%; top: 40px; background: #ffffff; z-index: 6000; height: auto; z-index: 110; } .zoomWrapper { position: relative; z-index: 110; } .zoomWrapperTitle { display: block; background: #191919; color: #ffffff; width: 100%; overflow: hidden; text-align: center; font-size: 12px; font-size: 1.2rem; padding: 5px 5px 5px 5px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; position: absolute; top: 0px; left: 0px; z-index: 120; opacity: 0.6; } .lt-ie9 .zoomWrapperTitle { filter: alpha(opacity=60); } .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .zoomWrapperImage img { border: 0; display: block; z-index: 101; } .zoomIframe { z-index: -1; filter: alpha(opacity=80); opacity: 0.80; position: absolute; display: block; } #image-zoom-icon { position: absolute; bottom: 0; right: 0; background: url(../images/product-zoom-icon.png) bottom right no-repeat; display: block; width: 30px; height: 30px; } #hide-images { display: block!important; position: absolute; left: -3000px; top: 0; overflow: hidden; } #imagesOverlay { display: none; } #imagesOverlay .zoomWindow, #imagesOverlay .zoomPreload, #imagesOverlay .zoomPup, #imagesOverlay #image-zoom-icon { display: none!important; } #imagesOverlay #main-image-overlay { cursor: default; margin: 0 0 5px 0; border: 1px solid #e0e0e0; display: block; } #imagesOverlay #main-image-overlay img { display: block; } #imagesOverlay .previousButton, #imagesOverlay .nextButton { position: absolute; top: 50%; outline: none; line-height: 1; left: 19px; text-decoration: none; background-image: url(../images/arrows.png); background-position: 0 -1179px; background-repeat: no-repeat; background-color: #ffffff; width: 20px; padding: 0; height: 50px; display: block; z-index: 1; text-indent: 100px; overflow: hidden; white-space: nowrap; border: 1px solid #e0e0e0; border-width: 1px 1px 1px 0; } #imagesOverlay .nextButton { left: auto; right: 19px; border-width: 1px 0 1px 1px; background-image: url(../images/arrows.png); background-position: 100% -1229px; background-repeat: no-repeat; background-color: #ffffff; } .product-e-voucher .zoomWindow, .product-e-voucher .zoomPreload, .product-e-voucher .zoomPup, .product-e-voucher #image-zoom-icon { display: none!important; } .product-e-voucher .zoomPad { cursor: default; } .product-essential { zoom: 1; } .product-essential:before, .product-essential:after { content: ""; display: table; } .product-essential:after { clear: both; } .product-essential img { display: block; } #product-details { border-bottom: 1px dotted #B5B5B5; margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } #product-details .detail-content { position: relative; zoom: 1; } #product-details .detail-content:before, #product-details .detail-content:after { content: ""; display: table; } #product-details .detail-content:after { clear: both; } #product-details .detail-content ul { padding: 0px 0px 0px 14px; padding: 0rem 0rem 0rem 1.4rem; } .previousButton, .nextButton { outline: none; line-height: 1; float: left; text-decoration: none; padding: 0px 0px 8px 16px; padding: 0rem 0rem 0.8rem 1.6rem; background-image: url(../images/arrows.png); background-position: 0 -1350px; background-repeat: no-repeat; } .previousButton:hover, .nextButton:hover, .previousButton:focus, .nextButton:focus, .previousButton:active, .nextButton:active { color: #d71f26; text-decoration: underline; } .nextButton { float: right; padding: 0px 16px 8px 0px; padding: 0rem 1.6rem 0.8rem 0rem; background-image: url(../images/arrows.png); background-position: 100% -1450px; background-repeat: no-repeat; } .image-zoom { clear: both; } .product-view { font-size: 11px; font-size: 1.1rem; /* Product Images */ /* Product Shop */ /* Also like */ /* Social Links */ /* Recently Viewed */ } .product-view .product-img-box, .product-view .product-shop { float: left; width: 370px; } .product-view .product-image { display: block; zoom: 1; position: relative; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .product-view .product-image:before, .product-view .product-image:after { content: ""; display: table; } .product-view .product-image:after { clear: both; } .product-view .product-img-box { position: relative; z-index: 1; width: 410px; margin: 0 2.1739130434782608% 0px 0%; margin: 0rem 2.1739130434782608% 0rem 0%; } .product-view .product-img-box .product-image { height: 408px; margin-bottom: 0px; } .product-view .product-img-box .notice { float: left; line-height: 1; padding: 6px 10px 6px 0px; padding: 0.6rem 1rem 0.6rem 0rem; margin: 10px 0px 14px 0px; margin: 1rem 0rem 1.4rem 0rem; } .product-view .product-img-box #largeImages { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #ffffff; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; margin: 10px 0px 14px 0px; margin: 1rem 0rem 1.4rem 0rem; } .product-view .product-img-box #largeImages:hover, .product-view .product-img-box #largeImages:focus, .product-view .product-img-box #largeImages:active { text-decoration: underline; } .product-view .product-img-box p .audio-attr { width: 408px; } .product-view .product-shop { position: relative; z-index: 0; } .product-view .product-shop .price { font-size: 24px; font-size: 2.4rem; line-height: 1; margin: 0; } .product-view .product-shop .old-price, .product-view .product-shop .special-price { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .product-view .product-shop .old-price .price-label, .product-view .product-shop .old-price .price { font-size: 16px; font-size: 1.6rem; color: #191919; } .product-view .product-shop .special-price .price-label, .product-view .product-shop .special-price .price { font-size: 24px; font-size: 2.4rem; color: #d71f26; } .product-view .product-shop #product-options-container { float: right; } .product-view .product-shop .options-container-small, .product-view .product-shop .product-options, .product-view .product-shop .quantity { float: left; margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } .product-view .product-shop .options-container-small label, .product-view .product-shop .product-options label, .product-view .product-shop .quantity label { font-family: 'Univers Next W01 Bold'; display: block; margin: 0; padding: 0px 0px 3px 0px; padding: 0rem 0rem 0.3rem 0rem; } .product-view .product-shop .options-container-small dt, .product-view .product-shop .product-options dt, .product-view .product-shop .quantity dt { font-family: 'Univers Next W01 Bold'; } .product-view .product-shop .options-container-small dd, .product-view .product-shop .product-options dd, .product-view .product-shop .quantity dd { margin: 0; } .product-view .product-shop .quantity select { width: 65px; } .product-view .product-shop .product-options { margin: 0; } .product-view .product-shop .product-options .required em { padding: 0px 4px 0px 0px; padding: 0rem 0.4rem 0rem 0rem; } .product-view .product-shop .quantity input { padding: 1px 0px 1px 0px; padding: 0.1rem 0rem 0.1rem 0rem; width: 82px; background: #ffffff; } .product-view .product-shop .product-ids { clear: both; } .product-view .product-shop .add-to-box { clear: both; zoom: 1; text-align: left; } .product-view .product-shop .add-to-box:before, .product-view .product-shop .add-to-box:after { content: ""; display: table; } .product-view .product-shop .add-to-box:after { clear: both; } .product-view .product-shop .add-to-box * { text-align: left; } .product-view .product-shop .product-options-bottom { zoom: 1; clear: both; padding: 0px 0px 0px 10px; padding: 0rem 0rem 0rem 1rem; } .product-view .product-shop .product-options-bottom:before, .product-view .product-shop .product-options-bottom:after { content: ""; display: table; } .product-view .product-shop .product-options-bottom:after { clear: both; } .product-view .product-shop .add-to-cart { zoom: 1; float: right; text-align: left; } .product-view .product-shop .add-to-cart:before, .product-view .product-shop .add-to-cart:after { content: ""; display: table; } .product-view .product-shop .add-to-cart:after { clear: both; } .product-view .product-shop .add-to-cart input { padding: 0; } .product-view .product-shop .add-to-links { clear: both; float: right; text-align: right; list-style: none; position: relative; } .product-view .product-shop button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; padding: 6px 18px 6px 18px; padding: 0.6rem 1.8rem 0.6rem 1.8rem; } .add-to-cart button.btn-cart { width:222px; text-align: center !important; } .product-view .product-shop button:hover, .product-view .product-shop button:focus, .product-view .product-shop button:active { text-decoration: underline; } .product-view .product-shop .about-wishlist { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } .product-view .product-shop .split-button .new { background-position: 100% -634px; } .product-view .giftcard-form .form-list .input-text, .product-view .offline_enquiry_form .form-list .input-text { width: 330px; } .product-view .giftcard-form .fieldset, .product-view .offline_enquiry_form .fieldset { border: 0; padding: 0; margin: 0; } .product-view .giftcard-form label, .product-view .offline_enquiry_form label { padding-left: 0; width: auto; font-family: 'Univers Next W01 Bold'; text-align: left; float: none; } .product-view .giftcard-form .input-box, .product-view .offline_enquiry_form .input-box { float: none; } .product-view .giftcard-form textarea, .product-view .offline_enquiry_form textarea { padding: 6px 6px 6px 6px; width: 356px; height: 180px; } .product-view .giftcard-form .date-element label { width: auto; } .product-view .giftcard-amount-form ul, .product-view .giftcard-amount-form li { margin: 0; } .product-view .giftcard-amount-form .notice { margin: 4px 0px 0px 0px; margin: 0.4rem 0rem 0rem 0rem; } .product-view .giftcard-send-form .message-details { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } .product-view .giftcard-send-form .message-details p:last-of-type{ margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } textarea.physical-gift-card-message{ color: gray; } textarea.physical-gift-card-message:focus{ color: #191919; } .product-view .offline_enquiry_form p { font-family: 'Univers Next W01 Bold'; } .product-view .offline_enquiry_form .buttons-set { float: right; } .product-view .box-up-sell { width: 100px; float: right; } .product-view .box-up-sell .products-grid { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin-bottom: 0; } .product-view .box-up-sell .products-grid .item { width: auto; float: none; margin: 0px 0px 9px 0px; margin: 0rem 0rem 0.9rem 0rem; } .product-view .box-up-sell h2 { font-size: 12px; font-size: 1.2rem; padding: 0px 0px 6px 0px; padding: 0rem 0rem 0.6rem 0rem; } .product-view .box-up-sell a { display: block; text-decoration: none; border: none; line-height: 2.2; padding-top: 2px; } .product-view .box-up-sell img { margin: 0px 0px 2px 0px; margin: 0rem 0rem 0.2rem 0rem; } .product-view .box-up-sell .price { font-size: 11px; font-size: 1.1rem; } .product-view .box-up-sell .product-badge { display: block; zoom: 1; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; line-height: 1.5; } .product-view .box-up-sell .product-badge:before, .product-view .box-up-sell .product-badge:after { content: ""; display: table; } .product-view .box-up-sell .product-badge:after { clear: both; } .product-view .social { clear: both; width: 410px; } .product-view .social iframe { border: none; overflow: hidden; width: 85px; height: 20px; display: inline; position: relative; top: 7px; margin-right: 10px; } .product-view .social .emailto-link { display: inline; } .product-view .social a { text-decoration: none; } .product-view .social .pinterest-link { display: inline; padding: 0 10px; } .product-view .social .tweet-link, .product-view .social .emailto-link a { background: url('../images/social.png') -300px 0 no-repeat; padding: 8px 15px 8px 30px; margin: 0; } .product-view .social .emailto-link a { background-position: -600px 0; padding-right: 5px; } .product-view .block-viewed { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; padding: 18px 0px 0px 0px; padding: 1.8rem 0rem 0rem 0rem; border-top: 1px solid #e0e0e0; } .product-view .block-viewed h2 { font-size: 12px; font-size: 1.2rem; } .product-view .block-viewed ol { zoom: 1; padding: 0 0 0 12px; list-style: none; } .product-view .block-viewed ol:before, .product-view .block-viewed ol:after { content: ""; display: table; } .product-view .block-viewed ol:after { clear: both; } .product-view .block-viewed li { float: left; padding: 15px 20px 0 30px; margin: 4px 0 0 10px; border-left: 1px solid #e0e0e0; } .product-view .block-viewed li:first-child { margin: 4px 0 0 0; padding-left: 0; border: none; } .product-view .block-viewed img { display: block; width: 78px; height: 78px; color: #ffffff; } .lt-ie8 .product-view .product-shop .add-to-links li { width: 250px; } .lt-ie8 .product-view .product-shop .about-wishlist { float: left; } .lt-ie8 .product-view .product-shop .split-button { float: right; width: 90px; } .nonsellable_enquiry_form { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; clear: both; zoom: 1; } .nonsellable_enquiry_form:before, .nonsellable_enquiry_form:after { content: ""; display: table; } .nonsellable_enquiry_form:after { clear: both; } .nonsellable_enquiry_form .fieldset { padding: 0; margin: 0; border: none; } .nonsellable_enquiry_form p { margin: 10px 0px 5px 0px; margin: 1rem 0rem 0.5rem 0rem; } .nonsellable_enquiry_form label { font-family: 'Univers Next W01 Bold'; padding-left: 0; } .nonsellable_enquiry_form label em { padding: 0; } .nonsellable_enquiry_form .buttons-set { float: right; } .nonsellable_enquiry_form .buttons-set .button { margin-top: 0; } .more-views { clear: both; border: 1px solid #e0e0e0; border-width: 0 1px; padding: 0px 23px 0px 23px; padding: 0rem 2.3rem 0rem 2.3rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .more-views h2 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .more-views ul { zoom: 1; width: 100%; list-style: none; padding: 0; margin: 0; } .more-views ul:before, .more-views ul:after { content: ""; display: table; } .more-views ul:after { clear: both; } .more-views li { float: left; padding: 0px 5px 0px 5px; padding: 0rem 0.5rem 0rem 0.5rem; } .more-views a { outline: none; display: block; } .more-views img { display: block; } .more-views .zoomThumbActive img { opacity: 0.4; } .more-views .jcarousel-skin-paulsmith { /** * Horizontal Buttons */ } .more-views .jcarousel-skin-paulsmith .jcarousel-direction-rtl { direction: rtl; } .more-views .jcarousel-skin-paulsmith .jcarousel-container-horizontal { width: 362px; } .more-views .jcarousel-skin-paulsmith .jcarousel-clip { overflow: hidden; } .more-views .jcarousel-skin-paulsmith .jcarousel-clip-horizontal { width: 362px; height: 80px; } .more-views .jcarousel-skin-paulsmith .jcarousel-item { width: 80px; height: 80px; } .more-views .jcarousel-skin-paulsmith .jcarousel-item-placeholder { background: #fff; color: #000; } .more-views .jcarousel-skin-paulsmith .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 12px; margin-right: -12px; height: 80px; cursor: pointer; background-image: url(../images/arrows.png); background-position: 100% -1450px; background-repeat: no-repeat; background-position: 100% -1415px; } .more-views .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal, .more-views .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:hover, .more-views .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:focus, .more-views .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:active { cursor: default; opacity: 0.5; } .more-views .jcarousel-skin-paulsmith .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; margin-left: -12px; width: 12px; height: 80px; cursor: pointer; background-image: url(../images/arrows.png); background-position: 0 -1350px; background-repeat: no-repeat; background-position: 0 -1315px; } .more-views .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal, .more-views .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:hover, .more-views .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:focus, .more-views .jcarousel-skin-paulsmith .jcarousel-prev-disabled-horizontal:active { cursor: default; opacity: 0.5; } .lt-ie9 .more-views .zoomThumbActive img { filter: alpha(opacity=40); } #more-views-overlay { width: 530px; margin: 0 auto 4px; } #more-views-overlay li { float: left; padding: 0px 1px 0px 1px; padding: 0rem 0.1rem 0rem 0.1rem; } #more-views-overlay .zoomThumbActive { border-color: #d71f26; } #more-views-overlay .zoomThumbActive img { opacity: 1; } #more-views-overlay .jcarousel-skin-paulsmith { /** * Horizontal Buttons */ } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-container-horizontal { width: 528px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-clip { overflow: hidden; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-clip-horizontal { width: 528px; height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-item { width: 130px; height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-prev, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next { height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-horizontal { background-position: 100% -1390px; margin-right: -17px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:hover, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:focus, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:active { cursor: default; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-prev-horizontal { background-position: 0 -1290px; margin-left: -17px; } .lt-ie9 #more-views-overlay .zoomThumbActive img { filter: alpha(opacity=100); } /* ======================================================================================= */ .product-badge { color: #666666; font-size: 10px; font-size: 1rem; padding: 2px 0px 0px 0px; padding: 0.2rem 0rem 0rem 0rem; margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.4rem 0rem; text-transform: uppercase; text-decoration: none; letter-spacing: 0.08em; } /* Category Page ========================================================================= */ /* View Type: Grid */ .products-grid { zoom: 1; list-style: none; padding: 0; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } .products-grid:before, .products-grid:after { content: ""; display: table; } .products-grid:after { clear: both; } .products-grid .item { position: relative; float: left; width: 223px; margin: 0 4.10958904109589% 0px 0%; margin: 0rem 4.10958904109589% 0rem 0%; } .products-grid .item h2, .products-grid .item p { margin: 0; } .products-grid .item .product-badge { margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.4rem 0rem; } .products-grid .last { margin-right: 0; } .products-grid .product-image { zoom: 1; display: block; margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; position: relative; } .products-grid .product-image:before, .products-grid .product-image:after { content: ""; display: table; } .products-grid .product-image:after { clear: both; } .products-grid .product-image img { display: block; } .products-grid .product-name, .products-grid .product-sku-code { font-size: 11px; font-size: 1.1rem; line-height: 16.5px; line-height: 1.65rem; } .products-grid .product-name a { text-decoration: none; } .products-grid .product-name a:hover, .products-grid .product-name a:focus, .products-grid .product-name a:active { text-decoration: underline; } .products-grid .price-box { clear: both; } .products-grid .price { font-size: 11px; font-size: 1.1rem; } .products-grid button { font-size: 11px; font-size: 1.1rem; background: none; padding: 0; border: none; color: #d71f26; text-decoration: underline; background-image: url(../images/arrows.png); background-position: 0 -698px; background-repeat: no-repeat; padding: 0px 0px 0px 12px; padding: 0rem 0rem 0rem 1.2rem; margin: 7px 0px 7px 0px; margin: 0.7rem 0rem 0.7rem 0rem; } .products-grid .add-to-links { display: none; /* FIXME - should this be shown? */ } .products-grid .basket-add { display: none; position: absolute; top: -6px; top: -0.6rem; left: -6px; left: -0.6rem; width: 87.5%; height: 100%; background: #ffffff; opacity: 0.95; border: 1px solid #e8e8e8; padding: 0px 16px 0px 16px; padding: 0rem 1.6rem 0rem 1.6rem; } .products-grid .basket-add .close { position: absolute; z-index: 1; display: block; top: 10px; right: 10px; bottom: auto; left: auto; background: url(../images/icons.png) 100% -100px; padding: 0; width: 10px; height: 10px; cursor: pointer; } .products-grid .basket-add .product-name { margin: 40px 0px 0px 0px; margin: 4rem 0rem 0rem 0rem; } .products-grid .basket-add form { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } .products-grid .basket-add label { padding: 0; display: block; margin: 0; font-family: 'Univers Next W01 Bold'; } .products-grid .basket-add button { position: absolute; bottom: 20px; bottom: 2rem; left: 10px; left: 1rem; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .products-grid .basket-add button:hover, .products-grid .basket-add button:focus, .products-grid .basket-add button:active { text-decoration: underline; } /* ======================================================================================= */ /********** < Product Prices */ .price, .price-label { white-space: nowrap !important; } .price-label { font-size: 14px; font-size: 1.4rem; } .data-table td .price, #shopping-cart-totals-table td .price { font-family: 'Univers Next W01 Bold'; } .sidebar .price-label { display: none !important; } /* Old price */ .old-price .price-label, .old-price .price { color: #191919; } /* Special price */ .special-price .price-label, .special-price .price { color: #d71f26; } /********** Product Prices > */ /* Account Login/Create Pages ============================================================ */ /* Adress Book */ .addresses-list { font-size: 11px; font-size: 1.1rem; } .addresses-list ol { list-style: none; padding: 0; } .addresses-list .separator { display: none; } .addresses-list .actions a { background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; } .addresses-list .actions a:hover, .addresses-list .actions a:focus, .addresses-list .actions a:active { text-decoration: underline; } .addresses-additional .item { position: relative; font-size: 11px; font-size: 1.1rem; border: 1px solid #e0e0e0; padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; min-height: 135px; min-height: 13.5rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .addresses-additional .item a { background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; color: #191919; text-decoration: underline; position: absolute; bottom: 10px; bottom: 1rem; right: 0; } .addresses-additional .item a:hover, .addresses-additional .item a:focus, .addresses-additional .item a:active { text-decoration: underline; } .addresses-additional .item p a, .addresses-additional .item address a { position: static; background: none; } .addresses-additional .item .change { text-decoration: underline; position: static; display: block; margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; float: left; } .addresses-additional .item h2, .addresses-additional .item h3, .addresses-additional .item h4 { color: #191919; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } .addresses-additional .item h2 .separator, .addresses-additional .item h3 .separator, .addresses-additional .item h4 .separator { display: none; } .addresses-additional .item h2 a, .addresses-additional .item h3 a, .addresses-additional .item h4 a { font-weight: normal; font-family: 'UniversNextW01-Regular'; font-size: 11px; font-size: 1.1rem; text-transform: capitalize; } .addresses-additional .item .actions { margin: 0; position: absolute; bottom: 10px; bottom: 1rem; right: 0; } .addresses-additional .item .actions a { position: static; } .giftcard_redeem_message .messages .success-msg { font-size: 12px; font-weight: bold; } .account-login, .account-create, .customer-account-forgotpassword { font-size: 11px; font-size: 1.1rem; } .account-login button, .account-create button, .customer-account-forgotpassword button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .account-login button:hover, .account-create button:hover, .customer-account-forgotpassword button:hover, .account-login button:focus, .account-create button:focus, .customer-account-forgotpassword button:focus, .account-login button:active, .account-create button:active, .customer-account-forgotpassword button:active { text-decoration: underline; } .customer-address-form .control p, .customer-address-form .control { margin: 0; } .login-section { width: 74.45652173913044%; margin: 0 auto; } .account-login .col2-set { width: 74.45652173913044%; margin: 0 auto; } .account-login .container-box { padding: 20px 22px 20px 22px; padding: 2rem 2.2rem 2rem 2.2rem; position: relative; border: 1px solid #e0e0e0; } .account-login .messages { margin: -20px 0px 10px 0px; margin: -2rem 0rem 1rem 0rem; } .account-login .fieldset { border: none; } .account-login label { padding-left: 0; margin-bottom: 0; } .account-login li { clear: both; min-height: 0; } .account-login .buttons-set { margin: 0; } .account-login .form-list .control .input-box { position: static; padding: 0 10px 0 0; } .account-login .form-list .control .link-tip { margin-left: 10px; } .account-login #remember-me-box { padding: 0; } .account-login #remember-me-box label { margin: 0; } .account-login .col2-set .col-1, .account-login .col2-set .col-2 { zoom: 1; } .account-login .col2-set .col-1:before, .account-login .col2-set .col-2:before, .account-login .col2-set .col-1:after, .account-login .col2-set .col-2:after { content: ""; display: table; } .account-login .col2-set .col-1:after, .account-login .col2-set .col-2:after { clear: both; } .account-login .col2-set .col-1 label, .account-login .col2-set .col-2 label { font-family: 'Univers Next W01 Bold'; width: auto; text-align: left; } .account-login .col2-set .col-1 .input-text, .account-login .col2-set .col-2 .input-text { width: 260px; width: 26rem; } .account-login .col2-set .col-1 .buttons-set, .account-login .col2-set .col-2 .buttons-set { float: none; } .account-login .col2-set .col-1 .container-box { min-height: 290px; min-height: 29rem; } .account-login .col2-set .col-1 .container-box .form-list { margin: 0; } .account-login .col2-set .col-2 .container-box { min-height: 132px; min-height: 13.2rem; background: #f3f3f3; } .account-login .col2-set .col-2 .facebook-login .container-box { min-height: 100px; min-height: 10rem; } .account-login .col2-set .form-list .validation-advice { width: 100%; } .account-login p.required { clear: both; } .account-login button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; padding: 0.6rem 1.8rem 0.6rem 1.8rem; } .account-login button:hover, .account-login button:focus, .account-login button:active { text-decoration: underline; } .facebook-login { margin-top: 12px; clear: both; } .facebook-login .new-users { min-height: 0!important; /* overrides inline style */ } .facebook-login .container-box .content { zoom: 1; } .facebook-login .container-box .content:before, .facebook-login .container-box .content:after { content: ""; display: table; } .facebook-login .container-box .content:after { clear: both; } .facebook-login .button-container { margin: 18px 0px 18px 0px; margin: 1.8rem 0rem 1.8rem 0rem; } .facebook-login .button { float: none; background: url(../images/social-icons.png) top left no-repeat; line-height: 24px; line-height: 2.4rem; color: #191919; padding: 0 0 0 35px; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; border: none; text-decoration: underline; font-size: 11px; font-size: 1.1rem; } .facebook-login .button:hover, .facebook-login .button:active, .facebook-login .button:focus { color: #d71f26; } .facebook-login .twitter-button { background-position: 0 -150px; } html.lt-ie8 .account-login .container-box { min-height: 312px; min-height: 31.2rem; } html.lt-ie8 .facebook-login .container-box { min-height: 0; } .account-create #form-validate { margin: 0 auto; width: 62.17391304347826%; } .account-create #form-validate .input-text { width: 318px; width: 31.8rem; } .account-create #form-validate .validation-advice { width: 300px; width: 30rem; } .account-create .form-list { margin: 40px 0px 0px 0px; margin: 4rem 0rem 0rem 0rem; } .customer-account-forgotpassword #form-validate { margin: 0 auto; width: 62.17391304347826%; } .customer-account-forgotpassword #form-validate .input-text { width: 260px; width: 26rem; } .mini-products-list li { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .info-box { position: relative; font-size: 11px; font-size: 1.1rem; border: 1px solid #e0e0e0; padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; min-height: 135px; min-height: 13.5rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .info-box a { background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; color: #191919; text-decoration: underline; position: absolute; bottom: 10px; bottom: 1rem; right: 0; } .info-box a:hover, .info-box a:focus, .info-box a:active { text-decoration: underline; } .info-box p a, .info-box address a { position: static; background: none; } .info-box .change { text-decoration: underline; position: static; display: block; margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; float: left; } .my-account .data-table h1, .my-account .data-table h2, .my-account .data-table h3, .my-account .data-table h4, .my-account .data-table h5, .my-account .data-table h6 { line-height: 1.5; margin: 0; color: #191919; } .my-account .page-title h1 { font-size: 18px; font-size: 1.8rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .my-account h2 { font-size: 16px; font-size: 1.6rem; } .my-account a:hover, .my-account a:focus, .my-account a:active { color: #d71f26; } .my-account h2 a, .my-account h3 a { font-weight: normal; font-family: 'UniversNextW01-Regular'; font-size: 11px; font-size: 1.1rem; background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; color: #191919; text-decoration: underline; margin: 0px 0px 0px 15px; margin: 0rem 0rem 0rem 1.5rem; display: inline-block; } .my-account h2 a:hover, .my-account h3 a:hover, .my-account h2 a:focus, .my-account h3 a:focus, .my-account h2 a:active, .my-account h3 a:active { text-decoration: underline; } .my-account button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .my-account button:hover, .my-account button:focus, .my-account button:active { text-decoration: underline; } .my-account .btn-share, .my-account .btn-update { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .my-account .btn-share:hover, .my-account .btn-update:hover, .my-account .btn-share:focus, .my-account .btn-update:focus, .my-account .btn-share:active, .my-account .btn-update:active { text-decoration: underline; } #my-orders-table th .price, #legacy-orders-table th .price, #my-orders-table td .price, #legacy-orders-table td .price, #my-orders-table th .cart-price, #legacy-orders-table th .cart-price, #my-orders-table td .cart-price, #legacy-orders-table td .cart-price { border: none; padding: 0; } #my-orders-table th .price, #legacy-orders-table th .price, #my-orders-table td .price, #legacy-orders-table td .price { font-weight: normal; } #my-orders-table .subtotal, #legacy-orders-table .subtotal { font-family: 'Univers Next W01 Bold'; } #my-orders-table td.last, #legacy-orders-table td.last { width: 113px; width: 11.3rem; } #my-orders-table .status, #legacy-orders-table .status { width: 200px; width: 20rem; } #my-orders-table .view, #legacy-orders-table .view { width: 128px; width: 12.8rem; } #my-orders-table a, #legacy-orders-table a { padding: 0px 18px 0px 0px; padding: 0rem 1.8rem 0rem 0rem; background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; color: #191919; text-decoration: underline; } #my-orders-table a:hover, #legacy-orders-table a:hover, #my-orders-table a:focus, #legacy-orders-table a:focus, #my-orders-table a:active, #legacy-orders-table a:active { text-decoration: underline; } #my-orders-table a:hover, #legacy-orders-table a:hover, #my-orders-table a:focus, #legacy-orders-table a:focus, #my-orders-table a:active, #legacy-orders-table a:active { color: #d71f26; } #my-orders-table .product-name a, #legacy-orders-table .product-name a { background: none; } .sales-order-history #my-orders-table td.last, .sales-order-history #legacy-orders-table td.last { background-color: #ffffff; } .recent-orders #my-orders-table td.last, .recent-orders #legacy-orders-table td.last { background-color: #ffffff; } .order-date a { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } #wishlist-table td .truncated, #wishlist-table td .link-edit { display: block; margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } #wishlist-table td .link-edit { margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } #wishlist-table th, #wishlist-table td { padding: 5px 10px 5px 10px; padding: 0.5rem 1rem 0.5rem 1rem; padding-right: 0; position: relative; } #wishlist-table th span, #wishlist-table td span { display: block; } #wishlist-table td { position: relative; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } #wishlist-table td p { margin: 0; } #wishlist-table button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; display: block; min-width: 120px; min-width: 12rem; } #wishlist-table button:hover, #wishlist-table button:focus, #wishlist-table button:active { text-decoration: underline; } #wishlist-table .add-to-cart-alt { clear: both; margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } #wishlist-table .out-of-stock, #wishlist-table .in-stock { margin: 0; } .order-info { list-style: none; padding: 0; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .order-info dt { font-family: 'Univers Next W01 Bold'; } .order-info dd { margin: 0; } .order-info dd strong { font-weight: normal; font-family: 'UniversNextW01-Regular'; } .order-info ul { list-style: none; padding: 0; } .welcome-msg { border-bottom: 1px solid #f3f3f3; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } .welcome-msg h2 { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } .welcome-msg h2, .info-box h2, .welcome-msg h3, .info-box h3, .welcome-msg h4, .info-box h4 { color: #191919; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } .welcome-msg h2 .separator, .info-box h2 .separator, .welcome-msg h3 .separator, .info-box h3 .separator, .welcome-msg h4 .separator, .info-box h4 .separator { display: none; } .welcome-msg h2 a, .info-box h2 a, .welcome-msg h3 a, .info-box h3 a, .welcome-msg h4 a, .info-box h4 a { font-weight: normal; font-family: 'UniversNextW01-Regular'; font-size: 11px; font-size: 1.1rem; text-transform: capitalize; } fieldset { padding: 0; border: none; margin: 0; } table { font-size: 11px; font-size: 1.1rem; } table h3.product-name { line-height: 1.5; } table h3.product-name a { color: #191919; background: none; margin: 0; } table h3.product-name a:hover, table h3.product-name a:focus, table h3.product-name a:active { color: #d71f26; text-decoration: underline; } table textarea { width: 90%; height: 74px; height: 7.4rem; resize: vertical; overflow: auto; } table .qty { background: #ffffff; width: 25px; width: 2.5rem; text-align: center; padding: 3px 6px 3px 6px; padding: 0.3rem 0.6rem 0.3rem 0.6rem; } /* Store Credit */ .storecredit .account-balance { clear: both; padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } /* =================================================================================== */ /* Split Button ====================================================================== */ .link-wishlist, .link-email, .split-button, .product-shop .link-compare { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; padding: 6px 11px 6px 11px; padding: 0.6rem 1.1rem 0.6rem 1.1rem; } .link-wishlist:hover, .link-email:hover, .split-button:hover, .product-shop .link-compare:hover, .link-wishlist:focus, .link-email:focus, .split-button:focus, .product-shop .link-compare:focus, .link-wishlist:active, .link-email:active .split-button:active, .product-shop .link-compare:active { text-decoration: underline; } .link-wishlist:hover, .split-button:hover, .link-email:hover, .product-shop .link-compare:hover, .link-wishlist:focus, .link-email:focus, .split-button:focus, .product-shop .link-compare:focus, .link-wishlist:active, .link-email:active, .split-button:active, .product-shop .link-compare:active { text-decoration: none; } .product-shop .link-compare { padding: 6px 18px 6px 7px; padding: 0.6rem 1.8rem 0.6rem 0.7rem; } .link-wishlist:hover, .link-email:hover, .product-shop .link-compare:hover, .link-wishlist:focus, .link-email:focus, .product-shop .link-compare:focus, .link-wishlist:active, .link-email:active, .product-shop .link-compare:active { text-decoration: underline; } .split-button { background-image: none; padding: 6px 12px 6px 6px; padding: 0.6rem 1.2rem 0.6rem 0.6rem; display: inline-block; position: relative; z-index: 2; white-space: nowrap; } .split-button strong { cursor: default; font-weight: normal; font-family: 'UniversNextW01-Regular'; margin: 0; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; } .split-button .change { outline: none; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; text-align: left; direction: ltr; display: inline-block; width: 11px; background-image: url(../images/arrows.png); background-position: 100% -492px; background-repeat: no-repeat; background-position: 100% -495px; line-height: 1; left: 6px; } .split-button .list-container { text-align: left; position: absolute; display: none; right: -1px; top: 100%; min-width: 250px; float: left; } .split-button .list-container ul { background: #ffffff; list-style: none; padding: 0; border: 1px solid #e0e0e0; padding-top: 2px; position: relative; } .split-button .list-container ul a, .split-button .list-container ul span { display: block; cursor: pointer; padding: 5px 0px 5px 0px; padding: 0.5rem 0rem 0.5rem 0rem; } .split-button .list-container ul a:hover, .split-button .list-container ul span:hover { color: #d71f26; } .split-button .list-container ul li { margin: 0 8px; border-bottom: 1px dotted #e0e0e0; } .split-button .list-container ul .new { margin: -1px 0 0; padding: 0px 3px 0px 3px; padding: 0rem 0.3rem 0rem 0.3rem; background: url(../images/icons.png) 100% -633px no-repeat; background-color: #e0e0e0; text-align: right; border: none; } .split-button .list-container ul .new span { padding: 9px 20px 5px 0px; padding: 0.9rem 2rem 0.5rem 0rem; } .split-button .list-container ul .new:hover, .split-button .list-container ul .new:focus, .split-button .list-container ul .new:active { text-decoration: underline; } .split-button.active .list-container { display: block; } .clickable:hover, .clickable:focus, .clickable:active { text-decoration: underline; cursor: pointer; } .clickable span:hover, .clickable span:focus, .clickable span:active { text-decoration: underline; cursor: pointer; } /* ======================================================================================= */ .wishlist-index-share .form-list label { padding-left: 0; float: none; text-align: left; margin: 0; width: auto; } .wishlist-index-share .form-list label em { padding: 0px 4px 0px 0px; padding: 0rem 0.4rem 0rem 0rem; } .wishlist-index-share .form-list .input-box { float: none; } .wishlist-index-share .form-list .input-box textarea { width: 100%; } .wishlist-index-share .form-list .input-box #message { height: 180px; height: 18rem; } /* Multiple Wishlist ===================================================================== */ .wishlist-management .sub-title { float: left; } .wishlist-management .btn-create { float: right; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .wishlist-management .table-caption { zoom: 1; font-size: 11px; font-size: 1.1rem; border: 1px dotted #e0e0e0; border-width: 1px 0 0; margin: 30px 0px 0px 0px; margin: 3rem 0rem 0rem 0rem; padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } .wishlist-management .table-caption:before, .wishlist-management .table-caption:after { content: ""; display: table; } .wishlist-management .table-caption:after { clear: both; } .wishlist-management .table-caption .label { display: none; } #wishlists-move { float: right; margin-left: 10px; } #wishlists-copy { float: right; } /* ======================================================================================= */ .data-table .product-name { font-size: 11px; font-size: 1.1rem; font-weight: normal; text-decoration: none; } .data-table .product-image { display: block; border: 1px solid #f3f3f3; } .data-table .item-options { zoom: 1; display: inline-block; margin: 6px 0 0 0; } .data-table .item-options:before, .data-table .item-options:after { content: ""; display: table; } .data-table .item-options:after { clear: both; } .data-table .item-options dt, .data-table .item-options dd { float: left; } .data-table .item-options dt { clear: left; } .data-table img { display: block; } .data-table em { font-style: normal; } /* Shopping Cart ========================================================================= */ .paypal-logo .paypal-or { display: block; margin: 5px 0; } .checkout-cart-index .messages { margin: -20px 0px 10px 0px; margin: -2rem 0rem 1rem 0rem; } .cart .title-buttons { position: relative; margin: 0; } .cart .title-buttons .checkout-types { display: none; } .cart .title-buttons .checkout-types li { margin: 0; } .cart .checkout-types { zoom: 1; clear: both; list-style: none; padding: 0; float: right; } .cart .checkout-types:before, .cart .checkout-types:after { content: ""; display: table; } .cart .checkout-types:after { clear: both; } .cart .checkout-types button { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .cart .checkout-types button:hover, .cart .checkout-types button:focus, .cart .checkout-types button:active { text-decoration: underline; } .cart .checkout-types li { zoom: 1; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .cart .checkout-types li:before, .cart .checkout-types li:after { content: ""; display: table; } .cart .checkout-types li:after { clear: both; } .cart .remove { width: 100px; width: 10rem; } .cart .totals { width: 290px; float: right; } .cart .totals .button { width: 132px; } .cart .totals .btn-update { clear: both; float: right; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; width: auto; } .cart .totals p { clear: both; font-size: 11px; font-size: 1.1rem; text-align: right; margin: 0; } .cart .totals #sendcart-action { width: auto; max-width: 155px; } .cart .discount, .cart .shipping, .cart .sendfriend{ padding: 10px; border: 1px dotted #e0e0e0; margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; float: left; width: 65.21739130434783%; font-size: 11px; font-size: 1.1rem; } .cart .discount h2, .cart .shipping h2 { font-size: 11px; font-size: 1.1rem; font-family: 'Univers Next W01 Bold'; margin: 0 30px 0 0; line-height: 1.5; } .cart .discount { position: relative; } .cart .discount form * { float: left; } .cart .discount h2 { float: left; width: 140px; padding: 7px 0px 0px 0px; padding: 0.7rem 0rem 0rem 0rem; } .cart .discount form { float: right; } .cart .discount label { display: block; padding-left: 0; } .cart .discount .input-text { width: 115px; padding: 6px 3px; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; height: 13px; } .cart .discount .button { margin-right: 5px; padding-top: 6px; padding-bottom: 6px; } .cart .discount .v-fix { width: 128px; } .cart .discount .modal-link { clear: both; display: block; float: left; } .cart #advice-required-code-coupon_code { display: block; clear: both; float: none; width: 280px; } .cart .giftcard { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } .cart .giftcard .check-gc-status { margin: 28px 0px 0px 0px; margin: 2.8rem 0rem 0rem 0rem; background-color: transparent; border: none; background-image: url(../images/arrows.png); background-position: 100% -293px; background-repeat: no-repeat; background-position: 100% -294px; padding: 0px 24px 0px 0px; padding: 0rem 2.4rem 0rem 0rem; text-decoration: none; line-height: 1; } .cart .giftcard .check-gc-status:hover, .cart .giftcard .check-gc-status:focus, .cart .giftcard .check-gc-status:active { text-decoration: underline; } .cart .shipping { zoom: 1; } .cart .shipping:before, .cart .shipping:after { content: ""; display: table; } .cart .shipping:after { clear: both; } .cart .shipping buttons-set { float: right; } .cart .shipping .modal-link { display: block; font-weight: normal; font-size: 11px; font-size: 1.1rem; margin: 4px 0px 0px 0px; margin: 0.4rem 0rem 0rem 0rem; } .cart .shipping label { width: auto; float: none; margin: 0; padding-left: 0; } .cart .shipping button { float: none; } .cart .shipping .input-box { float: none; } .cart .shipping .sp-methods { clear: both; } .cart .shipping label { float: none; padding: 0px 0px 0px 10px; padding: 0rem 0rem 0rem 1rem; margin: 0; } #shipping_method_label { padding: 0; text-indent: 15px; } .cart #shipping-zip-form, .cart #co-shipping-method-form { zoom: 1; float: left; width: 200px; } .cart #shipping-zip-form:before, .cart #co-shipping-method-form:before, .cart #shipping-zip-form:after, .cart #co-shipping-method-form:after { content: ""; display: table; } .cart #shipping-zip-form:after, .cart #co-shipping-method-form:after { clear: both; } .cart #shipping-zip-form { margin-right: 45px; } .cart #choose-date { float: left; width: 450px; margin-left: 170px; margin-top: 10px; } .cart #choose-date h3 { font-size: 11px; font-size: 1.1rem; margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } .cart .crosssell { clear: both; border-top: 1px solid #f3f3f3; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } .cart .crosssell h2 { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .cart .crosssell ul { zoom: 1; list-style: none; padding: 0; } .cart .crosssell ul:before, .cart .crosssell ul:after { content: ""; display: table; } .cart .crosssell ul:after { clear: both; } .cart .crosssell .item { zoom: 1; width: 30.869565217391305%; padding: 10px 20px 10px 0; float: left; font-size: 11px; font-size: 1.1rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; height: 130px; height: 13rem; overlow: hidden; } .cart .crosssell .item:before, .cart .crosssell .item:after { content: ""; display: table; } .cart .crosssell .item:after { clear: both; } .cart .crosssell .product-image { float: left; border: 1px solid #f3f3f3; } .cart .crosssell .product-shop { padding-left: 100px; } .cart .crosssell .product-name { font-size: 11px; font-size: 1.1rem; text-decoration: none; } .cart .crosssell .product-name a { text-decoration: none; } .cart .crosssell .button { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } .cart .crosssell { clear: both; border-top: 1px solid #f3f3f3; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } .cart .crosssell h2 { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .cart .crosssell ul { zoom: 1; list-style: none; padding: 0; } .cart .crosssell ul:before, .cart .crosssell ul:after { content: ""; display: table; } .cart .crosssell ul:after { clear: both; } .cart .crosssell .item { zoom: 1; width: 30.869565217391305%; padding: 10px 20px 10px 0; float: left; font-size: 11px; font-size: 1.1rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; height: 130px; height: 13rem; overlow: hidden; } .cart .crosssell .item:before, .cart .crosssell .item:after { content: ""; display: table; } .cart .crosssell .item:after { clear: both; } .cart .crosssell .product-image { float: left; border: 1px solid #f3f3f3; } .cart .crosssell .product-image img { display: block; } .cart .crosssell .product-shop { padding-left: 138px; } .cart .crosssell .product-name { font-size: 11px; font-size: 1.1rem; text-decoration: none; } .cart .crosssell .product-name a { text-decoration: none; } .cart .crosssell .button { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } .cart .security-payment-notices { clear: both; padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; font-size: 11px; font-size: 1.1rem; } .cart .security-payment-notices a, .cart .security-payment-notices p { float: left; } .cart .security-payment-notices p { margin: 10px 0px 0px 15px; margin: 1rem 0rem 0rem 1.5rem; } .cart .security-payment-notices p a { float: none; } .cart .security-payment-notices .card-icons { float: right; } .cart .security-payment-notices .card-icons { margin: 6px 0px 0px 0px; margin: 0.6rem 0rem 0rem 0rem; } .cart .button-link { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } .lt-ie8 .cart .discount .button { width: 110px; margin-right: 5px; margin-bottom: 5px; } .lt-ie8 .cart #advice-required-code-coupon_code { width: 170px; } /* Shopping Cart Table */ .cart-table { margin: 0; } .cart-table .btn-continue { float: left; } .cart-table th, .cart-table td { padding: 15px 20px 5px 20px; padding: 1.5rem 2rem 0.5rem 2rem; text-align: center; border-left: 1px solid #f3f3f3; } .cart-table th { background-color: #ffffff; } .cart-table .image, .cart-table .item { text-align: left; border-left: 0; } .cart-table .image { border-right: 0; width: 130px!important; padding-left: 0; padding-right: 0; } .cart-table .image .remove-link { font-size: 11px; font-size: 1.1rem; line-height: 2.5; } .cart-table .item { border-left: 0; } .cart-table .options { text-align: left; } .cart-table td { font-size: 12px; font-size: 1.2rem; } .cart-table td.item { vertical-align: top; } .cart-table .item-options { margin: 0; } .cart-table .item-options dt, .cart-table .item-options dd { float: none; text-align: left; font-size: 11px; font-size: 1.1rem; } .cart-table .item-options dt { font-family: 'Univers Next W01 Bold'; } .cart-table .item-options dd { margin: 0; } .cart-table .wishlist .split-button { text-align: left; } .cart-table .price { font-weight: normal; } .cart-table th.price { font-family: 'Univers Next W01 Bold'; } .cart-table .subtotal { background-color: #f3f3f3; text-align: right; width: 92px; } .cart-table .subtotal .price { font-family: 'Univers Next W01 Bold'; } .cart-table td { vertical-align: middle; } .cart-table .product-name { font-size: 12px; font-size: 1.2rem; text-decoration: none; } .cart-table .product-name a { text-decoration: none; } .cart-table .link-wishlist, .cart-table .link-email, .cart-table .split-button { border: none; background: transparent; font-weight: normal; text-decoration: underline; } .cart-table tfoot td { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } #shopping-cart-totals-table { border-top: 0; width: auto; float: right; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; zoom: 1; } #shopping-cart-totals-table:before, #shopping-cart-totals-table:after { content: ""; display: table; } #shopping-cart-totals-table:after { clear: both; } #shopping-cart-totals-table th, #shopping-cart-totals-table td { font-size: 12px; font-size: 1.2rem; background-color: #ffffff; padding: 10px 20px 10px 20px; padding: 1rem 2rem 1rem 2rem; text-align: right; font-weight: normal; vertical-align: middle; } #shopping-cart-totals-table th { font-weight: normal; border-left: 0; } #shopping-cart-totals-table .costs { background-color: #f3f3f3; text-align: right; width: 92px; font-size: 14px; font-size: 1.4rem; border-left: 1px solid #f3f3f3; } #shopping-cart-totals-table .costs .price { font-family: 'Univers Next W01 Bold'; } #shopping-cart-totals-table .price { font-weight: normal; } #shopping-cart-totals-table .subtotals strong .price { font-family: 'Univers Next W01 Bold'; } #shopping-cart-totals-table .grand-total th, #shopping-cart-totals-table .grand-total td { padding: 15px 20px 15px 20px; padding: 1.5rem 2rem 1.5rem 2rem; } #shopping-cart-totals-table .grand-total th { font-size: 14px; font-size: 1.4rem; } #shopping-cart-totals-table .grand-total td { font-size: 18px; font-size: 1.8rem; } #shopping-cart-totals-table .grand-total .price { font-family: 'Univers Next W01 Bold'; } #shopping-cart-totals-table .remove { padding: 0px 20px 0px 0px; padding: 0rem 2rem 0rem 0rem; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc-wrapper { zoom: 1; /* Steps */ } .opc-wrapper:before, .opc-wrapper:after { content: ""; display: table; } .opc-wrapper:after { clear: both; } .opc-wrapper .step-title h2 { font-size: 14px; font-size: 1.4rem; border: 1px dotted #e0e0e0; border-width: 1px 0 0; margin: 0; padding: 8px 0px 8px 0px; padding: 0.8rem 0rem 0.8rem 0rem; background-image: url(../images/arrows.png); background-position: 100% -492px; background-repeat: no-repeat; } .opc-wrapper .active .step-title h2 { background-image: url(../images/arrows.png); background-position: 100% -592px; background-repeat: no-repeat; } .opc-wrapper .allow .step-title h2 { cursor: pointer; } .opc-wrapper button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; float: right; } .opc-wrapper button:hover, .opc-wrapper button:focus, .opc-wrapper button:active { text-decoration: underline; } .opc-wrapper #checkoutSteps { zoom: 1; float: left; width: 79.34782608695652%; list-style: none; padding: 0; font-size: 11px; font-size: 1.1rem; } .opc-wrapper #checkoutSteps:before, .opc-wrapper #checkoutSteps:after { content: ""; display: table; } .opc-wrapper #checkoutSteps:after { clear: both; } .opc-wrapper #checkoutSteps .number { display: none; } .opc-wrapper .step { zoom: 1; position: relative; padding: 20px 25px 20px 25px; padding: 2rem 2.5rem 2rem 2.5rem; } .opc-wrapper .step:before, .opc-wrapper .step:after { content: ""; display: table; } .opc-wrapper .step:after { clear: both; } .opc-wrapper .step ul { list-style: none; } .opc-wrapper .step ul .fieldset { padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } .opc-wrapper .step .buttons-set { float: none; } .opc-wrapper .step p.required { float: left; } .opc-wrapper .step .tool-tip { right: 130px; right: 13rem; } .opc-wrapper .form-list ul { padding: 0; } .opc-wrapper #checkout-step-login { padding-left: 0; padding-right: 0; } .opc-wrapper #checkout-step-login .col2-set .content { border: 1px solid #e0e0e0; padding: 20px 22px 20px 22px; padding: 2rem 2.2rem 2rem 2.2rem; } .opc-wrapper #checkout-step-login .col2-set .col-1, .opc-wrapper #checkout-step-login .col2-set .col-2 { position: relative; } .opc-wrapper #checkout-step-login .col2-set .col-1 h4, .opc-wrapper #checkout-step-login .col2-set .col-2 h4 { font-size: 20px; font-size: 2rem; text-transform: none; } .opc-wrapper #checkout-step-login .col2-set .col-1 .form-list li { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } .opc-wrapper #checkout-step-login .col2-set .col-1 .form-list .buttons-set { margin: 0; } .opc-wrapper #checkout-step-login .col2-set .col-1 label { width: auto; } /* REMOVED WEB-1003 .opc-wrapper #checkout-step-login .col2-set .col-1 .content { min-height: 262px; } */ .opc-wrapper #checkout-step-login .col2-set .col-2 #register-now, .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-as-guest { zoom: 1; clear: both; } .opc-wrapper #checkout-step-login .col2-set .col-2 #register-now:before, .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-as-guest:before, .opc-wrapper #checkout-step-login .col2-set .col-2 #register-now:after, .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-as-guest:after { content: ""; display: table; } .opc-wrapper #checkout-step-login .col2-set .col-2 #register-now:after, .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-as-guest:after { clear: both; } .opc-wrapper #checkout-step-login .col2-set .col-2 .content { background: #f3f3f3; height: 100px; height: 10rem; } .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-as-guest { padding-top: 20px; } .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-buttons { float: right; } .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-buttons button { float: none; } .opc-wrapper #checkout-step-login .col2-set .col-2 #checkout-buttons .or { padding: 0 5px; } .opc-wrapper #checkout-step-login .col2-set .col-2 #guest-checkout { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .opc-wrapper #checkout-step-login .col2-set .col-2 #guest-checkout:hover, .opc-wrapper #checkout-step-login .col2-set .col-2 #guest-checkout:focus, .opc-wrapper #checkout-step-login .col2-set .col-2 #guest-checkout:active { text-decoration: underline; } .opc-wrapper #checkout-step-login .col2-set .col-2 ul { padding-left: 10px; } .opc-wrapper #checkout-step-login .col2-set .col-2 .facebook-login { min-height: 99px; margin-top: 20px; } .opc-wrapper #checkout-step-login .col2-set .control, .opc-wrapper #checkout-step-login .col2-set .add-field { padding: 0; } .opc-wrapper #checkout-step-login .col2-set .control label, .opc-wrapper #checkout-step-login .col2-set .add-field label { margin: 0px 10px 5px 0px; margin: 0rem 1rem 0.5rem 0rem; } .opc-wrapper #checkout-step-login .col2-set .control .input-box, .opc-wrapper #checkout-step-login .col2-set .add-field .input-box { position: static; padding-right: 10px; } .opc-wrapper #checkout-step-login .col2-set .control .link-tip, .opc-wrapper #checkout-step-login .col2-set .add-field .link-tip { margin-left: 10px; } .opc-wrapper #checkout-step-login .col2-set #remember-me-box { margin-bottom: 10px; } .opc-wrapper #checkout-step-login .col2-set .validation-advice { width: 190px; } .opc-wrapper #checkout-step-login .note { margin-bottom: 0!important; } .opc-wrapper #checkout-step-login label { font-family: 'Univers Next W01 Bold'; padding: 0; text-align: left; } .opc-wrapper #checkout-step-login .input-text { width: 243px; width: 24.3rem; } .opc-wrapper #checkout-step-login .form-list { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } .opc-wrapper #checkout-step-login .col-2 ul { list-style: disc; } .opc-wrapper #checkout-step-login .col-2 .form-list { list-style: none; } .opc-wrapper #checkout-step-login .col-2 li { margin-bottom: 0; } .opc-wrapper #checkout-step-login .col-2 label { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; float: none; font-weight: normal; text-align: left; } .opc-wrapper #checkout-step-login #social-media-login { clear: both; } .opc-wrapper #checkout-step-billing .control, .opc-wrapper #checkout-step-shipping .control, .opc-wrapper #checkout-step-billing .form-alt, .opc-wrapper #checkout-step-shipping .form-alt { padding-left: 0; margin: 0px 0px 8px 212px; margin: 0rem 0rem 0.8rem 21.2rem; } .opc-wrapper #checkout-step-billing .control .input-box, .opc-wrapper #checkout-step-shipping .control .input-box, .opc-wrapper #checkout-step-billing .form-alt .input-box, .opc-wrapper #checkout-step-shipping .form-alt .input-box { position: static; padding-right: 0; margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } .opc-wrapper #checkout-step-billing .control label, .opc-wrapper #checkout-step-shipping .control label, .opc-wrapper #checkout-step-billing .form-alt label, .opc-wrapper #checkout-step-shipping .form-alt label { margin-left: 0; padding-left: 0; text-align: left; width: auto; } .opc-wrapper #checkout-step-billing .form-alt, .opc-wrapper #checkout-step-shipping .form-alt { margin: 0px 0px 10px 212px; margin: 0rem 0rem 1rem 21.2rem; } .opc-wrapper #checkout-step-billing .form-alt label, .opc-wrapper #checkout-step-shipping .form-alt label, .opc-wrapper #checkout-step-billing .form-alt select, .opc-wrapper #checkout-step-shipping .form-alt select { float: none; } .opc-wrapper #checkout-step-billing .form-alt select, .opc-wrapper #checkout-step-shipping .form-alt select { width: 364px; } .opc-wrapper #co-billing-form li { min-height: 0; } .opc-wrapper #checkout-step-shipping_method { padding: 10px 0px 20px 0px; padding: 1rem 0rem 2rem 0rem; } .opc-wrapper #checkout-step-shipping_method .buttons-set { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } .opc-wrapper #checkout-shipping-method-load, .opc-wrapper #onepage-checkout-shipping-method-additional-load { float: left; } .opc-wrapper #onepage-checkout-shipping-method-additional-load { width: 40%; } .opc-wrapper #onepage-checkout-shipping-method-additional-load .input-text, .opc-wrapper #onepage-checkout-shipping-method-additional-load textarea { width: 85%; background: #ffffff; } .opc-wrapper #onepage-checkout-shipping-method-additional-load textarea, .opc-wrapper #onepage-checkout-shipping-method-delivery-instructions textarea { min-height: 150px; min-height: 15rem; width: 290px; } .opc-wrapper #onepage-checkout-shipping-method-delivery-dates { margin-bottom: 20px; } .opc-wrapper #checkout-shipping-method-load { width: 56%; } .opc-wrapper #shipping-method-buttons-container { clear: both; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } .opc-wrapper #checkout-step-payment dt { border-bottom: 1px dotted #e0e0e0; padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } .opc-wrapper #checkout-step-payment dl { clear: both; } .opc-wrapper #checkout-step-payment .v-fix { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .opc-wrapper #checkout-step-payment .radio { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } .opc-wrapper #checkout-step-payment .note { margin: 15px 0px 15px 0px; margin: 1.5rem 0rem 1.5rem 0rem; } .opc-wrapper #checkout-step-payment #payment_form_ccsave { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } .opc-wrapper #checkout-step-payment #customerbalance_placer { margin: 0px 0px 10px 200px; margin: 0rem 0rem 1rem 20rem; } .opc-wrapper #checkout-step-payment #customerbalance_placer label strong { font-weight: normal; font-family: 'UniversNextW01-Regular'; } .opc-wrapper #checkout-step-payment .modal-link { display: block; float: left; margin: 0px 0px 30px 200px; margin: 0rem 0rem 3rem 20rem; } .opc-wrapper #checkout-step-payment #paypoint_direct_cc_type_cvv_div .modal-link { margin: 0; } .opc-wrapper #paypoint_direct_cc_type_exp_div div.validation-error, .opc-wrapper #paypoint_direct_cc_type_exp_div div.validation-passed { width: 364px; } .opc-wrapper #paypoint_direct_cc_type_exp_div .v-fix { float: left; position: relative; margin-right: 10px; } .opc-wrapper #paypoint_direct_cc_type_exp_div .v-fix .validation-advice { width: 100%; } .opc-wrapper .pp_direct_payment_fields div.validation-error, .opc-wrapper .pp_direct_payment_fields div.validation-passed { min-width: 364px; } .opc-wrapper #checkout-payment-method-load label { padding: 6px 0px 6px 0px; padding: 0.6rem 0rem 0.6rem 0rem; } .opc-wrapper #advice-required-entry-paypoint_direct_cc_owner { padding: 4px 0px 0px 200px; padding: 0.4rem 0rem 0rem 20rem; } .opc-wrapper #paypoint_direct_allow_saving_card_info { display: block; padding: 4px 0px 0px 200px; padding: 0.4rem 0rem 0rem 20rem; } .opc-wrapper #paypoint_direct_allow_saving_card_info label { text-align: left; width: 350px; float: none; padding: 0px 0px 0px 5px; padding: 0rem 0rem 0rem 0.5rem; } .opc-wrapper #payment_form_paypoint_direct { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } .opc-wrapper #payment_form_paypoint_direct .validation-advice { width: 284px; } .opc-wrapper #payment-tool-tip { padding-top: 10px; } .opc-wrapper #payment-tool-tip img { display: block; margin: 0 auto; } .opc-wrapper #paypoint_direct_use_alternate { margin: 6px 0px 0px 0px; margin: 0.6rem 0rem 0rem 0rem; } .opc-wrapper #checkout-step-review table { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .opc-wrapper #checkout-step-review table td, .opc-wrapper #checkout-step-review table th { padding: 5px 20px 5px 10px; padding: 0.5rem 2rem 0.5rem 1rem; } .opc-wrapper #checkout-step-review table .item-options { margin: 0; } .opc-wrapper #checkout-step-review table .item-options dt, .opc-wrapper #checkout-step-review table .item-options dd { float: none; text-align: left; font-size: 11px; font-size: 1.1rem; } .opc-wrapper #checkout-step-review table .item-options dt { font-family: 'Univers Next W01 Bold'; } .opc-wrapper #checkout-step-review table .item-options dd { margin: 0; } .opc-wrapper #checkout-step-review .grand-total th, .opc-wrapper #checkout-step-review .grand-total td { vertical-align: middle; } .opc-wrapper #checkout-step-review .product-name { font-size: 11px; font-size: 1.1rem; line-height: 1.5; } .opc-wrapper #checkout-step-review .price { width: 80px; width: 8rem; } .opc-wrapper #checkout-step-review td .price { font-weight: normal; } .opc-wrapper #checkout-step-review .total-price .price { font-family: 'Univers Next W01 Bold'; font-size: 14px; font-size: 1.4rem; } .opc-wrapper #checkout-step-review .quantity { text-align: center; width: 70px; width: 7rem; } .opc-wrapper #checkout-step-review .total { width: 110px; width: 11rem; } .opc-wrapper #checkout-step-review .total, .opc-wrapper #checkout-step-review td.last, .opc-wrapper #checkout-step-review .costs { background-color: #f3f3f3; text-align: right; } .opc-wrapper #checkout-step-review tfoot th { background-color: #ffffff; text-align: right; font-weight: normal; } .opc-wrapper #checkout-step-review tfoot td { text-align: right!important; } button#choose-delivery-day.choose-deliv-day { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } button#choose-delivery-day.choose-deliv-day:hover, button#choose-delivery-day.choose-deliv-day:focus, button#choose-delivery-day.choose-deliv-day:active { text-decoration: underline; } #review-buttons-container { float: right; } #checkout-agreements { float: right; } #checkout-agreements ol { list-style: none; padding: 0; } #checkout-agreements ol .agreement-content { display: none; } #checkout-agreements ol .agree { float: right; font-family: 'Univers Next W01 Bold'; margin: 5px 10px 0px 0px; margin: 0.5rem 1rem 0rem 0rem; } .lt-ie8 .opc-wrapper #checkout-step-login .col-1 label { width: 82px; width: 8.2rem; } button.afd-lookup-button, button.afd-select-button { margin-bottom: 0!important; float: right; } .afd-select-placeholder { clear: both; } .postcode-lookup-message { width: 220px; padding-top: 8px; display: none; } .checkout-onepage-success .data-table img { float: left; border: 1px solid #f3f3f3; margin-right: 10px; } #thank-you .buttons-set { float: none; padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; border-bottom: 1px solid #f3f3f3; margin: 15px 0px 15px 0px; margin: 1.5rem 0rem 1.5rem 0rem; } #thank-you button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } #thank-you button:hover, #thank-you button:focus, #thank-you button:active { text-decoration: underline; } #thank-you img { display: block; margin: 0 auto; } /* Multiple Shipping */ .checkout-multishipping-address-newshipping .col-main .page-title, .checkout-multishipping-shipping .col-main .page-title, .checkout-multishipping-billing .col-main .page-title, .checkout-multishipping-overview .col-main .page-title, .checkout-multishipping-address-newshipping .col-main form, .checkout-multishipping-shipping .col-main form, .checkout-multishipping-billing .col-main form, .checkout-multishipping-overview .col-main form, .checkout-multishipping-address-newshipping .col-main .messages, .checkout-multishipping-shipping .col-main .messages, .checkout-multishipping-billing .col-main .messages, .checkout-multishipping-overview .col-main .messages { float: left; width: 79.34782608695652%; } .checkout-multishipping-address-newshipping .col-main .buttons-set, .checkout-multishipping-shipping .col-main .buttons-set, .checkout-multishipping-billing .col-main .buttons-set, .checkout-multishipping-overview .col-main .buttons-set { float: none; } .checkout-multishipping-address-newshipping .col-main .buttons-set .button, .checkout-multishipping-shipping .col-main .buttons-set .button, .checkout-multishipping-billing .col-main .buttons-set .button, .checkout-multishipping-overview .col-main .buttons-set .button { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .checkout-multishipping-address-newshipping .col-main .buttons-set .button:hover, .checkout-multishipping-shipping .col-main .buttons-set .button:hover, .checkout-multishipping-billing .col-main .buttons-set .button:hover, .checkout-multishipping-overview .col-main .buttons-set .button:hover, .checkout-multishipping-address-newshipping .col-main .buttons-set .button:focus, .checkout-multishipping-shipping .col-main .buttons-set .button:focus, .checkout-multishipping-billing .col-main .buttons-set .button:focus, .checkout-multishipping-overview .col-main .buttons-set .button:focus, .checkout-multishipping-address-newshipping .col-main .buttons-set .button:active, .checkout-multishipping-shipping .col-main .buttons-set .button:active, .checkout-multishipping-billing .col-main .buttons-set .button:active, .checkout-multishipping-overview .col-main .buttons-set .button:active { text-decoration: underline; } .checkout-multishipping-shipping .gift-message-form { font-size: 11px; font-size: 1.1rem; } .checkout-multishipping-shipping .gift-message-form .form-list label { text-align: left; padding-left: 0; } .checkout-multishipping-shipping .gift-message-form .validation-passed { background: none; } .checkout-multishipping-shipping .gift-message-form .input-text, .checkout-multishipping-shipping .gift-message-form textarea { width: 30em; } .checkout-multishipping-overview .checkout-agreements { list-style: none; font-size: 11px; font-size: 1.1rem; font-family: 'Univers Next W01 Bold'; } .checkout-multishipping-overview .checkout-agreements .agree { padding: 5px 10px 0px 0px; padding: 0.5rem 1rem 0rem 0rem; } .checkout-multishipping-overview .checkout-agreements .agreement-content { display: none; } .checkout-multishipping-overview tbody td.last { background-color: #f3f3f3; } .checkout-multishipping-overview tfoot th { background-color: #ffffff; text-align: right; padding: 10px 20px 10px 10px; padding: 1rem 2rem 1rem 1rem; } .checkout-multishipping-overview tfoot td { background-color: #f3f3f3; } .checkout-multishipping-overview #checkout-review-submit .back-link { float: left; } .checkout-multishipping-overview #checkout-review-submit .grand-total { float: right; } .checkout-multishipping-overview #review-buttons-container { clear: both; } #checkout_multishipping_form { float: left; width: 79.34782608695652%; } #checkout_multishipping_form h2 { font-size: 14px; font-size: 1.4rem; margin: 0; padding: 8px 0px 8px 0px; padding: 0.8rem 0rem 0.8rem 0rem; } #checkout_multishipping_form .address-update { padding-right: 0; } #checkout_multishipping_form .buttons-set { float: none; } #checkout_multishipping_form .buttons-set .button { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } #checkout_multishipping_form .buttons-set .button:hover, #checkout_multishipping_form .buttons-set .button:focus, #checkout_multishipping_form .buttons-set .button:active { text-decoration: underline; } /* Common Checkout Styles */ /**************************/ .please-wait { position: absolute; z-index: 99; top: 50%; left: 50%; margin: 34px 0px 0px -90px; margin: 3.4rem 0rem 0rem -9rem; border: 1px solid #e0e0e0; font-size: 14px; font-size: 1.4rem; background: #f3f3f3; opacity: 0.95; padding: 15px 20px 15px 20px; padding: 1.5rem 2rem 1.5rem 2rem; white-space: nowrap; } .please-wait img { margin: 0px 12px 0px 0px; margin: 0rem 1.2rem 0rem 0rem; } /* Shipping and Payment methods */ .sp-methods { margin: 0; } .sp-methods dt { font-family: 'Univers Next W01 Bold'; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } .sp-methods dd { margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; } .sp-methods ul { list-style: none; padding: 0; } .sp-methods li { margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } .shipping-methods li { padding-left: 15px; text-indent: -20px; margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } .sp-methods label { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; } .sp-methods .price { font-family: 'Univers Next W01 Bold'; } /* Tooltip */ .tool-tip { border: 1px solid #e0e0e0; background-color: #f3f3f3; padding: 5px 5px 5px 5px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; position: absolute; z-index: 9999; } .tool-tip .btn-close { text-align: right; } .tool-tip .tool-tip-content { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } /* Gift Messages */ .add-gift-message h3 { font-size: 12px; font-size: 1.2rem; } .gift-message-form { zoom: 1; padding: 0px 20px 10px 20px; padding: 0rem 2rem 1rem 2rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; border: 1px solid #e0e0e0; background: #f3f3f3; } .gift-message-form:before, .gift-message-form:after { content: ""; display: table; } .gift-message-form:after { clear: both; } .gift-message-form h4, .gift-message-form h5 { margin: 20px 0px 15px 0px; margin: 2rem 0rem 1.5rem 0rem; font-size: 12px; font-size: 1.2rem; } #allow-gift-options-for-items-container ol { list-style: none; padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } #allow-gift-options-for-items-container .gift-item { zoom: 1; } #allow-gift-options-for-items-container .gift-item:before, #allow-gift-options-for-items-container .gift-item:after { content: ""; display: table; } #allow-gift-options-for-items-container .gift-item:after { clear: both; } .gift-message-form ol { padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } .gift-message-form .fieldset { border: none; } .gift-message-form .gift-item { padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .gift-message-form .gift-item .number { display: block; padding: 5px 20px 5px; margin-bottom: 0; background: url(../images/bkg_dots.gif) repeat-x 0 100%; color: #adadad; font-family: 'Univers Next W01 Bold'; } .gift-message-form .gift-item .product-img-box { float: left; } .gift-message-form .gift-item .product-image { float: left; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } .gift-message-form .gift-item .product-name { font-size: 12px; font-size: 1.2rem; margin: 10px 0px 5px 0px; margin: 1rem 0rem 0.5rem 0rem; } .gift-message-form .gift-item .fieldset { float: left; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } .gift-message-form .gift-item .fieldset div p { margin: 0px 0px 15px 102px; margin: 0rem 0rem 1.5rem 10.2rem; width: 362px; width: 36.2rem; } .gift-message-form .gift-item .fieldset label { width: 80px; width: 8rem; min-width: 0; } .gift-message-form .gift-item .fieldset .input-text { background: #ffffff; } .gift-wrapping-form { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } .gift-wrapping-form label { padding-left: 0; } .gift-wrapping-design .price-box { display: none; } #allow-gift-messages-for-order-container { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } #allow-gift-messages-for-order-container .fieldset { padding: 0; margin: 0; } #allow-gift-messages-for-order-container label { padding-left: 0; width: auto; float: none; } #allow-gift-messages-for-order-container .input-box { width: 260px; padding: 0; } .extra-options-container { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } /* /Common Checkout Styles */ /**************************/ /* Block: Checkout Progress */ /* Block: Checkout Progress */ #col-right-opcheckout.opc-progress-container, #checkout-progress-state { list-style: none; font-size: 11px; font-size: 1.1rem; zoom: 1; float: right; width: 17.391304347826086%; padding: 0; } #col-right-opcheckout.opc-progress-container:before, #checkout-progress-state:before, #col-right-opcheckout.opc-progress-container:after, #checkout-progress-state:after { content: ""; display: table; } #col-right-opcheckout.opc-progress-container:after, #checkout-progress-state:after { clear: both; } #col-right-opcheckout.opc-progress-container h2, #checkout-progress-state h2 { font-size: 14px; font-size: 1.4rem; border: 1px dotted #e0e0e0; border-width: 1px 0 1px 0; padding: 8px 0px 8px 0px; padding: 0.8rem 0rem 0.8rem 0rem; margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; background: none; } #col-right-opcheckout.opc-progress-container dt, #checkout-progress-state dt, #col-right-opcheckout.opc-progress-container li, #checkout-progress-state li { background: #f3f3f3; color: #e0e0e0; margin: 0px 0px 1px 0px; margin: 0rem 0rem 0.1rem 0rem; padding: 4px 6px 4px 6px; padding: 0.4rem 0.6rem 0.4rem 0.6rem; } #col-right-opcheckout.opc-progress-container dt.complete, #checkout-progress-state dt.complete, #col-right-opcheckout.opc-progress-container li.complete, #checkout-progress-state li.complete { color: #191919; } #col-right-opcheckout.opc-progress-container .active, #checkout-progress-state .active { color: #191919; } #col-right-opcheckout.opc-progress-container dd, #checkout-progress-state dd { margin: 10px 0px 10px 10px; margin: 1rem 0rem 1rem 1rem; line-height: 19px; line-height: 1.9rem; } #col-right-opcheckout.opc-progress-container dd address, #checkout-progress-state dd address { font-style: normal; margin: 0; } /* ======================================================================================= */ /*! * jQuery UI Dialog 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { zoom: 1; border: 1px solid #e0e0e0; text-align: left; z-index: 1000; position: absolute; width: 300px; background: #ffffff; overflow: hidden; margin-top: 10px; } .ui-dialog:before, .ui-dialog:after { content: ""; display: table; } .ui-dialog:after { clear: both; } .ui-dialog .ui-dialog-titlebar { position: relative; z-index: 1000; } .ui-dialog .ui-dialog-title { display: none; } .ui-dialog .ui-dialog-titlebar-close { zoom: 1; z-index: 1; display: block; top: 10px; right: 10px; bottom: auto; left: auto; background: url(../images/icons.png) 100% -100px; padding: 0; width: 10px; height: 10px; cursor: pointer; position: absolute; float: right; margin: 5px; } .ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-titlebar-close:after { content: ""; display: table; } .ui-dialog .ui-dialog-titlebar-close:after { clear: both; } .ui-dialog .ui-dialog-titlebar-close .ui-icon { display: none; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 19px 19px 9px; background: none; overflow: auto; } .lt-ie8 .ui-dialog .ui-dialog-content { padding: 19px 0 9px 19px; } .dialog-title { display: block; background: #f3f3f3; color: #191919; font-weight: normal; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #e0e0e0; padding: 10px 19px 5px 19px; padding: 1rem 1.9rem 0.5rem 1.9rem; } .ui-dialog-content h1 { display: block; background: #f3f3f3; color: #191919; font-weight: normal; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #e0e0e0; padding: 10px 19px 5px 19px; padding: 1rem 1.9rem 0.5rem 1.9rem; margin: -19px -19px 19px; } .lt-ie8 .ui-dialog-content h1 { margin: -19px -38px 19px -19px; } #store-change-yes { float: right; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } #store-change-yes:hover, #store-change-yes:focus, #store-change-yes:active { text-decoration: underline; } #store-change-yes:focus { text-decoration: none; } #store-change-yes:hover { text-decoration: underline; } #store-change-no { float: left; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; min-height: 100%; background: #000000; opacity: 0.8; width: 100%; z-index: 1000; display: block; } #modal-content { width: 100%; } #send-to-friend-modal { display:none; } /* Popup Dialog Block ==================================================================== */ .window-overlay { position: absolute; top: 0; left: 0; min-height: 100%; background: #000000; opacity: 0.8; width: 100%; z-index: 1000; display: block; display: none; } .window-overlay.active { display: block; } .popup-block { zoom: 1; border: 1px solid #e0e0e0; text-align: left; z-index: 1000; position: absolute; width: 300px; background: #ffffff; overflow: hidden; margin-top: 10px; top: 40%; left: 50%; margin: -85px 0px 0px -250px; margin: -8.5rem 0rem 0rem -25rem; width: 500px; width: 50rem; display: none; } .popup-block:before, .popup-block:after { content: ""; display: table; } .popup-block:after { clear: both; } .popup-block .ui-dialog-titlebar { position: relative; z-index: 1000; } .popup-block .ui-dialog-title { display: none; } .popup-block .ui-dialog-titlebar-close { zoom: 1; z-index: 1; display: block; top: 10px; right: 10px; bottom: auto; left: auto; background: url(../images/icons.png) 100% -100px; padding: 0; width: 10px; height: 10px; cursor: pointer; position: absolute; float: right; margin: 5px; } .popup-block .ui-dialog-titlebar-close:before, .popup-block .ui-dialog-titlebar-close:after { content: ""; display: table; } .popup-block .ui-dialog-titlebar-close:after { clear: both; } .popup-block .ui-dialog-titlebar-close .ui-icon { display: none; } .popup-block .ui-dialog-content { position: relative; border: 0; padding: 19px 19px 9px; background: none; overflow: auto; } .popup-block .input-box { width: auto; } .popup-block .form-list .input-text { width: 200px; } .popup-block.active { display: block; } .popup-block .block-title strong { display: block; background: #f3f3f3; color: #191919; font-weight: normal; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #e0e0e0; padding: 10px 19px 5px 19px; padding: 1rem 1.9rem 0.5rem 1.9rem; margin-bottom: 0; } .popup-block .block-title .btn-close { position: absolute; z-index: 1; display: block; top: 10px; right: 10px; bottom: auto; left: auto; background: url(../images/icons.png) 100% -100px; padding: 0; width: 10px; height: 10px; cursor: pointer; text-indent: -999px; } .popup-block .block-content { zoom: 1; padding: 19px 19px 9px 19px; padding: 1.9rem 1.9rem 0.9rem 1.9rem; } .popup-block .block-content:before, .popup-block .block-content:after { content: ""; display: table; } .popup-block .block-content:after { clear: both; } .popup-block .block-content .btn-close { display: none; } .popup-block .form-list label { width: auto; } .popup-block .form-list .control, .popup-block .form-list .add-field { padding: 0px 0px 0px 102px; padding: 0rem 0rem 0rem 10.2rem; } .popup-block .form-list .control .input-box { padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; position: static; } .popup-block .form-list .control label { margin: 0px 10px 5px 0px; margin: 0rem 1rem 0.5rem 0rem; padding: 0; } .popup-block .buttons-set { float: right; } .popup-block button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .popup-block button:hover, .popup-block button:focus, .popup-block button:active { text-decoration: underline; } .popup-block .btn-cancel { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #e0e0e0; color: #191919; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #e0e0e0; border-radius: 0; -webkit-appearance: none; text-decoration: none; } .popup-block .btn-cancel:hover, .popup-block .btn-cancel:focus, .popup-block .btn-cancel:active { text-decoration: underline; } #dialog { display: none; } /* ======================================================================================= */ /* Checkout Calendar / Dialog ==================================================================== */ /* FIXME - tidy up checkout calendar code*/ /*! jQuery UI - v1.8.19 - 2012-04-16 * https://github.com/jquery/jquery-ui * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css * Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-datepicker { width: 17em; padding: .2em; display: none; float: left; margin-right: 10px; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: relative; top: 2px; } .ui-datepicker .ui-datepicker-prev { float: left; margin-left: 3px; } .ui-datepicker .ui-datepicker-next { float: right; margin-right: 3px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; background: url(../images/arrows.png) 0 4px no-repeat; display: block; cursor: pointer; } .ui-datepicker .ui-datepicker-prev span { background-position: 0 -96px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: normal; border: 0; border-bottom: 2px solid #ffffff; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .ui-datepicker { border: 1px solid #e0e0e0; background: #ffffff; font-size: 12px; font-size: 1.2rem; } .ui-datepicker a { color: #d71f26; } .ui-datepicker .ui-widget-header { background: #e0e0e0; } .ui-datepicker .ui-widget-header a { color: #191919; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #f3f3f3; font-weight: normal; } .availableDay .ui-state-default { background: #fee9e8; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #191919; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { text-decoration: underline; } .ui-state-hover a, .ui-state-hover a:hover { text-decoration: underline; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ffffff; font-weight: normal; color: #191919; text-decoration: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #191919; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background: #ffffff; color: #e0e0e0; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /* Accordion */ #accordion { border-bottom: 1px solid #e0e0e0; } .ui-accordion-header { outline: none; font-size: 12px; line-height: 1; margin: 0; padding: 11px 15px 9px 0px; padding: 1.1rem 1.5rem 0.9rem 0rem; border-top: 1px solid #e0e0e0; cursor: pointer; background: #ffffff url(../images/accordion.png) 100% 11px no-repeat !important; overflow: hidden; text-transform: capitalize; } #accordion .ui-accordion-header.ui-state-active { background: #ffffff url(../images/accordion.png) 100% -89px no-repeat !important; } .ui-accordion-header .ui-icon { position: absolute; left: -100%; } .ui-accordion-content { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; overflow: hidden; } /* Toggle */ #toggle { border-bottom: 1px solid #e0e0e0; } .ui-toggle-header { outline: none; font-size: 12px; line-height: 1; margin: 0; padding: 11px 15px 9px 0px; padding: 1.1rem 1.5rem 0.9rem 0rem; border-top: 1px solid #e0e0e0; cursor: pointer; background: #ffffff url(../images/accordion.png) 100% 11px no-repeat !important; overflow: hidden; text-transform: capitalize; } .ui-toggle-header.ui-state-active { background: #ffffff url(../images/accordion.png) 100% -89px no-repeat !important; border-bottom: 0; } .ui-toggle-header .ui-icon { position: absolute; left: -100%; } .ui-toggle-content { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; overflow: hidden; } .ui-toggle-no-underline { text-decoration: none; } .ui-state-disable { background: #ffffff !important; } #product-details h2.ui-state-active { background: #ffffff !important; } /* Modal accordion headers */ #modal-accordion .ui-accordion-header { background: #f3f3f3 url(../images/accordion.png) 99% 11px no-repeat !important; text-transform: uppercase; } #modal-accordion h2.ui-state-active { background: #f3f3f3 !important; } /* ======================================================================================= */ /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* common helper classes, e.g. clearfix - most taken from HTML5 Boilerplate http://html5boilerplate.com/ */ .page-print { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } .page-print .col-1, .page-print .col-2 { border: 1px dotted #e0e0e0; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; min-height: 120px; min-height: 12rem; width: 45%; } .print-head { border-bottom: 1px dotted #e0e0e0; padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .print-head img { display: block; } .paypal-review-order h2 .separator { display: inline; font-size: 12px; font-size: 1.2rem; } .paypal-review-order h2 a { font-size: 12px; font-size: 1.2rem; } .paypal-review-order .col2-set h3 { font-size: 18px; font-size: 1.8rem; } .paypal-review-order .col2-set .col-1 ul, .paypal-review-order .col2-set .col-2 ul { padding: 0; list-style: none; } .paypal-review-order .col2-set .wide { width: auto; } .paypal-review-order .col2-set .paypal-shipping-method { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .paypal-review-order .col2-set .paypal-shipping-method fieldset { margin-left: 212px; } .paypal-review-order #review_button { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 13px; line-height: 1.3rem; background-color: #191919; color: #ffffff; padding: 6px 12px 6px 12px; padding: 0.6rem 1.2rem 0.6rem 1.2rem; border: 1px solid #191919; border-radius: 0; -webkit-appearance: none; text-decoration: none; margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } .paypal-review-order #review_button:hover, .paypal-review-order #review_button:focus, .paypal-review-order #review_button:active { text-decoration: underline; } .paypal-review-order .checkout-agreements { font-size: 11px; font-size: 1.1rem; list-style: none; padding: 0; } .paypal-review-order .checkout-agreements .agreement-content { display: none; } .paypal-review-order .checkout-agreements .agree { font-family: 'Univers Next W01 Bold'; margin: 5px 10px 0px 0px; margin: 0.5rem 1rem 0rem 0rem; } .paypal-review-order #details-table tfoot th { background-color: #ffffff; text-align: right; padding: 10px 20px 10px 10px; padding: 1rem 2rem 1rem 1rem; } .paypal-review-order #details-table tfoot .last { background-color: #f3f3f3; } .paypal-review-order #details-table tbody td.last { background-color: #f3f3f3; } .simple-quantity { margin-bottom: 10px; } #paypal-express-delivery-inst-contn { width: 35.2em; } #global-message { background: #f3f3f3; margin-bottom: 7px; text-transform: uppercase; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } #global-message ul { display: block; list-style-type: none; margin: 0 auto; overflow: hidden; padding: 7px; width: 920px; } #global-message ul li{ display: inline-block; float: left; text-align: center; width: 100%; } #global-message ul.two li { width: 50%; } #global-message ul.three li { width: 33%; } #global-message ul.three li:first-child { text-align: left; } #global-message ul.three li:last-child { text-align: right; } .product-audio { display: block; left: 0; position: absolute; top: 383px; z-index: 1; width: 408px; } #allow-gift-options-for-items-container p { width: 250px; margin-left: 0; } #allow-gift-options-for-items-container label { text-align: left; } #allow-gift-options-for-items-container input, #allow-gift-options-for-items-container textarea { width: 250px !important; } .sidebar .block .block-content ol.size-list li.large-size-label { width: 55px; } .sidebar .block .block-content ol.size-list li a span.number { display: block; font-weight: bold; } .sidebar .block .block-content ol.size-list li a span.text { text-transform: uppercase; display: block; font-size: 80%; } #recently-viewed-items li.over span { width: 10px; height: 10px; display: block; position: absolute; top: -4px; left: 87px; background: url('../images/x-icon.png') no-repeat; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #recently-viewed-items li.over span { width: 10px; height: 10px; display: block; position: absolute; top: -4px; left: 87px; background: url('../images/x-icon-retina.png') no-repeat; } } /* Pinterest Override to align with other social icons - PSMAG-2270 */ a[data-pin-log="button_pinit"] { top: 7px!important; } .cms-menu ul { margin: 0; padding: 0; } .cms-menu li { margin: 0; padding: 0; list-style-type: none; } .cms-menu li ul li a, .cms-menu li ul li strong { display: block; background-image: url("../images/arrows.png"); background-position: -5px 8px; background-repeat: no-repeat; line-height: 2; padding: 0rem 1rem 0rem 1.1rem; } .cms-menu li.parent > a { font-family: 'Univers Next W01 Bold'; font-size: 1.6rem; font-weight: normal; line-height: 1.5; margin: 0rem 0rem 0.7rem; text-decoration: none; } /* Size guide modal window */ .conversion a.active { text-decoration: none; outline: none; } #allowed-shipping-destinations ul li { float: left; width: 190px; } .regular-delivery .banner .banner-text .order-by a { color:white; } .nav-header { outline: none; font-size: 12px; line-height: 1; margin: 0; padding: 11px 15px 9px 0px; padding: 1.1rem 1.5rem 0.9rem 0rem; background: #ffffff 100% 11px no-repeat !important; overflow: hidden; text-transform: capitalize; } .menu_content { display: none; } .static { outline: none; font-size: 12px; line-height: 1; margin: 0; padding: 1.1rem 1.5rem 0.9rem 0rem; overflow: hidden; text-transform: capitalize; } .overlay-controls{ width: 578px; margin: 0 auto; } .overlay-controls.overlay-controls-video{ width: 710px; } #more-views-overlay { width: 530px; margin-right: 4px; float: left; } #more-views-overlay li { float: left; padding: 0px 1px 0px 1px; padding: 0rem 0.1rem 0rem 0.1rem; } #more-views-overlay .zoomThumbActive { border-color: #d71f26; } #more-views-overlay .zoomThumbActive img { opacity: 1; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-container-horizontal { width: 528px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-clip { overflow: hidden; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-clip-horizontal { width: 528px; height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-item { width: 130px; height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-prev, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next { height: 130px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-horizontal { background-position: 100% -1390px; margin-right: -17px; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:hover, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:focus, #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-next-disabled-horizontal:active { cursor: default; } #more-views-overlay .jcarousel-skin-paulsmith .jcarousel-prev-horizontal { background-position: 0 -1290px; margin-left: -17px; } .lt-ie9 #more-views-overlay .zoomThumbActive img { filter: alpha(opacity=100); } /* Product page video support */ .more-views.small-more-view{ width: 298px; float: left; padding: 0px 20px 0px 20px; padding: 0rem 2.0rem 0rem 2.0rem; } .more-views.small-more-view li{ width: 70px; height: 70px; } .more-views.small-more-view li img{ width: 100%; } .more-views.small-more-view .jcarousel-skin-paulsmith .jcarousel-container-horizontal{ width: 300px; } .more-views.small-more-view .jcarousel-skin-paulsmith .jcarousel-clip-horizontal{ width: 300px; height: 70px; } .more-views.small-more-view .jcarousel-skin-paulsmith .jcarousel-item{ width: 70px; height: 70px; } .more-views.small-more-view .jcarousel-skin-paulsmith .jcarousel-prev-horizontal{ height: 70px; background-position: 0 -1318px; } .more-views.small-more-view .jcarousel-skin-paulsmith .jcarousel-next-horizontal{ height: 70px; background-position: 100% -1418px; } /* Video wrapper that covers product images on desktop */ .video-wrapper{ display: none; position:absolute; top: 0; left: 0; background: #fff; width: 410px; height: 408px; } .video-close{ z-index: 10; border: 1px solid #eeeeee; border-radius: 3px; display: block; position:absolute; top: 10px; right: 10px; bottom: auto; left: auto; padding: 10px; background: url(/skin/frontend/paulsmith/unicorn/images/icons.png) 2px -90px no-repeat white; width: 10px; height: 10px; cursor: pointer; } /* Image holder where video is triggered from */ .video-view{ float: right; } .video-view ul{ margin: 0; padding: 0; } .video-view ul li{ position: relative; float: left; list-style: none; cursor: pointer; width: 70px; height: 70px; } .video-view ul li::before { position: absolute; top: 10px; left: 10px; display: block; content: " "; width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; background-image: url('data:image/svg+xml;utf8,'); } .video-view ul li:hover::before { background-image: url('data:image/svg+xml;utf8,'); } /* Video support in overlay on product page */ /* Image holder where video is triggered from */ .video-view.video-view-overlay{ float: left; } .video-view.video-view-overlay ul li{ width: 128px; height: 128px; } .video-view.video-view-overlay ul li::before { top: 40px; left: 40px; } .video-overlay-wrapper{ display: none; clear: both; } .video-overlay-wrapper video{ width: 918px; height: 918px; } .information-alert { background: #E0E0E0; padding: 25px; margin-bottom: 10px; border-radius: 3px; } .information-alert h2 { font-size: 18px; } .information-alert p { font-size: 14px; margin-bottom: 0px; } .information-alert p span { font-weight: normal; font-family: 'Univers Next W01 Bold'; } /* Newsletter Sign Up Modal */ #newsletter_popup { box-sizing: border-box; } #newsletter_popup .newsletter-img { display: block; float: left; width:300px; margin-right: 20px; } #newsletter_popup .newsletter-text { display: block; float: left; width: 340px; } #newsletter_popup ul { list-style-type: none; padding: 0; margin: 0; } #newsletter_popup ul li .field{ margin-bottom: 10px; } #newsletter_popup label { padding: 0; } #newsletter_popup input { box-sizing: border-box; width: 100%; } #newsletter_popup button { display: inline-block; background-color: #191919; color: #ffffff; float: right; padding: 14px 30px 14px 30px; } #newsletter_popup h2 { font-family: "UniversNextW01-Regular"; font-size: 22px; } #newsletter_popup img { width: 100%; }