.cc-tag-bottom-right a, .cc-tag-bottom-right a:hover, .cc-notification h1, .cc-notification h2, .cc-notification h3, .cc-notification h4, .cc-notification h5, .cc-notification h6, .cc-notification p, .cc-notification a, .cc-notification a:hover { color: #fff; } .cc-notification { position: fixed; top: 0; width: 100%; background-color: #333; color: #fff; padding: 5px 0; z-index: 100; font-size: 1.2em; } .cc-notification-wrapper { width: 960px; margin: 0 auto; position: relative; } .cc-notification-title { display: block; float: left; width: 90%; font-size: 1em; } .cc-notification-permissions { display: none; float: left; z-index: 100; margin: 10px 0; } .cc-notification-permissions ul { display: block; } .cc-notification-permissions li { display: block; padding-top: 5px; } .cc-notification-permissions li label { display: block; float: left; margin-left: 10px; } .cc-notification-permissions li strong { display: block; } .cc-notification-permissions li input { display: block; float: left; clear: left; } .cc-notification-buttons { display: block; float: right; width: 10%; text-align: right; } .cc-notification-buttons li, .cc-notification-buttons a { display: block; } .cc-tag-bottom-right { position: fixed; bottom: 0; right: 0; z-index: 100; color: #fff; } .cc-tag-bottom-right .cc-link { display: block; padding: 5px 15px; background-color: #707070; } .cc-modal { display: none; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; color: #fff; } .cc-modal-wrapper { position: relative; background-color: #707070; box-shadow: 0 0 30px #000000; margin: 40px auto; padding: 25px 35px; position: relative; text-align: left; width: 686px; } .cc-modal-wrapper h2 { font-size: 1.8em; margin-bottom: 10px; color: #fff; } .cc-modal-wrapper .cc-subtitle { font-size: 1.3em; margin-bottom: 30px; } .cc-modal-wrapper .cc-content { margin: 0 20px; } .cc-modal-wrapper .cc-content li { display: block; margin-bottom: 10px; } .cc-modal-wrapper .cc-content label { display: block; float: left; } .cc-modal-wrapper .cc-content strong, .cc-modal-wrapper .cc-content span { display: block; margin-bottom: 5px; font-size: 1.3em; } .cc-modal-wrapper .cc-content select { display: block; float: right; margin: 1.8em 0 0 0; } .cc-modal-overlay { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); display: none; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; } .cc-modal-closebutton-x a { display: block; position: absolute; top: 10px; right: 35px; width: 24px; height: 24px; text-indent: -9999px; background: url('http://www.bristol.nl/skin/frontend/kega/default/images/cc-modal-close.png') no-repeat; } .cc-modal-footer-buttons .cc-modal-closebutton a, .cc-modal-footer-buttons .cc-modal-closebutton a:hover { float: right; color: #fff; text-decoration: none; font-size: 1.3em; } /*#################### RESET ####################*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul, ol { list-style: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } ins { background-color: #ff9; color: #fff; text-decoration: none; } mark { background-color: #ff9; color: #fff; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } input, select { vertical-align: middle; } .input-file { padding: 3px; border: 1px solid #d4d4d4; background-color: #fff; } /*#################### GENERAL STYLING ####################*/ html { background: #002E9B; } body { font: 62.5% arial, verdana, sans-serif; color: #45433f; overflow-y: scroll; background-color: #fff; } .ie7 body { overflow: auto; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; } h1 { font-size: 1.4em; } h2, h3, h4 { font-size: 1.2em; } a { color: #45433f; } p, ul, ol, dl, address { margin-bottom: 12px; font-size: 1.2em; } p.footer { } li { } li.newline { } table { width: 100%; font-size: 1.2em; } thead th { } tbody th, tbody td, tfoot th, tfoot td { } table img { } input[type=submit], button { cursor: pointer; } @font-face { font-family: 'HelveticaNeue'; src: url('http://www.bristol.nl/skin/frontend/bristol/default/fonts/HelveticaNeue.eot'); src: local('☺'), url("http://www.bristol.nl/skin/frontend/bristol/default/fonts/HelveticaNeue.woff") format("woff"), url("http://www.bristol.nl/skin/frontend/bristol/default/fonts/HelveticaNeue.otf") format("opentype"), url("http://www.bristol.nl/skin/frontend/bristol/default/fonts/HelveticaNeue.svg#helveticaneue") format("svg"); } .ie { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-footer.png) repeat-y; color: #f00; } /*#################### HASLAYOUT ####################*/ .clearfix:before, .clearfix:after, .col-wrapper:before, .col-wrapper:after, .toolbar:before, .toolbar:after, .product-essential:before, .product-essential:after, .product-thumbnails:before, .product-thumbnails:after, .product-view:before, .product-view:after, .product-options dt:before, .product-options dt:after, .catalog-product-view:before, .catalog-product-view:after, #mini-products-list ol li:before, #mini-products-list ol li:after, .mode-customer .col-right li:before, .mode-customer .col-right li:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .col-wrapper:after, .toolbar:after, .product-essential:after, .product-thumbnails:after, .product-view:after, .product-options dt:after, .catalog-product-view:after, .wizard-block-content:after, .expand-content:after, #mini-products-list ol li:after, .mode-checkout .col-right li:after, .mode-customer .col-right li:after, .col2-set:after, .mode-brandpage .brands:after, .mode-checkout .payment-method .method-options:after, .postContent:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix, .col-wrapper, .toolbar, .product-essential, .product-thumbnails, .product-view, .product-options dt, .catalog-product-view, #mini-products-list ol li, .mode-customer .col-right li { zoom: 1; } /*#################### GENERAL CLASSES ####################*/ .structural { position: absolute; left: -9999px; } p.newrow { clear: left; } .no-advice .validation-advice { position: absolute; left: -9999px; } .theme1 input[type="text"], .theme1 input[type="email"], .theme1 select { padding: 8px 6px; background-color: #fff; color: #6a6969; border: 1px solid #d4d4d4; } .theme2 input[type="text"], .theme2 input[type="email"], .theme2 select { padding-left: 6px; background-color: #f9f9f9; color: #554d4a; border: 1px solid #7f7e7c; font-size: 1.1em; font-family: Arial, Verdana, sans-serif; } .theme2 input[type="text"], .theme2 input[type="email"], .theme2 select { box-shadow: inset 0 0 1px #c9c9c9; border-radius: 2px; } .theme2 button { height: 28px; padding: 0 20px 1px; background-color: #f8d306; border: 1px solid #7f7e7c; font-size: 1.4em; color: #373737; font-weight: bold; text-transform: uppercase; font-family: Arial, Verdana, sans-serif; } .theme3 input[type="text"], .theme3 select { padding: 8px 6px; background-color: #797c7c; color: #3f3f3f; border: 1px solid #65696b; } .theme3 button { width: 36px; height: 34px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/button-form-theme3-submit.png) top left no-repeat; } .theme3 button span { display: block; text-indent: -9999px; } .validation-failed, .custom-validation-failed { border: 1px solid #a82e2d !important; } .cms-content { font-size: 1.2em; line-height: 1.5; } .cms-content p, .cms-content ul, .cms-content dl { margin-bottom: 15px; font-size: 1em; } .main input[type="text"], .main input[type="email"], .main input[type="tel"], .main input[type="password"], .main select { padding: 4px 6px; background-color: #fff; border: 1px solid #002f9b; font-family: Arial, Verdana, sans-serif; border-radius: 9px; } .main select { padding: 3px 6px 2px; } .main input[type="text"]:hover, .main input[type="password"]:hover, .main select:hover, .main input[type="text"]:focus, .main input[type="password"]:focus, .main select:focus { border-color: #b8b8b8; } /* BUTTONS */ .ie7 button { /*width:auto;*/ overflow:visible; } .btn-primary { background-color: #002e9b; padding: 5px 30px; text-align: center; color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: none; font-size: 1.4em; border-radius: 8px; font-weight: normal; } .btn-primary.large { font-size: 2.8em; } .btn-primary.small { padding: 3px 20px; font-size: 1.1em; } .btn-primary:hover { color: #ffff00; } .add-to-cart-small, .add-to-cart-medium, .button { display: inline-block; border: 1px solid #cfcfcf; font: 1.4em "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: bold; color: #ffd800; text-transform: uppercase; } .add-to-cart-small, .button { background-color: #002e9b; } .add-to-cart-medium { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-addtocart-medium.png) center left repeat-x; border: none; } .add-to-cart-small .shopping-bag-small, .add-to-cart-medium .shopping-bag-medium { display: inline-block; padding: 10px 12px 10px 44px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/shopping-bag-small.png) 9px 50% no-repeat; } .button, .button-search, .button-search-grey { padding: 4px 14px; border: none; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; border-radius: 3px; color: #fff; } .button, .button-search, .button-search-grey { -moz-box-shadow: 0 1px 2px #2f2f2d; -webkit-box-shadow: 0 2px 2px #2f2f2d; box-shadow: 1px 1px 1px #2f2f2d; } .button-search span { padding-right: 13px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-button-arrow.png) right center no-repeat; } .button-search-grey span { padding-right: 14px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-button-arrow-grey.png) right center no-repeat; font-size: 0.9em; color: #dedede; } .ie .button-search, .ie .button { padding: 5px 14px; background: #0b0b09 url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-addtocart.png) top left repeat-x; } .ie7 button.button-search { padding: 3px 2px; } .button-banner { padding: 2px 14px; color: #fff; } .button-banner { background-color: #0b0b09; } .button-banner { -moz-box-shadow: 0 1px 2px #2f2f2d; -webkit-box-shadow: 0 2px 2px #2f2f2d; box-shadow: 1px 1px 1px #2f2f2d; } .ie .button-banner { padding: 3px 14px; } .ie7 button.button-search { padding: 1px 2px; } .button-back span { padding: 0 0 0 13px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-button-arrow-left.png) left center no-repeat; } .add-to-cart-medium { font-size: 1.4em; } .add-to-cart-medium { text-shadow: #000 1px 1px 1px; } .add-to-cart-medium .shopping-bag-medium { padding: 24px 21px 23px 80px; min-width: 125px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-cartbag-medium.png) 10px top no-repeat; } .ie .add-to-cart-small { background: #1b1a74 url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-addtocart.png) top left repeat-x; } .messages { margin-bottom: 5px; color: #414140; background-color: #f5f5f5; } .messages, .messages ul { list-style-type: none; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 1.1em; text-transform: uppercase; } .messages .error-msg li { background-color: #aa0008; border: 1px solid #dcdcdc; border-radius: 5px 5px 5px 5px; background-image: -moz-linear-gradient(top, #cd1c24 0%, #aa0008 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd1c24), color-stop(100%,#aa0008)); background-image: -webkit-linear-gradient(top, #cd1c24 0%,#aa0008 100%); background-image: linear-gradient(top, #cd1c24 0%,#aa0008 100%); } .messages .success-msg li { background-color: #119a04; border: 1px solid #dcdcdc; border-radius: 5px 5px 5px 5px; background-image: -moz-linear-gradient(top, #77dc01 0%, #119a04 99%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77dc01), color-stop(99%,#119a04)); background-image: -webkit-linear-gradient(top, #77dc01 0%,#119a04 99%); background-image: linear-gradient(top, #77dc01 0%,#119a04 99%); } .messages ul li { padding: 6px; color: #fff; font-weight: bold; } .messages a { color: #fff; text-decoration: underline; } #colorbox p { margin: 10px; } .as-button { background-color: #F8D306; border: 1px solid #CFCFCF; color: #373737; font-family: Arial,Verdana,sans-serif; font-size: 1.4em; font-weight: bold; padding: 6px 10px; text-transform: uppercase; } .btn-arrow { padding-right: 28px; background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/btn-arrow.png); background-repeat: no-repeat; background-position: 96% center; } /* CONTENT BLOCKS */ .content-block { position: relative; padding: 15px; margin-bottom: 10px; background-color: #fff; border: 1px solid #cfcfcf; } .content-block h2, .content-block .box-title { display: block; margin: -15px -15px 15px -15px; padding: 8px 15px; background-color: #fff; border-bottom: 1px solid #cfcfcf; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } .content-block .box-title a { color: #848484; font-size: 0.9em; text-transform: none; } .content-block .box-title a:hover { text-decoration: underline; } .content-block p { line-height: 1.9; } .grey-block { width: 500px; margin: 5px 10px; padding: 10px; background-color: #e6e6e6; border: 1px solid #d7d7d7; } .grey-block { background-image: -webkit-linear-gradient(#eee, #e1e1e1); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #eee), color-stop(0, #e1e1e1)); background-image: -moz-linear-gradient(#eee, #e1e1e1); background-image: linear-gradient(#eee, #e1e1e1); } .float-col2 .col2-set { clear: both; } .float-col2 .col2-set .col-1 { float: left; width: 45%; } .float-col2 .col2-set .col-2 { float: right; width: 45%; } .buttons-set { clear: both; display: block; height: 28px; } .buttons-set button, .buttons-set a { float: right; margin-left: 10px; font-size: 1.4em; } .buttons-set a { line-height: 28px; font-size: 1.2em; } .buttons-set-outside { margin-bottom: 20px; } .std { line-height: 18px; } .std ul { margin: 0 0 12px 20px; list-style: outside; } .std li { margin: 3px 0; } /*#################### 2COLUMNS-LEFT LAYOUT ####################*/ .col2-left-layout .sidebar { float: left; width: 149px; } .col2-left-layout .col-main { float: right; width: 788px; } /*#################### GRID STYLING ####################*/ /* Grid column styling */ .grid { float: left; margin-right: 10px; overflow: hidden; } .grid img { display: block; } .grid ul { margin-bottom: 10px; } /* grid 2x1 mirrored */ .grid2plus1.mirrored { position: relative; float: none; width: 960px; margin: 10px 0; } .grid2plus1.mirrored .item { float: left; overflow: hidden; } .grid2plus1.mirrored .item-1 { width: 630px; height: 470px; } .grid2plus1.mirrored .item-2, .grid2plus1.mirrored .item-3 { width: 310px; height: 230px; margin-left: 10px; } .grid2plus1.mirrored .item-3 { margin-top: 10px; } .banner-grid { float: none; width: 960px; margin: 10px 0; overflow: hidden; } .banner-grid li { float: left; margin-right: 10px; } .grid31 { width: 310px; } .grid32 { width: 630px; } .grid33 { width: 950px; } .widget-banner-wrap { position: relative; margin-bottom: 20px; border: 1px solid #d2d2d2; background-color: #fff; } .widget-banner-wrap > ul { margin-bottom: 0; font-size: 1em; } .widget-banner-wrap li { position: relative; display: table-cell; padding: 15px 18px; vertical-align: middle; } .widget-banner-wrap img { display: block; } .cms-home .widget-banner-wrap ul > li, .mode-cmscontent .widget-banner-wrap ul > li { width: 33%; } .cms-home .widget-banner-wrap h3 { margin-bottom: 5px; font-weight: bold; color: #605e5e; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size: 2em; } .cms-home .overlay-wrap { position: relative; } .cms-home .overlay-wrap h3 { margin-bottom: 20px; } .cms-home .widget-banner-wrap p { color: #605e5e; font-size: 1.1em; } .cms-home .widget-banner-wrap .overlay-image { position: absolute; top: -20px; right: 0; } .cms-home .widget-banner-wrap button { border-color: #cfcfcf; } .cms-home #store-search-banner button { background-image: url("http://www.bristol.nl/skin/frontend/bristol/default/images/bg-icon-search.png"); background-position: 70px 2px; background-repeat: no-repeat; padding-right: 42px; } .cms-home .widget-banner-wrap .input-text { margin-top: -4px; margin-right: 10px; padding: 6px; text-align: center; } .cms-home .widget-banner-wrap .newsletter-submit { padding: 0 8px 1px; } .ie7 .widget-banner-wrap li { float: left; display: inline; } .ie7 .widget-banner-wrap .overlay-image { top: -15px; } /* ####################### JS-DROPDOWN ########################*/ .js-enabled .dropdown { position: relative; z-index: 2; cursor: pointer; font-size: 0.93em; background-color: #fff; } .js-enabled .dropdown-alt, .js-enabled .dropdown-alt ul { width: 145px; border: 1px solid #d4d4d4; } .js-enabled .dropdown-alt ul { border-width: 0 1px 1px 1px; } .js-enabled .dropdown span, .js-enabled .dropdown-alt span { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-select.png) no-repeat right top; } .js-enabled .dropdown ul, .js-enabled .dropdown ol { position: absolute; top: 16px; left: -1px; display: none; width: 100%; list-style-type: none; } .js-enabled .dropdown.open { z-index: 999; } .js-enabled .dropdown.open ul, .js-enabled .dropdown.open ol { margin-top: -2px; display: block; background-color: #fff; font-size: 1em; } .js-enabled .dropdown.open li { background-color: #f8f8f8; padding-top: 4px; padding-bottom: 6px; } .js-enabled .dropdown a, .js-enabled .dropdown span { padding: 0 30px 1px 9px; display: block; color: #777; } .js-enabled .dropdown a:hover { color: #000; } .js-enabled .dropdown li { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-select-li.png) no-repeat left bottom; } .js-enabled .dropdow li:hover { background-color: #fff; } .js-enabled .dropdown li.last { background-image: none; background-color: #f8f8f8; } #country-check { width: 150px; display: none; margin: 10px 0; font-size: 1em; color: #000; } .catalog-product-view .dropdown span { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-select-alternate.png) 98% 50% no-repeat; } .catalog-product-view .dropdown a, .catalog-product-view .dropdown span { padding: 4px 30px 4px 9px; } .catalog-product-view .dropdown ul, .catalog-product-view .dropdown ol { top: 23px; } /*#################### LIST+ITEM ####################*/ .regular-price, .special-price { position: relative; } .special-price { color: #da290b; } .regular-price .cents, .special-price .cents { position: absolute; top: .2em; font-size: 65%; } .productlist { border: solid 1px #d0d0d0; position: relative; font-size: 1.0em; font-weight: bold; font-family: "Arial Bold", Gadget, sans-serif;; text-transform: uppercase; } .productlist > li { float: left; width: 155px; height: 185px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-productlist-vertical.png) 100% 75% no-repeat; cursor: pointer; } .productlist .product-image a { display: block; text-align: center; } .labels { position: absolute; top: 4px; right: 1px; margin: 0; } .labels > li { width: 60px; height: 26px; margin-bottom: 5px; } .material_label { position: absolute; margin: 0; top: 4px; } .material_label li img { margin: 0; } .recently-viewed .material_label { margin-left: 4px; } .product-img-box .material_label { right: 10px; top: 330px; } .category-products .material_label { margin-left: 4px; } .productlist-info { position: absolute; bottom:0; padding: 0 12px 5px 12px; width: 130px; } .productlist-info p, .productlist-info span { margin: 0; padding: 0; } .productlist-info .product-name { position: absolute; bottom: 31px; font-size: 1.1em; font-weight: bold; line-height: 1; } .productlist-info .product-name span { display: block; } .productlist-info .price-box { position: relative; font-size:1.0em; } .productlist-info p.special-price { position: absolute; right: 17px; bottom:0; font-size:1.8em; } .productlist-info p.old-price { position: absolute; bottom: 0; font-size:1.1em; text-decoration: line-through; font-family: 'Trebuchet MS', verdana, sans-serif;} .productlist-info .regular-price { float:right; position: relative; right: 30px; font-size: 1.8em; line-height: 1.3; } .productlist-info .price-from { position: absolute; width: 55px; right: 4px; bottom: 24px; font-size: 0.8em; } .ie .productlist > li { background: #fff url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-recentlyviewed-item.png) bottom left repeat-x; } .product-thumbnails li, .color-options li { float: left; margin: 5px 10px 0 0; padding: 10px 0; width: 68px; border: 1px solid #DEDEDE; background-color: #fff; } .product-thumbnails li.active, .color-options li.active{ border: 1px solid #a1a09e; } .product-thumbnails li:hover, .color-options li:hover { border: 1px solid #a1a1a1; } .color-options .nav { padding: 0 10px; float: left; cursor: pointer; } .color-options .prev-button span, .color-options .next-button span{ display: block; float: left; min-height:70px; height: auto; margin-top:5px; float: left; background: url("http://www.bristol.nl/skin/frontend/bristol/default/images/bg-arrows.png") 0 30px no-repeat; width: 6px; } .color-options .next-button span{ background-position: 100% 30px; } .color-options .nav.inactive {opacity: 0.2;} .color-options > ul{ float: left; width: 360px; } .fr .color-options li { padding:0; } /*#################### CAROUSEL ####################*/ .widget-banner img { display: block; } .carousel-type-fade { position: relative; } .carousel-type-fade li { position: absolute; top: 0; left: 0; display: none; } .carousel-type-fade .active { display: block; } .carousel-type-fade .placeholder { display: block; position: static; } .carousel-type-fade img { display: block; width: 950px; } .carousel-wrap { position: relative; } .cms-home .carousel-wrap { width: 950px; margin: 0 auto 20px auto; height: 30px; overflow: hidden; } .carousel-window { position:relative; padding-bottom: 20px; } .carousel-type-fade { margin: 0 auto; overflow: hidden; } .carousel-type-fade > ul { margin-bottom: 0; } .carousel-type-slide { width: 9999999px; } .carousel-type-slide { position: absolute; top: 0; left: 0;} .carousel-type-slide ul { float: left; } .carousel-type-slide li { float: left; } .carousel-type-slide a { display: block; padding: 0 10px; } .catalog-category-view .carousel-type-fade { margin-bottom: 0; } .carousel-content { position: absolute; top: 20px; left: 20px; width: 350px; color: #fff; } .carousel-content h1 { margin-bottom: 15px; font-size: 1.7em; text-transform: uppercase; line-height: 1; } .carousel-content h1 span { display: block; font-size: 2em; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; } .carousel-content p { font-size: 1em; line-height: 1.5; } .carousel-wrap .carousel-navigation { position: absolute; top: 15px; right: 15px; z-index: 50; } .carousel-navigation li { float: left; width: 20px; margin-right: 2px; } .carousel-navigation a { display: block; height: 28px; width: 23px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ico-carousel-nav-item.png) top left no-repeat; cursor: pointer; text-indent: -9999px; } .carousel-navigation .active a { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ico-carousel-nav-item-active.png); } .carousel-window .carousel-navigation { position: relative; margin: -35px 0 0 0; overflow: hidden; text-align: center; z-index: 50; } .carousel-window .carousel-navigation li { float: none; display: inline-table; } .ie7 .carousel-window .carousel-navigation { width: 200px; left: 50%; margin-left: -50px; } .ie7 .carousel-window .carousel-navigation li { display: block; float: left; } .carousel-window .carousel-navigation a { display: block; height: 10px; width: 10px; padding: 5px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/blt-nav.png) 0 -40px no-repeat; } .carousel-window .carousel-navigation .active a { background-position: 0 -3px; } .carousel-nav a{ display: block; width: 50px; height: 64px; text-indent: -9999px; position: absolute; z-index: 5; top: 50%; margin-top: -42px; cursor: pointer; } .carousel-nav a.prev { left: 0; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/sprite-btn-nav.png) top left no-repeat; background-position: 0 12px;} .carousel-nav a.prev:hover { background-position: 0 -84px; } .carousel-nav a.next{ right: 0; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/sprite-btn-nav.png) top right no-repeat; background-position: 10px -36px; } .carousel-nav a.next:hover { background-position: 10px -132px; } /*#################### CONTAINER ####################*/ .main, .footer, .footer-before-container, .header-wrap .inner { width: 950px; margin: 0 auto; } .catalog-product-view .main { width: auto; } .catalog-product-view .breadcrumbs, .catalog-product-view .pre-content, .catalog-product-view .messages_product_view, .catalog-product-view .product-essential, .catalog-product-view .product-collateral-info { width: 950px; margin: 0 auto; } .catalog-product-view .product-collateral-info { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/faux-product-collateral-wrap.png) top right repeat-y; } .ie body{ min-width:950px; width:auto; } .header-container { border-top: 1px solid #8b8bbb; } .header-container { background: #002E9B; } .page { background-color: #e9e9e9; } .footer-container { position: relative; } /*#################### HEADER ####################*/ .header-links { background: #fff; } .top-links { padding-top: 17px; margin-bottom: 0; } .top-links li { float: left; display: block; background: url("http://www.bristol.nl/skin/frontend/bristol/default/images/bullet-header-links.png") no-repeat scroll 0 1px transparent; } .top-links a { padding: 0 12px; color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; } .top-links a:hover { color: #FFFF00; } .top-links .first { background: none; } .top-links .first a { padding: 0 10px 0 10px; } .top-links .btn-primary { padding: 5px 30px; font-weight: normal; } .top-menu { float: left; } .top-account { position: absolute; padding: 8px 10px 8px 25px; width: 195px; background: #5265A5; top: 8px; border-radius: 6px; right: 0; } .top-account li { padding: 0 5px; } .top-account .last a { padding: 0 0 0 15px; } .customer-links { float: right; margin-top: 10px; padding: 10px; border-bottom: 1px solid #3c3b8c; background-color: #282780; } .customer-links li { float: left; } .customer-links a { padding: 0 5px; background: url("http://www.bristol.nl/skin/frontend/bristol/default/images/bullet-header-customer-links.png") no-repeat right 2px; color: #ffd800; font-weight: bold; text-transform: uppercase; } .customer-links .last a { background: none;} .customer-links a:hover { text-decoration: underline; } .header { position: relative; height: 122px; z-index: 98; } .header .logo { float: left; width: 180px; padding-top: 15px; } .header .subtitle { display: none; float: left; margin: 47px 0 0 15px; } .header .subtitle h2 { color: #ffd800; font: italic bold 1.8em "Arial Black", "Arial Bold", Gadget, sans-serif; } .header .subtitle h2 { text-shadow: #000 1px 1px 1px; } #nav { margin-bottom: 6px; font-family: Arial, verdana, sans-serif; font-size: 1em; } #nav > .first { border-left: none; } #nav li.level0 { position: relative; float: left; } #nav li.level0:hover, #nav li.level0:focus { background: #47469c; background: -moz-linear-gradient(top, #47469c 0%, #292881 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47469c), color-stop(100%,#292881)); background: -webkit-linear-gradient(top, #47469c 0%,#292881 100%); background: -o-linear-gradient(top, #47469c 0%,#292881 100%); background: -ms-linear-gradient(top, #47469c 0%,#292881 100%); background: linear-gradient(top, #47469c 0%,#292881 100%); } .ie7 #nav { margin-bottom: 0; } .ie7 #nav li { z-index: 100; } #nav a { display: block; } #nav li.level0 > a { display: block; padding: 12px 20px; font-size: 1.4em; font-weight:bold; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } #nav li.level0 > .over { margin-top: -3px; padding: 17px 20px 9px; background: #fff; color: #000309; border-top: 1px solid #fff; } #nav li.level0 > .over { -moz-box-shadow: inset 0 5px 5px #ddd; -webkit-box-shadow: inset 0 5px 5px #ddd; box-shadow: inset 0 5px 5px #ddd; } #nav ul.level0 { position: absolute; top: 40px; left: -9999px; padding: 14px 14px 14px 14px; background-color: #fff; line-height: 1.5; z-index: 10; } #nav ul.level0 { -moz-box-shadow: inset 0 -15px 15px #eee; -webkit-box-shadow: inset 0 -15px 15px #eee; box-shadow: inset 0 -15px 15px #eee; } #nav li.type-sale { background: #cb0000; } #nav li.type-sale:hover, #nav li.type-sale:focus { background: #c94731; background: -moz-linear-gradient(top, #c94731 0%, #da290b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c94731), color-stop(100%,#da290b)); background: -webkit-linear-gradient(top, #c94731 0%,#da290b 100%); background: -o-linear-gradient(top, #c94731 0%,#da290b 100%); background: -ms-linear-gradient(top, #c94731 0%,#da290b 100%); background: linear-gradient(top, #c94731 0%,#da290b 100%); } #nav li.type-sale a { color: #fff; } #nav ul.level1 { width: 140px; font-size: 1em; } #nav ul.level1 li.active > a { color: #000000; font-weight: bold; } #nav li.level1 { float: left; width: 140px; } #nav li.level1 > a { margin-bottom: 2px; } #nav li.level1 > a { color: #323232; text-transform: uppercase; font-weight: bold; } #nav li.level2 > a { color: #686767; } #nav li.level2 > a:hover, #nav li.level2 > a:focus { text-decoration: underline; } #nav .pointer { display: none; } #nav li.banner { float: right; padding-bottom: 20px; width: 200px; } #search_mini_form { margin: 4.3% 32%; } #search_mini_form input, input[type="text"].big_form, input[type="email"].big_form { width: 290px; padding: 10px 40px 10px 30px; border: none; border-radius: 9px; -moz-box-sizing: border-box; box-sizing: border-box; } #search_mini_form p { position: relative; margin-bottom: 0; } #search_mini_form button, .big_form_button { position: absolute; top: 5px; right: 57px; display: block; width: 26px; height: 25px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/button-mini-search.png) top left no-repeat; box-shadow: none; } #search_mini_form button span, .big_form_button span { display: block; text-indent: -9999px; } .ie7 input[type="text"].big_form { width: 230px; } .ie7 #search_mini_form { width: 240px; margin-top: 10px; margin-left: 90px; } .ie7 #search_mini_form input { width: 240px; } .ie7 #search_mini_form button { right: -60px; } .big_form_button { right: 31px; } .header .links { position: absolute; top: 15px; left: 330px; font-family: Trebuchet MS, verdana, sans-serif; } .header .links li { float: left; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bullet-header-links.png) 0 3px no-repeat; font-weight: bold; } .header .links .first { background: none; } .header .links a { display: block; padding: 0 10px 0 12px; text-transform: uppercase; color: #727171; } .header .links a:hover, .header .links a:focus { text-decoration: underline; } .mini-customerservice { position: absolute; top: 64px; right: 0; border: 1px solid #c1c1c1; font-family: Trebuchet MS, verdana, sans-serif; } .mini-customerservice p { margin: 0; padding: 6px 18px; border: 1px solid #dadada; color: #494949; background-color: #c6c6c6; text-transform: uppercase; font-weight: bold; font-size: 1.4em; } .mini-customerservice p { background-image: -moz-linear-gradient(#d5d5d5 25%, #c6c6c6); background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#c6c6c6)); } .mini-customerservice a { color: #494949; } .mini-customerservice a:hover, .mini-customerservice a:focus { color: #494949; text-decoration: underline; } .mini-cart-wrap { position: absolute; top: 80px; right: 0; width: 230px; } .mini-cart-wrap h2:before { position: absolute; width: 40px; height: 40px; left: 10px; top: -5px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-cartbag-minicart.png) 0px 0px no-repeat; content: ""; } .mini-cart-wrap h2 { padding: 12px 10px 12px 40px; height: 18px; color: #fff; background-color: #5365A3; font-size: 1.5em; font-family: Arial, verdana, sans-serif; border-radius: 8px 8px 0 0; } .mini-cart-wrap h2 span.price { display: block; float: right; } .ie7 .mini-cart-wrap h2 span.price { position: relative; top: -28px; margin-right: 20px; } .mini-cart-wrap .summary { display: none; } .mini-cart a { padding: 0; font-family: "Trebuchet MS", Arial, sans-serif; } .mini-cart h2 a { padding: 0 10px; } .full-cart > a { color: #fff000; } #mini-products-list { position: absolute; display: none; width: 208px; padding: 10px; background-color: #fff; border: 1px solid #DEDEDE; z-index: 100; } #mini-products-list { -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.5); } .mini-cart-wrap-active #mini-products-list { display: block; } #mini-products-list .block-subtitle { display: none; } #mini-products-list ol { margin-bottom: 10px; font-size: 1.0em; } #mini-products-list ol li { margin-top: 5px; border-bottom: 1px solid #ebebeb; } #mini-products-list .cart-empty { margin: 5px 0 10px; border-bottom: 1px solid #ebebeb; } #mini-products-list ol .product-image { float: left; display: block; height: 80px; overflow: hidden; } #mini-products-list .product-details { position: relative; padding-left: 13px; float: right; width: 130px; text-align: left; } #mini-products-list p { margin-bottom: 0; line-height: 1.6; } #mini-products-list .product-name { margin-top: 5px; } #mini-products-list .product-name a { color: #5b5858; font-weight: bold; } #mini-products-list .remove-item a { color: #5b5858; text-decoration: underline; } #mini-products-list .price-wrap { position: absolute; top: 50px; right: 0; font-weight: bold; } #mini-products-list .subtotal { font-weight: bold; } #mini-products-list .subtotal .price { float: right; } #mini-products-list .footer-buttons { margin-top: 25px; } #mini-products-list .button { padding: 7px 8px; color: #fff; } #mini-products-list .button { text-shadow: #000 1px 1px 1px; } .language-select { position: absolute; top: 13px; right: 0; font-family: Trebuchet MS, verdana, sans-serif; } .language-select ul { float: left; } .language-select .flags li { float: left; margin: 0 2px; } .language-select .languages li { float: left; margin-top: 2px; cursor: pointer; } .language-select .languages a { display: block; padding: 0 4px; color: #727171; text-transform: uppercase; } .language-select .languages a.first { background: none; } .language-select .languages a:hover { color: #333; } /*#################### BREADCRUMBS ####################*/ .breadcrumbs ul { margin-bottom: 6px; font-size: 1.1em; text-transform: uppercase; } .breadcrumbs li { float: left; } .breadcrumbs span, .breadcrumbs strong { display: block; padding: 2px 9px; } .breadcrumbs span { color: #4c4a46; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bullet-breadcrumb-item.png) 100% 4px no-repeat; } .breadcrumbs .first span, .breadcrumbs .first strong { padding-left: 0; } .breadcrumbs strong { color: #060401; } .ie .breadcrumbs { padding-top: 4px; } /*#################### SIDEBAR ####################*/ .col2-right-layout .col-main { float: left; width: 710px; } .col2-right-layout .col-right { float: right; width: 230px; margin: 40px 0 20px; } .col2-right-layout .col-right ul { margin: 0; border-top: 1px solid #cfcfcf; background-color: #fff; } .col2-right-layout .col-right li { position: relative; min-height: 48px; height: auto; padding: 10px; border: 1px solid #cfcfcf; border-top: none; } .col2-right-layout .col-right li > p { font: 1.2em HelveticaNeue,arial,verdana,sans-serif; color: #878787; text-transform: uppercase; } .col2-right-layout .col-right li p { float: right; width: 148px; padding: 0 0 0 10px; margin-bottom: 0; } .col2-right-layout .col-right li img { float: left; } .col2-right-layout .col-right li .tooltip { position: absolute; right: 10px; bottom: 10px; width: 19px; height: 20px; padding: 0; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/info-icon.png) no-repeat; } .col2-right-layout .col-right li .tooltip p { position: absolute; display: none; top: -45px; right: -10px; width: 120px; padding: 4px; background-color: #E9E9E9; border: 1px solid #868686; font-size: 1em; color: #bd0000; } .col2-right-layout .col-right li .tooltip p { -webkit-box-shadow: 1px 1px 2px 0 #868686; -moz-box-shadow: 1px 1px 2px 0 #868686; box-shadow: 1px 1px 2px 0 #868686; } .col2-right-layout .col-right li .tooltip p span { position: absolute; width: 25px; height: 14px; right: 5px; bottom: -14px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-tooltip-arrow.png) no-repeat; } /*#################### HOMEPAGE ####################*/ .cms-home .widget-banner { float: left; width: 719px; } .cms-home .widget-banner-right { float: right; width: 230px; } .cms-home .banner-seotext { position: absolute; top: 192px; right: 30px; width: 350px; color: #fff; line-height: 1.4; font-size: .9em; text-transform: uppercase; font-weight: bold; text-align: justify; } .banner-newsletter { margin-top: 1px; padding: 17px 13px 19px 13px; min-height: 94px; } .banner-newsletter { background-image: -moz-linear-gradient(#282780, #5352a7); background-image: -webkit-gradient(linear, left top, left bottom, from(#282780), to(#5352a7)); } .banner-newsletter h2 { margin-bottom: 12px; color: #fff; font-size: 1.25em; line-height: 1.2; text-transform: uppercase; text-align: center; } .banner-newsletter h2 span { font-size: 1.7em; } .banner-newsletter p { position: relative; margin: 0; } .banner-newsletter button { position: absolute; top: 0; right: 0; } .main .banner-newsletter input { width: 155px; font-size: .83em; padding: 8px 6px 9px; background-color: #fff; color: #3f3f3f; border: 1px solid #d3d3d3; } .ie .banner-newsletter { padding: 17px 12px 20px 12px; background: #33328a url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-banner-newsletter.png) repeat-x; } .ie7 .banner-newsletter { margin-top: -2px; padding-bottom: 18px; } /*#################### VARIOUS WIDGETS ####################*/ .active-coupons-widget { height: 30px; background-color: #dc7e00; color: #fff; font-weight: bold; overflow: hidden; font-size: 1.2em; } .active-coupons-widget li { padding-left: 20px; line-height: 30px; text-align: center; } .catalog-product-view .active-coupons-widget { width: 950px; margin: 0 auto; } .page-background ul { margin: 0; } /*#################### RECENTLY VIEWED ####################*/ .recently-viewed { width: 950px; margin-bottom: 20px; } .recently-viewed > h2 { cursor: pointer; } .recently-viewed > h2 { font-size: 1.3em; margin: 0; display: inline-block; color: #FFFFFF; } .recently-viewed > h2 .big { padding: 7px 15px 7px 12px; display: inline-block; background: #002E9B; } .recently-viewed > h2 .small { padding: 7px 25px 7px 12px; background: #002E9B url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-recently-viewed-arrow.png) center right no-repeat; } .ie7 .recently-viewed > h2 { float: left; } .ie7 .recently-viewed > h2 .small { position: relative; top: -8px; } .ie7 .recently-viewed-items { clear: left; } .recently-viewed-items { width: 950px; height: 185px; background-color: #fff; } .recently-viewed-items > li { float: left; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-recently-viewed.png) top right no-repeat; position: relative; } .recently-viewed-items img { margin-top: 12px; } .recently-viewed-items .regular-price { right: 15px; } /*#################### PRODUCTS HOMEPAGE ####################*/ .homepage-products { height: 215px; background-color: #fff; } .homepage-products > li { position: relative; padding: 0 12px 12px 12px; width: 292px; height: 185px; } .homepage-products > li.last { background-image: none; } .homepage-products .btn-primary { position: absolute; right: 0; bottom: 0; margin: 0; } .homepage-products .price-box { position: absolute; bottom: 45px; right: 0; } .homepage-products .price-box .old-price { right: 80px; bottom: 35px; } .homepage-products .price-box .special-price { font-size: 1em; right: 22px; } .homepage-products .price-box .special-price .price { font-size: 3.2em; } .homepage-products .product-image a { text-align: left; } .homepage-products .productlist-info { position: absolute; right: 12px; bottom: 10px; padding: 0; width: 111px; } .homepage-products .logo { position: absolute; bottom: 115px; left: 5px; margin: 0 8px 10px 0; } .homepage-products .manufacturer { margin-top: 8px; font-size: 1.2em; } .homepage-products .product-name { left: 5px; bottom: 100px; font-size: 1.2em; } .homepage-products .product-name a { color: #656669; } .homepage-products .price-box > span, .homepage-products .regular-price, .homepage-products p { font-size: 1em; } .homepage-products .regular-price > span { font-size: 3.2em; color: #e50201; } .homepage-products .add-to-cart-small { margin-top: 16px; border-radius: 3px 3px 3px 3px; } .homepage-products .price-from { position: absolute; width: 80px; left: 34px; bottom: 80px; font-size: 1em; } .ie7 .homepage-products .add-to-cart-small { position: relative; left: -20px; } .ie .cms-home .productlist > li { background: none; } /*#################### LIST PAGE ####################*/ .category-products { position: relative; } .category-products .productlist { border: none; } .category-products .productlist > li { position: relative; margin: 0 8px 10px 0; width: 189px; height: 276px; background-color: #fff; border: solid 1px #d2d2d2; overflow: hidden; } .category-products .productlist > li:hover { border-color: #9a9a9a; } .category-products .productlist > li { border-radius: 3px; cursor: pointer; } .category-products .productlist > li.last { margin-right: 0; } .category-products .product-image { text-align: center; } .category-products .price-box { width: 170px; } .category-products p.special-price { position: absolute; right: 30px; bottom:0; margin-bottom: -4px; font-size:3.6em; color: #ca462c; } .category-products p.old-price { position: absolute; bottom: 0; font-size:1.2em; } .category-products .regular-price { float: right; margin-bottom: -4px; font-size:3.2em; line-height: 1.3; } .category-products .product-name { bottom: 52px; font-size: 1.2em; } .category-products .morecolors { position: absolute; bottom: 24px; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; } .category-products .more { text-decoration: underline; } .category-products .price-from { position: absolute; width: 80px; left: 94px; bottom: 38px; } .fr .category-products .product-name { bottom: 60px; } .fr .category-products .morecolors { bottom: 34px; } /*#################### TOOLBAR ####################*/ .toolbar { clear: both; margin-bottom: 5px; } .sorter { float: left; } .pager { float: right; } .pages { float: left; margin-right: 6px; } .sort-by { font-size: 1.2em; } .pager strong { display: none; } .pages a, .pages span { display: block; padding: 3px 7px; color: #000; } .pages a:hover, .pages a:focus { background-color: #d2d2d2; color: #000; } .pager li { float: left; margin-right: 3px; border-color: transparent; } .pager li.current { background-color: #d2d2d2; border-color: transparent; } .pager .view-all { float: left; margin-top: 4px; color: #514f4c; font-size: 1.1em; } .pager .next, .pager .previous { height: 20px; width: 20px; padding: 0; text-indent: -9999px; background-color: #a6a6a6; background-repeat: no-repeat; } .pager .next { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ico-pager-next.png); } .pager .previous { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ico-pager-prev.png); } .sort-by label { text-transform: uppercase; } .sort-by label, .sort-by .dropdown { float: left; margin-right: 10px; } .ie .toolbar { min-height: 26px; } .fr .dropdown-alt, .fr .dropdown-alt ul { width: 200px; } /*#################### CATALOG SIDEBAR ####################*/ .catalog-category-view .col-left, .catalogsearch-result-index .col-left, .blog-pages .col-left { float: left; margin-right: 7px; width: 149px; color: #d2d2d2; background: #e5e5e5; border-width: 1px; border-style: solid; border-color: #cccccc #cccccc #e5e5e5 #fdfdfd; border-radius: 7px; box-shadow: inset 1px 1px 2px #cccccc; } .catalog-category-view .col-left a { color: #5b5858; } .catalog-category-view .col-main { float: right; width: 788px; } .sidebar { padding: 10px 0; } .sidebar > h2, .blog-pages .block-title { margin-bottom: 4px; padding: 0 10px; font: 1.8em arial, verdana, sans-serif; color: #070303; font-weight: bold; text-transform: uppercase; } .block-layered-nav { padding-left: 9px; } .block-layered-nav dt, .subnav .level1 > li { margin-bottom: 6px; padding-left: 14px; color: #333; font-weight: bold; text-transform: uppercase; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-arrow-filters.png) no-repeat 0 5px; } .block-layered-nav dt a, .subnav .level1 > li > a { color: #070303; } .block-layered-nav dd, .subnav .level2 > li { padding: 0 0 6px 14px; font-size: .85em; } .block-layered-nav li { margin-bottom: 3px; } .subnav .level-4 > ul { font-size: .9em; margin: 5px 0 0 10px; } .mode-products .subnav .level-2 { background: none; padding-left: 0; } .mode-products .subnav .level-2 > a { color: #070303; } .mode-page .subnav .level1 { font-size: 1em; } .mode-page .subnav .level-2 { font-size: 1.2em; } .mode-page .subnav .level-3 { background: none; font-size: 1.1em; text-transform: none; font-weight: normal; line-height: 1; } .mode-page .subnav .active.level-3 { text-decoration: underline; } .block-layered-nav dd.currently { padding-bottom: 0; } .block-layered-nav a { display: block; } .block-layered-nav a:hover, .block-layered-nav a:focus { text-decoration: underline; } .block-layered-nav .currently { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-filters-currently.png) no-repeat left center; } .block-layered-nav .toggle { cursor: pointer; display: block; color: #5B5858; font-size: 1.1em; text-align: right; margin-right: 11px; } .sidebar .filters, .blog-pages .subnav { padding-top: 10px; background: #d3d3d3; min-height: 619px; } .subnav, .subnav ul { margin-bottom: 0; } .subnav .level2 { margin-top: 6px; } .subnav .level2 > li { margin-bottom: 0; padding: 0 0 3px 0; text-transform: none; font-weight: normal; } .subnav .level2 .active > a { text-decoration: underline; } .catalog-category-view .col-wrapper { margin-bottom: 20px; } /*#################### FOOTER ####################*/ .footer { position: relative; } .footer-container { position: relative; background: #ddd; } .footer-column { float: left; width: 33%; padding: 15px 0 5px; } .footer-column.left { float: left; padding-left: 80px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-footer-icons-left.png) no-repeat 0 17px; } .footer-column.right { float: right; padding-right: 30px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-footer-icons-right.jpg) no-repeat 175px 70px; } .footer-column.left > ol, .footer-column.right > ol{ min-height:84px; height: auto; } .footer-column h2, .footer-column h3 { font-size: 1.8em; font-weight: normal; padding: 0 0 10px 0; } .footer-column h2 span { font-weight: bold; } .footer-column ol { margin: 0 0 16px 16px; font-size: 1.1em; list-style: disc; color: #eeeced; } .footer-column li { list-style-type: disc; list-style-position: inside; line-height: 1.5; font-size: 1.1em; } .footer a, .footer a:hover, .footer a:focus { color: #444444; } .footer-center { margin: auto; width: 435px; min-height: 216px; } .footer-center p { margin-bottom: 5px; font-size: 1.1em; color: #fff; } .footer-center label { margin-bottom: 6px; } .footer-image-box { position: relative; padding: 0 0 30px 0; border-bottom: 2px solid #fff; height: 30px; font-size: 1.2em; } .payment-options { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/payment-options.png) no-repeat; } .mail-options { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/mail-options.png) no-repeat; } .center-child { float: left; width: 205px; } .center-child label { display: block; } .center-child form input[type="text"], .center-child form input[type="email"], .center-child form input[type="tel"] { width: 160px; margin-top: -4px; padding: 6px; } .footer-submit { position: relative; top: 1px; } .ie .footer-submit { top: -1px; } .ie7 .footer-submit { top: 5px; } .footer-social li { float: left; margin-right: 15px; list-style-type: none; } .footer-social li a { display: block; height: 22px; width: 22px; text-indent: -9999px; } .footer-social .facebook { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-social-facebook.png); } .footer-social .twitter { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-social-twitter.png); } .footer-social .hyves { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-social-hyves.png); } .footer-social .instagram { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-social-instagram.png); } .footer .widget-banner { position: absolute; top: 145px; left: 235px; float: none; width: auto; margin-left: 7px; } .footer-links { background: #002E9B; padding: 20px; } .footer-stores button { padding-right: 42px; background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-icon-search.png); background-repeat: no-repeat; background-position: 95% 2px; } .footer-subscribe { margin: 0 0 20px; } .footer-subscribe .big_form { font-size: 1.2em; } .footer-subscribe .btn-primary { margin: 10px 0 0; width: 290px; } /*#################### PRODUCT DETAIL ####################*/ .product-view { margin-bottom: 0; } .catalog-product-view .product-essential { margin-bottom: 12px; } .product-collateral { padding-top: 15px; } .product-collateral-info-wrap { border-top: 1px solid #d2d2d2; background-color: #edeceb; padding-bottom:20px; } .product-collateral-info-wrap { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #edeceb), color-stop(1, #dad8d7)); background-image: -moz-linear-gradient(center top, #edeceb 0%, #dad8d7 100%); background-image: -o-linear-gradient(center top, #edeceb 0%, #dad8d7 100%); background-image: linear-gradient(center top, #edeceb 0%, #dad8d7 100%) } .catalog-product-view .product-img-box { float: left; position: relative; margin-right: 10px; width: 511px; height: 367px; } .product-shop { position: relative; color: #333; } .catalog-product-view h1 { color: #5b5858; font-size: 2em; font-family: "Trebuchet MS", Arial, sans-serif; padding-bottom: 6px; } .product-shop .logo { padding-bottom: 6px; margin: 0; } .product-shop .logo img { padding:0; margin:0; } .product-shop .short-description { margin-bottom: 10px; font-size: 1.2em; } .product-shop .sku { font-style: italic; } .product-options { position: relative; } .product-options dt { width: 210px; } .fr .product-options dt { width: auto; } .product-options .size-table { margin-left: 35px; padding-left: 26px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-size-table.png) no-repeat left center; } .product-options .size-table a { text-decoration: underline; } .product-options dd { position: relative; } .product-options .size-option-title, .product-options p { display: none; } .product-options .dropdown > span { position: absolute; left: -9999px; } .product-options .dropdown { border: none; background: none; } .product-options .dropdown ul { position: static; display: block; float: left; width: auto; margin-bottom: 10px; border: none; font-size: 1.1em; background: none; } .product-options .dropdown.open ul { background: none; font-size: 1.1em; } .product-options .dropdown.open li { padding: 0; background: none; } .product-options .dropdown li { float: left; margin-right: 5px; background: none; } .product-options .dropdown a { display: block; padding: 2px 4px 4px 4px; border: 1px solid #d4d4d4; background-color: #fff; text-align: center; } .product-options .dropdown .active > a { background-color: #333; color: #fff; } .product-options .dropdown a.no-stock { color: #e7e7e7; background: #f9f9f9 url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-out-of-stock.png) top center no-repeat; border: 1px solid #e7e7e7; } .product-options .dropdown li.last { background: none; } .size-table-error { padding: 10px; text-align: center; } .size-table-error dt { display: none; } .size-table-error .size-option-title, .size-table-error .product-options p { display: block; } .size-table-error .product-options p{ font-size: 1.2em; } .size-table-error dl, .size-table-error p { font-size: 1em; } .size-table-error h3 { font-size: 2.4em; text-transform: uppercase; } .size-table-error .dropdown { margin: 0 auto; overflow: hidden; min-width: 200px; } .product-options .size-error { top: 45px; } .catalog-product-view #product_addtocart_form { float: right; position: relative; width: 429px; min-height: 366px; } .product-view .dropdown { margin-top: 4px; width: 200px; } .product-view .free-delivery { font-size: 1.3em; color: #d75905; font-weight: bold; } .product-view .choose-color { margin-bottom: 0; } .ie7 .product-view .free-delivery { margin-top: 10px; } .product-options-bottom { position: absolute; right: 0; bottom: 0; width: 229px; height: 140px; } .product-options-bottom button { position: absolute; right: 0; bottom: 25px; padding-left: 50px; font-size: 1.6em; } .product-options-bottom button:before { position: absolute; width: 40px; height: 30px; left: 10px; top: -1px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-cartbag-minicart.png) 0px -52px no-repeat; content: ""; } .product-options-bottom .price-box { position: relative; font: 1em; font-weight: bold; } .product-options-bottom .special-price, .product-options-bottom .regular-price { font-family: "Arial Bold", Gadget, sans-serif; float: right; padding-right: 40px; font-size: 5.1em; } .product-options-bottom p.old-price { position: absolute; left: 20px; bottom: 10px; font-size: 1.8em; text-decoration: line-through; } .more-views { position: absolute; width: 70px; margin-top:10px; text-align: center; } .more-views .nav { padding: 10px 25px; cursor: pointer; } .more-views span { display: block; margin: 0 auto; background-image: url("http://www.bristol.nl/skin/frontend/bristol/default/images/bg-arrows.png"); background-repeat: no-repeat; height: 6px; width: 20px; } .more-views .down-button span { background-position: center bottom; bottom: 25px; } .more-views .nav.inactive { cursor: auto; opacity: 0.2; } .ie .more-views .nav.inactive { filter: alpha(opacity = 20); zoom: 1; } .product-img-box .product-thumbnails li { position: relative; float: left; margin: 0 0 4px 0; width: 68px; cursor: pointer; } .jqzoom { float: right; width: 428px; height: 365px; border: 1px solid #fff; background-color: #fff; } .nojqzoom { position: absolute; left: 76px; top:-2px; width: 434px; height: 369px; border: none; z-index:8; } .zoomdiv { position: absolute; left: 510px; z-index: 5; width: 439px; height: 365px; border: 1px solid #d4d4d4; background-color: #fff; overflow: hidden; } #product-image {position: relative; border: 1px solid #fff; text-align: center; overflow: hidden; margin: 0 auto; } .jqZoomPup { position: absolute; border: 1px solid #ccc; height: 91px; width: 110px; } #product-movie { position: absolute; right: 0; top: 0; display: none; } .generated-tabs { margin-bottom: 0; font: 1.6em; z-index: 10; } .generated-tabs li { position: relative; bottom: -1px; float: left; } .generated-tabs .active { bottom: -2px; border-bottom: none; } .generated-tabs a { display: block; padding: 10px 14px; border: 1px solid #d4d4d4; background-color: #fff; text-transform: uppercase; font-weight: bold; outline: none; } .generated-tabs a { -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-left-radius: 5px; } .option360 { position: absolute; left: 95px; top: 10px; width: 43px; height: 35px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/360option.png) no-repeat; cursor: pointer; z-index: 9; } .option360 span { display: block; text-indent: -99999em; } .optionzoom { position: absolute; right: 15px; top: 10px; width: 40px; height: 30px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/optionzoom.png) no-repeat; cursor: pointer; z-index: 9; } .optionzoom span { display: block; text-indent: -99999em; } .generated-tabs .active a { border-bottom: 0; } .tab-content { margin-bottom: 20px; padding: 25px 15px; background-color: #fefefe; border: 1px solid #d4d4d4; } .tab-content { background-image: -webkit-linear-gradient(#fff, #ececec); background-image: -moz-linear-gradient(#fff, #ececec); background-image: linear-gradient(#fff, #ececec); } .article-description h3 { text-transform: uppercase; } .article-number { margin: 15px 0; } .product-attributes { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-product-attributes.png) 47% 0 repeat-y; } .product-attributes dt, .product-attributes dd { float: left; display: block; } .product-attributes dt { font-weight: bold; width: 158px; } .product-attributes dd { width: 155px; padding-right: 20px; } .product-attributes .clear { clear: both; } .addthis_toolbox { float: right; position: absolute; left: 0; bottom: 0; padding-top: 2px; height: 18px; overflow: hidden; width: 220px; } .addthis_button_facebook_like { margin-top:-2px; } .addthis_button_pinterest { margin-top:-2px; } .product-collateral { float: left; width: 710px; } .product-collateral .recently-viewed, .product-collateral .recently-viewed-items { width: auto; margin-bottom: 0; } #product-upsells { float: right; width: 150px; padding: 30px 40px 8px 40px; background-color: #d6d5d3; } #product-upsells { background-image: -webkit-linear-gradient(#d7d5d3, #9d9b9a); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #d7d5d3), color-stop(0, #9d9b9a)); background-image: -moz-linear-gradient(#d7d5d3, #9d9b9a); background-image: linear-gradient(#d7d5d3, #9d9b9a); } .box-up-sell .box-title h2 { margin-bottom: 12px; text-transform: uppercase; font-size: 1.5em; color: #4d4b47; } #upsell-product-list > li { margin-bottom: 10px; } #upsell-product-list { margin-bottom: 0; } #upsell-product-list > li { position: relative; width: 150px; height: 175px; background-color: #fff; border-color: #bab9b8; } #upsell-product-list > li:hover { border-color: #9a9a9a; } #upsell-product-list > li { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.00, #e1e1e1), color-stop(0.14, #f9f9f9), color-stop(0.25, #ffffff)); background-image: -moz-linear-gradient(center bottom, #e1e1e1 0%, #f9f9f9 14%, #ffffff 26% ); } #upsell-product-list img.product_image { height: 120px; width: 110px; } #upsell-product-list .regular-price, #product-upsells .special-price { right: 15px; } .ie #product-upsells { background: #d6d5d3 url(http://www.bristol.nl/skin/frontend/bristol/default/images/ie-bg-upsell-products.png) bottom left repeat-x; } .ie .nojqzoom { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-ie-transparant.png); } .ie7 .jqzoom { z-index: 10; } .ie7 .catalog-product-view .product-essential { z-index: 11; } .ie7 .catalog-product-view .product-img-box { z-index: 11; } .ie7 .catalog-product-view #product-options-wrapper { position: relative; z-index: 20;} .ie7 .catalog-product-view .product_addtocart_form { z-index: 19; } /* Check local stock ----------------------------------- */ .kega-stockorders-product-index.mode-popup { overflow: hidden; } .catalog-product-view .reserve-popup { position: absolute; right: 0; bottom: 0; font-size: 1.2em; font-weight: bold; text-decoration: underline; } .mode-pdp-stockorders .page, .mode-pdp-stockorders .main { width: 100%; min-width: 100%; } .mode-pdp-stockorders .col-main { padding: 20px 20px 0 20px; } .mode-pdp-stockorders .col1, .mode-pdp-stockorders .col2 { float: left; width: 47%; } .mode-pdp-stockorders .col2 { margin-left: 20px; } .mode-pdp-stockorders .product-options-bottom { position: static; } .mode-pdp-stockorders .productlist { background: none; } .mode-pdp-stockorders .category-products .productlist > li { pointer-events: none; } .mode-pdp-stockorders .product-options .dropdown ul { width: 260px; font-size: 1.25em; } .mode-pdp-stockorders .stockorders-top h2 { margin: 0 0 10px 0; font-size: 1.6em; } .mode-pdp-stockorders .product-options label { float: left; margin: 0 0 5px 0; font-size: 1.2em; } .mode-pdp-stockorders .product-qty label { margin: 10px 0 5px; font-size: 1.2em; } .mode-pdp-stockorders .product-qty select { margin:10px; font-size: 1.2em; } .mode-pdp-stockorders .stockorders-stores h2 { margin-bottom: 10px; font-size: 1.4em; } .mode-pdp-stockorders .additional-data { margin-top: 15px; } .mode-pdp-stockorders .store-search { width: 250px; } .mode-pdp-stockorders .store-search label, .mode-pdp-stockorders .store-search .input-text { width: 100%; } .mode-pdp-stockorders .store-search .input-text { margin-top: 5px; } .mode-pdp-stockorders .button-search { width: 260px; padding: 5px 30px; text-align: center; background-color: #002e9b; font: normal 1.4em "Trebuchet MS", Arial, sans-serif; text-transform: none; border-radius: 8px; } .mode-pdp-stockorders .button-search span { background: none; } .mode-pdp-stockorders .store_result { float: left; width: 23%; padding: 1%; } .mode-pdp-stockorders .store-location-city { font-weight: bold; margin-bottom: 0; } .mode-pdp-stockorders .store-stock { font-size: 1.2em; font-style: italic; } .mode-pdp-stockorders .store-location-distance a { text-decoration: underline; } .kega-stockorders-product-index.mode-popup .active-coupons-widget { display: none; } /*#################### SIZE TABLE ####################*/ .iframe, .iframe .col-main, .iframe .main, .size-table-content { width: 621px; margin: 0; background: #efefef; font-family: arial, verdana, sans-serif; color: #45433f; } .iframe .col-main h1 { display: none; } .size-table-content h2 { padding: 12px; margin-bottom: 12px; width: 597px; border-bottom: 1px solid #dad9d6; border-top: 1px solid #dad9d6; font-family: arial, verdana, sans-serif; font-size: 1.4em; font-weight: bold; } .size-table-content h2 { background-image: -webkit-linear-gradient(#fff, #f2f2f2); background-image: -moz-linear-gradient(#fff, #f2f2f2); background-image: linear-gradient(#fff, #f2f2f2); } .size-table-content p { padding-left: 12px; font-size: 1.3em; } .size-table-content .note-msg { display: none; } .size-table-wrap p { margin: 0; } .size-table-wrap table { width: 510px; } .size-table-wrap table td { text-align: center; } .size-table-wrap table tr > td { text-align: left; padding-left: 10px; } /*#################### FAQ ####################*/ .faq-pages .widget h1, .faq-pages .widget h2, .faq-pages .widget p { position: absolute; width: 560px; color: #605e5e; } .faq-pages .widget h1 { margin: 10px 0 0 20px; font-size: 3.2em; text-transform: uppercase; } .faq-pages .widget h2 { margin: 52px 0 0 20px; font-size: 1.7em; text-transform: uppercase; } .faq-pages .widget p { width: 500px; margin: 80px 0 0 20px; font-size: 1.1em; } .faq-pages .col-main { width: 918px; } .kega-faq-list-category .col-main { background: #FFF; padding: 15px; margin-bottom: 15px; border: 1px solid #d5d5d5; overflow: hidden; } .faq-pages .main { position: relative; } .faq-pages .button-back { text-transform: none; } #faq_search { margin-bottom: 20px; background-color: #fff; border: 1px solid #cfcfcf; } #faq_search label { display: block; padding: 12px 10px; border-bottom: 1px solid #e9e9e9; font-size: 1.1em; font-weight: bold; text-transform: uppercase; background-color: #dadada; } #faq_search .btn-primary { margin-top: 18px; } #faq_search input { float: left; width: 425px; margin: 18px 10px 18px 16px; padding: 6px; border: 1px solid #dad9d6; } #faq_search input:hover, #faq_search input:focus { border: 1px solid #c2c2c2; } #faq_search fieldset { border: none; } .faq-pages .mode-index .questionbox { position: relative; float: left; min-height: 145px; width: 170px; margin-bottom: 30px; padding: 0 15px 15px 130px; background-repeat: no-repeat; background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-placeholder.jpg); } .faq-pages .mode-index .questionbox h2 { margin: 0 0 5px 0; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } .faq-pages .mode-index .questionbox h3 { font-family: arial,verdana,sans-serif; font-weight: normal; line-height: 1.7; } .faq-pages .mode-index .questionbox ul { padding-left: 15px; list-style: disc; font-size: 0.9em; } .faq-pages .mode-index .questionbox .faq-continue a { position: absolute; bottom: 0; text-decoration: underline; } .faq-pages .mode-index #customerservice-q1 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-bestellen.jpg); } .faq-pages .mode-index #customerservice-q2 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-leveren.jpg); } .faq-pages .mode-index #customerservice-q3 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-retourneren.jpg); } .faq-pages .mode-index #customerservice-q4 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-betalen.jpg); } .faq-pages .mode-index #customerservice-q5 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-contact.jpg); } .faq-pages .mode-index #customerservice-q6 { background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-productinformation.jpg); } .faq-pages .mode-category { min-height: 600px; padding-right: 250px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-customerservice-list-placeholder.png) right top no-repeat; } .faq-pages .mode-category h2, .mode-category h3, .mode-category p { font-family: arial,verdana,sans-serif; } .faq-pages .mode-category h2 { margin-bottom: 12px; font-size: 1.4em; } .faq-pages .mode-category h3 { font-size: 1.1em; font-weight: normal; } .faq-pages .mode-category h3 a { color: #000; font-weight: bold; } .faq-pages .mode-category p { font-size: 1.1em; line-height: 1.4; } .faq-pages .mode-category .answer { margin-bottom: 20px; } .faq-pages .mode-category li ol { font-size:1.1em; list-style-type:disc; padding-left: 12px; } .ie7 .faq-pages .footer-container { margin-top: 30px; } /*#################### STORELOCATOR ####################*/ .store-pages .widget h1, .store-pages .widget h2 { position: absolute; width: 560px; color: #605e5e; } .store-pages .widget h1 { margin: 5px 0 0 20px; font-size: 3.2em; text-transform: uppercase; } .store-pages .widget h2 { margin: 49px 0 0 20px; font-size: 1.4em; text-transform: uppercase; } .store-pages .main { position: relative; } #store-search, #directions { position: absolute; top: 100px; left: 20px; width: 500px; color: #fff; } #store-search h2, #directions h2 { margin-bottom: 5px; font-family: arial,verdana,sans-serif; font-size: 1.3em; font-weight: normal; color: #605e5e; } #store-search a { font-size: .9em; color: #333; } #store-search input, #routeplanner input { float: left; width: 250px; padding: 5px; font-family: arial,verdana,sans-serif; font-size: 0.9em; color: #142b17; } #store-search .button, #routeplanner .button { float: left; margin-left: 10px; } #store-search .next-page-wrap, #routeplanner .next-page-wrap { clear: both; padding-top: 3px; } #routeplanner fieldset { font-size: 1.2em; } #routeplanner .all-store-link { font-size: 1.1em; color: #333; } .store-pages .col-main { float: right; margin-top: 10px; width: auto; } .store-pages #map { height: 430px; margin-bottom: 20px; width: 550px; } .store-pages #routeinfo .route-print { float: right; font-size: 1.2em; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/print_icon.jpg) no-repeat 0 0; padding: 0 0 0 20px; cursor: pointer; } .store-pages #routeinfo { margin-bottom: 20px; width: 550px; } .store-pages .col-left { float: left; } #store-wrap { margin-bottom: 20px; margin-top: 10px; padding: 0 14px; width: 362px; min-height: 430px; background-color: #f6f6f6; border: 1px solid #dad9d6; } #store-wrap li > a { display: block; padding: 10px 5px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-list-arrow-down.png) no-repeat 352px center; border-bottom: 1px solid #b8bbbd; color: #45433f; font-size: 1.1em; font-weight: bold; } #store-wrap li > a span { color: #000; } #store-wrap .address { display: none; padding: 0 5px; border-bottom: 1px solid #b8bbbd; font-size: 0.8em; } #store-wrap .address span, #store-information address span { display: block; line-height: 1.6; font-style: normal; } #store-wrap .expanded .address { display: block; } #store-wrap .expanded > a { border-bottom: none; } .store-detail .page-title { display: none; } #store-details h1 { margin-top: 5px; font-family: arial,verdana,sans-serif; } #store-details h2 { font-family: arial,verdana,sans-serif; font-size: 1.3em; } #store-details #storelist h2 { padding-bottom: 15px; border-bottom: 1px solid #b8bbbd; } #store-details img { margin-top: 12px; } #store-details #store-time { margin-top: 17px; } #store-details #store-time .time-table, #store-details #store-time .extra-openings { margin: 5px 0 35px; } #store-details #store-time dt { float: left; width: 100px; margin-bottom: 5px; } #store-details #store-time dd, #store-details #store-time li { margin-bottom: 5px; } #store-information address { padding: 5px 0 17px; display: block; border-bottom: 1px solid #b8bbbd; font-size: 1.2em; } #routeinfo h2 { padding-bottom: 10px; font-family: arial,verdana,sans-serif; font-size: 1.4em; border-bottom: 1px solid #b8bbbd; } #route { padding: 10px 0; } #route th { padding: 10px 0; text-align: left; } #route td { padding: 10px; } #route .uneven td { background-color: #f6f6f6; } .ie7 #store-search .next-page-wrap { padding-top: 0; } .extra-openings-detail .col-wrapper { background: none; } .extra-openings-detail .col-main { float: left; width: 380px; } .extra-openings-detail .col-left { float: left; width: 380px; } .extra-openings-detail #store-openings { width: 930px; background-color: #F6F6F6; border: 1px solid #DAD9D6; padding: 10px; overflow: hidden; } .extra-openings-detail h2 { font-size: 1.4em; margin-bottom:10px; } .extra-openings-detail h4 { margin-bottom: 5px; } .extra-openings-detail #store-openings li { line-height: 1.6; } .extra-openings-detail #store-openings p { font-size: 1em; margin-top: 5px; } .extra-openings-detail #store-openings a:hover { color: #ADACAA; } /*#################### AMOUNT-CHOOSER ####################*/ .amount-chooser-wrap { position: relative; display: block; width: 36px; padding-right: 18px; background-color: #fff; border: 1px solid #a8acaf; } .amount-chooser-wrap .up, .amount-chooser-wrap .down { position: absolute; display: block; width: 19px; height: 9px; right: 0; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-amount-button.png) left top no-repeat #fff; color: #fff; cursor: pointer; } .amount-chooser-wrap .up { top: 0; } .amount-chooser-wrap .down { bottom: 0; background-position: left bottom; } .amount-chooser-wrap .input-text { width: 40px; height: 18px; background-color: #fff; font-family: arial,verdana,sans-serif; font-size: 0.9em; color: #777; } .amount-chooser-wrap input[type="text"] { padding: 0 7px; border: none; } /*#################### CHECKOUT ####################*/ .tax-total-line { display: none; } .mode-checkout .col-wrapper { position: relative; } .mode-checkout .col-main { float: left; width: 710px; margin-top: 0; } .mode-checkout h1 { margin: 0 0 10px; font-size: 2.8em; text-transform: uppercase; } .mode-checkout h1 span { color: #848484; } .mode-checkout h3 { padding: 10px 0; font-family: arial,verdana,sans-serif; text-transform: uppercase; } .mode-checkout .validation-advice { position: absolute; left: -9999em; } .wizard-block { position: relative; clear: both; margin-bottom: 20px; padding-bottom: 10px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-checkout-active-step.png) #fff repeat-y; border: 1px solid #cfcfcf; } .wizard-block-summary, .wizard-block-empty { background: #fff; border-color: #cfcfcf; } .wizard-block-empty { padding-bottom: 0; } .wizard-block .wizard-block-step { position: relative; display: block; padding: 8px 10px 8px 40px; font-size: 1.6em; font-weight: bold; text-transform: uppercase; } .wizard-block-summary .wizard-block-step { border-bottom: 1px solid #cfcfcf; } .wizard-block-empty .wizard-block-step { border: none; } .wizard-block-step .icon { float: right; width: 20px; height: 20px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-wizard-block-step.png); } .wizard-block-content .messages { margin-left: 35px; } .wizard-block .wizard-block-step span { position: absolute; top: 5px; left: 10px; font-family: 'HelveticaNeue'; font-size: 1.3em; color: #ca462f; } #shopping-cart-table { float: right; width: 677px; } #shopping-cart-table .error td { border-bottom: 5px solid #fff; background-color: #FF9191; } #shopping-cart-table .error.msg td { border-bottom: 0; } #shopping-cart-table .item-msg { font-size: 1em; padding-left: 40px; margin-bottom: 0; font-weight: bold; } .wizard-block th { padding: 6px 0; color: #3d3d3d; text-align: left; font-weight: normal; text-transform: uppercase; } .wizard-block th.p-image { text-indent: -9999px; } .wizard-block td { text-align: left; vertical-align: middle; } .wizard-block .odd td { background-color: #f6f6f6; } .wizard-block td .cart-price { padding: 0 40px 0 0; font-weight: bold; text-align: right; } .mode-checkout .wizard-block td .cart-price { width: 102px; } .wizard-block .product-name { display: none; } .wizard-block .p-image { width: 260px; } .wizard-block .p-image img { margin-left: 40px; border: 1px solid #adacac; } .wizard-block .p-options { width: 75px; } .wizard-block .p-options .dropdown { width: 60px; padding: 2px 0; } .wizard-block .p-price, .wizard-block .p-qty, .wizard-block .p-subtotal { width: 95px; } .wizard-block .p-subtotal, .wizard-block .p-price { text-align: right; padding-right: 40px; } .wizard-block .p-size { padding-left: 15px; } .wizard-block .dropdown-alt, .wizard-block .dropdown-alt ul { border-color: #a8acaf; } .wizard-block .footer-buttons li { float: left; } .wizard-block .footer-buttons { padding-top: 20px; } .wizard-block .footer-buttons .continue-order { float: right; margin-right: 7px; } .wizard-block .footer-buttons .continue-shopping { margin-left: 340px; line-height: 25px; } .wizard-block address span { display: block; font-style: normal; } .wizard-block .totals { margin-top: 10px; } .wizard-block .p-delete, .wizard-block .remove-item { padding-right: 5px; } .wizard-block .loyalty-budget { width: 686px; margin: 20px 0 10px 0; padding: 10px; float: left; background-color: #EDEDED; border: 1px solid #DAD9D6; text-align: left; vertical-align: middle; } .wizard-block .loyalty-budget .price { font-weight: bold; } .wizard-block .loyalty-budget p { margin: 0; display: block; } .wizard-block #checkout-payment-method-load dt { position: absolute; left: -9999px; } .wizard-block #checkout-payment-method-load dt.payment-method-free { position: relative; left: 0; padding-left: 5px; } .wizard-block #payment-methods .sp-methods dt label { font-weight: bold; } .wizard-block #ideal-logo { float: right; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/iDEAL_choice.gif) no-repeat 0 0; width: 57px; height: 51px; text-indent: -99999em; } .wizard-block #payment-methods .payment-method { padding: 10px; width: 480px; margin-left: 10px; } #payment-methods .messages li { float: none; position: static; width: auto; height: auto; margin: 0; } #payment-methods .messages { display: none; } #checkout-payment-method-load li { float: left; height: 85px; margin-right: 10px; position: relative; width: 125px; } #checkout-payment-method-load li input { left: 3px; position: absolute; top: 3px; } #checkout-payment-method-load .bank-image { background-color: #FFFFFF; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; display: block; height: 75px; text-indent: -9999px; width: 125px; } #wizard-cart #update-cart-wrap { float: right; margin: 7px 7px 0; } #wizard-cart .totals td, #wizard-cart .totals th, #cart-summary #shopping-cart-totals-table th, #cart-summary #shopping-cart-totals-table td { padding: 3px 35px 3px 40px; border: none; background-color: transparent; } #cart-summary .totals .price, #wizard-cart .totals .price, #wizard-payment-details .totals .price { display: block; width: 70px; padding: 0 95px 0 0; text-align: right; } #cart-summary .totals th, #wizard-cart .totals th { color: #45433f; } #discount-coupon-form { padding: 20px 20px 0 40px; } #discount-coupon-form label { display: block; margin-bottom: 2px; } #discount-coupon-form button { position: relative; left: 0; top: 0; text-indent: 0; width: auto; height: auto; } .ie #discount-coupon-form button{ left: -5px; top: -1px; } #discount-coupon-form input[type="text"] { width: 200px; padding: 5px 6px; margin-bottom: 5px; } #cart-summary tfoot td .price { display: inline-block; width:50px; text-align: right; } #cart-summary .subtotal th, #cart-summary th { width: 162px; color: inherit; } #cart-summary .summary-subtotal, #cart-summary .c-subtotal { padding: 0 18px; } #cart-summary th.c-subtotal { padding-left: 95px; } #cart-summary .grand_total th { font-weight: bold; } #cart-summary .no-items { padding: 10px 35px; } .mode-checkout .edit, .mode-checkout .edit { clear: both; padding-top: 20px; } .mode-checkout .edit a, .mode-checkout .edit a { float: right; margin-right: 7px; } #login-register-choice { margin-top: 10px; padding: 0 35px; } #register-choice .aside { margin-right: 6px; } #register-choice form label { margin-top: 5px; } #register-choice form label, #register-choice form .input-wrap { float: left; } #register-choice label { width: 80px; margin-right: 13px; } #register-choice input { width: 150px; } #register-choice form .input-wrap { margin-top: 0; } #register-choice #wizard-login { background-color: #ededed; border: 1px solid #dad9d6; } #register-choice #wizard-login input { margin-bottom: 10px; } #register-choice, #login-choice { float: left; width: 290px; } #register-choice { padding: 0 15px 20px 14px; } #register-choice form { margin-top: 4px; padding: 14px 17px 11px 14px; background-color: #F5F5F5; } #register-choice form button { float: right; margin: 0; } #register-choice fieldset { background-color: transparent; padding-bottom: 0; margin-bottom: 5px; } #register-choice p { float: none; margin-left: 0; } #register-choice .theme1 p.footer { margin-top: 10px; } #register-choice .forgotpassword { float:right; margin-top: 10px; text-decoration: underline; } #login-choice { padding: 0 15px 21px 0; } #login-choice .link-wrap, #login-choice .aside { float: left; } #login-choice .link-wrap a { margin: 0; } #wizard-personal-details #register-form p.name-firstname, #wizard-personal-details #register-form p.name-middlename {float: left; } #wizard-personal-details select { width: 232px; } #wizard-personal-details #register-form p.str_number, #wizard-personal-details #register-form p.str_addition { width: 60px; } #wizard-personal-details #register-form p.str_number input.input-text, #wizard-personal-details #register-form p.str_addition input.input-text { width: 45px; } #wizard-personal-details #register-form .loading-icon-wrap { margin: -5px 0 0 130px; } #wizard-personal-details #register-form .loading-icon-wrap img { float: left; margin-top: 2px; padding-right: 5px; } #address-error {display:none; width: 100%; } #wizard-personal-details #register-form { border: none; width: auto; } #wizard-personal-details #register-form p { margin-top: 0; } #wizard-personal-details .theme1 p { margin: 0; } #wizard-personal-details #address-error { width: 100%; } #register-choice { margin-right: 0; } #register-form { padding: 10px 13px 10px 35px; } #login-choice h3, #register-choice h3, #billing-summary h3, #additional-information h3, #shipping-summary h3, #delivery-costs h3 { margin-bottom: 5px; font-weight: bold; } #delivery-form { padding: 5px 18px 5px 40px; } #delivery-form .option-content, #payment_form_ogone .payment-method { width: 500px; margin: 6px 0 10px 40px; background-color: #e6e6e6; } #delivery-form .option-content, #payment_form_ogone .payment-method { background-image: -webkit-linear-gradient(#eee, #e1e1e1); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #eee), color-stop(0, #e1e1e1)); background-image: -moz-linear-gradient(#eee, #e1e1e1); background-image: linear-gradient(#eee, #e1e1e1); } #delivery-form .expand-content, .visible-content { padding: 10px; } #delivery-form .expand-content h4 { margin: 0 0 5px 0; } #delivery-form .expand-content label { display: block; margin-bottom: 5px; } #delivery-form .active .expand-content { margin-top: 0; } #delivery-form .active .visible-content { margin-bottom: 0; } #delivery-form .active { margin-bottom: 10px; } #delivery-form label { position: relative; top: 3px; left: 20px; } #delivery-form .option-content label { left: 0; } #delivery-form #pickup-store { display: block; margin-bottom: 10px; } #search-pickup-store { padding: 2px 10px; font-size: 1em; } #delivery-form ul { font-size: 1em; } #shipping-country_id { width: 234px; } #register-form p { float: left; width: 240px; margin-bottom: 0; padding: 5px 5px 0; } #wizard-delivery-details .form-block p { float: left; width: 200px; margin-bottom: 0; padding: 5px; } #register-form p.checkbox { width: 100%; padding: 5px 10px; } #register-form p.checkbox label { width: auto; margin-bottom: 0; } #wizard-delivery-details .form-block p { margin-bottom: 10px; padding: 0 10px; } #register-form label { display: block; line-height: 1.8; } #register-form input, #register-form #account-info input { width: 220px; margin-bottom: 4px; } #wizard-delivery-details form .form-block input { width: 180px; } #register-form .checkbox input { width: auto; float: left; margin: 5px 5px 0 0; } #register-form .inline { display:inline; } #register-form #newsletter, #register-form #datamatchupdate{ display: inline; width: auto; } #register-form #account-description { margin-left: 5px; } #register-form #newsletter-wrap, #register-form #datamatch-wrap, #register-form #account-description, #register-form .footer-buttons { padding: 10px 5px 5px; width: 100%; } .footer-buttons button, .footer-buttons a { float: right; } .footer-buttons .back-link { margin-right: 15px; line-height: 2.5; } #register-form p.loading { background-position: 10px 32px; } #register-form #address-error { display: none; } #register-form .validation-advice { position: absolute; left: -9999px; } #billing-summary, #shipping-summary, #additional-information, #delivery-costs { float: left; width: 40%; padding: 5px 18px 5px 40px; } #billing-summary address, #shipping-summary address, #wizard-delivery-details address, #delivery-costs address { font-size: 1.2em; } #billing-summary address span, #shipping-summary address span, #additional-information dl { width: 280px; line-height: 18px; } #additional-information dt, #additional-information dd { width: 80px; float: left; } #additional-information dd { width: 140px; } #wizard-payment-details .footer button, #wizard-delivery-details .footer button { float: right; display: block; } #wizard-payment-details .load-payment { float: right; color: #666; line-height: 3.5; display: none; margin-right: 10px; } #wizard-payment-details .load-payment img { float:left; margin-top:5px; } #payment_form_ccsave input, #payment_form_ccsave select { margin-top: 11px; } #wizard-payment-details .totals { padding: 10px 18px 10px 40px; } #wizard-payment-details #giftcard_number { margin: 0 10px 0 0; } #wizard-payment-details .totals-block { position: relative; } #wizard-payment-details .totals-block > span { position: absolute; right: 0; } #wizard-payment-details .totals td { padding: 6px 0; background-color: transparent; border: none; } #wizard-payment-details .totals tfoot td { padding-top: 8px; border-top: 1px solid #e5e1de; font-weight: bold; } #wizard-payment-details #payment-methods { margin-top: 14px; padding: 0 18px 0 35px; } #wizard-payment-details #payment-methods dt { margin: 5px 0; } #wizard-payment-details .discount { margin:10px 0; } #wizard-payment-details #agreement-wrap a:hover { text-decoration: underline; } #wizard-payment-details button { margin: 2px 0 0 0; } #wizard-delivery-details form p { margin-bottom: 0; font-size: 1.2em; } #wizard-delivery-details form .form-block label { display:block; } #wizard-delivery-details form .form-block .input-wrap { margin-top: 0; } #wizard-delivery-details .visible-content > span { display: block; font-size: 1.2em; } #wizard-delivery-details .visible-content .label { font-size: 1.3em; font-weight: bold; } #wizard-delivery-details .visible-content .label.green { color: #058709; text-transform: uppercase; } #wizard-thanks-details { padding-top: 10px; background: #fff; } #wizard-thanks-details .thanks-content { padding: 10px 18px; } #wizard-thanks-details .wizard-block-step { padding-left: 18px; } #wizard-thanks-details .icon { position: absolute; left: -99999em; } .ie .wizard-block-content { height: 1%; } .ie7 .footer-buttons li a { float: none; } .ie7 .wizard-block-step .icon { position: absolute; right: 10px; } /* Giftcards */ .giftcards-form { padding: 0 18px 0 40px; } .giftcards-form-fields label { display: inline-block; } .giftcards-form-fields input { display: inline-block; } .giftcards-form-fields #giftcard_number { width: 200px; margin-right: 10px; } .giftcards-form-fields #giftcard_pin { width: 75px; } .giftcards-form-fields button { margin-top: 4px; } div.slider { width:256px; margin: 10px 5px; background-color:#ccc; height:10px; position: relative; } div.slider div.slider-handle { margin: -3px 0 0 -5px; width: 10px; height: 16px; background-color: #777; cursor: move; position: absolute; border-radius: 3px; } .giftcards-list li { border: 1px solid #ccc; background-color: #eee; padding: 10px; } .giftcards-list li label { font-weight: bold; display: inline; } .giftcards-list .slider { float: left; } .giftcards-list .slider-left, .giftcards-list .slider-right { float: left; height: 30px; line-height: 30px; padding: 0 5px; } .giftcards-list .slider-left { padding-left: 0; } .giftcards-list .giftcard-remove { background: url('http://www.bristol.nl/skin/frontend/bristol/default/images/bg-colorbox-close.png') no-repeat 0 0; width: 26px; height: 26px; display: block; float: right; } #wizard-payment-details #giftcard_number { float: none; margin: 0 10px 0 0; } /* end Giftcards */ /*#################### CATALOGSEARCH RESULTS ####################*/ .catalogsearch-result-index .search-header { margin: 10px 0 2px 0; text-transform: uppercase; font-size: 3em; font-family: Trebuchet MS,Verdana,sans-serif; font-weight: bold; } .catalogsearch-result-index #searchbox { width: 917px; height: 65px; } .formheader h2 { text-transform: none; } .formheader h2 span { color: #ca0000; } #searchbox #search { margin-right: 16px; width: 700px; } .catalogsearch-result-index h1 { padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid #ccc; font-size: 1.5em; } .catalogsearch-result-index h1 span { color: #ca0000; } .catalogsearch-result-index .no-result { width: 100%; } .catalogsearch-result-index .filters a { color: #333; } .google-search-results .sidebar { margin-bottom: 20px; background-color: #45433F; } .google-search-results .search { font-size: 1.2em; } .google-search-results .pagination li { float: left; } .google-search-results .pagination { display: block; } .google-search-results .page-results { margin-bottom: 30px;} .google-search-results .page-results .desc { font-size: 1.1em; } .google-search-results .bottom-pagination { margin-top: -30px; } .catalogsearch-result-index .col-wrapper { position: relative; height: 100%; } .catalogsearch-result-index .sidebar { height: 100%; margin-bottom: 10px; } .catalogsearch-result-index .filters { background: none; } /*#################### VACANCIES ####################*/ .vacancy-pages .col-right li { height: auto; } .vacancy-head { position: relative; margin: -96px 0 0 20px; color: #333; z-index: 2; } .vacancy-head h2 { padding-bottom: 4px; font-family: arial,verdana,sans-serif; } .vacancy-head ul { position: absolute; width: 900px; } .vacancy-head li { float: left; margin-right: 12px; margin-bottom: 7px; } .vacancy-head .current { text-decoration: underline; } #vacancies-main h1 { margin: 82px 0 16px 0; font-family: arial,verdana,sans-serif; } .vacancy-pages .widget h1, .vacancy-pages .widget h2, .vacancy-pages .widget p { position: absolute; width: 560px; color: #333; } .vacancy-pages .widget h1 { margin: 10px 0 0 20px; font-size: 2em; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; text-transform: uppercase; } .vacancy-pages .widget h2 { margin: 40px 0 0 20px; font-size: 2em; text-transform: uppercase; } .vacancy-pages .widget p { width: 500px; margin: 70px 0 0 20px; font-size: 1.1em; } .vacancy-pages .vacancy-content ul { padding: 0; margin: 0; } .vacancy-pages .col-wrapper { background-image: none; background-color: transparent; } .vacancy-pages .sidebar { padding-top: 0; } .vacancy-pages .col-main { width: 950px; margin-bottom: 15px; overflow: hidden;} .vacancy-pages .col-right { display: none; background-color: #fff; width: 151px; } .vacancy-pages .col-right li, .vacancy-pages .col-right ul { width: 151px; border: none; padding: 0; background-color: transparent; } #vacancy-list h2 { text-transform: none; } #vacancy-list li { line-height: 20px; } .vacancy-pages .vacancy-number { margin-top: -10px; color: #73736d; } #vacancies-main .content { margin-bottom: 14px; border-bottom: 1px solid #e2e1e2; } .vacancy-related li { padding-left: 14px; line-height: 22px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-vacancy-arrow.png) left center no-repeat; } #vacancy-apply h2 { padding: 10px 0 12px 0; font-size: 1.4em; font-family: arial,verdana,sans-serif; } #vacancy-apply label { float: left; display: block; padding-top: 4px; width: 115px; } #vacancy-apply label .required { color: #C91C00; font-weight: bold; position: absolute; right: -4px; } #vacancy-apply label .required-upload { margin-left: 388px; } #vacancy-apply input[type="text"] { width: 253px; } #vacancy-apply p { position: relative; float: left; display: block; width: 390px; height: 25px; } #vacancy-apply .full { width: 700px; } #vacancy-apply .inline { display: inline; } #vacancy-apply .gender { float: none; display: inline-block; padding-left: 5px; width: 60px; } #vacancy-apply .right { padding-right: 5px; width: 110px; text-align: right; } #vacancy-apply .footer { width: 770px; margin-bottom:20px; } .vacancy-apply-submit { float: right; } #vacancy-apply .validation-advice { display: none; } #vacancy-apply #vacancy-motivation-upload, #vacancy-apply #vacancy-cv-upload, #vacancy-apply #vacancy-photo-upload { float:none; display: inline-block; } #vacancy-apply .available-days p { width: 115px; } #vacancy-apply #available-days-container { float: left; } #vacancy-apply .available-days li { clear: both; } #vacancy-apply #available-days-container input { float: left; margin: 5px 5px 0 0; } #vacancy-thanks { margin-top: 50px; } #vacancy-thanks h2 { font-size: 1.4em; } #vacancy-thanks p { margin-top: 10px; } #vacancy-thanks a { text-decoration: underline; } .vacancy-pages .closed { height: 4px; overflow: hidden; } /*#################### ACCOUNT ####################*/ .mode-customer h1 { margin-bottom: 10px; font-size: 2.4em; text-transform: uppercase; } .mode-customer .button, .mode-customer .button-search { padding: 4px 7px; } .mode-customer label.required { position: relative; padding-right: 7px; } .mode-customer label.required em { position: absolute; right: 0; color: #c91c00; font-weight: bold; } .mode-customer label .required { position: absolute; right: -10px; color: #c91c00; font-weight: bold; } .mode-customer .input-text { width: 265px; margin: 4px 0; } .mode-customer .validation-advice { display: none; } .mode-customer .input { position: relative; float: left; margin-bottom: 3px; } .mode-customer .input .input-text { width: 210px; } .mode-customer .input .input-text, .mode-customer .input select { margin-left: 10px; } .mode-customer .input .input-radio { margin: 0 5px 0 10px; } .mode-customer .input label { float: left; margin: 4px 0; width: 100px; } .mode-customer .buttons-set a { float: left; margin: 0; text-decoration: underline; } .mode-customer .required-fields { position: absolute; top: 7px; right: 15px; color: #c91c00; font-size: 1.1em; font-weight: bold; } .mode-customer .register-block li { margin: 5px 0; } .mode-customer .register-block li .buttons-set { font-size: 1em; } .mode-customer .expand-content { font-size: 0.8em; } .mode-customer .register-block h2, .mode-customer .forgotpassword-block h2 { font-family: arial,verdana,sans-serif; text-transform: none; font-size: 1.6em; } #account-register-form p { position: relative; margin-bottom: 3px; } #account-register-form .input-text { width: 210px; } #account-register-form .back-link { display: none; } #account-register-form .input-text, #account-register-form select { margin-left: 10px; } #account-register-form .input-radio { margin: 0 5px 0 10px; } #account-register-form p { float: left; } #account-register-form p label { float: left; margin: 4px 0; width: 100px; } #account-register-form .name-gender label.gender { float: none; } #account-register-form .name-middlename .input-text { width: 60px; } #account-register-form .name-dob span label { display: none; } #account-register-form .name-dob #day, #account-register-form .name-dob #month { width: 30px; } #account-register-form .name-dob #year { width: 45px; } #account-register-form .name-middlename label, #account-register-form .name-dob label, #account-register-form .address-telephone label, #account-register-form .address-streetnumber label, #account-register-form .name-cpassword label, #account-register-form .address-zip label { text-align: right; } #account-register-form .name-cpassword label { width: 130px; } #account-register-form .name-cpassword .input-text { width: 180px; } #account-register-form .address-country select { width: 224px; } #account-register-form .address-streetnumber .input-text { width: 45px; float: left; } #account-register-form .str_addition { width: 140px; float: left; margin-left: 15px; } #account-register-form .str_addition label { text-align: right; width: 40px; } #account-register-form .str_addition .input-text { width: 45px; float: left;} #loyalty-options #wizard-loyalty ol { width: 678px; font-size: 1em; } #loyalty-options #wizard-loyalty p { line-height: 1.4; } #loyalty-options #wizard-loyalty .loyalty-information { padding-bottom: 20px; position: relative; } #loyalty-options #wizard-loyalty .loyalty-title { font-size: 1.4em; font-weight: bold; } #loyalty-options #wizard-loyalty .loyalty-badge { position: absolute; right: 15px; top: 12px; z-index: 10; } #loyalty-options #wizard-loyalty .expand-content { font-size: 1em; } #loyalty-options #wizard-loyalty .input-wrap { position: relative; } #loyalty-options #wizard-loyalty li input[type="radio"] { position: absolute; top: 8px; } #loyalty-options #wizard-loyalty li .box-title { font-size: 1.2em; padding-left: 32px; text-transform: none; } #loyalty-options #wizard-loyalty li .box-title.in-block { border-top: 1px solid #DAD9D6; } #loyalty-options #wizard-loyalty li.empty { margin: 20px 0 0 0; padding: 15px 15px 0; border-bottom: none; } #loyalty-options #wizard-loyalty li.empty .box-title { margin-bottom: 0; } #loyalty-options #wizard-loyalty .submit { padding-top: 10px; } #loyalty-options #wizard-loyalty label.number, #loyalty-options #wizard-loyalty label.zipcode { float: left; margin: 7px 0; width: 100px; } .mode-checkout #loyalty-options #wizard-loyalty ol { width: 708px; } .mode-checkout #loyalty-options #wizard-loyalty .description { padding-top: 20px; } .mode-checkout #loyalty-options #wizard-loyalty .content-block { border-top: none; } .mode-checkout #loyalty-options #wizard-loyalty li.empty { margin: 0; } .mode-checkout #loyalty-options #wizard-loyalty .submit { margin: 10px 20px 0 0; } .my-account .block-title, .mode-account .order-details h2.sub-title { clear: both; margin-bottom: 12px; padding: 5px 0; font-size: 1.8em; text-transform: uppercase; border-bottom: 1px solid #ccc; } .my-account .block-title a { color: #848484; } .my-account a:hover { text-decoration: underline; } .mode-customer .newsletter-wrap { line-height: 1.2; } .mode-customer .newsletter-wrap input { float: left; margin-right: 10px; } .mode-customer p.newsletter-wrap label { float: left; padding: 0; margin: 0; } #account-register-form p.newsletter-wrap label { width: 500px; margin: 0; } .mode-account .col-wrapper { background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-sidebar.png) left top repeat-y; } .mode-account .col-left { float: left; width: 150px; margin-right: 7px; color: #d2d2d2; border-top: 39px solid #e9e9e9; } .mode-account .col-left .block-title { width: 129px; padding: 10px; color: #070303; font: bold 1.3em arial,verdana,sans-serif; text-transform: uppercase; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-sidebar-separator.png) no-repeat 2px bottom #ccc; } .mode-account .col-left .block-content { padding: 10px; } .mode-account .col-left li { padding-bottom: 3px; font-size: 1.0em; color: #070303; } .mode-account .col-left a { color: #5b5858; } .mode-account .col-left a:hover { text-decoration: underline; } .mode-account .buttons-set { float: right; clear: both; margin-bottom: 10px; width: auto; } .mode-account .buttons-set p { float: left; font-size: 1.0em; } .mode-account .buttons-set button { float: right; } .mode-account .required-fields { top: 11px; } .mode-account fieldset p { position: relative; float: left; } .mode-account fieldset p label { float: left; margin: 4px 0; width: 100px; } .mode-account fieldset .input-text { width: 200px; margin-left: 10px; } .mode-account fieldset .input-radio { float: left; margin: 9px 5px 0 10px; } .mode-account fieldset select { width: 215px; margin-left: 10px; font-size: 1em; } .mode-account fieldset .name-change-password label { width: 135px; } .mode-account fieldset .subscription label { width: 150px; } .mode-account fieldset .name-middlename label, .mode-account fieldset .name-email label, .mode-account fieldset .name-gender label, .mode-account fieldset .address-company label, .mode-account fieldset .address-fax label, .mode-account fieldset .address-street-2 label, .mode-account fieldset .address-zip label { padding-left: 20px; width: 80px; } .mode-account fieldset .name-gender span { float: left; margin: 4px 10px 0 6px; } .mode-account fieldset .name-gender label.gender { width: auto; } .mode-account fieldset.passwords p label { width: 160px; } .mode-account .edit-account { position: relative; } .mode-account .info-box, .mode-account .item { margin-bottom: 15px; } .mode-account .seperator { border-bottom: 1px solid #ccc; } .mode-account .box-subtitle { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; } .mode-account .box-subtitle a { font-size: 0.9em; } .mode-account address { font-style: normal; line-height: 1.4; } .mode-account .address-defaultbilling label, .mode-account .address-defaultshipping label { float: none; margin-left: 5px; width: 250px; } .mode-account .title-buttons a { font-size: 1.2em; } .mode-account .limiter { margin: 10px 0; font-size: 1.2em; } .mode-account .data-table { margin-bottom: 10px; background-color: #f6f6f6; border: 1px solid #dad9d6; } .mode-account .data-table th { width: 120px; padding: 8px 5px; border-bottom: 1px solid #dad9d6; text-align: left; } .mode-account .data-table th { background-image: -webkit-linear-gradient(#fff, #f2f2f2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0, #f2f2f2)); background-image: -moz-linear-gradient(#fff, #f2f2f2); background-image: linear-gradient(#fff, #f2f2f2); } .mode-account .data-table td { padding: 8px 5px; border-bottom: 1px solid #dad9d6; } .mode-account .data-table .odd td { background-color: #fbfbfb; } .mode-account .data-table .separator { display: none; } .mode-account .data-table .link-reorder { display: block; } .mode-account .data-table h3 { font-size: 1.0em; font-family: arial,verdana,sans-serif; } .mode-account .order-info { margin: 10px 0 0 0; } .mode-account .order-info li { float: left; margin: 0 10px 10px 0; padding-right: 10px; border-right: 1px solid #ccc; } .mode-account .order-date { clear: both; } .ie7 #account-register-form .input-text { width: 200px; } .ie7 #account-register-form .name-cpassword .input-text { width: 180px; } .ie7 #account-register-form .newsletter-wrap label { float: left; } .ie7 #account-register-form .newsletter-wrap .checkbox { float: left; } .ie7 .mode-account fieldset.passwords p { width: 730px; } .ie7 .mode-account fieldset .address-city, .ie7 .mode-account fieldset .address-country, .ie7 .mode-account fieldset .name-lastname { clear: none; } .ie7 .mode-customer .button, .ie7 .mode-customer .button-search { padding: 2px 8px; } /*#################### BRANDPAGE CATEGORY ####################*/ .mode-brandpage .col-main { float: none; width: auto; } .mode-brandpage .widget h1, .mode-brandpage .widget p { position: absolute; width: 490px; color: #fff; } .mode-brandpage .widget h1 { margin: 10px 0 0 20px; font-size: 3.2em; text-transform: uppercase; } .mode-brandpage .widget p { margin: 55px 0 0 20px; font-size: 1.1em; line-height: 18px; } .mode-brandpage .brands { margin: 5px 0 100px; } .mode-brandpage .brands li { float: left; } .mode-brandpage .brands a { display: block; width: 148px; height: 115px; line-height:124px; text-align: center; margin: 0 10px 10px 0; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-brand-logo.png) bottom left repeat-x #fff; border: 1px solid #9a9a9a; } .mode-brandpage .brands .last a { margin-right: 0; } .mode-brandpage .brands img { } /*#################### CONTACT PAGE ####################*/ .kega-form .col-wrapper { background: none; } .kega-form .content-block { overflow: hidden; } .kega-form form label { width: 110px; margin: 4px 0; display: block; float: left; } .kega-form form .as-label { float: left; width: 100px; display: block; } .kega-form .radio-options { margin-bottom: 4px; overflow: hidden; } .kega-form .radio-options label { width: auto; margin: 0; } .kega-form .radio-options input[type="radio"] { margin: 4px 5px 0 10px; float: left; } .kega-form form p { clear: both; position: relative; float: left; margin: 2px 0; } .kega-form form input[type="text"] { width: 210px; } .kega-form .required { color: #C91C00; font-weight: bold; position: absolute; right: -10px; } .foreign-shopping p { width: 380px; margin: 5px auto 0 auto; padding: 20px 0 20px 60px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/ico-netherlands.png) no-repeat 0 center; } .foreign-shopping a { text-decoration: underline; } /*#################### CMS CONTENT PAGE ####################*/ .mode-cmscontent .carousel-window { padding-bottom: 20px; background-image: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-carousel-shadow_small.png); } .mode-cmscontent .catalog-category-details { margin-bottom: 20px; padding: 15px; background: #fff; border: 1px solid #D2D2D2; } /*#################### BLOG ####################*/ .postWrapper { padding: 10px 20px; margin-bottom: 20px; border: 1px solid #dedede; background-color: #fff; } .postTitle h2 { margin-bottom: 5px; font-size: 1.6em; } .postTitle h3 { margin-bottom: 5px; font-style: italic; font-size: 1.1em; font-weight: normal; } .postContent { line-height: 1.7em; } .postContent img { float: left; margin: 0 20px 10px 0; border: 1px solid #333; } .aw-blog-read-more { padding-left: 8px; font-size: 1.2em; text-decoration: underline; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-readmore.png) no-repeat center left; } .blog-pages .subnav p { color: #070303; } .blog-pages .subnav a { color: #5B5858; } .blog-pages .subnav ul { font-size: 1.0em; } .blog-pages .level1 ul { margin-bottom: 25px; font-size: 1.2em; text-transform: none; font-weight: normal; } .blog-pages .menu-categories p a { color: #070303; } .blog-pages .addthis_toolbox { position: static; float: none; margin-bottom: 10px; } .blog-comments { margin-top: 40px; padding: 25px 35px; background-color: #f4f4f4; border: 1px solid #dedede; } .blog-comments h2 { float: left; margin: -40px 0 0 -10px; padding: 5px; border: 1px solid #dedede; background-color: #fff; } .blog-comments form { clear: both; } .commentWrapper { width: 570px; } .commentDetails { margin-bottom: 5px; } .commentContent { padding-bottom: 5px; border-bottom: 1px solid #D4D4D4; } .blog-comments .input-box { display: block; float: left; width: 300px; margin-bottom: 10px; } .form-list { margin: 5px 0 0; } .blog-comments em { color: #F41C00; } .blog-comments .comment { margin-left: 10px; } .blog-comments .input-text { width: 260px; } .blog-comments label { display: block; margin-bottom: 5px; } .blog-comments .aw-blog-comment-area { width: 603px; } .blog-comments .aw-blog-comment-area .input-text { width: 260px; border: 1px solid #D4D4D4; } .blog-comments .required-legend { float: right; width: 170px; } /*##################### Subhome ######################*/ .subhome-columns { width: 788px; overflow: hidden; } .subhome-columns img { border: 0px; } .subhome-1column { position: relative; height: 410px; margin-bottom: 10px; } .subhome-1column-content { position: absolute; top: 130px; left: 398px; width: 295px; height: 215px; color:#FFF;} .subhome-1column-content h1 span { display: block; font-size: 2em; } .subhome-1column-small { height: 130px; margin-bottom: 10px; } .subhome-1column-small ul { height: 130px;} .subhome-1column-small li { height: 130px; } .subhome-2column { height: 205px; margin-bottom: 10px; } .subhome-2column li { float: left; width: 390px; height: 205px; margin-right: 8px; } .subhome-2column li.last { margin-right: 0px; } .subhome-2column-1-2 { height: 410px; margin-bottom: 10px; } .subhome-2column-1-2 ul{ height: 410px; } .subhome-2column-1-2 li.first { position: relative; width: 514px; height: 410px; margin-right: 8px; } .subhome-2column-1-2 li{ float: left; width: 266px; height: 200px; margin-bottom: 10px; } .subhome-2column-1-2 li.last { margin-bottom: 10px; margin-right: 0px; } .subhome-2column-1-2-content { position: absolute; top: 130px; left: 265px; width: 190px; height: 215px; color: #FFF;} .subhome-2column-1-2-content h1 span { display: block; font-size: 2em; } .subhome-3column { height: 280px; } .subhome-3column ul{ height:280px;} .subhome-3column li { float: left; height: 270px; margin-right: 8px; margin-bottom: 10px; } .subhome-3column li.last { margin-right:0px; } .subhome-3column-1-2-2 { height: 410px; margin-bottom: 10px; } .subhome-3column-1-2-2 ul{ height: 410px; } .subhome-3column-1-2-2 li{ float: left; margin-right: 8px; margin-bottom: 10px; } .subhome-3column-1-2-2 li.right{ float: right; margin-right: 0px; } /* #################### COOKIE CONSENT #################### */ .cc-notification { padding: 0; z-index: 1001; background-color:#5265a5; } .cc-notification h2 { font-weight: normal; } .cc-notification-wrapper { padding: 5px 0; } .cc-notification-title { width: 85%; } .cc-notification-buttons { width: 15%; margin: 0; } .cc-notification-buttons .cc-link { margin-top: 7px; padding: 2px 0; text-align: center; background-color: #dc7e00; font-family: Trebuchet MS, Verdana, sans-serif; } .cc-notification-permissions { font-family: arial, verdana, sans-serif; font-size: 1em; } /* #################### MULTI FILTERS #################### */ .m-selected-filter-item { font-weight: bold; color: #5b5858;} .current-filters .block-subtitle { color: #333; border: 1px solid #333; border-width: 1px 0; padding: 4px 0px;} .current-filters li a { padding: 2px;} .current-filters li a:hover { text-decoration: none;} .current-filters .label { text-transform: uppercase; font-weight: bold; color: #333; font-size: 80%;} .block-subtitle { font-size: 100%; font-weight: bold; text-transform: uppercase; } a.btn-remove.currently {color: #333; font-size: 75%;} .block-layered-nav .actions { padding: 4px 9px; margin-bottom: 10px; border: 1px solid #333; border-width: 1px 0; text-align: right;} .current-filters .toggle.more { font-size: 0.85em; } .current-filters .toggle.less { font-size: 0.85em; } /*######################## Infinite scrolling ########################*/ #infscr-loading { text-align: center; } /*######################## Storeview v3 ########################*/ .cib-wrapper { position: relative; padding: 0 0 20px 0; z-index: 50;} .infoBox > img { z-index: 80; } .cib-wrapper .tooltip-bottom { position: absolute; left: 58px; width: 24px; height: 16px; } .cib-html { width: 221px; height: 118px; padding: 8px 9px 4px; background: #fff; } .cib-html { -moz-box-shadow: 1px 3px 6px #333; -webkit-box-shadow: 1px 3px 6px #333; box-shadow: 1px 4px 7px #999; } .cib-html address { margin: 0 0 5px 0; font-size: 1.1em; font-style: normal; } .cib-html h4, .cib-html a { color: #333; } .cib-html ul { margin-top: 40px; border-top: 1px solid #000; } .cib-html li { padding: 4px 0; } .cib-html li a { color: #000; text-decoration: underline; } .cib-html h4 { margin: 0; font: bold 1.2em Arial, Helvetica, sans-serif; color: #000; } /* Giftcards */ .giftcards-form { padding: 0 18px 0 40px; } .giftcards-form-fields label { display: inline-block; } .giftcards-form-fields input { display: inline-block; } .giftcards-form-fields #giftcard_number { width: 200px; margin-right: 10px; } .giftcards-form-fields #giftcard_pin { width: 75px; } .giftcards-form-fields button { margin-top: 4px; } div.slider { width:256px; margin: 10px 5px; background-color:#ccc; height:10px; position: relative; } div.slider div.slider-handle { margin: -3px 0 0 -5px; width: 10px; height: 16px; background-color: #777; cursor: move; position: absolute; border-radius: 3px; } .giftcards-list li { border: 1px solid #ccc; background-color: #eee; padding: 10px; } .giftcards-list li label { font-weight: bold; display: inline; } .giftcards-list .slider { float: left; } .giftcards-list .slider-left, .giftcards-list .slider-right { float: left; height: 30px; line-height: 30px; padding: 0 5px; } .giftcards-list .slider-left { padding-left: 0; } .giftcards-list .giftcard-remove { background: url('http://www.bristol.nl/skin/frontend/bristol/default/images/bg-colorbox-close.png') no-repeat 0 0; width: 26px; height: 26px; display: block; float: right; } #wizard-payment-details #giftcard_number { float: none; margin: 0 10px 0 0; } /* end Giftcards */ /* Staff discount */ .staffdiscount-form { padding: 0 18px 0 40px; } .store-country {width: 100px; float: left;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{border:solid 1px #dad9d6; overflow: hidden; } #cboxLoadedContent{ background-color: #fff; } #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; } #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{right:0px; top:0; width: 25px; height: 25px; background: url(http://www.bristol.nl/skin/frontend/bristol/default/images/bg-colorbox-close.png) no-repeat 0 0; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}