/* ==|== Common Styles ===================================================== Version: 0.0.0 Date: 2011-09-14 Author: Rodolfo Caldeira ========================================================================== */ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: none; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; _overflow: inherit; } /* +ICH 2011 10 13 1. Remove the big gay blue outline from input fields in Chrome */ input:focus { outline: none; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .tyre-table table { border: solid #d3d3d3 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-collapse: separate; *border-collapse: collapse; border-spacing: 0; font-size: 11px; } .tyre-table table td, .tyre-table table th { border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; padding: 3px; text-align: left; vertical-align: top; } .tyre-table table td:first-child, .tyre-table table th:first-child, .tyre-table table td .details, .tyre-table table th .details { border-left: none; } .tyre-table table tr:last-child td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } .tyre-table table tr:last-child td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; } .tyre-table table td + td { border-left: 0; } .tyre-table table td.details + td, .tyre-table table td.image + td { border-left: 1px solid #d3d3d3; } .tyre-table table thead th { background-color: #f2f2f2; border-top: none; } .tyre-table table thead th:only-child { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tyre-table table thead th:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; } .tyre-table table thead th:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } .tyre-table table th { color: #1a4266; font-weight: 700; white-space: nowrap; } .tyre-table table th.tyre-logo { border-left: 1px solid #d3d3d3; } .tyre-table table th.tyre-logo img { margin-bottom: 10px; max-width: 125px; } .tyre-table table strong { color: #1a4266; margin-top: 10px; } .tyre-table table .image { border-left: 1px solid #d3d3d3!important; max-width: 90px; white-space: nowrap; } .tyre-table table .image img { max-width: 100%; } .tyre-table table .details { border-left: none!important; } .tyre-table table .details ul { list-style: none; margin: 0; padding: 0; } .tyre-table table .details ul li { padding: 0; background: none; } .tyre-table table .border-left { border-left: 1px solid #d3d3d3!important; } .tyre-table table strong, .tyre-table table .tyre-logo img { display: block; } .tyre-table table .tyre-flash { background: #ffe01a; color: #1a4266; padding: 2px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tyre-table table .tyre-flash.grey { background: #333; color: #fff; } /* ==|== non-semantic helper classes ======================================== ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== Plugin Styles ========================================================== */ /** * jCarousel - Riding carousels with jQuery | http://sorgalla.com/jcarousel/ * FancyBox - jQuery Plugin | http://fancybox.net * qTip2 - Pretty powerful tooltips | http://craigsworks.com/projects/qtip2/ * jQuery UI Selectmenu | * http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ * https://github.com/fnagel/jquery-ui/tree/selectmenu/demos/selectmenu **/ /** * jQuery UI Selectmenu **/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } /** * jCarousel - Riding carousels with jQuery **/ .jcarousel-clip { overflow: hidden; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 20104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 20100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 20101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 20102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 20101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/dunlop_euen/Images/fancybox_tcm2094-107938.png) -40px 0px; cursor: pointer; z-index: 20103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/dunlop_euen/Images/blank_tcm2094-107921.gif); z-index: 20102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 20102; display: block; } #fancybox-left-ico { background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 20001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/dunlop_euen/Images/fancybox-x_tcm2094-107939.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/dunlop_euen/Images/fancybox-y_tcm2094-107940.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/dunlop_euen/Images/fancybox-x_tcm2094-107939.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/dunlop_euen/Images/fancybox-y_tcm2094-107940.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 20102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/dunlop_euen/Images/fancy_title_over_tcm2094-107936.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(/dunlop_euen/Images/fancybox-x_tcm2094-107939.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(/dunlop_euen/Images/fancybox_tcm2094-107938.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_close_tcm2094-107922.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_nav_left_tcm2094-107924.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_nav_right_tcm2094-107925.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_title_over_tcm2094-107936.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_title_left_tcm2094-107934.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_title_main_tcm2094-107935.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_title_right_tcm2094-107937.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dunlop_euen/Images/fancy_loading_tcm2094-107923.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ /*.fancybox-ie .fancybox-bg { background: transparent !important; }*/ .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_n_tcm2094-107927.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_ne_tcm2094-107928.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_e_tcm2094-107926.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_se_tcm2094-107931.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_s_tcm2094-107930.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_sw_tcm2094-107932.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_w_tcm2094-107933.png', sizingMethod = 'scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/dunlop_euen/Images/fancy_shadow_nw_tcm2094-107929.png', sizingMethod = 'scale'); } /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Tue Nov 1 14:06:07.0000000000 2011 */ /* Core qTip styles */ .ui-tooltip, .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; z-index: 15000; } /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border-width: 1px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */ .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover{ } /*! Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-default .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-default .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /* Tips plugin */ .ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; background: transparent !important; border: 0px dashed transparent !important; z-index: 10; } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; } .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/dunlop_euen/Images/ui-bg_flat_75_ffffff_40x100_tcm2094-107942.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/dunlop_euen/Images/ui-bg_highlight-soft_75_cccccc_1x100_tcm2094-107948.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/dunlop_euen/Images/ui-bg_glass_75_e6e6e6_1x400_tcm2094-107946.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/dunlop_euen/Images/ui-bg_glass_75_dadada_1x400_tcm2094-107945.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/dunlop_euen/Images/ui-bg_glass_65_ffffff_1x400_tcm2094-107944.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/dunlop_euen/Images/ui-bg_glass_55_fbf9ee_1x400_tcm2094-107943.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/dunlop_euen/Images/ui-bg_glass_95_fef1ec_1x400_tcm2094-107947.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/dunlop_euen/Images/ui-icons_222222_256x240_tcm2094-153319.png); } .ui-widget-content .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_222222_256x240_tcm2094-153319.png); } .ui-widget-header .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_222222_256x240_tcm2094-153319.png); } .ui-state-default .ui-icon { background-image: url(/dunlop_euen/Images/ui-icons_888888_256x240_tcm2094-107952.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_454545_256x240_tcm2094-107951.png); } .ui-state-active .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_454545_256x240_tcm2094-107951.png); } .ui-state-highlight .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_2e83ff_256x240_tcm2094-107950.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/dunlop_euen/Images/ui-icons_cd0a0a_256x240_tcm2094-107953.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/dunlop_euen/Images/ui-bg_flat_0_aaaaaa_40x100_tcm2094-107941.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/dunlop_euen/Images/ui-bg_flat_0_aaaaaa_40x100_tcm2094-107941.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* ========================================================================== Dunlop Styles date: 2011-09-14 author: Ian Huet ========================================================================== */ ::-moz-selection { background: #3B93E5; color: #fff; text-shadow: none; } ::selection { background: #3B93E5; color: #fff; text-shadow: none; } a, a:visited { color: #333; } a:hover, a:focus { color: #000; } /* ========================================================================== Buttons ========================================================================== */ button.primary { border: 0; cursor: pointer; display: block; margin: 0; padding: 0; position: relative; overflow: visible; } button.primary::-moz-focus-inner { border: none; } button.primary span { display: block; position: relative; white-space: nowrap; } button.disabled, button[disabled="disabled"] { opacity: .35; filter: Alpha(Opacity = 35); cursor: default; } .ie8 button.disabled span, .ie8 button[disabled="disabled"] span, .ie7 button.disabled span, .ie7 button[disabled="disabled"] span, .ie6 button.disabled span, .ie6 button[disabled="disabled"] span { opacity: .35; filter: Alpha(Opacity = 35); cursor: default; } .ie8 button.disabled, .ie8 button[disabled="disabled"] { padding-right: 0; } .ie6 button.primary { padding-bottom: 0; } button.primary { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.27em; padding: 0 0 0 7px; text-align: left; height: 40px; background: #FFDE00; display: inline; } .ie6 button.primary { padding-bottom: 0; } button.primary span { color: #000; line-height: 20px; padding: 0 10px 0 8px; margin: 0 10px 0 0; text-transform: uppercase; font-size: 0.85em; display: block; background: url(/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png) no-repeat right -493px; } button.primary:hover { background-color: #525252; color: #ffde00; } button.primary:hover span { background-position: right -551px; color: #ffde00; } button.wide-160 { width: 215px; } button.link, button.plain-link { text-decoration: underline; color: #333; border: none; background: none; line-height: 1em; font-size: 1.09em; font-weight: bold; } button.link:hover, button.plain-link:hover { color: #000; text-decoration: underline; } .ie7 button.primary { padding-top: 10px; } a.button { color: #333; display: block; float: left; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1em; text-decoration: none; text-transform: uppercase; padding-right: 10px; } a.button:hover { text-decoration: none; } a.button span { display: block; padding: 12px 15px 12px 15px; } a.button.secondary { background-color: #FFDE00; color: #000; } a.button.secondary span { background: url(/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png) no-repeat right -485px; padding-right: 30px; cursor: pointer; } a.button.secondary:hover { background-color: #525252; color: #FFDE00; } a.button.secondary:hover span { background-position: right -541px; } a.plain-link { text-transform: uppercase; } /* ========================================================================== Fancy Inputs ========================================================================== */ input.fancy-input { border: none; color: #777; font-size: 0.95em; height: 40px; padding: 1px 18px 0 12px; margin-right: 10px; width: 230px; border: 1px solid #ababab; } input.inline-input { float: left; } .ie8 .search-wrapper #seach-form #search { margin: 0; padding: 0; } .ie8 input.fancy-input { height: 30px; padding-top: 10px; } .ie7 input.fancy-input, .ie6 input.fancy-input { background: #fff none; border: 1px solid #ccc; padding: 12px; height: auto; } .wide-160 { width: 160px; } /* ========================================================================== Custom Dropdowns ========================================================================== */ .ui-selectmenu-dropdown { border: 1px solid #b9b9b8; height: 36px; width: 145px !important; margin-right: 10px; background: url(/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png) repeat-x 0 -200px; line-height: 1em; } .form-wrapper-find-by-tire-size .ui-selectmenu-dropdown { vertical-align: top; margin-top: 1px; } .ui-selectmenu-dropdown.ui-state-disabled { opacity: 1; border: 1px solid #999999; background: #ababab; color: #1b1b1b; } /* remove the rounded corners */ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ie8 .ui-selectmenu-dropdown { margin-right: 6px; } .ui-selectmenu-status { color: #333; font-size: 0.8em; font-weight: lighter; line-height: 3em; padding-top: 0; padding-bottom: 0; text-transform: uppercase; padding-left: 20px; } .ui-state-default .ui-icon { background: url(/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png) no-repeat scroll 0 -400px transparent; height: 41px; width: 24px; margin-top: -20px; } .ui-state-disabled .ui-icon { background-position: -100px -400px; } .ui-selectmenu-menu.ui-selectmenu-menu-dropdown.ui-selectmenu-open { width: 137px !important; } .ie6 .ui-selectmenu-menu.ui-selectmenu-menu-dropdown.ui-selectmenu-open { color: #000 !important; } .ui-selectmenu-open a, .ui-selectmenu-open a:visited { color: #222222; } .ui-selectmenu-menu.ui-selectmenu-open .ui-selectmenu-menu-dropdown { width: 145px !important; } .ui-selectmenu-menu.ui-selectmenu-open .by-car-model-group { width: 218px !important; max-height: 200px !important; height: auto !important; } /* ========================================================================== jQuery UI Autocomplete ========================================================================== */ .ui-autocomplete { font-size: 0.95em; padding: 15px; background-color: #202020; background-image: none; } .ui-autocomplete .ui-autocomplete-category { border-top: 1px solid #333333; color: #fff; display: block; font-weight: bold; margin-bottom: 6px; margin-top: 10px; padding-top: 10px; } .ui-autocomplete .ui-autocomplete-category:first-child { border-top: none; margin-top: 0; padding-top: 0; } .ui-autocomplete.ui-menu .ui-menu-item { line-height: 18px; clear: none; float: none; } .ui-autocomplete.ui-menu .ui-menu-item a { color: #ffde00; padding-left: 0; } .ui-autocomplete.ui-menu .ui-menu-item a:hover, .ie8 .ui-autocomplete .ui-menu-item a:hover { background: none; color: #fff; cursor: pointer; border: 1px solid #202020; } .ui-widget-content .ui-state-hover { background: none; font-weight: normal; color: #fff !important; border: 1px solid #202020; } /* ========================================================================== Tooltips ========================================================================== */ .tooltip-content { display: none; } .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content { background: none; border: none; } .ui-tooltip-tip { display: none !important; } .ui-tooltip-content { padding: 0; width: 302px; } #ui-tooltip-wrapper-top { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -49px -46px transparent; height: 19px; } #ui-tooltip-wrapper-middle { border-left: 1px solid #ababab; border-right: 1px solid #ababab; background-color: #e6e6e6; padding: 15px; } #ui-tooltip-wrapper-middle h3 { color: #333; font-size: 0.93em; margin-top: 0; margin-bottom: 0; } #ui-tooltip-wrapper-middle p { color: #333; font-size: 0.93em; margin: 5px 0 0; } #ui-tooltip-wrapper { display: none; } #ui-tooltip-wrapper-bottom { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -49px -144px transparent; height: 19px; } .ie6 #ui-tooltip-wrapper-bottom { zoom: 1; margin-top: -3px; margin-left: 4px; } #ui-tooltip-wrapper-top.inverted { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -49px -85px; height: 10px; } #ui-tooltip-wrapper-bottom.inverted { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -49px -117px; height: 19px; } .ui-tooltip-mini .ui-tooltip-content { padding: 0; width: 155px; margin-top: 10px; margin-left: 3px; } .ui-tooltip-mini #ui-tooltip-wrapper-top { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -48px -199px; height: 20px; } .ui-tooltip-mini #ui-tooltip-wrapper-middle { border-left: 1px solid #ababab; border-right: 1px solid #ababab; padding: 3px 15px; } .ui-tooltip-mini #ui-tooltip-wrapper-bottom { background: url(/dunlop_euen/Images/tooltip-sprite_tcm2094-108114.png) no-repeat -48px -245px; height: 20px; } .ui-helper-reset.ui-tooltip-timer-lightbox { z-index: 1200 !important; } /* ========================================================================== Lightbox style ========================================================================== */ #fancybox-outer { background-color: #fff; border: 2px solid #aaaaaa; } #fancybox-content { background-color: #fff; border-color: #fff; } #fancybox-bg-n { top: -10px; left: 0; width: 100%; background: none; } #fancybox-bg-s { bottom: -10px; left: 0; width: 100%; background: none; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: none; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background: none; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background: none; } #fancybox-bg-ne { right: -20px; top: -20px; background: none; } #fancybox-bg-se { bottom: -10px; right: -20px; background: none; } #fancybox-bg-sw { bottom: -10px; left: -9px; background: none; } #fancybox-bg-nw { bottom: -10px; left: -9px; background: none; } #fancybox-left-ico { background: none; } #fancybox-right-ico { background: none; } #fancybox-title { position: absolute; top: 0; right: 0; background-color: transparent; margin-top: 15px !important; margin-right: 15px !important; width: auto !important; } #fancybox-title #close-button-wrapper { float: right; width: 100px; font-size: 0.9em; cursor: pointer; } #fancybox-title #close-button-wrapper a { background: url(/dunlop_euen/Images/fancybox-close_tcm2094-107969.png) no-repeat scroll right 0 transparent; color: #333; float: right; font-size: 1em; height: 22px; line-height: 2.3em; outline: 0 none; padding-right: 30px; text-decoration: none; } .lightbox h2 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: normal; color: #333; border-bottom: 1px solid #ababab; font-size: 1.15em; padding-bottom: 10px; } .lightbox p { color: #333; } /* ========================================================================== Lightbox Explanation ========================================================================== */ .lightbox.explanation { color: #aaaaaa; width: 660px; } .lightbox.explanation .action-wrapper a { background: url(/dunlop_euen/Images/grey-arrow-small_tcm2094-113976.gif) left center no-repeat; color: #333; font-weight: bold; padding-left: 15px; } .lightbox.explanation .content-column { border-left: 1px solid #ababab; float: left; margin-left: 13px; padding-left: 13px; width: 202px; } .lightbox.explanation .content-column h4, .lightbox.explanation .content-column ul li { color: #333; } .lightbox.explanation .first-column { border-left: none; margin-left: 0; padding-left: 0; } .lightbox.explanation .content-row { border-top: 1px solid #ababab; margin-top: 20px; padding-top: 20px; } .lightbox.explanation .first-row { border-top: none; margin-top: 0; padding-top: 0; } .lightbox.explanation .content-row .car-type { float: left; width: 140px; } .lightbox.explanation .content-row .car-type h3 { color: #333; margin-bottom: 20px; margin-top: 0; } .lightbox.explanation .content-row .car-type-detail { margin-left: 160px; } .lightbox.explanation .content-row h4 { color: #333; margin-top: 0; } .lightbox.explanation .eu-rating-tag { clear: both; float: left; margin-right: 20px; margin-bottom: 20px; } .lightbox.explanation .content-set { margin-left: 160px; margin-bottom: 20px; } .lightbox.explanation .content-image { float: left; margin-right: 10px; } .lightbox.explanation .content-subset { margin-left: 35px; } .lightbox.explanation .content-set h4 { color: #333; margin-bottom: 5px; margin-top: 0; } .lightbox.explanation .content-set p { margin-bottom: 0; margin-top: 0; } .lightbox.explanation h3 { color: #333; } .lightbox.explanation h4.blue-title { color: #333; clear: both; } .lightbox.explanation ul { padding-left: 17px; } .lightbox.explanation li .lightbox.explanation p { color: #525252; font-size: 0.923em; line-height: 1.231em; } /* ========================================================================== Lightbox Help Finding Tire Size ========================================================================== */ .help-finding-tire-size { width: 760px; } .help-finding-tire-size p { color: #333; margin-top: 0px; } .help-finding-tire-size h3 { color: #333; font-size: 0.93em; } .help-finding-tire-size h4 { color: #333; margin-bottom: 5px; } .help-finding-tire-size .diagram-wrapper { margin-bottom: 20px; margin-top: 20px; } .help-finding-tire-size .diagram-wrapper .top { background: url(/dunlop_euen/Images/find-by-tire-size-top_tcm2094-114006.png) scroll no-repeat 0 0 transparent; height: 215px; } .help-finding-tire-size .diagram-wrapper .middle { background: url(/dunlop_euen/Images/find-by-tire-size-middle_tcm2094-114005.png) scroll repeat-y 0 0 transparent; } .help-finding-tire-size .diagram-wrapper .middle ul { padding: 0; margin: 0; list-style: none; } .help-finding-tire-size .diagram-wrapper .middle ul h4 { margin: 0 0 5px; color: #333; } .help-finding-tire-size .diagram-wrapper .middle ul p { margin: 0 0 10px; font-size: 0.95em; } .help-finding-tire-size .diagram-wrapper .middle ul li { float: left; width: 122px; margin-right: 10px; padding: 5px 10px; } .help-finding-tire-size .diagram-wrapper .middle ul li:last-child { margin: 0; } .help-finding-tire-size .diagram-wrapper .bottom { background: url(/dunlop_euen/Images/find-by-tire-size-bottom_tcm2094-114004.png) scroll no-repeat 0 bottom transparent; height: 13px; } /* ========================================================================== Lightbox Help Finding Tire Size ========================================================================== */ .help-finding-registration-number { width: 620px; } .help-finding-registration-number h3 { color: #333; font-size: 0.93em; } .help-finding-registration-number p { color: #333; } .help-finding-registration-number img { display: block; margin: 20px auto; } /* ========================================================================== Info Module ========================================================================== */ .info-notice-wrapper, .alert-notice-wrapper, .check-notice-wrapper { margin: 40px auto; width: 950px; padding: 0 20px; border: 1px solid #ababab; background-color: #f0f0f0; } .info-notice-wrapper .info-notice, .alert-notice-wrapper .alert-notice, .check-notice-wrapper .check-notice { padding: 10px 0; } .info-notice-wrapper .info-notice p, .alert-notice-wrapper .alert-notice p, .check-notice-wrapper .check-notice p { color: #333; padding-bottom: 10px; padding-left: 70px; padding-top: 10px; font-size: 0.90em; line-height: 1.7em; } .info-notice-wrapper .info-notice p { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -460px; } .check-notice-wrapper .check-notice p { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -420px; } .alert-notice-wrapper .alert-notice p { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -170px; } .info-notice-wrapper .info-notice p a, .alert-notice-wrapper .alert-notice p a, .check-notice-wrapper .check-notice p a { font-weight: bold; text-decoration: none; } /* Vehicle Profile, Tire Finder */ .lightbox.choose-vehicle-profile { width: 450px; } .oldie .lightbox.choose-vehicle-profile { height: 160px; } .vehicle-profile-tbu ul { margin: 40px 20px 0 75px; padding: 0; list-style: none; } .vehicle-profile-tbu li { float: left; text-align: center; margin-right: 20px; } .vehicle-profile-tbu li a { background: url(/dunlop_euen/Images/vehicle-profiles-sprite_tcm2094-112819.png) no-repeat 0 0; width: 86px; height: 44px; padding-top: 52px; display: block; text-decoration: underline; } .vehicle-profile-tbu li.car a { background-position: 0 0; } .vehicle-profile-tbu li.fourXfour a { background-position: -100px -100px; } .vehicle-profile-tbu li.lightTruck a { background-position: -200px -200px; } /* ========================================================================== Common Container ========================================================================== */ body { background-color: #E3E3E6; min-width: 1030px; } #container { margin-bottom: 30px; margin-top: 30px; } /* ========================================================================== Title section ========================================================================== */ #container .title { margin: 0 auto; padding: 26px 20px 31px; width: 940px; } #container .title h1 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: normal; font-size: 1.5em; margin: 0; padding: 0; color: #fff; text-transform: uppercase; } /* ========================================================================== Icons ========================================================================== */ .help { background: url(/dunlop_euen/Images/icon-help_tcm2094-107984.png) no-repeat scroll 0 0 transparent; display: block; height: 22px; line-height: 1.5em; padding-left: 30px; } .no, .close { background: url(/dunlop_euen/Images/icon-close_tcm2094-113980.png) no-repeat scroll 0 0 transparent; padding-left: 22px; height: 19px; display: block; padding-top: 2px; line-height: 1em; } /* ========================================================================== Tire Finder ========================================================================== */ #container .widget-wrapper { margin: 0 auto 20px; width: 990px; } .widget-wrapper .content { border: 1px solid #353535; } .widget-wrapper .content .content { border: none; } /* ========================================================================== Tire Finder Widget ========================================================================== */ #container.tire-finder { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(/dunlop_euen/Images/tire-finder-main-bg_tcm2094-125758.png); background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; margin: 0 auto; padding-top: 70px; } .ie7 .widget-wrapper .widget { position: relative; z-index: 0; } .widget-wrapper .widget .header { background: #000 none; height: auto; width: auto; z-index: 0; position: relative; } .ie7 .widget-wrapper .widget .header { z-index: 0; position: relative; } .widget-wrapper .widget .header h2 { padding: 0; margin: 0; font-family: 'Helvetica W01 Bold', Arial, sans-serif; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 1.1em; border-bottom: 1px solid #353535; } .widget-wrapper .collapsed.collapsed .header { background: #ffde00; } .widget-wrapper .widget.collapsed:last-child .header h2 { border: none; } .widget-wrapper .widget .header h2 a { padding: 20px 0 20px 33px; background: url(/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png) no-repeat scroll 18px -316px transparent; color: #FFF; display: block; text-decoration: none; outline: 0; line-height: 1em; } .widget-wrapper .widget.collapsed .header h2 a { color: #000; background-position: 18px -345px; } .widget-wrapper .widget .content { background-color: #ffffff; margin: 0 auto; padding-bottom: 20px; width: auto; } .widget-wrapper .widget.collapsed .content { display: none; } .widget-wrapper .widget .content .description { float: left; padding-top: 10px; width: 600px; margin-bottom: 5px; color: #333333; margin-left: 20px; margin-top: 5px; } .ie7 .widget-wrapper .widget .content .description, .ie6 .widget-wrapper .widget .content .description { padding-top: 10px; padding-bottom: 15px; } .widget-wrapper .widget .content .description p { margin: 2px 0; } .widget-wrapper .widget .content .description p strong { line-height: 0.75em; } .widget-wrapper .widget .content .aside { float: right; margin-right: 20px; padding-top: 15px; } .ie6 .widget-wrapper .widget .content .aside { margin: 0 10px 0 0; width: 170px; } .widget-wrapper .widget .content .aside a { font-size: 0.92em; line-height: 1.8em; } .widget-wrapper .widget .content .form-wrapper-find-by-tire-size { clear: both; background: url(/dunlop_euen/Images/find-by-tire-size-bg_tcm2094-113357.png) no-repeat scroll center bottom transparent; padding-top: 260px; height: 60px; margin-bottom: 20px; } .widget-wrapper .widget .content .form-wrapper-find-by-tire-size form { margin-left: 15px; } #by-tire-size-width-button { margin-left: 17px; } .widget-wrapper .widget .content .form-wrapper-find-by-tire-size #by-tire-size-submit { width: 122px; } .ie8 .widget-wrapper .widget .content .form-wrapper-find-by-tire-size #by-tire-size-submit { top: 0; } .reset-link { margin-right: 81px; margin-top: 30px; text-align: right; } .reset-link a { cursor: pointer; font-size: 1.09em; font-weight: bold; text-decoration: underline; } .widget-wrapper .ui-corner-all, .widget-wrapper .ui-corner-bottom, .widget-wrapper .ui-corner-right, .widget-wrapper .ui-corner-br, .widget-wrapper .ui-corner-all, .widget-wrapper .ui-corner-bottom, .widget-wrapper .ui-corner-left, .widget-wrapper .ui-corner-bl, .widget-wrapper .ui-corner-all, .widget-wrapper .ui-corner-top, .widget-wrapper .ui-corner-right, .widget-wrapper .ui-corner-tr, .widget-wrapper .ui-corner-all, .widget-wrapper .ui-corner-top, .widget-wrapper .ui-corner-left, .widget-wrapper .ui-corner-tl { border-radius: 0px; } /* ========================================================================== Tire Finder - Find by Car Model ========================================================================== */ .find-by-car-model-outer-form-wrapper { border: 1px solid #ababab; margin: 20px; background-color: #f0f0f0; padding: 20px; } .find-by-car-model-form-wrapper { width: 930px; height: 50px; margin: 0; } .find-by-car-model-form-wrapper .ui-selectmenu-dropdown { float: left; width: 218px !important; } .find-by-car-model-form-wrapper .ui-selectmenu-status { line-height: 3em; padding-right: 25px; } .ui-selectmenu-menu.ui-selectmenu-open.by-car-model-group { width: 356px !important; } #widget-find-by-car-model .aside { display: none; } .find-by-car-model-results-wrapper .figure { float: left; padding: 15px; background: #e7e7e7; margin: 6px 20px 10px; margin-left: 0; } .find-by-car-model-results-wrapper .figure img { width: 240px; } .find-by-car-model-results-wrapper .find-by-car-model-results-inner-wrapper { float: left; padding-left: 3px; padding-top: 20px; width: 270px; } .find-by-car-model-results-wrapper .find-by-car-model-results-inner-wrapper p { margin: 0 0 10px 0; font-size: 0.9em; padding-right: 20px; color: #525252; font-weight: bold; } .find-by-car-model-form-wrapper .dd-container { position: relative; } .find-by-car-model-form-wrapper .dd-container .dd-loading { display: none; position: absolute; z-index: 20; } .find-by-car-model-form-wrapper .dd-container.select-model .dd-loading { left: 428px; top: 11px; } .find-by-car-model-form-wrapper .dd-container.select-version .dd-loading { left: 657px; top: 11px; } .find-by-car-model-form-wrapper .dd-container.select-engine .dd-loading { left: 887px; top: 11px; } .ie8 .find-by-car-model-form-wrapper .dd-container.select-model .dd-loading { left: 426px; } .ie8 .find-by-car-model-form-wrapper .dd-container.select-version .dd-loading { left: 653px; } .ie8 .find-by-car-model-form-wrapper .dd-container.select-engine .dd-loading { left: 878px; } .find-by-car-model-results-wrapper .find-by-car-model-results-inner-wrapper label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .find-by-car-model-results-wrapper .find-by-car-model-results-inner-wrapper #by-car-model-sizes-button { width: 245px !important; margin-bottom: 10px; background: url("/dunlop_euen/Images/dunlop-product-page-sprite_tcm2094-109380.png") repeat-x scroll 0 -614px transparent; } .find-by-car-model-results-wrapper .find-by-car-model-results-inner-wrapper #by-car-model-sizes-button.ui-selectmenu-disabled.ui-state-disabled { background: none; } #by-car-model-sizes-menu { width: 246px !important; } .find-by-car-model-results-wrapper .terms-and-conditions-wrapper { clear: both; padding: 5px 40px 0 0; } .find-by-car-model-results-wrapper .terms-and-conditions-wrapper label { font-size: 0.85em; color: #333333; } .find-by-car-model-results-wrapper .terms-and-conditions-wrapper label a { color: #333333; } /* ========================================================================== Tire Finder - Find by Registration ========================================================================== */ .form-wrapper-find-by-tire-size .ui-selectmenu-wrapper { display: inline; } .find-by-registration-form-wrapper { padding: 20px 20px; } .find-by-registration-form-wrapper form { border: 1px solid #353535; padding: 20px; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input { float: left; width: 600px; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input #plate-number { border: 1px solid #aaaaaa; color: #333; font-size: 0.95em; height: 40px; padding: 1px 18px 0 12px; margin-right: 10px; width: 230px; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input button { width: 135px; } .ie8 .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input #plate-number { height: auto; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; width: 297px; } .ie7 .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input #plate-number, .ie6 .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-input #plate-number { background: none; background-color: #fff; border: 1px solid #ccc; padding: 12px; height: auto; } .widget-wrapper .widget .content .find-by-registration-form-wrapper .aside { margin-top: 5px; margin-right: 0; padding-top: 0; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-results-wrapper { float: left; width: 880px; margin-top: -10px; display: none; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-results-wrapper .figure { float: left; padding-left: 0; margin-right: 27px; } .find-by-registration-form-wrapper .find-by-registation-input-results-wrapper .find-by-registration-results-wrapper .figure img { width: 242px; height: 122px; } .find-by-registration-form-wrapper .find-by-registration-results { float: left; padding-top: 7px; } .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-wrapper { margin-bottom: 20px; } .find-by-registration-form-wrapper .find-by-registration-results p.your-car { margin: 0 0 10px 0; font-size: 1.13em; color: #525252; } .find-by-registration-form-wrapper .find-by-registration-results p.your-car span { font-weight: bold; color: #fff; } .find-by-registration-form-wrapper .find-by-registration-results label { display: block; margin-top: 3px; margin-bottom: 10px; color: #525252; } .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-status { line-height: 3.4em; } .ie7 .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-dropdown, .ie6 .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-dropdown { height: 40px; } .ie7 .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-status, .ie6 .find-by-registration-form-wrapper .find-by-registration-results .ui-selectmenu-status { line-height: 2.5em; } #by-registation-model-sizes-button { width: 250px !important; } #by-registation-model-sizes-menu { width: 250px !important; } .find-by-registration-form-wrapper .find-by-registration-results-wrapper .results-aside { float: right; font-size: 0.92em; margin-right: 20px; margin-top: 10px; } .find-by-registration-form-wrapper .terms-and-conditions-wrapper { clear: both; padding: 15px 0 0; } .find-by-registration-form-wrapper .terms-and-conditions-wrapper label { font-size: 0.85em; color: #aaaaaa; } .find-by-registration-form-wrapper .terms-and-conditions-wrapper label a { color: #aaaaaa; } /* Tire Finder Lightbox */ .tire-finder-lightbox { width: 990px; } .tire-finder-lightbox #widget-find-by-tire-size { padding-top: 55px; } .tire-finder-lightbox #widget-find-by-tire-size h2.find-by-tire-size { border-top: 1px solid #353535; } .tire-finder-lightbox .aside { display: none; } /* ========================================================================== Dealer Locator - Initial ========================================================================== */ #container { margin: 0 auto; padding-top: 95px; background: url(/dunlop_euen/Images/header-bg_tcm2094-113339.png) no-repeat center top scroll; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } /* search form wrapper on the top of the page */ .search-selection-wrapper { background-color: #FFFFFF; margin: 0 auto; width: 990px; padding-bottom: 10px; border: 1px solid #ababab; margin-bottom: 20px; } .search-selection-wrapper .search-wrapper { float: left; margin-bottom: 25px; margin-left: 20px; margin-top: 50px; width: 495px; } .search-selection-wrapper .search-wrapper button { width: 215px; } .search-wrapper .more-search-wrapper { font-size: 0.95em; margin-top: 20px; position: relative; font-weight: bold; } .initial .more-search-wrapper .filter-search-results-action { display: none; } /* the selected tyre */ .selection-wrapper { float: left; padding-left: 15px; width: 450px; } .selection-wrapper .selected-tire-image-wrapper { float: left; margin-left: 8px; margin-top: -17px; } .selection-wrapper .selected-tire-image-wrapper img { margin-left: 5px; } .selection-wrapper .selected-tire-details { float: left; margin-left: 37px; position: relative; width: 280px; padding-top: 26px; font-size: 1em; } .selection-wrapper .selected-tire-details h2 { color: #333; line-height: 1.385em; margin: 0; padding: 0; font-size: 0.923em; } .selection-wrapper .selected-tire-details h1 { font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif; font-weight: normal; color: #333; margin: 0; padding: 0; text-transform: uppercase; font-size: 1.62em; } .selection-wrapper .selected-tire-details p { color: #333; font-size: 0.94em; line-height: 1.36em; margin-top: 0.6em; } .selection-wrapper .selected-tire-details .selected-tire-actions { margin: 15px 0 0 0; padding: 0; right: -19px; top: -3px; position: absolute; list-style: none; } .selection-wrapper .selected-tire-details .selected-tire-actions li { float: left; padding-left: 25px; margin-right: 25px; } .selection-wrapper .selected-tire-details .selected-tire-actions li a { font-size: .85em; text-decoration: none; } .selection-wrapper .selected-tire-details .selected-tire-actions li.email { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat 0 2px; /* width: 16px; */ width: auto; height: 17px; } .selection-wrapper .selected-tire-details .selected-tire-actions li.print { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -100px 0; /* width: 15px; */ width: auto; height: 16px; margin-right: 10px; padding-left: 20px; } /* the map */ .widget-wrapper.dealers-wrapper .top { border: none; } #container .widget-wrapper.dealers-wrapper { width: 990px; } #container .widget-wrapper.dealers-wrapper.initial { margin-top: 15px; width: 987px; } #container .widget-wrapper.dealers-wrapper.initial .content { background-color: #ffffff; border: 1px solid #ababab; } .dealers-wrapper #map { border: 1px solid #ababab; float: right; height: 636px; position: relative; width: 450px; margin-right: 10px; } .dealers-wrapper.initial { position: relative; } .dealers-wrapper.initial #map { border: 1px solid #ababab; width: 947px; float: none; margin: 15px auto 20px; height: 600px; } .dealers-wrapper.initial #map.is-loading { opacity: 0.3; } .dealers-wrapper .loading { left: 212px; position: absolute; top: 325px; display: none; } .dealers-wrapper.initial .loading { position: absolute; top: 300px; left: 470px; display: none; } /* ========================================================================== Dealer Locator - Alert Lightbox ========================================================================== */ .lightbox.alert { width: 400px; } .lightbox.alert p { color: #333; } .lightbox.alert .action-wrapper { float: right; } /* ========================================================================== Dealer Locator - No Tire Selected ========================================================================== */ .search-selection-wrapper .search-wrapper.no-tire-selection { width: 740px; } .search-selection-wrapper .search-wrapper.no-tire-selection input.fancy-input { width: 435px; margin-right: 20px; border: 1px solid #ababab; } .search-selection-wrapper .search-wrapper.no-tire-selection button { width: 215px; margin-left: 10px; } /* ========================================================================== Dealer Locator - Results (split pane view) ========================================================================== */ .search-wrapper .filter-search-results-action { position: absolute; left: 271px; outline: 0; } /* results filter */ .search-results-filter-wrapper { clear: both; padding: 15px; } .js .search-results-filter-wrapper { display: none; } .search-results-filter-wrapper .ui-selectmenu-wrapper { float: left; } .search-results-filter-wrapper .extra-filter-options { float: left; } .search-results-filter-wrapper label { color: #333; } .search-results-filter-wrapper input { margin-left: 15px; } .search-results-filter-wrapper .ui-selectmenu-dropdown { width: 220px !important; margin-right: 15px; } #vehicle-types-menu, #dealer-networks-menu { width: 221px !important; } #search-results-filter-form input, #search-results-filter-form label { margin-top: 10px; } /* the results and the map section */ #container .dealers-wrapper { margin-top: 0; padding-right: 0; } .dealers-wrapper .content { background-color: #fff; margin-bottom: 15px; border: none; } .dealers-wrapper .dealers { float: left; } .widget-wrapper.dealers-wrapper .top { height: 0; } /* dealers sort options */ .dealers-wrapper .dealers-sort:before, .dealers-wrapper .dealers-sort:after { content: ""; display: table; } .dealers-wrapper .dealers-sort:after { clear: both; } .dealers-wrapper .dealers-sort { margin: 0; background-color: #000; display: block; zoom: 1; padding: 15px 18px 15px; margin-bottom: 10px; border: 1px solid #555; border-bottom: none; } .dealers-wrapper .dealers-sort ul { list-style: none; margin: 0; padding: 0; } .dealers-wrapper .dealers-sort ul li { float: left; margin-right: 10px; } .dealers-wrapper .dealers-sort ul li a { font-size: 0.95em; border: 1px solid #555; padding: 13px 15px; display: block; text-decoration: none; font-weight: bold; text-align: center; outline: 0; text-transform: uppercase; color: #000; background-color: #ffef00; } .dealers-wrapper .dealers-sort ul li:hover, .dealers-wrapper .dealers-sort ul li.selected { background-color: #f8f8f8; } .dealers-wrapper .dealers-sort ul li:hover a, .dealers-wrapper .dealers-sort ul li.selected a { color: #000; background-color: #fff; } /* the results list */ .dealers-wrapper .dealers-list-wrapper { float: left; margin: 0; overflow: auto; margin-left: 10px; } .dealers-wrapper .dealers-list-wrapper .content { margin-right: 0; width: 500px; padding-top: 0; padding-bottom: 0; height: 636px; overflow: auto; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; } .dealers-wrapper .dealers-list-wrapper .content ul#dealers-list { list-style: none; margin: 0; padding: 0; width: 100%; } /* dealer detail in the results list */ .dealers-wrapper .dealers-list-wrapper .content ul#dealers-list li.dealer-detail-wrapper { color: #333; position: relative; overflow: hidden; } .dealer-locator-fake-clusters { color: #333; font-family: Arial, sans-serif; font-size: 26px; font-style: normal; font-weight: bold; text-align: center; width: 65px; } .dealer-detail-wrapper { border: 1px solid #c1c1c1; padding: 18px 20px; background-color: #ffffff; border-top: none; } .dealer-detail-wrapper:hover { background-color: #f8f8f8; } .dealer-detail-wrapper.active { background-color: #f8f8f8; } .dealer-detail-wrapper.selected { background-color: #f8f8f8; } .dealer-detail-wrapper .dealer-detail-header { position: relative; } .dealer-detail-wrapper .dealer-detail-header .dealer-detail-preference { float: left; font-size: 1.15em; font-weight: bold; margin-left: -9px; margin-right: 4px; text-align: right; width: 21px; word-wrap: break-word; } .dealer-detail-wrapper .dealer-detail-header .dealer-detail-name { float: left; font-weight: bold; font-size: 1.15em; width: 250px; } .dealer-detail-wrapper.no-rating .dealer-detail-header .dealer-detail-name { width: 280px; } .dealer-detail-wrapper .dealer-detail-header .dealer-detail-distance { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat scroll -500px -197px transparent; float: right; font-size: 0.9em; height: 13px; padding-left: 28px; color: #525252; } .dealer-detail-wrapper .dealer-detail-badges { margin-top: 2px; margin-bottom: 3px; } .dealer-detail-badges ul { height: 10px; list-style: none; margin: 0; padding: 0; } .ie7 .dealers-detail-wrapper .dealer-detail-badges ul { display: inline; float: left; height: 30px; } .dealer-detail-badges ul li { float: left; display: block; height: 30px; margin-right: 10px; } .dealer-detail-badges ul li.quick { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -550px 6px; width: 51px; } .dealer-detail-badges ul li.premio { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -650px 6px; width: 57px; } .dealer-detail-badges ul li.hi1 { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -750px 0; width: 36px; } .dealer-detail-badges ul li.network-badge { margin-top: 6px; } .dealer-detail-badges ul li.approved { text-indent: -99999px; background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -350px 6px; width: 140px; } .dealer-detail-stars { float: left; margin-right: 5px; width: 78px; } .dealer-detail-stars span { display: block; height: 13px; text-indent: -99999px; background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -99999em -99999em transparent; } .dealer-detail-stars span.stars-5 { background-position: 0 -50px; } .dealer-detail-stars span.stars-4 { background-position: -100px -50px; } .dealer-detail-stars span.stars-3 { background-position: -200px -50px; } .dealer-detail-stars span.stars-2 { background-position: -300px -50px; } .dealer-detail-stars span.stars-1 { background-position: -400px -50px; } .dealer-detail-number-of-reviews { float: left; width: 20px; word-wrap: break-word; font-size: 0.9em; color: #aaa; } .dealer-detail-wrapper .dealer-detail-contact-details { color: #333; } .dealer-detail-wrapper .dealer-detail-contact-details .address { float: left; margin-right: 5px; margin-bottom: 10px; } .dealer-detail-wrapper .dealer-detail-contact-details .telephone { float: left; } .dealer-detail-wrapper .dealer-detail-actions { margin-top: 22px; } .dealer-detail-wrapper .dealer-detail-actions .secondary.link { float: left; font-size: 0.95em; text-decoration: underline; } .dealer-detail-wrapper .dealer-detail-actions .primary.link { float: right; font-size: 1em; height: 13px; padding-left: 10px; margin-right: 1px; text-transform: uppercase; margin-top: -1px; font-weight: bold; } /* scroll bar styles */ .jspVerticalBar { background: transparent; } .jspHorizontalBar { background: transparent; } .ie8 .jspScrollable { height: 600px; } .jspVerticalBar { width: 20px; } .jspTrack { background: #f0f0f0 url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -649px -350px; border: 1px solid #ababab; } .jspDrag { background: #9b9b9b url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -598px -350px; } .jspVerticalBar .jspArrow { height: 20px; } .jspArrowUp, .jspArrowUp.jspDisabled { background: #f0f0f0 url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -645px -244px; border: 1px solid #ababab; border-bottom: none; } .jspArrowDown, .jspArrowDown.jspDisabled { background: #f0f0f0 url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -645px -291px; border: 1px solid #ababab; border-top: none; } /* map info window the box that appears when you click on a Dealer marker */ .dealer-info-window-wrapper { overflow: visible !important; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-top { height: 3px; width: 229px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-bottom { height: 33px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content { background-color: #fff; width: 226px; } /* header */ .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header { padding: 10px 15px; background-color: #ffde00; color: #000; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-preference { float: left; margin-left: -9px; margin-right: 4px; text-align: right; width: 21px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-preference, .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-name { color: #000; float: left; font-weight: bold; word-wrap: break-word; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-name { width: 175px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-stars, .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-number-of-reviews, .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-header .dealer-detail-distance { display: none; } /* badges */ .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges { padding-left: 15px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul { margin: 0; padding: 0; list-style: none; height: 10px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li { float: left; display: block; margin-right: 5px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li.quick { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -550px 10px; width: 51px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li.premio { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -650px 10px; width: 57px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li.hi1 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -749px 0; width: 36px; margin-top: 5px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li.network-badge { margin-top: 9px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-badges ul li.approved { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -350px 9px; width: 140px; margin-right: 0; text-indent: -99999px; } /* address */ .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-contact-details { margin-bottom: 5px; color: #333; padding-left: 15px; padding-right: 15px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-contact-details .address { font-size: 0.9em; font-weight: lighter; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-contact-details .telephone { font-weight: bold; margin-top: 3px; } /* actions */ .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-actions { font-size: 0.95em; padding: 5px 15px 15px; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-actions a { color: #000; font-weight: bold; font-size: 0.95em; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-actions .primary { background: none; text-decoration: none; } .dealer-info-window-wrapper .dealer-info-window .dealer-info-window-content .dealer-detail-actions .secondary { border-right: 1px solid #525252; margin-right: 5px; padding-right: 10px; text-decoration: none; } /* ========================================================================== Dealer Locator - No Map Search ========================================================================== */ #widget-dealer-nomap-search.search-selection-wrapper { border-bottom: none; margin-bottom: 30px; } .search-wrapper.without-map { border-right: 0; width: auto; position: relative; } .search-wrapper.without-map .ui-selectmenu-wrapper { float: left; margin-right: 10px; } .search-wrapper.without-map button.primary { display: inline-block; margin-left: 0; } .search-wrapper.without-map .ui-selectmenu-dropdown { width: 280px !important; } .search-wrapper.without-map .more-search-wrapper { height: auto; position: static; width: auto; float: right; margin-top: 12px; margin-left: 20px; } .search-wrapper.without-map .filter-search-results-action { left: 0; position: static; } #country-region-menu, #country-province-menu { width: 280px !important; } #dealers-list { padding: 0; list-style: none; margin: 0; } .dealer-nomap-detail-wrapper .detail-column { float: left; margin-left: 20px; margin-top: 0; width: 285px; color: #333; } .ie8 .dealer-nomap-detail-wrapper .detail-column, .ie7 .dealer-nomap-detail-wrapper .detail-column, .ie6 .dealer-nomap-detail-wrapper .detail-column { margin-left: 15px; } .dealer-nomap-detail-wrapper .detail-column:nth-child(1) { margin-left: 0; } .dealer-nomap-detail-wrapper h1 { color: #333; font-size: 1.15em; margin-top: 0; margin-bottom: 5px; } .dealer-nomap-detail-wrapper .hours h2 { font-size: 1em; margin-bottom: 2px; } .dealer-nomap-detail-wrapper .hours ul { list-style: none; padding: 0; font-size: 0.9em; } .dealer-nomap-detail-wrapper .hours ul li { padding-bottom: 5px; } ul.dealer-contact-detail { margin-top: 5px; margin-bottom: 15px; list-style: none; padding: 0; color: #333; } .dealer-contact-detail li { line-height: 20px; padding-bottom: 2px; } .dealer-contact-detail li a { color: #333; font-weight: lighter; text-decoration: none; font-size: 0.9em; } .dealer-nomap-detail-wrapper .address { line-height: 1.4em; font-weight: lighter; margin-bottom: 20px; } .dealer-nomap-detail-wrapper .address strong { white-space: nowrap; } ul.dealer-detail-features { padding: 0; margin: 0; margin-top: -5px; } .dealer-detail-features ul { padding: 0; margin: 0; margin-top: -5px; } .dealer-detail-features ul li { color: #333; } .dealer-detail-features .tick { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -650px -100px; font-weight: normal; list-style-type: none; padding-bottom: 13px; padding-left: 25px; width: 300px; font-size: 0.9em; } .dealer-detail-features li:nth-child(1) { margin-top: 10px; } .dealer-nomap-detail-wrapper .dealer-detail-actions { margin: 20px 0 0 0; padding: 0; } .dealer-nomap-detail-wrapper .dealer-detail-actions ul { margin: 0; padding: 0; } .dealer-nomap-detail-wrapper .dealer-detail-actions ul li { clear: both; display: block; list-style-type: none; margin-bottom: 10px; } .dealer-nomap-detail-wrapper .dealer-detail-actions .view-details { display: block; font-size: 1em; font-weight: normal; height: 13px; margin-top: 15px; padding-left: 0; text-transform: uppercase; } .dealer-nomap-detail-wrapper .dealer-detail-actions .no-quote { color: #333; text-transform: uppercase; } .vehicle-profile ul { margin-left: 0; padding-left: 0; } .vehicle-profile li span.vehicle-label{ display: list-item; font-size: 0.75em; } .dealer-detail-summary ul li { text-align: center; list-style-type: none; display: inline-block; margin-right: 10px; } .vehicle-profile li span.vehicle-icons{ float: left; font-size: 0.75em; list-style-type: none; padding-bottom: 0; height: 30px; text-align: center; width: 45px; } .vehicle-profile li span.vehicleTypes_001 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -147px -103px; } .vehicle-profile li span.vehicleTypes_002 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -194px -103px; } .vehicle-profile li span.vehicleTypes_003 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -194px -103px; } .vehicle-profile li span.vehicleTypes_004 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -247px -103px; } .vehicle-profile li span.vehicleTypes_005 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -297px -103px; } .vehicle-profile li span.vehicleTypes_006 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -345px -103px; width: 40px; } .vehicle-profile li span.vehicleTypes_007 { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -383px -102px; } .vehicle-profile li span.vehicleTypes_008 { background: url(/dunlop_euen/Images/header-footer-sprite_tcm2094-114646.png) no-repeat -433px -292px; } /* ========================================================================== Dealer Locator - Dealer Details ========================================================================== */ .dealers-detail-wrapper { background-color: #fff; margin: 10px auto 0; width: 990px; border: 1px solid #ababab; } .dealer-detail-summary { color: #333; margin-bottom: 30px; position: relative; } .dealer-detail-summary h1 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.69em; font-weight: normal; margin: 0; padding-bottom: 0; padding-top: 5px; color: #333; text-transform: uppercase; } .dealer-detail-summary h2 { font-size: 1em; font-family: Arial, sans-serif; font-weight: normal; margin-bottom: 7px; margin-top: 7px; } .dealer-detail-summary h3 { font-size: 1.54em; float: left; font-weight: normal; margin-bottom: 0; } .dealer-detail-summary .make-appointment { font-size: 1em; margin-top: 0; float: left; margin-left: 10px; margin-top: 25px; } .dealer-contact-detail { margin: 0; padding: 0; clear: both; } .dealer-full-detail-wrapper .hgroup { float: left; margin-top: 20px; margin-left: 20px; width: 465px; border-right: 1px solid #ababab; } .dealer-full-detail-wrapper .detail-column { margin-bottom: 20px; float: left; } .dealer-full-detail-wrapper .detail-column:nth-of-type(1) { float: left; clear: both; margin-left: 20px; width: 465px; border-right: 1px solid #ababab; } .dealer-full-detail-wrapper .detail-column:nth-of-type(1) .dealer-detail-badges { margin-bottom: 23px; } .dealer-full-detail-wrapper .detail-column .dealer-contact-detail { margin-bottom: 0; } .dealer-full-detail-wrapper .detail-column:nth-of-type(2) { float: left; margin: -55px 0 0 20px; padding: 0; } .dealer-full-detail-wrapper .detail-column:nth-of-type(2) .hours h2 { font-weight: bold; } .dealer-full-detail-wrapper .detail-column:nth-of-type(2) .hours ul { list-style: none; padding: 0; font-size: 0.9em; margin-bottom: 40px; } .dealer-full-detail-wrapper .detail-column:nth-of-type(2) .hours ul li { padding-bottom: 8px; } .dealer-full-detail-wrapper .content .call-to-action { border-top: 1px solid #ababab; clear: both; padding-top: 15px; padding-bottom: 15px; text-align: right; margin-left: 20px; margin-right: 20px; padding-right: 15px; } .dealer-full-detail-wrapper .dealer-contact-detail li a { font-size: 1em; color: #333; } /* selected tyre section */ .dealer-detail-tires { padding: 20px; width: 950px; margin-bottom: 30px; } .dealer-detail-tires .detail-column:nth-of-type(1) { width: 465px; border-right: 1px solid #ababab; margin-top: 20px; float: left; } .dealer-detail-tires h2 { color: #333; border-bottom: 1px solid #ababab; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.15em; font-weight: normal; margin: 0; padding-bottom: 15px; text-transform: uppercase; } .dealer-detail-tires .product-image { float: left; margin-left: 30px; margin-top: 10px; } .dealer-detail-tires .tire-detail { margin-left: 170px; padding-top: 0; padding-right: 20px; } .dealer-detail-tires .tire-detail h3 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.385em; margin-top: 10px; color: #333; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; } .dealer-detail-tires .tire-detail span.tire-size { margin-right: 7px; color: #333; font-weight: bold; } .dealer-detail-tires .tire-detail .sap-code { color: #333; margin-top: -1px; margin-bottom: 0; } .dealer-detail-tires .tire-detail .description { color: #333; margin-top: 5px; } .tire-detail .cost-rating { float: left; margin-right: 20px; } .tire-detail .cost-rating span { display: block; height: 16px; text-indent: -99999em; width: 68px; background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -99999em -99999em; } .tire-detail .cost-rating .cost-5 { background-position: -549px -214px; } .tire-detail .cost-rating .cost-4 { background-position: -549px -233px; } .tire-detail .cost-rating .cost-3 { background-position: -549px -252px; } .tire-detail .cost-rating .cost-2 { background-position: -549px -271px; } .tire-detail .cost-rating .cost-1 { background-position: -549px -290px; } .tire-detail .cost-rating .cost-0 { background-position: -549px -309px; } .tire-selection ul.price-technologies { padding: 0; margin: 0 0 5px 0; list-style: none; /*border-left: 1px solid #ababab;*/ } .tire-selection ul.price-technologies li { float: left; padding: 10px; text-indent: -99999px; display: block; width: 15px; border: 1px solid #ababab; border-left: none; } .tire-selection ul.price-technologies li.price { width: 67px; } .tire-selection ul.price-technologies .cost-rating { margin-right: 0; } .tire-selection ul.price-technologies li { background: url(/dunlop_euen/Images/tire-types_tcm2094-114002.png) no-repeat scroll -99999em -99999em transparent; } .tire-selection ul.price-technologies li.all-seasons { background-position: -32px 10px; } .tire-selection ul.price-technologies li.summer { background-position: -35px -60px; } .tire-selection ul.price-technologies li.winter { background-position: -35px -129px; } .tire-selection ul.price-technologies li.mud-and-snow { width: 50px; background-position: 0 -198px; } .tire-selection ul.price-technologies li.studded { background-position: -34px -267px; } .tire-selection ul.price-technologies li.studdable { background-position: -35px -335px; } .tire-selection ul.price-technologies li.on-road { background-position: -39px -405px; } .tire-selection ul.price-technologies li.on-off-road { background-position: -39px -474px; } .tire-selection ul.price-technologies li.off-road { background-position: -39px -543px; } .tire-selection .technologies { float: left; } .tire-selection .technologies p { font-size: 0.85em; color: #525252; } .tire-selection .technologies p a { margin-top: 5px; display: block; } .dealer-detail-tires .detail-column:nth-of-type(2) { width: 460px; margin-top: 20px; margin-left: 20px; float: left; } .dealers-detail-wrapper .call-to-action { margin-top: 20px; border-top: 1px solid #ababab; padding-top: 20px; } .dealers-detail-wrapper .call-to-action a { float: right; } /* eu tire ratings */ .tire-selection .eu-tire-ratings { margin-top: 15px; } .tire-selection .eu-tire-ratings h2 { text-transform: none; font-size: 1em; border: none; padding: 0; } .tire-selection .eu-tire-ratings .read-more { display: none; } .tire-selection .eu-tire-ratings .tire-rating { width: 255px; float: left; } .tire-selection .eu-tire-ratings .tire-rating ul { list-style: none; margin: 20px 0 0; padding: 0; } .tire-selection .eu-tire-ratings .tire-rating ul li { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat 30px 5px; height: 30px; width: 255px; margin-bottom: 10px; } .tire-selection .eu-tire-ratings .tire-rating ul li span.icon { display: block; text-indent: -99999em; float: left; width: 20px; height: 20px; padding-left: 10px; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -99999em -99999em; } .tire-selection .eu-tire-ratings .tire-rating ul li.fuel-efficiency span { background-position: -302px 0; } .tire-selection .eu-tire-ratings .tire-rating ul li.wet-grip span { background-position: -300px -50px; } .tire-selection .eu-tire-ratings .tire-rating ul li.noise span { background-position: -400px -100px; } .tire-selection .eu-tire-ratings .tire-rating ul li.noise.l1 span { background-position: -300px -100px; } .tire-selection .eu-tire-ratings .tire-rating ul li.noise.l2 span { background-position: -350px -100px; } .tire-selection .eu-tire-ratings .tire-rating ul li.noise.l3 span { background-position: -400px -100px; } .tire-selection .eu-tire-ratings .tire-rating ul li span.values span.value { color: #fff; display: block; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -300px -200px; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; float: left; font-size: 1em; font-weight: normal; height: 18px; line-height: 16px; padding-top: 1px; text-align: center; width: 20px; } .tire-selection .eu-tire-ratings .tire-rating ul li span.values span.bar { display: none; } .tire-selection .eu-tire-ratings .tire-rating ul li span.values span.value.db { background-position: -300px -150px; width: 40px; text-align: left; padding-left: 7px; } /* performance */ .tire-selection .performance { float: right; width: 170px; border-left: 1px solid #ababab; margin-top: -30px; padding-left: 20px; } .tire-selection .performance h3 { font-size: 1em; color: #333; } .tire-selection .performance ul { color: #525252; font-size: 0.77em; list-style: none; padding: 0; margin: 0; text-transform: uppercase; } .tire-selection .performance ul li { margin-bottom: 5px; height: auto; } .tire-selection .performance ul li span { margin: 0; padding: 0; } #container .tire-selection .performance ul li span.title { display: block; padding: 0; width: auto; margin: 0; } .tire-selection .performance ul li span.rating { display: block; height: 10px; margin-top: 5px; text-indent: -99999px; width: 180px; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -99999em -99999em; } .tire-selection .performance ul li span.rating.r00 { background-position: 0 -429px; } .tire-selection .performance ul li span.rating.r05 { background-position: 0 -396px; } .tire-selection .performance ul li span.rating.r10 { background-position: 0 -363px; } .tire-selection .performance ul li span.rating.r15 { background-position: 0 -330px; } .tire-selection .performance ul li span.rating.r20 { background-position: 0 -297px; } .tire-selection .performance ul li span.rating.r25 { background-position: 0 -264px; } .tire-selection .performance ul li span.rating.r30 { background-position: 0 -232px; } .tire-selection .performance ul li span.rating.r35 { background-position: 0 -199px; } .tire-selection .performance ul li span.rating.r40 { background-position: 0 -166px; } .tire-selection .performance ul li span.rating.r45 { background-position: 0 -133px; } .tire-selection .performance ul li span.rating.r50 { background-position: 0 -100px; } /** eu ratings module with only performance **/ .tire-selection .no-eu-rating .eu-tire-ratings { display: none; } .tire-selection .no-eu-rating .performance { width: 460px; border: none; float: left; padding: 0; margin-top: 0; } .tire-selection .no-eu-rating .performance ul li span.rating { width: 465px; } .tire-selection .no-eu-rating .performance ul li span.rating.r00 { background-position: -500px -396px; } .tire-selection .no-eu-rating .performance ul li span.rating.r05 { background-position: -500px -366px; } .tire-selection .no-eu-rating .performance ul li span.rating.r10 { background-position: -500px -337px; } .tire-selection .no-eu-rating .performance ul li span.rating.r15 { background-position: -500px -307px; } .tire-selection .no-eu-rating .performance ul li span.rating.r20 { background-position: -500px -278px; } .tire-selection .no-eu-rating .performance ul li span.rating.r25 { background-position: -500px -248px; } .tire-selection .no-eu-rating .performance ul li span.rating.r30 { background-position: -500px -248px; } .tire-selection .no-eu-rating .performance ul li span.rating.r35 { background-position: -500px -189px; } .tire-selection .no-eu-rating .performance ul li span.rating.r40 { background-position: -500px -159px; } .tire-selection .no-eu-rating .performance ul li span.rating.r45 { background-position: -500px -130px; } .tire-selection .no-eu-rating .performance ul li span.rating.r50 { background-position: -500px -100px; } /* Locations and Directions, Services and Reviews tabs */ .dealer-tabbed-content { margin-bottom: 30px; } .dealer-tabbed-content .section-tab-nav { margin: 0; background-color: #000; display: block; zoom: 1; padding: 10px 18px 10px; } .dealer-tabbed-content .section-tab-nav ul { list-style: none; margin: 0; padding: 0; } .dealer-tabbed-content .section-tab-nav ul li { float: left; margin-right: 10px; } .dealer-tabbed-content .section-tab-nav ul li a { font-size: 0.95em; background-color: #ffde00; border: 1px solid #555; padding: 13px 15px; display: block; text-decoration: none; font-weight: bold; text-align: center; outline: 0; text-transform: uppercase; color: #333; } .dealer-tabbed-content .section-tab-nav ul li:hover a, .dealer-tabbed-content .section-tab-nav ul li a.current { background-color: #fff; color: #333; } .dealer-tabbed-content .location-and-directions-wrapper, .dealer-tabbed-content .services-wrapper, .dealer-tabbed-content .reviews-wrapper { display: none; } /* Locations and Directions wrapper */ .dealer-tabbed-content .location-and-directions-wrapper { padding: 0; } .location-and-directions-wrapper { margin-top: 25px; margin-bottom: 25px; } .location-and-directions-wrapper .directions-wrapper { float: left; width: 485px; } .location-and-directions-wrapper .address-form-wrapper p.dealer-address { font-size: 1.15em; font-weight: bold; padding: 0 15px 0; margin-bottom: 5px; color: #333; margin-top: 0; } .location-and-directions-wrapper .address-form-wrapper .info { padding: 0 15px; } .location-and-directions-wrapper .address-form-wrapper .info span { float: left; display: block; } .location-and-directions-wrapper .address-form-wrapper .info span span { float: none; display: inline; } .location-and-directions-wrapper .address-form-wrapper .distance-from-original-search { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat scroll -1001px 8px transparent; padding-left: 25px; width: 150px; margin-right: 10px; font-size: 1em; color: #525252; padding-top: 5px; } .location-and-directions-wrapper .address-form-wrapper .send-to-mobile { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat scroll -950px -50px transparent; padding-left: 20px; text-decoration: underline; padding-bottom: 10px; padding-top: 5px; } .location-and-directions-wrapper .address-form-wrapper form { padding-left: 10px; padding-top: 30px; padding-bottom: 10px; } .location-and-directions-wrapper .address-form-wrapper form input.fancy-input { margin-right: 10px; margin-left: 0px; } .location-and-directions-wrapper .address-form-wrapper form button { width: 190px; } .location-and-directions-wrapper .driving-directions-wrapper { display: none; padding-bottom: 20px; } .location-and-directions-wrapper ol#driving-instructions { margin: 0; padding: 30px 0 0 15px; } .location-and-directions-wrapper ol#driving-instructions li { list-style: none; padding: 0 0 0 30px; margin: 0 0 25px; position: relative; color: #333; font-weight: normal; } .location-and-directions-wrapper ol#driving-instructions li span.step { float: left; font-weight: bold; margin-right: 5px; text-align: right; width: 20px; } .location-and-directions-wrapper ol#driving-instructions li span.instructions { float: left; width: 315px; } .location-and-directions-wrapper ol#driving-instructions li span.distance { bottom: 0; float: right; position: absolute; right: 0; color: #525252; font-size: 0.93em; } .location-and-directions-wrapper .driving-directions-wrapper .dealer-address { font-size: 1.15em; font-weight: bold; padding: 10px 15px; margin-bottom: 0; color: #333; } .location-and-directions-wrapper .driving-directions-wrapper .mark { margin-left: 20px; } .location-and-directions-wrapper .driving-directions-wrapper .mark.origin { padding-left: 25px; padding-top: 2px; padding-bottom: 2px; background: url(/dunlop_euen/Images/marker-start-border_tcm2094-109386.png) no-repeat left center; } .location-and-directions-wrapper .driving-directions-wrapper .mark.destination { padding-left: 25px; padding-top: 2px; padding-bottom: 2px; background: url(/dunlop_euen/Images/marker-end-border_tcm2094-109382.png) no-repeat left center; } .location-and-directions-wrapper .driving-directions-wrapper .mark img { float: left; } .location-and-directions-wrapper .driving-directions-wrapper .mark p { float: left; margin-left: 10px; width: 370px; color: #333; } .location-and-directions-wrapper .map-wrapper { float: left; width: 480px; margin-left: 15px; } .location-and-directions-wrapper .map-wrapper #map { border: 1px solid #ababab; height: 500px; margin-right: 20px; width: 470px; } /* services tab */ .dealer-tabbed-content .services-wrapper .detail-column { width: 450px; float: left; margin-left: 15px; } .dealer-tabbed-content .services-wrapper .detail-column:nth-of-type(2) { padding-left: 20px; width: 420px; } .dealer-tabbed-content .services-wrapper .services { float: left; margin-bottom: 10px; margin-top: 0; width: 200px; } .dealer-tabbed-content .services-wrapper h3, .dealer-tabbed-content .services-wrapper .services h3 { padding-top: 5px; color: #333; font-weight: normal; } .dealer-tabbed-content .services-wrapper .services:last-of-type { margin-left: 20px; } .dealer-tabbed-content .services-wrapper .services ul { padding-left: 0; } .dealer-tabbed-content .services-wrapper .services ul li { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -650px -100px; font-size: 1em; font-weight: normal; list-style-type: none; padding-bottom: 10px; padding-left: 25px; color: #333; } .dealer-tabbed-content .services-wrapper .payment-types { clear: both; } .dealer-tabbed-content .services-wrapper ul.payment-types { padding-left: 0; } .dealer-tabbed-content .services-wrapper ul.payment-types li { color: #333; display: block; float: left; list-style-type: none; margin-top: 3px; padding-right: 4px; } .dealer-tabbed-content .services-wrapper ul.payment-types li.visa { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -478px -506px; height: 21px; margin-top: 0; text-indent: -99999px; width: 34px; } .dealer-tabbed-content .services-wrapper ul.payment-types li.cirrus { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -516px -506px; height: 21px; margin-top: 0; text-indent: -99999px; width: 34px; } .dealer-tabbed-content .services-wrapper ul.payment-types li.mastercard { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -553px -506px; height: 21px; margin-top: 0; text-indent: -99999px; width: 34px; } .services-wrapper .thumbnails-wrapper { float: right; } .services-wrapper .thumbnails-wrapper ul { padding: 0; margin: 0; list-style: none; } .services-wrapper .thumbnails-wrapper ul li { margin-bottom: 8px; } .services-wrapper .thumbnails-wrapper ul li a { outline: 0; } .services-wrapper .services-carousel-wrapper { width: 320px; } .services-wrapper .services-carousel-wrapper li { width: 320px; margin-right: 10px; color: #fff; font-weight: normal; } .services-wrapper .services-carousel-wrapper .jcarousel-clip { width: 320px; } /* reviews tab */ .dealer-tabbed-content .reviews-wrapper { padding: 0 18px; } .dealer-tabbed-content .reviews-wrapper p { float: none; color: #333; font-weight: lighter; } .dealer-tabbed-content .reviews-wrapper a { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -650px -220px; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: normal; padding-left: 12px; text-decoration: none; } .dealer-tabbed-content .review { border-bottom: 1px solid #ababab; } .dealer-tabbed-content .review:last-of-type { border-bottom: none; } .dealer-tabbed-content .review h3 { color: #333; font-size: 1.154em; margin-bottom: 5px; } .dealer-tabbed-content .review .review-stars { margin-bottom: 10px; margin-right: 5px; width: 78px; } .dealer-tabbed-content .review .review-stars span { display: block; height: 13px; text-indent: -99999px; background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat -99999em -99999em transparent; } .dealer-tabbed-content .review .review-stars span.stars-5 { background-position: 0 -50px; } .dealer-tabbed-content .review .review-stars span.stars-4 { background-position: -100px -50px; } .dealer-tabbed-content .review .review-stars span.stars-3 { background-position: -200px -50px; } .dealer-tabbed-content .review .review-stars span.stars-2 { background-position: -300px -50px; } .dealer-tabbed-content .review .review-stars span.stars-1 { background-position: -400px -50px; } .dealer-tabbed-content .review .author { color: #333; display: inline; font-weight: bold; } .dealer-tabbed-content .review .date { color: #333; display: inline; } /* ========================================================================== Dealer Locator - Dealer Details No Tire Selected ========================================================================== */ .no-tire-summary .dealer-detail-summary { margin-bottom: 60px; } .no-tire-summary .dealer-detail-summary .content .content { padding-bottom: 20px; } .no-tire-summary .no-tire-selected { position: absolute; right: 35px; bottom: -40px; } /* ========================================================================== Dealer Locator - Send to Mobile Lightbox ========================================================================== */ .send-to-mobile-qr { width: 350px; } .send-to-mobile-qr .qr-code-wrapper { border-bottom: 1px solid #333; padding-bottom: 15px; } .send-to-mobile-qr .qr-code-wrapper img { display: block; margin: 0 auto; } .send-to-mobile-qr a { font-weight: bold; white-space: nowrap; } /* ========================================================================== Dealer Locator - Dealer Details No Quote ========================================================================== */ .no-quote-summary .dealer-detail-summary .call-to-action { padding-bottom: 55px; } /* ========================================================================== 5.3.1. Get a Quote ========================================================================== */ #container.get-a-quote { padding-top: 130px; } .get-a-quote .dealers-detail-wrapper { background: none; border: none; margin: 10px auto 0; width: 988px; background-color: #fff; } .get-a-quote .dealers-detail-wrapper.send-to-mail-wrapper { background: none; } .get-a-quote .dealers-detail-wrapper.no-border { background: none; border: none; width: 990px; } .get-a-quote .dealer-detail-summary h1 { color: #333; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.385em; font-weight: normal; left: 0; margin: 0; padding-bottom: 0; padding-top: 5px; position: absolute; top: -60px; } .get-a-quote .dealer-detail-summary h2 { display: none; } .get-a-quote .dealer-full-detail-wrapper .content { background-color: #FFFFFF; border: 1px solid #ababab; margin-bottom: 30px; padding-bottom: 20px; } .get-a-quote .tire-selection { background-color: #FFFFFF; padding-bottom: 20px; } .get-a-quote .dealer-full-detail-wrapper .content.tire-quote { border: none; } .get-a-quote .dealer-full-detail-wrapper .tire-selection { border-top: 1px solid #ababab; } .get-a-quote .get-quotes-other-tires .tire-selection { border-top: none; } .get-a-quote .get-quotes-other-tires .tire-selection:last-child { border-bottom: 1px solid #ababab; } .get-a-quote .dealer-detail-tires { padding-bottom: 0; width: auto; } .get-a-quote .dealer-detail-summary h3 { float: none; font-size: 1.692em; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; } .get-a-quote .dealer-full-detail-wrapper .detail-column:nth-of-type(1) .dealer-detail-badges { margin-bottom: 5px; } .get-a-quote .dealer-detail-summary .address { margin-top: 0; } .get-a-quote .dealer-detail-summary .telephone { font-size: 1.538em; margin-bottom: 0px; margin-top: 0px; } .get-a-quote .dealer-full-detail-wrapper .quote-options { margin-top: 30px; } .get-a-quote .dealer-full-detail-wrapper .quote-options p { font-weight: bold; } .get-a-quote .get-quote-for-tire { display: none; } .get-a-quote .dealer-detail-tires .product-image { margin-left: 10px; } .get-a-quote .tire-selection .detail-column:nth-of-type(1) { margin-left: 0; } .get-a-quote .dealer-detail-tires .tire-detail { margin-left: 140px; } .get-a-quote .tire-selection .sap-code, .get-a-quote .tire-selection .benefits, .get-a-quote .tire-selection .technologies { display: none; } .get-a-quote .tire-selection ul.price-technologies li { display: none; } .get-a-quote .tire-selection ul.price-technologies li.price { border: none; display: block; padding: 0; } .get-a-quote .dealer-detail-summary .eu-tire-ratings h2 { display: block; } .get-a-quote .dealer-detail-summary .performance h3 { font-size: 1em; text-transform: capitalize; } .get-a-quote .run-on-flat-wrapper { margin: 20px; } .get-a-quote .run-on-flat-wrapper .content { border: 1px solid #ababab; padding: 20px; } .get-a-quote .run-on-flat-wrapper img { float: left; } .get-a-quote .run-on-flat-wrapper p, .get-a-quote .run-on-flat-wrapper .choice { margin-bottom: 10px; margin-left: 120px; margin-top: 0; width: 650px; } .get-quotes-other-tires { margin-bottom: 20px; } .get-quotes-other-tires .show-hide-controls { background-color: #FFFFFF; border-bottom: none; padding: 0 20px 25px; } .get-quotes-other-tires .show-hide-controls.collapsed { border-bottom: 1px solid #ababab; } .get-quotes-other-tires .show-hide-controls a { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -736px -496px; color: #ffe01a; font-size: 1.154em; padding-left: 23px; text-decoration: none; } .get-quotes-other-tires .show-hide-controls.collapsed a { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -737px -370px; } .get-quotes-other-tires a.plain-link { display: block; margin-right: 20px; text-align: right; } .get-a-quote .get-quotes-other-tires .tire-selection.not-selected .tire-quote { opacity: 0.4; filter: Alpha(Opacity = 40); } .get-a-quote .get-quotes-other-tires .tire-selection.not-selected .run-on-flat-wrapper { opacity: 0.4; filter: Alpha(Opacity = 40); } /* ========================================================================== Dealer Locator - Quote ========================================================================== */ .dealer-detail.quote .dealer-detail-summary h1 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.385em; color: #fff; font-weight: normal; margin: 0; background-color: #000000; padding: 15px 0; border: 1px solid #ababab; text-indent: 20px; margin-top: 10px; width: 100%; margin-left: -1px; } .dealer-detail.quote .dealer-detail-summary h2 { font-size: 1.154em; margin-bottom: 5px; margin-top: 17px; } .dealer-detail.quote .dealer-detail-summary h3 { margin-top: 3px; font-weight: normal; float: none; } .dealer-detail.quote .dealer-detail-summary h3.dealer-name { font-weight: bold; } .dealer-detail.quote .section-tab-content-detail-wrapper .detail-column:nth-of-type(1) { padding-bottom: 20px; } .quote .dealer-detail-tires { margin-left: 0; } .quote .dealer-detail-tires .detail-column:nth-of-type(1) { margin-top: 0; margin-left: 0; } .quote .dealer-detail-tires .product-image { margin-left: 10px; margin-top: 5px; } .quote .dealer-detail-tires .tire-detail { margin-left: 155px; } .quote .dealer-detail-tires .tire-detail .sap-code { float: left; } .quote .dealer-detail-tires .tire-detail .description { float: left; } .quote .dealer-detail-tires .detail-column:nth-of-type(2) { margin-top: -10px; } .quote .eu-tire-ratings h2 { font-size: 1em !important; } .quote .performance h3 { color: #333; font-weight: bold !important; font-size: 1em; } .quote .eu-tire-ratings .tire-rating { margin-top: 0; } .quote .eu-tire-ratings .tire-rating ul { margin-top: 10px; } .quote .performance { margin-top: -25px; } /* quote breakdown */ .quote-breakdown-wrapper { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: normal; margin-top: -15px; } .quote-breakdown-wrapper .top { background: none !important; height: 10px !important; padding: 0 !important; } .quote-breakdown-wrapper .content { padding: 10px 20px !important; background-color: #f0f0f0 !important; border: 1px solid #ababab; margin-left: 175px; margin-right: 25px; margin-bottom: 20px; } .quote-breakdown-wrapper .tires, .quote-breakdown-wrapper .fitting, .quote-breakdown-wrapper .taxes { float: left; font-size: 1.23em; margin-top: 8px; } .quote-breakdown-wrapper .total { float: right; font-size: 2.15em; color: #333; margin-right: 45px; } .quote-breakdown-wrapper .fitting, .quote-breakdown-wrapper .taxes { font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif; font-weight: normal; } .quote-breakdown-wrapper .fitting, .quote-breakdown-wrapper .taxes { background: url(/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png) no-repeat scroll -700px -545px transparent !important; margin-left: 20px; padding-left: 35px; } .get-a-quote p.disclaimer { font-size: 0.9em; font-weight: lighter; margin-bottom: 20px; margin-right: 30px; margin-top: 0; text-align: right; } .quote .dealer-detail-tires { margin-bottom: 0; padding-bottom: 0; } .quote .dealers-detail-wrapper.dealer-location-and-directions h2 { margin-top: -3px; margin-bottom: 5px; color: #333; font-size: 1.38em; text-transform: uppercase; padding: 20px; } .quote .location-and-directions-wrapper { margin-top: 0; } .quote .location-and-directions-wrapper .directions-wrapper { margin-left: 20px; width: 450px; } .quote .dealers-detail-wrapper.dealer-location-and-directions h3 { margin-bottom: 5px; font-size: 1.18em; margin-top: 13px; color: #333; text-transform: uppercase; } .quote .dealers-detail-wrapper.dealer-location-and-directions .dealer-detail-badges { padding-bottom: 10px; border-bottom: 1px solid #ababab; } .quote .dealers-detail-wrapper.dealer-location-and-directions p.telephone { padding: 0; font-size: 1.385em; margin-bottom: 0; margin-top: 20px; color: #333; font-weight: bold; float: left; } .quote .dealers-detail-wrapper.dealer-location-and-directions p.make-appointment { font-size: 1em; margin-top: 23px; margin-left: 10px; color: #333; float: left; font-weight: lighter; } .quote .dealers-detail-wrapper.dealer-location-and-directions .dealer-contact-detail li { font-size: 1.08em; } .quote .dealer-contact-detail li a, .quote .dealer-contact-detail li span { color: #333; text-decoration: underline; } .quote .location-and-directions-wrapper .address-form-wrapper p.dealer-address { padding: 0; font-size: 1em; font-weight: normal; margin-bottom: 15px; } .quote .location-and-directions-wrapper .address-form-wrapper .info { border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding-top: 10px; padding-bottom: 5px; padding-left: 0; } .quote .location-and-directions-wrapper .address-form-wrapper form { padding-left: 0; } .quote .location-and-directions-wrapper .address-form-wrapper form input.fancy-input { margin-left: 0; } .quote .location-and-directions-wrapper .address-form-wrapper form button { width: 170px; background: none !important; color: #ffde00; } .quote .location-and-directions-wrapper .address-form-wrapper form button span { color: #333; text-transform: none; background: none !important; font-weight: normal; text-decoration: underline; } .quote .location-and-directions-wrapper .address-form-wrapper form button:hover span { color: #333; } .quote .location-and-directions-wrapper .map-wrapper { margin-left: 20px; } .quote .location-and-directions-wrapper .map-wrapper #map { width: 480px; margin-bottom: 20px; } /* send to mail wrapper */ .send-to-mail-wrapper { border: none; margin-top: 15px; margin-bottom: 20px; } .get-a-quote .send-to-mail-wrapper { border: none; margin-top: 15px; margin-bottom: 20px; } .send-to-mail-wrapper .call-to-action { float: right; width: auto; border: 1px solid #ababab; margin-top: 0; padding: 20px; background-color: #FFFFFF; } .send-to-mail-wrapper .call-to-action a { float: left; width: 125px; } .send-to-mail-wrapper .email-this-form-wrapper { float: left; width: 680px; margin-left: -1px; border: 1px solid #ababab; padding: 20px; width: 755px; padding-bottom: 10px; background-color: #FFFFFF; } .send-to-mail-wrapper .email-this-form-wrapper h2 { font-size: 1.16em; margin-right: 20px; display: inline; color: #333; } .send-to-mail-wrapper .email-this-form-wrapper .fancy-input { width: 200px; } .send-to-mail-wrapper .terms-and-conditions-wrapper { color: #525252; float: left; font-size: 0.93em; margin-left: 138px; margin-top: 10px; } .send-to-mail-wrapper .terms-and-conditions-wrapper label a { text-decoration: underline; } /* ========================================================================== 2.1.1 Browse Tires ========================================================================== */ #container.browse-tires { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(/dunlop_euen/Images/main-bg-browsetires_tcm2094-125752.jpg); background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; margin: 0 auto; padding-top: 95px; } #container.browse-tires .title { border-bottom: 0; padding-top: 0; } #container.browse-tires .title h1 { color: #fff; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.692em; font-weight: normal; margin-bottom: 30px; text-transform: uppercase; } .browse-tires .filter-wrapper { background-color: #000; border-bottom: 1px solid #323232; border-top: 1px solid #323232; margin: 0 auto; margin-bottom: 0px; position: relative; padding-top: 0; width: 940px; } .browse-tires .filter-wrapper .content-top { height: 0; } .browse-tires .filter-wrapper .vehicle-filter ul { margin: 0; margin-bottom: 15px; padding: 0; position: absolute; top: -40px; } .browse-tires .filter-wrapper .vehicle-filter ul li { background-color: #000; border: 1px solid #353535; float: left; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: bold; margin-right: 4px; padding: 12px 15px 10px; text-decoration: none; list-style-type: none; background: url(/dunlop_euen/Images/tab-inactive-bg_tcm2094-125753.png) repeat-x center center transparent; } .browse-tires .filter-wrapper .vehicle-filter ul li:last-child { border-right: none; } .browse-tires .filter-wrapper .vehicle-filter ul li a { color: #666666; text-decoration: none; } .browse-tires .filter-wrapper .vehicle-filter ul li a:hover { color: #FFF; } .browse-tires .filter-wrapper .vehicle-filter ul li.selected { border-bottom: 1px solid #000; color: #FFF; background: none; background-color: #000000; } .browse-tires .filter-wrapper .vehicle-filter ul li.selected a span { color: #FFF; } .browse-tires .filter-wrapper .tire-for-your-car { float: right; width: 570px; } .browse-tires .filter-wrapper .tire-for-your-car a { color: #ffde00; letter-spacing: 1px; } .browse-tires .filter-wrapper .tire-for-your-car h2 { font-size: 1.154em; font-weight: normal; margin-bottom: 4px; margin-top: 18px; padding-right: 20px; text-align: right; } .browse-tires .filter-wrapper .tire-for-your-car h2 a { background: url(/dunlop_euen/Images/grey-arrow_tcm2094-113977.gif) left center no-repeat; color: #ffde00; letter-spacing: 1px; padding-left: 12px; text-decoration: none; text-transform: uppercase; } .browse-tires .filter-wrapper .tire-for-your-car p { color: #FFF; float: right; margin-top: 0; padding-right: 20px; text-align: right; } .browse-tires .filter-wrapper .type-filter .heading h2 { color: #FFF; float: left; font-size: 1.154em; font-weight: normal; margin-top: 14px; padding-left: 15px; text-transform: uppercase; } .browse-tires .filter-wrapper .type-filter .showing p { clear: left; color: #FFF; float: left; margin-bottom: 20px; margin-top: 0; padding-left: 15px; } .browse-tires .filter-wrapper .type-filter .showing p strong { font-weight: bold; } .browse-tires .filter-wrapper .filter-buttons { background-color: #ffde00; clear: both; height: 85px; background-image: url(/dunlop_euen/Images/dunlop-logo-small_tcm2094-125750.png); background-repeat: no-repeat; background-position: 880px center; } .browse-tires .filter-wrapper .filter-buttons ul { float: left; margin: 0; margin-bottom: 25px; margin-right: 10px; margin-top: 15px; padding: 0; } .browse-tires .filter-wrapper .filter-buttons ul:first-child { padding-left: 20px; } .browse-tires .filter-wrapper .filter-buttons ul li { float: left; list-style-type: none; margin: 0; padding: 0; } .browse-tires .filter-wrapper .filter-buttons ul.lightbox-trigger li a { padding: 9px 0 0; } .browse-tires .filter-wrapper .filter-buttons ul li a { border: 1px solid #000; display: block; color: #000; font-size: 0.923em; font-weight: bold; padding: 15px 10px; position: relative; text-align: left; text-transform: uppercase; text-decoration: none; outline: none; } .browse-tires .filter-wrapper .filter-buttons ul li.selected a, .browse-tires .filter-wrapper .filter-buttons ul li a:hover { background-color: #000; color: #FFF; } .browse-tires .filter-wrapper .filter-buttons ul li.selected a span, .browse-tires .filter-wrapper .filter-buttons ul li a:hover span { background: transparent url(/dunlop_euen/Images/black-arrow_tcm2094-113972.gif) no-repeat center bottom; padding-bottom: 24px; } .browse-tires .filter-wrapper .filter-buttons ul.tire-type-filter li a { border-right: none; } .browse-tires .filter-wrapper .filter-buttons ul.tire-type-filter li:last-child a { border-right: 1px solid #353535; } .browse-tires .filter-wrapper .filter-buttons ul.tire-extras-filter li:first-child a { margin-right: 10px; } .browse-tires .filter-wrapper .filter-buttons .lightbox-trigger a { background: none; border: none; color: #000; padding: 0; padding-top: 15px; text-decoration: underline; text-transform: capitalize; max-width: 80px; } .lang-de-DE .browse-tires .filter-wrapper .filter-buttons .lightbox-trigger a { text-transform: none; } .browse-tires .filter-wrapper .filter-buttons ul li a span, :root .browse-tires .filter-wrapper .filter-buttons ul li a span { letter-spacing: -1px\9; } .browse-tires .filter-wrapper .filter-buttons .lightbox-trigger a:hover { background: none; } .browse-tires .tire-group-wrapper { color: #000000; font-family: Arial, sans-serif; font-weight: normal; margin: 0 auto; margin-bottom: 0px; width: 940px; background-color: #FFFFFF; } .browse-tires .tire-group-wrapper .bottom { background-color: #e3e3e6; height: 20px; display: block; } .browse-tires .tire-group-wrapper a { color: #333333; font-weight: bold; text-decoration: none; } .browse-tires .tire-group-wrapper:last-child { padding-bottom: 200px; } .browse-tires .tire-group-wrapper .tire-group .heading { margin-bottom: 15px; background-color: #000000; margin-top: 0; padding-top: 0; background: url(/dunlop_euen/Images/heading-gradient-bg_tcm2094-125751.png) repeat-x top #000000; } .browse-tires .tire-group-wrapper .tire-group .heading h2 { color: #FFF; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.692em; font-weight: normal; margin-bottom: 6px; text-transform: uppercase; margin-top: 0; padding-top: 10px; padding-left: 20px; } .browse-tires .tire-group-wrapper .tire-group .heading p { color: #FFF; margin-top: 0; padding-left: 20px; padding-bottom: 10px; } .browse-tires .tire-group-wrapper .tire-group .heading p a { color: #ffde00; } .browse-tires .tire-group-wrapper .tire-row { border-top: 1px solid #848587; clear: both; padding-top: 20px; margin-left: 20px; margin-right: 20px; } .browse-tires .tire-group-wrapper .tire-row.first { border-top: none; } .browse-tires .tire-group-wrapper .tire-row:before, .browse-tires .tire-group-wrapper .tire-row:after { content: ""; display: table; } .browse-tires .tire-group-wrapper .tire-row:after { clear: both; } .browse-tires .tire-group-wrapper .tire-row { zoom: 1; } .ie7 .browse-tires .tire-group-wrapper .tire-row { margin-bottom: 20px; } .browse-tires .tire-group-wrapper .tire-row .tire-item { border-right: 1px solid #848587; float: left; margin-bottom: 25px; margin-right: 14px; width: 285px; } .ie7 .browse-tires .tire-group-wrapper .tire-row .tire-item { width: 275px; } .browse-tires .tire-group-wrapper .tire-row .tire-item.last { margin-right: 0; } .browse-tires .tire-group-wrapper .tire-row .tire-item:nth-child(3) { border-right: none; margin-right: 0; padding-right: 0; } .browse-tires .tire-group-wrapper .tire-row .tire-item .image { float: left; width: 80px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info { float: right; width: 195px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info h3 { margin-top: 0; padding-right: 15px; } .ie7 .browse-tires .tire-group-wrapper .tire-row .tire-item .info h3 { margin-bottom: 12px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info h3 a { color: #333333; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info h3 a:hover { text-decoration: underline; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info ul { float: left; list-style-type: none; padding-left: 0; margin: 0 0 15px -8px; } .ie7 .browse-tires .tire-group-wrapper .tire-row .tire-item .info ul { margin-top: 0; margin-bottom: 0; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info ul li { border-right: 1px solid #353535; float: left; height: 20px; width: 35px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info ul li:last-of-type { border-right: none; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info ul li { text-indent: -9999em; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .new { color: #333; text-indent: 0; float: left; width: auto; margin-left: 8px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .new span { background-color: #FFFFFF; padding: 3px 5px; margin-right: 10px; float: left; margin-top: 0; text-transform: uppercase; font-size: 0.8em; font-weight: bold; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .studded { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -219px -508px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .studdable { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -218px -565px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .mud-and-snow { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -189px -453px; width: 70px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .on-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -329px -451px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .on-off-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -329px -507px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .off-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -330px -564px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info p { clear: both; display: block; line-height: 1.385em; padding-right: 15px; } .ie7 .browse-tires .tire-group-wrapper .tire-row .tire-item .info p { margin-bottom: 10px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .learn-more { display: inline; line-height: 1.385em; padding-right: 15px; } .ie7 .browse-tires .tire-group-wrapper .tire-row .tire-item .info .learn-more { margin-top: -10px; } .browse-tires .tire-group-wrapper .tire-row .tire-item .info .rof { margin-top: 10px; } .browse-tires .tire-buying-performance-wrapper { display: none; } /* ========================================================================== 3.3.5 Search Results ========================================================================== */ #container.tire-search-results { color: #FFF; padding-top: 50px; } #container.tire-search-results a:hover { text-decoration: underline; } #container.tire-search-results .title { padding-top: 0; } #container.tire-search-results .your-tire-size { background: url(/dunlop_euen/Images/search-wrapper-bg_tcm2094-109391.png) repeat scroll 0 0 transparent; height: 126px; margin: 0 auto; padding: 20px; width: 950px; } #container.tire-search-results .your-tire-size .title { padding-bottom: 20px; padding-left: 0; width: auto; } #container.tire-search-results .your-tire-size .title h1 { color: #FFF; font-family: 'HelveticaNeueW01-HvExt', Arial, sans-serif; font-size: 1.154em; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; } #container.tire-search-results .your-tire-size .title .subhead { font-size: 1em; } #container.tire-search-results .your-tire-size .current-tire-size ul { list-style-type: none; margin: 0; padding: 0; } #container.tire-search-results .your-tire-size .current-tire-size ul li { border-right: 1px solid #555; float: left; padding: 15px 0; width: 150px; } #container.tire-search-results .your-tire-size .current-tire-size ul li:last-child { border-right: none; } #container.tire-search-results .your-tire-size .current-tire-size ul li .label { color: #c7c8cd; display: block; font-size: 1em; font-weight: bold; text-align: center; text-transform: uppercase; } #container.tire-search-results .your-tire-size .current-tire-size ul li strong { color: #ffde00; display: block; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 2.615em; font-weight: normal; text-align: center; } #container.tire-search-results .your-tire-size .current-tire-size .button { float: left; margin-left: 20px; margin-top: 20px; } #container.tire-search-results .your-tire-size .current-tire-size .button a { background: #ffde00 url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 150px 18px; color: #000; display: block; font-size: 1.154em; font-weight: bold; padding: 15px; text-decoration: none; text-transform: uppercase; width: 145px; } #container.tire-search-results .your-tire-size .current-tire-size .button a:hover { background: #525252 url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 150px -39px; color: #ffde00; } #container.tire-search-results .search-results { color: #333; clear: both; margin: 0 auto; width: 990px; } #container.tire-search-results .search-results .content { background-color: #FFFFFF; } #container.tire-search-results .search-results .close-matches { color: #fff; clear: both; margin: 0 auto; width: 970px; background-color: none; } #container.tire-search-results .search-results .close-matches .content { background-color: #2A2A2A; } #container.tire-search-results .filter-search-results .content-top { background-color: #ffde00; height: 71px; padding: 5px 20px; } .ie7 #container.tire-search-results .filter-search-results .content-top { padding-bottom: 15px; } #container.tire-search-results .filter-search-results .title { float: left; padding-bottom: 0; padding-left: 0; padding-top: 20px; width: 250px; } #container.tire-search-results .search-results .title h2 { color: #000; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.154em; font-weight: normal; margin-bottom: 6px; margin-top: 0; } #container.tire-search-results .search-results .title .showing { color: #000; float: left; } #container.tire-search-results .search-results .title .showing strong { color: #000; font-weight: bold; } #container.tire-search-results .search-results .filter-buttons { float: right; text-align: right; width: 666px; } #container.tire-search-results .search-results .filter-buttons ul { float: left; margin-right: 15px; padding-left: 0; text-align: right; } #container.tire-search-results .search-results .filter-buttons ul li { float: left; list-style-type: none; } #container.tire-search-results .search-results .filter-buttons ul li a { border: 1px solid #000; color: #000; display: block; font-size: 1.154em; font-weight: bold; padding: 15px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; } #container.tire-search-results .search-results .filter-buttons ul li.selected a, #container.tire-search-results .search-results .filter-buttons ul li a:hover { background-color: #000; } #container.tire-search-results .search-results .filter-buttons ul li.selected a span, #container.tire-search-results .search-results .filter-buttons ul li a:hover span { color: #FFF; background: url(/dunlop_euen/Images/down-arrow_tcm2094-113340.png) no-repeat center bottom; padding-bottom: 24px; } #container.tire-search-results .search-results .filter-buttons ul.tire-group-filter li a { border-right: 0; } #container.tire-search-results .search-results .filter-buttons ul.tire-group-filter li.last a { border-right: 1px solid #000; } #container.tire-search-results .search-results .filter-buttons ul.tire-extras-filter { margin-right: 0; } #container.tire-search-results .search-results .content-bottom { background: url(/dunlop_euen/Images/search-wrapper-bg_tcm2094-109391.png) repeat scroll 0 0 transparent; border-bottom: 1px solid #353535; clear: both; padding: 20px 20px 30px; } #container.tire-search-results .search-results .content-bottom .need-help { float: left; width: 300px; } #container.tire-search-results .search-results .content-bottom .need-help a { color: #fff; text-decoration: none; } #container.tire-search-results .search-results .content-bottom .tire-ratings { float: right; text-align: right; width: 600px; } #container.tire-search-results .search-results .content-bottom .tire-ratings a { color: #ffde00; text-decoration: none; } #container.tire-search-results .search-results .tire-group { clear: both; padding: 0; margin-bottom: 40px; } #container.tire-search-results .search-results .tire-group.tire-group-summer .intro h2, #container.tire-search-results .search-results .tire-group.tire-group-all-seasons .intro h2, #container.tire-search-results .search-results .tire-group.tire-group-winter .intro h2 { padding-left: 40px; background: url(/dunlop_euen/Images/tire-types-sprite_tcm2094-125757.png) no-repeat left 0 transparent; } #container.tire-search-results .search-results .tire-group.tire-group-summer .intro h2 { background-position: 0 0; } #container.tire-search-results .search-results .tire-group.tire-group-all-seasons .intro h2 { background-position: 0 -53px; } #container.tire-search-results .search-results .tire-group.tire-group-winter .intro h2 { background-position: 0 -115px; } #container.tire-search-results .search-results .tire-group .intro { margin-bottom: 0px; background-color: #000000; margin-top: 0; padding-top: 0; background: url(/dunlop_euen/Images/heading-gradient-bg_tcm2094-125751.png) repeat-x top #000000; border-top: 1px solid #555555; color: #FFFFFF; border-left: 1px solid #555555; border-right: 1px solid #555555; } #container.tire-search-results .search-results .tire-group .intro { border-bottom: 1px solid #323232; } #container.tire-search-results .search-results .tire-group .intro h2 { font-family: 'HelveticaNeueW01-85Heav', 'HelveticaNeueW02-85Heav', 'HelveticaNeueW15-85Heav', 'HelveticaNeueW10-85Heav', Arial, sans-serif; font-size: 1.231em; font-weight: normal; margin-bottom: 7px; margin-top: 0px; text-transform: uppercase; padding-left: 20px; padding-top: 15px; } #container.tire-search-results .search-results .tire-group .intro p { font-size: 1em; margin-bottom: 10px; margin-top: 0; color: #fff; padding-left: 20px; } #container.tire-search-results .search-results .tire-group .intro p a { color: #ffde00; text-decoration: none; } #container.tire-search-results .search-results .tire-group .tire { border-bottom: 1px solid #ababab; padding-top: 30px; background-color: #FFFFFF; } #container.tire-search-results .search-results .tire-group .tire .image { float: left; padding: 0 50px 0 30px; } #container.tire-search-results .search-results .tire-group .tire .description { border-right: 1px solid #ababab; float: left; margin-bottom: 20px; margin-right: 20px; padding-bottom: 30px; padding-right: 10px; padding-top: 0; position: relative; width: 280px; } #container.tire-search-results .search-results .tire-group .tire .description h3 { color: #FFDE00; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.385em; font-weight: normal; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } #container.tire-search-results .search-results .tire-group .tire .description h3 a { text-decoration: none; color: #333; } #container.tire-search-results .search-results .tire-group .tire .description h3 a:hover { text-decoration: underline; } #container.tire-search-results .search-results .tire-group .tire .description h3 .new { /*background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -111px; height: 17px; width: 33px;*/ } #container.tire-search-results .search-results .tire-group .tire .description h3 .new strong { /*visibility: hidden;*/ } #container.tire-search-results .search-results .tire-group .tire .description p { color: #333; line-height: 1.385em; margin-top: 0; } #container.tire-search-results .search-results .tire-group .tire .description ul.benefits { display: none; } #container.tire-search-results .search-results .tire-group .tire .description p a { color: #333; text-decoration: underline; } #container.tire-search-results .search-results .tire-group .tire .description .price { height: 36px; width: 87px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v0 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -490px -624px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v1 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -491px -585px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v2 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -490px -546px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v3 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -490px -507px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v4 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -490px -468px; } #container.tire-search-results .search-results .tire-group .tire .description .price.v5 { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -490px -430px; } #container.tire-search-results .search-results .tire-group .tire .description ul { border: 1px solid #353535; float: left; list-style-type: none; padding-left: 0; margin: 10px 0 15px 0; } #container.tire-search-results .search-results .tire-group .tire .description ul li { border-right: 1px solid #353535; float: left; height: 36px; width: 35px; } #container.tire-search-results .search-results .tire-group .tire .description ul li:last-of-type { border-right: none; } #container.tire-search-results .search-results .tire-group .tire .description ul li { text-indent: -9999em; } #container.tire-search-results .search-results .tire-group .tire .description .all-seasons { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -105px -446px; } #container.tire-search-results .search-results .tire-group .tire .description .summer { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -103px -501px; } #container.tire-search-results .search-results .tire-group .tire .description .winter { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -105px -559px; } #container.tire-search-results .search-results .tire-group .tire .description .mud-and-snow { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -189px -446px; width: 70px; } #container.tire-search-results .search-results .tire-group .tire .description .studded { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -218px -501px; } #container.tire-search-results .search-results .tire-group .tire .description .studdable { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -219px -559px; } #container.tire-search-results .search-results .tire-group .tire .description .on-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -329px -444px; } #container.tire-search-results .search-results .tire-group .tire .description .on-off-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -329px -500px; } #container.tire-search-results .search-results .tire-group .tire .description .off-road { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -330px -557px; } #container.tire-search-results .search-results .tire-group .tire .description .run-on-flat { color: #aaa; font-size: 0.846em; } #container.tire-search-results .search-results .tire-group .tire .description .run-on-flat img { display: block; margin-top: 3px; } #container.tire-search-results .search-results .tire-group .tire .description .review-cover { display: none; } #container.tire-search-results .search-results .tire-group .tire .description .rof { color: #aaa; float: left; font-size: 0.923em; margin-left: 10px; text-align: right; width: auto; } #container.tire-search-results .search-results .tire-group .tire .description .rof img { display: block; margin-top: 8px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings { margin-top: 0; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings h4 { text-transform: none; font-size: 1em; border: none; margin-top: 7px; padding: 0; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .read-more { display: none; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating { float: left; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul { list-style: none; margin: 5px 0 0; padding: 0; width: 260px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat 30px 5px; height: 30px; margin-bottom: 10px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li span.icon { display: block; text-indent: -99999em; float: left; width: 20px; height: 20px; padding-left: 10px; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -99999em -99999em; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.fuel-efficiency span { background-position: -302px 0; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.wet-grip span { background-position: -300px -50px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.noise span { background-position: -400px -100px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.noise.l1 span { background-position: -300px -100px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.noise.l2 span { background-position: -350px -100px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li.noise.l3 span { background-position: -400px -100px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li span.values span.value { color: #fff; display: block; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -300px -200px; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; float: left; font-size: 1em; font-weight: normal; height: 18px; padding-top: 1px; text-align: center; width: 20px; margin-right: -2px; line-height: 16px; } .ie7 #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li span.values span.value { line-height: 16px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar { background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat scroll 0 -45px transparent !important; display: block; float: left; padding-top: 0; margin-left: -2px; } #container.tire-search-results .search-results .tire-group .tire.specific .eu-tire-ratings .tire-rating ul li span.values span.bar { display: none; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar span.value { float: right !important; margin-left: 0; margin-right: -2px; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li span.values span.value.db { background-position: -300px -150px; width: 45px; text-align: left; padding-left: 5px; font-weight: bold; } #container.tire-search-results .search-results .tire-group .tire .eu-tire-ratings .tire-rating ul li span.values span.value.db { background-position: -300px -150px; width: 40px; text-align: left; padding-left: 7px; font-weight: normal; } #container.tire-search-results .search-results .tire-group .tire .performance { float: right; width: 170px; border-left: 1px solid #ababab; margin-top: -30px; padding-left: 20px; margin-right: 25px; } #container.tire-search-results .search-results .tire-group .tire .performance h4 { font-size: 1em; color: #333; margin-top: 0; } #container.tire-search-results .search-results .tire-group .tire .performance ul { color: #333; font-size: 0.77em; list-style: none; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; margin-top: -7px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li { margin-bottom: 5px; /* height: 25px;*/ } #container.tire-search-results .search-results .tire-group .tire .performance ul li span { margin: 0; padding: 0; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.title { display: block; padding: 0; width: auto; margin: 0; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating { display: block; height: 10px; margin-top: 5px; text-indent: -99999px; width: 180px; background: url(/dunlop_euen/Images/tire-ratings-small-sprite_tcm2094-114003.png) no-repeat -99999em -99999em; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r00 { background-position: 0 -429px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r05 { background-position: 0 -396px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r10 { background-position: 0 -363px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r15 { background-position: 0 -330px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r20 { background-position: 0 -297px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r25 { background-position: 0 -264px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r30 { background-position: 0 -232px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r35 { background-position: 0 -199px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r40 { background-position: 0 -166px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r45 { background-position: 0 -133px; } #container.tire-search-results .search-results .tire-group .tire .performance ul li span.rating.r50 { background-position: 0 -100px; } #container.tire-search-results .search-results .tire-group .tire.performance .eu-tire-ratings { display: none; } #container.tire-search-results .search-results .tire-group .tire.performance .performance { width: 460px; border: none; float: left; padding: 0; margin-top: 0; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating { width: 465px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r00 { background-position: -500px -396px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r05 { background-position: -500px -366px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r10 { background-position: -500px -337px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r15 { background-position: -500px -307px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r20 { background-position: -500px -278px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r25 { background-position: -500px -248px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r30 { background-position: -500px -248px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r35 { background-position: -500px -189px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r40 { background-position: -500px -159px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r45 { background-position: -500px -130px; } #container.tire-search-results .search-results .tire-group .tire.performance .performance ul li span.rating.r50 { background-position: -500px -100px; } #container.tire-search-results .search-results .close-matches { background-color: #2a2a2a; border: 1px solid #353535; clear: both; margin-bottom: 30px; margin-top: 30px; padding: 5px 0px 5px 20px; } #container.tire-search-results .search-results .close-matches .content p { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -170px; padding: 10px 0; padding-left: 50px; } #container.tire-search-results .search-results .no-results { background-color: #ffffff; border: 1px solid #ababab; clear: both; margin-bottom: 30px; margin-top: 30px; padding: 5px 20px; } #container.tire-search-results .search-results .no-results .content h2 { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -170px; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.154em; font-weight: normal; margin-bottom: 0; padding: 10px 0; padding-left: 50px; } #container.tire-search-results .search-results .no-results .content p { font-size: 1em; font-weight: normal; margin-top: 0; padding-left: 50px; } #container.tire-search-results .search-results .no-results .content ol { line-height: 25px; padding-left: 70px; } #container.tire-search-results .search-results .no-results .content p.get-help a { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -227px; color: #333; padding-left: 25px; text-decoration: none; } #container.tire-search-results .search-results .tire-group .no-matches-in-group { margin-bottom: 40px; background-color: #FFFFFF; } #container.tire-search-results .search-results .tire-group .no-matches-in-group h3 { padding: 25px 20px 25px; background-color: #FFFFFF; color: #333; margin: 0; } #container.tire-search-results .search-results .tire-group .no-matches-in-group h3 a { color: #333; background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -332px; font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-size: 1.154em; font-weight: normal; padding-left: 35px; text-decoration: none; } #container.tire-search-results .search-results .tire-group .no-matches-in-group h3.expanded { border-bottom: 0; } #container.tire-search-results .search-results .tire-group .no-matches-in-group h3.expanded a { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -276px; } #container.tire-search-results .search-results .tire-group .no-matches-in-group .no-matches-content { border-bottom: 1px solid #323232; display: none; padding-bottom: 20px; background-color: #FFFFFF; } #container.tire-search-results .search-results .tire-group .no-matches-in-group p { font-size: 1em; font-weight: normal; padding-left: 35px; } #container.tire-search-results .search-results .tire-group .no-matches-in-group ol { line-height: 25px; padding-left: 55px; } #container.tire-search-results .search-results .tire-group .no-matches-in-group p.get-help a { background: url(/dunlop_euen/Images/dunlop-search-results-sprite_tcm2094-112741.png) no-repeat 0 -227px; color: #333; padding-left: 25px; text-decoration: none; } #container.tire-search-results .search-results .tire-group .tire .other-close-matches-wrapper { clear: both; padding-left: 180px; width: 480px; margin-bottom: 20px; } #container.tire-search-results .search-results .tire-group .tire .other-close-matches-wrapper h3 { margin: 0; } #container.tire-search-results .search-results .tire-group .tire .other-close-matches-wrapper h3 a { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -793px -672px; color: #FFF; font-size: 14px; font-weight: bold; padding-left: 15px; text-decoration: none; text-transform: uppercase; } #container.tire-search-results .search-results .tire-group .tire .other-close-matches-wrapper h3.expanded a { background: url('/dunlop_euen/Images/dealer-locator-sprite_tcm2094-133988.png') no-repeat -793px -620px; } #container.tire-search-results .search-results .tire-group .tire .other-close-matches-wrapper .other-close-matches-content { display: none; } /* ========================================================================== Terms & Conditions ========================================================================== */ .lightbox.explanation blockquote { clear: both; margin: 0; } .lightbox.explanation blockquote a.decline-terms { display: block; margin-left: 11px; padding-top: 15px; } .lightbox.explanation .video-container { height: 495px; width: 660px; } /* ========================================================================== Pre Home Page ========================================================================== */ .no-background { background: none !important; margin-bottom: 0 !important; } .pre-homepage-wrapper { padding: 20px 0; width: 990px; border: 1px solid #aaaaaa; margin: 0px auto 20px auto; background-color: #FFFFFF; } .pre-homepage-wrapper .column { float: left; padding-left: 20px; } .ie7 .pre-homepage-wrapper .column-390 img { margin-bottom: 20px; } .pre-homepage-wrapper .column-390 { width: 368px; } .pre-homepage-wrapper .column-390 .inner-content { width: 368px; border-right: 1px solid #aaaaaa; } .pre-homepage-wrapper .column-195 { width: 175px; } .pre-homepage-wrapper .column h2 { color: #333; font-size: 21px; font-weight: normal; margin-bottom: 3px; font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif; } .pre-homepage-wrapper .column p.grey { color: #999; font-weight: normal; margin: 0; } .pre-homepage-wrapper .column p a { background: url(/dunlop_euen/Images/small-grey-arrow_tcm2094-117408.png) no-repeat scroll left center transparent; font-family: Arial, sans-serif; font-size: 1em; font-weight: normal; text-decoration: none; padding-left: 10px; color: #333333; } .pre-homepage-button-wrapper { height: 65px; width: 990px; background: url("../Images/pre-home/pre-home-button-bg.jpg") no-repeat scroll left center transparent; margin: 0px auto; } .pre-homepage-button-wrapper .column { text-align: center; float: left; width: 495px; } .pre-homepage-button-wrapper .column a { text-decoration: none; font-family: 'HelveticaNeueW01-45Ligh', 'HelveticaNeueW02-45Ligh', 'HelveticaNeueW15-45Ligh', 'HelveticaNeueW10-45Ligh', Arial, sans-serif; font-weight: bold; float: left; padding: 25px 0; width: 495px; } /* ========================================================================== Tire Label page ========================================================================== */ #container.generic-page { background: none; border-top: 1px solid #ababab; } .generic-page .box-content { border: 1px solid #ababab; width: 990px; margin: 0 auto; } .generic-page .content { width: 612px; float: left; margin: 0 0 0 22px; padding: 0 0 10px 0; } .generic-page .tire-label { width: 280px; float: right; margin: 20px 20px 0 0; } .generic-page .content .summary { color: #333; font-size: 15px; font-weight: bold; } #container.generic-page .title { padding-bottom: 22px; } #container.generic-page .title h1 { color: #333; } .generic-page .box-content { background: #fff; border: 1px solid #ababab; } .generic-page .box .top { height: 6px; } .generic-page .content { width: 612px; float: left; padding: 0; margin-left: 20px; } .tire-lable-page .generic-page .content { border-bottom: 1px solid #ababab; } .tire-label-page .generic-page .content:last-child { border-bottom: none; } .generic-page .content-wrapper { width: 660px; } .generic-page .sidebar { width: 280px; float: right; margin: 0px 20px 0 0; } .generic-page .content .summary { color: #333; font-size: 15px; font-weight: bold; } .generic-page .summary, .generic-page .summary_with_image, .generic-page .para, .generic-page .para_image-lrg, .generic-page .para_image-med, .generic-page .para_image-sml, .generic-page .image-lrg_para, .generic-page .image-med_para, .generic-page .image-sml_para { width: 620px; } .generic-page .image { margin-top: 10px; margin-bottom: 10px; } .generic-page .para_image-lrg .image img { float: right; margin-top: 34px; } .generic-page .video { margin-top: 0; } .ie7 .generic-page .image img { margin-bottom: 10px; } .generic-page .summary { margin-bottom: 5px; margin-top: 5px; } .generic-page .summary h2 { margin: 0; font-size: 1.15em; } .generic-page .summary p { font-weight: bold; margin: 5px 0 10px; line-height: 1.5em; } .generic-page .summary_with_image .image { float: left; margin-top: 12px; margin-left: 2px; margin-right: 12px; } .generic-page .summary_with_image .summary { float: left; border: none; width: 510px; } .generic-page .para { color: #333; } .generic-page .para p { font-size: 1em; } .generic-page .para ul { list-style: none; padding-left: 20px; } .generic-page .para ul li { font-size: 1em; padding-left: 10px; margin-bottom: 0.5em; list-style: disc; } .generic-page .para ul.is-nav { padding-left: 0; } .generic-page .para ul.is-nav li { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; margin-bottom: 5px; margin-top: 5px; padding-left: 0px; list-style: none; } .generic-page .para h2, .generic-page .para h3, .generic-page .para h4, .generic-page .para h5, .generic-page .para h6 { font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif; font-weight: normal; color: #333; font-size: 1em; margin-bottom: 5px; } .ie7 .generic-page .para h2, .ie7 .generic-page .para p { margin-top: 1em; } .ie7 .generic-page .para p { margin-bottom: 1em; } .generic-page .para h2, .generic-page .para h3, .generic-page .para h4, .generic-page .para h5, .generic-page .para h6 { font-size: 1em; margin-bottom: -0.7em; } .generic-page .para ol li { margin-bottom: 1em; } .generic-page .para_image-lrg .para { border: none; float: left; width: 270px; } .generic-page .para_image-lrg .image { float: right; width: 330px; margin-right: 6px; } .generic-page .para_image-med .para { border: none; float: left; width: 405px; } .generic-page .para_image-med .image { float: right; width: 200px; } .generic-page .para_image-sml .para { border: none; float: left; width: 505px; } .generic-page .para_image-sml .image { float: right; width: 97px; } .generic-page .image-lrg_para .image { float: left; width: 330px; margin-right: 15px; } .generic-page .image-lrg_para .para { float: left; border: none; width: 260px; } .generic-page .image-med_para .image { width: 190px; float: left; margin-right: 15px; } .generic-page .image-med_para .para { width: 410px; float: left; border: none; } .generic-page .image-sml_para .image { float: left; width: 90px; margin-right: 15px; } .ie7 .generic-page .image-sml_para .image { padding-bottom: 15px; } .generic-page .image-sml_para .para { float: left; width: 495px; border: none; } .generic-page p.is-disclaimer { color: #525252; font-size: 0.85em; line-height: 1.6em; } .generic-page p.is-disclaimer a { color: #525252; text-decoration: none; } .generic-page p.is-disclaimer a:hover { text-decoration: underline; } /* Tire Label Page 1 Column Layout*/ .generic-page.l-1-col .content { width: 96%; float: left; padding: 0; margin-left: 20px; margin-right: 20px; } .generic-page.l-1-col .summary, .generic-page.l-1-col .summary_with_image, .generic-page.l-1-col .para, .generic-page.l-1-col .para_image-lrg, .generic-page.l-1-col .para_image-med, .generic-page.l-1-col .para_image-sml, .generic-page.l-1-col .image-lrg_para, .generic-page.l-1-col .image-med_para, .generic-page.l-1-col .image-sml_para { width: 100%; } .generic-page.l-1-col .image-sml_para .image { float: left; width: 80px; margin-right: 15px; } .generic-page.l-1-col .image-sml_para .para { float: left; width: 841px; border: none; } .generic-page.l-1-col .para_image-sml .image { float: right; width: 80px; } .generic-page.l-1-col .para_image-sml .para { border: none; float: left; width: 841px; } .generic-page.l-1-col .para_image-med .image { float: right; width: 180px; } .generic-page.l-1-col .para_image-med .para { border: none; float: left; width: 740px; } .generic-page.l-1-col .image-med_para .image { width: 180px; float: left; margin-right: 15px; } .generic-page.l-1-col .image-med_para .para { width: 740px; float: left; border: none; } .generic-page.l-1-col .para_image-lrg .image { float: right; width: 300px; } .generic-page.l-1-col .para_image-lrg .para { border: none; float: left; width: 621px; } .generic-page.l-1-col .image-lrg_para .image { float: left; width: 300px; margin-right: 15px; } .generic-page.l-1-col .image-lrg_para .para { float: left; border: none; width: 621px; } .ie7 .generic-page.l-1-col .image-sml_para .image { padding-bottom: 15px; } /* ========================================================================== Tire Label Page - Video ========================================================================== */ .generic-page .video { margin-top: 0em; margin-bottom: 9.5em; } .generic-page .video h3 { font-size: 1em; } .generic-page .video .figure { margin: 0; position: relative; } .generic-page .video .figure .figcaption { bottom: 0; position: absolute; background: url(/dunlop_euen/Images/transparent-dark-bg_tcm2094-125801.png) repeat; padding: 10px; width: 260px; color: #fff; } .product-page .videos .video .figure.is-video span.icn-play, .generic-page .video .figure.is-video span { position: absolute; left: 40%; top: 35%; background-image: url(/dunlop_euen/Images/play-sprite_tcm2094-125803.png); background-repeat: no-repeat; background-position: 0 0; width: 51px; height: 40px; text-indent: -999em; } .product-page .videos video a:hover span.icn-play, .generic-page .video a:hover .figure.is-video span { background-position: 0 -50px; } #player { width: 665px; height: 480px; } /* ========================================================================== Dunlop - Cookie Legislation ========================================================================== */ /* ========================================================================== Dunlop Truck Variables date: 2012-02-03 author: Rodolfo Caldeira ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Font family */ /* Font size */ /* body font size is 13px */ /* Color */ /* ========================================================================== Helpers ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .less-cf { display: inline-block; } .less-cf:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } * html .less-cf { height: 1%; } .less-cf { display: block; } .cookie-legislation { display: inline-block; display: block; padding: 10px; display: none; background-color: #f7f7f7; border-bottom: 1px solid #dddddd; font-family: Arial, sans-serif; } .cookie-legislation:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .cookie-legislation:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .ie7 .cookie-legislation { margin-bottom: -5px; } .cookie-legislation .cookie-legislation-inner { width: 940px; margin: 5px auto; position: relative; } .cookie-legislation p, .cookie-legislation a { font-weight: bold; font-size: 0.95em; } .cookie-legislation p { margin: 0; padding: 0; float: left; color: #777777; width: 75%; } .cookie-legislation a { color: #777777; text-decoration: underline; } .cookie-legislation a.is-details { padding: 4px 8px; background-color: #ffde00; text-decoration: none; text-align: center; float: right; margin-top: -4px; margin-right: 35px; max-width: 15%; color: #000000; } .oldie .cookie-legislation a.is-details { width: 15%; } .cookie-legislation a.is-close-button { background: url(/dunlop_euen/Images/fancybox-close_tcm2094-107969.png) no-repeat; text-indent: -999em; display: block; position: absolute; right: 0; width: 24px; height: 22px; top: -4px; } /* ========================================================================== EU Tire Ratings ========================================================================== */ /* Product pages */ /* discrete values vA, vB, etc. */ #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vA { margin-left: 0; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vB { margin-left: 46.46666666666666px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vC { margin-left: 101.13333333333334px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vD { margin-left: 155.8px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vE { margin-left: 210.46666666666667px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vF { margin-left: 265.1333333333333px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.vG { margin-left: 311px; } /* discrete noise levels vN1, vN2, vN3, etc. */ #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN1 { margin-left: 0; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN2 { margin-left: 14.909090909090908px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN3 { margin-left: 29.818181818181817px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN4 { margin-left: 44.72727272727273px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN5 { margin-left: 59.63636363636363px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN6 { margin-left: 74.54545454545455px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN7 { margin-left: 89.45454545454545px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN8 { margin-left: 104.36363636363636px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN9 { margin-left: 119.27272727272727px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN10 { margin-left: 134.1818181818182px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN11 { margin-left: 149.0909090909091px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN12 { margin-left: 164px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN13 { margin-left: 178.9090909090909px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN14 { margin-left: 193.8181818181818px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN15 { margin-left: 208.72727272727272px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN16 { margin-left: 223.63636363636363px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN17 { margin-left: 238.54545454545453px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN18 { margin-left: 253.45454545454544px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN19 { margin-left: 268.3636363636364px; } #container.product-page .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN20 { margin-left: 284px; } /* fuel efficiency and wet grip range A-G */ #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG1 { width: 46.46666666666666px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG2 { width: 101.13333333333334px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG3 { width: 155.8px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG4 { width: 210.46666666666667px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG5 { width: 265.1333333333333px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.vG6 { width: 312px; } /* noise levels range 62-81 */ #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN1 { margin-left: 0; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN2 { margin-left: 20.87272727272727px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN3 { margin-left: 22.363636363636363px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN4 { margin-left: 37.27272727272727px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN5 { margin-left: 52.18181818181818px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN6 { margin-left: 67.0909090909091px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN7 { margin-left: 82px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN8 { margin-left: 96.9090909090909px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN9 { margin-left: 111.81818181818181px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN10 { margin-left: 126.72727272727272px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN11 { margin-left: 141.63636363636363px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN12 { margin-left: 156.54545454545453px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN13 { margin-left: 171.45454545454544px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN14 { margin-left: 186.36363636363635px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN15 { margin-left: 201.27272727272725px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN16 { margin-left: 216.18181818181816px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN17 { margin-left: 231.09090909090907px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN18 { margin-left: 260.9090909090909px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN19 { margin-left: 260.9090909090909px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN20 { margin-left: 284px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1 { width: 28px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2 { width: 28px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3 { width: 28px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG4 { width: 59.63636363636363px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG5 { width: 74.54545454545455px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG6 { width: 89.45454545454545px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG7 { width: 104.36363636363636px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG8 { width: 119.27272727272727px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG9 { width: 134.1818181818182px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG10 { width: 149.0909090909091px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG11 { width: 164px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG12 { width: 178.9090909090909px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG13 { width: 193.8181818181818px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG14 { width: 208.72727272727272px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG15 { width: 223.63636363636363px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG16 { width: 238.54545454545453px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG17 { width: 253.45454545454544px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG18 { width: 268.3636363636364px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG19 { width: 289px; } #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1:before, #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2:before, #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3:before { color: #fff; content: "-"; height: 17px; margin-left: -19px; margin-top: 1px; padding-left: 2px; position: absolute; } .ie7 #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1 .value, .ie7 #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2 .value, .ie7 #container.product-page .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3 .value { background-position: -718px -192px !important; margin-left: -19px; margin-top: 1px; } /* Search results */ /* discrete values vA, vB, etc. */ #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vA { margin-left: 0; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vB { margin-left: 26.016666666666662px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vC { margin-left: 63.18333333333333px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vD { margin-left: 100.35px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vE { margin-left: 137.51666666666665px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vF { margin-left: 174.68333333333334px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.vG { margin-left: 205px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN1 { margin-left: 0; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN2 { margin-left: 0; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN3 { margin-left: 10.136363636363637px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN4 { margin-left: 20.272727272727273px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN5 { margin-left: 30.40909090909091px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN6 { margin-left: 40.54545454545455px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN7 { margin-left: 50.68181818181819px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN8 { margin-left: 60.81818181818182px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN9 { margin-left: 70.95454545454545px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN10 { margin-left: 81.0909090909091px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN11 { margin-left: 91.22727272727273px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN12 { margin-left: 101.36363636363637px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN13 { margin-left: 111.5px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN14 { margin-left: 121.63636363636364px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN15 { margin-left: 131.77272727272728px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN16 { margin-left: 141.9090909090909px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN17 { margin-left: 152.04545454545456px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN18 { margin-left: 162.1818181818182px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN19 { margin-left: 172.3181818181818px; } #container.tire-search-results .specific .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN20 { margin-left: 178px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG1 { width: 31.96333333333333px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG2 { width: 69.13px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG3 { width: 106.29666666666665px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG4 { width: 143.4633333333333px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG5 { width: 180.63px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.vG6 { width: 207px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN1 { margin-left: 0; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN2 { margin-left: 18.245454545454546px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN3 { margin-left: 28.38181818181818px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN4 { margin-left: 38.518181818181816px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN5 { margin-left: 48.654545454545456px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN6 { margin-left: 58.79090909090909px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN7 { margin-left: 68.92727272727272px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN8 { margin-left: 79.06363636363636px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN9 { margin-left: 89.20000000000002px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN10 { margin-left: 99.33636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN11 { margin-left: 109.47272727272728px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN12 { margin-left: 119.60909090909092px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN13 { margin-left: 129.74545454545455px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN14 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN15 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN16 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN17 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN18 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN19 { margin-left: 155.08636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN20 { margin-left: 214px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG4 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG5 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG6 { width: 25px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG7 { width: 50.68181818181819px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG8 { width: 60.81818181818182px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG9 { width: 70.95454545454545px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG10 { width: 81.0909090909091px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG11 { width: 91.22727272727273px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG12 { width: 101.36363636363637px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG13 { width: 111.5px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG14 { width: 121.63636363636364px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG15 { width: 131.77272727272728px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG16 { width: 141.9090909090909px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG17 { width: 152.04545454545456px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG18 { width: 162.1818181818182px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG19 { width: 180px; } #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1:before, #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2:before, #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3:before, #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG4:before, #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG5:before, #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG6:before { color: #fff; content: "-"; height: 17px; margin-left: -21px; margin-top: 1px; padding-left: 2px; position: absolute; } .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG1 .value, .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG2 .value, .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG3 .value, .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG4 .value, .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG5 .value, .ie7 #container.tire-search-results .eu-tire-ratings .tire-rating ul li span.values span.bar.db.vG6 .value { background-position: -910px -520px !important; margin-left: -20px; } /* Dealer locator quote details */ #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vA { margin-left: 0; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vB { margin-left: 26.016666666666662px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vC { margin-left: 63.18333333333333px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vD { margin-left: 100.35px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vE { margin-left: 137.51666666666665px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vF { margin-left: 174.68333333333334px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.vG { margin-left: 205px; } /* discrete noise levels vN1, vN2, vN3, etc. */ #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN1 { margin-left: 0; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN2 { margin-left: 2.027272727272727px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN3 { margin-left: 12.163636363636364px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN4 { margin-left: 22.300000000000004px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN5 { margin-left: 32.43636363636364px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN6 { margin-left: 42.57272727272728px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN7 { margin-left: 52.70909090909091px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN8 { margin-left: 62.84545454545455px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN9 { margin-left: 72.98181818181818px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN10 { margin-left: 83.11818181818181px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN11 { margin-left: 93.25454545454545px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN12 { margin-left: 103.39090909090909px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN13 { margin-left: 113.52727272727272px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN14 { margin-left: 123.66363636363636px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN15 { margin-left: 133.79999999999998px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN16 { margin-left: 143.93636363636364px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN17 { margin-left: 154.07272727272726px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN18 { margin-left: 164.20909090909092px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN19 { margin-left: 174.34545454545454px; } #container.dealer-detail .eu-tire-ratings .tire-rating ul li span.values span.value.db.vN20 { margin-left: 178px; } /* ========================================================================== Goodyear - Font Replacement ========================================================================== */ /* ========================================================================== Dunlop Truck Variables date: 2012-02-03 author: Rodolfo Caldeira ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Font family */ /* Font size */ /* body font size is 13px */ /* Color */ /* ========================================================================== Helpers ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .less-cf { display: inline-block; } .less-cf:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } * html .less-cf { height: 1%; } .less-cf { display: block; } .lang-de-DE .truck .main h2, .lang-de-DE .truck .accordion-item .accordion-header h2, .lang-de-DE .truck .accordion-item .accordion-header h2 a { text-transform: none !important; } /* ========================================================================== Locations Map ========================================================================== */ .location_map{ height: 380px; margin: 0 auto; position: relative; width: 738px; } div.location_list{ padding: 10px; } div.location_list ul li{ padding-bottom: 10px; } /* ========================================================================== Dunlop Header and Footer Styles date: 2012-02-07 author: Ciaran Hickey ========================================================================== */ /* ========================================================================== Header ========================================================================== */ .header { background-color: #ffffff; margin: 0; width: 100%; position: relative; background-image: url(/dunlop_euen/Images/header-bg_tcm2094-123856.png); background-repeat: repeat-x; } .ie7 .header { position: relative; z-index: 15; } .header a { outline: 0 !important; } .header-inner-wrapper { width: 100%; margin: 0 auto; height: 128px; position: relative; } .ie7 .header-inner-wrapper { position: relative; z-index: 6; } .header #logo { width: 990px; margin: 0 auto; float: none; z-index: 10; } .header img.print{ display: none; } .header #logo a { position: absolute; top: 85px; z-index: 10; } /* the country selection and search form wrapper */ .header-secondary-nav { width: 990px; display: block; margin: 0 auto; height: 80px; position: relative; } .header-secondary-nav .country-selection, .header-secondary-nav .search { float: left; font-family: Arial, sans-serif; font-size: 0.95em; /* 0.85 * 13 = 11.05 */ } .header-secondary-nav .country-selection { color: #fff; margin-top: 28px; width: 72%; text-align: right; } .header-secondary-nav .country-selection a { color: #222222; padding-right: 5px; border-right: none; text-decoration: none; } .header-secondary-nav .country-selection .current-country { color: #000000; display: inline; font-size: 0.95em; letter-spacing: 0.05em; margin-right: 5px; font-weight: bold; } .header-secondary-nav .search { float: right; margin-left: 0px; margin-top: 20px; width: 254px; } .header-secondary-nav .search span { color: #d9d7d7; margin: 6px 5px 0px 0px; float: left; position: absolute; text-indent: 10px; display: none; } .header-secondary-nav .search #q { background-color: #ffffff; border: 1px solid #cbcbcb; color: #222222; float: left; margin-right: 0px; padding: 8px 11px 8px 6px; width: 158px; text-transform: uppercase; font-size: 0.95em; height: 13px; } .header-secondary-nav .search #search-button { float: left; margin-left: 0px; } /* jquery ui autocomplete */ .nav-search-widget-autocomplete { width: 360px; } .nav-search-widget-autocomplete .ui-autocomplete-category { border-bottom: 1px solid #c7c7c7; padding-bottom: 10px; color: #525252; font-family: Arial, sans-serif; font-weight: bold; } .oldie .nav-search-widget-autocomplete .ui-autocomplete-category { border: none; border-bottom: 1px solid #c7c7c7; margin-top: 0; } .nav-search-widget-autocomplete .ui-menu-item { border-bottom: 1px solid #c7c7c7; } .oldie .nav-search-widget-autocomplete .ui-menu-item { border-top: 1px solid transparent; } .nav-search-widget-autocomplete .search-result { clear: both; overflow: hidden; } .nav-search-widget-autocomplete .search-result .image-wrapper { float: left; margin-right: 10px; } .nav-search-widget-autocomplete .search-result .description-wrapper { float: left; width: 285px; } .nav-search-widget-autocomplete .search-result .description-wrapper p.title { font-weight: bold; color: #333333; font-size: 1.08em; margin-bottom: 0; } .nav-search-widget-autocomplete .search-result .description-wrapper p.description { font-size: 0.92em; margin-top: 0; } .nav-search-widget-autocomplete li a { cursor: pointer; } .nav-search-widget-autocomplete li:last-child { border: none; } /* Overriding styles in dunlop-styles.css */ .ui-autocomplete { font-size: 0.95em; padding: 15px; background-color: #ffffff; background-image: none; } .ui-autocomplete .ui-autocomplete-category { border-top: 1px solid #333333; color: #333; display: block; font-weight: bold; margin-bottom: 6px; margin-top: 10px; padding-top: 10px; } .ui-autocomplete .ui-autocomplete-category:first-child { border-top: none; margin-top: 0; padding-top: 0; } .ui-autocomplete.ui-menu .ui-menu-item { line-height: 18px; clear: none; float: none; } .ui-autocomplete.ui-menu .ui-menu-item a { color: #333333; padding-left: 0; } .ui-autocomplete.ui-menu .ui-menu-item a:hover, .ie8 .ui-autocomplete .ui-menu-item a:hover { background: none; color: #333333; cursor: pointer; border: 1px solid #cacaca; } .ui-widget-content .ui-state-hover { font-weight: normal; color: #333 !important; border: 1px solid #202020; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-radius: 4px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cacaca; font-weight: normal; color: #000; background-color: #e7e7e7; } .ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; } /* the primary navigation */ .nav { font-family: 'Helvetica W01 Bold', Arial, sans-serif; height: 35px; position: relative; float: none; margin: 0 auto; width: 990px; } .ie6 .nav, .ie7 .nav { margin: 0 auto; width: 990px; position: relative; z-index: 7; } .nav ul.menu { list-style: none; margin: 0 auto; padding: 0; height: 35px; float: right; position: relative; } .ie7 .nav ul.menu { list-style: none; margin: 0 auto; padding: 0; height: 35px; float: right; position: relative; z-index: 8; } .nav ul.menu li { float: left; zoom: 1; padding: 10px 10px 22px 10px; cursor: pointer !important; position: relative; } .ie7 .nav ul.menu > li { position: relative; z-index: 9; } .nav ul.menu li:hover { position: relative; } .nav ul.menu li:last-child { border: none; padding-right: 0; } .nav ul.menu li:first-child { border: none; } .nav ul li a { color: #625500; font-size: 0.9em; text-decoration: none; text-transform: uppercase; font-weight: bold; } .nav ul li a:hover, .nav ul li a:active, .nav ul li.is-selected > a { color: #fff; } .nav ul > li a:hover, .nav ul > li.is-selected a { color: #000; } .nav ul li a:focus { text-decoration: underline; color: #fff; } .nav ul.menu > li.is-selected > a { background: url(/dunlop_euen/Images/dunlop-nav-arrow_tcm2094-115849.png) no-repeat scroll 10% 100% transparent; padding-bottom: 32px; z-index: 101; position: relative; } /* 2nd level */ .nav ul.menu ul { visibility: hidden; position: absolute; top: 100%; width: 190px; left: 0; border: 1px solid #ababab; background-color: #ffffff; padding: 0; margin: 0; list-style: none; z-index: 100; } .nav ul.menu ul.l-expanded { width: 235px; } .nav ul.menu ul li { float: none; font-weight: bold; margin: 0; padding: 12px; border-bottom: 1px dashed #ababab; } .nav ul.menu ul li:first-child { border-bottom: 1px dashed #ababab; } .nav ul.menu ul li:hover, .nav ul.menu ul li.hover { background-color: #e7e7e7; } .nav ul.menu ul li:hover > a, .nav ul.menu ul li.hover > a { color: #333333; background-position: -7px -478px; } .nav ul.menu ul.l-expanded li { padding: 10px 12px; } .nav ul.menu ul.l-expanded > li:hover, .nav ul.menu ul.l-expanded > li.hover { background-color: #e7e7e7; } .nav ul.menu ul li:last-child { border: 0; } .nav ul.menu ul li.is-section { background: none !important; margin-top: 0; margin-bottom: 0; font-size: 0.95em; border: none; padding-left: 18px; color: #333333; } .nav ul.menu ul li a { display: block; line-height: 1.3em; color: #525252; font-size: 0.925em; font-weight: bold !important; text-decoration: none !important; text-transform: none; cursor: pointer !important; background-position: -7px -456px; } .nav ul.menu ul li a:hover { color: #333333; background-position: -7px -568px; } .nav ul.menu ul li:hover > a { color: #333333; background-position: -7px -568px; } .nav ul.menu ul li a.icon-tire-off { background-position: -433px -9px; } .nav ul.menu ul li a.icon-car-off { background-position: -433px -59px; } .nav ul.menu ul li a.icon-4x4-off { background-position: -433px -101px; } .nav ul.menu ul li a.icon-light-truck-off { background-position: -433px -142px; } .nav ul.menu ul li a.icon-truck-off { background-position: -433px -188px; } .nav ul.menu ul li a.icon-otr-off { background-position: -433px -236px; } .nav ul.menu ul li a.icon-bike-off { background-position: -433px -292px; } .nav ul.menu ul li a.icon-race-off { background-position: -433px -333px; } .nav ul.menu ul li a.icon-vintage-off { background-position: -433px -359px; } .nav ul.menu ul li.hover a.icon-tire-off { background-position: -433px -407px; } .nav ul.menu ul li.hover a.icon-car-off { background-position: -433px -457px; } .nav ul.menu ul li.hover a.icon-4x4-off { background-position: -433px -499px; } .nav ul.menu ul li.hover a.icon-light-truck-off { background-position: -433px -540px; } .nav ul.menu ul li.hover a.icon-truck-off { background-position: -433px -586px; } .nav ul.menu ul li.hover a.icon-otr-off { background-position: -433px -634px; } .nav ul.menu ul li.hover a.icon-bike-off { background-position: -433px -690px; } .nav ul.menu ul li.hover a.icon-race-off { background-position: -433px -731px; } .nav ul.menu ul li.hover a.icon-vintage-off { background-position: -433px -757px; } .nav ul.menu ul li.is-primary { padding-top: 15px; padding-bottom: 15px; } .nav ul.menu ul li.is-primary, .nav ul.menu ul li.is-end-of-section { background-image: url(/dunlop_euen/Images/header-footer-sprite_tcm2094-114646.png); background-repeat: no-repeat; background-position: -303px bottom; border-bottom: 2px #cacaca solid; } .nav ul.menu ul li.is-primary a { font-size: 1.23em; font-family: Arial, sans-serif; font-weight: normal; line-height: 1em; } .nav ul.menu ul li.is-primary a span { display: block; font-size: 0.8em; } /* 3rd level */ .nav ul.menu ul ul { left: 100%; top: -2px; } .nav ul.menu ul ul ul { left: 100%; top: 0; } ul.menu li:hover > ul { visibility: visible; } /* add the necessary styles for the dropdown menu levels */ /* ========================================================================== Breadcrumbs ========================================================================== */ .breadcrumbs { height: 74px; float: none; position: relative; background: url(/dunlop_euen/Images/breadcrumbs-bg_tcm2094-114645.png); background-repeat: repeat-x; } .breadcrumbs-wrapper { margin: 0 auto; padding: 0; width: 990px; padding-top: 30px; background: url(/dunlop_euen/Images/drive-with-confidence_tcm2094-123982.png) no-repeat left 5px; } .breadcrumbs-trail { float: left; } .breadcrumbs ol { margin: 14px 0 0; padding: 0; list-style: none; } .breadcrumbs ol li { float: left; background: url(/dunlop_euen/Images/breadcrumbs-separator_tcm2094-114643.png) no-repeat scroll right 5px transparent; padding: 0 10px 0 6px; } .breadcrumbs ol li:first-child { padding-left: 0; } .breadcrumbs ol li:last-child { background: none; } .breadcrumbs ol li.selected a { font-weight: bold; } .breadcrumbs ol li a:hover { text-decoration: underline; } .breadcrumbs ol li a { color: #777777; text-decoration: none; font-size: 0.8em; letter-spacing: 0.04em; font-weight: bold; } .breadcrumbs ol li.is-selected a { color: #333333; text-decoration: none; font-size: 0.8em; letter-spacing: 0.04em; font-weight: bold; } /* ========================================================================== Page Actions ========================================================================== */ .page-actions { float: right; } .page-actions a { outline: 0 !important; } .page-actions ul { list-style: none; padding: 0; margin: 10px 0 0; } .page-actions ul li { float: left; padding-left: 0; margin-right: 0px; background: none; padding-right: 10px; border-right: 1px solid #b9b9b9; } .page-actions ul li.share-this-page { height: 23px; } .page-actions li .sub-menu { overflow: hidden; float: left; } .page-actions li .sub-menu div { float: left; margin-left: -500px; overflow: hidden; } .page-actions ul li:last-child { overflow: hidden; border-right: none; } .page-actions ul li a { color: #777777; font-size: 0.8em; display: block; padding-right: 10px; height: 10px; padding-top: 3px; text-decoration: none; float: left; font-weight: bold; line-height: 9px; } .page-actions ul li a.icon-print { margin-left: 10px; } .page-actions ul li a:hover { text-decoration: underline; } .page-actions ul li a:hover { text-decoration: none; } .page-actions ul li a.icon-share:hover, .page-actions ul li a.icon-share:focus { /*background-position: -5px -50px;*/ } .page-actions ul li a.icon-mobile:hover, .page-actions ul li a.icon-mobile:focus { background-position: -5px -126px; } .page-actions ul li a.icon-email:hover, .page-actions ul li a.icon-email:focus { background-position: -5px -204px; } .page-actions ul li a.icon-facebook:hover, .page-actions ul li a.icon-facebook:focus { background-position: -5px -242px; } .page-actions ul li a.icon-twitter:hover, .page-actions ul li a.icon-twitter:focus { background-position: -5px -358px; } .page-actions ul li a.icon-print:hover, .page-actions ul li a.icon-print:focus { /*background-position: -5px -435px;*/ } .page-actions ul li ul { float: left; margin: 0; } .page-actions ul li ul li { border-right: 1px solid #999999; } .page-actions ul li ul li a { padding-right: 10px; white-space: nowrap; margin-left: 10px; } .page-actions li.is-collapsed a span { display: none; } .page-actions li.is-collapsed .sub-menu div { margin-left: -400px; } /* ========================================================================== Medium Lightbox ========================================================================== */ .lightbox-medium { width: 765px; } /* ========================================================================== Change Country Lightbox ========================================================================== */ .lightbox .country-picker { float: left; padding: 25px 20px 25px 20px; } .lightbox .countries { float: left; width: 350px; } .lightbox .countries ul { float: left; padding: 0 20px 0 0; width: 160px; } .oldie .lightbox .countries ul { padding: 0; } .lightbox .countries ul:last-child { padding: 0; } .lightbox .countries ul li { list-style: none; } .lightbox .countries ul li a { text-decoration: none; } /* ========================================================================== Icons ========================================================================== */ .icon { padding-left: 20px; padding-bottom: 5px !important; padding-top: 5px !important; background: transparent url(/dunlop_euen/Images/header-footer-sprite_tcm2094-114646.png) no-repeat -99999em -99999em; line-height: 1em; } .icon-share { background-position: -5px -11px; padding-left: 25px; } .icon-share-on { background-position: -5px -50px; padding-left: 25px; } .icon-mobile { background-position: -5px -87px; } .icon-mobile-on { background-position: -5px -126px; } .icon-email { background-position: -5px -165px; padding-left: 25px !important; } .icon-email-on { background-position: -5px -204px; padding-left: 25px !important; } .icon-facebook { background-position: -5px -280px; padding-left: 15px; } .icon-facebook-on { background-position: -5px -242px; padding-left: 15px; } .icon-facebook-square { background-image: url(/dunlop_euen/Images/dunlop-icon-facebook_tcm2094-115856.gif); background-position: 0px 0px; padding-left: 0; } .icon-twitter { background-position: -5px -320px; padding-left: 25px; } .icon-twitter-on { background-position: -5px -358px; padding-left: 25px; } .icon-twitter-square { background-image: url(/dunlop_euen/Images/dunlop-icon-twitter_tcm2094-115857.gif); background-position: 0px 0px; padding-left: 0; } .icon-print { background-position: -5px -396px; padding-left: 22px !important; } .icon-print-on { background-position: -5px -435px; padding-left: 22px !important; } .icon-no-label { text-indent: -99999em; padding-left: 7px !important; } .icon-twitter.icon-no-label { padding-left: 20px !important; } .icon-gt-off { background-position: -15px -764px; } /* car types */ .icon-tire-on, .icon-tire-off, .icon-car-off, .icon-car-on, .icon-4x4-off, .icon-4x4-on, .icon-light-truck-off, .icon-light-truck-on, .icon-truck-off, .icon-truck-on, .icon-otr-off, .icon-otr-on, .icon-bike-on, .icon-bike-off, .icon-race-on, .icon-race-off, .icon-vintage-on, .icon-vintage-off { background: url(/dunlop_euen/Images/header-footer-sprite_tcm2094-114646.png) no-repeat -99999em -99999em; padding-left: 58px !important; } .icon-tire-off { background-position: -433px -20px; } .icon-tire-on { background-position: -433px -4px; } .icon-car-off { background-position: -433px -60px; } .icon-car-on { background-position: -433px -110px; } .icon-4x4-off { background-position: -433px -106px; } .icon-4x4-on { background-position: -433px -214px; } .icon-light-truck-off { background-position: -433px -148px; } .icon-light-truck-on { background-position: -433px -314px; } .icon-truck-off { background-position: -433px -192px; } .icon-truck-on { background-position: -433px -413px; } .icon-otr-off { background-position: -433px -236px; } .icon-otr-on { background-position: -433px -515px; } .icon-bike-off { background-position: -433px -693px; } .icon-race-off { background-position: -433px -729px; } .icon-vintage-off { background-position: -433px -763px; } /* ========================================================================== Container ========================================================================== */ #container { background: url(/dunlop_euen/Images/main-bg_tcm2094-125755.png) no-repeat center top scroll; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; margin: 0 auto; background-color: transparent; padding-top: 70px; } /* ========================================================================== Footer ========================================================================== */ .footer:before, .footer:after { content: ""; display: table; } .footer:after { clear: both; } .footer { zoom: 1; } .footer { color: #FFF; } .footer-inner { border: 1px solid #ababab; font-size: 0.93em; margin: 50px auto 50px; padding: 0px 20px 10px 20px; width: 950px; background-color: #ffffff; } .ie7 .footer { margin: 0 auto; } .footer .footer-inner { overflow: hidden; } .ie6 .footer { margin-top: -10px; } .footer .links { float: left; margin-top: 24px; } .footer .links ul { margin: 0; padding: 0; list-style: none; } .footer .links ul li { border-right: 1px solid #ababab; float: left; margin-right: 7px; padding-right: 7px; color: #333333; font-weight: bold; } .footer .links ul li:last-child { border: none; } .footer .links ul li a { color: #333333; text-decoration: none; font-weight: normal; } .footer .links ul li a:hover, .footer .links ul li a:focus { color: #333333; } .footer .links ul li a:hover, .footer .links ul li a:focus { color: #333333; } .footer .social-media { display: block; float: right; width: auto; } .footer .social-media ul { margin: 0; padding: 0; list-style: none; float: left; margin-top: 20px; } .footer .social-media ul li { float: left; margin: 0 2px; } .footer .social-media ul li:last-child { margin-right: 0; } .footer .social-media ul li a { display: block; text-indent: -99999px; width: 22px; height: 22px; margin: -3px 0 0; outline: 0; } .ie6 .footer .social-media ul li a { margin-top: 0; } /* ========================================================================== Social Share Footer Menu ========================================================================== */ .social-media .page-actions { float: right; margin-left: 10px; z-index: 999; margin-right: 25px; } .social-media .page-actions ul.social-share-menu { list-style: none; padding: 0; margin: 0; position: absolute; } .social-media .page-actions ul.social-share-menu li { float: right; } .ie7 .social-media .page-actions ul.social-share-menu li { float: left; } .social-media .page-actions ul.social-share-menu li a { color: #333333; font-size: 0.85em; padding-left: 0px; height: 41px; padding-top: 20px; text-decoration: none; margin: 0; outline: 0; line-height: 41px; text-indent: 0px; padding-bottom: 0; } .social-media .page-actions ul.social-share-menu li a:hover { text-decoration: underline; } .social-media .page-actions ul.social-share-menu > li a.icon-share:hover, .social-media .page-actions ul.social-share-menu > li a.icon-share:focus { background-image: url(/dunlop_euen/Images/social-share-plus-icon-hover_tcm2094-117624.png); background-position: 0 16px; background-repeat: no-repeat; z-index: 1001; } .social-media .page-actions ul.social-share-menu li a.icon-share { background-image: url(/dunlop_euen/Images/social-share-plus-icon_tcm2094-115790.png); background-position: 0 16px; background-repeat: no-repeat; z-index: 1001; } .social-media .page-actions ul.social-share-menu li ul { position: absolute; top: -77px; right: 0px; height: 42px; display: table; width: 940px; table-layout: fixed; float: right; padding-bottom: 40px; z-index: 998; background-image: url(/dunlop_euen/Images/social-share-tooltip-arrow_tcm2094-118416.png); background-position: right bottom; background-repeat: no-repeat; } .social-media .page-actions ul.social-share-menu li ul li { float: right; border: none; display: table-cell; background-color: #ffffff; border-top: 1px solid #ababab; padding: 0px 6px 0px 6px; margin: 0; z-index: 999; position: relative; } .social-media .page-actions ul.social-share-menu li ul li:first-child { border-right: 1px solid #ababab; } .social-media .page-actions ul.social-share-menu li ul li:last-child { border-left: 1px solid #ababab; } .social-media .page-actions ul.social-share-menu li ul li a { color: #333333; font-size: 0.97em; height: 25px; text-decoration: none; text-transform: none; outline: 0; text-indent: 0px; line-height: 20px; padding: 0px 6px 0px 0px; margin: 10px 0px 10px 0px; display: inline-block; width: auto; border-right: 1px solid #ababab; background: none; } .ie7 .social-media .page-actions ul.social-share-menu li ul li { padding: 0px 6px 10px 6px; margin: 0px 0px 0px 0px; } .ie7 .social-media .page-actions ul.social-share-menu li ul li a { height: 25px; line-height: 25px; position: relative; } .social-media .page-actions ul.social-share-menu li ul li:first-child > a { border-right: none; } .social-media .page-actions ul.social-share-menu li ul li a img { padding-right: 5px; } /* ========================================================================== To fix header section on the old pages added by zgi2590 ========================================================================== */ #wrapper { width: auto; } #wrapperNoShadow { background: none; float: none; padding: 0px; width: auto; } #content { float: none; margin: 0 auto; } #shadowBottom { display: none; } /* * Common CSS file from 1st Enhahncement Phase - Dunlop */ /*------------- Colors ------------------*/ /* MIXINS */ .gray_gradient { background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#cccccc', GradientType=0); } .gray_gradient_inverted { background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #fbfbfb)); background: -webkit-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -o-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -ms-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: linear-gradient(to bottom, #cccccc 0%, #fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#fbfbfb', GradientType=0); } .gradient_1 { background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); } .yellow_gradient { background: #f8e66d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8e66d), color-stop(50%, #f2d300), color-stop(100%, #eedd6d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e66d', endColorstr='#eedd6d', GradientType=0); /* IE6-8 */ } /* END MIXINS */ .dunlop_white_color { color: #ffffff; } .dunlop_white_background { background: #ffffff; } .dunlop_yellow_color { color: #ffde00; } .dunlop_yellow_background { background: #ffde00; } .dunlop_black_color { color: #020200; } .dunlop_black_background { color: #020200; } .dunlop_gray_background { background: #f0f0f0; } .dunlop_gray_border { border: 1px solid #c1c1c1; } .dunlop_gray_text { color: #222222; } .dunlop_black_gradient { background-color: #303030; background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#030201)); background: -webkit-linear-gradient(top, #303030, #030201); background: -moz-linear-gradient(top, #303030, #030201); background: -ms-linear-gradient(top, #303030, #030201); background: -o-linear-gradient(top, #303030, #030201); background: linear-gradient(top, #303030, #030201); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor', endColorstr='@endColor', GradientType=0); } /*------------- Colors END---------------*/ /*------------- Common ------------------*/ .background_wheel #ca_page_content { background: url(/dunlop_euen/Images/background_wheel_tcm2094-154431.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } .background_track #ca_page_content { background: url(/dunlop_euen/Images/background_track_tcm2094-154429.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } .background_diagonal #ca_page_content { background: url(/dunlop_euen/Images/background_diagonal_tcm2094-154432.png); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } .background_diagonal #ca_top > h1 { color: #222; margin-top: 25px; margin-bottom: 0; } .background_blue_diagonal #ca_page_content { background: url(/dunlop_euen/Images/background_blue_diagonal_tcm2094-154428.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } .background_turn #ca_page_content { background: url(/dunlop_euen/Images/background_turn_tcm2094-154430.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } .home-page #ca_page_content { background: 0 none; } .home-page .footer-inner { margin-top: 0; } #ca_page_content { background: url(/dunlop_euen/Images/background_wheel_tcm2094-154431.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; width: 100%; float: left; } #ca_page_content > .ca_scroller_title:first-child { margin: 20px auto; float: none; color: #fff; width: 960px; font-size: 26px; background: 0 none; border: 0 none; } #ca_main_content { float: left; overflow: hidden; width: 990px; margin-bottom: 20px; } #ca_main_content > .ca_scroller_title:first-child { background: 0 none; color: #fff; background: none repeat scroll 0 center rgba(0, 0, 0, 0); border-left: 0 none; border-right: 0 none; color: #FFFFFF; font-size: 26px; margin: 17px 0; } #ca_top { width: 990px; margin: 0 auto; } #ca_top > h1 { color: #fff; } #ca_top > h2 { text-indent: 15px; } #ca_content { width: 990px; margin: 0 auto; } .link { background: url(/dunlop_uk/Images/small-grey-arrow_tcm2078-117408.png) no-repeat scroll left center transparent; padding: 0 0 0 10px; } .ca_sticky_scroller { width: 990px; margin: 0 auto; } .ca_row { float: left; width: 100%; clear: both; position: relative; } .footer { clear: both; } .tbu_bar { display: none; } .page-actions ul li a { height: 11px; } .page-actions.inline-actions { display: none; } /*------------- Common END --------------*/ /*------ Secondary Navigation -----------*/ .ca_sticky_scroller .ca_scroller_navigation, .ca_secondary_navigation { width: 100%; float: left; position: relative; z-index: 5; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); } .ca_sticky_scroller .ca_scroller_navigation ul, .ca_secondary_navigation ul { float: left; padding: 0; font-size: 15px; margin: 1em 0; } .ca_sticky_scroller .ca_scroller_navigation ul li, .ca_secondary_navigation ul li { list-style-type: none; position: relative; float: left; padding: 0 12px; margin: 0 4px; max-width: 140px; background: #ffde00; text-align: center; height: 2.8em; } .ca_sticky_scroller .ca_scroller_navigation ul li a, .ca_secondary_navigation ul li a { font-size: 11px; font-weight: bold; padding-top: 0.25em; text-decoration: none; text-transform: uppercase; display: table-cell; height: 40px; vertical-align: middle; color: #222222; } .ca_sticky_scroller .ca_scroller_navigation ul li a:hover, .ca_secondary_navigation ul li a:hover { color: #222222; text-decoration: underline; } .ca_sticky_scroller .ca_scroller_navigation ul li:first-child, .ca_secondary_navigation ul li:first-child { margin-left: 18px; border-left: 0 none; } .ca_sticky_scroller .ca_scroller_navigation ul li.active, .ca_secondary_navigation ul li.active, .ca_sticky_scroller .ca_scroller_navigation ul li.ca_nav_active, .ca_secondary_navigation ul li.ca_nav_active { background: #ffffff; } .ca_sticky_scroller .ca_scroller_navigation ul li.active a, .ca_secondary_navigation ul li.active a, .ca_sticky_scroller .ca_scroller_navigation ul li.ca_nav_active a, .ca_secondary_navigation ul li.ca_nav_active a { color: #222222; text-decoration: none; } .ca_sticky_scroller .ca_scroller_navigation ul li.active .pointer, .ca_secondary_navigation ul li.active .pointer, .ca_sticky_scroller .ca_scroller_navigation ul li.ca_nav_active .pointer, .ca_secondary_navigation ul li.ca_nav_active .pointer { display: block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #555555; left: 50%; margin-left: -10px; bottom: -10px; } .ca_sticky_scroller .ca_scroller_navigation ul li.active .pointer .inner_pointer, .ca_secondary_navigation ul li.active .pointer .inner_pointer, .ca_sticky_scroller .ca_scroller_navigation ul li.ca_nav_active .pointer .inner_pointer, .ca_secondary_navigation ul li.ca_nav_active .pointer .inner_pointer { position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; bottom: 2px; left: -8px; } /*------ Secondary Navigation END -------*/ /*------ Sticky scroller ----------------*/ .ca_sticky_scroller .ca_scroller_navigation.sticky { position: fixed; top: 0; width: 990px; transition: position 0.2s ease; } .ca_sticky_scroller .ca_section { min-height: 250px; position: relative; width: 100%; float: left; clear: both; } .ca_sticky_scroller .ca_section .ca_section_content { position: absolute; bottom: 0; left: 0; } .ca_sticky_scroller .ca_section .ca_section_content h1 { margin: 0; line-height: 1.5em; font-size: 24px; } .ca_sticky_scroller .ca_section .ca_section_content .section_body { float: left; } .ca_sticky_scroller .ca_section .ca_section_content .section_body h2 { font-size: 18px; color: #000; } .ca_sticky_scroller .scroller_section { position: relative; margin-bottom: 20px; } .ca_sticky_scroller .scroller_section .ca_section_content { position: absolute; width: 40%; left: 20px; bottom: 110px; } .ca_sticky_scroller .scroller_section .ca_section_content h1 { color: #222222; font-weight: bold; text-transform: uppercase; padding: 10px 60px 10px 25px; background: #ffde00; position: relative; float: left; white-space: nowrap; } .ca_sticky_scroller .scroller_section .ca_section_content h1 .cutoff { position: absolute; height: 100%; width: auto; left: 100%; top: 0; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body { padding: 10px 10px 10px 25px; background: #ffffff; position: relative; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body .ca_teaser p { color: #222222; margin-top: 0; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body .ca_teaser > a { text-decoration: none; font-weight: bold; color: #222222; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body .ca_teaser > a:hover { text-decoration: underline; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body .ca_teaser .teaser_body { margin-bottom: 10px; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body h2 { font-size: 18px; color: #222222; margin-bottom: 0; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body h3 { color: #222222; } .ca_sticky_scroller .scroller_section .ca_section_content .section_body .cutoff { position: absolute; left: 100%; top: 0; height: 100%; width: auto; } /*------ Sticky scroller END -----------*/ /*------ Horisontal scroller ------------*/ .ca_scroller_title { float: left; clear: both; padding: 15px; width: 958px; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; background: #fff; margin: 0; } .horizontal_scroller { width: 988px; padding-bottom: 70px; position: relative; height: 340px; float: left; white-space: no-wrap; background: #fff; border: 1px solid #c1c1c1; } .horizontal_scroller .scroller_section { position: absolute; float: left; display: inline-block; width: 988px; height: 340px; top: 0; overflow: hidden; } .horizontal_scroller .scroller_section .ca_section_content { overflow: hidden; bottom: auto; width: 948px; height: 319px; padding: 20px 20px 0 20px; position: absolute; top: 0; left: 0; } .horizontal_scroller .scroller_section .ca_section_content .ca_teaser { width: 425px; background: #ffffff; background: rgba(255, 255, 255, 0.85); padding: 10px 20px 20px 10px; display: inline-block; } .horizontal_scroller .scroller_section .ca_section_content .ca_teaser > h2 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #ababab; } .horizontal_scroller .scroller_section .ca_section_content .ca_teaser ul li { clear: both; width: 100%; } .horizontal_scroller .scroller_section .ca_section_content .ca_article { width: 425px; background: #ffffff; background: rgba(255, 255, 255, 0.85); padding: 10px 20px 20px 10px; display: inline-block; border: 0 none; } .horizontal_scroller .scroller_section .ca_section_content .ca_article > h1 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #ababab; } .horizontal_scroller .scroller_section .ca_section_content .ca_article ul { float: left; width: 100%; } .horizontal_scroller .scroller_section .ca_section_content .ca_article ul:before { display: none; } .horizontal_scroller .scroller_section .ca_section_content .ca_article ul:after { display: none; } .horizontal_scroller .scroller_section .ca_section_content .ca_article ul li { clear: both; width: 100%; } .horizontal_scroller .scroller_section .ca_section_content .ca_article > img { width: 490px; position: absolute; right: 0; top: 0; } .horizontal_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph { margin-bottom: 15px; float: left; } .horizontal_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph:last-child { margin-bottom: 0; } .horizontal_scroller .scroller_section .ca_section_content .video_container { float: right; display: inline-block; overflow: hidden; width: 470px; height: 264px; background: rgba(0, 0, 0, 0.6); } .horizontal_scroller .scroller_section .ca_section_content .video_container .player { height: 100%; } .horizontal_scroller .scroller_section .ca_section_content.width_66 .ca_article { width: 550px; } .horizontal_scroller .scroller_section .ca_section_content.width_70 .ca_article { width: 600px; } .horizontal_scroller .scroller_section .ca_section_content.width_100 .ca_article { width: 910px; } .horizontal_scroller .ca_background .ca_section_content .ca_teaser { padding: 20px; } .horizontal_scroller .ca_background .ca_section_content .ca_article { padding: 20px; } .horizontal_scroller .ca_scroller_navigation { height: 75px; position: absolute; bottom: 0; width: 860px; z-index: 10; overflow-x: hidden; overflow-y: visible; margin: 0 65px; } .horizontal_scroller .ca_scroller_navigation ul { width: 860px; float: left; display: block; margin: 0; padding: 0 65px; height: 47px; white-space: no-wrap; padding: 0; position: relative; margin-top: 12px; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #cccccc 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#cccccc', GradientType=0); } .horizontal_scroller .ca_scroller_navigation ul li { height: 37px; width: 205px; float: left; text-align: center; border: 1px solid #ababab; padding: 4px; position: absolute; top: 0; overflow: visible; z-index: 10; list-style-type: none; } .horizontal_scroller .ca_scroller_navigation ul li a { height: 37px; width: 205px; display: block; display: table-cell; text-decoration: none; vertical-align: middle; height: inherit; max-height: 37px; overflow: hidden; } .horizontal_scroller .ca_scroller_navigation ul li .ca_reduce_fontsize { font-size: 12px; } .horizontal_scroller .ca_scroller_navigation ul li:hover { background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #fbfbfb)); background: -webkit-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -o-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: -ms-linear-gradient(top, #cccccc 0%, #fbfbfb 100%); background: linear-gradient(to bottom, #cccccc 0%, #fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#fbfbfb', GradientType=0); } .horizontal_scroller .ca_scroller_navigation ul li.active { z-index: 10; background: #fff; background-image: none; filter: none; /* IE6-8 */ } .horizontal_scroller .ca_scroller_navigation ul li.active .pointer { display: block; position: absolute; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #555555; left: 50%; margin-left: -14px; top: -14px; z-index: 10; } .horizontal_scroller .ca_scroller_navigation ul li.active .pointer .inner_pointer { display: block; position: absolute; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ffffff; bottom: -14px; left: -12px; } .horizontal_scroller .ca_scroller_navigation ul li.active li.active:hover { background: #fff; background-image: none; filter: none; /* IE6-8 */ } .ca_nav_button { border: 0 none; -webkit-appearance: none; position: absolute; height: 45px; width: 45px; line-height: 45px; background: #fff; bottom: 17px; } .ca_nav_button:hover { background-color: #e5e5e5; } .right { right: 5px; background: url(/dunlop_euen/Images/h_scroller_arrow_right_tcm2094-151297.png) center center no-repeat; } .left { left: 5px; background: url(/dunlop_euen/Images/h_scroller_arrow_left_tcm2094-151296.png) center center no-repeat; } .is-fullscreen img { display: none; } /*------ Horisontal scroller END --------*/ /*------ Tab scroller -------------------*/ .tab_scroller { position: relative; float: left; clear: both; overflow: hidden; background: #fff; width: 988px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .tab_scroller:first-child { padding-top: 20px; border-top: 1px solid #ccc; } .tab_scroller:last-child { border-bottom: 1px solid #ccc; padding-bottom: 20px; } .tab_scroller .ca_scroller_navigation { width: 958px; display: block; margin: 0 15px; } .tab_scroller .ca_scroller_navigation ul { padding: 0; margin: 0; float: left; width: 100%; position: relative; height: 91px; box-sizing: border-box; } .tab_scroller .ca_scroller_navigation ul li { background: #f0f0f0; border: 1px solid #ccc; text-align: center; width: 319px; position: relative; bottom: 0; margin-top: 10px; list-style-type: none; float: left; height: 90px; box-sizing: border-box; } .tab_scroller .ca_scroller_navigation ul li a { width: inherit; height: 90px; display: block; display: table-cell; vertical-align: middle; text-decoration: none; font-size: 15px; text-transform: uppercase; padding-left: 80px; padding-right: 10px; } .tab_scroller .ca_scroller_navigation ul li a > img { position: absolute; left: 15px; top: 50%; margin-top: -30px; } .tab_scroller .ca_scroller_navigation ul li a:hover { text-decoration: underline; } .tab_scroller .ca_scroller_navigation ul li.active { background: #ffffff; border-bottom: 0 none; margin-top: 0; width: 320px; height: 100px; } .tab_scroller .ca_scroller_navigation ul li.active a { height: 100px; } .tab_scroller .active.scroller_section { display: block; opacity: 1; position: relative; z-index: 5; } .tab_scroller .scroller_section { padding: 10px; padding-bottom: 30px; float: left; width: 936px; margin: 0 15px; border: 1px solid #ccc; border-top: 0 none; display: none; opacity: 0; } .tab_scroller .scroller_section > img { float: left; display: inline; margin: 20px; } .tab_scroller .scroller_section .ca_section_content { margin-top: 20px; float: left; display: inline; } .tab_scroller .scroller_section .ca_section_content .section_body { float: left; } .tab_scroller .scroller_section .ca_section_content h1 { margin-top: 0; } .tab_scroller .scroller_section .ca_section_content .ca_article { float: left; width: 928px; position: relative; border-left: 0 none; border-right: 0 none; } .tab_scroller .scroller_section .ca_section_content .ca_article > img { float: left; margin-right: 25px; width: 110px; max-width: 110px; height: 178x; height: auto; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_intro { float: right; display: inline; padding-left: 20px; border-left: 1px solid #c1c1c1; padding-bottom: 20px; width: 770px; font-size: 16px; margin: 0; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph { position: relative; float: right; display: inline; width: 770px; padding-left: 20px; border-left: 1px solid #c1c1c1; margin: 0; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph > h3 { margin-top: 0; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph .ca_paragraph_body { float: right; width: 460px; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph .ca_paragraph_body p { margin-bottom: 16px; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph .ca_paragraph_body p strong:nth-of-type(1) { clear: both; line-height: 1.5em; } .tab_scroller .scroller_section .ca_section_content .ca_article .ca_paragraph > img { float: left; max-width: 296px; height: auto; } .tab_scroller .scroller_section .ca_section_content .article_1_col, .tab_scroller .scroller_section .ca_section_content .article_2_html_col, .tab_scroller .scroller_section .ca_section_content .article_3_html_col { border: 0 none; width: 906px; padding: 0 15px; } .tab_scroller .scroller_section .ca_section_content .article_1_col > img, .tab_scroller .scroller_section .ca_section_content .article_2_html_col > img, .tab_scroller .scroller_section .ca_section_content .article_3_html_col > img { float: left; margin: 0; width: 100%; max-width: 906px; height: auto; } .tab_scroller .scroller_section .ca_section_content .article_1_col > h1, .tab_scroller .scroller_section .ca_section_content .article_2_html_col > h1, .tab_scroller .scroller_section .ca_section_content .article_3_html_col > h1 { float: left; width: 100%; clear: both; margin: 16px 0; } .tab_scroller .scroller_section .ca_section_content .article_1_col .ca_paragraph, .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph, .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_paragraph, .tab_scroller .scroller_section .ca_section_content .article_1_col .ca_intro, .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_intro, .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_intro { border: 0 none; width: 100%; } .tab_scroller .scroller_section .ca_section_content .article_1_col .ca_intro, .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_intro, .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_intro { font-size: 13px; } .tab_scroller .scroller_section .ca_section_content .article_1_col .ca_paragraph .ca_paragraph_body, .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph .ca_paragraph_body, .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_paragraph .ca_paragraph_body { float: left; width: 100%; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph { margin-right: 0; float: left; display: inline; width: 443px; padding: 0; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph > img { width: 100%; height: auto; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph img + h3 { margin-top: 15px; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph img + .ca_paragraph_body { margin-top: 15px; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph:nth-last-of-type(2n-2) { clear: both; } .tab_scroller .scroller_section .ca_section_content .article_2_html_col .ca_paragraph:nth-last-of-type(2n-1) { float: right; } .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_paragraph { margin-right: 0; float: left; display: inline; width: 292px; padding-left: 15px; } .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_paragraph > img { border: 1px solid #ABABAB; width: 290px; height: auto; } .tab_scroller .scroller_section .ca_section_content .article_3_html_col .ca_paragraph:nth-last-of-type(3n) { clear: both; padding: 0; } /*------ Tab scroller END ---------------*/ /*------ Articles ----------------------*/ .ca_article { background: #fff; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; float: left; padding-bottom: 20px; } .ca_article > img { width: 100%; height: auto; } .ca_article h1 { border-bottom: 1px solid #ababab; padding-bottom: 10px; } .ca_article h1, .ca_article h2, .ca_article .ca_intro, .ca_article .ca_paragraph { margin-left: 15px; margin-right: 15px; } .ca_article .ca_intro { margin-bottom: 15px; } .ca_article .ca_paragraph h3 { margin-top: 0; } .ca_article .ca_paragraph .ca_paragraph_body p:first-child { margin-top: 0; } .article_1_col, .article_2_css_col, .article_3_css_col, .article_2_html_col, .article_3_html_col { background: #fff; width: 988px; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; margin: 0; padding-bottom: 20px; } .article_1_col:first-child, .article_2_css_col:first-child, .article_3_css_col:first-child, .article_2_html_col:first-child, .article_3_html_col:first-child { border-top: 1px solid #c1c1c1; } .article_1_col:last-child, .article_2_css_col:last-child, .article_3_css_col:last-child, .article_2_html_col:last-child, .article_3_html_col:last-child { border-bottom: 1px solid #c1c1c1; } .article_2_css_col .ca_paragraph { column-count: 2; column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; } .article_3_css_col .ca_paragraph { column-count: 3; column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; } .article_2_html_col .ca_paragraph { margin-right: 0; float: left; display: inline; width: 471px; } .article_2_html_col .ca_paragraph > img { width: 100%; height: auto; } .article_2_html_col .ca_paragraph img + h3 { margin-top: 15px; } .article_2_html_col .ca_paragraph img + .ca_paragraph_body { margin-top: 15px; } .article_2_html_col .article-cta-button { width: 340px; height: 90px; border: 1px solid #ababab; display: block; clear: both; margin: 20px auto; text-align: center; font-size: 21px; font-weight: bold; line-height: 90px; -webkit-box-shadow: 5px 5px 5px 0px #8a8a8a; -moz-box-shadow: 5px 5px 5px 0px #8a8a8a; box-shadow: 5px 5px 5px 0px #8a8a8a; } .article_2_html_col .article-cta-button > img { height: 88px; } .article_2_html_col .article-cta-button:hover { background-color: #ffde00; } .article_2_html_col .ca_paragraph:nth-last-of-type(2n-2) { clear: both; } .article_3_html_col .ca_paragraph { margin-right: 0; float: left; display: inline; width: 310px; } .article_3_html_col .ca_paragraph > img { border: 1px solid #ABABAB; width: 308px; height: auto; } .article_3_html_col .ca_paragraph:nth-last-of-type(3n) { clear: both; } .confirmation_article h1 { margin: 0; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); line-height: 50px; color: #fff; padding: 0 15px; margin-bottom: 15px; } .promo_article { width: 240px; border: none; float: right; padding: 5px 5px; margin-left: 0; height: 301px; } .promo_article .ca_intro { margin-left: 0; } .promo_article > img { width: 100%; height: 159px; } .promo_article ul { padding-left: 0; } .promo_article ul li { list-style-type: none; font-weight: bold; } .promo_article ul li a { text-decoration: none; background: url(/dunlop_euen/Images/li_a_decoration_tcm2094-153787.png) no-repeat scroll 0 3px; padding-left: 10px; } .article_rotating_tires { position: relative; } .article_rotating_tires:last-child { border-bottom: 1px solid #c1c1c1; padding-bottom: 0; } .article_rotating_tires .ca_paragraph { position: absolute; top: 310px; width: 198px; text-align: center; margin: 0; } .article_rotating_tires .ca_paragraph p { margin: 0; } .article_rotating_tires .ca_paragraph:nth-of-type( 1 ) { left: 0; } .article_rotating_tires .ca_paragraph:nth-of-type( 2 ) { left: 198px; } .article_rotating_tires .ca_paragraph:nth-of-type( 3 ) { left: 396px; } .article_rotating_tires .ca_paragraph:nth-of-type( 4 ) { right: 198px; } .article_rotating_tires .ca_paragraph:nth-of-type( 5 ) { right: 0; } /*------ Articles END -------------------*/ /*------ Teasers ------------------------*/ .banner_teaser { margin-top: 20px; margin-bottom: 20px; position: relative; float: left; width: 100%; } .banner_teaser:fisrt-child { margin-top: 40px; } .banner_teaser h2, .banner_teaser h3, .banner_teaser .teaser_body { position: absolute; } .banner_teaser h2 { top: 170px; left: 20px; background: #ffde00; line-height: 40px; margin: 0; height: 57px; line-height: 57px; padding-left: 20px; } .banner_teaser h2 > img { height: 100%; width: auto; position: absolute; left: 100%; top: 0; } .banner_teaser .teaser_body { float: left; background: #fff; top: 220px; left: 20px; line-height: 2em; padding: 10px; padding-left: 20px; max-width: 70%; min-height: 37px; } .banner_teaser .teaser_body > img { height: 100%; width: auto; position: absolute; left: 100%; top: 0; } .ca_teaser_list { padding: 20px; background: #f0f0f0; position: relative; z-index: 11; top: 1px; right: 1px; } .ca_teaser_list h2 { font-size: 14px; } .ca_teaser_list ul { padding: 0; } .ca_teaser_list ul li { list-style-type: none; } .ca_teaser_list .ca_teaser { padding: 20px 0; border-top: 1px solid #ababab; float: left; clear: both; } .ca_teaser_list .ca_teaser h2 { margin-top: 0; float: left; } .ca_teaser_list .ca_teaser h2, .ca_teaser_list .ca_teaser .teaser_body { display: inline; width: 240px; } .ca_teaser_list .ca_teaser .teaser_body { float: left; } .ca_teaser_list .ca_teaser > img { float: left; display: inline; margin-right: 10px; } .ca_teaser_list .ca_teaser.clickable { position: relative; } .ca_teaser_list .ca_teaser.clickable a { position: absolute; height: 100%; width: 100%; opacity: 0; } #ca_doormats .three_in_row { width: 948px; border: 1px solid #c1c1c1; height: auto; } #ca_doormats .three_in_row ul { float: left; width: 948px; margin: 0; } #ca_doormats .three_in_row ul li { float: left; display: inline; width: 300px; border: 1px solid #c1c1c1; } #ca_doormats .three_in_row ul li .ca_teaser { border: 0; padding: 0; padding-top: 0; position: relative; } #ca_doormats .three_in_row ul li .ca_teaser > h2 { color: #fff; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); height: 50px; width: 272px; height: 20px; line-height: 20px; padding: 15px; margin: 0; } #ca_doormats .three_in_row ul li .ca_teaser > img { width: 100%; margin: 0; height: auto; } #ca_doormats .three_in_row ul li .ca_teaser .teaser_body { margin: 0; } #ca_doormats .three_in_row ul li .ca_teaser a { margin: 0; position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; bottom: 0; } #ca_doormats .three_in_row ul li:nth-of-type(3n-1) { margin: 0 21px; } #ca_doormats .three_in_row ul li:hover { border: 1px solid #999; margin-top: -2px; } .ca_download_pdf { position: absolute; right: 0; bottom: 0; padding: 10px; border: 1px solid #ccc; text-decoration: none; line-height: 21px; background: #fff; } .ca_download_pdf:before { background: url(/dunlop_euen/Images/download_icon_tcm2094-159114.png) left center no-repeat; content: ""; width: 17px; height: 21px; float: left; display: inline; margin-right: 10px; } .ca_download_pdf:hover { background: #c1c1c1; color: #fff; text-decoration: none; } .ca_download_pdf:hover:before { background: url(/dunlop_euen/Images/download_icon_hover_tcm2094-159115.png) left center no-repeat; content: ""; width: 17px; height: 21px; float: left; display: inline; margin-right: 10px; } .teaser_promocode h2 { font-size: 15px; margin: 0; margin-bottom: 1em; } .teaser_promocode > h3 { font-size: 30px; margin-top: 5px; margin-bottom: 10px; } .teaser_promocode h2, .teaser_promocode h3, .teaser_promocode .teaser_body { width: 340px; } .teaser_qrcode > img { width: 120px; height: 120px; } .teaser_qrcode h2 { font-size: 15px; margin: 0; margin-bottom: 1em; } .teaser_qrcode h2, .teaser_qrcode .teaser_body { width: 175px; padding-right: 150px; float: right; } .social_cta { padding: 15px; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); color: #fff; position: relative; float: left; width: 960px; padding-bottom: 25px; } .social_cta h2, .social_cta h3 { font-size: 16px; width: 630px; margin: 0; text-transform: uppercase; } .social_cta .teaser_body { float: left; } .social_cta .teaser_body .teaser_intro { text-transform: uppercase; width: 630px; } .social_cta .teaser_body .ca_twitter_button { width: 310px; margin: 0; height: 52px; border: 1px solid #3b5999; display: inline-block; float: none; line-height: 52px; position: absolute; background: url("../../00 Common/Images/enhancement/twitter_btn_gradient.png"); font-size: 16px; text-shadow: 1px -1px #152d98; color: #fff; letter-spacing: 1px; text-decoration: none; } .social_cta .teaser_body .ca_twitter_button:before { content: ""; background: url("../../00 Common/Images/enhancement/twitter_btn_logo.png"); float: left; width: 61px; height: 52px; position: relative; bottom: -1px; margin-right: 10px; } .social_cta .teaser_body .ca_twitter_button:after { content: ""; background: url("../../00 Common/Images/enhancement/twitter_btn_fold.png"); float: left; width: 10px; height: 10px; position: absolute; right: 0; bottom: -11px; } .social_cta .teaser_body > a { width: 300px; top: 15px; right: -10px; } .ca_grid .ca_column_66 .ca_teaser.social_cta_teaser { width: 640px; min-height: 120px; margin: 20px 0; margin-left: 25px; border: 0; padding: 0; } .ca_grid .ca_column_66 .ca_teaser.social_cta_teaser > img { position: static; float: left; } .ca_grid .ca_column_66 .ca_teaser.social_cta_teaser h2 { margin: 0; position: absolute; float: left; bottom: 20px; left: 20px; z-index: 5; background: #ffde00; padding: 10px 0 10px 10px; font-size: 18px; } .ca_grid .ca_column_66 .ca_teaser.social_cta_teaser h2 .cutoff { position: absolute; top: 0; left: 100%; height: 100%; } .ca_grid .ca_column_66 .ca_teaser.social_cta_teaser .teaser_body { width: 100%; float: right; } .clickable a { margin: 0; z-index: 10; position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; bottom: 0; } .ca_grid .ca_column_66 .fb_button_container.ca_teaser { text-align: center; border: 0 none; padding: 0; min-height: 62px; margin-bottom: 20px; } .ca_grid .ca_column_66 .fb_button_container.ca_teaser .teaser_body { width: 100%; text-align: center; float: right; height: 62px; } .ca_grid .ca_column_66 .fb_button_container.ca_teaser .ca_facebook_button { margin: 0; height: 58px; border: 1px solid #3b5999; display: inline-block; float: none; line-height: 58px; position: relative; background: url("../../00 Common/Images/enhancement/fb_button_background.png"); padding-right: 53px; font-size: 18px; text-shadow: 1px -1px #152d98; color: #fff; letter-spacing: 1px; } .ca_grid .ca_column_66 .fb_button_container.ca_teaser .ca_facebook_button:before { content: ""; background: url("../../00 Common/Images/enhancement/fb_button_icon.png"); float: left; width: 59px; height: 60px; position: relative; bottom: -1px; margin-right: 20px; } .ca_grid .ca_column_66 .pn_button_container.ca_teaser { text-align: center; border: 0 none; padding: 0; min-height: 62px; margin-bottom: 20px; } .ca_grid .ca_column_66 .pn_button_container.ca_teaser .teaser_body { width: 100%; text-align: center; float: right; height: 62px; } .ca_grid .ca_column_66 .pn_button_container.ca_teaser .ca_pinterest_button { margin: 0; height: 58px; border: 1px solid #3b5999; display: inline-block; float: none; line-height: 58px; position: relative; background: url("../../00 Common/Images/enhancement/pinterest_btn_gradient.png"); padding-right: 53px; font-size: 18px; text-shadow: 1px -1px #152d98; color: #fff; letter-spacing: 1px; } .ca_grid .ca_column_66 .pn_button_container.ca_teaser .ca_pinterest_button:before { content: ""; background: url("../../00 Common/Images/enhancement/pinterest_btn_logo.png"); float: left; width: 59px; height: 60px; position: relative; bottom: -1px; margin-right: 20px; } .ca_grid .ca_column_66 .social_teaser_list .ca_teaser > img { position: static; margin: 0; } .ca_grid .ca_column_66 .social_teaser_list .ca_social_teaser { border: 0; margin: 0; } .ca_grid .ca_column_66 .social_teaser_list .ca_social_teaser h3 { width: 190px; padding: 0 10px; } .social_teaser_list { background: #fff; width: 650px; float: left; clear: both; } .social_teaser_list ul { float: left; width: 100%; } .social_teaser_list ul li { width: 210px; float: left; display: inline; } .social_teaser_list ul li:nth-of-type(3n-1) { margin-left: 10px; margin-right: 10px; } .social_teaser_list .ca_social_teaser { padding: 0; border: 0; } .social_teaser_list .ca_social_teaser h2, .social_teaser_list .ca_social_teaser h3, .social_teaser_list .ca_social_teaser .teaser_body, .social_teaser_list .ca_social_teaser img { position: static; } .social_teaser_list .ca_social_teaser > img { width: 100%; height: auto; position: static; } .promo_teaser { width: 232px; border: 0 none; float: left; margin-left: 0; height: 260px; position: relative; padding: 10px 5px 10px 10px; } .promo_teaser .ca_intro { margin-left: 0; } .promo_teaser h2 { margin-top: 10px; font-size: 16px; margin-bottom: 15px; } .promo_teaser > img { width: 100%; height: auto; } .promo_teaser .teaser_body { overflow: hidden; height: 50px; } .promo_teaser .teaser_body .teaser_intro { margin-bottom: 20px; } .promo_teaser .teaser_body .teaser_intro p { margin-top: 0; } .promo_teaser .teaser_body a { font-weight: bold; text-decoration: none; background: url(/dunlop_euen/Images/li_a_decoration_tcm2094-153787.png) no-repeat scroll 0 3px; padding-left: 10px; position: absolute; bottom: 10px; left: 10px; } .promo_teaser:last-child { padding: 10px 10px 10px 5px; } .hp_call_to_action { float: left; display: inline; width: 50%; height: 70px; margin: 12px 0 8px 0; } .hp_call_to_action a { font-size: 16px; font-weight: normal; font-family: arial; } .yellow_cta { padding-left: 26px; background-color: #ffde00; width: 502px; background-image: url('../Images/enhancement/hp_linklist_bg_gradient.png'); background-repeat: no-repeat; background-position: left; border-top: none; border-bottom: none; } .yellow_cta a { float: left; clear: both; } .yellow_cta a:first-child { margin-top: 18px; font-weight: 700; text-decoration: none; } .yellow_cta a:last-child { clear: both; font-size: 12px; margin-top: 5px; } .black_cta { background: black; position: relative; width: 456px; padding-left: 6px; height: 70px; } .black_cta a { color: #fff; text-decoration: none; padding-top: 24px; float: left; } .black_cta:before { position: absolute; content: ""; display: block; float: left; right: 100%; top: 0; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 70px solid transparent; border-right: 70px solid #000; } .su_teaser_images { margin-top: 60px; position: relative; } .su_teaser_images h3, .su_teaser_images .teaser_body { position: absolute; } /*------ Teasers END -------------------*/ /*------ Grid ---------------------------*/ .ca_grid { float: left; background: #fff; } .ca_grid #ca_main_content { float: left; width: 100%; margin-bottom: 20px; } .ca_grid .partnership_teaser > h2 { color: #fff; line-height: 50px; text-indent: 20px; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); margin-top: 0; } .ca_grid .partnership_teaser h3 { padding: 0 20px; } .ca_grid .partnership_teaser .teaser_body { padding: 0 20px; } .ca_grid .partner_logo_list { background: #fff; float: left; width: 100%; padding: 40px 0; } .ca_grid .partner_logo_list ul { margin: 0; padding: 0; } .ca_grid .partner_logo_list ul li { list-style-type: none; display: inline; float: left; width: 20%; margin: 20px 0; background: url(/dunlop_euen/Images/logo_footer_tcm2094-149763.png) center bottom no-repeat; text-align: center; height: 80px; } .ca_grid .partner_logo_list ul li:hover { cursor: pointer; background: url(/dunlop_euen/Images/logo_footer_hover_tcm2094-149764.png) center bottom no-repeat; } .ca_grid .partner_logo_list.ca_link_list > h3 { margin: 15px; } .ca_grid .partnerships_subtitle > h3 { border-bottom: 1px solid #ccc; padding-bottom: 10px; text-transform: uppercase; margin-left: 20px; margin-bottom: 0; } .ca_grid .ca_column_66 { float: left; width: 55%; display: inline; margin-left: 20px; } .ca_grid .ca_column_66 .ca_teaser { width: 100%; float: left; clear: none; padding-bottom: 10px; border-bottom: 1px solid #ccc; min-height: 150px; background: #fff; position: relative; } .ca_grid .ca_column_66 .ca_teaser > img { float: left; display: inline; position: absolute; top: 20px; left: 0; } .ca_grid .ca_column_66 .ca_teaser h2, .ca_grid .ca_column_66 .ca_teaser h3, .ca_grid .ca_column_66 .ca_teaser .teaser_body { float: right; width: 65%; display: inline; } .ca_grid .ca_column_66 .ca_teaser a { text-decoration: none; color: #555; font-weight: bold; margin-top: 10px; float: left; } .ca_grid .ca_column_66 .ca_teaser:last-child { margin-bottom: 20px; } .ca_grid .ca_column_33 { float: right; width: 37%; background: #e6e6e6; position: absolute; top: 0; right: 0; height: 100%; padding: 0 20px; border-left: 1px solid #ccc; } .ca_grid .ca_column_33 .ca_teaser { float: left; margin: 0; position: relative; } .ca_grid .ca_column_33 .ca_teaser > img { float: left; display: inline; position: absolute; top: 20px; left: 0; } .ca_grid .ca_column_33 .ca_teaser h2, .ca_grid .ca_column_33 .ca_teaser h3, .ca_grid .ca_column_33 .ca_teaser .teaser_body { float: left; width: 100%; display: inline; } .ca_grid .ca_column_33 .ca_teaser a { text-decoration: none; color: #555; font-weight: bold; margin-top: 10px; float: left; } .ca_grid.ca_confirmation_grid { border: 1px solid #ccc; width: 988px; } .ca_grid.ca_confirmation_grid .ca_column_100 > h1 { margin: 0; padding: 0 15px; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); line-height: 50px; color: #fff; margin-bottom: 25px; } .ca_grid.ca_confirmation_grid .ca_column_50 { width: 50%; float: left; } .ca_grid.ca_confirmation_grid .ca_column_50 article { width: 484px; } .ca_grid.ca_confirmation_grid .ca_column_50 .ca_teaser { width: 459px; float: right; margin-right: 15px; position: relative; } .ca_grid.ca_confirmation_grid article.ca_article { border: 0; } .ca_grid.ca_confirmation_grid .ca_row:last-child:before { content: ""; float: left; position: absolute; width: 0; border-left: 1px solid #ababab; left: 50%; margin-left: -2px; height: 80%; top: 0; } .ca_contest_grid { float: left; height: auto; } .ca_contest_grid .ca_column_66 { display: inline-block; width: 690px; height: auto; margin: 0; } .ca_contest_grid .ca_column_66 article { margin: 20px; float: left; width: 650px; border: 0 none; padding-top: 20px; } .ca_contest_grid .ca_column_33 { width: 298px; height: auto; position: relative; float: right; display: inline-block; padding: 0; } .ca_contest_grid .ca_column_33 .ca_teaser_list { float: left; } .ca_contest_grid .ca_column_33 ul { float: left; } .ca_contest_grid .ca_column_33 ul li { float: left; } .ca_contest_grid .ca_column_33 .ca_teaser img { float: left; } .ca_contest_grid .ca_column_33 .ca_teaser h2, .ca_contest_grid .ca_column_33 .ca_teaser .teaser_body { float: right; width: 200px; margin-bottom: 0; } /*------ Grid END ----------------------*/ /*------ Image list ---------------------*/ .ca_image_list { float: left; width: 100%; } .ca_image_list h3, .ca_image_list ul { margin-left: 15px; margin-right: 15px; } .ca_image_list ul { padding: 0; } .ca_image_list ul li { display: inline; list-style-type: none; } .ca_image_list ul li:nth-of-type(3n-1) { margin: 0 6px; } #ca_main_content > .ca_image_list { width: 988px; background: #fff; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; } /*------ Image list END -----------------*/ /*--- Tire Load / speed index app -------*/ .ca_compare { float: right; margin-top: 54px; margin-right: 25px; } .ca_compare > ul { float: left; clear: both; padding: 0; } .ca_compare > ul li a { color: #333; text-decoration: none; padding: 7px 14px; background: yellow; border-radius: 2px; border: 1px solid #333; } .ca_compare > ul li a:hover { text-decoration: underline; } .ca_compare input { height: 20px; padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; width: 180px; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ float: left; } .ca_compare input.error { border: 2px solid red; } .ca_compare .ca_equal { font-size: 22px; color: #333; float: left; margin: 5px 5px 0 5px; font-size: 32px; font-weight: bold; } .ca_compare input::-webkit-outer-spin-button, .ca_compare input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; } .ca_compare > a { margin-top: 10px; float: left; clear: both; text-decoration: none; background: url(/dunlop_euen/Images/li_a_decoration_tcm2094-153787.png) no-repeat scroll 0 4px; text-indent: 12px; } .ca_compare > a:hover { text-decoration: underline; } .ca_compare .error { border-color: red; } .ca_speed_index { margin-right: 0; } .ca_speed_index input { width: 200px; } #ca_load_index_lightbox { margin-top: 40px; float: left; width: 800px; height: 820px; overflow-y: scroll; } #ca_load_index_lightbox > table { display: inline; float: left; width: 20%; border-collapse: separate; border-spacing: 0 1px; font-size: 12px; font-weight: bold; } #ca_load_index_lightbox > table th { width: 71px; text-align: center; border: 1px solid #020200; height: 30px; } #ca_load_index_lightbox > table th:nth-child(2n-1) { background: #020200; color: #ffffff; } #ca_load_index_lightbox > table th:nth-child(2n-2) { background: #ffffff; color: #020200; } #ca_load_index_lightbox > table td { height: 30px; text-align: center; vertical-align: middle; border: 1px solid #ffde00; } #ca_load_index_lightbox > table td:nth-child(2n-1) { background: #ffde00; color: #020200; } #ca_load_index_lightbox > table td:nth-child(2n-2) { color: #020200; background: #ffffff; } #ca_speed_index_lightbox { margin-top: 40px; float: left; width: 800px; } #ca_speed_index_lightbox > table { float: left; border-collapse: separate; border-spacing: 1px; margin-bottom: 10px; font-size: 12px; font-weight: bold; } #ca_speed_index_lightbox > table th { width: 43px; height: 30px; text-align: center; color: #020200; background: #ffde00; border: 1px solid #ffde00; } #ca_speed_index_lightbox > table th.first { width: 71px; background: #020200; border: 1px solid #020200; color: #ffffff; } #ca_speed_index_lightbox > table td { height: 30px; text-align: center; vertical-align: middle; color: #020200; border: 1px solid #ffde00; } .index_table_teaser { position: relative; } .index_table_teaser h2 { color: #020200; border-bottom: 1px solid #ababab; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .index_table_teaser > img { width: 100%; height: auto; } .index_table_teaser a { position: absolute; right: 0; bottom: 0; margin-bottom: 10px; color: #020200; text-decoration: none; font-size: 11px; } .icon-print-table-index { line-height: 1em; padding-bottom: 5px; padding-left: 22px; padding-top: 5px; background: url(/dunlop_euen/Images/dunlop_print_tcm2094-161021.png) no-repeat scroll 0 4px; } /*--- Tire Load / speed index app END ---*/ /*-------- Link decoration --------------*/ .ca_article .ca_paragraph .ca_paragraph_body * { float: none; } .ca_article .ca_paragraph .ca_paragraph_body ul { padding: 0; clear: both; display: block; margin: 0; } .ca_article .ca_paragraph .ca_paragraph_body ul li { background: url(/dunlop_euen/Images/li_decoration_tcm2094-151041.png) no-repeat scroll 1px 3px; display: block; float: left; text-indent: 10px; margin-right: 5px; position: relative; } .ca_article .ca_paragraph .ca_paragraph_body ul li a { background: url(/dunlop_euen/Images/li_a_decoration_tcm2094-153787.png) no-repeat scroll 0 3px; clear: both; display: block; text-decoration: none; text-indent: 14px; width: 100%; height: 100%; } .ca_article .ca_paragraph .ca_paragraph_body ul li a:hover { text-decoration: underline; } .ca_article .ca_paragraph .ca_paragraph_body ul li:last-child { clear: right; } .ca_article .ca_paragraph .ca_paragraph_body ul:before { clear: both; content: ""; height: 15px; width: 100%; display: block; } .ca_article .ca_paragraph .ca_paragraph_body ul:after { clear: both; content: ""; height: 15px; width: 100%; display: block; } /*-------- Link decoration END ----------*/ /*-------- Doormats section -------------*/ .ca_carousel_wrap ul { margin-top: 0; margin-bottom: 0; padding: 0; } .ca_carousel { clear: both; position: relative; } .ca_carousel .jcarousel-container { clear: both; } .jcarousel-prev, .jcarousel-next { cursor: pointer; float: left; height: 22px; margin-left: 5px; width: 22px; border: 1px solid black; position: absolute; color: #333; font-weight: bold; display: block; border-radius: 2px; } .jcarousel-prev { right: 40px; top: 10px; background: url(/dunlop_euen/Images/j_car_prev_tcm2094-153057.png) #ffde00; } .jcarousel-next { right: 10px; top: 10px; background: url(/dunlop_euen/Images/j_car_next_tcm2094-153055.png) #ffde00; } .carousel_item .ca_teaser > img { width: 990px; height: auto; } #ca_doormats .eu_tire_label_carousel > h2 { text-transform: uppercase; font-size: 16px; font-weight: normal; } #ca_doormats .eu_tire_label_carousel ul { margin: 0; padding: 0; float: left; } #ca_doormats .eu_tire_label_carousel ul li { float: left; width: 242px; list-style-type: none; position: relative; } #ca_doormats .eu_tire_label_carousel .ca_teaser { float: left; width: 242px; height: 165px; position: relative; } #ca_doormats .eu_tire_label_carousel .ca_teaser h2 { color: #333; width: 50%; position: absolute; right: 0; bottom: 75px; margin-bottom: 0; text-transform: none; font-size: 16px; } #ca_doormats .eu_tire_label_carousel .ca_teaser .teaser_body { margin: 0; margin-top: 80px; } #ca_doormats .eu_tire_label_carousel .ca_teaser h2, #ca_doormats .eu_tire_label_carousel .ca_teaser .teaser_body { width: 50%; text-align: left; } #ca_doormats .eu_tire_label_carousel .ca_teaser > img { width: 90px; height: 120px; float: left; display: inline; margin: 25px 0 0 10px; left: 0; position: absolute; } #ca_doormats .eu_tire_label_carousel .jcarousel-prev { top: -35px; } #ca_doormats .eu_tire_label_carousel .jcarousel-next { top: -35px; } #ca_main_content .ca_carousel:first-child { margin-top: 30px; } #ca_main_content .ca_carousel:first-child .ca_teaser { position: relative; } #ca_main_content .ca_carousel:first-child .ca_teaser h2 { position: absolute; bottom: 20px; left: 20px; color: #fff; font-weight: normal; } .carousel_pagination > ul { list-style-type: none; position: absolute; z-index: 10; right: 80px; margin: 16px 0; } .carousel_pagination > ul li { display: inline; float: left; margin: 0 3px; } .carousel_pagination > ul li a { display: block; height: 9px; width: 9px; background: url(/dunlop_euen/Images/carousel-dot_tcm2094-165006.png) no-repeat; } .carousel_pagination > ul li.active a { display: block; height: 9px; width: 9px; background: url(/dunlop_euen/Images/carousel-dot-active_tcm2094-165007.png) no-repeat; } .hp_doormats_carousel { width: 494px; height: auto; padding: 10px 0; float: left; position: relative; } .hp_doormats_carousel:after { position: absolute; top: 0; left: 0; display: block; background: #fff; content: ""; float: left; height: 278px; width: 988px; border: 1px solid #ababab; z-index: -1; } .hp_doormats_carousel .ca_carousel_wrap { width: 390px; margin-left: 48px; } .hp_doormats_carousel .ca_carousel_wrap .jcarousel-prev { top: -57px; left: -30px; height: 100%; background: url(/dunlop_euen/Images/j_car_hp_prev_tcm2094-157939.png) no-repeat center 120px; margin: 0; border: none; } .hp_doormats_carousel .ca_carousel_wrap .jcarousel-next { top: -57px; right: -30px; height: 100%; background: url(/dunlop_euen/Images/j_car_hp_next_tcm2094-157938.png) no-repeat center 120px; margin: 0; border: none; } .hp_doormats_carousel .ca_carousel_wrap .jcarousel-pagination { position: absolute; bottom: 0; left: 15px; } .hp_doormats_carousel .ca_carousel_wrap .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .hp_doormats_carousel .ca_carousel_wrap .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } .hp_doormats_carousel ul li { width: 390px; } .hp_doormats_carousel ul li .ca_teaser { float: left; width: 100%; height: 260px; position: relative; } .hp_doormats_carousel ul li .ca_teaser h2 { margin-top: 160px; text-align: left; margin-bottom: 15px; direction: ltr; font-size: 16px; } .hp_doormats_carousel ul li .ca_teaser .teaser_body { margin: 0; text-align: left; width: 100%; } .hp_doormats_carousel ul li .ca_teaser .teaser_body * { direction: ltr; } .hp_doormats_carousel ul li .ca_teaser .teaser_body .teaser_intro { overflow: hidden; height: 50px; } .hp_doormats_carousel ul li .ca_teaser .teaser_body .teaser_intro p { margin-top: 0; } .hp_doormats_carousel ul li .ca_teaser .teaser_body a { background: url(/dunlop_euen/Images/li_a_decoration_tcm2094-153787.png) no-repeat scroll 0 3px; padding-left: 10px; font-weight: bold; text-decoration: none; position: absolute; bottom: 0; left: 0; } .hp_doormats_carousel ul li .ca_teaser .teaser_body:first-child { margin-top: 160px; } .hp_doormats_carousel ul li .ca_teaser img { position: absolute; top: 0; left: 0; margin: 0; width: 390px; height: auto; } /*------- Doormats section END ----------*/ /*-------- Carousel ---------------------*/ #ca_doormats:before { content: ""; float: left; width: 100%; margin-top: 20px; } #ca_doormats:after { content: ""; float: left; width: 100%; margin-top: 20px; } .home-page #ca_doormats:before { display: none; } .home-page #ca_doormats:after { display: none; } #ca_doormats { width: 990px; margin: 0 auto; display: block-inline; clear: both; } #ca_doormats > .ca_carousel, #ca_doormats article, #ca_doormats .ca_teaser.teaser_50 { width: 49%; display: inline-block; background: #fff; height: 215px; overflow: hidden; border: 1px solid #c1c1c1; } #ca_doormats > .ca_carousel > h1, #ca_doormats article > h1, #ca_doormats .ca_teaser.teaser_50 > h1, #ca_doormats > .ca_carousel > h2, #ca_doormats article > h2, #ca_doormats .ca_teaser.teaser_50 > h2, #ca_doormats > .ca_carousel > h3, #ca_doormats article > h3, #ca_doormats .ca_teaser.teaser_50 > h3 { background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); line-height: 50px; margin: 0; color: #fff; text-indent: 20px; } #ca_doormats > div:nth-child(2n-1), #ca_doormats > article:nth-child(2n-1) { float: left; } #ca_doormats > div:nth-child(2n), #ca_doormats > article:nth-child(2n) { float: right; } #ca_doormats article .ca_paragraph { float: left; display: inline; width: 202px; position: relative; padding: 20px; } #ca_doormats article .ca_paragraph > img { float: left; } #ca_doormats article .ca_paragraph h3, #ca_doormats article .ca_paragraph .ca_paragraph_body { width: 130px; float: right; position: absolute; right: 0; } #ca_doormats article .ca_paragraph h3 { top: 20px; } #ca_doormats article .ca_paragraph .ca_paragraph_body { bottom: 40px; } #ca_doormats article .ca_paragraph .ca_paragraph_body ul { margin: 0; padding: 0; } #ca_doormats article .ca_paragraph .ca_paragraph_body ul li { list-style-type: none; text-indent: 20px; } #ca_doormats .ca_teaser { float: right; } #ca_doormats .ca_teaser > h2 { text-transform: uppercase; font-size: 16px; font-weight: normal; } #ca_doormats .ca_teaser .teaser_body { float: right; width: 225px; margin: 20px 20px 0 0; } #ca_doormats .ca_teaser .teaser_body .teaser_intro p:first-child { margin-top: 0; } #ca_doormats .ca_teaser .teaser_body > a { margin-top: 10px; display: block; } #ca_doormats .ca_teaser > img { margin: 20px; } /*------- Carousel END ------------------*/ /*-------- Partnerships Lightbox --------*/ #fancybox-wrap #fancybox-outer #fancybox-content h1 { text-transform: uppercase; border-bottom: 1px solid #c1c1c1; padding: 15px 0 2% 0; font-size: 1.23em; margin: 0; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph { float: left; width: 32% ; margin-right: 1%; border-right: 1px solid #c1c1c1; margin-top: 25px; position: relative; height: 130px; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph h3 { width: 140px; margin-top: 0; margin-bottom: 5px; float: right; display: table-cell; font-size: 1em; text-transform: uppercase; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph > img { padding-right: 1%; float: left; position: absolute; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph .ca_paragraph_body { width: 140px; float: right; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph ul { margin: 0; padding: 0; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph ul li { list-style-type: none; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph:nth-of-type(3n) { border: none; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph:nth-of-type(3n-2) { clear: both; } #fancybox-wrap #fancybox-outer #fancybox-content .ca_paragraph:last-child { border: none; } /*------- Partnerships Lightbox END ----*/ /*-------- Mail / Submit forms ----------*/ .arrow_right { background: url(/dunlop_euen/Images/arrow_right_tcm2094-150317.png) right center no-repeat; } .fake_border { -moz-box-shadow: inset 1px 1px 1px #333; -webkit-box-shadow: inset 1px 1px 1px #333; box-shadow: inset 1px 1px 1px #333; } .ca_mail_form.width_66 { clear: both; float: left; width: 60%; display: inline; } .ca_teaser_list.width_33 { float: right; width: 31%; display: inline; } .ca_mail_form { padding: 20px; border: 1px solid #c1c1c1; background: #ffffff; position: relative; z-index: 5; } .ca_mail_form input, .ca_mail_form select, .ca_mail_form textarea { border: 1px solid #c1c1c1; } .ca_mail_form h3 { margin: 0; width: 590px; padding: 10px 0; border: 1px solid #c1c1c1; border-bottom: 0 none; background: #f0f0f0; text-indent: 20px; font-size: 20px; font-family: "Helvetica Neue"; } .ca_mail_form > h3 { padding-top: 15px; font-weight: normal; text-transform: uppercase; } .ca_mail_form > form { padding: 0 20px 20px 20px ; width: 550px; border: 1px solid #c1c1c1; border-top: 0 none; background: #f0f0f0; float: left; } .ca_mail_form .ca_form_field { clear: both; float: left; margin: 15px 0; } .ca_mail_form .ca_form_field label { float: left; margin-bottom: 5px; } .ca_mail_form .ca_form_field input[type="text"], .ca_mail_form .ca_form_field input[type="email"], .ca_mail_form .ca_form_field input[type="number"], .ca_mail_form .ca_form_field input[type="tel"], .ca_mail_form .ca_form_field textarea { -moz-box-shadow: inset 1px 1px 1px #333; -webkit-box-shadow: inset 1px 1px 1px #333; box-shadow: inset 1px 1px 1px #333; } .ca_mail_form .ca_form_field input { text-indent: 10px; } .ca_mail_form .ca_form_field input, .ca_mail_form .ca_form_field select, .ca_mail_form .ca_form_field textarea { clear: both; float: left; } .ca_mail_form .ca_form_field select, .ca_mail_form .ca_form_field option { padding: 5px 0; } .ca_mail_form .ca_form_field input, .ca_mail_form .ca_form_field select { width: 350px; } .ca_mail_form .ca_form_field textarea { width: 500px; min-height: 150px; height: 150px; padding: 10px; } .ca_mail_form .ca_form_field > div { clear: both; } .ca_mail_form .ca_form_field > div a.ui-selectmenu, .ca_mail_form .ca_form_field > div a.ui-selectmenu-dropdown { width: 350px !important; } .ca_mail_form .ca_form_field > div * { border-radius: 0; } .ca_mail_form .ca_form_field input[type='text'], .ca_mail_form .ca_form_field input[type='email'] { height: 18px; padding-top: 9px; padding-bottom: 9px; } .ca_mail_form .ca_form_field.input_error input, .ca_mail_form .ca_form_field.input_error textarea, .ca_mail_form .ca_form_field.input_error select { border: 2px solid red; background-color: #fff; } .ca_mail_form .ca_form_field.input_error input { background: url(/dunlop_euen/Images/form_error_indicator_tcm2094-154258.png) 325px center no-repeat #ffffff; } .ca_mail_form .ca_form_field.input_error textarea { background: url(/dunlop_euen/Images/form_error_indicator_tcm2094-154258.png) 490px center no-repeat #ffffff; } .ca_mail_form .ca_form_field.input_error label { color: red; } .ca_mail_form .ca_form_field.input_error a.ui-selectmenu, .ca_mail_form .ca_form_field.input_error a.ui-selectmenu-dropdown { border: 2px solid red; } .ca_mail_form .ca_form_field.valid_field input { background: url(/dunlop_euen/Images/form_info_indicator_tcm2094-154257.png) 325px center no-repeat #ffffff; } .ca_mail_form .ca_form_field.valid_field textarea { background: url(/dunlop_euen/Images/form_info_indicator_tcm2094-154257.png) 490px center no-repeat #ffffff; } .ca_mail_form .mail_field_error_message { margin-top: 20px; margin-bottom: 20px; width: 500px; float: left; clear: both; border: 2px solid red; padding: 16px 10px; background: #ffe4e4; } .ca_mail_form .mail_field_error_message p { margin: 0; color: red; } .ca_mail_form input[type="submit"] { float: left; clear: both; line-height: 40px; margin-top: 10px; padding: 0 56px 0 10px; text-transform: uppercase; background: url(/dunlop_euen/Images/arrow_right_tcm2094-150317.png) right center no-repeat; background-color: #ffde00; } .ca_mail_form:after { content: ""; width: 353px; float: left; position: absolute; z-index: 0; top: -1px; background: orange; z-index: -1; left: 100%; height: 100%; border: 1px solid #c1c1c1; background: #f0f0f0; } .ui-selectmenu-menu.ui-selectmenu-open #subject-menu { width: 350px !important; border-radius: 0; } .inline_form { float: left; background: #fff; width: 988px; padding: 0; position: relative; } .inline_form:after { display: none; } .inline_form > h3 { border: 0 none; color: #fff; width: 990px; height: 30px; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); margin-top: -1px; margin-left: -1px; } .inline_form form { margin: 20px; padding: 40px 110px 40px 40px; border-top: 1px solid #c1c1c1; width: 796px; } .inline_form .ca_form_field { width: 100%; position: relative; } .inline_form .ca_form_field label { font-size: 15px; line-height: 38px; } .inline_form .ca_form_field textarea { clear: none; float: right; width: 520px; } .inline_form .ca_form_field input { float: right; display: inline; clear: none; width: 540px; } .inline_form .ca_form_field input[type="checkbox"] { width: auto; } .inline_form .ca_form_field input[name="t_c_check"] { margin-top: 12px; float: left; margin-left: 255px; margin-right: 10px; } .inline_form .ca_form_field label[for="t_c_check"] { float: right; width: 502px; text-align: left; } .inline_form .ca_form_field .file_input_hidden { opacity: 0; position: relative; z-index: 2; left: -433px; cursor: pointer; } .inline_form .ca_form_field .file_input_decoration { width: 540px; position: absolute; left: 255px; top: 0; z-index: 0; height: 38px; float: left; } .inline_form .ca_form_field .file_input_decoration .decoration_button { float: left; height: 24px; border: 1px solid #c1c1c1; padding: 0 15px; padding-right: 30px; background: url(/dunlop_euen/Images/arrow_right_tcm2094-150317.png) right center no-repeat; background-color: #ffde00; height: 38px; } .inline_form .ca_form_field .file_input_decoration .selected_filename { float: left; margin-left: 10px; line-height: 38px; } .inline_form .ca_form_field.valid_field input { background: url(/dunlop_euen/Images/form_info_indicator_tcm2094-154257.png) 510px center no-repeat #ffffff; } .inline_form .ca_form_field.input_error .mail_field_error_message { float: right; width: 520px; margin-top: 10px; } .inline_form .ca_form_field.input_error input { background: url(/dunlop_euen/Images/form_error_indicator_tcm2094-154258.png) 510px center no-repeat #ffffff; } .inline_form input[type="file"] { border: 0 none; position: relative; height: 38px; overflow: visible; } .inline_form input[type="submit"] { margin-left: 254px; height: 36px; } .width_66 .ca_form_field { position: relative; } .width_66 .ca_form_field label { font-size: 15px; line-height: 38px; } .width_66 .ca_form_field .file_input_hidden { opacity: 0; position: relative; z-index: 2; cursor: pointer; font-size: 0; width: 108px; } .width_66 .ca_form_field .file_input_decoration { float: left; height: 38px; width: 540px; z-index: 0; left: 0px; position: absolute; top: 43px; } .width_66 .ca_form_field .file_input_decoration .decoration_button { background: url(/dunlop_euen/Images/arrow_right_tcm2094-150317.png) no-repeat scroll right center #ffde00; border: 1px solid #c1c1c1; float: left; height: 38px; padding: 0 30px 0 15px; } .width_66 .ca_form_field .file_input_decoration .selected_filename { float: left; line-height: 38px; margin-left: 10px; } .width_66 input[type="file"] { border: 0 none; height: 38px; overflow: visible; position: relative; } /*-------- Mail / Submit forms END ------*/ /*-------- Countdown Timer --------------*/ .ca_timer_wrap { float: left; display: block; clear: both; } .ca_timer_wrap .ca_timer { text-align: center; padding: 0; clear: both; display: block; margin: 0 auto; } .ca_timer_wrap .ca_timer li { list-style-type: none; display: table-cell; vertical-align: middle; } .ca_timer_wrap h3 { clear: both; text-align: center; margin-bottom: 0; } .ca_timer_wrap { width: 640px; margin-top: 40px; } .ca_timer_wrap .ca_timer { width: 440px; height: 36px; padding: 12px 0; border: 2px solid #999; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) inset; background: #f8e66d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8e66d), color-stop(50%, #f2d300), color-stop(100%, #eedd6d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8e66d 0%, #f2d300 50%, #eedd6d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e66d', endColorstr='#eedd6d', GradientType=0); /* IE6-8 */ } .ca_timer_wrap .ca_timer li { width: 108px; height: 36px; border-left: 1px solid #fddd09; border-right: 1px solid #999; } .ca_timer_wrap .ca_timer li .timer_value { font-weight: bold; font-size: 18px; } .ca_timer_wrap .ca_timer li .timer_value_label { font-size: 14px; } .ca_timer_wrap .ca_timer li:first-child { border-left: 0; } .ca_timer_wrap .ca_timer li:last-child { border-right: 0; } /*-------- Countdown Timer END----------*/ /*-------- Link list --------------------*/ /*-------- Link list End ----------------*/ /*-------- EU tire label page -----------*/ #ca_top h1.ca_tire_label_title { margin-top: 20px; margin-bottom: 20px; line-height: 50px; text-indent: 15px; color: #333; } .tire_label_intro { padding: 15px; float: left; background: #fff; padding-bottom: 30px; margin-bottom: 0; width: 958px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .tire_label_intro .ca_intro { padding-bottom: 20px; margin-left: 0; } .tire_label_intro .ca_paragraph { float: right; width: 796px; margin-bottom: 12px; margin-left: 0; margin-right: 0; float: left; } .tire_label_intro .ca_paragraph h3 { margin-top: 0; color: #333; line-height: 1.5em; height: 1.5em; } .tire_label_intro > img { margin-right: 20px; width: 141px; height: 207px; height: auto; } .tire_label_intro > img, .tire_label_intro .ca_intro { float: left; } .tire_label_intro .ca_intro::first-of-type p:first-child, .tire_label_intro .ca_paragraph:first-of-type p:first-child { margin-top: 0; } .tab_scroller + .ca_link_list { clear: both; padding: 19px; display: block; float: left; background: #fff; width: 950px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .tab_scroller + .ca_link_list ul { margin: 0; padding: 0; } .tab_scroller + .ca_link_list ul li { list-style-type: none; } /*------- EU tire label page END --------*/ /*-------- Contact us page --------------*/ .ca_location { margin-top: 20px; float: left; width: 948px; padding: 20px; margin-bottom: 20px; background: #ffffff; border: 1px solid #c1c1c1; } .ca_location .ca_location_info { float: left; display: inline; width: 58%; } .ca_location .ca_location_info h2 { margin: 0 0 20px 0; font-size: 16px; float: left; padding-right: 20px; width: 100%; } .ca_location .ca_location_info > h3 { font-size: 14px; clear: both; text-align: left; float: left; margin-top: 0; width: 100%; } .ca_location .ca_location_info .contact_section { float: left; width: 50%; display: inline; } .ca_location .ca_location_info .contact_section h3 { margin: 0; font-size: 14px; } .ca_location .ca_location_info div:first-of-type { min-height: 170px; clear: both; } .ca_location .ca_location_map_wrap { float: right; display: inline; width: 390px; min-height: 230px; } .ca_location .ca_location_map_wrap #map_canvas { width: 390px; height: 230px; } .contact_us #ca_main_content .ca_teaser_list > h2 { margin: 8px 0; padding-bottom: 20px; } .contact_us #ca_main_content .ca_teaser_list .ca_teaser .teaser_body { float: right; width: 248px; } .contact_us #ca_main_content .ca_teaser_list .ca_teaser .teaser_body a { text-decoration: none; } .contact_us #ca_main_content .ca_teaser_list li:last-child .ca_teaser { border-bottom: 1px solid #c7c7c7; } /*------- Contact us page END -----------*/ /*-------- Partnerships page ------------*/ .logo_footer_image { background: url(/dunlop_euen/Images/logo_footer_tcm2094-149763.png) center bottom no-repeat; } .logo_footer_image_hover { background: url(/dunlop_euen/Images/logo_footer_hover_tcm2094-149764.png) center bottom no-repeat; } /*------- Partnerships page END --------*/ /*-------- History page common style ----*/ #ca_history > ul { margin: 0; text-align: center; float: left; position: relative; clear: both; } #ca_history > ul li { list-style-type: none; display: inline-block; font-size: 15px; position: relative; top: 0; } #ca_history > ul li a { text-decoration: none; position: relative; width: 100%; text-align: center; } #ca_history > ul li:last-child { border-right: 0 none; } #ca_history .ca_history_entry > img { max-width: 100%; height: auto; } /*----- History page common style END ---*/ /*-------- History page -----------------*/ .triangle_down { background: url(/dunlop_euen/Images/triangle_down_tcm2094-151092.png) no-repeat; } #ca_history { width: 990px; margin: 0 auto; min-height: 100%; margin-top: 30px; } #ca_history > ul { padding: 30px 0 0 ; } #ca_history #ca_history_categories { float: left; width: auto; padding-top: 0; } #ca_history #ca_history_categories li { border: 1px solid #ccc; padding: 0 15px; float: left; background: #fff; background: rgba(255, 255, 255, 0.8); width: auto; } #ca_history #ca_history_categories li a { padding: 15px 0; display: block; float: left; } #ca_history #ca_history_categories li.active { background: #000; border: 1px solid #000; } #ca_history #ca_history_categories li.active a { color: #ffffff; } #ca_history_decades { width: 990px; border-bottom: 1px solid #969696; z-index: 2; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); } #ca_history_decades li { border-right: 1px solid #414141; } #ca_history_decades li a { color: #fff; top: -15px; padding: 15px; } #ca_history_decades li a:hover { text-decoration: underline; } #ca_history_decades li.active .pointer { display: block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; left: 50%; margin-left: -10px; top: 1.2em; border-top: 10px solid #030302; } #ca_history_decades li.active .pointer .inner_pointer { border-top: 8px solid #030302; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 2px; left: -8px; } #ca_history_years { width: 990px; background: #fff; background: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #969696; z-index: 1; } #ca_history_years li { border-right: 1px solid #969696; } #ca_history_years li a { color: #000; top: -15px; padding: 15px; } #ca_history_years li a:hover { text-decoration: underline; } #ca_history_years li.active .pointer { position: absolute; left: 50%; margin-left: -10px; top: 1.26em; background: url(/dunlop_euen/Images/triangle_down_tcm2094-151092.png) no-repeat; width: 16px; height: 8px; display: block; } .ca_history_entry { position: relative; float: left; width: 988px; background: #fff; border: 1px solid #969696; margin-bottom: 25px; } .ca_history_entry > img { border-bottom: 1px solid #969696; position: relative; margin-top: -51px; width: 100%; height: auto; } .ca_history_entry .ca_history_entry_content { float: left; width: 98%; margin-left: 1%; margin-bottom: 10px; position: relative; border: 1px solid #d6d6d6; padding-top: 52px; margin-top: -52px; } .ca_history_entry .ca_history_entry_content h2, .ca_history_entry .ca_history_entry_content h3 { line-height: 50px; float: left; display: inline; position: absolute; margin: 0; top: 0; } .ca_history_entry .ca_history_entry_content h2 { padding: 0 15px; z-index: 2; background: #333; color: #fff; } .ca_history_entry .ca_history_entry_content h3 { width: 100%; text-indent: 90px; background: #f0f0f0; text-transform: uppercase; font-family: arial; } .ca_history_entry .ca_history_entry_content h4, .ca_history_entry .ca_history_entry_content .entry_description { width: 96%; } .ca_history_entry .ca_history_entry_content h4 { margin: 1em 2%; } .ca_history_entry .ca_history_entry_content .entry_description { padding: 15px 0; margin: 0 2%; } .opaque { opacity: 0.6; } /*------- History page END -------------*/ /*-------- News category / feed page ----*/ #ca_news_feed { width: 990px; margin: 0 auto; min-height: 100%; } #ca_news_feed #ca_featured_article { width: 990px; float: left; margin-bottom: 20px; position: relative; background: #ffffff; } #ca_news_feed #ca_featured_article article { width: 948px; float: left; padding: 20px; border: 0 none; border: 1px solid #c1c1c1; } #ca_news_feed #ca_featured_article article > img { float: left; margin-right: 15px; } #ca_news_feed #ca_featured_article article .article_content { float: left; } #ca_news_feed #ca_featured_article article h1, #ca_news_feed #ca_featured_article article .article_content { width: 460px; float: right; display: inline; clear: right; padding-bottom: 40px; } #ca_news_feed #ca_featured_article article h2 { margin: 0; font-size: 14px; border-bottom: 0; padding: 0; } #ca_news_feed #ca_featured_article article h1 { border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 0; } #ca_news_feed #ca_featured_article article .ca_article_meta { margin: 0; } #ca_news_feed #ca_featured_article > a { bottom: 20px; font-weight: bold; left: 510px; position: absolute; } #ca_news_feed .ca_li_category, #ca_news_feed .ca_li_date { height: 88px; } #ca_news_feed .ca_li_category h3, #ca_news_feed .ca_li_date h3 { height: 100%; float: left; margin: 0; display: inline; } #ca_news_feed .ca_li_category ul, #ca_news_feed .ca_li_date ul { height: 88px; display: inline; float: right; margin: 0; padding: 0; } #ca_news_feed .ca_li_category ul li, #ca_news_feed .ca_li_date ul li { float: left; display: inline; list-style-type: none; margin-bottom: 16px; } #ca_news_feed .ca_li_category ul li a, #ca_news_feed .ca_li_date ul li a { text-decoration: none; } #ca_news_feed .ca_li_category ul .ca_category_active, #ca_news_feed .ca_li_date ul .ca_category_active { font-weight: bold; } #ca_news_feed .ca_li_category ul .ca_year_active, #ca_news_feed .ca_li_date ul .ca_year_active { font-weight: bold; } #ca_news_feed .ca_li_category ul li:last-child, #ca_news_feed .ca_li_date ul li:last-child { margin-bottom: 0; } #ca_news_feed .ca_li_category { clear: both; float: left; padding: 10px 10px 10px 20px; width: 655px; border: 1px solid #c1c1c1; border-left: 0 none; border-right: 0 none; position: relative; background: #ffffff; } #ca_news_feed .ca_li_category ul { width: 540px; } #ca_news_feed .ca_li_category ul li { width: 25%; } #ca_news_feed .ca_li_category:before { content: ""; width: 0; display: block; border-left: 1px solid #c1c1c1; float: left; position: absolute; height: 100%; left: 0; top: 0; bottom: 0; } #ca_news_feed .ca_li_date { position: relative; float: right; padding: 10px; background: #ffffff; width: 285px; border: 1px solid #c1c1c1; border-left: 0 none; border-right: 0 none; } #ca_news_feed .ca_li_date ul { width: 210px; } #ca_news_feed .ca_li_date ul li { width: 33%; } #ca_news_feed .ca_li_date:after { content: ""; width: 0; display: block; border-right: 1px solid #c1c1c1; float: left; position: absolute; height: 100%; right: 0; top: 0; bottom: 0; } #ca_news_feed .ca_category_heading { clear: both; float: left; width: 100%; color: #ffffff; line-height: 50px; text-indent: 20px; margin-bottom: 0; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); } #ca_news_feed #ca_intro_articles { float: left; width: 948px; clear: both; padding: 0; border: 1px solid #c1c1c1; padding-bottom: 20px; background: #ffffff; padding: 20px; margin: 0; padding-bottom: 76px; margin-bottom: 20px; } #ca_news_feed #ca_intro_articles li.ca_intro_article { list-style-type: none; float: left; width: 49%; margin-bottom: 20px; position: relative; } #ca_news_feed #ca_intro_articles li.ca_intro_article article { float: left; width: 100%; position: relative; min-height: 152px; border: 0; padding: 0; padding-bottom: 20px; } #ca_news_feed #ca_intro_articles li.ca_intro_article article .ca_article_meta { margin: 0; display: none; } #ca_news_feed #ca_intro_articles li.ca_intro_article article > img { float: left; position: absolute; top: 0; left: 0; width: 230px; height: auto; } #ca_news_feed #ca_intro_articles li.ca_intro_article article h1, #ca_news_feed #ca_intro_articles li.ca_intro_article article h2 { float: right; width: 225px; margin: 0; display: inline; font-size: 16px; } #ca_news_feed #ca_intro_articles li.ca_intro_article article h1 { border-bottom: 1px solid #333; margin-bottom: 10px; } #ca_news_feed #ca_intro_articles li.ca_intro_article article .article_content { float: right; width: 225px; padding-bottom: 20px; position: relative; right: 0; clear: both; } #ca_news_feed #ca_intro_articles li.ca_intro_article article .ca_intro { clear: both; float: right; display: inline; width: 225px; } #ca_news_feed #ca_intro_articles li.ca_intro_article > a { position: absolute; left: 240px; bottom: 0; text-decoration: none; font-weight: bold; } #ca_news_feed #ca_intro_articles li.ca_intro_article > a:hover { text-decoration: underline; } #ca_news_feed #ca_intro_articles li.ca_intro_article:nth-of-type(2n) { float: right; } #ca_news_feed #ca_intro_articles li.ca_intro_article:nth-of-type(2n+1) { clear: both; } #ca_news_feed .opaque { opacity: 0.6; } #ca_news_feed .ca_pagination { margin-top: -77px; width: 950px; background: #ffffff; float: left; margin-left: 20px; border-top: 1px solid #c1c1c1; padding-top: 20px; } #ca_news_feed .ca_pagination a { text-decoration: none; font-weight: bold; } #ca_news_feed .ca_pagination a:hover { text-decoration: underline; } #ca_news_feed .ca_refine_news_error { margin-top: 10px; width: 968px; border: 1px solid red; padding: 10px; text-align: center; float: left; background: #fff; } /*------- News feed page END ------------*/ /*-------- News post page ---------------*/ /* #ca_page_content{ background: url(/dunlop_euen/Images/news_category_page_background_tcm2094-149880.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } */ .ca_news_article { float: left; position: relative; padding: 20px; background: #fff; border: 1px solid #c1c1c1; padding-bottom: 40px; } .ca_news_article h1 { width: 665px; float: left; display: inline; margin-top: 0; padding-top: 14px; font-size: 18px; } .ca_news_article .ca_article_meta { float: right; width: 266px; text-align: right; margin-bottom: 20px; } .ca_news_article .ca_article_meta a { margin-left: 15px; display: inline-block; } .ca_news_article .ca_article_meta p { float: right; clear: both; margin: 0; margin-top: 12px; width: 100%; } .ca_news_article .article_content { display: inline; float: left; width: 70%; clear: both; overflow: hidden; } .ca_news_article .article_content h2 { padding-bottom: 10px; border-bottom: 1px solid #c1c1c1; margin-top: 0; } .ca_news_article .article_content > img { width: 100%; height: auto; float: left; margin-bottom: 16px; } .ca_news_article .article_content .ca_paragraph { float: left; margin: 16px 0; } .ca_news_article .article_content .ca_paragraph h3, .ca_news_article .article_content .ca_paragraph h4 { margin-top: 0; } .ca_news_article .article_content .ca_paragraph > img { clear: both; margin: 15px 0; float: left; } .ca_news_article .ca_news_aside { float: right; width: 28%; display: inline; } .ca_news_article .ca_news_aside .ca_teaser h3 { padding: 0 20px; } .ca_news_article .ca_news_aside .ca_teaser .teaser_body { padding: 0 20px; } .ca_news_aside .ca_teaser.blockquote { border: 0 none; } .ca_news_aside .ca_teaser.blockquote h2, .ca_news_aside .ca_teaser.blockquote h3, .ca_news_aside .ca_teaser.blockquote .teaser_body { padding: 0; } .ca_news_aside .ca_teaser.blockquote .teaser_body { font-size: 16px; } .ca_news_aside .ca_teaser { margin-bottom: 20px; float: left; border: 1px solid #c1c1c1; width: 100%; } .ca_news_aside .ca_teaser h2 { margin: 0; padding: 15px; color: #ffffff; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #030201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #030201)); background: -webkit-linear-gradient(top, #303030 0%, #030201 100%); background: -o-linear-gradient(top, #303030 0%, #030201 100%); background: -ms-linear-gradient(top, #303030 0%, #030201 100%); background: linear-gradient(to bottom, #303030 0%, #030201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#030201', GradientType=0); } .ca_news_aside .ca_teaser .teaser_body > a { margin: 20px 0; float: left; } .ca_news_aside .ca_teaser > img { width: 100%; height: auto; } .ca_news_article + .ca_pagination { padding: 20px; padding-top: 0; margin-top: -30px; position: relative; z-index: 5; float: left; clear: both; } /*------- News post page END ------------*/ .cookie-box { padding: 15px 0; background-color: #f7f7f7; border-bottom: 1px solid #dddddd; font-weight: bold; } .cookie-box .cookie-text { color: #777777; width: 990px; margin: auto; } .cookie-box .cookie-text a { color: inherit; text-decoration: underline; } .cookie-box .cookie-text .cookie-but { padding: 4px 8px; background-color: #ffde00; text-decoration: none; text-align: center; float: right; margin-left: 15px; color: #000000; cursor: pointer; } .cookie-box .cookie-text .cookie-close-but { padding: 6px 7px 4px 9px; cursor: pointer; } .cookie-legislation { height: 0; position: absolute; z-index: -99999; opacity: 0; } .border-box *, .border-box *:before, .border-box *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrumbs { height: 46px; float: none; position: relative; background: none; background-color: #fff; } .breadcrumbs-wrapper { padding-top: 0; background: none; } .header.transitional { background-image: url(/dunlop_euen/Images/bg-header-new_tcm2094-164521.png); background-position: bottom left; background-repeat: repeat-x; } .header.transitional *, .header.transitional *:before, .header.transitional *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header.transitional *, .header.transitional *:before, .header.transitional *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header.transitional .header-inner-wrapper { width: 990px; display: block; margin: 0 auto; height: auto; position: static; } .header.transitional .header-inner-wrapper .nav ul.menu > li.is-selected > a { padding-bottom: 39px; } .header.transitional .header-inner-wrapper .header-secondary-nav { height: 42px; width: 100%; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar { width: 57%; float: left; height: 100%; margin: 0; display: block; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul { float: left; padding: 0; height: 100%; margin: 0; width: 100%; list-style-type: none; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li { width: 60px; float: left; height: 100%; position: relative; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li a { height: 75%; margin-top: 5px; float: left; width: 100%; padding: 0 !important; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li:after { content: url(/dunlop_euen/Images/divider_tcm2094-164575.png); position: absolute; right: 0; top: 6px; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li:first-child { width: auto; max-width: 264px; padding-top: 13px; } .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li:last-child::after, .header.transitional .header-inner-wrapper .header-secondary-nav .tbu_bar ul li:first-child::after { content: ""; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon { background: transparent url(/dunlop_euen/Images/header-footer-sprite_tcm2094-164105.png) no-repeat -99999em -99999em; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-car-off { background-position: -320px -52px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-car-off:hover { background-position: -420px -52px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-4x4-off { background-position: -324px -96px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-4x4-off:hover { background-position: -424px -96px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-light-truck-off { background-position: -320px -139px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-light-truck-off:hover { background-position: -420px -139px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-bike-off { background-position: -326px -685px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-bike-off:hover { background-position: -426px -685px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-truck-off { background-position: -321px -186px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-truck-off:hover { background-position: -421px -186px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-otr-off { background-position: -327px -230px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-otr-off:hover { background-position: -427px -230px; } .header.transitional .header-inner-wrapper .header-secondary-nav .icon-car-off, .header.transitional .header-inner-wrapper .header-secondary-nav .icon-4x4-off, .header.transitional .header-inner-wrapper .header-secondary-nav .icon-light-truck-off, .header.transitional .header-inner-wrapper .header-secondary-nav .icon-bike-off, .header.transitional .header-inner-wrapper .header-secondary-nav .icon-truck-off, .header.transitional .header-inner-wrapper .header-secondary-nav .icon-otr-off { padding-left: 0 !important; } .header.transitional .header-inner-wrapper .header-secondary-nav .country-selection { display: table; float: left; width: 23%; margin: 0; padding: 0; text-align: center; height: 100%; } .header.transitional .header-inner-wrapper .header-secondary-nav .country-selection .current-country { display: table-cell; vertical-align: middle; height: 100%; } .header.transitional .header-inner-wrapper .header-secondary-nav .country-selection a { display: table-cell; vertical-align: middle; height: 100%; text-align: left; position: relative; } .header.transitional .header-inner-wrapper .header-secondary-nav .search { display: inline; float: left; width: 20%; margin: 0; height: 100%; padding: 0; padding-top: 5px; } .header.transitional .header-inner-wrapper .header-secondary-nav .search form { float: right; } .header.transitional .header-inner-wrapper .header-secondary-nav .search form #q { height: 32px; } .header.transitional .header-inner-wrapper .header-secondary-nav .search form #search-button { border: 1px solid #cbcbcb; border-left: 0; height: 32px; width: auto; } .header.transitional .header-inner-wrapper .nav { background: transparent; width: 100%; height: 70px; } .header.transitional .header-inner-wrapper .nav .menu { height: 100%; } .header.transitional .header-inner-wrapper .nav .menu > li { padding: 25px 8px 29px 8px; } .header #logo a { position: absolute; bottom: 21px; z-index: 10; top: auto; } .header #logo a img { width: 155px; height: 30px; } .header-inner-wrapper { height: 112px; } .country-transition { transition-property: height; transition-duration: 0.5s; } .header-inner-wrapper { position: static; } .header-inner-wrapper .country-expand { transition-property: height; transition-duration: 0.5s; } .header-inner-wrapper .country-expand:before { transition-property: height; transition-duration: 0.5s; content: ' '; background: black; width: 100%; display: block; height: 0px; position: absolute; left: 0; top: 42px; z-index: 0; } .country-expand.closed { height: 0; overflow: hidden; } .country-expand.open { height: 350px; } .country-expand.open:before { height: 350px; overflow: visible; } .transitional .country-expand *, .transitional .country-expand *:before, .transitional .country-expand *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .transitional .country-expand .change-country-wrapper { margin: 0 auto; height: 350px; width: 990px; position: relative; } .transitional .country-expand .change-country-wrapper .countries { float: left; width: 100%; background: white; border-radius: 10px; padding: 40px; margin-top: 14px; margin-bottom: 8px; height: 328px; } .transitional .country-expand .change-country-wrapper .countries > h2 { margin-top: 0; font-size: 14px; color: black; font-weight: bold; } .transitional .country-expand .change-country-wrapper .countries > ul { margin-top: 0; position: relative; list-style: none; display: inline; float: left; padding: 0; font-size: 12px; font-weight: bold; } .transitional .country-expand .change-country-wrapper .countries > ul li { clear: left; float: left; height: 28px; width: 160px; position: relative; } .transitional .country-expand .change-country-wrapper .countries > ul li a { font-size: 12px; font-weight: bold; color: #000; text-decoration: none; } .transitional .country-expand .change-country-wrapper .countries > ul li:nth-of-type(n+9) { left: 160px; top: -224px; } .transitional .country-expand .change-country-wrapper .countries > ul li:nth-of-type(n+17) { left: 320px; top: -448px; } .transitional .country-expand .change-country-wrapper .countries > ul li:nth-of-type(n+25) { left: 480px; top: -672px; } .transitional .country-expand .change-country-wrapper .countries > ul li:nth-of-type(n+33) { left: 640px; top: -896px; } .transitional .country-expand a::before { background-position: -10px -10px; } .transitional .country-expand .at-DE::before { background-position: -10px -36px; } .transitional .country-expand .be-FR::before { background-position: -10px -62px; } .transitional .country-expand .be-NL::before { background-position: -10px -62px; } .transitional .country-expand .bg-BG::before { background-position: -10px -88px; } .transitional .country-expand .si-HR::before { background-position: -10px -114px; } .transitional .country-expand .cz-CS::before { background-position: -10px -140px; } .transitional .country-expand .dk-DA::before { background-position: -10px -166px; } .transitional .country-expand .ee-ET::before { background-position: -10px -192px; } .transitional .country-expand .fi-FI::before { background-position: -10px -218px; } .transitional .country-expand .fr-FR::before { background-position: -10px -244px; } .transitional .country-expand .de-DE::before { background-position: -10px -270px; } .transitional .country-expand .gr-EL::before { background-position: -10px -296px; } .transitional .country-expand .hu-HU::before { background-position: -10px -322px; } .transitional .country-expand .ie-EN::before { background-position: -10px -348px; } .transitional .country-expand .it-IT::before { background-position: -10px -374px; } .transitional .country-expand .lv-LV::before { background-position: -10px -400px; } .transitional .country-expand .lt-LT::before { background-position: -10px -426px; } .transitional .country-expand .lu-FR::before { background-position: -10px -452px; } .transitional .country-expand .nl-NL::before { background-position: -10px -478px; } .transitional .country-expand .no-NO::before { background-position: -10px -504px; } .transitional .country-expand .pl-PL::before { background-position: -10px -530px; } .transitional .country-expand .pt-PT::before { background-position: -10px -556px; } .transitional .country-expand .ro-RO::before { background-position: -10px -582px; } .transitional .country-expand .si-SR::before { background-position: -10px -608px; } .transitional .country-expand .sk-SK::before { background-position: -10px -634px; } .transitional .country-expand .si-SL::before { background-position: -10px -660px; } .transitional .country-expand .es-ES::before { background-position: -10px -686px; } .transitional .country-expand .se-SE::before { background-position: -10px -712px; } .transitional .country-expand .ch-DE::before { background-position: -10px -738px; } .transitional .country-expand .ch-IT::before { background-position: -10px -738px; } .transitional .country-expand .ch-FR::before { background-position: -10px -738px; } .transitional .country-expand .tr-TR::before { background-position: -10px -764px; } .transitional .country-expand .ua-UK::before { background-position: -10px -790px; } .transitional .country-expand .ua-RU::before { background-position: -10px -790px; } .transitional .country-expand .gb-EN::before { background-position: -10px -816px; } .transitional .country-expand .za-EN::before { background-position: -10px -868px; } .transitional .country-expand .ru-RU::before { background-position: -10px -894px; } .transitional .country-expand .blank::before { background-position: -10px -842px; } .transitional .country-expand .au-EN::before { background-position: -10px -920px; } .transitional .country-expand .us-EN::before { background-position: -10px -946px; } .transitional .country-expand .ja::before { background-position: -10px -972px; } .transitional .country-expand ul a::before { position: relative; top: 4px; margin-right: 10px; border: 1px solid #d3d3d5; display: inline-block; height: 18px; content: ''; background-image: url(/dunlop_euen/Images/flags_tcm2094-164234.png); width: 26px; } .country-selection .open::after { content: " "; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; top: 42px; left: 29px; z-index: 20; } .close { position: absolute; top: 0; right: 0; background: url(/dunlop_euen/Images/fancybox-close_tcm2094-107969.png) no-repeat scroll right 0 transparent; margin-top: 35px; margin-right: 15px; height: 22px; } .close #close-button-wrapper { width: 60px; cursor: pointer; } .close #close-button-wrapper a { color: #333; float: right; font-size: 1em; height: 22px; line-height: 20px; outline: 0 none; padding-right: 30px; text-decoration: none; } .border-box *, .border-box *:before, .border-box *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrumbs.transitional *, .breadcrumbs.transitional *:before, .breadcrumbs.transitional *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrumbs.transitional *, .breadcrumbs.transitional *:before, .breadcrumbs.transitional *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrumbs.transitional .breadcrumbs-wrapper { width: 990px; display: block; margin: 0 auto; clear: both; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions { display: none; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions { display: block; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li { margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon { height: 20px; width: 40px; background: transparent url(/dunlop_euen/Images/header-footer-sprite_tcm2094-164105.png) no-repeat -99999em -99999em; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-qrcode { background-position: -70px -150px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-qrcode:hover { background-position: -70px -358px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-email { background-position: -70px -81px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-email:hover { background-position: -70px -289px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-facebook { background-position: -70px -11px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-facebook:hover { background-position: -70px -219px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-twitter { background-position: 8px -319px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-twitter:hover { background-position: 8px -357px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-googleplus { background-position: -70px -46px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-googleplus:hover { background-position: -70px -253px; margin: 0; padding: 0; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-print { background-position: -81px -116px; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li .icon-print:hover { background-position: -5px -435px; } .breadcrumbs.transitional .breadcrumbs-wrapper .page-actions.inline-actions ul li:last-child { width: 70px; } .icon-googleplus-square { background-image: url(/dunlop_euen/Images/header-footer-sprite_tcm2094-164105.png); background-position: -67px -41px; padding-left: 0; padding-right: 10px; }