/* ========= LAYOUT DETAILS COMPONENT ========= */ /*** import Bootstrap Style Start ***/ @import url(framework.css); /*** import Bootstrap Style End ***/ @font-face { font-family: 'ralewaylight'; src: url("raleway-light-webfont.eot"); src: url("raleway-light-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-light-webfont.woff2") format("woff2"), url("raleway-light-webfont.woff") format("woff"), url("raleway-light-webfont.ttf") format("truetype"), url("raleway-light-webfont.svg#ralewaylight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; src: url("raleway-regular-webfont.eot"); src: url("raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-regular-webfont.woff2") format("woff2"), url("raleway-regular-webfont.woff") format("woff"), url("raleway-regular-webfont.ttf") format("truetype"), url("raleway-regular-webfont.svg#ralewayregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium_italic'; src: url("raleway-mediumitalic-webfont.eot"); src: url("raleway-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-mediumitalic-webfont.woff2") format("woff2"), url("raleway-mediumitalic-webfont.woff") format("woff"), url("raleway-mediumitalic-webfont.ttf") format("truetype"), url("raleway-mediumitalic-webfont.svg#ralewaymedium_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; src: url("raleway-bold-webfont.eot"); src: url("raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-bold-webfont.woff2") format("woff2"), url("raleway-bold-webfont.woff") format("woff"), url("raleway-bold-webfont.ttf") format("truetype"), url("raleway-bold-webfont.svg#ralewaybold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextrabold'; src: url("raleway-extrabold-webfont.eot"); src: url("raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-extrabold-webfont.woff2") format("woff2"), url("raleway-extrabold-webfont.woff") format("woff"), url("raleway-extrabold-webfont.ttf") format("truetype"), url("raleway-extrabold-webfont.svg#ralewayextrabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; src: url("raleway-semibold-webfont.eot"); src: url("raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-semibold-webfont.woff2") format("woff2"), url("raleway-semibold-webfont.woff") format("woff"), url("raleway-semibold-webfont.ttf") format("truetype"), url("raleway-semibold-webfont.svg#ralewaysemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; src: url("raleway-medium-webfont.eot"); src: url("raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("raleway-medium-webfont.woff2") format("woff2"), url("raleway-medium-webfont.woff") format("woff"), url("raleway-medium-webfont.ttf") format("truetype"), url("raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_serifregular'; src: url("DroidSerif-Regular-webfont.eot"); src: url("DroidSerif-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("DroidSerif-Regular-webfont.woff") format("woff"), url("DroidSerif-Regular-webfont.ttf") format("truetype"), url("DroidSerif-Regular-webfont.svg#droid_serifregular") format("svg"); font-weight: normal; font-style: normal; } /*** Layout Detail Start ***/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, ul, ol, li, p, dl, dd, dt, tr, th, td, h1, h2, h3, h4, h5, a, span { border: 0 solid #E1E1E8; border-radius: 0; } ol, ul { list-style: none; padding-left: 0; } .collapse.in { display: block !important; } body { font-family: ralewayregular; } h1, h2, h3, h4, h5 { font-family: ralewaybold; } main .content { font-family: droid_serifregular; } b, strong, th { font-family: ralewaybold; font-weight: normal; } legend { font-family: ralewaysemibold; } .content img { max-width: 100%; } /***** PRICING *****/ .price { color: #000; font-family: ralewaybold; text-transform: capitalize; } .price.was { text-decoration: line-through; padding-right: 10px; color: #a6a9b3; margin-bottom: 0; } .price.now { color: #d9534f; } .price.was, .price.now { display: inline-block; } .price.save { color: #d9534f; display: none; } .price.tax { display: none; } /*** OVERLAYS ***/ figure { position: relative; } .overlay { position: absolute; } .item figure .overlay img { /* width: 33%;*/ vertical-align: top; } .left-vertical, .right-vertical { width: 33%; top: 0; } .item figure .overlay.left-vertical img, .item figure .overlay.right-vertical img { width: 100%; } .left-vertical { left: 0; } .right-vertical { right: 0; } .top-horizonal, .top-horizontal { left: 0; top: 0; width: 100%; text-align: left; } .bottom-horizontal { left: 0; bottom: 0; width: 100%; } /**** FORM ELEMENTS ****/ ::-webkit-input-placeholder { color: #acacac; text-transform: capitalize; font-size: 16px; font-family: "ralewayregular"; } :-moz-placeholder { color: #acacac; text-transform: capitalize; font-size: 16px; font-family: "ralewayregular"; } ::-moz-placeholder { color: #acacac; text-transform: capitalize; font-size: 16px; font-family: "ralewayregular"; } :-ms-input-placeholder { color: #acacac; text-transform: capitalize; font-size: 16px; font-family: "ralewayregular"; } *:focus { outline: 0 none; } /* Fix number input spinner */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input[type="radio"], input[type="checkbox"] { margin: 4px 5px 0 0; } form input[type="file"] { height: auto; } form textarea, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="time"], form input[type="date"] { -webkit-appearance: none; } form { /* .telephone input[type="tel"] { width: 32%; margin-right: 2%; &:last-child { margin-right: 0; } } .telephone input{ display: inline-block; }*/ } form fieldset { margin-top: 20px; } form label { display: block; font-family: ralewaybold; } form input:not([type="checkbox"], [type="radio"]), form select { height: 40px !important; } form input + label { display: inline-block; width: 90%; } form .details textarea, form .comment textarea { height: 100px; vertical-align: top; } form .security-code input { width: 40%; } form em, .note em { color: #d9534f; } fieldset .note { margin-top: 5px; } .note { font-size: 12px; } .content img { max-width: 100%; } /* MAIN BUTTONS */ .btn, button, .map-link a, .post-link a, .reply-link a, .added-to-wishlist, .history .order-summary td.actions a { background-color: #ed2024; color: #fff; transition: background-color 200ms; border: 0 solid transparent; border-radius: 0; text-transform: uppercase; font-family: 'ralewaybold'; padding: 10px 20px; width: 100%; font-size: 18px; vertical-align: middle; } .btn:hover, button:hover, .map-link a:hover, .post-link a:hover, .reply-link a:hover, .added-to-wishlist:hover, .history .order-summary td.actions a:hover { background-color: #ca1014; color: #fff; } .btn:hover:focus, button:hover:focus, .map-link a:hover:focus, .post-link a:hover:focus, .reply-link a:hover:focus, .added-to-wishlist:hover:focus, .history .order-summary td.actions a:hover:focus { color: #fff; } /* SECONDARY BUTTONS */ .btn.prev, button.prev, .map-link a.prev, .post-link a.prev, .reply-link a.prev, .prev.added-to-wishlist, .history .order-summary td.actions a.prev, .additional-options a.prev, button.add-wishlist, .map-link a.add-wishlist, .post-link a.add-wishlist, .reply-link a.add-wishlist, .add-wishlist.added-to-wishlist, .history .order-summary td.actions a.add-wishlist, .autocomplete li > a, .wishlist .details-occassion + button, .login #sign-in .options a, .additional-options button, .promo-code button, .update button, .reply-link a, .secondary, .accountpage #main .next-previous .next { background: #4c97d2; border: 0 solid #4c97d2; border-radius: 0; color: #F2F2F9; font-size: 18px; } .btn.prev:hover, button.prev:hover, .map-link a.prev:hover, .post-link a.prev:hover, .reply-link a.prev:hover, .prev.added-to-wishlist:hover, .history .order-summary td.actions a.prev:hover, .additional-options a.prev:hover, button.add-wishlist:hover, .map-link a.add-wishlist:hover, .post-link a.add-wishlist:hover, .reply-link a.add-wishlist:hover, .add-wishlist.added-to-wishlist:hover, .history .order-summary td.actions a.add-wishlist:hover, .autocomplete li > a:hover, .wishlist .details-occassion + button:hover, .login #sign-in .options a:hover, .additional-options button:hover, .promo-code button:hover, .update button:hover, .reply-link a:hover, .secondary:hover, .accountpage #main .next-previous .next:hover { background-color: #2f7ebc; color: #cfcfe9; } @media (min-width: 768px) { .btn, button, .map-link a, .post-link a, .reply-link a, .added-to-wishlist, .history .order-summary td.actions a { width: 220px; /* width: auto;*/ } #main .btn { width: 220px; } form label, form select, form textarea, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="time"], form input[type="date"], form input[type="file"] { color: #000; font-family: ralewaymedium; } #sign-in .customer.new { width: 100%; } ::-webkit-input-placeholder { font-size: 14px; } :-moz-placeholder { font-size: 14px; } ::-moz-placeholder { font-size: 14px; } :-ms-input-placeholder { font-size: 14px; } } /*** DESKTOP ***/ @media (min-width: 1150px) { /* form .telephone input[type="tel"], form .security-code input { width: 22.5%; margin-right: 1.25%; } */ } .inline-error { display: inline-block; margin: 5px 0 0 0; } .inline-error .error { margin-bottom: 5px; } .message.incentive { padding: 0; } /*** DESKTOP ***/ @media (min-width: 1150px) { .inline-error { margin-left: 29%; } } #header-nav { display: none; } /*** Main Content ***/ .main-container { position: relative; z-index: 1; padding: 10px 15px; } .main-container h1 { font-size: 30px; padding-bottom: 10px; margin-top: 3px; } .main-content { padding: 10px 0; } main .content { /*ol li, ul li{padding-left:40px}*/ } main .content ul { list-style: disc inside; } main .content ol { list-style: decimal inside; margin-bottom: 15px; } /*** DESKTOP ***/ @media (min-width: 1150px) { .main-container { padding: 10px 0; } } /*** Popups ***/ .modal .modal-content .modal-header button { width: auto; font-family: 'droid_serifregular'; } .modal .modal-content .modal-header button { height: auto; } .modal .modal-content .modal-header button:hover { background: none; } .modal .modal-content .modal-body video { width: 100%; } .modal .modal-content .modal-footer { clear: both; display: none; } .popup-data { display: none; } /*** BACK TO TOP LINK ***/ #back-top { right: 10px; opacity: 0; display: block !important; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .scrolled-down #back-top { position: fixed; bottom: 0; background: #4c97d2; opacity: .9; z-index: 9999; border-radius: 0; } .scrolled-down #back-top a { display: block; padding: 10px 15px 15px; color: #fff; text-transform: uppercase; font-family: ralewaybold; } /* Content with class desktop is hidden on mobile */ .desktop { display: none; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .mobile { display: none; } .desktop { display: block; } } /*** HOMEPAGE ***/ .homepage #left-nav { display: none; } .homepage #page-content { width: 100%; } .homepage .featured { border-bottom: 0; } .homepage .main-container { padding: 0; } .homepage .desktop.herobanner { display: none; } .homepage .panel-section { background: #F2F2F9; /*border:1px solid #E1E1E8;*/ } .homepage .panel-section:before, .homepage .panel-section:after { content: ""; display: table; } .homepage .panel-section:after { clear: both; } .homepage .statistics { padding: 30px 30px 0; text-align: center; } .homepage .statistics { color: #02244b; } .homepage .statistics h3 { font-size: 42px; margin: 10px 0 5px; } .homepage .statistics p.title { font-size: 22px; margin-bottom: 10px; } .homepage .statistics.slider img { width: 60%; display: inline-block; } .homepage main .content .statistics p.title { font-family: 'ralewaybold'; } .homepage main .content .statistics p:not(.title) { font-family: 'ralewaymedium'; } .homepage main .content h2, .homepage .featured h2 { color: #02244b; font-size: 22px; padding: 30px 20px 5px 20px; } .homepage .panel-section .container div:first-of-type { padding-top: 60px; padding-bottom: 30px; } .homepage .resource-panel, .homepage .blog-panel { background: #F2F2F9; float: left; } .homepage .resource-panel h3, .homepage .blog-panel h3 { font-size: 23px; margin-top: 10px; } .homepage .resource-panel p.blurb, .homepage .blog-panel p.blurb { font-size: 18px; } .homepage .blog-panel { padding: 20px; border-bottom: 1px solid #EBEBEB; } .homepage .resource-panel { padding: 10px 20px 0; } .homepage .client-wrap.container { padding: 0; } .homepage #main .blog-panel button.btn { background: #02244b url(sprite.png) 100% -452px no-repeat; background-size: 45px; height: 50px; font-size: 20px; text-transform: capitalize; font-family: ralewaysemibold; } .homepage .resource { background: url("/images/assetimages/homepage/resource.png") no-repeat; width: 100px; height: 71px; display: block; background-size: 100px; float: right; } .homepage .customer-comments { clear: left; padding: 0; } .homepage .customer-comments .slick-prev, .homepage .customer-comments .slick-next { top: 50%; } .homepage .customer-comments h2 { padding: 15px; } .homepage .customer-comments > div { padding-bottom: 15px; border-bottom: 1px solid #E1E1E8; border-top: 1px solid #E1E1E8; margin-bottom: 40px; } .homepage .customer-comments > div h4, .homepage .customer-comments > div .by, .homepage .customer-comments > div .quote { padding: 5px 55px; } .homepage .customer-comments > div .quote { font-family: ralewaybold; } .homepage .customer-comments > div .by { font-size: 12px; font-family: ralewayregular; } .homepage .customer-comments > div h4 { font-size: 22px; margin-top: 30px; color: #02244B; } .homepage .comment img { width: 120px; margin-left: 55px; } .homepage .exsiting .clients img { width: 80%; margin: 0 auto; } .homepage .exsiting { background: #F6F7F9; padding: 0; border: 1px solid #E1E1E8; } .homepage .slider img { max-width: 100%; } .homepage img.eagle { margin-top: 30px; } /*** INFOPAGES/ General page structure ***/ .infopage #main, .career #main, .storelocator #main, .cartpage #main { padding: 20px 0; } .infopage main .content table td, .infopage main .content table th { padding: 5px; } .infopage main .content table a { word-break: break-all; } /*** review stars ***/ .stars-container { margin-bottom: 5px; } .stars-container span { vertical-align: middle; display: inline-block; font-family: ralewaybold; color: #02244b; } .stars-container span.full, .stars-container span.half, .stars-container span.empty { width: 20px; height: 20px; margin-right: 2px; background: url(sprite.png) center -806px no-repeat; background-size: 40px; } .stars-container span.half { background-position: center -852px; } .stars-container span.empty { background-position: center -902px; } /*** Fake Select ***/ .fake-select { position: relative; width: 100%; float: left; } .fake-select label { font-weight: normal; } .fake-select .selected { border: 1px solid #E1E1E8; border-radius: 0; z-index: 2; position: relative; background: url(/Assets/sprite.png) no-repeat 97% -452px #fff; background-size: 35px; cursor: pointer; padding: 10px 20px 10px 12px; font-size: 16px; } .fake-select .selected span:first-child { margin-right: 5px; } .fake-select .selected span:first-child:empty { display: none; } .fake-select .dummy { margin-top: 7px; } .fake-select ul { position: absolute; z-index: 4; margin-top: -2px; height: 0; width: 100%; background: #fff; overflow: hidden; left: 0; display: block !important; } .fake-select li { background-color: #fff; margin: 0; } .fake-select li.on { visibility: hidden; height: 0; } .fake-select li img, .fake-select .selected img { height: 15px; margin-right: 5px; border: 1px solid #E1E1E8; border-radius: 0; } .fake-select label:hover, .fake-select li > a:hover { background-color: #fff; text-decoration: none; } .fake-select label, .fake-select li > a, .fake-select li > span { cursor: pointer; padding: 6px 12px; background-color: #fff; color: #000; position: relative; z-index: 2; margin: 0; width: 100% !important; } .fake-select label, .fake-select li > a { display: block; } .fake-select span, .fake-select a { vertical-align: middle; } .fake-select input { position: absolute; z-index: 1; left: 10px; top: 0; } .fake-select.open { z-index: 10; } .fake-select.open ul { height: auto; border-width: 0 1px 1px 1px; border-radius: 0 0 4px 4px; } .fake-select.single .selected { cursor: default; background-image: none; border-width: 0; padding: 6px 0; } .fake-select.single ul { border: 0; } .actions .remove a, .wishlist-products .cartbutton a, .subscriptions-table .actions a { color: #02244b; font-size: 0; } .actions .remove a:before, .wishlist-products .cartbutton a:before, .subscriptions-table .actions a:before { content: "X"; font-size: 14px; font-family: ralewaybold; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 18px; border: 1px solid #F2F2F9; border-radius: 0; } .actions .remove a:hover, .wishlist-products .cartbutton a:hover, .subscriptions-table .actions a:hover { opacity: 0.5; filter: alpha(opacity=50); /*IE8*/ } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .jqueryloaded #header-nav { display: block; } .page-container { padding: 0; } #page-content { width: 70%; float: left; margin-left: 0; margin-right: 0; } .fake-select .selected span + span { padding-right: 8px; margin-right: 3px; vertical-align: middle; } .homepage { /* .statistics{ width: 90%; margin: 0 auto;}*/ /*.customer-comments{width:100%;}*/ /*.clients-wrap{width:70%; margin:0 auto;}*/ } .homepage .main-container { width: 100%; } .homepage .mobile.herobanner { display: none; } .homepage .desktop.herobanner { display: block; margin: 0 auto; } .homepage main .content h2, .homepage .featured h2 { font-size: 32px; border-bottom: 0; padding: 20px 0; } .homepage .panel-section { background: #F2F2F9; margin-bottom: 60px; } .homepage .panel-section:before, .homepage .panel-section:after { content: ""; display: table; } .homepage .panel-section:after { clear: both; } .homepage .panel-section .container > div { padding-top: 60px; } .homepage .resource-panel, .homepage .blog-panel { width: 50%; float: left; } .homepage .resource-panel h3, .homepage .blog-panel h3 { font-size: 42px; color: #000; } .homepage .resource-panel p.blurb, .homepage .blog-panel p.blurb { line-height: 28px; margin: 20px 0; font-size: 24px; } .homepage .resource-panel p:not(.blurb), .homepage .blog-panel p:not(.blurb) { font-size: 16px; } .homepage .resource-panel { float: right; margin-bottom: 0; border-left: 1px solid #E1E1E8; } .homepage .blog-panel { border-bottom: 0; } .homepage .stat p { width: 70%; margin: 5px auto; } .homepage .resource { background: url("/images/assetimages/homepage/resource.png") no-repeat; width: 200px; height: 142px; display: block; background-size: 200px; float: right; } .homepage .comment-wrap { border: 1px solid #E1E1E8; padding-bottom: 30px; } .homepage .comment-wrap:before, .homepage .comment-wrap:after { content: ""; display: table; } .homepage .comment-wrap:after { clear: both; } .homepage .comment-wrap .text { width: 65%; display: inline-block; } .homepage .comment-wrap img { display: inline-block; margin-top: 40px; border: 1px solid #E1E1E8; vertical-align: top; margin-left: 0; } .homepage .customer-comments { margin-bottom: 60px; } .homepage .customer-comments > div { border: 0; padding: 30px 65px; margin-bottom: 40px; } .homepage .customer-comments > div h4 { font-size: 46px; margin-top: 40px; color: #02244b; } .homepage .customer-comments > div .quote { font-size: 18px; font-family: ralewaybold; } .homepage .clients.slider { padding: 30px 65px; } .homepage .clients .slick-slide { text-align: center; } .homepage main .content p.by { font-family: ralewayregular; } .homepage .exsiting .clients img { max-width: 200px; } .homepage #main .blog-panel button.btn { width: 200px; } .homepage .eagle-border { margin-top: 40px; } } /*** DESKTOP ***/ @media (min-width: 992px) { #page-content { width: 70%; } .homepage .comment-wrap { margin: 0 auto; } .homepage .resource-panel, .homepage .blog-panel { padding: 30px 60px 0 60px; } .homepage #main .blog-panel button.btn { width: 260px; } } /*** DESKTOP ***/ @media (min-width: 1150px) { .homepage { /*.customer-comments{width: 75%;}*/ } .homepage .comment-wrap img { width: auto; } #breadcrumbs { display: block; } .main-container { padding: 10px 0; } .main-container:before, .main-container:after { content: ""; display: table; } .main-container:after { clear: both; } #page-content { width: 75%; float: left; margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .main-container > h1 { margin-left: 0; } } /**** accordion basic styling ****/ .eso-accordion-indicator { display: inline-block; padding-left: 6px; position: absolute; top: 15px; right: 15px; width: 28px; height: 17px; background: url(/Assets/sprite.png); background-size: 40px; cursor: pointer; } .eso-accordion-indicator + .eso-accordion-indicator { display: none; } /*.eso-accordion-trigger.collapsed .eso-accordion-indicator{ background-position:0px -595px; } .eso-accordion-trigger .eso-accordion-indicator{ background-position: 0 -650px; } */ .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 0px -705px; } .eso-accordion-trigger .eso-accordion-indicator { background-position: 0 -757px; } .filters .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: -6px -535px; } .filters .eso-accordion-trigger .eso-accordion-indicator { background-position: -6px -535px; } /**** Slick Slider ****/ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: 30px; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .jqueryloaded .slick-slide img { display: inline-block; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 35%; margin-top: -10px; padding: 0; border: none; outline: none; z-index: 2; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { line-height: 1; color: white; opacity: 0.75; background: url(/Assets/sprite.png); background-size: 50px; padding: 23px; background-repeat: no-repeat; } .slick-prev { left: 0px; } [dir="rtl"] .slick-prev { left: auto; right: 0px; } .slick-prev:before { content: ""; border-radius: 0; background-position: -5px -324px; } [dir="rtl"] .slick-prev:before { content: ""; border-radius: 0; background-position: -5px -324px; } .slick-next { right: 0px; } [dir="rtl"] .slick-next { left: 0px; right: auto; } .slick-next:before { content: ""; border-radius: 0; background-position: 0 -229px; } [dir="rtl"] .slick-next:before { border-radius: 0; background-position: 0 -229px; } .productpage { /*.slick-next:before{background-position: 1px -229px; content: ""; border-radius: 0;} .slick-prev, .slick-next{width:46px;} .slick-prev, .slick-next{top:45%;}*/ } .productpage .slick-next { right: -5px; } .productpage .slick-prev { left: -5px; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\00b7"; width: 20px; height: 20px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } @media (min-width: 768px) { .slick-prev:before, .slick-next:before { line-height: 1; color: white; opacity: 0.75; background: url(/Assets/sprite.png); background-size: 80px; padding: 34px 67px; background-repeat: no-repeat; } .slick-prev, .slick-next { width: 67px; height: 68px; top: 35%; min-width: auto; } .slick-next { right: 3px; } .slick-prev { left: 3px; } .slick-prev:before { content: ""; border-radius: 0; background-position: -7px -525px; } .slick-next:before { content: ""; border-radius: 0; background-position: -5px -365px; } .alternate-images .slick-next { right: -40px; } .alternate-images .slick-prev { left: -40px; } } @media (min-width: 1150px) { /* .slick-prev { left:-65px; } .slick-next { right:-65px; }*/ } .homeslider { margin-bottom: 10px; } .homeslider span.glyphicon:hover:before { background: #fff; } /*CrossSell*/ #main .cross-sell, #main .featured, .modal .cross-sell { clear: both; } #main .cross-sell .products, #main .featured .products, .modal .cross-sell .products { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #main .cross-sell .products .item, #main .featured .products .item, .modal .cross-sell .products .item { width: 100%; padding: 15px; border: 1px solid #E1E1E8; } #main .cross-sell .item h4, #main .featured .item h4, .modal .cross-sell .item h4 { margin-top: 0; } #main .cross-sell .slide-item, #main .featured .slide-item, .modal .cross-sell .slide-item { margin: 0 1%; } #main .cross-sell .item .price, #main .featured .item .price, .modal .cross-sell .item .price { margin-bottom: 0; } #main .cross-sell .item figure img, #main .featured .item figure img, .modal .cross-sell .item figure img { max-width: 160px; } #main .cross-sell > div, #main .featured { padding: 0px 0px 60px 0; margin-top: 20px; } @media (min-width: 768px) { #main .cross-sell .slide-item, #main .featured .slide-item, .modal .cross-sell .slide-item { margin: 0 auto; } #main .cross-sell .item button, #main .featured .item button { min-width: inherit; } #main .cross-sell .item h4 a { font-size: 18px; } #main .cross-sell .products .item, #main .featured .products .item, .modal .cross-sell .products .item { border: 1px solid #E1E1E8; width: 95%; padding: 30px; border: 1px solid #e1e1e8; margin: 0 auto; float: none; clear: none; } #main .cross-sell .products .item:before, #main .cross-sell .products .item:after, #main .featured .products .item:before, #main .featured .products .item:after, .modal .cross-sell .products .item:before, .modal .cross-sell .products .item:after { content: ""; display: table; } #main .cross-sell .products .item:after, #main .featured .products .item:after, .modal .cross-sell .products .item:after { clear: both; } } .errorpage .redirect-message { font-family: ralewaybold; } @media (min-width: 768px) { .errorpage #page-header { height: 160px; } } @media (min-width: 992px) { #main .cross-sell .products .item, #main .featured .products .item, .modal .cross-sell .products .item { width: 81%; padding: 40px; } #main .cross-sell .item .item-detail { margin-top: 30px; } } /* ========= LAYOUT DETAILS COMPONENT END ========= */ /* ========= HEADER COMPONENT ========= */ #page-header { z-index: 2; position: relative; } #page-header:before, #page-header:after { content: ""; display: table; } #page-header:after { clear: both; } #page-header a:hover { text-decoration: none; } #page-header .content.header-top { display: none; } .page-header-container { position: relative; padding: 0; } .logo { width: 50%; text-align: center; margin-top: 5px; } .logo a { display: inline-block; width: 140px; height: 70px; background: url(/images/assetimages/logo.png) no-repeat center; background-size: 140px 70px; } .mobile-menu, .logo { float: left; } .mobile-menu { width: 25%; padding: 0; } .mobile-triggers { width: 25%; padding: 15px 15px 0 0; } /* MOBILE TRIGGERS - HEADER ICONS */ .mobile-triggers a, .mobile-menu .icon-menu { float: left; height: 45px; background: url(sprite.png) 0 -4px no-repeat; background-size: 50px; width: 55px; margin: 0; display: block; position: relative; text-indent: -9999px; } .mobile-menu .icon-menu { width: 100%; height: 75px; } .loggedin .header-account ul#account-menu li > a { text-transform: capitalize; } .mobile-menu .icon-menu { background: #F2F2F9 url(sprite.png) 40% 21px no-repeat; background-size: 50px; } a.navbar-toggle.icon-menu.collapsed { background: #fff url(sprite.png) 40% 21px no-repeat; background-size: 50px; } .mobile-triggers { float: right; } .mobile-triggers a.icon-search { background-position: 0 -190px; } .mobile-triggers a.icon-cart { background-position: 0 -67px; float: right; } .mobile-triggers .badge { position: absolute; right: 0; top: 0; text-indent: 0; background: none; font-family: 'ralewayextrabold'; background: none; color: #02244b; } .mobile-triggers a.navbar-toggle.icon-link { display: none; } /* MOBILE TRIGGER - SUB MENU */ .mobile-trigger { position: absolute; right: 15px; width: 40px; top: 0; height: 40px; color: #fff; cursor: pointer; z-index: 5; background: url(/Assets/sprite.png); background-size: 40px; background-position: 100% -691px; } li.active > a + .mobile-trigger { background-position: 114% -743px; } .submenu .mobile-trigger { right: 0; } #header-nav { display: none; /*.submenu-content{ padding:20px 30px}*/ } #header-nav .header-nav-container { padding: 0; text-align: center; } #header-nav .header-nav-container > ul { padding: 0; text-align: left; margin: 0; } #header-nav .header-nav-container > ul li[data-catid='5844'] { display: block; border-bottom: 1px solid #CECECE; background: #F2F2F9; } #header-nav .header-nav-container > ul li[data-catid='5844'] a { border-width: 0px; } #header-nav .header-nav-container > ul > li { position: relative; border-top: 1px solid #F2F2F9; } #header-nav .submenu-content { padding-bottom: 10px; } #header-nav .header-nav-container li.with-children > ul { display: none; } #header-nav .header-nav-container li.active > ul { display: block; } #header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural { color: #02244b; display: block; padding: 2px 0; font-size: 16px; border: 1px solid #fff; } #header-nav .header-nav-container .submenu { display: none; } #header-nav .header-nav-container .submenu li { display: block; padding: 0; position: relative; } #header-nav .header-nav-container .active .submenu { display: block; border: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; display: inherit; } #header-nav.dropdown.in { background: #fff; top: 75px; width: 100%; position: absolute; z-index: 999; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); } #header-nav .content.nav-flyout { display: none; } #header-nav .header-nav-container > ul > li > a, .m-nav-links a, #header-nav .header-nav-container > ul > li > .structural { color: #02244b; padding: 10px 10px 10px 15px; display: block; font-size: 16px; font-family: 'ralewaybold'; } .m-nav-links { border-top: 1px solid #CECECE; background: #F2F2F9; } .m-nav-links a { text-align: left; } .m-nav-links:last-of-type { border-bottom: 1px solid #CECECE; } .icon-menu, .icon-link { float: none; cursor: pointer; } .navbar { margin-bottom: 0; } .header-account ul { display: none; padding-left: 0; margin: 0; } .header-cart { clear: both; } .header-account, .header-compare, .header-cart, .currency-estimator, .search { position: relative; } .header-account, .header-compare, .search { float: left; } .header-account .icon-link, .header-cart .icon-link, .currency-estimator .icon-link, .header-search .icon-link, .header-cart-summary, .header-compare.empty, .header-cart-summary .ajax-content { display: none; } .content.header-middle, .content.header-bottom { display: none; } .content.header-middle { float: left; padding: 15px; } /* Currency Menu */ #currency-menu ul { display: none; border: 0; } #currency-menu .selected { padding-top: 12px; margin-top: 5px; height: 48px; background-position: 100% -657px; } #currency-menu .selected span { color: #02244b; } #currency-menu .selected span:first-child { margin: 0; } #currency-menu li { position: relative; } #currency-menu form > label { display: none; padding-top: 4px; float: left; width: auto; margin-right: 5px; } #currency-menu .open ul { display: block; float: left; padding-left: 0; width: 100%; -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31); } .login #sign-in { display: none; font-size: 14px; background: #fff; width: 320px; position: absolute; z-index: 10; top: 50px; border-top: 0; left: 0; padding: 15px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); } .login #sign-in button, .login #sign-in .btn { width: 100%; text-transform: uppercase; font-family: ralewaybold; line-height: 40px; padding: 0; } .login #sign-in a:hover:not(.btn) { color: #4c97d2; } .login #sign-in #header-retrieve-password { display: none; } .login #sign-in h2 { font-size: 24px; } .login #sign-in li.forgotten { margin-bottom: 0; } .login #sign-in li.forgotten a { font-size: 14px; text-decoration: underline; text-transform: capitalize; line-height: normal; padding: 0 0 10px; } .login #sign-in li.forgotten a:hover { color: #4c97d2; } .login #sign-in .signup { border-top-width: 1px; padding-top: 10px; margin-top: 10px; } .login #sign-in .signup p:first-child { text-align: left; display: inline-block; } .login #sign-in .note { display: none; } .login.on #sign-in { display: block; } .nav-trigger { display: inline-block; height: 10px; width: 10px; background-color: #D4D4D4; } /*ajax cart*/ .header-cart-summary span.badge { background: none; margin-right: 0; vertical-align: baseline; border-radius: 0; line-height: inherit; } .header-cart-summary span { display: inline-block; font-family: 'ralewaysemibold'; font-size: 16px; } .header-cart-summary span:nth-of-type(2), .header-cart-summary span.summary-amount { margin-right: 10px; } .header-cart-summary .ajax-content { width: 100%; position: absolute; top: 0; right: 0; z-index: 10; font-size: 14px; background: #fff; clear: both; padding: 10px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); } .header-cart-summary .ajax-content .next-previous a { width: 100%; margin-bottom: 0; } .header-cart-summary .summary-table td { margin: 5px 0 0 0; } .header-cart-summary .summary-table p { margin-bottom: 5px; } .header-cart-summary .summary-table td.pricing { margin-top: 0; } .header-cart-summary .summary-table .total:before { content: "Item Sub Total: "; } .header-cart-summary .summary-table .total { margin-bottom: 10px; } .header-cart-summary .summary-table .item-detail, .header-cart-summary .summary-table .qty, .header-cart-summary .summary-table .pricing, .header-cart-summary .summary-table .total { float: right; clear: right; width: 70%; max-width: none; text-align: left; padding-left: 0; } .header-cart-summary > h3 { border-bottom-width: 1px; padding-bottom: 10px; margin-top: 10px; } .header-cart-summary h4 { margin-top: 0; } .header-cart-summary h4 a { color: #02244b; font-size: 14px; display: inline-block; } .header-cart-summary h4 a:hover { color: #4c97d2; } .header-cart-summary table { width: 100%; } .header-cart-summary thead { display: none; } .header-cart-summary tr { border-bottom-width: 1px; padding-right: 8%; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; } .header-cart-summary tr:before, .header-cart-summary tr:after { content: ""; display: table; } .header-cart-summary tr:after { clear: both; } .header-cart-summary td { border: 0; padding: 0; } .header-cart-summary .item { width: 100%; display: block; } .header-cart-summary .item figure { margin-right: 10px; width: 60px; } .header-cart-summary .next-previous a { width: 100%; margin: 10px 0 5px; color: #fff; } .header-cart-summary .qty:before { content: "Qty: "; } .header-cart-summary td.actions li.remove { position: absolute; top: 5px; right: 0; } .header-cart-summary .cart-total { margin-top: 0; width: 100%; font-size: 14px; } .header-cart-summary .cart-total .hint { font-size: 12px; } .header-cart-summary.on .ajax-content { display: block; width: 330px; position: absolute; top: 60px; right: 0; } .header-cart-summary .ajax-content span { font-size: 14px; font-family: ralewayregular; } .header-cart-summary .ajax-content .cart-total span:not(.hint):first-child { font-family: ralewaybold; } .header-cart-summary.on { display: block; } .header-cart-summary > a { display: none; } .header-cart-summary .loading, .login #sign-in.loading { min-height: 40px; background: #fff url(/Assets/ajax-loader.gif) center no-repeat; display: block; position: absolute; } .header-cart-summary.on .ajax-content { display: block; } .loggedin .logout, .loggedin .account, .loggedin .history { padding-top: 0px; } .wishlist .badge { margin-left: 5px; font-family: ralewaybold; display: none; } .header-account a { color: #02244b; } #header-nav .header-nav-container li.active.with-children > a { border-bottom: none; } #header-nav .header-nav-container > ul > li.on > a, #header-nav .header-nav-container > ul > li:hover > a { border-bottom: none; } /* Header Search */ .header-search { position: relative; float: right; width: 100%; } #search-menu.collapse, .header-account ul#search-menu { display: block; } #search-menu { padding: 0; background: #F2F2F9; height: 45px; } #search-menu form:before, #search-menu form:after { content: ""; display: table; } #search-menu form:after { clear: both; } #search-menu label { display: none; } #search-menu input { padding: 6px 6px 6px 10px; width: 70%; height: 45px; border: 0; border-radius: 0; background: #F2F2F9; } #search-menu button { width: 63px !important; min-width: auto !important; height: 45px; background: #4c97d2 url(sprite.png) 14px -106px no-repeat; background-size: 40px; text-indent: -9999px; padding: 10px 20px; float: right; } #search-menu.in { margin-bottom: 15px; } .autocomplete { position: absolute; width: 100%; left: 0; background: #fff; z-index: 9999; border-top-weight: 1px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); display: none; } .autocomplete .description { width: 250px; } .autocomplete .products .item { width: 100%; } .autocomplete .offer, .autocomplete .buy-now, .autocomplete .colours, .autocomplete .reviews, .autocomplete .options, .autocomplete .quickview { display: none; } .autocomplete .item figure, .autocomplete h4, .autocomplete .reviews, .autocomplete .pricing { display: block; } .autocomplete .item { margin-top: 0; } .autocomplete .item figure { position: relative; margin-right: 10px; width: 73px; float: left; } .autocomplete .item figure > a > img { width: 75px; } .autocomplete .item-detail { float: right; width: 70%; } .autocomplete h4 a { margin: 0; color: #02244b; } .autocomplete h4 a:hover { color: #4c97d2; } .autocomplete > li { border-width: 0 1px; } .autocomplete li { margin-bottom: 0; } .autocomplete li:before, .autocomplete li:after { content: ""; display: table; } .autocomplete li:after { clear: both; } .autocomplete li h3, .autocomplete li p { margin: 0; } .autocomplete li li { padding: 10px; border-bottom-width: 1px; } .autocomplete .thumbnail { float: left; margin: 0 10px 0 0; } .autocomplete .thumbnail img { width: 30px; } .autocomplete .view-all li:hover { background: #fff; } .autocomplete .view-all a { text-align: center; display: block; padding: 10px 20px; } .autocomplete .articles h4 { width: auto; float: none; font-size: 14px; color: #02244b; } .autocomplete .products { padding-bottom: 0; } .autocomplete a:hover, .autocomplete .articles h4:hover { color: #4c97d2; } .autocomplete li p.style-number { color: #a6a9b3; margin-bottom: 10px; display: block; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #page-header { border-width: 0; } #page-header .content.header-top { display: inline-block; position: absolute; left: 0; max-width: 50%; max-height: 43px; color: white; } #page-header .content.header-middle { display: inline-block; float: right; } #page-header .mobile-triggers, #page-header .mobile-trigger, #page-header .mobile-menu { display: none; } .header-cart-summary.on .ajax-content { width: 400px; padding: 10px 30px 30px; } .header-cart-summary .ajax-content .next-previous a { margin: 10px 0; } .page-header-container { position: relative; font-size: 12px; } .logo { float: left; width: auto; margin-right: 10px; padding-bottom: 10px; } .logo a { width: 220px; height: 107px; margin-top: 10px; background: url(/images/assetimages/logo.png) no-repeat center; background-size: 220px 107px; } .header-account { padding-right: 0px; margin-top: 6px; } ul#account-menu li.login.on > a { border-left: 1px solid #DCDCDC; } #header-nav { display: block; float: left; position: static; } #header-nav .container ul ul { display: none; } #header-nav .header-nav-container > ul { text-align: center; z-index: 100; } #header-nav .header-nav-container > ul li[data-catid='5844'] { display: none; } #header-nav .header-nav-container ul > li ul { padding-left: 25px; } #header-nav .header-nav-container li.with-children > ul { display: block; } #header-nav .header-nav-container ul > li { position: static; border: 0; display: inline-block; float: none; padding: 0; } #header-nav .submenu-content { padding: 20px 30px; } #header-nav .header-nav-container ul > li > a, #header-nav .header-nav-container ul > li > .structural { color: #02244b; padding: 15px; font-size: 16px; font-family: 'ralewaysemibold'; letter-spacing: 0; border: 1px solid #fff; } #header-nav .header-nav-container ul > li ul { padding-left: 0; display: inherit; padding-bottom: 0; } #header-nav .header-nav-container .active .submenu { -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); position: absolute; left: 0; background: #fff; min-width: 175px; text-align: left; z-index: 10; width: 100%; } #header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural { color: #02244b; border: 0; font-size: 14px; } #header-nav .header-nav-container ul > li ul > li > a:hover, #header-nav .header-nav-container ul > li ul > li.on > a { color: #4c97d2; } #header-nav .header-nav-container > ul > li.on > a, #header-nav .header-nav-container li.active.with-children > a, #header-nav .header-nav-container > ul > li:hover > a { color: #4c97d2; } #header-nav .header-nav-container > ul > li:hover > a { border: 1px solid #F2F2F9; } #header-nav.dropdown.in { background: none; } #header-nav.dropdown.in { position: relative; width: auto; top: auto; box-shadow: none; } #header-nav .header-nav-container .submenu > .submenu-content > ul > li { margin-top: 15px; display: inline-block; float: left; clear: none; width: 45%; padding-right: 5%; } #header-nav .header-nav-container > ul > li.with-children.active .submenu > .submenu-content > ul > li > a { font-size: 16px; font-family: ralewaybold; } #header-nav .submenu-content.flyout > ul { width: 70%; float: left; } #header-nav .content.nav-flyout img { float: right; max-width: 100%; } #header-nav .content.nav-flyout { width: 30%; float: right; padding: 2%; display: inline-block; } #header-nav .header-nav-container .submenu > .submenu-content > ul > li:nth-of-type(2n+1) { clear: left; } .loggedin .header-account ul#account-menu li > a { padding: 10px; } .loggedin .header-account { margin-top: 6px; padding: 6px 20px 22px 6px; max-width: 350px; } #sign-in input { width: 100%; } .page-header-container a { color: #02244b; } .page-header-container .forgotten a { color: #02244b; } .page-header-container .forgotten a:hover { color: #4c97d2; text-decoration: underline; } .header-cart { float: right; clear: none; height: 60px; } .header-cart-summary span:nth-of-type(2), .header-cart-summary span.summary-amount { margin-right: 10px; display: none; } .header-cart-summary span.badge { display: none; } .header-cart-summary { display: block; float: right; margin-left: 10px; opacity: 1; height: 60px; } .header-cart-summary > a { height: 43px; display: block; } .header-cart-summary.on { margin-top: 0; } .header-cart-summary.on .loading .ajax-content { display: none; } .header-cart-summary .cart-btn { display: inline-block; width: auto; height: 60px; padding: 20px 55px 0 20px; background: #ed2024 url(sprite.png) 86% -454px no-repeat; background-size: 40px; text-align: left; color: #fff; font-size: 16px; text-transform: uppercase; font-family: ralewaysemibold; } .header-account ul, #header-nav ul, #currency-menu, #search-menu { display: block; visibility: visible; } .header-account > ul > li, .header-options > ul > li, #header-nav .container > ul > li { float: left; } .header-account, .header-options { display: inline-block; float: none; } .header-account ul { padding-top: 8px; } .header-account a:hover { color: #4c97d2; } .header-account ul#account-menu { padding-top: 0; } .header-account ul#account-menu .submenu-content { width: 100%; } .header-account ul#account-menu li[data-catid='5844'] { position: relative; } .header-account ul#account-menu li[data-catid='5844'] .submenu { display: none; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); position: absolute; left: 0; background: #fff; width: 160px; text-align: left; z-index: 10; } .header-account ul#account-menu li[data-catid='5844'].active .submenu { display: block; } .header-account ul#account-menu li > a { padding: 15px 3px; font-family: 'ralewaybold'; font-size: 14px; text-transform: uppercase; display: inline-block; border-left: 1px solid #fff; border-right: 1px solid #fff; } } @media (min-width: 768px) and (min-width: 1200px) { .header-account ul#account-menu li > a { padding: 15px; } } @media (min-width: 768px) { .header-account ul#account-menu .password label, .header-account ul#account-menu .email label { width: 100%; } .header-account > ul > li, .header-options > ul > li { border-left: 1px solid #fff; border-right: 1px solid #fff; } .header-account > ul > li.login.on { border-right: 1px solid #E4E4E5; } body:not(.loggedin) .header-account > ul > li:not(:last-child):after { content: " |"; color: #02244b; } .header-cart > a { float: right; margin-left: 20px; } .nav-trigger, .m-nav-links { display: none; } #search-menu { float: none; } #search-menu form { margin: 0 auto; border: 1px solid #E5E5E5; width: 90%; margin-top: 30px; background: #fff; position: relative; height: 62px; } #search-menu input { background: #fff; width: 80%; font-size: 18px; padding: 20px 0 6px 20px; } #search-menu ::-webkit-input-placeholder { font-size: 18px; color: b5bac3; } #search-menu ::-moz-placeholder { font-size: 18px; color: b5bac3; } #search-menu :-ms-input-placeholder { font-size: 18px; color: b5bac3; } #search-menu :-moz-placeholder { font-size: 18px; color: b5bac3; } #search-menu button { height: 60px; background: #4c97d2 url(sprite.png) 9px -129px no-repeat; background-size: 50px; } .header-search { height: 120px; background: #F2F2F9; } .autocomplete { display: block; } /* Currency Menu */ #currency-menu .selected { border-width: 0; padding-top: 6px; height: auto; background-position: 114% -720px; background-color: #F2F2F9; } #currency-menu .selected span { color: #fff; } #currency-menu .open ul { float: left; padding-left: 0; border: 0; width: 70px; -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31); } .currency-estimator { float: left; } #header-nav .header-nav-container .active .submenu.loading { background: white url("/Assets/ajax-loader.gif") center no-repeat; -webkit-box-shadow: 0px 3px 22px 0px rgba(184, 184, 184, 0.5); -moz-box-shadow: 0px 3px 22px 0px rgba(184, 184, 184, 0.5); box-shadow: 0px 3px 22px 0px rgba(184, 184, 184, 0.5); width: 100%; height: 40px; } } /*** DESKTOP ***/ @media (min-width: 992px) { #search-menu form { width: 70%; } .header-cart-summary span:nth-of-type(2), .header-cart-summary span.summary-amount { margin-right: 10px; display: inline-block; } .header-cart-summary span.badge { display: inline-block; } #header-nav .header-nav-container .submenu > .submenu-content > ul > li { margin-top: 15px; display: inline-block; float: left; clear: none; width: 33%; padding-right: 5%; } #header-nav .header-nav-container .submenu > .submenu-content > ul > li:nth-of-type(2n+1) { clear: none; } #header-nav .header-nav-container .submenu > .submenu-content > ul > li:nth-of-type(3n+1), #header-nav .header-nav-container .submenu > .submenu-content > ul > li:nth-of-type(7) { clear: left; } .loggedin .header-account ul#account-menu li > a { padding: 10px; } .loggedin .header-account { float: left; } .logo { margin-right: 30px; } } @media (min-width: 992px) and (min-width: 1200px) { .logo { margin-right: 40px; } } /*** DESKTOP ***/ @media (min-width: 1150px) { #search-menu form { width: 620px; } .page-header-container { padding: 0; } .loggedin .header-account { max-width: 410px; } } @media (min-width: 1150px) and (min-width: 1200px) { .loggedin .header-account { max-width: none; } } @media (min-width: 1150px) { .header-account ul#account-menu li > a { font-size: 15px; } } /* ========= HEADER COMPONENT END ========= */ /* ========= BREADCRUMB COMPONENT ========= */ #breadcrumbs { display: none; } .breadcrumb-container { padding: 0; border-bottom-width: 1px; } .breadcrumb-container .sort-by li, .breadcrumb-container .sort-by h2 { border-bottom: 0; } .breadcrumb-container .breadcrumb { padding: 20px 0; margin-bottom: 0; list-style: none; float: left; } .breadcrumb-container .breadcrumb a:hover { color: #02244b; text-decoration: none; } .breadcrumb-container .breadcrumb > li { font-size: 14px; display: inline-block; font-family: 'droid_serifregular'; } .breadcrumb-container .breadcrumb > li + li:before { content: "/ "; padding: 0 3px 0 10px; color: #b2b3b3; } .breadcrumb-container .breadcrumb > .active * { color: #b2b3b3; } .breadcrumb-container .breadcrumb li, .breadcrumb-container .breadcrumb a { color: #b2b3b3; } /* Cart pages */ .cartpage.loggedin #breadcrumbs .login { display: none; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #breadcrumbs { display: block; } } @media (min-width: 1150px) { .breadcrumb { padding: 8px 0 9px; } } /* ========= BREADCRUMB COMPONENT END ========= */ /* ========= LEFT NAV COMPONENT ========= */ .cataloguepage #left-nav .menu.dynamic li, .searchpage #left-nav .menu.dynamic li, .infopage #left-nav .menu.dynamic li { display: none; } .cataloguepage #left-nav .sort-by h2, .cataloguepage #left-nav .filter-by h2, .cataloguepage #left-nav .left-nav-container .menu > ul > li.on > a, .cataloguepage #left-nav .left-nav-container .menu li.on > span, .searchpage #left-nav .sort-by h2, .searchpage #left-nav .filter-by h2, .searchpage #left-nav .left-nav-container .menu > ul > li.on > a, .searchpage #left-nav .left-nav-container .menu li.on > span, .infopage #left-nav .sort-by h2, .infopage #left-nav .filter-by h2, .infopage #left-nav .left-nav-container .menu > ul > li.on > a, .infopage #left-nav .left-nav-container .menu li.on > span { font-family: ralewaybold; padding-bottom: 10px; display: block; color: #000; } .cataloguepage #left-nav .menu li.on, .cataloguepage #left-nav .menu li.on li, .searchpage #left-nav .menu li.on, .searchpage #left-nav .menu li.on li, .infopage #left-nav .menu li.on, .infopage #left-nav .menu li.on li { display: block; } .cataloguepage #left-nav .menu li.on a, .cataloguepage #left-nav .menu li.on li a, .searchpage #left-nav .menu li.on a, .searchpage #left-nav .menu li.on li a, .infopage #left-nav .menu li.on a, .infopage #left-nav .menu li.on li a { color: #000; } #left-nav .content.nav-middle { border: 1px solid #E5E5E5; background: #F2F2F9; width: 100%; padding: 20px; } #left-nav .nav-middle .contact-content a { color: #02244b; font-family: ralewaybold; } #left-nav .nav-middle .contact-content a:hover { color: #4c97d2; } #left-nav .nav-middle .contact-content a .contactimage { display: none; } #left-nav .nav-middle .contact-content h3 { margin: 10px 0 20px; color: #02244b; } .cataloguepage #left-nav .left-nav-container .menu > ul > li.on > a { font-size: 18px; text-transform: uppercase; } #left-nav { padding: 0; font-size: 16px; font-family: ralewayregular; } #left-nav .content { margin-bottom: 10px; display: none; } #left-nav .menu { display: none; padding: 0 20px 0 0; } #left-nav .menu > ul { padding: 0; } #left-nav .menu ul ul li > ul { margin-left: 15px; } #left-nav .menu ul li li.on > a { font-family: ralewaybold; text-decoration: underline; } #left-nav .menu li { padding: 5px 0; } #left-nav .menu ul > li > a { color: #02244b; font-size: 14px; } #left-nav .menu ul > li > a:hover { color: #4c97d2; } #left-nav .sort-by { padding-bottom: 20px; } #left-nav .filter-by { margin-top: 10px; } #left-nav .filter-by h2 { margin-bottom: 0; border-bottom: 0; padding-bottom: 15px; } #left-nav .filter-by .filter h3 { margin: 0; padding: 13px 0; cursor: pointer; font-size: 14px; } #left-nav .filter-by .filter ul { max-height: 0; transition: max-height 1s ease-out; overflow: hidden; } #left-nav .filter-by .filter ul.in, #left-nav .filter-by .filter ul.collapsing { max-height: 1000px; transition: max-height 1s ease-in; } #left-nav .filter-by .filter > li { padding: 10px 0; } #left-nav .filter-by .filter ul li { padding: 2px 0; } #left-nav .filter-by .filter ul li a { color: #02244b; } #left-nav .filter-by .filter ul li a span:hover { color: #4c97d2; } #left-nav .menu > ul > li > ul > li > a { font-family: ralewaybold; font-size: 16px; } #left-nav .filters { border: 1px solid #f2f2f9; margin-top: 5px; margin-bottom: 20px; padding: 0 15px; position: relative; /*.filter li > a:before, .filter-by li.on .title:before{ content: " "; display:inline-block; width:12px; height:12px; margin-right:7px; @include border(0,1px, $LightGrey, solid); } .filter li.on .title:before, .filter li.on > a:before, .filter li > a:hover:before { border-color:$Blue; background-color:$Blue; }*/ } #left-nav .filters:before, #left-nav .filters:after { content: ""; display: table; } #left-nav .filters:after { clear: both; } #left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3 { font-size: 14px; } #left-nav .filters > h3 { padding: 13px 0; margin: 0; font-size: 16px; text-transform: none; cursor: pointer; } #left-nav .filters li a { color: #000000; padding: 5px 0; } #left-nav .filters li a:hover { color: #4c97d2; } #left-nav .filters .filter { margin-bottom: 0; position: relative; } #left-nav .filters .filter h3 { cursor: pointer; } #left-nav .filters .filter li a:hover { text-decoration: none; } #left-nav .filters li.on a { color: #4c97d2; } #left-nav .filters .filter-by, #left-nav .filters .sort-by { display: block; clear: both; } #left-nav .filters .filter-title { display: block; cursor: pointer; } #left-nav .filters .fake-select, #left-nav .filters .fake-select ul { width: 100%; } #left-nav .filters .fake-select { float: none; } #left-nav .filters .fake-select .selected { background: url(/Assets/sprite.png) no-repeat 96% -338px; background-size: 20px; } #left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; } #left-nav .filters .filter-by .eso-accordion-trigger .eso-accordion-indicator { background-position: 0 -758px; } #left-nav .filters .filter-by .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 0px -705px; } .count { display: inline-block; padding-left: 5px; } .count:before { content: "("; } .count:after { content: ")"; } .accountpage #left-nav li.on > a { /*text-decoration:underline;*/ color: #4c97d2; } /*** ipad ***/ @media (min-width: 768px) { .cataloguepage #left-nav { margin-top: 20px; } #left-nav { display: inline-block; width: 30%; float: left; margin-left: 0; margin-right: 5%; font-size: 14px; } #left-nav .menu { display: block; margin-bottom: 30px; } #left-nav .content { display: inline-block; } #left-nav .content.nav-middle { width: 100%; margin-top: 30px; } #left-nav .sort-by h2, #left-nav .filter-by h2, .left-nav-container .menu > ul > li.on > a, .left-nav-container .menu li.on > span { font-size: 18px; } #left-nav .filters .filter-by > h2 { font-size: 18px; text-transform: uppercase; } #left-nav .filters { border: none; margin-bottom: 20px; padding: 0; } #left-nav .filters > .collapse { display: block; visibility: visible; height: auto !important; } #left-nav .filters > h3, #left-nav .filters .sort-by { display: none; } #left-nav .filters .filter-by h3 { font-size: 16px; color: #000; } #left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; } .left-nav-container { padding: 0; } .left-nav-container .filters.filter > h3 > .eso-accordion-indicator:first-of-type { position: absolute; top: 18px; right: 0px; } } /*** ipad ***/ @media (min-width: 768px) { #left-nav { width: 25%; } } /*** ipad ***/ @media (min-width: 992px) { #left-nav .nav-middle .contact-content a .contactimage { width: 20px; margin-right: 5px; display: inline-block; } } /*** DESKTOP ***/ @media (min-width: 1150px) { #left-nav { width: 20%; margin-right: 5%; } } /* ========= LEFT NAV COMPONENT END ========= */ /* ========= FOOTER COMPONENT ========= */ #page-footer { background-color: #0d1527; padding: 0; margin-top: 30px; } #page-footer .content { clear: both; } #page-footer .content.footer-top { padding: 0; position: relative; } #footer-nav { position: relative; } .footer-signup { padding: 20px 15px 25px; background: #F2F2F9; text-align: center; } .footer-signup h3 { margin-top: 0; } .footer-signup table { width: 100%; } #page-footer .page-footer-container { padding: 0; } .footer-nav-container { padding: 30px 0 0; } .footer-nav-container > ul > li { padding: 5px 0; position: relative; border-bottom-width: 1px; } .footer-nav-container > ul > li > a, .footer-nav-container > ul > li > span { text-transform: uppercase; } .footer-nav-container li a, .footer-nav-container li span { display: inline-block; padding: 5px 0; color: #fff; } .footer-nav-container li > span { padding: 20px 0 5px 0; } .footer-nav-container li span { cursor: pointer; } .footer-nav-container .eso-accordion-indicator { display: inline-block; padding-left: 6px; position: absolute; right: 0; top: 17px; height: 30px; width: 40px; background: url(/Assets/sprite.png); background-size: 40px; background-position: -1px -305px; } .footer-nav-container .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 114% -354px; } .footer-nav-container .eso-accordion > li > span, .footer-nav-container .eso-accordion > li > a { font-family: 'ralewaybold'; font-size: 16px; width: 100%; } .footer-nav-container .eso-accordion li ul li a { color: #fff; } h3.contact-heading { font-family: 'ralewaybold'; font-size: 16px; color: white; text-transform: uppercase; } .contact-content a { display: block; color: #fff; margin-bottom: 6px; } .signup-form p.blurb { margin-bottom: 20px; } .content.footer-top .socialmedia:after { content: ""; background: url("/images/assetimages/footerbg.png") no-repeat; } #page-footer > div { position: relative; z-index: 0; } .socialmedia { z-index: 1000; position: relative; background: #172033; padding: 10px; } .socialmedia a img { width: 50px; } .socialmedia a { width: 32%; display: inline-block; text-align: center; } .contact-content a span { display: inline-block; margin-right: 5px; font-family: ralewaybold; } .estar { font-family: ralewayregular; margin-bottom: 30px; float: left; width: 100%; color: #444; } .estar .container { text-align: center; margin-top: 20px; padding: 10px 0 60px; font-size: 14px; } .estar .container a { color: #444444; font-family: ralewaybold; } .estar .container a:hover { color: #4c97d2; text-decoration: none; } .estar .container > a { width: 100%; border-bottom-width: 1px; display: block; padding-bottom: 20px; } .content.footer-bottom { padding-bottom: 30px; } .footer-nav-container, .content.footer-top { position: relative; z-index: 3; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #page-footer .footer-nav-container { float: left; width: 69%; padding-bottom: 30px; } #page-footer .content.footer-bottom { float: right; width: 30%; clear: none; padding-top: 35px; } .signup-form h4 { font-size: 36px; color: #02244b; } .signup-form p.blurb { font-size: 20px; } .footer-nav-container > ul { border-top-width: 0; margin: 0; } .footer-nav-container .eso-accordion li ul li a { color: #fff; } .footer-nav-container .eso-accordion li ul li a:hover { color: #fff; } .footer-nav-container .collapse.eso-accordion { display: block; visibility: visible; height: auto !important; } .footer-nav-container .collapsing.eso-accordion { height: auto !important; } .footer-nav-container > ul > li { width: 33%; float: left; border: 0; } .footer-nav-container > ul > li span { cursor: default; } .footer-nav-container > ul > li span.eso-accordion-indicator { display: none; } .social-wrap { position: relative; padding-top: 15px; } .socialmedia { padding: 0; } .estar .container { position: relative; text-align: left; } .estar .container .copyright { clear: left; } .estar .container p { float: left; text-align: left; margin-right: 30px; } .estar .container > a { width: auto; position: absolute; top: 10px; right: 0; border-bottom-width: 0; display: block; padding-bottom: 20px; } .footer-ul .input { width: 79%; } .footer-ul .button { width: 20%; } .footer-signup .signup-form { width: 100%; } .footer-signup .signup-form ::-webkit-input-placeholder { font-size: 18px; color: b5bac3; } .footer-signup .signup-form ::-moz-placeholder { font-size: 18px; color: b5bac3; } .footer-signup .signup-form :-ms-input-placeholder { font-size: 18px; color: b5bac3; } .footer-signup .signup-form :-moz-placeholder { font-size: 18px; color: b5bac3; } .footer-signup .signup-form li { display: inline-block; } .footer-signup .signup-form li:first-of-type { width: 78%; background: #fff; height: 60px; vertical-align: top; } .footer-signup .signup-form li:last-of-type { width: 20%; } .footer-signup .signup-form li button { width: 100%; height: 60px; } .footer-signup .signup-form li input { border: 0; padding-top: 17px; padding-left: 17px; } .footer-signup table { width: 95%; margin: 0 auto; } } /*** DESKTOP ***/ @media (min-width: 992px) { .footer-bg { margin-top: -20px; } .socialmedia a { width: 16%; } #page-footer .content.footer-top { background: #0D1527; } .footer-signup table { width: 620px; } .footer-signup .signup-form { width: 100%; margin: 0 auto; width: 620px; } } /*** DESKTOP ***/ @media (min-width: 1150px) { .footer-bg { margin-top: -30px; } .footer-signup table { width: 60%; margin: 0 auto; } .footer-nav-container, #page-footer .content.footer-bottom { padding: 0; } } /* ========= FOOTER COMPONENT END ========= */ /* ========= CATALOGUE LISTING COMPONENT ========= */ /*** Landing page ***/ .cat-tiles { width: 100%; padding: 20px; float: left; background: #F2F2F9; } .cat-tiles a { display: block; float: left; text-align: center; vertical-align: middle; color: #fff; font-size: 16px; font-family: ralewaysemibold; overflow: hidden; width: 47%; background: #11254A; margin-top: 20px; } .cat-tiles a:nth-child(even) { float: right; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .cat-tiles { background: #fff; margin-right: 20px; padding: 0; } .cat-tiles a { width: 31%; margin-right: 3%; float: left; } .cat-tiles a:nth-child(3n) { float: left; margin-right: 0; } .cat-tiles a:nth-child(even) { float: left; } } /*** tool bar filters ***/ .toolbar:before, .toolbar:after { content: ""; display: table; } .toolbar:after { clear: both; } .toolbar .filters { display: none; margin-bottom: 10px; font-size: 14px; } .toolbar .filters .filter { width: 220px; } .toolbar .filters .filter-by { display: none; } .toolbar .filters .sort-by .filter, .toolbar .filters .sort-by h2 { display: inline-block; vertical-align: middle; } .toolbar .filters .sort-by h2 { padding: 0 10px 0 0; margin: 0; font-size: 16px; } .cataloguepage .item .style-number, .cross-sell .item .style-number { display: none; } .cataloguepage .main-container { clear: left; } .result-summary { display: none; float: left; margin-top: 10px; } .featured { clear: both; margin-top: 15px; padding-top: 15px; /* border-bottom-width: 1px; border-top-width: 1px;*/ } .featured .item { margin-top: 0; } .featured h2 { font-size: 18px; } .item { width: 100%; clear: left; margin: 15px 0; float: left; padding: 15px 0; } .item figure { position: relative; width: 30%; float: left; } .item figure img { width: 100%; } .item .item-detail { width: 68%; float: left; padding-left: 5%; } .item h4 a { font-size: 16px; color: #000; } .item .item-brand { position: absolute; right: 0; top: -45px; height: 30px; text-indent: -9999px; } .item .item-brand img { height: 100%; display: block; } .item .options { clear: both; } .item .options a + a { margin-left: 10px; } .item .item-asset { clear: both; } .item .quickview, .item .buy-now { margin: 0 0 10px 0; } .item .buy-now button, .item .quickview .btn { width: 100%; } .item .colours:before, .item .colours:after { content: ""; display: table; } .item .colours:after { clear: both; } .item .colours li { float: left; margin: 0 3px 3px 0; border: 1px solid white; border-radius: 0; } .item .colours li.on { border-color: #02244b; } .item .colours li span { display: none; } .item .colours li img { width: 20px; height: 20px; display: block; border: 1px solid #e1e1e8; border-radius: 0; } .item .price { font-size: 14px; font-family: ralewaybold; } .item .buy-now, .item .quickview, .item .options, .item .item-asset { display: none; } .item .style-number { color: #a6a9b3; font-family: ralewayregular; } p.offer a { color: #000; font-family: droid_serifregular; font-size: 14px; } p.offer a:hover { color: #4c97d2; } .item .style-number span { display: none; } .item .price.was { font-family: ralewaymedium; } #main .products { padding-bottom: 20px; margin-bottom: 20px; /* .item{ width:45%; float:left; margin-left: 10%; margin-bottom:10px; } .item:nth-of-type(2n+1){clear:both; margin-left:0%} */ } #main .products:before, #main .products:after { content: ""; display: table; } #main .products:after { clear: both; } #main .products .next_link { clear: both; } .loading-message { text-align: center; width: 100%; clear: both; display: none; } .loading-message span { display: inline-block; padding-left: 30px; background: url("/Assets/ajax-loader.gif") 0 0 no-repeat; } .next_link + .loading_message { display: block; } .page-numbers { display: block; font-family: ralewayregular; color: #02244b; margin-bottom: 10px; font-size: 16px; position: relative; } .page-numbers:before, .page-numbers:after { content: ""; display: table; } .page-numbers:after { clear: both; } .page-numbers li.next-prev.prev { display: none; } .page-numbers ul + .view-all { font-family: ralewaybold; margin: 6px 0 5px 0; } .page-numbers .view-all { margin: 5px; float: left; color: #02244b; } .page-numbers p { margin-top: 5px; font-family: ralewaybold; } .page-numbers p, .page-numbers ul { float: left; } .page-numbers ul { padding: 0; margin-left: 5px; margin-bottom: 0; } .page-numbers li { float: left; margin-right: 10px; padding: 4px 0; vertical-align: middle; text-align: center; } .page-numbers li a { color: #02244b; } .page-numbers .on { text-decoration: underline; border-radius: 16px; font-family: ralewaybold; } .page-numbers li.next-prev.next { display: none; } /*.js_enabled .page_numbers { display: block; }*/ .autoscroll .page_numbers { display: none; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .cataloguepage main .content, .cataloguepage .toolbar { margin-bottom: 20px; } .cataloguepage main .content:before, .cataloguepage main .content:after, .cataloguepage .toolbar:before, .cataloguepage .toolbar:after { content: ""; display: table; } .cataloguepage main .content:after, .cataloguepage .toolbar:after { clear: both; } .cataloguepage #page-content { padding-top: 20px; } .cataloguepage main .item { width: 50%; clear: none; } .cataloguepage main .item:nth-child(2n+1) { clear: left; } .toolbar { display: block; } .toolbar .page-numbers + .filters { float: right; } .toolbar .filters { display: inline-block; margin-bottom: 0; float: left; } .toolbar .filters > h3 { display: none; } .page-numbers { float: left; padding: 0; position: relative; margin: 6px 0 0; } .page-numbers ul { position: relative; left: 0; } .page-numbers ul + .view-all { float: right; } .page-numbers li { padding: 5px 0; } .page-numbers .on { padding: 5px 10px; } .page-numbers .view-all { margin-left: 10px; float: left; font-size: 14px; } .cataloguepage .toolbar.top { padding-bottom: 30px; border-bottom: 1px solid #E1E1E8; } } /*** Desktop ***/ @media (min-width: 992px) { #main .products .featured .item { padding: 40px; } } /* ========= CATALOGUE LISTING COMPONENT END ========= */ /* ========= SEARCH COMPONENT ========= */ .searchpage .did-you-mean { font-family: ralewaybold; } .searchpage .zero-results ul a { padding-top: 15px; display: inline-block; } .searchpage p.related a { margin-left: 7px; } .searchpage .search-info { font-size: 18px; margin-bottom: 20px; } .searchpage .popular { margin-bottom: 20px; } .searchpage .toolbar { display: none; } .searchpage .alphabet-links { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; } .searchpage .alphabet-links a { display: inline-block; padding: 6px; } .searchpage .articles .item a { width: 100%; display: block; padding: 10px; margin: 5px auto; font-weight: bold; border-width: 1px; text-align: center; } .searchpage .articles .item a h4 { font-size: 14px; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .searchpage #left-nav { display: none; } .searchpage .tab-content #left-nav, .searchpage #left-nav .filters .sort-by { display: block; } .searchpage #page-content { padding-bottom: 30px; } .searchpage .toolbar .page-numbers { position: absolute; right: 0; } .searchpage .toolbar.top .page-numbers { top: 30px; } .searchpage .toolbar.bottom .page-numbers { bottom: 8px; } .searchpage .articles { padding: 20px 0; } .searchpage .articles .item { width: 24%; margin: .5%; vertical-align: top; display: inline-block; clear: none; } .searchpage .articles .item:nth-child(4n) { clear: left; } .searchpage .popular { float: right; } .searchpage #page-content { width: 100%; } .searchpage .toolbar.top { width: 17%; float: left; margin-left: 0; margin-right: 8%; } .searchpage main .products { width: 70%; float: right; } .searchpage .related { margin-bottom: 25px; } } /* ========= SEARCH COMPONENT END ========= */ /* ========= PRODUCT DETAIL COMPONENT ========= */ .product:before, .product:after, .alternate-images:before, .alternate-images:after, .reviews:before, .reviews:after, .product-detail .review:before, .product-detail .review:after, .review-group:before, .review-group:after, .cart-options:before, .cart-options:after, .additional-info-links:before, .additional-info-links:after { content: ""; display: table; } .product:after, .alternate-images:after, .reviews:after, .product-detail .review:after, .review-group:after, .cart-options:after, .additional-info-links:after { clear: both; } .productpage .aspects { display: none; } .productpage #page-content { width: 100%; } .productpage #left-nav { display: none; } .productpage #breadcrumbs .breadcrumb-container { border: none; } .productpage .main-container { padding: 0; } .productpage .main-container h1 { font-size: 22px; padding-bottom: 0; } .product-content { clear: both; } .product-content .form-item { margin-bottom: 15px; } .product-content .form-item:before, .product-content .form-item:after { content: ""; display: table; } .product-content .form-item:after { clear: both; } .product-content .form-item ul { display: none; } .product-content .form-item .open ul { display: block; } .product-content .form-item.empty { margin: 0; } .product-content .form-item.quantity { display: none; } .product-content .brand { float: right; } .product-content .form-item.quantity input { text-align: center; } .product-content .form-item.cartbutton { margin-top: 15px; } .product-content .form-item.cartbutton button.loading { background-image: url(/Assets/button-ajax-loader.gif); background-repeat: no-repeat; background-position: 90% center; } .product-content .brand span { display: none; } .product-content .prices { display: inline-block; } .product-content .prices .price { /* color:#000;*/ font-family: ralewaymedium; font-size: 22px; } .additional-options .add-registry { margin-top: 15px; } .additional-info-links { margin: 7px 0; } .additional-info-links li { float: left; margin-right: 5px; } .additional-info { clear: both; } .additional-info .nav { display: none; margin-bottom: 15px; } .additional-info .info-item { display: block; visibility: visible; margin: 0px 0; } .additional-info .info-item h2 { position: relative; font-size: 14px; font-family: ralewaybold; margin: 0; padding: 20px 30px 20px 15px; border-top-width: 1px; cursor: pointer; } .additional-info .info-item h2.collapsed { background: #f2f2f9; } .additional-info .info-item .info-content { padding: 0 15px 15px; display: none; } .additional-info .info-item .animated-content { margin: 20px 0; } .additional-info .info-item.open .animated-content { display: block !important; } .additional-info .info-item.open h2 { background: url(sprite.png) 102% -994px no-repeat; background-size: 40px; } .additional-info .additional-info-content > div { padding: 0; } .additional-info .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 0px -705px; } .additional-info .eso-accordion-trigger .eso-accordion-indicator { background-position: 0 -757px; } .product-content .content.long-description h3 { font-size: 22px; margin: 20px 0; } .product-content .content.long-description p { font-family: ralewaymedium; } .product-content .content.long-description ul { list-style: none; padding: 0; } .product-content .content.long-description li { display: list-item; margin: 10px 0; } .bold { font-family: ralewaybold; } .add-to-cart { position: relative; margin-bottom: 20px; } .add-to-cart .availability { color: #ccc; font-family: ralewaybold; font-size: 12px; } .add-to-cart .cart-options { position: relative; } .add-to-cart .cart-options .form-item > label { text-transform: uppercase; } .cross-sell { width: 95%; margin: 0 auto; } .cross-sell > div h2 { font-size: 22px; width: 90%; margin: 0 auto; } .productpage .cross-sell { margin-top: 80px; } .alternate-images { width: 80%; margin: 0 auto; position: relative; } .alternate-images img { width: 80px; } .alternate-images li { float: left; } .alternate-images .video .indicator { background: url(/Assets/video-play.png) no-repeat center center; background-size: 85px; position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .alternate-images a { background-size: cover; display: block; margin: 0 auto; position: relative; } .alternate-images a img { visibility: hidden; margin: 0 auto; } .long-description.has-content:before { content: 'Product Description'; display: block; font-family: ralewaybold; padding: 15px 0; border-bottom-width: 1px; text-transform: uppercase; margin-bottom: 20px; } .product-detail .review { margin-top: 15px; padding-top: 15px; border-top-width: 1px; } .product-detail .review .date { color: #929292; } .product-detail .reviewer strong { margin-left: 5px; } .product-detail .reviews { margin-bottom: 10px; } .product-detail .reviews > h3 { font-size: 16px; font-family: ralewaymedium; } .product-detail .reviews .avg { float: left; } .product-detail .reviews .avg > span { display: block; margin: 5px 0; font-family: ralewaybold; text-transform: uppercase; } .product-detail .reviews .reviewer { float: left; margin-right: 5px; } .product-detail .reviews .comment { clear: both; } .product-detail .reviews .stars-container { float: left; clear: both; } .product-detail .reviews .links, .product-detail .reviews .no-reviews { float: left; } .product-detail .reviews .links a, .product-detail .reviews .no-reviews a { margin-right: 10px; color: #02244b; font-family: ralewaybold; } .product-detail .reviews .no-reviews { margin-right: 5px; color: #a6a9b3; } .product-detail .reviews .no-reviews + .links a { margin-left: 0; font-family: ralewaybold; color: #02244b; } .product-detail .reviews .review-group { clear: both; } .product-detail .additional-info-content .reviews .stars-container { float: none; } .product-detail .additional-info-content .reviews .avg + .btn { background: #4c97d2; font-size: 18px; margin: 15px 0; text-transform: capitalize; float: left; display: block; max-width: 220px; clear: left; } .product-detail .product-title h2 { text-transform: uppercase; font-size: 36px; } .product-detail .form-item.cartbutton:before, .product-detail .form-item.cartbutton:after { content: ""; display: table; } .product-detail .form-item.cartbutton:after { clear: both; } .product-detail .social-media { margin-top: 20px; display: none; } .product-detail .social-media:before, .product-detail .social-media:after { content: ""; display: table; } .product-detail .social-media:after { clear: both; } .product-detail .social-media > div { float: left; margin-right: 10px; } .form-group, form li.response label { font-size: 16px; font-family: ralewaybold; } .form-group, form li.response input[type="checkbox"] { vertical-align: top; } .product-img { position: relative; } .product-img .medium-image { display: none; position: relative; } .product-img a > img { position: relative; width: 100%; max-width: 415px; margin: 0 auto; } .modal .email-a-friend .image, .modal .rating-form .image { margin-bottom: 10px; text-align: center; display: none; } .modal .email-a-friend .image img, .modal .rating-form .image img { width: 100%; } .modal .email-a-friend form, .modal .rating-form form { clear: both; padding-top: 10px; } .availability { display: none; text-align: left; padding-bottom: 5px; } .not-for-sale .availability { display: block; } /*Search aspects*/ .aspects { margin: 30px 0; } .aspects dt:nth-child(1), .aspects dd:nth-child(2) { border-top-width: 1px; } .aspects dl { margin-bottom: 0; } .aspects dl:before, .aspects dl:after { content: ""; display: table; } .aspects dl:after { clear: both; } .aspects dt, .aspects dd { float: left; border-bottom-width: 1px; padding: 15px 0; } .aspects dt { clear: left; width: 30%; } .aspects dd { width: 70%; } /*Pricing Matrix*/ .full-pricing { margin-bottom: 15px; } .modal .price-matrix .matrix th, .modal .price-matrix .matrix td { border-bottom-width: 1px; } .modal .price-matrix .matrix .available .pricing { cursor: pointer; } .modal .price-matrix th img, .modal .price-matrix .selection img { border: 1px solid #e1e1e8; border-radius: 0; } .modal .price-matrix h4 { float: left; clear: left; } .modal .price-matrix .selection span:first-child, .modal .price-matrix .selection img { margin-right: 5px; } .modal .price-matrix .selection span:first-child { display: inline-block; width: 50px; } .modal .price-matrix .selection img { width: 20px; } .modal .price-matrix thead img + span { display: none; } .modal .price-matrix .row { margin: 0; } .modal .price-matrix table, .modal .price-matrix tbody, .modal .price-matrix tr, .modal .price-matrix td { display: block; } .modal .price-matrix td:before, .modal .price-matrix td:after { content: ""; display: table; } .modal .price-matrix td:after { clear: both; } .modal .price-matrix th, .modal .price-matrix td { padding: 8px 10px; } .modal .price-matrix th, .modal .price-matrix thead { display: none; } .modal .price-matrix p { margin-bottom: 0; } .modal .price-matrix .unavailable .pricing, .modal .price-matrix .unavailable .price { color: #e1e1e8; } .modal .price-matrix .pricing h4 { font-size: 14px; } .modal .price-matrix .pricing h4 span + span { margin-left: 5px; } .modal .price-matrix .price { float: right; } .modal .price-matrix .availabilitykey { margin-top: 20px; } .product-img { padding-top: 30px; } /*add padding but additional info go full width*/ .product-content > div:not(.additional-info), .product-content h1, .product-content .style-number { padding: 0 20px; } .product-content { margin-top: 20px; } .product-content .style-number { color: #a6a9b3; font-size: 18px; font-family: ralewaysemibold; } .product-content .style-number span { display: none; } .product-content .form-item.size ul, .product-content .form-item.colour ul { margin-bottom: 0; } .product-content .ESO_number_wrapper { position: relative; display: inline-block; padding: 0 40px; text-align: center; } .product-content .ESO_number_wrapper input { height: 35px; } .product-content .ESO_number_wrapper a { position: absolute; height: 35px; width: 35px; line-height: 30px; text-align: center; font-size: 20px; border-radius: 20px; border-width: 1px; top: 0; color: #02244b; transition: background-color 200ms; } .product-content .ESO_number_wrapper a:hover { text-decoration: none; background-color: #e1e1e8; } .product-content .ESO_number_wrapper a.minus { left: 0; } .product-content .ESO_number_wrapper a.plus { right: 0; } /*Quickview Modal Popup*/ .modal-dialog .product-content .form-item, .modal-dialog .product-detail .additional-options { width: 100% !important; } /* Lawyers */ .product-no-sale .style-number, .product-no-sale .pricing { display: none; } .product-no-sale .long-description { padding-bottom: 20px; } .product-no-sale .product-content .reviews { margin-bottom: 5px; } .product-no-sale .productpage .add-to-cart { padding-bottom: 30px; } /*slick slider breakpoint*/ @media (min-width: 480px) { .product-detail .medium-image { display: Block; text-align: center; } .alternate-images li { padding: 0; text-align: center; } } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .product-content > div:not(.additional-info), .product-content h1, .product-content .style-number { padding-left: 0; padding-right: 0; } .product-detail .alternate-images { display: none; } .jqueryloaded .product-detail .alternate-images:not(.single) { display: block; } .product-content > div.add-to-cart { padding: 0 0 20px 0; } .product-content .content.long-description { padding-bottom: 15px; } .productpage .main-container { padding-top: 30px; border-top: 1px solid #F2F2F9; } .productpage .main-container h1 { font-size: 32px; margin-bottom: 20px; } .productpage .cross-sell { width: 100%; } .productpage .product-content .prices .price { margin-bottom: 20px; font-size: 26px; } .productpage .product-detail .reviews .links, .productpage .product-detail .reviews .no-reviews { float: left; } .productpage .product-detail .reviews .links { margin: 0 0 0 15px; } .productpage .product-detail .reviews .no-reviews { margin-left: 0; } .productpage .add-to-cart { padding-bottom: 20px; border-bottom: 1px solid #f2f2f9; } .productpage .alternate-images { margin: 10px auto; padding: 20px; border: 1px solid #E1E1E8; width: 80%; } .productpage .cross-sell > div h2 { margin-bottom: 30px; font-size: 30px; width: 95%; } .product-detail .social-media { float: left; clear: left; } .product-img { float: left; width: 40%; padding-top: 0; } .magnify-zoomed { border-width: 1px; } .product-content { margin-top: 0; clear: none; float: right; width: 55%; } .product-content h1 { margin-bottom: 0; padding: 0; } .product-content .reviews { clear: both; margin-bottom: 15px; } .product-content .ESO_number_wrapper { padding: 0; } .product-content .plus, .product-content .minus { display: none; } .product-content .form-item.quantity label { display: block; width: 100%; } .product-detail { /*.form-item.cartbutton{ width:40%; float:left; margin-top:0; button{ width:100%} } .form-item.cartbutton{ margin-right:6%; margin-bottom: 30px; }*/ } .product-detail .product-content .form-item.cartbutton button, .product-detail .additional-options button { width: 100%; } .product-detail .additional-options { width: 100%; /*.add-wishlist{ float: left; width: 40%;} .add-registry-form{ float: right; width: 40%; } button{ width:100%}*/ } .product-detail .additional-options .add-registry { margin-top: 0px; } .alternate-images a { background: none !important; padding-top: 0; position: relative; } .alternate-images a > img { display: inline-block; visibility: visible; width: 70px; } .alternate-images .video .indicator { background: url(/Assets/video-play.png) no-repeat center center; background-size: 85px; height: 100%; width: 100%; left: 0; top: 0; } .alternate-images .slick-slide.on a { border-bottom: 5px solid #f2f2f9; } .modal .rating-form .image, .modal .email-a-friend .image { float: left; width: 40%; display: none; } .modal .rating-form .pricing, .modal .rating-form .long-description, .modal .email-a-friend .pricing, .modal .email-a-friend .long-description { width: 55%; float: right; display: none; } .form-item.quantity input { width: 70px; } /*Pricing Matrix*/ .modal .price-matrix { /* td:after { content: ""; }*/ } .modal .price-matrix h4 { display: none; } .modal .price-matrix thead { display: table-header-group; } .modal .price-matrix tbody { display: table-row-group; } .modal .price-matrix tr { display: table-row; } .modal .price-matrix th, .modal .price-matrix td { display: table-cell; } .modal .price-matrix .price { font-size: 14px; } .modal .price-matrix .price-display { margin-left: 5px; } .modal .price-matrix .matrix th, .modal .price-matrix .matrix td { text-align: center; } .modal .price-matrix .matrix td.available:hover { background-color: #e1e1e8; } .modal .price-matrix table { display: table; } .modal .price-matrix table.matrix { display: block; overflow-x: scroll; } .modal .price-matrix .price { float: none; } .modal .price-matrix th img { max-width: 30px; } .additional-info .nav { display: none; } .childproducts .product-img { width: 30%; margin-right: 10%; } .childproducts .product-img:empty { display: none; } .childproducts .product-content { width: 60%; float: left; } .childproducts .product-content h2 a { color: #02244b; font-size: 18px; } .childproducts .product-img:empty + .product-content { width: 100%; } .childproducts .form-item.cartbutton, .childproducts .additional-options { width: 60%; } } /*** DESKTOP ***/ @media (min-width: 992px) { .product-detail .form-item.cartbutton, .product-detail .additional-options { width: 40%; float: left; margin-top: 0; } .product-detail .form-item.cartbutton button, .product-detail .additional-options button { width: 100%; } .product-detail .form-item.cartbutton { margin-right: 6%; /*margin-bottom: 30px;*/ } .product-img { float: left; width: 35%; } } /*** DESKTOP ***/ @media (min-width: 1150px) { .alternate-images .video { position: relative; display: block; } .alternate-images .video .indicator { position: absolute; background: url(/Assets/video-play.png) no-repeat center center; background-size: 85px; height: 100%; width: 100%; left: 0; top: 0; } .productpage .product.product-top .magnify-holder { display: block; } } /* ========= PRODUCT DETAIL COMPONENT END ========= */ /* ========= SITEMAP COMPONENT ========= */ .sitemap.infopage .sitemap-content a, .sitemap.infopage .sitemap-content span { color: #02244b; } .sitemap.infopage .sitemap-content > ul > li { border-top-width: 1px; padding: 15px 0 0; margin: 15px 0 0; font-size: 20px; } .sitemap.infopage .sitemap-content > ul > li > a, .sitemap.infopage .sitemap-content > ul > li > span { font-family: ralewaybold; } .sitemap.infopage .sitemap-content > ul > li a:hover, .sitemap.infopage .sitemap-content > ul > li span:hover { color: #4c97d2; text-decoration: underline; } .sitemap.infopage .sitemap-content > ul > li > ul > li { font-family: ralewaybold; padding: 10px 0 5px 0; } .sitemap.infopage .sitemap-content ul li li { font-family: ralewaymedium; font-size: 14px; padding: 2px 0; } .sitemap.infopage #left-nav { display: none; } .sitemap.infopage #page-content { width: 100%; } @media (min-width: 768px) { .sitemap.infopage .sitemap-content > ul > li { float: left; width: 33%; } .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: both; } } @media (min-width: 1150px) { .sitemap.infopage .sitemap-content > ul > li { width: 25%; } .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: none; } .sitemap.infopage .sitemap-content > ul > li:nth-child(4n+1) { clear: both; } } /* ========= SITEMAP COMPONENT END ========= */ /* ========= CUSTOMER COMPONENT ========= */ .login.accountpage .customer ol { margin-top: 30px; } .login.accountpage fieldset .note { margin-left: 0; } .login.accountpage #main .customer.existing .note { display: none; } .login.accountpage #main .customer.existing form fieldset { margin-top: 0; } .customer.existing li.email:before, .customer.existing li.password:before, #sign-in li.email:before, #sign-in li.password:before { position: absolute; height: 45px; width: 45px; background: url(/Assets/sprite.png) #E1E1E8; background-size: 40px; content: ' '; border-radius: 0; } .customer.existing li.email:before, #sign-in li.email:before { background-position: center -946px; } .customer.existing li.password:before, #sign-in li.password:before { background-position: center -1002px; } .customer.existing li input, #sign-in li input { padding-left: 50px; height: 45px; } .customer.existing li > label, #sign-in li > label { display: none; } .history .item { float: none; padding-top: 0; margin-top: 5px; } .history .rebuild { display: block; margin: 8px 0; } .history .rebuild-options button { margin: 15px 0; } .history .cart-total ul { margin-bottom: 15px; } .history .cart-summary .summary-block:first-of-type { margin-top: 0; } .history .order-summary td { padding: 5px 0; font-size: 18px; } .history .order-summary td.actions { width: 100%; } .history .order-summary td.actions a { display: block; text-align: center; } .history .order-summary tr { padding-bottom: 15px; } .history main .summary-table .item-detail { padding-left: 0; } .history main .order-summary .order-no { font-family: ralewaybold; } .history main .order-summary .total { margin-top: 0; font-family: ralewaybold; text-align: right; } .history main table.summary-table .pricing { margin-top: 0; } .history main table.summary-table td.item figure { width: 25%; } .history main table.summary-table .item-detail, .history main table.summary-table .qty, .history main table.summary-table .pricing, .history main table.summary-table .total, .history main table.summary-table .actions { width: 70%; } .history tbody td li.rebuild label:before { content: "Select for reorder"; text-transform: capitalize; } .history thead th li.rebuild label:before { content: "Select all"; text-transform: capitalize; } /*Interest Groups*/ form .interest-groups .column { float: left; max-width: 300px; width: 45%; } form .interest-groups .column-1 { margin-right: 3%; } form .interest-groups .column input + label { width: 75%; } form .interest-groups label + .note { margin: 0 0 25px 0; } form .interest-groups p + ol > li { /*border-bottom-width:1px; */ margin-bottom: 15px; } form .interest-groups p + ol > li:before, form .interest-groups p + ol > li:after { content: ""; display: table; } form .interest-groups p + ol > li:after { clear: both; } form .interest-groups input + label { width: 90%; } @media (min-width: 768px) { .login.accountpage #left-nav { display: none; } .login.accountpage .customer ol { margin-top: 15px; } .login.accountpage #main .customer.existing .note { display: none; } .login.accountpage #main .customer.existing form fieldset { margin-top: 0; } .login.accountpage #main .customer.new p { font-size: 18px; margin: 20px; font-family: ralewaybold; } .login.accountpage #main .forgotten a { font-family: ralewaysemibold; font-size: 14px; margin-top: 30px; display: block; text-decoration: underline; } .login.accountpage #main .customer.existing li { margin-bottom: 20px; } .login.accountpage #main .customer.existing { width: 55%; float: left; } .login.accountpage #main .customer.new { float: right; width: 40%; padding: 30px; border: 1px solid #CCCCCC; background: #F2F2F9; } .login.accountpage #main .customer.new .new-cust { width: 100%; padding: 10px; } .accountpage .main-container { padding: 15px 0; } .accountpage main .cart { width: 100%; } .history .main-container .cart-summary, .history .main-container .main .cart { width: 100%; } .history main table.summary-table .qty, .history main table.summary-table .pricing, .history main table.summary-table .total { width: 15%; } .history main table.summary-table .actions { width: 30%; } .history main table.summary-table .item, .history main .order-summary .item { width: 40%; padding-top: 15px; } .history .rebuild { text-align: right; } .history .rebuild-options { text-align: right; padding: 10px 0; border-bottom-width: 1px; } .history .rebuild-options a { margin-left: 10px; } .history .rebuild-options a:first-of-type { margin-right: 20px; } .history main table.summary-table .total { text-align: left; } .history main .order-summary .order-no { width: 20%; } .history main table.summary-table .actions li { text-align: left; position: relative; } .history .cart form input + label { width: auto; text-align: left; } .history .order-summary td { font-size: 14px; width: 20%; } .history .order-summary td.actions { width: 25%; } .history .order-summary td.actions a { display: block; text-align: center; width: 100%; background: none; padding-right: 0; font-size: 14px; color: #4C97D2; text-align: right; text-transform: capitalize; } .history .order-summary td.actions a:hover { background: none; color: #4C97D2; } .history tbody td li.rebuild label:before { content: "Select"; font-family: ralewaybold; } .history thead th li.rebuild label:before { content: "Select all"; font-family: ralewaybold; } } /*** DESKTOP ***/ @media (min-width: 992px) { .login.accountpage #main .customer.existing { width: 50%; } .login.accountpage #main .customer.new { float: right; width: 35%; } .history main .order-summary .total { text-align: left; } } /* ========= CUSTOMER COMPONENT END ========= */ /* ========= SHOPPING CART COMPONENT ========= */ .gift-info, .delivery-instructions { display: none; } .cartpage .next-previous, .accountpage .next-previous { clear: both; } .cartpage .next-previous .btn, .accountpage .next-previous .btn { margin-bottom: 15px; } .cartpage .next-previous:first-of-type, .accountpage .next-previous:first-of-type { display: none; } .cartpage #page-content { width: 100%; } .cartpage #left-nav { display: none; } .cartpage .page-container .hint { font-size: 12px; margin-bottom: 5px; display: inline-block; font-weight: normal; } .cartpage .page-container .hint.popup-link { display: inline-block; padding-left: 5px; } .cartpage .empty { margin: 10px 0; } .cartpage .customer { margin-top: 15px; } .cartpage .cart-summary .item { padding: 7px 0; } .cartpage .cart-summary .item td { vertical-align: bottom; } .cartpage .cart-summary .item p { margin: 0; } .cartpage .cart-summary-panel .item-summary .total { text-align: right; font-family: ralewaybold; } .cartpage .cart-summary .summary-block p.qty { font-family: ralewaybold; } .cartpage .fake-select li { width: 100% !important; border-top: 1px solid #E1E1E8; font-size: 16px; } .cartpage .gift-info li.text-field input + label { width: 80px; } .cartpage .card-expiry select { width: 47%; display: inline-block; } .cartpage .card-expiry select + select { margin-left: 4%; } .cartpage .cart .content h2 { font-size: 16px; } .cartpage .main-container .customer.existing p.note { display: none; } #main .modify a.btn { background: none; color: #4C97D2; text-align: left; padding: 5px 0; text-transform: capitalize; font-size: 16px; } .cart-total .freight-provider { padding-left: 10px; display: none; } .cart-summary .summary-block { padding-bottom: 10px; border-top-width: 1px; } .cart-summary .summary-block:last-child { border-bottom-width: 1px; margin-bottom: 15px; } .cart-summary .summary-block:nth-child(n+2) { display: none; } .cart-summary .summary-block .delivery-method, .cart-summary .summary-block .address.delivery { display: none; } .cart-summary .summary-block h2 { font-size: 18px; position: relative; padding: 15px 0 0; margin: 0 0 5px; } .cart-summary .summary-block h2.eso-accordion-trigger { cursor: pointer; } .cart-summary .item-summary { width: 100%; } .item .cart-summary:nth-child(n+2) td { padding-top: 15px; } .cart-summary .confirm-summary tr td:first-child { padding-right: 10px; } .cart-summary .confirm-summary tr td { padding-bottom: 5px; } .cart-summary .summary-block p { margin-bottom: 5px; } .cart-extras { clear: both; margin: 25px 0 15px; text-align: right; } .cartpage .item { width: auto; clear: none; margin: 0; float: none; padding: 15px 0; } .cartpage .item .item-detail { padding-left: 0; } .cartpage .item figure img { max-width: 120px; } main table.summary-table, #cart-item-added table, .order-summary { width: 100%; } main table.summary-table tr, #cart-item-added table tr, .order-summary tr { position: relative; display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom-width: 1px; } main table.summary-table tr:before, main table.summary-table tr:after, #cart-item-added table tr:before, #cart-item-added table tr:after, .order-summary tr:before, .order-summary tr:after { content: ""; display: table; } main table.summary-table tr:after, #cart-item-added table tr:after, .order-summary tr:after { clear: both; } main table.summary-table td, #cart-item-added table td, .order-summary td { display: block; } main table.summary-table th, #cart-item-added table th, .order-summary th { display: none; } main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure { width: 35%; margin-right: 10px; } main table.summary-table .item-detail h4, #cart-item-added table .item-detail h4, .order-summary .item-detail h4 { margin-top: 0; } main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total, #cart-item-added table .item-detail, #cart-item-added table .qty, #cart-item-added table .pricing, #cart-item-added table .total, .order-summary .item-detail, .order-summary .qty, .order-summary .pricing, .order-summary .total { float: right; clear: right; width: 57%; } main table.summary-table .total, main table.summary-table .pricing, main table.summary-table .qty, #cart-item-added table .total, #cart-item-added table .pricing, #cart-item-added table .qty, .order-summary .total, .order-summary .pricing, .order-summary .qty { margin-top: 10px; } main table.summary-table .pricing p, #cart-item-added table .pricing p, .order-summary .pricing p { margin-bottom: 0; } main table.summary-table .total span:before, #cart-item-added table .total span:before, .order-summary .total span:before { content: "Sub Total: "; } main table.summary-table .qty input, #cart-item-added table .qty input, .order-summary .qty input { text-align: center; } main table.summary-table .actions, #cart-item-added table .actions, .order-summary .actions { clear: right; width: 55%; float: right; } main table.summary-table .actions .remove, #cart-item-added table .actions .remove, .order-summary .actions .remove { position: absolute; right: 0; top: 0; } main table.summary-table .actions ul, main table.summary-table .actions li, #cart-item-added table .actions ul, #cart-item-added table .actions li, .order-summary .actions ul, .order-summary .actions li { margin-bottom: 0; } table.summary-table td.item figure, #cart-item-added table td.item figure { float: left; } table.summary-table td.item .brand, #cart-item-added table td.item .brand { margin-top: 0; } table.summary-table td.item .brand span, #cart-item-added table td.item .brand span { display: none; } table.summary-table td.item .selections p, #cart-item-added table td.item .selections p { margin-bottom: 0; } main .cart .promo-code { padding: 15px 0; border-width: 1px 0; margin: 30px 0; width: 100%; /*button {width: auto;}*/ } main .cart .promo-code label, main .cart .promo-code .hint { display: none; } main .cart .promo-code input, main .cart .promo-code label { width: 100%; } main .cart .promo-code ul { margin-bottom: 0; } main .cart .promo-code ul li { display: inline-block; vertical-align: top; } main .cart .promo-code ul li:first-child { width: 100%; } main .cart .promo-code ul li:last-child { width: 100%; } .cart-total span { float: left; font-family: ralewaybold; } .cart-total span + span { float: right; } .cart-total li { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; clear: both; } .cart-total li:before, .cart-total li:after { content: ""; display: table; } .cart-total li:after { clear: both; } .cart-total .total { font-size: 18px; text-transform: uppercase; } .cart_summary_panel table { width: 100%; } .cart_summary_panel table.totals { margin-bottom: 10px; } .cart_summary_panel p.qty { margin-bottom: 0; } .cart_summary_panel td { vertical-align: bottom; border-bottom-width: 1px; padding: 2px 0; } .cart_summary_panel td.total { text-align: right; } /*.total { vertical-align: top; }*/ .cart-total { margin-top: 10px; } .cart-total:before, .cart-total:after { content: ""; display: table; } .cart-total:after { clear: both; } #retrieve-password, #header-retrieve-password, #billing-form { display: none; } .complete .cart h2, .history .cart h2 { font-size: 18px; font-family: ralewaybold; } .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: "Qty: "; } .security-logos { margin-bottom: 15px; } .security-logos span.dpsexpress img { max-width: 130px; } .security-logos span.estarsecure { margin: 0 10px; } .hint-content:before, .hint-content:after { content: ""; display: table; } .hint-content:after { clear: both; } .print .main-container .cart-summary { width: 100%; } .print .cart-summary { float: none; } .print .cart-summary .summary-block { float: left; width: 32%; margin-left: 2%; } .print .cart-summary .summary-block td { padding-right: 15px; } .print .cart-summary .summary-block:first-child { margin-left: 0; } .print .cart-summary p, .print .cart-summary td { margin-bottom: 0; padding-bottom: 5px; } .print .cart { clear: both; } .print .cart, .print .cart-summary { width: 100%; margin: 15px auto; float: none; } .cartpage .cart .account-details input[type="checkbox"], .accountpage .account-details input[type="checkbox"], .login.accountpage input[type="checkbox"], .wishlist .page-container input[type="checkbox"] { vertical-align: top; } main table.summary-table thead tr { border-bottom-width: 0; padding: 0; margin: 0; } .login.cartpage .error, .login.cartpage .customer.new { margin-bottom: 20px; } .login.cartpage .customer.new { border-bottom: 1px solid #E1E1E8; border-top: 1px solid #E1E1E8; padding-bottom: 20px; } .login.cartpage #main .cart-summary { display: none; } .login.cartpage #main .content ul { padding: 0; list-style-type: none; } .login.cartpage #main .content li { display: block; margin: 10px 0; } .login.cartpage .customer h3 { font-size: 22px; } .login.cartpage .btn.guest, .login.cartpage .main-container .customer.new .options span { display: none; } .login.cartpage #main .customer .login-form li.forgotten a { color: #02244b; font-family: ralewaybold; } .cartpage .cart .customer.existing li.email > label, .cartpage .cart .customer.existing li.password > label, #sign-in li.email > label, #sign-in li.password > label, .accountpage .customer.existing li.email > label, .accountpage .customer.existing li.password > label { display: none; } .cartpage .cart .customer.existing li.submit, #sign-in li.submit, .accountpage .customer.existing li.submit { margin-bottom: 10px; } /*Style for AccountPage*/ .cartpage .main-container .customer.new { width: 100%; } .cartpage .main-container .customer.new .options span { display: block; padding: 5px 0; text-align: center; } .modify { display: block; } main .summary-table .item-detail { padding-right: 8%; } main .summary-table .qty input { width: 50%; display: inline; } /* Additional Style for Paypal */ .payment.loggedin .cart .account-details .payment-options .paypal-method { margin-right: 15px; } .payment.loggedin .cart .account-details .payment-method ol li:first-of-type ul { display: none; } .payment.loggedin .cart .account-details .payment-method ol li:first-of-type .fake-select { display: inline-block; float: none; } .page-container .sameas label, .payment-method label, .delivery-method li label { width: 90%; } /*** Frieght Estimator ***/ .shipping-calculator .delivery-method.loading { height: 40px; background: url("/Assets/ajax-loader.gif") center no-repeat; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { main table.summary-table .item, main .order-summary .item { clear: none; margin: 0; float: none; width: 50%; } .review.cartpage #page-content { width: 100%; float: none; } .review.cartpage #page-content .cart { width: 100%; } .review.loggedin.cartpage #page-content .summary-block { display: none; } .login.cartpage .cart { width: 100%; } .login.cartpage .customer.new { border: 0; padding-bottom: 20px; } .login.cartpage .customer.new p.options { margin-top: 20px; } .cartpage .main-container .customer { float: left; } .cartpage .main-container .customer.existing { width: 45%; margin-right: 10%; } .cartpage .main-container .customer.existing button { min-width: 190px; } .cartpage .main-container .customer.new { width: 30%; } .cartpage .main-container .customer.new .btn { min-width: 190px; } .security-logos { text-align: right; } main .cart { width: 65%; float: left; } main .cart .promo-code { border-top: 0; margin: 0; /*ul li:first-child{ margin-right:5px; width:60%} ul li:last-child{ width:32%}*/ } main .cart .promo-code button { min-width: inherit; width: 100%; } main .cart .cartpage .page-container .update button { float: right; } main .cart .update { float: right; text-align: right; } main .cart .promo-code { float: left; } main .cart .cart-total { float: right; clear: right; } .cartpage .page-container .update .hint { display: none; } .main-container .cart-summary { width: 30%; float: right; } main table.summary-table .total span:before { content: ""; } main table.summary-table tr, main .order-summary tr { border: 0; margin: 0; padding: 0; display: table-row; } main table.summary-table td, main table.summary-table th, main .order-summary td, main .order-summary th { border-bottom-width: 1px; padding: 10px 0; } main table.summary-table td, main .order-summary td { padding-right: 5px; vertical-align: middle; } main table.summary-table th, main table.summary-table td, main .order-summary th, main .order-summary td { display: table-cell; } main table.summary-table tr:after, main .order-summary tr:after { content: ""; display: none; clear: none; } main table.summary-table .item, main .order-summary .item { width: 50%; } main table.summary-table .item .item-detail, main .order-summary .item .item-detail { float: left; /* max-width: 130px;*/ width: 60%; } main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total, main .order-summary .item-detail, main .order-summary .qty, main .order-summary .pricing, main .order-summary .total { float: none; clear: none; width: auto; } main table.summary-table .actions, main .order-summary .actions { clear: none; width: auto; float: none; } main table.summary-table .actions .remove, main .order-summary .actions .remove { position: relative; } main table.summary-table .qty, main .order-summary .qty { text-align: center; } main table.summary-table .qty input, main .order-summary .qty input { width: 50px; } main table.summary-table .pricing, main table.summary-table .total, main .order-summary .pricing, main .order-summary .total { width: 18%; } main table.summary-table .total, main table.summary-table .actions, main .order-summary .total, main .order-summary .actions { text-align: right; } main table.summary-table .price.now, main .order-summary .price.now { padding-left: 0; } .cartpage .payment { float: none; } .cartpage .cart-summary .summary-block div { height: auto !important; display: block !Important; } .cartpage .main-container .cart-summary .eso-accordion-trigger.collapsed .eso-accordion-indicator, .cartpage .main-container .cart-summary .eso-accordion-trigger .eso-accordion-indicator { background: none; } .cartpage .cart-summary .summary-block { border: 0; clear: left; } .cartpage .cart-summary .summary-block h2.eso-accordion-trigger { cursor: inherit; /* */ } .cartpage .cart-summary .summary-block:first-of-type { margin: 50px 0px 20px; } .cart-summary .summary-block .modify { margin: 5px 0 20px 0; float: left; } .cartpage #main .next-previous, .accountpage #main .next-previous { padding: 40px 0 20px; } .cartpage #main .next-previous .next, .accountpage #main .next-previous .next { float: right; padding: 10px 20px; } .cartpage #main .next-previous:before, .cartpage #main .next-previous:after, .accountpage #main .next-previous:before, .accountpage #main .next-previous:after { content: ""; display: table; } .cartpage #main .next-previous:after, .accountpage #main .next-previous:after { clear: both; } main .cart .cart-total, main .update, main .cart-extras { width: 40%; } .cart-extras { float: right; } main .cart .promo-code { width: 50%; } main .cart .promo-code ul li:first-child { width: 60%; margin-right: 3%; } main .cart .promo-code ul li:last-child { width: 35%; } .cart-total span:not(.hint):last-child { margin-left: 10px; } .cart-extras:before, .cart-extras:after { content: ""; display: table; } .cart-extras:after { clear: both; } .update { border-bottom-width: 1px; margin: 15px 0 0; padding-bottom: 15px; } .update span { margin-right: 5px; } .hint-content .csc-type { float: left; width: 45%; } .hint-content .csc-type + .csc-type { margin-left: 10%; } .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: ""; } /*** Frieght Estimator ***/ .shipping-calculator { width: 50%; float: left; } .shipping-calculator label { text-align: left; display: block; width: auto; } .shipping-calculator ul li { display: inline-block; margin: 0 0 10px 5px; width: 48%; } .shipping-calculator .postcode-btn { width: 100%; min-width: 0; } .shipping-calculator .calculator-label { display: block; width: 100%; } .shipping-calculator .calculator-input input, .shipping-calculator .country select, .shipping-calculator .state select { width: 100%; vertical-align: middle; display: inline-block; } .shipping-calculator .delivery-method li { margin: 0; } .shipping-calculator .delivery-method li label { width: auto; display: inline-block; } } .payment .inline-error { width: 100%; } /*** DESKTOP ***/ @media (min-width: 992px) { main .cart .cart-total, main .update, main .cart-extras { /* width: 25%;*/ } main .cart { width: 70%; } .main-container .cart-summary { width: 25%; float: right; } } @media (max-width: 1150px) { .cart li.text-field label { width: 100%; } } /*** DESKTOP ***/ @media (min-width: 1150px) { main .cart table.summary-table .item .item-detail { max-width: 250px; vertical-align: middle; } main .cart table.summary-table .item figure, main .cart table.summary-table .item .item-detail { float: none; display: inline-block; } .review.loggedin main .cart table.summary-table .item-detail { max-width: 220px; } .cartpage .main-container .customer.new .options span { padding: 0 10px; } .cartpage .main-container .customer.new .btn { width: auto; } .cartpage .card-expiry select { width: 34%; } .cartpage .card-expiry select + select { margin-left: 2%; } /*** Frieght Estimator ***/ main #page-content .shipping-calculator fieldset ul { display: block; } main #page-content .shipping-calculator .postcode-btn { width: auto; min-width: 0; } .cartpage:not(.login) main form fieldset:not(.interest-groups) ul, .cartpage:not(.login) main form fieldset:not(.interest-groups) ol { display: flex; justify-content: space-between; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; } .cartpage:not(.login) main form fieldset:not(.interest-groups) form:not(.login-form) li, .cartpage:not(.login) main form fieldset:not(.interest-groups) li:not(.sameas) { width: 40%; } .cartpage:not(.login) main form fieldset:not(.interest-groups) li.sameas { width: 100%; } } /* Gift Card specific styles on the payment page */ .payment main form .gift-card-options .price-amount { margin-right: 5px; } .payment main form .gift-card-options > div { margin-bottom: 15px; } .payment main form .gift-card-options .giftcard-amount > label { margin-bottom: 15px; } .payment main form .gift-card-options .giftcard-amount ol { display: block; } .payment main form .gift-card-options .giftcard-amount ol:before, .payment main form .gift-card-options .giftcard-amount ol:after { content: ""; display: table; } .payment main form .gift-card-options .giftcard-amount ol:after { clear: both; } .payment main form .gift-card-options .giftcard-amount ol li { display: inline-block; float: left; width: 16%; margin: 0 2% 0 0; } .payment main form .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; } .payment main form .gift-card-options .giftcard-amount ol li label, .payment main form .gift-card-options .giftcard-amount ol li p { font-size: 12px; font-family: ralewaybold; display: block; margin-bottom: 5px; max-width: 100%; } .payment main form .gift-card-options .giftcard-amount ol .giftcard-number, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security, .payment main form .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 28%; margin-right: 4%; } .payment main form .gift-card-options .giftcard-another { display: none; } .customer-info ol { margin: 0; } .delivery-info { margin-top: 0; } .delivery-info legend { display: none; } @media (min-width: 480px) { .payment main .account-details .gift-card-options .giftcard-amount ol li { width: 14%; margin: 0 2% 0 0; } .payment main .account-details .gift-card-options .giftcard-amount ol li:nth-of-type(2n) { margin-right: 2%; } .payment main .account-details .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; } .payment main .account-details .gift-card-options .giftcard-amount ol li label, .payment main .account-details .gift-card-options .giftcard-amount ol li p { font-size: 14px; } .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 32%; } } /* ========= SHOPPING CART COMPONENT END ========= */ /*# sourceMappingURL=shopping-cart.scss.map */ /*# sourceMappingURL=shopping-cart.css.map */ /* ========= WISHLIST COMPONENT ========= */ .wishlist .page-container .wishlist-products .product .cartbutton input[type="checkbox"] { margin-top: 4px; } .wishlist .wishlist-summary li.select input[type="checkbox"] { margin-top: 8px; } .wishlist form .details textarea, .wishlist form .comment textarea { height: auto; padding-top: 15px; } body:not(.login).wishlist main form fieldset:not(.interest-groups).make-public ol li { width: 100%; } .wishlist.accountpage .next-previous, .wishlist-products { margin-top: 30px; } .wishlist .product-img { padding: 0; } .wishlist .product-content .form-item { margin-bottom: 5px; } .wishlist .product-content .pricing p { margin: 10px 0; color: #02244b; display: block; } .wishlist .product-content h2 { line-height: 18px; } .wishlist .product-content h2 a { font-size: 18px; color: #02244b; } .wishlist .wishlist-summary { clear: both; margin-top: 30px; display: block; float: left; width: 100%; } .wishlist .wishlist-summary:before, .wishlist .wishlist-summary:after { content: ""; display: table; } .wishlist .wishlist-summary:after { clear: both; } .wishlist .product { clear: both; position: relative; margin: 15px 0; padding: 20px 0; border-top-width: 1px; border-color: #E6E6E6; } .wishlist .childproducts .product-content { width: auto; float: none; clear: both; } .wishlist .product-content { font-size: 16px; } .wishlist .product-content .form-item ul { display: inline-block; } .wishlist .product-content .form-item ul li { margin-bottom: 0; } .wishlist .product-content .form-item.cartbutton { margin-top: 0; } .wishlist .product-content h2 { margin: 0 20px 10px 0; } .wishlist .product-content .pricing { margin: 0 0 10px; font-size: 16px; } .wishlist .product-content .pricing p { margin-bottom: 0; } .wishlist .details-occassion { margin-top: 0; } .wishlist .details-occassion legend { display: none; } .wishlist .details-occassion + button { float: left; } .wishlist .details-occassion label { width: auto; font-family: ralewaybold; } .wishlist .add-to-cart { position: static; padding-top: 0; } .wishlist .add-to-cart .cartbutton a { position: absolute; top: 10px; right: 0; } .wishlist .add-to-cart .cart-options .form-item > label { display: inline-block; width: auto; font-size: 16px; margin: 0 10px 0 0; padding: 0; } .wishlist .add-to-cart .cart-options { position: static; line-height: normal; border: none; margin-top: 0; } .wishlist .add-to-cart .cart-options .form-item.update-quantity { display: none; margin: 10px 0; } .wishlist .add-to-cart .cart-options .btn.popup-link { margin-top: 10px; display: block; } .wishlist .add-to-cart button[disabled] { display: none; } .wishlist .note { display: block; margin-bottom: 5px; } .wishlist .email-note { display: block; clear: both; } .wishlist .email-note legend { padding-top: 20px; } .wishlist .page-container .product-content { width: 60%; float: right; margin: 0; clear: none; position: relative; } .wishlist .page-container .product-img { width: 35%; float: left; } .wishlist .page-container .product-img img { max-width: 130px; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .wishlist.accountpage #main .next-previous { margin-top: 0; border-top: 1px solid #ccc; } /*.wishlist-products{margin-top:50px;}*/ /*.wishlist .page-container > form:first-of-type{float: right; width: 30%;}*/ .wishlist.accountpage #main .next-previous .next { padding: 10px 50px; } .wishlist .page-container .product-content { width: 70%; } .wishlist .page-container .product-img { width: 25%; } .wishlist { /*.page-container > form:last-of-type {width:65%; float:left;}*/ } .wishlist .wishlist-summary { margin-top: 0; } .wishlist .page-container > form:first-of-type fieldset ol > li { width: 100%; } .wishlist .page-container .wishlist-products .product .cartbutton input[type="checkbox"] { margin-top: 9px; } .wishlist .childproducts .product-content { width: 100%; } .wishlist .make-public li label { width: 90%; font-family: ralewaybold; } .wishlist .product-content h2 { width: 80%; } .wishlist .product-content h2 a { font-size: 18px; color: #02244b; } .wishlist .product-content .form-item button { width: 100%; } .wishlist .product-content .form-item.size, .wishlist .product-content .form-item.colour { float: left; width: auto; } .wishlist .product-content .add-to-cart .cart-options .form-item > label { font-size: 16px; padding: 5px 0; } .wishlist .product-content .cart-options .form-item.quantity { float: left; clear: left; width: 50%; } .wishlist .product-content .cart-options .form-item.update-quantity { margin-top: 39px; width: 47%; float: right; } .wishlist .email-note legend { padding-top: 0px; } .wishlist-summary > div.actions > ul > li.select > label:before, .wishlist .page-container .wishlist-products .product .cartbutton label:before, .wishlist-summary li.select label:before { width: auto; } .wishlist .add-to-cart .cart-options .form-item.update-quantity button { width: auto; } } /*** Small DESKTOP ***/ @media (min-width: 992px) { .wishlist .email-note li { width: 100%; float: none; margin-right: 0; } .wishlist .details-occassion .details { margin-right: 0; float: right; clear: none; } .wishlist .product-content .cartbutton button { width: 47%; } .wishlist .add-to-cart .cart-options .btn.popup-link { width: 47%; } .wishlist-public .details-occassion .details { float: none; } } @media (min-width: 1150px) { .wishlist .product-content .form-item.quantity .ESO_number_wrapper { width: 100%; } } /* ========= WISHLIST COMPONENT END ========= */ /******** GIFT VOUCHERS COMPONENT: START ********/ .giftvoucher #main .instructions .intro { font-family: ralewaybold; font-style: italic; } .giftvoucher #main .gift-voucher:not(:-moz-handler-blocked) fieldset { display: table-cell; } .giftvoucher #main .gift-voucher .voucher-carousel { position: relative; margin-bottom: 0; } .giftvoucher #main .gift-voucher .voucher-carousel li { margin-bottom: 0; position: relative; } .giftvoucher #main .gift-voucher .voucher-carousel li input[type=radio] { position: absolute; z-index: -2; margin: 0; } .giftvoucher #main .gift-voucher .voucher-carousel li label { width: 100%; } .giftvoucher #main .gift-voucher .voucher-carousel li label img { width: 100%; } .giftvoucher #main .gift-voucher .value input { width: 40%; margin-left: 5px; display: inline-block; } .giftvoucher #main .gift-voucher figure { margin: 15px 0; } .giftvoucher #main .gift-voucher figure img { width: 100%; max-width: 530px; } .giftvoucher #main .next-previous button { margin-bottom: 15px; } .redeem-voucher .gift-voucher-code { display: flex; justify-content: space-between; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; } .redeem-voucher .gift-voucher-code label { width: 100%; } .redeem-voucher .gift-voucher-code input { width: 24%; } @media (min-width: 768px) { .giftvoucher #main .gift-voucher .value input { width: 30%; } } @media (min-width: 1150px) { .giftvoucher #main .instructions { float: right; width: 35%; margin-top: 80px; } .giftvoucher #main .instructions + form { float: left; width: 55%; } .giftvoucher #main .next-previous .next { float: right; } .giftvoucher #main .next-previous .prev { float: left; } } /******** GIFT VOUCHERS COMPONENT: END ********/ /* ========= HOTDOCS COMPONENT ========= */ /* HOT DOCS */ .hotdocs .hd-btn-text { color: #1A1A1A !important; } .hotdocs #hdMainDiv button { background: none; color: #1A1A1A !important; height: auto; display: inline-block !important; min-height: auto !important; } .hotdocs #answer-file-input { width: 80%; height: 60px; display: inline-block; padding-left: 17px; font-size: 16px; } .hotdocs #find-answer { width: 100px; display: inline-block; height: 60px; text-indent: -9999px; background: #4c97d2 url(sprite.png) 9px -129px no-repeat; background-size: 50px; min-width: 18%; width: 18%; } .hotdocs #main .interview-box button:not(.ui-button), .hotdocs #main .interview-box .btn, .hotdocs .hd-interview-base button:not(.ui-button), .hotdocs .hd-interview-base .btn { width: auto; min-height: 60px; vertical-align: TOP; } .hotdocs #main .interview-box .new-interview button, .hotdocs .hd-interview-base .new-interview button { width: 100%; } .hotdocs .interview-box, .hotdocs .hd-interview-base { display: block; } .hotdocs .interview-box button.secondary, .hotdocs .hd-interview-base button.secondary { display: block; margin: 30px 0 0; min-height: 60px; } .hotdocs .interview-box .prev-answers p, .hotdocs .interview-box .new-interview p, .hotdocs .hd-interview-base .prev-answers p, .hotdocs .hd-interview-base .new-interview p { font-size: 16px; margin: 20px 0; } .hotdocs .interview-complete #hotdoc-download { padding: 17px; margin: 20px 0; } .hotdocs .interview-complete p { font-size: 16px; margin: 20px 0; } .hotdocs .prev-answers { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ebebeb; } .hotdocs .prev-answers h4 { color: #ed2024; } .hotdocs-header .contactimage { width: 20px; } .hotdocs-header a { color: #02234a; margin-right: 20px; display: block; font-size: 16px; padding-bottom: 10px; font-family: 'ralewaysemibold'; } .hotdocs-header h3 { display: inline-block; color: #02234a; font-size: 20px; margin-right: 20px; } .content.hotdocs-header { background: #02244b; padding: 15px; text-align: left; margin: 30px 0; border: 1px solid #E5E5E5; background: #F2F2F9; } .hotdocs .main-container { padding-top: 0; } .hotdocs-header a:hover { color: #4c97d2; } .hd-popup { z-index: 2000 !important; } .hotdocs.modal-open .hd-interview-popup { overflow-y: hidden; } .hd-interview-popup .modal-header .close { font-size: 30px; padding: 3px; line-height: 20px; } @media (min-width: 768px) { .hotdocs #left-nav { display: none; } .hotdocs #page-content { width: 100%; } .hotdocs .interview-box { background: #fff; margin-top: 30px; } .hotdocs #answer-file-input { width: 70%; height: 60px; display: inline-block; padding-left: 17px; font-size: 16px; } .hotdocs #find-answer { width: 100px; display: inline-block; height: 60px; text-indent: -9999px; background: #4c97d2 url(sprite.png) 9px -129px no-repeat; background-size: 50px; min-width: 63px; width: 63px; } .hotdocs #main .interview-box .new-interview button, .hotdocs #main .interview-box .prev-answers button.secondary, .hotdocs .hd-interview-base .new-interview button, .hotdocs .hd-interview-base .prev-answers button.secondary { width: 450px; } .hotdocs .interview-complete #-download { width: 450px; } .hotdocs .interview-complete #hotdoc-download { width: auto; } .hotdocs .hotdocs-header a { display: inline-block; padding-bottom: 0; } .hotdocs .hotdocs-header h3 { font-size: 18px; margin-top: 10px; } .content.hotdocs-header { text-align: center; padding: 10px; } .modal.hd-interview-popup .modal-dialog { width: auto; max-width: 1170px; } .modal .ajax-content.hotdocs .hotdocs-header { display: none; } } @media (min-width: 992px) { .hotdocs #left-nav { display: inline-block; width: 20%; margin-right: 3.7%; } .hotdocs #page-content { width: 76%; } } /* ========= HOTDOCS COMPONENT END ========= */ /* ========= HOTDOCS COMPONENT ========= */ /* HOT DOCS */ .hotdocs .hd-btn-text { color: #1A1A1A !important; } .hotdocs #hdMainDiv button { background: none; color: #1A1A1A !important; height: auto; display: inline-block !important; min-height: auto !important; } .hotdocs #answer-file-input { width: 80%; height: 60px; display: inline-block; padding-left: 17px; font-size: 16px; } .hotdocs #find-answer { width: 100px; display: inline-block; height: 60px; text-indent: -9999px; background: #4c97d2 url(sprite.png) 9px -129px no-repeat; background-size: 50px; min-width: 18%; width: 18%; } .hotdocs #main .interview-box button:not(.ui-button), .hotdocs #main .interview-box .btn, .hotdocs .hd-interview-base button:not(.ui-button), .hotdocs .hd-interview-base .btn { width: auto; min-height: 60px; vertical-align: TOP; } .hotdocs #main .interview-box .new-interview button, .hotdocs .hd-interview-base .new-interview button { width: 100%; } .hotdocs .interview-box, .hotdocs .hd-interview-base { display: block; } .hotdocs .interview-box button.secondary, .hotdocs .hd-interview-base button.secondary { display: block; margin: 30px 0 0; min-height: 60px; } .hotdocs .interview-box .prev-answers p, .hotdocs .interview-box .new-interview p, .hotdocs .hd-interview-base .prev-answers p, .hotdocs .hd-interview-base .new-interview p { font-size: 16px; margin: 20px 0; } .hotdocs .interview-complete #hotdoc-download { padding: 17px; margin: 20px 0; } .hotdocs .interview-complete p { font-size: 16px; margin: 20px 0; } .hotdocs .prev-answers { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ebebeb; } .hotdocs .prev-answers h4 { color: #ed2024; } .hotdocs-header .contactimage { width: 20px; } .hotdocs-header a { color: #02234a; margin-right: 20px; display: block; font-size: 16px; padding-bottom: 10px; font-family: "ralewaysemibold"; } .hotdocs-header h3 { display: inline-block; color: #02234a; font-size: 20px; margin-right: 20px; } .content.hotdocs-header { background: #02244b; padding: 15px; text-align: left; margin: 30px 0; border: 1px solid #E5E5E5; background: #F2F2F9; } .hotdocs .main-container { padding-top: 0; } .hotdocs-header a:hover { color: #4c97d2; } .hd-popup { z-index: 2000 !important; } .hotdocs.modal-open .hd-interview-popup { overflow-y: hidden; } .hd-interview-popup .modal-header .close { font-size: 30px; padding: 3px; line-height: 20px; } #interview-box-v2 .modal-dialog { width: 95%; } #interview-box-v2 .modal-dialog > .modal-content { height: 90vh; } #interview-box-v2 .modal-dialog > .modal-content > .modal-body { height: 90%; } #interview-box-v2 .modal-dialog > .modal-content > .modal-body iframe { width: 100%; height: 100%; } @media (min-width: 768px) { .hotdocs #left-nav { display: none; } .hotdocs #page-content { width: 100%; } .hotdocs .interview-box { background: #fff; margin-top: 30px; } .hotdocs #answer-file-input { width: 70%; height: 60px; display: inline-block; padding-left: 17px; font-size: 16px; } .hotdocs #find-answer { width: 100px; display: inline-block; height: 60px; text-indent: -9999px; background: #4c97d2 url(sprite.png) 9px -129px no-repeat; background-size: 50px; min-width: 63px; width: 63px; } .hotdocs #main .interview-box .new-interview button, .hotdocs #main .interview-box .prev-answers button.secondary, .hotdocs .hd-interview-base .new-interview button, .hotdocs .hd-interview-base .prev-answers button.secondary { width: 450px; } .hotdocs .interview-complete #-download { width: 450px; } .hotdocs .interview-complete #hotdoc-download { width: auto; } .hotdocs .hotdocs-header a { display: inline-block; padding-bottom: 0; } .hotdocs .hotdocs-header h3 { font-size: 18px; margin-top: 10px; } .content.hotdocs-header { text-align: center; padding: 10px; } .modal.hd-interview-popup .modal-dialog { width: auto; max-width: 1170px; } .modal .ajax-content.hotdocs .hotdocs-header { display: none; } } @media (min-width: 992px) { .hotdocs #left-nav { display: inline-block; width: 20%; margin-right: 3.7%; } .hotdocs #page-content { width: 76%; } } /* ========= HOTDOCS COMPONENT END ========= */ /* ========= CUSTOM FORM CCONTACT COMPONENT ========= */ .customform #left-nav { display: none; } .contact-form-holder { padding-top: 10px; margin-top: 10px; } .customform #main #page-content { width: 100%; } .customform #main form .security-code input { width: 100%; } .customform #main h3, .customform #main .contact-content a { color: #02244b; } .customform #main h3 { font-family: ralewaybold; text-transform: capitalize; } .customform #main .content p { font-family: ralewaymedium; } .customform #main .page-container .content { padding: 30px; border: 1px solid #E1E1E8; background: #F2F2F9; } .customform #main #contact-form .error { color: #ff0000; } @media (min-width: 768px) { .contact-form-holder { border-top-width: 1px; } } /*** DESKTOP ***/ @media (min-width: 1150px) { .customform #main:before, .customform #main:after { content: ""; display: table; } .customform #main:after { clear: both; } .customform #main .main-container h1 { margin-bottom: 20px; } .customform #main .page-container .content { float: right; width: 30%; } .contact-form-holder { float: left; width: 50%; border-top-width: 0; padding-top: 0; margin-top: 0; } .contact-form-holder fieldset { margin-top: 0; } } /* ========= CUSTOM FORM COMPONENT END ========= */