/* SIZE BEFORE: 563KB */ @font-face { font-family: 'MGicomoon'; src:url('/content/fonts/MGicomoon.eot'); src:url('/content/fonts/MGicomoon.eot?#iefix') format('embedded-opentype'), url('/content/fonts/MGicomoon.woff') format('woff'), url('/content/fonts/MGicomoon.ttf') format('truetype'), url('/content/fonts/MGicomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } html { width: 100%; height: 100%; } body { -webkit-font-smoothing: antialiased; position: relative; width: 100%; height: 100%; font-size: 14px; font-family: myriad-pro; line-height: 15px; text-align: center; color: #4c4c4c; background: #fff; margin: 0; padding: 0; } #bg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; } #bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } /*#region HEADING-TAGS */ h1,h2,h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; clear: both; float: left; width: 100%; color: #fff; font-weight: 500; text-transform: uppercase; font-family: futura-pt-condensed, Sans-Serif; text-align: left; background: #0081C6; letter-spacing: 2px; line-height: 30px; margin: 0 0 10px !important; padding: 4px 0 4px 10px !important; } h1 { font-size: 30px; font-weight: 700; } h2 { font-size: 26px; } h3 { font-size: 21px; line-height: 27px; } h4, h5 { float: left; width: 100%; clear: both; height: 28px; background: #ccdeec; text-align: left; border: 0; line-height: 28px; font-size: 21px; text-transform: uppercase; font-family: futura-pt-condensed; padding-left: 10px !important; margin: 20px 0 !important; } /*#endregion HEADING-TAGS*/ /*#region TABLE*/ .table { display: table; } .tr { display: table-row; } .td, .th { display: table-cell; vertical-align: middle; /*padding: 2px;*/ } .thead { display: table-header-group; } .tbody { display:table-row-group; } /*#endregion TABLE*/ /*#region LOADING-SAVE-BAR*/ /** * CSS3 Loading Bar * ============================================================================ * * Originally created by Lee Munroe (leemunroe) in April 2012, revised by * Sacha Schmid (RadLikeWhoa) in December 2012 for 24pullrequests. * * This loading bar is thought as a replacement for a .gif loading spinner and * is created using various CSS3 techniques (e.g. box-shadow, gradients, etc.). * * Example usage:
* */ /** * The loading bar is centered both vertically and horizontally using * top: 50%; and left: 50%; and then pulling it back using negative margins. */ .loadingBar, .loadingBarCarSelection, .loadingBarAddBasket, .loadingBarFilter, .savingSettings { height: 20px; width: 200px; border-radius: 20px; background-image: -webkit-linear-gradient(-45deg, #F47D30 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #F47D30 50%, #F47D30 75%, rgba(255, 154, 26, 0) 75%); background-image: -moz-linear-gradient(-45deg, #F47D30 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #F47D30 50%, #F47D30 75%, rgba(255, 154, 26, 0) 75%); background-image: -o-linear-gradient(-45deg, #F47D30 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #F47D30 50%, #F47D30 75%, rgba(255, 154, 26, 0) 75%); background-image: linear-gradient(-45deg, #F47D30 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #F47D30 50%, #F47D30 75%, rgba(255, 154, 26, 0) 75%); background-color: #fff; background-size: 50px 50px; border: 1px solid #F47D30; border-bottom-color: #F47D30; -webkit-box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2); -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -ms-animation: move 2s linear infinite; animation: move 2s linear infinite; } .loadingBarCarSelection { height: 8px; width: 100%; margin-left: 2px; } .loadingBarAddBasket, .savingSettings { height: 22px; width: 175px; display: inline-block; } .loadingBarFilter { height: 22px; width: 175px; display: inline-block; } /** * The ::before element creates the darker box around the loading bar itself. */ .loadingBar::before, /*.loadingBarCarSelection::before, */loadingBarAddBasket::before, .loadingBarFilter::before { content: " "; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -8px; background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 20px; /*-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 1px 0 rgba(0, 0, 0, 0.1);*/ z-index: -1; } /** * Animate the stripes. */ @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-moz-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-ms-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } /*#endregion LOADING-SAVE-BAR*/ /*#region COLOURS*/ .blue { color: #0081C6 !important; } .orange {color: #F47D30 !important; } .grey { color: #999 !important; } .green { color: #1D8200 !important; } .red, .darkRed { color: #9B0000 !important; } .brightRed { color: #C81200 !important } .white { color: #fff !important; } /*#endregion COLOURS*/ /*#region FEATURED-DEPTS*/ ul.depts-l, ul.depts-r, ul.depts-m { clear: both; float: left; width: 100%; text-align: center; list-style-type: none; margin: 0 0 10px; padding: 0; } ul.depts-l > li, ul.depts-r > li, ul.depts-m > li { display: block; float: left; clear: none; text-align: center; margin: 0; } ul.depts-l > li { width: 49.5%; height: 220px; margin: 0 .4% 20px 0; } ul.depts-l > li > a, ul.depts-r > li > a, ul.depts-m > li > a { display: inline-block; width: 100%; height: 120%; color: #002B4E; font-size: 12px; font-weight: 700; text-align: center; text-decoration: none; line-height: 20px; padding: 5px 0 0; } .featuredDepartments > ul.depts-m > li { width: 188px; height: 170px; margin: 0 4px 20px; } .featuredDepartments > ul.depts-r > li { width: 24%; height: 230px; margin: 0 4px 40px 3px; } .featuredDepartments > ul.depts-m.bestSellers > li { width: 220px; height: 200px; margin: 0 6px 12px; } .featuredDepartments > ul.depts-m.bestSellers > li:nth-child(odd) { margin-left: 0px; } .featuredDepartments > ul.depts-r > li > a > p { text-transform: none!important; font-size: 12px!important; font-weight: 400; width: 90%; margin-left: 6%; margin-bottom: 0; line-height: 14px; height: 170px; } .featuredDepartments > ul.depts-m.bestSellers > li > a { height: 100%; background-position: center center !important; background-size: 100% !important; } .featuredDepartments > ul.depts-r > li > a > span.deptTitleWrapper { display: block; width: 100%; height: 35px; } ul.depts-l > li > a > span > span.car, ul.depts-m > li > a > span > span.car { position: inherit; clear: both; float: left; width: 180px; font-size: 11px; } /*#endregion FEATURED-DEPTS*/ a, a:hover, a:active { color: inherit; } .underline:hover { text-decoration: underline !important; cursor: pointer; } #bodyCenterContent ol li { list-style-position: inside; } :focus { outline: 0; } form { background-image: url('/content/images/sprites/stripe.png'); } #wrapper { display: inline-block; height: 100%; background: #fff; /*box-shadow: 0px 0px 55px 10px #ccc;*/ box-shadow: 0px 0px 55px 10px #000; border-left: 10px solid #fff; border-right: 10px solid #fff; width: 1000px; position: relative; } #body { /*min-height: 400px;*/ } #header,#body,#footer { display: inline-block; clear: both; float: left; width: 100%; margin: 0; padding: 0; } #header { display: table; height: 100px; margin-top: 30px; } #bodyTop,#footerTop { clear: both; float: left; width: 100%; text-align: left; margin: 0; padding: 0; } #headerLeft,#bodyLeft { float: left; width: 18%; text-align: left; margin-top: 10px; } #bodyTop { height: 1px; } #headerCenter,#bodyCenter { display: inline-block; width: 82%; text-align: left; margin: 0 auto auto 0; } #bodyRight { float: right; width: 18%; text-align: left; margin: .5%; } #headerTop { display: table-cell; position: relative; clear: both; text-align: left; margin: 0 0 5px; padding: 5px 0; } #headerLeft { width: auto; display: table-cell; float: none; width: 356px; vertical-align: middle; } .basket-standard { text-transform: uppercase; color: #FFF; } #headerBottom,#bodyBottom { clear: both; float: left; width: 99%; text-align: left; margin: .5%; } .txt_registration { text-align: left; font-size: 16px; line-height: 20px; font-family: Futura-pt; color: #484848; font-weight: 500; text-shadow: 0 0 1px rgba(0,0,0,0.2); text-transform: uppercase !important; width: 100%; } #registration,#registration-uk { background: url(../images/sprites/regIRL.png) no-repeat top left; width: 100%; height: 34px; margin: 0; } #registration-uk { background: url(../images/sprites/regUK.png) no-repeat top left; } #btn_search { float: right; margin: 12px 24px 0 0; } #bodyBefore,#bodyAfter { clear: both; float: left; width: 100%; text-align: left; height: auto; line-height: normal; } #bodyBefore { clear: both; float: left; font-size: 15px; text-transform: uppercase; } #bodyBefore a { color: #999; font-weight: 700; font-family: myriad-pro; font-size: 13px; } #bodyCenterContentBefore,#bodyCenterContent,#bodyCenterContentAfter { clear: both; float: right; width: 98%; text-align: left; margin: 0; } #bodyCenterContent { margin-top: 10px; } #bodyCenterContent table { margin: 0 auto; } .cookieMessage { position: relative; } .cookieMessage p { font-size: 10px; color: #666; width: 100%; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f9f9f9; padding: 10px 0; } /*#region JOBS-PAGE*/ div.jobs-page { font-size: 12px; font-weight: 400; } div.jobs-video-frame { background: none repeat scroll 0 0 #1C1813; border: 6px solid #fff; border-radius: 20px 20px 20px 20px; display: inline-block; float: left; height: auto; max-width: 460px; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; padding: 10px; width: 100%; margin-right: 10px; margin-bottom: 10px; } div.jobs-video-frame iframe { max-width: 429px; width: 100%; } div.jobs-video-desc p { margin: 10px; font-size: 16px; line-height: 21px!important; } div.jobs-feature-block { display: inline-block; height: 490px; margin-bottom: 30px; width: 100%; text-align: center; } div.jobs-feature-block > div { display: inline-block; } div.feature-colume { display: inline-block; float: left; width: 242px; background-color: #F0F4FF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #dcdcdc; height: 490px; margin: 5px; padding: 8px 10px; font-size: 14px; } div.feature-colume img { margin-bottom: 15px; border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #fff; width: 220px; height: 155px; } ul.open-positions-outer-list { list-style-position: outside; } ul.open-positions-inner-list li { list-style-image: url(../images/graphics/list-arrow.png); list-style-position: inside; text-indent: 10px; } /*#endregion JOBS-PAGE*/ /*#region NCT-PAGE*/ /** REVIEW NCT/COMPETITION */ div.nct-checks { font-family: Arial; color: #222; } div.nct-checks-title { display: inline-block; background: url(../images/nct/nct-title-page-background.png) no-repeat center; border: 0; width: 100%; height: 72px; } div.nct-checks-title > p { font-weight: 700; padding-top: 25px; } div.nct-checks-video-block > div.video-block { height: 335px; background: url(/content/images/nct/bg-video-nct.png) no-repeat; padding: 10px 0 0 0px; text-align: center; background-position: center; } div.video-includes { display: inline-block; background: url(../images/nct/nct-video-text-background.png) no-repeat center center; margin-top: 10px; margin-bottom: 10px; position: relative; color: #666; width: 100%; height: 86px; text-align: center; } div.video-includes > div.video-includes-list { display: inline-block; font-size: 16px; margin: 4px; } div.video-includes > div.video-includes-list > ul > li { list-style-image: url(../images/site/sprite-tick.gif); white-space: nowrap; } ul.nct-checks-step-list { list-style-position: outside!important; margin: 0 0 0 10px; font-size: 16px; } div.nct-checks-form-header { display: block; border: 0; background: url(../images/nct/form-title-letter-nct.png) no-repeat top left; margin: 10px auto 15px auto; width: 46%; height: 49px; } div.nct-checks-form-header > p { text-indent: 50px; margin: 5px; } div.nct-checks-email-form { width: 595px; height: 297px; border: 0; font-size: 14px; color: #333; background: url(../images/nct/nct-form-background.png) no-repeat top left; margin: 0px auto 0px auto; } div.nct-checks-email-form label { width: 120px; margin: 2px 5px 5px; } div.nct-checks-email-form input { width: 200px; display: block; margin: 2px 2px 2px 5px; padding: 5px 5px 5px 2px; } div.nct-checks-email-form input.nctEmailFormSend { border: none; background: url(../images/nct/btn-submit-now-blue.png) no-repeat top center; height: 29px; cursor: pointer; display: inline-block; } div.nctEmailFormConfirmation { top: 60px; border: 1px solid #bbb; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; margin: 10px; padding: 5px; } div.nctEmailFormConfirmation p.confirmation { font-size: 1em; font-weight: 700; text-align: center; color: red; margin: 20px; } .nct-step { font-family: myriad-pro, Arial, Sans-Serif !important; font-size: 18px !important; margin-bottom: 24px !important; } /*#endregion NCT-PAGE*/ label.error { clear: both!important; width: 100%!important; color: #9B0000!important; text-align: left!important; margin: 5px 5px 5px 3px !important; } /*#region BUNDLES*/ /* BUNDLES - one reference in FactFinder.cs for search results*/ div.productBundles { border: 1px solid #CCC; float: left; width: 100%; margin: 8px 0; padding: 10px; } .prodDetailsBottom div.productBundles { padding-bottom: 16px !important; } p.productBundleExtra2 { color: #666; font-size: 14px!important; font-weight: 700; padding: 3px; } p.productBundleExtra1 { color: #666; padding: 6px; /*text-shadow: 0 0 1px rgba(100,100,100,0.3);*/ } .prodDetailsBottom p.productBundleExtra1 { color: #4c4c4c; font-size: 16px; } div.productBundles-right { float: left; text-align: right; width: 166px; } /*#endregion RegionName*/ /* OVERLAY? */ span.bgrnd-img { display: block; position: absolute; width: 100%; height: 250px; line-height: 250px; z-index: -100; } .center { text-align: center; margin-left: auto; margin-right: auto; } p.skip-nav a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } p.skip-nav a:focus,p.skip-nav a:active { position: relative; left: 0; top: auto; width: auto; height: auto; overflow: visible; } p.breadcrumbs { height: 20px; line-height: 20px; text-transform: uppercase; font-size: 14px; color: #415f78; display: block; } a.basket-standard,a.basket-add,a.basket-remove,a.basket-view,a.item_addtobasket, a.choose-size { text-decoration: none; font-weight: 700; text-indent: 5px; display: block; clear: none; color: #003663; font-size: .9em; width: 90px; height: 30px; line-height: 30px; padding: 0 0 0 30px; } a.basket-standard:hover,a.basket-add:hover,a.basket-remove:hover,a.basket-view:hover,a.item_addtobasket:hover { color: #fff; font-weight: 700; text-decoration: underline; } .clear { overflow: hidden; width: 100%; clear: both; } p.copyright { font-size: 10px; text-align: center; } div.breadcrumbs { display: inline; color: #999; font-weight: 700; font-family: myriad-pro; font-size: 13px; padding: 0 5px; } /*#region ABOUT-US-PAGES*/ /* ABOUT US PAGES */ p.back-to-top { width: 100%; text-align: right; height: 16px; } p.back-to-top a { color: #003663; text-decoration: none; background: url(/content/images/sprites/sprites-graphics.png) no-repeat -125px -41px; float: right; padding: 0 0 0 11px; } p.back-to-top a:hover { color: #005195; text-decoration: underline; background: url(/content/images/sprites/sprites-graphics.png) no-repeat -125px -101px; } p.down-to-section-terms { width: 50%; float: left; } p.down-to-section a,p.down-to-section-terms a { color: #003663; text-decoration: none; background: url(/content/images/sprites/arrow-blue-down.gif) no-repeat center left; line-height: 26px; font-size: 13px; padding: 3px 0 4px 28px; } p.down-to-section a:hover,p.down-to-section-terms a:hover { color: #005195; text-decoration: underline; background: url(/content/images/sprites/arrow-blue-down-over.gif) no-repeat center left; } /*#endregion ABOUT-US-PAGES*/ /* only really used in featured departments in home page */ #bodyCenterContent ul { list-style: disc; list-style-position: inside; display: inline-block; } .button { border: 0; color: #fff; display: block; height: 25px; cursor: pointer; text-align: left; padding: 0; } /* Basic button styles. Overwritten to suit each page*/ a.basket-standard, a.basket-add, a.basket-remove, a.basket-view, a.item_addtobasket, .basket-add, a.choose-size { display: block; clear: none; color: #fff!important; font-size: 12px; width: 119px; height: 30px; line-height: 30px; text-decoration: none; text-indent: -5px; font-weight: 700; text-align: center; text-transform: uppercase; padding: 0 0 0 6px; } #bodyCenterContent p { line-height: 18px; text-align: left; margin-bottom: 5px; /*float: left;*/ } ul.hidden { visibility: hidden; } p.search,p.search_center { clear: both; float: left; width: 100%; } .right { display: block; float: right; } /*#region BRAND-PAGE*/ .brand_panel { display: table; margin: 60px 0 10px 0; width: 100%; } .brand_panel_left { display: table-cell; background: #e8e8e8; height: auto; width: 60%; } .brand_panel_left_logo { position: relative; width: 100%; height: 200px; } .brand-img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:100%; text-align:center; /* Align center inline elements */ font: 0/0 a; /*border: 1px solid black;*/ } .brand-img-container:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } .brand-img-container img { vertical-align: middle; display: inline-block; max-width:80%; max-height: 200px; } .brand_panel_left_description p { text-align: justify; font: myriad-pro; color: #505050; font-size: 16px; line-height : 200px; letter-spacing: 0.5px; margin: 0 0 0 5px; padding: 15px 5px 15px 10px; } .brand_panel_right { background: #F5F5F5; display: table-cell; padding: 15px 10px 10px 10px; vertical-align:top; /*border: 1px solid;*/ } .brand_panel_right_title { display: block; padding: 5px 5px 15px 5px; font-family: futura-pt-condensed, Sans-Serif; font-size:24px; font-weight: 700; text-transform:uppercase; color: #1570b1; width: 100%; /*border: 1px solid;*/ } .brand_panel_right_filter { display: table; width: 100%; } .brand_panel_input { display: table-cell; width: 90%; } .brand_panel_clear { display: table-cell; vertical-align: middle; /*width:auto;*/ } .brand_panel_input > input { width: 100%; height: 30px; border: 1px solid #ccc; background-color: #cccccc; color: #404040; font-family: myriad-pro; font-size: 17px; padding-left: 10px; padding-bottom: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .brand_panel_right_categories { display: block; padding: 10px 10px 0 15px; /*border: 1px solid;*/ } .brand_panel_right_categories > span { color: #f4722b; } .brand_panel_right_categories > ul > li { padding: 7px 0 0 0; font-family: myriad-pro; font-size: 17px; font-weight: 500; color: #1570b1; /*border: 1px solid;*/ } .brand_panel_right_categories > ul > li :hover { text-decoration: underline; } .brand_panel_clear .clearSearch { visibility: hidden; font-size: 2em; cursor: pointer; } ul#brand_panel-all > li{ border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; -moz-box-shadow: 4px 4px 4px #CCC; -webkit-box-shadow: 4px 4px 4px #CCC; box-shadow: 4px 4px 4px #CCC; display: inline-block; list-style-type: none; margin-top: 8px; width: 24.6%; min-width: 144px; } ul#brand_panel-all > li:hover { background-color: #EEE; box-shadow: 0 0 1px 0 #666; -moz-box-shadow: 0 0 1px 0 #666; -webkit-box-shadow: 0 0 1px 0 #666; } ul#brand_panel-all > li > a { color: #002B4E; display: block; height: 100%; width: 100%; padding: 10px 0 6px; text-align:center; text-decoration:none; } /*#endregion BRAND-PAGE*/ /*#region MENU*/ div#nav .item { line-height:18px;margin:0;padding:0; } div#nav .navBlock { display:inline-block;clear:none;float:left;width:220px;height:140px; } div#nav .blockHeader { float: none; clear: none; line-height: 30px; font-size: 17px; color: #FFF; border: none; text-align: left; font-family: futura-pt-condensed; background-color: rgba(0, 0, 0, 0); text-shadow: 0 0 3px #000; margin: 0 !important; padding: 2px 0 2px 5px!important; } div#nav { display: inline-block; width: 100%; height: 34px; line-height: 34px; font-family: myriad-pro ,Lucida Sans, Arial, Sans-Serif; background-image: url(/content/images/sprites/NAV_bg.png); background-repeat: repeat-x; } div#nav > ul, div#nav > ul > li > div.menu-x > ul, div#nav > ul > li > div.menu-x > ul > li > div.options > ul { float: left; width: inherit; height: inherit; list-style: none; margin: 0; padding: 0; } div#nav > ul > li { float: left; width: auto; height: 32px; border-right: 1px solid #fff; margin: 0; padding: 0; margin-top: 2px; } div#nav > ul > li > a { font-size: 17px; font-family: futura-pt-condensed; color: #F47D30; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; /*text-shadow: 0 0 3px rgba(0,0,0,0.3);*/ line-height: 0; padding: 0 7px; } div#nav > ul > li:hover { background-color: #fff; border-style: solid; border-color: lightgray; border-width: 0.3px 0.3px 0px 0.3px } div#nav > ul > li:hover > a { color: #0082c8; } div#nav > ul > li > div.menu-x { visibility: hidden; position: absolute; left: 0px; width: 980px; height: 405px; background-color: rgba(255,255,255, 0.90); text-align: left; z-index: 10001; margin: -2px 0 0; padding: 0; } div#nav > ul > li > div.menu-x > h4,div#nav > ul > li > div.menu-x > ul > li > div.options > h4,div#nav > ul > li > div.menu-x > div.extra > h4 { float: none; clear: none; width: 260px; height: 30px; line-height: 30px; font-size: 17px; color: #fff; border: none; text-align: left; font-family: futura-pt-condensed; background-color: transparent; text-shadow: 0 0 3px rgba(0,0,0,1); margin: 0 !important; padding: 2px 0 2px 5px; } div#nav > ul > li > div.menu-x > ul { width: 230px; line-height: normal; text-align: left; margin: 0; padding: 30px 0 0 10px; } div#nav > ul > li > div.menu-x > ul > li { width: 220px; line-height: 18px; margin: 0; padding: 0; } div#nav > ul > li > div.menu-x > ul > li > a { width: 100%; color: #fff; text-shadow: rgba(0,0,0,0.3) 0 1px 0; font-size: 15px; display: inline; margin: 0; padding: 2px 0 2px 5px; } div#nav > ul > li > div.menu-x > ul > li:hover > a,div#nav > ul > li > div.menu-x > ul > li:hover > span { color: #015391!important; text-shadow: none; } div#nav > ul > li > div.menu-x > ul > li > div.options { visibility: hidden; position: absolute; top: 0; left: 230px; width: 450px; height: 100%; margin: 0; padding: 0; } div#nav > ul > li > div.menu-x > ul > li > div.options > ul { width: 225px; background: #fff; height: 380px; line-height: normal; text-align: left; margin: 0; padding: 2px 0 0; } div#nav > ul > li > div.menu-x > ul > li > div.options > ul > li { width: 216px; line-height: 18px; margin: 0 2px; padding: 0; } div#nav > ul > li > div.menu-x > ul > li > div.options > ul > li > a { display: inline-block; width: 211px; color: #015391; border: none; font-size: 15px; padding: 2px 0 2px 5px; } div#nav > ul > li > div.menu-x > ul > li > div.options > ul > li:hover { background: #015391; } div#nav > ul > li > div.menu-x > ul > li > div.options > ul > li:hover > a { border: none; color: #fff; background: #015391; } div#nav > ul > li > div.menu-x > div.extra { float: right; width: 200px; height: 270px; color: #015391; margin: 0 30px 0 0; } div#nav > ul > li > div.menu-x > div.extra > h5 { font-size: 12px; font-weight: 700; color: inherit; margin: 2px; padding: 0; } div#nav > ul > li > div.menu-x > div.extra > ul { width: 174px; list-style: none; margin: 2px; padding: 0; } div#nav > ul > li > div.menu-x > div.extra > ul > li { line-height: 18px; color: inherit; width: 100%; padding: 2px 0 2px 2px; } div#nav > ul > li > div.menu-x > div.extra > ul > li:hover { background: #E9F2FA; color: #fff; } div#nav > ul > li > div.menu-x > div.extra > ul > li > a { color: #fff; text-shadow: rgba(0,0,0,0.3) 0 1px 0; font-size: 15px; } div#nav > ul > li > div.menu-x > div.extra > ul > li:hover > a { display: inline-block; width: inherit; color: #015391; text-shadow: none; margin: 0; padding: 0; } div#nav > ul > li > div.menu-x > div.menu-x-footer { width: 965px; height: 16px; line-height: 16px; background: #f56700 url(../images/sprites/bgrnd-menu-footer.png) repeat-x top left; color: #fff; font-size: 11px; font-weight: 700; margin: 300px 0 0; padding: 0 10px 0 5px; } div#nav > ul > li > div.menu-x > div.menu-x-footer > p > span { float: right; cursor: pointer; } /*#endregion MENU*/ /*#region MEDIA-QUERY > 1000px*/ @media screen and (max-width: 1000px) { /*#region PRODUCT-DETAILS*/ .prodDetailsBottom div.productBundles-right { width:100% !important; } .prodDetailsBottom div.productBundles-left { width:100% !important; } .productBundles div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { margin-left: 0px !important; float: left !important; } .prodDetailsBottom div.productBundles-right div.bundlePrice { text-align: right; position: relative !important; float: left !important; margin-left: 80px !important; } /*#endregion PRODUCT-DETAILS*/ /*#region SEARCH-RESULTS-PRODUCTS*/ .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-size: 17px !important; } .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { font-size: 24px !important; } /*#endregion SEARCH-RESULTS-PRODUCTS*/ /*#region FOOTER-RIGHT-BAR*/ .rightBar .footer-contact-details { font-size: 12px; padding-left: 20px; line-height: 17px; } /*#endregion FOOTER-RIGHT-BAR*/ /*#region BRAND-PAGE*/ .brand_panel_left { display: block; background: #e8e8e8; height: auto; width: 100%; } .brand_panel_right { background: #F5F5F5; display: block; padding: 15px 10px 10px 10px; vertical-align:top; } /*#endregion BRAND-PAG*/ } /*#endregion MEDIA-QUERY > 1000px*/ /*#region PRODUCT-DETAILS*/ #ProdDetailsH1, .ProdDetailsH1 { font-family: futura-pt ,sans-serif; font-size: 27px; font-weight: 400; color: #4c4c4c!important; background: transparent!important; text-align: left; text-shadow: 0 0 1px rgba(0,0,0,0.3); letter-spacing: 1px; line-height: 25px; margin-top: 8px !important; margin-bottom: 18px !important; padding: 0 !important; } .prod-buy .price-rrp { text-decoration: line-through; font-family: myriad-pro, Arial; color: #E9B28C; font-size: 25px; text-shadow: 0 0 1px rgba(233,178,140,0.3); } .prod-buy .price-vat { display: block; color: #C81200; font-family: myriad-pro, Arial; font-size: 15px; padding-bottom: 0; text-shadow: 0 0 1px rgba(200,18,0,0.3); } .prod-buy .bigPrice-vat { font-size: 20px; } .prod-buy .price { color: #C81200; font-family: myriad-pro, Arial; font-size: 29px; font-weight: 700; text-shadow: 0 0 1px rgba(200,18,0,0.5); } .prod-buy .bigPrice { font-size: 55px; } .prod-buy .stock-alert-dialog { color: #1B9600; font-family: myriad-pro, Arial; font-size: 25px; text-shadow: 0 0 1px rgba(11,93,2,0.3); line-height: 25px; } .prod-buy .apologiesStyle { text-decoration: none; line-height: 25px; padding-right: 0; font-size: 20px; letter-spacing: -1px; float: right; clear: both; } .prodDetailsBottom div.RelatedProductsList div.relatedProduct:nth-child(4n) { border-right: none; } .prodDetailsBottom .youtubeVideo iframe { max-width: 100%; } .prod-buy .freeDeliveryWrapper { padding-top: 10px; display: inline-block; } .prod-buy .freeDeliveryWrapper .tr { float: right; } .prod-buy .FreeDeliveryText { width: 83px; font-size: 18px; line-height: 20px; padding-right: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; } .prod-buy .FreeDeliveryImage { font-size: 49px; } .prod-buy .SavingSymbol { font-family: MGicomoon; float: left; font-size: 84px; position: relative; color: #F47D30; line-height: 1; text-align: center; display: table-cell; } .prod-buy .priceInfo { display: table-cell; padding-left: 20px; } .prod-buy .SavingMessage { position: absolute; color: #FFF; font-family: myriad-pro, Arial, Sans-Serif; font-size: 17px; top: 0; width: 60px; padding-top: 24px; text-align: center; font-weight: 700; margin-left: 6px; } .prod-buy .SavingMessage p { font-size: 17px; text-align: center !important; } .topContainer .prod-content { color: #4c4c4c; font-size: 16px; float: left; width: 29%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; line-height: 22px; margin-right: 3%; padding-bottom: 10px; } .topContainer .itemCode { margin: 10px 0px; font-size: 15px; } .topContainer .prod-content .brandLogoWrapper { width:100%; text-align:center } .topContainer .ProductImages { display: inline-block; width: 31%; float: left; padding-bottom: 10px; padding-right: 1%; } .topContainer .ProductImages .productImage { display:inline-block; width:100%; text-align:justify; padding-bottom:10px } .topContainer .ProductImages .productImage img { position: absolute; display: block; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .topContainer .ProductImages .productImage #BigImage { display: block; width: 100%; position: relative; height: 0; padding: 70% 0 0 0; overflow: hidden; } .topContainer .ProductImages .tile { display:inline-block; margin:5px; text-decoration:none; height:50px; } .topContainer .ProductImages .tile img { width:75px;height:50px; } .topContainer .prod-buy { float: left; width: 37%; text-align: right; padding-bottom: 10px; } .topContainer .prod-buy .offerDetails { float: right; } a.ProductImageGroup > img, a.ProductImageGroup360 > img, a.ProductImageGroupYoutube > img { border: 1px solid #CCC; -moz-box-shadow: 0 0 3px 3px #eee; -webkit-box-shadow: 0 0 3px 3px; box-shadow: 0 0 3px 3px #EEE; } .prodDetailsBottom { width:100%; display:inline-block } .prodDetailsBottom #leftSide { float:left; width: 100%; } .prodDetailsBottom #rightSide { float: left; padding-left: 0px; margin-left: 0px; margin-top: 10px; border-left: none; width: 100%; } .prodDetailsBottom .relatedProduct { width: 25%; float: left; padding: 10px 7px 20px 8px !important; font-size: 14px; text-align: left; color: #4c4c4c; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 564px; } p.product-details-fitment { background: #fff url(/content/images/sprites/caricon-s.png) no-repeat left center; padding-left: 30px!important; font-weight: 700!important; line-height: 20px!important; display: inline-block; } .prodDetailsBreadcrumb { height: 6px; } .ProdDetailsBack:hover { cursor: pointer; text-decoration: underline; } #ProdDetailsAddToBasket.btn-3 { background: #1B9600; color: #fff; } #ProdDetailsAddToBasket.btn-3:hover { background: #198E00; color: #fff; } #ProdDetailsAddToBasket.btn-3:active { background: #198E00; } #ProdDetailsAlert.btn-3 { background: #F47D30; color: #fff; } #ProdDetailsAlert.btn-3:hover { background: #D55914; color: #fff; } .productDetailsPaypalLogo { display: inline-block; width: 100%; text-align: center; } #bigAddToBasket .basket-add { background: transparent!important; border: none!important; display: inline!important; width: 100%; text-align: right; } #bigAlert .basket-add { background: transparent!important; border: none!important; display: inherit!important; width: 100%; text-align: right; } #Popup360 #container-threesixty .header { text-align: center; } #Popup360 #container-threesixty .threesixty { width: 660px !important; height: 440px !important; } #Popup360 #container-threesixty .threesixty .threesixty_images { left:-380px; position:relative } .threesixty_images { left: 0px !important; } /*#endregion PRODUCT-DETAILS*/ /*#region SEARCH RESULTS-PRODUCT LISTINGS*/ div.product-grid { width: 250px; clear: none; float: left; border: 1px solid #ccc; margin: 0 6px 12px; } div.product-grid > div.product-grid-content { height: 340px; padding: 10px; } div.product-grid > div.product-grid-content > p.product-details-fitment { background: #fff url(/content/images/sprites/caricon-xs.png) no-repeat left center; font-size: 10px!important; padding-left: 26px!important; } div.product-grid > div.product-grid-content > div.product-grid-content-image { text-align: center!important; height: 150px!important; position:relative; margin-bottom: 5px; } div.product-grid > div.product-grid-content > div.product-grid-content-image a img{ max-width: 230px; max-height: 150px; } div.product-grid > div.product-grid-content > p.product-grid-content-text { height: 30px; } div.product-grid-single > div.product-grid-content > div.product-grid-content-image { text-align: center!important; height: 200px!important; width: 180px; float: left; position:relative; margin-bottom: 5px; } div.product-grid > div.product-grid-content > p.product-grid-content-video { text-align: center!important; height: 25px; } div.product-grid div.product-grid-price { border-top: 1px dotted #E2E2E2; background: #F3F3F3; padding: 10px; /*height:240px;*/ /*height: 330px;*/ height: 310px; } div.product-grid-single { width: 560px; clear: none; float: left; border: 1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 3px 3px #eee; -webkit-box-shadow: 0 0 3px 3px; box-shadow: 0 0 3px 3px #eee; margin: 0 5px 10px; padding: 10px 5px; } div.product-grid-single > div.product-grid-content { height: 180px; width: 370px; float: left; } div.product-grid-single > div.product-grid-content > p.product-details-fitment { background: #fff url(/content/images/sprites/caricon-xs.png) no-repeat left center; font-size: 10px!important; } div.product-grid-single td.product-grid-price, div.product-grid-single .td.product-grid-price { height: 200px; width: 178px; border-left: 1px dashed #ccc; float: left; } div.product-grid-single > div.product-grid-content > p.product-grid-content-text { font-size: 11px!important; text-align: left!important; height: 100px; width: 180px; float: left; } div.product-grid-single > div.product-grid-content > p.product-grid-content-info-link { text-align: center!important; font-size: 12px!important; height: 30px; width: 180px; float: left; } div.product-grid-single > div.product-grid-content > p.product-grid-content-video { text-align: center!important; height: 25px; width: 190px; float: left; } div.product-grid-single-h { width: 100%; clear: none; float: left; margin: 0 0 20px; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-left, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left { width: 180px; float: left; text-align: left; padding-bottom: 5px; } div.product-grid-single-h td.product-grid-content, div.product-grid-single-h .td.product-grid-content { width: 555px; padding: 20px; vertical-align: top; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > div.product-grid-content-image, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > div.product-grid-content-image { float: left; width: 160px; text-align: center!important; margin-right: 20px; position:relative; margin-bottom: 5px; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-image a img, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-image a img { max-height: 200px; max-width: 160px; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link { text-align: center!important; font-size: 12px!important; height: 25px; width: 180px; float: left; } div.product-grid-single-h td.product-grid-price, div.product-grid-single-h .td.product-grid-price { width: 229px; border-left: 1px dotted #E2E2E2; text-align: right; background: #F3F3F3; padding: 20px 20px 24px 20px; position: relative; vertical-align: top; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-text, div.product-grid > div.product-grid-content > p.product-grid-content-text, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text, div.product-grid > div.product-grid-content > p.product-grid-content-text { font-size: 15px!important; line-height: 21px!important; text-align: left!important; text-shadow: 0 0 1px rgba(100,100,100,0.3); } div.product-grid-single-h td.product-grid-content > div.product-grid-content-text, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text { /*width: 330px;*/ width: 62%; float: left; } div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text .brandLogo { float: right; margin-right: -16px; } div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-video, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-video { height: 25px; float: left; text-align: center!important; width: inherit; padding-top: 15px; } div.product-grid-single-h td.product-grid-content > p.product-grid-content-text, div.product-grid-single-h .td.product-grid-content > p.product-grid-content-text { font-size: 12px!important; text-align: left!important; width: 200px; float: left; } div.product-grid-price > p.price-save { text-align: center!important; font-size: 12px!important; line-height: 14px!important; text-decoration: none; } p.product-grid-code{ text-align: center!important; display: inline-block; color: #9F9F9F; font-size: 12px!important; } div.product-grid-code { color: #9F9F9F; font-size: 12px!important; } .product-grid-content-text .product-grid-content-product-details-link, div.product-grid > div.product-grid-content > p.product-grid-content-info-link { margin-top: 20px; width: 100%; } .product-grid-content-text .product-grid-content-product-details-link, .homepageMiddle div.product-grid > div.product-grid-content > p.product-grid-content-info-link { margin-top: 10px; width: auto; } div.product-grid div.product-grid-price div.left { float: left; width: 40%; } div.SavingSymbol { font-family: MGicomoon; float: left; font-size: 47px; position: relative; color: #F47D30; line-height: 1; text-align: center; } div.SavingMessage { position: absolute; color: #FFF; font-family: myriad-pro, Arial, Sans-Serif; font-size: 9px; top: 0; width: 35px; padding-top: 13px; text-align: center; font-weight: 700; margin-left: 3px; } div.product-grid div.product-grid-price div.left div.product-grid-free-delivery { margin-top: 6px; display: inline-block; } div.product-grid-free-delivery div.text { float: left; font-weight: 700; text-transform: uppercase; width: 50px; font-size: 15px; font-family: futura-pt-condensed; } .homepageMiddle div.product-grid-free-delivery div.text {font-size: 12px; width: 40px; line-height: 14px;} div.product-grid-free-delivery div.icon { float: left; font-family: MGicomoon; font-size: 30px; padding-top: 6px; padding-right: 4px; } div.product-grid-free-delivery div.icon2 { float: left; font-family: MGicomoon; font-size: 30px; padding-top: 6px; padding-right: 4px; } div.product-grid-single-h td.product-grid-price div.product-grid-free-delivery div.text, div.product-grid-single-h .td.product-grid-price div.product-grid-free-delivery div.text { text-align: right; width: 70px; margin-right: 10px; } .price-save { font-size: 1.1em!important; font-weight: 700; padding-bottom: 5px; text-align: center!important; line-height: 12px!important; text-transform: uppercase; height: 47px; } div.product-grid div.product-grid-price div.right { float: left; width: 60%; margin: 0; } div.product-grid div.product-grid-price > div > p { margin-bottom: 0!important; } .price { color: #C81200; font-size: 2.2em; line-height: .8em; font-weight: 700; display: inline-block; text-shadow: 0 0 1px rgba(200,18,0,0.3); } .price-vat { color: #C81200; font-size: 1.2em; font-weight: 400; display: block; } .prodDetailsBottom .price-vat { color: #C81200; font-size: 1.2em; font-weight: 400; display: block; text-align:right; } .price-rrp { color: #E6B389; font-size: 1.2em!important; font-weight: 700; text-decoration: line-through; } .price-rrp span.value { text-decoration: line-through; font-size: 1.2em!important; } div.priceBlock div.left div.SavingSymbol, div.product-right div.SavingSymbol, div.productBundles-right div.SavingSymbol { font-family: MGicomoon; float: left; font-size: 50px; position: relative; color: #F47D30; line-height: 1; text-align: center; } div.priceBlock div.left div.SavingMessage, div.product-right div.SavingMessage div.div.productBundles-right div.SavingMessage { position: absolute; color: #FFF; font-family: myriad-pro, Arial, Sans-Serif; font-size: 17px; top: 0; width: 37px; padding-top: 10px; text-align: center; font-weight: 700; margin-left: 3px; } .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { font-size: 27px; width: 39px; line-height: 2; } /*#endregion SEARCH RESULTS-PRODUCT LISTING*/ /*#region HOME-PAGE*/ .homepageMiddle div.product-grid { width: 49%; margin: 1%; } .homepageMiddle div.product-grid-free-delivery div.icon { font-size: 25px; } .homepageMiddle div.product-grid > div.product-grid-content {height: 340px;} .homepageMiddle div.product-grid:nth-child(odd) {margin-left: 0px;} .homepageMiddle div.product-grid:nth-child(even) {margin-right: 0px;} .homepageMiddle div.product-grid > div.product-grid-content > div.product-grid-content-image a img {max-width: 210px;} .homepageMiddle div.product-grid > div.product-grid-content > p.product-grid-content-text {height: 55px;} /*#endregion HOME-PAGE*/ /*#region HTML-CONTROLS-LINKS*/ div.relatedProduct .moreDetails, div.relatedProduct p.moreDetails span, div.product-left p.moreDetails span, td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link span, .td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link span, div.product-grid > div.product-grid-content > p.product-grid-content-info-link > span, div.product-grid-single > div.product-grid-content > p.product-grid-content-info-link > span, div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > span, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > span, .product-grid-content-text .product-grid-content-product-details-link > span, .bestSellers span.bottom span, .BasketProductsTable .Name .moreDetails span{ color: #E76600; display: inline; font-family: MGicomoon; font-size: 12px; left: -5px; position: relative; } /*#endregion HTML-CONTROLS-LINKS*/ /*#region PRODUCT-ATTRIBUTES*/ table.product-grid-single-attributes { width: 100%; font-size: 12px; padding-top: 15px; margin: 0!important; } table.product-grid-single-attributes td { border-top: 1px dotted #DDD; font-size: 12px; line-height: 16px; } table.product-grid-single-attributes td.product-grid-single-attributes-left { padding-left: 26px; width: 40%; border-right: 1px dotted #DDD; font-weight: 700; } table.product-grid-single-attributes tr.fitment > td.product-grid-single-attributes-left,table.product-details-attributes tr.product-details-attributes-fit > td.product-details-attributes-left { background: url(/content/images/sprites/caricon-xs.png) no-repeat scroll 5px center #FFF; } table.product-grid-single-attributes tr.alt > td.product-grid-single-attributes-left,table.product-details-attributes tr.product-details-attributes-alt > td.product-details-attributes-left { background: url(/content/images/sprites/sprite-tick-xs.gif) no-repeat scroll 5px center #FFF; } table.product-grid-single-attributes tr.tip > td.product-grid-single-attributes-left,table.product-details-attributes tr.product-details-attributes-tip > td.product-details-attributes-left { background: url(/content/images/sprites/info-xs.png) no-repeat scroll 5px center #FFF; } table.product-grid-single-attributes tr.fit-info > td.product-grid-single-attributes-left,table.product-details-attributes tr.product-details-attributes-fit-info > td.product-details-attributes-left { background: url(/content/images/sprites/fitting-info-xs.png) no-repeat scroll 5px center #FFF; } table.product-details-attributes { width: 100%; margin: 0!important; float: left; padding-top: 20px; padding-bottom: 20px; } table.product-details-attributes td { border-top: 1px dotted #BBB; font-size: 12px; line-height: 22px; } table.product-details-attributes tr > td.product-details-attributes-left { width: 40%; border-right: 1px dotted #BBB; font-weight: 700; padding-left: 28px; } /*#endregion PRODUCT-ATTRIBUTES*/ /*#region PRODUCTS-CONTROL*/ .BasketProductsTable .Name .basket-product-details, .BasketProductsTable .Name .basket-more-details { clear: left; float: left; } /*#endregion PRODUCTS-CONTROL*/ .bestSellers span.bottom span { left: 0px; } div.relatedProduct .moreDetails, div.relatedProduct p.moreDetails span, div.product-left p.moreDetails span { font-size: 16px; clear:both; float:left; } td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link a, .td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link a, div.product-grid > div.product-grid-content > p.product-grid-content-info-link > a, div.product-grid-single > div.product-grid-content > p.product-grid-content-info-link > a, div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > a, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > a, .product-grid-content-text .product-grid-content-product-details-link > a, .bestSellers span.bottom, .BasketProductsTable .Name .moreDetails a, .BackToAccountSummary, .BackToAccountSummary a { display: inline; color: #F47D30; font-family: futura-pt-condensed; font-weight: 700; font-size: 18px !important; text-transform: uppercase; position: relative; left: -7px; } /*#region OVERLAYS-COLOURBOX*/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; } #cboxOverlay { position: fixed; width: 100%; height: 100%; background: #000; } #cboxMiddleLeft,#cboxBottomLeft { clear: left; } #cboxContent { position: relative; margin-top: 20px; } #cboxLoadedContent { overflow: auto; border: 5px solid #000; background: #fff; line-height: 600px; } #cboxLoadedContent img { vertical-align: middle; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; margin: 0; } .cboxPhoto { float: left; border: 0; display: block; max-width: none; margin: auto; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; margin: 0; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; background: #fff; } #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(/content/images/colorbox/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxError { border: 1px solid #ccc; padding: 50px; } #cboxCurrent { position: absolute; top: -20px; right: 0; color: #ccc; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(/content/images/colorbox/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 0; margin-top: -32px; background: url(/content/images/colorbox/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; } #cboxNext:hover { background-position: bottom right; } #cboxLoadingOverlay { background: #000; } #cboxLoadingGraphic { background: url(/content/images/colorbox/loading.gif) no-repeat center center; } /*#endregion OVERLAYS*/ /*#region VIDEO-CONTENT*/ div#videoContentWrapper { display: inline-block; /*width: 755px;*/ width: 100%; margin: 10px 0 0; overflow:hidden; } div#videoContentWrapper .videoLeft { width: 19%; float: left; border-right: 1px solid #F47D30; margin-right: 1%; padding-bottom: 99999px; margin-bottom: -99999px; } div#videoContentWrapper .videoLeft > div{ width: 94%; } div#videoContentWrapper .videoRight { width: 80%; float: left; padding-bottom: 99999px; margin-bottom: -99999px; } div#videoContentWrapper .relatedVideosRight { display:none; } div#videoContentWrapper .videoRight .moreVideos { margin-top: 10px; float: left; width: 100%; } div#videoContentWrapper .videoRight .moreVideos #allCategories, div#videoContentWrapper .videoRight .moreVideos .popularVideos { width:50%; float:left; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian { background-color :#F47D30; margin-top: 10px; width: 92%; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup { display: inline-block; width: 100%; border-top: 2px solid #F29A66; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup { display: inline-block; width: 100%; border-top: 2px solid #F29A66; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup > div { padding: 8px 5px; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup span, div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup a { font-size:20px; line-height:20px; font-weight: 700; padding: 0px; color: #fff; display: table-cell; text-transform: uppercase; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup a { font-family: futura-pt-condensed; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup .videoAccordianItem { margin-left: 34px; margin-top: 2px; margin-right: 5px; padding: 2px 0px; list-style: none !important; background-color: #fff; color: #444; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup ul { list-style: none !important; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup .videoAccordianItem > a { background-color: #fff; color: #444; padding: 4px; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian li.videoAccordianParentItem > div > span.Icons:before { content: "2"; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian li.videoAccordianParentItem.open > div > span.Icons:before { content: "3"; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .closedList { display: none; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList { list-style: none !important; margin-bottom: 15px; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li { margin: 7px 0px; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li span { font-size: 18px; display: table-cell; vertical-align: text-top; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li > a { font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; font-size: 21px; display: table-cell; line-height: 22px; color: #F47D30; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li > a:hover { text-decoration: underline !important; cursor: pointer; } div#videoContentWrapper .relatedVideo { display: inline-block; float: left; width: 100%; clear: left; margin-bottom: 10px; } div#videoContentWrapper .relatedVideo > a > img { width: 100%; } div#videoContentWrapper .relatedVideo .relatedVideoTitle { display: inline; color: #000; font-family: futura-pt-condensed; font-weight: 700; font-size: 18px !important; text-transform: uppercase; } div#videoContentWrapper .primaryVideo, .prodDetailsBottom .primaryVideo { width: 100%; float: left; position: relative; padding-bottom: 56.25%; /*56.25% 46.25%*/ padding-top: 25px; height: 0; } div#videoContentWrapper .primaryVideo iframe, .prodDetailsBottom .primaryVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*#endregion VIDEO-CONTENT*/ /*#region RELATED-PRODUCTS*/ .relatedProduct { width: 50%; float: left; font-size: 13px; text-align: left; color: #4c4c4c; height: 376px; padding: 10px 0 10px 15px !important; } div.relatedProduct .moreDetails, div.relatedProduct p.moreDetails a, div.product-left p.moreDetails a { color: #F47D30!important; font-family: futura-pt-condensed; font-weight: 700; text-transform: uppercase; font-size: 21px; } div.relatedProduct div.priceBlock div.left p { text-align: left!important; } div.relatedProduct div.priceBlock div.left { float: left; width: 35%; } div.relatedProduct div.priceBlock div.right p.price-rrp { font-size: 1em; text-decoration: line-through; display: inline-block; } div.relatedProduct div.priceBlock div.right p span.price { font-size: 27px; display: inline-block; } div.relatedProduct div.priceBlock div.right p span.price-vat { font-size: 1em; display: block; } div.relatedProduct div.priceBlock div.right p { text-align: right!important; width: 100%; margin: 0; } div.relatedProduct div.priceBlock div.right { float: left; width: 65%; margin: 0; } div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { width: 35px; line-height: 2.5; font-size: 20px; padding-left: 25px; } /*#endregion RELATED-PRODUCTS*/ /*#region TOS-SLIDER-REVIEW-THIS*/ .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide { padding-left: 20px !important; padding-right: 20px !important; } .tos-wrapper.tos-fixed .tos-slide.tos-html > div { padding: 20px !important; } .tos-close *, .tos-close *:before, .tos-close *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*#endregion TOS-SLIDER-REVIEW-THIS*/ /*#region TRUSTBAR*/ ul#trustBar li { float: left; border-right: 1px dotted #fff; font-size: 18px; font-family: Futura-pt-condensed; height: 45px; line-height: 38px; display: inline; font-weight: 700; letter-spacing: 1px; text-shadow: 0 0 1px rgba(100,100,100,0.3); } ul#trustBar li a span.icon { font-size: 25px; padding-right: 5px; font-weight: 400; text-shadow: none; float: left; margin-top: 15px; text-transform: none; } ul#trustBar li a { color: #BBB; line-height: 100%; display: block; width: 100%; height: 100%; padding: 0 18px 0 18px; } ul#trustBar li a span.text { display: inline; float: left; margin-top: 15px; text-transform: uppercase; text-align: left; font-weight: 500; letter-spacing: 0.7px; } /*#endregion TRUSTBAR*/ /*#region HEADER*/ div#header div#newHeaderCenter { display: table-cell; padding: 9px 10px 0px 50px; vertical-align: middle; width: 420px; } div#header div#headerRight { margin: 0; display: table-cell; float: none; vertical-align: middle; text-align: left; } div#Button, div.Button { background-color: #F47D30; float: left; width: 40px; height: 40px; font-size: 29px; padding: 13px 0 5px; } div#header div#headerRight div#Left { float: right; font-size: 16px; font-family: Myriad-Pro; color: #6d6d6d; font-weight: 700; margin-right: 1px; } div#header div#headerRight div#Left div#Top { height: 30px; line-height: 30px; text-align: center; font-size: 15px; font-family: futura-pt-condensed; color: rgba(136,136,136,0.57); text-shadow: 0 0 1px rgba(0,0,0,0.3); text-transform: uppercase; font-weight: 500; } div#header div#headerRight div#Left div.headerBasket { height: 35px; line-height: 35px; text-align: center; background-color: #119604; -moz-border-radius: 7px; border-radius: 7px; } div#header div#headerRight div#Left div.headerBasket:hover { background-color: #198E00; } div#header div#headerRight div#Left div.headerBasket span { font-family: MGicomoon; color: #fff; font-weight: 400; padding-right: 9px; } div#header div#headerRight div#Left div.headerBasket a { font-size: 18px; font-family: futura-pt-condensed; color: #fff; text-transform: uppercase; text-shadow: 0 0 1px rgba(256,256,256,1); letter-spacing: 1px; font-weight: 400; } div#header div#headerRight div#Left div#Bottom { height: 30px; line-height: 30px; } div#header div#headerRight div#Left div#Bottom div#Wrapper { float: left; padding-left: 17px; } div#header div#headerRight div#Left div#Bottom div a.yourAccount { font-size: 15px; font-family: futura-pt-condensed; text-transform: uppercase; } div#header div#headerRight div#Left div#Bottom div a.yourAccount div#Text { color: rgba(136,136,136,0.57); text-shadow: 0 0 1px rgba(0,0,0,0.3); display: inline; float: left; font-weight: 500; width:82px; line-height: 17px; margin-top: 5px; text-align: center; } div#header div#headerRight div#Left div#Bottom div a.yourAccount div#Icon { font-family: MGicomoon; color: #F47D30; font-weight: 400; float: left; font-size: 32px; display: inline; margin-top: 7px; } div#header div#headerRight div#Right { float: left; width: 120px; font-size: 17px; font-family: futura-pt-condensed; color: gray; text-transform: uppercase; margin-top: 26px; font-weight: 500; } div#header div#headerRight div#Right ul.rightSideItems li { text-align: right; height: 25px; line-height: 25px; } div#header div#headerRight div#Right ul.rightSideItems li a { display: inline-block; } div#header div#headerRight div#Right ul.rightSideItems li a div#text { float: left; font-size: 15px; font-family: futura-pt-condensed; color: rgba(136,136,136,0.57); text-transform: uppercase; font-weight: 500; text-shadow: 0 0 1px rgba(0,0,0,0.3); padding-right: 5px; } div#header div#headerRight div#Right ul.rightSideItems li a div#icon { float: left; font-family: MGicomoon; color: #F47D30; font-size: 16px; vertical-align: bottom; width: 18px; text-align: center; text-transform: none; } /*#endregion HEADER*/ /*#region FOOTER*/ div#newFooter { display: inline-block; width: 100%; font-family: myriad-pro, Arial, Sans-Serif; } div#newFooterLeft div#OtherLinks { padding: 20px 20px 20px 0px; } div#newFooterLeft div#OtherLinks > ul li a { font-size: 25px !important; color: #F47D30!important; line-height: 1.5; text-shadow: 0 0 1px rgba(172,88,49,0.3)!important; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 900; } div#newFooterLeft div#OtherLinks > ul li span { font-family: MGicomoon; font-size: 20px!important; color: #F47D30!important; font-weight: 900; } div#newFooterLeft { width: 676px; background-color: #f3f3f3; padding-left: 10px; padding-right: 10px; float: left; } div#newFooterLeft div.content { text-align: left; padding: 20px; } .trustedName h5, div#newFooterLeft div.content p.header, div#newFooterCenter h5, div#newFooterRight h5 { font-size: 19px; color: #1f69ab; font-weight: 700; height: 0; font-family: futura-pt-condensed; text-transform: uppercase; text-align: left; background: none; margin: 0 !important; padding: 0; } div#newFooterLeft div.content p.header { margin: 6px 0px 6px 0px !important; } div#newFooterCenter h5 { padding-bottom: 25px; } .footer-contact-details { font-size: 12px; padding-left: 20px; line-height: 17px; } .footer-contact-details-email { color: rgb( 236, 99, 20 ) !important; } .footer-contact-details-link { text-transform: uppercase; font-size: 16px !important; line-height: 27px; padding-left: 15px; } .footer-contact-details-link a { font-family: futura-pt-condensed; font-weight: 700; } .trustedName h5, div#newFooterRight h5 { padding-bottom: 30px; } div.SocialIcons, div#SocialIcons { display: table-cell; font-family: MGicomoon; font-size: 50px; line-height: 50px; padding-top: 15px; } div.SocialIcons ul li, div#SocialIcons ul li { float: left; padding: 0 10px; } div.SocialIcons ul li a:hover, div#SocialIcons ul li a:hover { color: #919191!important; } .footerWrapper { width: 100%; border-top: 2px solid #F47D30; display: table; } #footerBottom { background-color: #fff; font-family: myriad-pro, Arial, Sans-Serif; } div#newFooterCenter { float: left; width: 37%; background-color: #eee; padding: 20px; } div#newFooterCenter ul li span { font-family: MGicomoon; font-size: 12px!important; } div#newFooterCenter ul li { text-align: left; padding-left: 10px; } div#newFooterCenter ul li a ,div#newFooterCenter ul li span { font-size: 13px; color: #F47D30; line-height: 1.714; text-shadow: 0 0 1px rgba(172,88,49,0.3); } div#newFooterCenter div.bottom { padding-top: 20px; margin-top: 50px; border-top: 1px solid #f4ddd0; } div#newFooterRight { border-left: 2px solid #f47d30; width: 304px; background-color: #f3f3f3; padding-top: 20px; padding-left:20px; padding-right:20px; float: right; font-size: 16px; color: #1f69ab; font-weight: 700; text-align: left; } .footer-trusted-badges{ width: 100%; display: -webkit-box; padding-top: 14px; } .footer-trusted-badges-reevoo { width: 196px; } .footer-trusted-badges-trustedShops { margin-left: 4px; } .footer-trusted-badges-trustedShops img { width: 71px; } .footer-paymentMethods { padding: 20px 0px; display: inline-block; } .footer-paymentMethod { width: 74px; } .footer-paymentMethod-de { width: 100%; } .footer-ecommerce-award { float: left; width: 100%; } .footer-ecommerce-award img { width: 195px; } .footer-tecdoc { width:100%; float: left; } .tec-doc-inside-logo { width:100%; padding-bottom: 6px; } /*#endregion FOOTER*/ /*#region BUNDLES*/ .bundlesBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn-3:before, .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn-3:before { width: 35px; line-height: 2.5; font-size: 20px; padding-left: 25px; } /*#endregion BUNDLES*/ /*#region BUTTONS*/ .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn, .bundlesBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn, div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-family: futura-pt-condensed; font-size: 16px; font-weight: 500; margin: 0; } .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-size: 23px; } .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn-3a, .bundlesBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn-3a, div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3a { padding: 10px 0 10px 40px; } .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3a { padding: 12px 0 12px 44px; text-align: center !important; } div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn { border-radius: 7px; background-color: #1B9600; width: 133px; } .bundlesBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn, .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { border-radius: 7px; background-color: #1B9600; width: 133px; } /*#endregion BUTTONS*/ /*div.product-right div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { font-size: 19px; line-height: 2.4 !important; }*/ /*div.relatedProductAddToBasket { text-align: center; }*/ /*.product-right div.relatedProductAddToBasket { text-align: right; }*/ /*.product-grid-price div.relatedProductAddToBasket { text-align: right; }*/ .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn { width: 100%; } .radius10 { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } div.product-right div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn { width: 130px; } div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn:hover { background-color: #0e7d03; } div.relatedProductAddToBasket a.basket-add, a.choose-size { display: inline; background: transparent; border-style: none; margin: 0; padding: 0; } #brand-tabs { width: 560px; } div.product div.product-right p { text-align: right!important; } div.free-delivery div.icon { float: right; font-family: MGicomoon; font-size: 30px; line-height: 36px; } div.free-delivery div.text { float: right; font-weight: 700; text-transform: uppercase; width: 60px; font-size: 13px; text-align: right; margin-right: 10px; } div.product-right div.relatedProductAddToBasket .btn { font-size: 16px!important; } div.product-right div.relatedProductAddToBasket .btn-3a { padding: 8px 3px 8px 33px !important; } div.product-right div.relatedProductAddToBasket .btn-3:before { width: 30px!important; line-height: 2!important; } h1,h2,h3,h4,h5,h6,p,ul,ol,li,#tabs > ul > li { margin: 0; padding: 0; } ul,ul.CustomCarParts > li,ul.open-positions-outer-list li { list-style: none; } #bodyRight,#sc5Z1c img { margin: 10px 0 0; } .block, .MotorCyclestockAlertForm span, .left { display: block; float: left; } #headerCenter a,#find_parts a { font-size: 11px; float: right; margin: 2px 2px 0 0; } ul.customer-content-departments > li > a:hover,div.car-care-sections-list a:hover,ul#lp-sections > li > a:hover,ul#lp-departments > li > a:hover,ul#hp-bestsellers > li > a:hover,ul#hp-specialoffers > li > a:hover, ul.depts-l > li > a:hover,div#bodyCenterContent > ul.depts-m > li > a:hover,div#bodyCenterContent > ul.depts-r > li > a:hover,div#bodyCenterContent > ul.depts-l > li > a:hover > span > span,div#bodyCenterContent > ul.depts-r > li > a:hover > span > span,div#bodyCenterContent > ul.depts-m > li > a:hover > span > span,div#bodyCenterContent > a.depts-b:hover,div#productContent > ul.depts-m > li > a:hover,div#productContent > ul.depts-m > li > a:hover > span > span { color: #000; text-decoration: underline; } ul.CustomCarParts > li > a,#brandsList a,div#nav a,div#videoCategoriesAccordion > div > ul > li > a { text-decoration: none; } ul.CustomCarParts > li > a:hover, a.blue:hover,div.breadcrumbs a:hover, .useful-link li:hover,.button2 span, span.btn_goto span a:hover, div.contact-areas-container a:hover, div.brand-list > ul > li > a:hover, div.brand-list > ul > li > ul > li > a:hover, span.toggle-view-brand-parts-all-show:hover, span.toggle-view-brand-parts-all-hide:hover, div.widget > div.widget-body > div.widget-body-sections > div.blogSection > div.blogSectionHeader > a.cwu-blog-link:hover, .blogItems p a:hover,a.buttonOrange02:hover, td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link a:hover, .td.product-grid-content div.product-grid-content-text p.product-grid-content-info-link a:hover, div.product-grid > div.product-grid-content > p.product-grid-content-info-link > a:hover, div.product-grid-single > div.product-grid-content > p.product-grid-content-info-link > a:hover, div.product-grid-single-h td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > a:hover,div.relatedProduct p.moreDetails a:hover, div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > p.product-grid-content-info-link > a:hover,div.relatedProduct p.moreDetails a:hover, div.product-left p.moreDetails a:hover, ul.baby-child-travel > li > a:hover,div#videoContentWrapper > div#videoRelated > p > a:hover,div#videoCategoriesAccordion > div > ul > li > a:hover, div#videoCategories > ul > li > div > p > a:hover,div#newFooterLeft div#OtherLinks > ul li a:hover, .BasketProductsTable .Name .moreDetails a:hover, .BackToAccountSummary a:hover { text-decoration: underline; } #ContactForm fieldset, #dialog iframe, #stockAlertForm fieldset, #MotorCyclestockAlertForm fieldset { border: 0; } .stockAlertForm > fieldset > div { display: block; width: 100%; } .MotorCyclestockAlertForm label { display: block; width: 200px; float: left; margin-right: 10px; text-align: right; line-height: 28px; } .MotorCyclestockAlertForm input { display: block; width: 200px; height: 28px; border: 1px solid #c7c7c7; background: #fff; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 5px; float: left; padding: 8px 10px; line-height: 28px; } .stockAlertForm input.error, .stockAlertForm textarea.error, .stockAlertForm select.error, .MotorCyclestockAlertForm input.error, .MotorCyclestockAlertForm textarea.error, .MotorCyclestockAlertForm select.error, div.newsletter-email-signup input.error, div.newsletter-email-signup textarea.error, div.newsletter-email-signup select.error, div.nct-checks-email-form input.error, div.nct-checks-email-form textarea.error, div.ContactForm input.error, div.ContactForm textarea.error, div.ContactForm select.error, div.content-right-container input.error { border: 1px solid red; background: #ffe5e5; } .stockAlertForm label.error,.MotorCyclestockAlertForm label.error { clear: both!important; width: 50%!important; color: red!important; text-align: right!important; margin: 2px 0 2px 50px !important; } #btnSubmitRequest,#ctl00_cphContentCenter_btnSubmitRequest { background-image: linear-gradient(to bottom,#079200 0%,#025E02 100%); border: 1px solid #034700; width: 151px; height: 40px; color: #fff; font-weight: 700; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 5px; display: block; padding: 8px 10px; } div.four-four-block,div.jobs-video-block,div.nct-checks-video-block,div#newFooterCenter div.top,div#newFooterCenter div.bottom,div.relatedProduct div.priceBlock,div.free-delivery { display: inline-block; width: 100%; height: 60px; } div.four-four-block { height: 100%; width: 760px; } div.jobs-video-block { height: auto; border: 1px solid #eee; background: #F0F4FF; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 20px; padding: 10px; } div.video-includes > div.video-includes-list > ul,.left-text,div#videoContentWrapper > p,div#newFooterLeft div#OtherLinks ul { text-align: left; } div.medias > img,.rightcol_advert,#gallery,#thumbs, div#SearchBox, div.SearchBox { float: left; } ul.list .alt,table.item-details tr td,ul.car-parts-list .alt,div#nav > ul > li > div.menu-x > ul > li:hover,div#bodyCenterContent > ul.car-list > li.alt,div#bodyCenterContent > div#car-parts-accordion > ul.car-list > li.alt,div#productContent > ul.car-list > li.alt,div#productContent > div#car-parts-accordion > ul.car-list > li.alt { background: #fff; } ul.list .item a,ul.car-parts-list .item a { display: block; text-decoration: none; color: #31485a; margin: 0; padding: 3px 0 3px 10px; } ul.list .item .itemTitle,ul.car-parts-list .item .itemTitle { display: block; clear: none; float: left; width: 300px; cursor: pointer; color: #000; } p.down-to-section,div.item,td.fbShareTitle,#ddlBasketProducts,.login,div.product div.product-right p span { width: 100%; } .useful-link li a,.blogItems p a { text-decoration: none; color: #000; } fieldset.validationGroup,a img { border: none; } tfoot td.basket_clear,div#divCurrencyCurrent > p,div.widget > div.widget-body > div.widget-body-sections > div.socialMediaSection > p.social-media-links { text-align: center; } tbody tr td.basket_remove,tbody tr td.basket_subtotal { border: 1px solid #7ba031; background-color: #e8f4cf; width: 100px; } tbody tr td.basket_price,tbody tr td.basket_quantity { border: 1px solid #7ba031; background-color: #e8f4cf; width: 50px; } #deliveryDetails td,#deliveryDetails th { border: solid 1px #000; background-color: #FFF; padding: 4px; } div.menu > ul > li > a > img,#brand-tabs > ul > li > a > img { height: 25px; margin: 15px 0 0 !important; } #roofbox_pics ul li,ul#hp-bestsellers,ul#hp-specialoffers,ul#hp-specialoffers > li,div#nav > ul,#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5,div.christmas-gifts { margin: 0; } p.float-right, div.product-grid-single-h td.product-grid-price div.product-grid-free-delivery div, div.product-grid-single-h .td.product-grid-price div.product-grid-free-delivery div { float: right; } a.country-uk:hover,a.country-ie:hover { opacity: 1.0; filter: alpha(opacity=100); } ul#lp-departments > li,ul#hp-bestsellers > li,ul#hp-specialoffers > li,ul#hp-specialoffers > li { width: 32.5%; } ul#hp-specialoffers > li > a,div.widget > div.widget-body > div.widget-body-sections > div.newsletterSection { height: 190px; } ul#lp-departments > li > a:hover > span.button,div#bodyCenterContent > a.depts-b:hover > span.button { text-decoration: underline; background: url(/content/images/sprites/sprites-graphics.png) no-repeat 0 -140px; } ul#hp-bestsellers > li > a.xmas-phone-holders-ie,ul#hp-bestsellers > li > a.xmas-phone-holders-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/tetrax-phone-holders.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-seat-covers-ie,ul#hp-bestsellers > li > a.xmas-seat-covers-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/seat-covers.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-haynes-manuals-ie,ul#hp-bestsellers > li > a.xmas-haynes-manuals-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/haynes-manuals.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-brake-parts-ie,ul#hp-bestsellers > li > a.xmas-brake-parts-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/brake-parts.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-service-parts-ie,ul#hp-bestsellers > li > a.xmas-service-parts-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/service-parts.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-body-parts-ie,ul#hp-bestsellers > li > a.xmas-body-parts-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/body-parts.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-wiper-blades-ie,ul#hp-bestsellers > li > a.xmas-wiper-blades-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/wiper-blades.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-bulbs-ie,ul#hp-bestsellers > li > a.xmas-bulbs-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/bulbs-osram.jpg) no-repeat 0 0; } ul#hp-bestsellers > li > a.xmas-mechanix-gloves-ie,ul#hp-bestsellers > li > a.xmas-mechanix-gloves-uk { background: #fff url(/content/images/home-page/best-sellers/xmas/mechanix-gloves.jpg) no-repeat 0 0; } p.currentCurrency > img,span.carouselXmasProds-prev > img,span.carouselXmasProds-next > img,img.current-currency { vertical-align: middle; } div.widget > div.widget-body > p.social-media-links > a.facebook-link,div.widget > div.widget-body > div.widget-body-sections > div.socialMediaSection > p.social-media-links > a.cwu-facebook-link { background: transparent url(/content/images/sprites/social-media-logos.png) no-repeat 0 0; } div.widget > div.widget-body > p.social-media-links > a.twitter-link,div.widget > div.widget-body > div.widget-body-sections > div.socialMediaSection > p.social-media-links > a.cwu-twitter-link { background: transparent url(/content/images/sprites/social-media-logos.png) no-repeat 0 -100px; } div.widget > div.widget-body > p.social-media-links > a.youtube-link,div.widget > div.widget-body > div.widget-body-sections > div.socialMediaSection > p.social-media-links > a.cwu-youtube-link { background: transparent url(/content/images/sprites/social-media-logos.png) no-repeat 0 -50px; } div.widget > div.widget-body > div.widget-body-sections > div.newsletterSection label#errorNewsletter,div.widget > div.widget-body > div.widget-body-sections > div.newsletterSection label.error { clear: both!important; color: red!important; text-align: left!important; width: 100%!important; margin: 0!important; } img.youtubeVideo,span.carouselXmasProds-prev:hover,span.carouselXmasProds-next:hover,#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow { cursor: pointer; } #brand-tabs,#brandTab1,#brandTab2,#brandTab3,#brandTab4,#brand-tabs > ul,#brand-tabs > ul > li,#brand-tabs > ul > li > a,#brand-tabs > ul > li > a > img,#lp-tabs,#lpTab1,#lpTab2,#lpTab3,#lpTab4,#lp-tabs > ul,#lp-tabs > ul > li,#lp-tabs > ul > li > a,#lp-tabs > ul > li > a > img { border: none; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; padding: 0; } div#nav > ul > li:last-child,ul#trustBar li:last-child { border-right-style: none; } div#bodyCenterContent > div#car-parts-accordion > ul.car-list,div#productContent > div#car-parts-accordion > ul.car-list { clear: none; float: none; width: inherit; height: auto; list-style: none; margin: 0 0 5px; padding: 0; } div#bodyCenterContent > ul.car-list > li,div#bodyCenterContent > div#car-parts-accordion > ul.car-list > li,div#productContent > ul.car-list > li,div#productContent > div#car-parts-accordion > ul.car-list > li { background: #e7e7e7; } div#bodyCenterContent > ul.car-list > li > a:hover,div#bodyCenterContent > div#car-parts-accordion > ul.car-list > li > a:hover,div#productContent > ul.car-list > li > a:hover,div#productContent > div#car-parts-accordion > ul.car-list > li > a:hover { color: #000; background: #cfd7dd; text-decoration: underline; } ul.depts-l > li > a > span.button,div#bodyCenterContent > ul.depts-r > li > a > span.button,div#bodyCenterContent > ul.depts-m > li > a > span.button,div#productContent > ul.depts-m > li > a > span.button { display: inline-block; vertical-align: bottom; width: 118px; height: 24px; line-height: 24px; color: #fff; font-size: 12px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #034700; background: linear-gradient(to bottom,#079200 0%,#025e02 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#079200',endColorstr='#025e02',GradientType=0); margin: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3OTIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjVlMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #079200 0%, #025e02 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#079200), color-stop(100%,#025e02)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #079200 0%,#025e02 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #079200 0%,#025e02 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #079200 0%,#025e02 100%); /* IE10+ */ background: linear-gradient(to bottom, #079200 0%,#025e02 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079200', endColorstr='#025e02',GradientType=0 ); /* IE6-8 */; } ul.depts-l > li > a > span.deptTitleWrapper,div#bodyCenterContent > ul.depts-m > li > a > span.deptTitleWrapper,div#productContent > ul.depts-m > li > a > span.deptTitleWrapper { display: block; width: 100%; height: 149px; color: #464646!important; font-size: 14px!important; font-weight: 700!important; text-transform: uppercase; } ul.depts-l > li > a > span.deptTitleWrapper { height: 178px; } ul.depts-l > li > a:hover > span.button,div#bodyCenterContent > ul.depts-r > li > a:hover > span.button,div#bodyCenterContent > ul.depts-m > li > a:hover > span.button,div#productContent > ul.depts-m > li > a:hover > span.button { text-decoration: underline; background: linear-gradient(to bottom,#09b000 0%,#037f03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b000',endColorstr='#037f03',GradientType=0); } ul.depts-l > li > a > span > span.department,div#bodyCenterContent > ul.depts-r > li > a > span > span.department,div#bodyCenterContent > ul.depts-m > li > a > span > span.department,div#productContent > ul.depts-m > li > a > span > span.department { position: inherit; clear: both; float: left; width: 180px; } div#bodyCenterContent > ul.car-models > li.alt,div#bodyCenterContent > div > ul.car-models > li.alt { background: #F2F2F2!important; } div#bodyCenterContent > ul.car-models > li.alt > a,div#bodyCenterContent > div > ul.car-models > li.alt > a { background: #E9F2FA; } div#bodyCenterContent > ul.car-models > li > a:hover,div#bodyCenterContent > ul.car-models > li.alt > a:hover,div#bodyCenterContent > div > ul.car-models > li > a:hover,div#bodyCenterContent > div > ul.car-models > li.alt > a:hover { color: #fff; background: #015391; } #lp-tabs > ul > li > a:hover,#lp-tabs > ul > li > a:active { color: #21303C; } div.product-grid-single-h td.product-grid-price span, div.product-grid-single-h td.product-grid-price p, div.product-grid-single-h .td.product-grid-price span, div.product-grid-single-h .td.product-grid-price p, div.product-grid div.product-grid-price div.right p.price-offer, div.product-grid div.product-grid-price div.right p.price-rrp, div.product-grid div.product-grid-price div.right div.price-vat, div.product-grid div.product-grid-price div.right p.product-grid-code { text-align: right!important; width: 100%; } table.product-grid-single-attributes td.product-grid-single-attributes-right,table.product-details-attributes td.product-details-attributes-right { width: 60%; } p.product-grid-free-delivery,div.carousel-pagination > p { text-align: center!important; } a:hover.linkButtonCream,a:hover.linkButtonCreamSmall { text-decoration: underline; background: linear-gradient(to bottom,#fcfcf2 0%,#edede3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcf2',endColorstr='#edede3',GradientType=0); } div#videoCategories > ul > li > a:hover,div#videoCategoriesAccordion > h3.ui-state-hover,div#videoCategoriesAccordion > h3.ui-state-active { color: #1064A9; background-color: #F5F5F5; text-decoration: underline; } .BasicForm input[type=text],.BasicForm dropdownlist,.login input[type=text],.login input[type=Password] { width: 220px; } .stock-alert-request-form,#TrustBarWidget { display: none; } #ProdDetailsAddToBasket.btn,#ProdDetailsAlert.btn { font-family: futura-pt-condensed, Sans-Serif; text-shadow: 0 0 1px rgba(11,93,2,0.3); font-size: 27px; font-weight: 400; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; margin: 0; } #ProdDetailsAddToBasket.btn-3a,#ProdDetailsAlert.btn-3a { padding: 15px 20px 15px 80px; } #ProdDetailsAddToBasket.btn-3:before,#ProdDetailsAlert.btn-3:before { line-height: 2.3; font-size: 25px; padding-right: 15px; } #bigAlert { width: 100%; display: inline-block; margin: 25px 0px 30px 0px; height: 60px; } #bigAddToBasket { width: 100%; display: inline-block; height: 60px; } div#header div#headerRight div#Left div#Bottom div a.yourAccount:hover div,div#header div#headerRight div#Right ul.rightSideItems li a:hover div { color: #b44c0f!important; } #trustBar li:hover { cursor: pointer; } #trustBar li:hover a .icon { color:#CECECE !important; } #trustBar li:hover a .text { color:#F47D30 !important; } #TrustBarWidgetHeader td#RightCell, div.product div.product-right div.SavingSymbol, div.productBundles-right div.SavingSymbol { width: 100%; text-align: right; } .prodDetailsBottom div.productBundles-right div.SavingSymbol { width: 100%; text-align: left; position: absolute; } .prodDetailsBottom div.productBundles-right div.bundlePrice { text-align: right; position: relative; float: right; } div#newFooterCenter div.top div.left,div#newFooterCenter div.bottom div.left { float: left; width: 50%; } div#newFooterCenter div.top div.right,div#newFooterCenter div.bottom div.right { float: left; width: 50%; margin: 0; } .skiptranslate div select.goog-te-combo:last-child { display:none; } .skiptranslate div select.goog-te-combo:first-child { display:inline-block; } .skiptranslate:last-child { display:none; } .skiptranslate:first-child { display:inline-block; } /*.carousel-wrap ul li .relatedProductAddToBasket { display: none; }*/ .videoIcon { font-family: MGicomoon; position: absolute; bottom: 5px; right: 5px; font-size: 24px; color: #666; } .tec-doc .videoIcon { bottom: 15px; z-index: 1; right: 30px; } .ChangePasswordCancel { visibility:hidden; } .ChangePassword { margin-left:0; font-size:14px; } .ChangePasswordSummary { margin-left: 200px; } div.TecDocRelatedProducts div.relatedProduct { border-bottom: 2px solid #ccc; width: 100%; padding: 10px 5px 10px 5px !important; } div.TecDocRelatedProducts div.relatedProduct:nth-child(odd) { background-color: #fafafa; } div.productBundles-left { width: 400px; float: left; } .prodDetailsBottom .productBundles-left { width: 60%; float: left; } .noBorderTableStyle { border-spacing:0; border-collapse:collapse; } .noBorderTableStyle td, .noBorderTableStyle th, .noBorderTableStyle .td, .noBorderTableStyle .th { padding: 0; } .whoWeAreMilestones ul { width: 100%; font-size: 14px; line-height: 18px; } .bestSellers li { border: 1px solid #ddd } .bestSellers li a:hover span.bottom span { text-decoration: none !important; color: #E76600 !important; bottom: 2px; } .bestSellers li a span.bottom span { bottom: 2px; } .bestSellers li a span.bottom { position: absolute; bottom: 0px; width: 100%; left: 0px; background-color: rgba(256,256,256,0.8); text-align: left; padding: 11px 10px 9px 10px; border-top: 1px solid #ddd; } .bestSellers li a span.top { position: absolute; top: 0px; width: 100%; left: 0px; background-color: rgba(256,256,256,0.8); color: #0862A7; font-size: 18px; text-align: left; padding: 10px; font-family: futura-pt-condensed; text-transform: uppercase; border-bottom: 1px solid #ddd; } .bestSellers li { position:relative; } .bestSellers li div.opacity { width: 100%; background-color: #fff; height: 198px; margin-top: -5px; opacity: 0.1; filter: alpha(opacity=10); } .bestSellers li:hover div.opacity { opacity: 0.5; filter: alpha(opacity=50); } .bestSellers li .SavingSymbol { position: absolute; z-index: 1; bottom: 10px; right: 10px; font-size: 63px; text-transform: initial; } .bestSellers li .SavingSymbol .SavingMessage { margin-left: 9px; padding-top: 14px; } .prod-buy .FreeDeliveryText.gb { color: #0862A7; text-transform: none; width: 211px; margin-left: 96px; font-size: 16px; margin-bottom: 40px; font-weight: normal; } .prod-buy .FreeDeliveryText.gb > span {font-weight:700} .prod-buy .FreeDeliveryText.gb > span > span {font-size: 26px} .prod-buy .FreeDeliveryImage.gb { font-size: 85px; color: #0862A7; line-height: 85px; } .prod-buy .paymentMethods {display:inline-block; margin-top: 60px;} .prod-buy .paymentMethods div img { max-width: 49%; } .prod-buy .paymentMethodsRightEuro {padding-bottom: 14px; padding-left:3px} .prod-buy .paymentMethodsRightNonEuro { padding-left:3px} .prod-buy {padding-top: 15px;} /*************************************************** BASKET PAGE START ***************************************************/ /*************************************************** BASKET PAGE START ***************************************************/ /*************************************************** BASKET PAGE START ***************************************************/ .basketPage { font-size: 20px; } .basketPage h1#ProdDetailsH1 { font-size: 1.35em; line-height: 1.25em; } .BasketProductsTable { float: left; width:100%; border-collapse: collapse; color: #999; display: table; font-size: 20px; } .BasketProductsTable .basketRows { background-color: #F0F0F0 } .BasketProductsTable .basketRows .Name .extraInfo { font-size:11px;color:#777; } .BasketProductsTable.voucherTable > tbody > tr, .BasketProductsTable.shippingTable > tbody > tr { background-color: #F0F0F0; height: 60px } .BasketProductsTable.voucherTable > tbody > tr .ApplyCode { margin-top: 4px; } .BasketProductsTable.shippingTable, .BasketProductsTable.vatTable { margin-top: 30px !important; } .BasketProductsTable thead tr { height: 100%; } .BasketProductsTable .thead:not(:first-child) { display: none; } .BasketProductsTable .Name, .BasketProductsTable .Quantity, .BasketProductsTable .Price { border-right: 2px solid #fff; } .BasketProductsTable tr { height: 150px; } .BasketProductsTable .Name .moreDetails span { font-size: 0.6em } .BasketProductsTable .Name .moreDetails a { font-size: 0.9em !important; } .BasketProductsTable .Name { font-size: 0.8em; line-height: 1.1em; color: #999; padding: 0px 10px 0px 10px; width: 350px; } .BasketProductsTable .Thumbnail { width: 130px; text-align: center; color: #999; } .BasketProductsTable .Thumbnail .RemoveButtonTablet { display: none; } .BasketProductsTable .Thumbnail .RemoveButtonTablet { width: 0px; padding: 0px; } .BasketProductsTable .Quantity .RemoveButton, .BasketProductsTable .Name .RemoveButton { display: inline-block; float: left; clear: left; /*padding-top: 10px; margin-top: -10px; */ } .basket-product-details { } .BasketProductsTable .VoucherTextboxTD .RemoveButton { display: inline-block; padding-top: 10px; margin-top: -10px; } .BasketProductsTable .Quantity .RemoveButton input, .BasketProductsTable .Name .RemoveButton input, .BasketProductsTable .VoucherTextboxTD .RemoveButton input { color: #C10000; font-weight: 700; text-transform: uppercase; font-size: 16px; background-color: transparent; border: none; padding: 0px; margin: 0px; font-family: futura-pt-condensed; font-size: 1em; } .BasketProductsTable .Quantity .RemoveButton:hover input, .BasketProductsTable .Name .RemoveButton:hover input, .BasketProductsTable .VoucherTextboxTD .RemoveButton:hover input { text-decoration: underline; cursor: pointer; } .BasketProductsTable .Quantity .RemoveButton span, .BasketProductsTable .Name .RemoveButton span, .BasketProductsTable .VoucherTextboxTD .RemoveButton span { font-family: MGicomoon; cursor: pointer; color: #C10000; font-size: 0.8em; } .BasketUC .BasketProductsTable .Quantity { font-size: 70px; } .BasketProductsTable .Quantity { width: 160px; text-align: center; } .BasketProductsTable .Name { /*width: 120px; */ /*text-align: center;*/ } .BasketProductsTable .Price { width: 120px; text-align: right; padding-right: 1%; font-size: 1.2em; color: #777; font-family: futura-pt-condensed; font-weight: 700; line-height: 0.9em; } .BasketProductsTable .Price .rrp { font-size: 0.8em; } .BasketProductsTable .TotalColumn, .SubTotalValue, .ShippingValue { color: #0E7F03 !important; padding-right: 5%; text-align: right; font-family: futura-pt-condensed; font-size: 1.8em; font-weight: 700; white-space: nowrap; } .BasketProductsTable .TotalColumn { width: 169px; } .ConfirmationPage .BasketProductsTable .ShippingValue { width: 293px; } .ShippingAvailability { font-size: 0.95em; color: #4c4c4c; padding-bottom: 20px; padding-top: 10px; display: inline-block; line-height: 1em; } .Threshold { color: #0E7F03; font-size: 0.95em; padding-bottom: 20px; line-height: 3.5em; } .BasketProductsTableHeader { color: #0863A7; font-size: 1.25em; font-family: futura-pt-condensed; padding-bottom: 5px; letter-spacing: 1px; font-weight: 700; /*white-space: nowrap;*/ padding-right: 10px; line-height: 20px; } .BasketProductsTableHeader.th {} .SubTotal, .Total, .BasketProductsTable .TotalColumn { color: #0863A7; font-size: 1.25em; font-family: futura-pt-condensed; font-weight: 700; width: auto; text-align: right; float: left; line-height: 1.5em; padding-right: 15px; display: inline-block; } .SubTotal {display: table-cell; float: none;} .SubTotalValue { width: auto; line-height: 1em; padding-right: 5%; display: table-cell; } .VoucherMessage, .VATInfoMessage { width: 30%; padding: 1em; font-size: 0.8em; } .VoucherTextboxTD { border-left: 2px solid #fff; border-right: 2px solid #fff; width: 40%; padding: 0.5em; vertical-align: top; } .VoucherTextboxTD { padding-top: 19px; } .VoucherTextboxTD .VoucherTextBoxDiv { float: left; margin-top: 8px; margin-right: 10px; } .VoucherTextBoxDiv { height: 50px; } .ApplyCode button { margin: 0px; } .ApplyCode button.btn-3 { text-shadow: 0px 0px 4px rgb( 14, 64, 107 ); } .ApplyCode button.btn { border-radius: 7px; /*background-color: #007CB7;*/ /*width: 114px;*/ font-family: futura-pt-condensed; font-size: 18px; font-weight: 500; } /*.ApplyCode button.btn:hover { background-color: #0075AD; }*/ /*.ApplyCode button.btn-3a { padding: 4px 0px 4px 30px; }*/ .ApplyCode button.btn-3:before { line-height: 1.9; font-size: 17px; /*width: 31px;*/ } .ShippingDropDownListTD .Threshold { color: #E76600; font-size: 15px; padding-bottom: 10px; line-height: 1em !important; } .ShippingDropDownListTD .collectMessage { font-size: 15px; margin-top: 4px; line-height: 1.2em; } .Total, .BasketProductsTable .TotalColumn { height: 30px; padding-bottom: 50px; padding-top: 10px; font-size: 42px; width: 100%; padding-right: 10px; } .BasketProductsTable .TotalColumn { padding: 0px; padding-right: 20px; display: table-cell !important; padding-top: 50px; } .TotalValue { color: #0E7F03; } .IncVAT { width: 100%; text-align: right; padding-right: 10px; font-size: 21px; font-family: futura-pt-condensed; font-weight: 700; color: #777; display: inline-block; height: 22px; } .BasketBottom { padding-top: 50px; display: inline-block; width: 100%; text-align: right; } .BasketBottom .checkoutButtonOut { margin-top: 20px !important; } .BasketBottom .shopWithConfidence .germanWrapper { display: inline-block; width: 100%; margin-bottom: 40px; } .BasketBottom .shopWithConfidence .germanWrapper .text { text-align: left; font-family: futura-pt-condensed; font-size: 28px; font-weight: 500; margin-bottom: 15px; } .BasketBottom .shopWithConfidence .germanWrapper .images { display: inline-block; float: left; width: 100%; background-color: #eee; padding: 10px; border-top: 1px solid #F47D30; } .BasketBottom .shopWithConfidence .germanWrapper .images .left {float: left; margin-right: 20px; text-align: center;} .BasketBottom .shopWithConfidence .germanWrapper .images .right {float: left} .BasketBottom .shopWithConfidence .germanWrapper .images .right img {width: 100%; margin-top: 20px;} .BasketBottom .shopWithConfidence .germanWrapper .images .left .HandlerbundWrapper {width: 150px;} .BasketBottom .shopWithConfidence .germanWrapper .images .left .HandlerbundWrapper img {width: 67px;} .BasketBottom > .Right { text-align: right; float: right; width: 480px; } .btnCheckout.btn { margin: 40px 20px 0px 0px; border-radius: 7px; background-color: #1B9600; width: 218px; height: 61px; } .btnCheckout.btn:hover { background-color: #0e7d03; } .btnCheckout.btn-3 { font-family: futura-pt-condensed; font-size: 35px; font-weight: 500; text-shadow: 0px 0px 4px rgb( 11, 100, 2 ); } .btnCheckout.btn-3:before { line-height: 1.5; font-size: 40px; } .btnCheckout.btn-3a { padding: 9px 0px 7px 59px; } .BasketBottom > .Left { float: left; width: 500px; text-align: center; height: 173px; margin-top: 190px; margin-bottom: 20px; } .trustBox { background-color: #F0F0F0; width: 500px; height: 100%; display: inline-block; text-align: center; } .trustBox .Left { float: left; height: 173px; } .trustBox .Center { float:left; } .trustBox .Right { float:left; padding-top: 20px; } .popupStyle { border: 5px solid rgb(236, 99, 20) !important; padding: 0px !important; box-shadow: 0 4px 6px rgba(50,50,50,0.35); } .popupStyle > div { padding: 0px !important; } .popupStyle .ui-dialog-titlebar {display:none} #voucherError .Header .HeaderClose { font-family: MGicomoon; cursor: pointer; color: #C10000 !important; font-size: 20px; } #voucherError .Header { width: 100%; color: #9f9f9f!important; background-color: #ededed; border-bottom: 1px solid #c6c6c6; height: 30px; line-height: 30px; vertical-align: middle; font-family: futura-pt-condensed; font-weight: 500; padding-left: 5px; text-transform: uppercase; font-size: 14px; } #voucherError .Body { height: 570px; padding: 20px; text-align: left; } #voucherError .Body > p { color: #0863A7; font-size: 44px; display: inline-block; padding-bottom: 20px; line-height: 33px; } #voucherError .Body .ErrorMessage { color: #C10000; font-size: 20px; padding-bottom: 20px; } #voucherError .Body div { color: #777; font-size: 16px; } #voucherError .Body ul li { padding-left: 20px; } #voucherError .Body div div { font-weight: 700; font-size: 18px; padding: 5px 0px; } #voucherError .Body .Button { padding-bottom: 10px; } #voucherError .Body ul { overflow-y: auto; max-height: 310px; } #voucherError div.Button button { margin: 20px 0px 0px 0px; } #voucherError div.Button button.btn { border-radius: 7px; background-color: #DF5000; width: 250px; font-family: futura-pt-condensed; font-size: 33px; font-weight: 500; } #voucherError div.Button button.btn:hover { background-color: #C44600; } #voucherError div.Button button.btn-3a { padding: 12px 0px 12px 52px; } #voucherError div.Button button.btn-3:before { line-height: 1.9; font-size: 34px; width: 57px; } .BasketUC .OneColumn { border-right: 2px solid #fff; width: 70%; } .BasketProductsTable .Thumbnail .image { background-color: white; padding-bottom: 10px; height: 123px; background-color: white; padding-top: 10px; width: 150px; } .BasketProductsTable .Thumbnail .itemCode { background-color: #fff; font-size: 0.7em; } .BasketProductsTable .Thumbnail .itemCode { } .BasketProductsTable .incVAT { font-size: 0.7em; padding-bottom: 8px; } .subtotalLine { height: 30px; padding-bottom: 70px; padding-top: 20px; font-size: 20px; float: right; } .basketPage .voucherTextBox { width: 190px; margin-bottom: 2px; background-position: 168px; font-size: 0.75em; } .basketPage .dialog { width: 400px; } .basketPage #relatedProducts {float:left;} .basketPage .owl-carousel .owl-item { text-align: center; } .basketPage .VoucherTextBoxDiv.error span { display: block; } .basketPage .carousel .carousel-wrap { height: 380px !important; } .basketPage .BasketErrorText { font-size: 25px; color: #777; line-height: 36px; color: #c10000; font-family: futura-pt; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } .basketPage .BasketErrorText.margin {margin-bottom: 20px;} .basketPage .BasketError {margin-bottom: 20px;} .basketPage #relatedProducts li { display: inline-block; clear: none; margin: 0 auto; width: 190px; border: 1px solid #ccc; } .basketPage .checkoutButtonIn { text-align: center; } .basketPage .checkoutButtonTopWrapper { width: 25%; float: right; margin-top: 30px; text-align: right; } .basketPage .checkoutButtonTopWrapper .checkoutButtonOut {margin-right: 20px} .basketPage .relatedProduct { width: 100%; padding: 10px !important; } .checkoutButton-container { padding-bottom: 15px; } /*************************************************** BASKET PAGE END ***************************************************/ /*************************************************** BASKET PAGE END ***************************************************/ /*************************************************** BASKET PAGE END ***************************************************/ .ProdListOutOfStock { color: #E9B28C; font-size: 18px; line-height: 22px; text-align: center; padding-top: 15px; display: inline-block; font-weight: 700; } /*************************************************** MEET THE TEAM START ***************************************************/ /*************************************************** MEET THE TEAM START ***************************************************/ /*************************************************** MEET THE TEAM START ***************************************************/ .MeetTheTeam .Quote { display: inline-block; font-size: 48px; font-family: futura-pt-condensed; color: #707070; line-height: 50px; padding: 20px 0px; font-weight: 500; margin-bottom: 10px; } .PhotosList ul { list-style-type: none !important; } .PhotosList ul li { display: inline; float: left; } .PhotosList ul li div.PhotoDiv { position: relative; height: 343px; } .PhotosList ul li div.PhotoDiv:hover div.Background { background-color: rgba(236, 99, 20, 0.8); display: block; height: 343px; width: 100%; position: absolute; } .PhotosList ul li:nth-child(even) div.PhotoDiv:hover div.Background { background-color: rgba(2, 88, 145, 0.8); display: block; height: 343px; width: 100%; position: absolute; } .PhotosList ul li div.PhotoDiv div.Name { height: 55px; width: 100%; position: absolute; color: #fff; font-size: 36px; font-family: futura-pt-condensed; bottom: 0px; padding: 20px; background-color: rgba(0,0,0,0.5); border-top: 1px solid #fff; border-right: 1px solid #fff; text-transform: uppercase; } .PhotosList ul li div.PhotoDiv div.Info span.Heading { color: #025891; font-weight: 700; font-family: futura-pt-condensed; } .PhotosList ul li:nth-child(even) div.PhotoDiv div.Info span.Heading { color: rgb(236, 99, 20); font-weight: 700; font-family: futura-pt-condensed; } .PhotosList ul li div.PhotoDiv div.Info { display: none; z-index: 10; } .PhotosList ul li div.PhotoDiv:hover { cursor: pointer; } .PhotosList ul li div.PhotoDiv:hover div.Info { height: 343px; width: 100%; position: absolute; display: inline-block; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 18px; padding: 10px; font-family: futura-pt-condensed; font-weight: 700; } .PhotosList .Banner { position: relative; display: inline-block; } .PhotosList .Banner .Box { position: absolute; width: 532px; height: 194px; background-color: rgba(0,0,0,0.5); } .PhotosList .Banner .Box .Text { color: #fff; font-size: 30px; font-family: futura-pt-condensed; padding: 20px; padding-top: 50px; line-height: 40px; font-weight: 700; } .PhotosList .Banner .Box .Text ul li span { font-size: 23px; font-family: MGicomoon; } /*************************************************** MEET THE TEAM END ***************************************************/ /*************************************************** MEET THE TEAM END ***************************************************/ /*************************************************** MEET THE TEAM END ***************************************************/ /*************************************************** BABY CHILD TRAVEL START ***************************************************/ /*************************************************** BABY CHILD TRAVEL START ***************************************************/ /*************************************************** BABY CHILD TRAVEL START ***************************************************/ div#bodyCenterContent > ul.depts-m.bestSellers.BabyChildTravel > li { width: 482px; height: 380px; margin: 8px 0px; } .bestSellers.BabyChildTravel li div.opacity { height: 380px; } .bestSellers.BabyChildTravel li a span.top { font-size: 38px; letter-spacing: 1px; padding: 20px 10px; } .BabyChildTravelImage { position:relative; display: inline-block } .BabyChildTravelImage div { position: absolute; bottom: 30px; left: 20px; color: #fff; font-size: 25px; line-height: 25px; letter-spacing: 1px; margin-right: 532px; padding: 10px; background-color: rgba(128,128,128,0.5); text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; } /*************************************************** BABY CHILD TRAVEL END ***************************************************/ /*************************************************** BABY CHILD TRAVEL END ***************************************************/ /*************************************************** BABY CHILD TRAVEL END ***************************************************/ #divOrderHistory .BasketUC .BasketProductsTable th { font-size: 20px; } #divOrderHistory .BasketUC .BasketProductsTable td.TotalColumn div, #divOrderHistory .BasketUC .BasketProductsTable td div.ShippingValue { font-size: 30px; padding-left: 10px; } #divOrderHistory .BasketUC .BasketProductsTable td.TotalColumn div { width: 100%; } #divOrderHistory .BasketUC .BasketBottom { padding-top: 20px; } .OrderHistoryLabel { color: #0863A7; width: 140px; font-family: futura-pt-condensed; font-size: 22px; font-weight: 700; line-height: 30px; vertical-align: top; } .orderRow .OrderHistoryLabel, .orderRow .ValueOrderHistoryLabel { font-size: 28px; font-weight: 700; } .OrderHistoryInfo { margin-bottom: 20px; display: inline-block; width: 100%; } .OrderHistoryInfo .Left, .OrderHistoryInfo .Right { float: left; } .OrderHistoryInfo .Left { width: 380px; } .OrderHistoryInfo .Right { line-height: 55px; margin-left: 20px; padding-left: 10px; border-left: dotted 1px #bbb; color: #F47D30; font-size: 22px; font-family: futura-pt-condensed; font-weight: 700; width: 40%; margin-top: 1px; } .OrderHistoryInfo .Right a.Text { color: #F47D30 !important; } .OrderHistoryInfo .Right:hover .Text { text-decoration: underline; cursor: pointer; } .ValueOrderHistoryLabel { font-size: 22px; font-family: futura-pt-condensed; font-weight: 500; color: #777; line-height: 30px; } .basket-add-RemoveStyle { background: none !important; filter: none !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; border: none !important; display: inline !important; width: 0px !important; line-height: inherit !important; text-indent: 0px !important; padding: 0px !important; } .validatorButtonOut { padding: 0px !important; float: left; } .validatorButtonOut:before { padding-left: 0px; } .validatorButtonOutNews { margin-left: 10px; padding: 0px !important; } .validatorButtonOutNews:before { padding-left: 0px; } .validatorButtonIn { background-color: transparent; border: none; cursor: pointer; /*padding: 10px 10px 10px 44px;*/ font-family: futura-pt-condensed; font-size: 20px !important; color: #fff; font-weight: 500; letter-spacing: 1px; line-height: 1.1; } .smallSizeButton .validatorButtonIn { line-height: 41px; padding: 0px 10px; margin: 0px; min-width: 80px; font-family: futura-pt-condensed; text-transform: uppercase; width: 100%; } .mediumSizeButton .validatorButtonIn { padding: 0px 0px 0px 0px !important; font-size: 26px !important; text-align: center; min-width: 166px; line-height: 46px; margin: 0px; position: absolute; left: 0px; padding-left: 41px !important; } .mediumSizeButton { padding: 1px 10px 0px 48px !important; font-family: futura-pt-condensed !important; font-size: 26px !important; margin: 0px !important; height: 48px; border-radius: 7px; font-weight: 500 !important; line-height: 1.3; min-width: 166px; } .mediumSizeButton:before { line-height: 1.9 !important; width: 41px !important; font-size: 26px !important; text-align: center; } .largeSizeButton .validatorButtonIn { padding: 0px 0px 0px 0px !important; font-size: 26px !important; text-align: center; min-width: 166px; line-height: 46px; margin: 0px; position: absolute; left: 0px; padding-left: 41px !important; } .largeSizeButton { padding: 1px 10px 0px 60px !important; font-family: futura-pt-condensed !important; font-size: 38px !important; /*font-size: 2.8em !important;*/ margin: 0px !important; height: 58px; border-radius: 7px; font-weight: 500 !important; line-height: 1.3; min-width: 190px; } .largeSizeButton:before { line-height: 1.9 !important; width: 50px !important; font-size: 32px !important; padding-left: 3px; } .largeSizeButton2 { padding: 5px 10px 0px 60px !important; font-family: futura-pt-condensed !important; font-size: 38px !important; /*font-size: 2.8em !important;*/ margin: 0px !important; height: 58px; border-radius: 7px; font-weight: 500 !important; line-height: 1.3; min-width: 210px; } .largeSizeButton2:before { line-height: 1.9 !important; width: 50px !important; font-size: 32px !important; padding-left: 3px; } .largeSizeButton2:hover { background-color: #0e7d03; Color: #ffffff; } /*************************************************** INLINE VALIDATION START ***************************************************/ /*************************************************** INLINE VALIDATION START ***************************************************/ /*************************************************** INLINE VALIDATION START ***************************************************/ .spanValid8.valid input, .spanValid8.valid select, .spanValid8.valid textarea { border-color: #A5C8A6; background: #fff url('/content/images/sprites/icon_valid.png') no-repeat right center; background-position-x: 299px; } .spanValid8.error input, .spanValid8.error select, .spanValid8.error textarea { border-color: #C8A5A5; background: #fff url('/content/images/sprites/icon_error.png') no-repeat right center; background-position-x: 299px; } .spanValid8.valid select, .spanValid8.error select { background-position-x: 274px; } .spanValid8.error .validationMessage { color: #9B0000 !important; font-size: 17px; } .spanValid8 label.error { display: none !important; } /* span.valid span.validationMessage:before { content: "Valid"; color: #00A31F !important; font-size: 17px; } */ /*************************************************** INLINE VALIDATION END ***************************************************/ /*************************************************** INLINE VALIDATION END ***************************************************/ /*************************************************** INLINE VALIDATION END ***************************************************/ /*************************************************** ACCOUNT MANAGEMENT START ***************************************************/ /*************************************************** ACCOUNT MANAGEMENT START ***************************************************/ /*************************************************** ACCOUNT MANAGEMENT START ***************************************************/ #divSignIn .divExitingCustomer { width: 50%; float: left; border-right: 1px solid #ddd; } #divSignIn .divNewCustomer { width: 620px; margin-left: 310px; } /* .verticalBar { float: left; padding-right: 40px; border-left: 1px solid #ddd; display: inline-block; height: 290px; margin-left: 40px; margin-top: 20px; margin-bottom: 20px; } */ .MGTextboxOptional, .MGTextboxRequired { margin: 0px; padding: 7px; width: 320px; font-size: 15px; margin-bottom: 15px; color: #666; } .MGTextboxOptionalNews, .MGTextboxRequiredNews { margin: 0 auto; padding: 7px; width: 120px; font-size: 15px; margin-bottom: 15px; color: #666; } .MGTextboxOptional { border: 1px solid #ddd; } .MGTextboxRequired { border: 1px solid #F47D30; } .MGTextboxOptionalNews { border: 1px solid #ddd; } .MGTextboxRequiredNews { border: 1px solid #F47D30; } .SectionHeader { font-size: 31px; color: #777; text-transform: uppercase; padding-bottom: 20px; font-family: futura-pt-condensed; font-weight: 500; /*margin-left: 50px;*/ } .MGLabel { padding-bottom: 5px; font-size: 17px; padding-top: 10px; line-height: 17px; text-transform:uppercase; } .passwordReset { display: block; color: #F16022 !important; text-transform: uppercase; font-family: futura-pt-condensed; font-size: 17px; font-weight: 700; width: 306px !important; padding-left: 30px; } .passwordReset:hover { text-decoration: underline; } .AccountSignInButton { } .AccountSignInButton .btn { border-radius: 7px; background-color: #1666AB; width: 170px; font-family: futura-pt-condensed; font-size: 24px; font-weight: 500; margin: 0px; } .AccountSignInButton .btn-3 { } .AccountSignInButton .btn-3:before { line-height: 1.7; width: 50px; } .AccountSignInButton .btn-3a { padding: 10px 10px 10px 60px; } #divSignIn { display: inline-block; width: 100%; } #divSignInfo { width: 740px; margin: 0 auto; border-top: 1px solid #ddd; margin-top: 20px; padding-top: 50px; padding-bottom: 20px; display: block; } .divExitingCustomer div .leftColumn { } #divSignInfo #divSignInfoLeft, #divSignInfo #divSignInfoRight { float: left; width: 50%; color: #999; font-size: 19px; line-height: 25px; } #divSignInfo #divSignInfoLeft { padding-right: 20px; } #divSignInfo #divSignInfoRight { padding-left: 20px; } .wrapper { display: inline-block; width: 100%; padding: 20px 10px 30px 10px; } .ReadLabel { color: #1666AB; text-align: right; display: block; padding-bottom: 7px; padding-top: 7px; font-family: myriad-pro, Arial, Sans-Serif; } .ReadLeft { border-right: 1px solid #ddd; width: 280px; float: left; } .ReadRight { float: left; padding-left: 20px; width: 344px; } .AccountSummaryReadHeader { display: inline-block; text-align: left; margin-left: 50px; } .SummaryText { display: block; padding-bottom: 7px; padding-top: 7px; text-transform: none; font-family: myriad-pro; word-break: break-all; } .smallSizeButton { padding: 0px 10px 0px 50px !important; font-family: futura-pt-condensed; font-size: 20px !important; margin: 0px; width: auto !important; height: 41px; border-radius: 7px; font-weight: 500 !important; min-width: 120px; line-height: 41px; } .smallSizeButtonClear { padding: 0px 10px 0px 25px !important; font-family: futura-pt-condensed!important; font-size: 7px !important; margin: 0px !important; width: 130px !important; height: 41px !important; border-radius: 7px !important; font-weight: 500 !important; min-width: 120px !important; line-height: 41px !important; } .smallSizeButtonJoin { padding: 0px 10px 0px 25px !important; font-family: futura-pt-condensed !important; font-size: 8px !important; margin: 0px !important; width: 140px !important; height: 41px !important; border-radius: 7px !important; font-weight: 500 !important; min-width: 120px !important; line-height: 41px !important; } .smallcloseButton { padding: 0px 10px 0px 50px !important; font-family: futura-pt-condensed !important; font-size: 11px !important; margin: 10px 80px 0px 80px !important; width: auto !important; height: 50px !important; border-radius: 7px !important; font-weight: 500 !important; min-width: 120px !important; line-height: 41px !important; } .icon-close:before { content: "\005A"; vertical-align: middle; text-align: center; } .smallSizeButton.validatorButtonOut { padding: 0px 0px 0px 40px !important; } .smallSizeButton:before { line-height: 1.9 !important; width: 40px; font-size: 22px !important; text-align: center; } .SummaryEditButton { float: left; position: relative; } .buttonOrange { background-color: #F47D30; } .buttonOrange:hover { background-color: #D55914; } .buttonGreen { background-color: #00A31F; } .buttonGreen:hover { background-color: #008E1A; } .buttonRed { background-color: #ca0f0a; } .buttonRed:hover { background-color: #9b0000; } .buttonBlue { background-color: #1666AB; } .buttonBlue:hover { background-color: #104D7F; color: #fff; } .SummaryUpdateCancelButtons { margin-top: 20px; text-align: right; float: right; display: inline-block; width: 310px; } .AccountHorizontalSeparator { border-bottom: 1px solid #ddd; padding-top: 10px; margin-bottom: 30px; } .orderHistory .AccountHorizontalSeparator {border-width: 3px; margin-bottom: 60px;} .AccountMenu { background-color: #E8E8E8; } .menuAccountSummary, .menuAccountSummary ul { width: 100% !important; } .menuAccountSummary ul li a { padding: 10px 0; border-bottom: 1px solid #fff !important; color: #F47D30; padding-left: 6px; padding-top: 12px; } .menuAccountSummary ul li:first-child a { border-top: 1px solid #fff !important; } .Icons { font-family: MGicomoon; font-weight: 500 !important; } .menuAccountSummary ul li a span.Icons span { font-family: futura-pt-condensed; font-size: 15px; font-weight: 700; bottom: 12px; position: absolute; text-transform: uppercase; } div.AccountMenu span.Icons { font-size: 16px; } .menuAccountSummary ul li a.selected:hover { color: #fff; } .menuAccountSummary ul li a:hover { color: #F47D30; } .AccountMenuItem:hover span span { text-decoration: underline; } #divSummaryMenuSpacer { display: block; height: 38px; } .angled-135 { background-color: #DCDCDC; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); -webkit-background-size: 10px 10px; -moz-background-size: 10px 10px; background-size: 10px 10px; } .stripes { height: 50px; width: 100%; padding: 16px 17px 16px 10px; border-top: 1px solid #fff; } .BackToShop { color: #008E1A; text-transform: uppercase; font-size: 21px; font-weight: 500; font-family: futura-pt-condensed; } #divSummaryMenuBack .Icons { color: #008E1A; font-size: 19px; } #lnkBackToShop:hover { color: #008E1A; text-decoration: underline; } #divSummaryMenuLinks { } .AcccountMenuHeader { display: table; width: 100%; } .HeaderText { float: left; font-family: futura-pt-condensed; color: #6D6D6D; font-weight: 500; font-size: 21px; padding: 9px 0px 0px 10px; } .HeaderIcon { float: left; color: #bbb; font-size: 35px; line-height: 31px; padding-left: 23px; } .validatorButtonStyle { padding-top: 13px; } .validatorButtonStyle:before { left: 9px; width: 31px; } .requiredField { font-size: 14px; color: #F47D30; font-weight: 500; } #divSignIn .signUp { width: 50%; float: left; padding-left: 40px; } #divSignIn .loginDiv { width: 740px; margin: 0px auto; } #divSignIn .validationMessage { float: left; line-height: 17px; padding: 6px 0px; } #divSignIn .MGTextboxRequired { width: 240px; float: left; margin-right: 10px; } #divSignIn .spanValid8 { height: 40px; display: inline-block; } #divSignIn .spanValid8 input { background-position-x: 99%; } /*************************************************** ACCOUNT MANAGEMENT END ***************************************************/ /*************************************************** ACCOUNT MANAGEMENT END ***************************************************/ /*************************************************** ACCOUNT MANAGEMENT END ***************************************************/ .OrderQueryText { font-size: 20px; color: #777; line-height: 21px; font-weight: 500; } /*************************************************** CONFIRMATION PAGE START ***************************************************/ /*************************************************** CONFIRMATION PAGE START ***************************************************/ /*************************************************** CONFIRMATION PAGE START ***************************************************/ .ConfirmationPage { margin-top: 20px; } .ConfirmationPage .Text { font-size: 19px; line-height: 22px; margin: 20px 0px; } .ConfirmationPage .Header { font-family: futura-pt-condensed; font-size: 38px; display: block; font-weight: 700; line-height: 38px; color: #0863a7; } .ConfirmationPage .OrderNumber { color: #E76600; font-family: futura-pt-condensed; font-size: 38px; line-height: 38px; font-weight: 500; } .ConfirmationPage .OrderNumber span { color: #0863a7; } .ConfirmationPage .SecondHeader { font-family: futura-pt-condensed; font-size: 38px; line-height: 38px; font-weight: 500; } .ConfirmationPage .Link { color: #E76600; text-decoration: none; } .ConfirmationPage .Link:hover { text-decoration: underline; } .ConfirmationPage .Footer { margin-top: 30px; border-top: 1px solid #ccc; padding-top: 30px; } /*************************************************** CONFIRMATION PAGE END ***************************************************/ /*************************************************** CONFIRMATION PAGE END ***************************************************/ /*************************************************** CONFIRMATION PAGE END ***************************************************/ .ErrorMessageBox { font-size: 17px; line-height: 22px; color: #c10000; border: 5px solid #BBB; background-color: #f2f2f2; padding: 20px; width: 307px; margin-top: 20px; } .ErrorMessageBox .link { color: #F16022; font-weight: 700; } .ErrorMessageBox .link:hover { text-decoration: underline; } /*************************************************** NEW HEADER START ***************************************************/ /*************************************************** NEW HEADER START ***************************************************/ /*************************************************** NEW HEADER START ***************************************************/ .txtSearch::-webkit-input-placeholder { /* WebKit browsers */ color: #FFF; } .txtSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFF; } .txtSearch::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFF; } .txtSearch:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #FFF; } .hover-menu, .hover-menu-currency, .hover-menu-language { color: #EC6313; position: relative; text-align: left; float: left; line-height: 27px; } .hover-menu li a, .hover-menu-currency li a, .hover-menu-language li a { color: #EC6313; display: block; margin: 4px 15px; cursor: pointer; border-bottom: 1px solid #fff; font-size: 14px; font-family: myriad-pro; } .hover-menu li a:hover span.menu-text, .hover-menu-currency li a:hover span.menu-text, .hover-menu-language li a:hover span.menu-text { text-decoration: underline; } .sub { background: #DBDBDB; position: absolute; z-index: 51; width: 206px; padding: 30px 0 3px; border: 1px solid #ccc; display: none; margin-left: -15px; box-shadow: 0px 0px 5px 0px #ccc; } a.hover-link { font-family: futura-pt-condensed; z-index: 110; cursor: pointer; position: relative; display: block; color: #888; } .sub-options { list-style: none; margin: 0px; padding: 0px; font-size: 11px; } .showDialogCurrency:hover span:nth-child(2), .showDialog:hover span:nth-child(2), .yourAccount:hover span.signin:nth-child(1) span:nth-child(1), .yourAccount:hover > span.signin:nth-child(2) { color: #888 !important; } .showDialogCurrency:hover span:nth-child(1), .showDialog:hover span:nth-child(1), .yourAccount:hover span.signin:nth-child(1) span:nth-child(2) { color: #F47D30; } .headerTopStrip { width: 100%; display: inline-block; height: 27px; position: fixed; z-index: 1000; top: 0; left: 0; background-image: url('/content/images/sprites/TopBar_bg.png'); box-shadow: 0 4px 6px rgba(50,50,50,0.35); } .headerTopStrip .links { float: right; font-family: futura-pt-condensed; font-size: 15px; font-weight: 700; } .yourAccountIcon { float: left; font-size: 29px; line-height: 25px; position: relative; z-index: 100; } .headerTopStrip .links .currency { float: left; padding: 0px 10px; line-height: 27px; width: 169px; } .headerTopStrip .links .language { float: left; line-height: 27px; } .searchWrapper {position:relative;} .textboxBorder { display: inline-block; /*border: 5px solid #fff;*/ /*box-shadow: 0px 0px 5px 0px #ccc;*/ border: 1px solid #ccc; padding: 4px; background-color: #fff; } .txtSearch { width: 275px; height: 40px; border: 1px solid #F47D30 ; background-color: #F47D30 ; padding: 0px 15px 0px 15px; font-size: 25px; font-family: 'futura-pt-condensed'; color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .searchTabHeader { text-align: left; font-family: futura-pt-condensed; font-size: 16px; font-weight: 700; text-transform: uppercase; position: absolute; top: -41px; z-index: 102; background-color: #fff; } .searchTabHeader .border { float: left; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 4px 0px 4px; cursor: pointer; } .searchTabHeader .border:first-child { border-right: none; } .searchTabHeader .border div { color: #fff; padding: 2px; } .searchTabHeader .border div.selected { padding: 3px 2px 1px 2px; } #searchTermsResult { display:none; background-color:#fff; margin-top:42px; text-align:left; text-transform: uppercase; max-height:200px; overflow-y:auto; position: absolute; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: -5px; padding-left: 5px; width: 100%; } #searchTermsResult ul li { padding: 2px; line-height: 1.6; } #searchTermsResult ul li:hover { background-color:#eee; } #searchTermsResult ul li a { display:flex; width:100%; } .searchWrapper .searchBoxes { position: absolute; top: -18px; left: 0px; z-index:101; max-width: 326px; } .searchWrapper .colorBoxes {} .searchWrapper .colorBoxes .orange { background-color: #F47D30; height: 5px; width: 124px; position: absolute; left: 5px; border-bottom: 1px dotted #fff; display: inline-block; } .searchWrapper .colorBoxes .blue { background-color: #0081C6; height: 5px; width: 140px; position: absolute; left: 138px; border-bottom: 1px dotted #fff; display: none; } .searchTabHeader .searchByProductTab { background-color: #F47D30; width: 124px; text-align: center; } .searchTabHeader .searchByOETab { background-color: #0081C6; width: 140px; text-align: center; } .textboxBorder.searchByOENumber { display:none; } .textboxBorder.searchByOENumber .Button {background-color: #0081C6;} .textboxBorder.searchByOENumber .SearchBox input {background-color: #0081C6; border: 1px solid #0081C6;} #headerRight #Left a .box { background-color: #eee; border-radius: 7px; display: inline-block; height: 70px; box-shadow: 0px 0px 5px 0px #ccc; } #headerRight #Left a .box:hover { background-color: #e7e7e7; box-shadow: 0px 0px 5px 0px #c7c7c7; } #headerRight #Left a .box .icon { float: left; font-size: 29px; line-height: 52px; padding: 8px; } #headerRight #Left a .box .text { float: left; font-family: futura-pt-condensed; font-size: 21px; font-weight: 500; margin-top: 15px; line-height: 20px; padding-right: 10px; } .language.hover-menu-language .sub { right: 0; padding-left: 5px; padding-right: 5px; width: 200px; height: 120px; padding-top: 40px; margin-right: -10px; } .headerBorder { float: left; border-left: 1px solid #ccc; margin: 3px 0px 0px 10px; height: 20px; } .hover-menu-currency:hover div.sub, .hover-menu:hover div.sub, .hover-menu-language:hover div.sub { display: block; } /*************************************************** NEW HEADER END ***************************************************/ /*************************************************** NEW HEADER END ***************************************************/ /*************************************************** NEW HEADER END ***************************************************/ /*************************************************** NEW HOMEPAGE START ***************************************************/ /*************************************************** NEW HOMEPAGE START ***************************************************/ /*************************************************** NEW HOMEPAGE START ***************************************************/ .homepageMiddle { display: inline-block; } .centerLeft { width: 308PX; margin: 0px auto; } /*.carReg .symbol { float: left; } .carReg .carRegText { float: left; margin: 0px; width: 224px; height: 73px; font-size: 40px; color: #555; font-family: futura-pt-condensed; font-weight: 500; letter-spacing: 1px; } .carRegBorder { border-bottom: 2px solid #B5B3B1; border-right: 2px solid #B5B3B1; border-top: 2px solid #B5B3B1; border-left: none; }*/ .homepageMiddle .left .carReg .symbol, .preSearchCar .carReg .symbol, .identifyVehicleDialog .symbol { float: left; } .homepageMiddle .left .carReg .carRegText, .preSearchCar .carReg .carRegText, .identifyVehicleDialog .carRegText, .carRegAndDDLs .carReg .carRegText, .shopPage #p2RightCol .carReg .carRegText { float: left; } .carRegAndDDLs .carReg .carRegText { margin: 0px; width: 224px; height: 73px; font-size: 40px; color: #555; font-family: futura-pt-condensed; font-weight: 500; letter-spacing: 1px; } .homepageMiddle .left .carReg .carRegText .carRegTextBoxStyle, .preSearchCar .carReg .carRegText .carRegTextBoxStyle, .identifyVehicleDialog .carRegText .carRegTextBoxStyle { margin: 0px; width: 224px; height: 73px; font-size: 40px; color: #555; font-family: futura-pt-condensed; font-weight: 500; letter-spacing: 1px; padding: 0px 5px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 355px; padding: 0px 20px; font-size: 34px; height: 73px; } .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 376px; padding: 0px 20px; font-size: 36px; height: 73px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 297px; padding: 0px 20px; font-size: 27px; height: 73px; } .preSearchCar .carReg .carRegText .carRegTextBoxStyle { width: 376px; padding: 0px 20px; font-size: 50px; } .carRegAndDDLs .carReg > button { width: 110px; min-width: 0px; margin-left: 10px !important; margin-top: 7px !important; } .shopPage #p2RightCol .carRegAndDDLs .carReg > button { width: 107px; min-width: 0px; margin-left: 10px !important; margin-top: 7px !important; } .homepageMiddle .left .carReg .button, .preSearchCar .carReg .button, .identifyVehicleDialog .button { float: left; width: 61px; text-align: center; height: 73px; line-height: 68px; font-size: 32PX; } .homepageMiddle .left .carReg .button .carRegButtonStyle, .preSearchCar .carReg .button .carRegButtonStyle, .identifyVehicleDialog .button .carRegButtonStyle { font-family: futura-pt-condensed; font-weight: 500; position: relative; height: 69px; background-color: #eee; display: inline-block; } .preSearchCar .carReg .button .carRegButtonStyle {height: 73px;} .homepageMiddle .left .carReg .button .carRegButtonStyle:hover, .preSearchCar .carReg .button .carRegButtonStyle:hover, .identifyVehicleDialog .button .carRegButtonStyle:hover { background-color: #F47D30; } .homepageMiddle .left .carReg .button .carRegButtonStyle:hover span, .preSearchCar .carReg .button .carRegButtonStyle:hover span, .identifyVehicleDialog .button .carRegButtonStyle:hover span { color: #fff !important; } .homepageMiddle .left .carReg .button .carRegButtonStyle span:nth-child(1), .preSearchCar .carReg .button .carRegButtonStyle span:nth-child(1), .identifyVehicleDialog .button .carRegButtonStyle span:nth-child(1) { position: relative; top: 2px; } .homepageMiddle .left .carReg .button .carRegButtonStyle span:nth-child(2), .preSearchCar .carReg .button .carRegButtonStyle span:nth-child(2), .identifyVehicleDialog .button .carRegButtonStyle span:nth-child(2) { position: relative; right: 7px; bottom: 1px; } .homepageMiddle .center { float: left; width: 320px; margin: 0px; padding-left: 1px; } .homepageMiddle .right { float: left; width: 330px; margin: 0px; } .homepageMiddle .txt_registration { font-size: 30px; width: 100%; display: inline-block; line-height: 40px; font-family: futura-pt-condensed; } .homepageMiddle .showParts { font-size: 24px; padding: 10px 0px 20px 0px; display: inline-block; font-weight: 500; } .homepageMiddle .showParts > span:nth-child(1) { font-size: 20px; position: relative; top: 1px; } .homepageMiddle a.showParts:hover .text { text-decoration: underline; } .homepageMiddle #tab1Content .homepage-brands li a { text-align: center; text-decoration: none; } .homepageMiddle .satisfied span { font-size: 28px; line-height: 60px; letter-spacing: -0.5px; font-weight: 700; } .homepageMiddle .returnsPolicy div { float: left; line-height: 24px; width: 200px; } .homepageMiddle .returnsPolicy span { margin-left: 7px; float: left; font-size: 50px; margin-top: 16px; } .homepageMiddle #tab3Content .text span { top: 1px; position: relative; } .homepageMiddle .pricePromisse div span { font-family: futura-pt-condensed; font-size: 25px; font-weight: 700; } .makeAndModelDDLs { margin-top:10px; } .makeAndModelDDLs .dropdownStyle { display: inline; float: left; position: relative; } .makeAndModelDDLs .dropdownStyle .selectWrapper { float: left; width: 100%; } .makeAndModelDDLs .dropdownStyle .horizontalThrobber { display: inline-block; height: 8px; width: 100% } .makeAndModelDDLs .ddlLabelStyle { float: left; font-family: futura-pt-condensed; font-size: 30px; font-weight: 500; width: 130px; text-align: right; padding-right: 10px; line-height: 34px; color: #777; } .makeAndModelDDLs .ddlLabelStyle { width: 170px; } .accountPage .makeAndModelDDLs .ddlLabelStyle { width: 150px !important; } .makeAndModelDDLs .ddl { display: inline-block; } .makeAndModelDDLs .dropdownStyle select { font-weight: 500; font-size: 22px; color: #555; padding-left: 5px; border: 1px solid #bbb; } /* Separator between RegPlate or MakeModel Search */ .ORSeparatorTable { display:table; width: 100%; height: 45px; position:relative; margin-bottom: 8px; /*border: 1px solid;*/ } .ORSeparatorTable-Cell { display: table-cell; text-align: center; vertical-align: middle; width:100%; height:auto; z-index:100; } .ORSeparatorLine { border: 1px solid #1570b1;; width: 100%; } .ORSeparatorCenter { width: 80px; height: 45px; position: absolute; top: 0; left: 200px; background: #1570b1; border-radius: 10px; Font:Meriad } .ORSeparatorText { color: #ffffff; font-size: 2.8em; font-family: futura-pt; font-weight: 700; letter-spacing: 1px; position: absolute; top: 15px; left: 214px; } /******************************************************/ .makeAndModelDDLs .dropdownStyle select optgroup { font-family: futura-pt; font-weight: 700; font-size: 20px; font-style: normal; } .makeAndModelDDLs .dropdownStyle select option { font-family: futura-pt; font-weight: 500; font-size: 20px; font-style: normal; } .tabsHeaders .tabHeader { color: #fff; font-family: futura-pt-condensed; width: 106px; float: left; height: 51px; text-align: right; font-weight: 500; font-size: 21px; line-height: 19px; cursor: pointer; padding-right: 4px; text-transform: uppercase; padding-top: 6px; text-shadow: 0 0 4px #A55321; border-bottom: 1px solid #fff; background: #a55321; /* Old browsers */ background: -moz-linear-gradient(left, #a55321 0%, #f47d30 12%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a55321), color-stop(12%,#f47d30)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #a55321 0%,#f47d30 12%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #a55321 0%,#f47d30 12%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #a55321 0%,#f47d30 12%); /* IE10+ */ background: linear-gradient(to right, #a55321 0%,#f47d30 12%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a55321', endColorstr='#f47d30',GradientType=1 ); /* IE6-9 */ } .tabsHeaders .tabHeader:first-child { background: #F47D30; } .tabsHeaders #tab2 { border-left: 1px solid #fff; border-right: 1px solid #fff; width: 106px; } .tabsHeaders .tabHeader.tabSelected { text-shadow: none; border-bottom: none; } .tabsHeaders #tab1.tabHeader.tabSelected { background: #322D28; } .tabsHeaders #tab2.tabHeader.tabSelected { background: #b5b3b1; } .tabsHeaders #tab3.tabHeader.tabSelected { background: #648dbe; } .tabContent { color: #fff; width: 318px; height: 100%; } .homepage-brands { width: 100%; list-style: none !important; margin-top: 10px; border-top: 1px solid #0081C6; display: inline-block; } .homepage-brands li { width: 143px; background: #fff; float: left; padding: 17px 0px; margin: 4px; } .meetTheTeam:hover { text-decoration: underline; } .meetTheTeam { color: #fff; } .meetTheTeamDiv { text-align: left; font-family: futura-pt-condensed; font-size: 20px; display: inline-block; width: 100% !important; font-weight: 700; margin: 10px 0px; padding: 0px !important; } .meetTheTeamDiv { margin-top: 30px; } .homepageMiddle .right .pricePromisse { background-color: #EEEEEE; height: 100%; padding: 30px; font-size: 16px; color: rgb( 125, 125, 125 ); line-height: 20px; padding-top: 76px; } .homepageBottom { margin-top: 9px; } .homepageBottom .left { float: left; width: 649px; } .homepageBottom .left .products div.product-grid { width: 205px; } .homepageBottom .left .products .product-grid:first-child { margin-left: 0px; } .homepageBottom .left .products .product-grid:last-child { margin-right: 0px; } .homepageBottom .left .products div.product-grid > div.product-grid-content > div.product-grid-content-image a img { max-width: 180px; } .homepageBottom .right { float: left; margin-right: 0px; } .homepageBottom .left .products div.product-grid div.product-grid-price div.right { font-size: 74% !important; width: 54%; height: 86px; } .homepageBottom .left .products div.product-grid div.product-grid-price div.right .product-grid-code { font-size: 10px !important; } .homepageBottom .left .products div.product-grid div.product-grid-price div.left { width: 46%; } .homepageBottom .right .latestVideos { margin-top: 10px; } .homepageBottom .right .latestVideos .text { padding: 10px 0px; font-size: 16px; line-height: 20px; } .homepageBottom .right .latestVideos .text a:hover { text-decoration: underline; } .homepageBottom .right .latestVideos ul { list-style: none !important; margin-top: 10px; width: 100%; } .homepageBottom .right .latestVideos ul li { width: 32%; float: left; margin: 1%; text-align: center; } .homepageBottom .right .latestVideos ul li:nth-child(1) {margin-left: 0px;} .homepageBottom .right .latestVideos ul li:nth-child(3) {margin-right: 0px;} .homepageBottom .right .latestVideos ul li .title { text-align: left; } .homepageBottom .right .latestVideos ul li img { width: 100%; } .homepageBottom div.product-grid-free-delivery div.text { font-size: 10px; } .BiggestMoreBest { position: absolute; top: 17px; right: 30px; color: #fff; font-family: futura-pt-condensed; font-weight: 700; text-shadow: 3px -3px 0px #F47D30; text-align: right; display: inline-block; } .MGDude { position: absolute; top: 40px; left: 30px; } .textBoxStyle { position: absolute; top: 135px; left: 35px; box-shadow: 0px 0px 0px 5px rgba(255,255,255,1); border: none; } .DeliveringParts { position: absolute; font-family: futura-pt-condensed; font-weight: 500; top: 50px; left: 100px; font-size: 25px; line-height: 25px; text-shadow: 1px 0 3px #000, 0px 1px 3px #000, -1px 0 3px #000, 0 -1px 3px #000; color: #fff; background-color: transparent; width: auto; letter-spacing: 1px; } .bannerList { position: absolute; font-family: futura-pt-condensed; font-weight: 700; color: #322D28; font-size: 30px; line-height: 30px; right: 23px; bottom: 30px; } .bannerList div { background-color: #F47D30; text-align: right; margin-right: 0px; margin-left: auto; margin-top: 5px; display: inline-block; padding-left: 5px; } .identifyCarText { position: absolute; color: #fff; background-color: rgba(50, 50, 50, 0.7); top: 190px; left: 30px; width: 325px; font-family: futura-pt-condensed; padding: 10px; font-size: 25px; line-height: 25px; font-weight: 700; } .homepageMiddle .left .centerLeft.text { font-size: 17px; color: rgb( 125, 125, 125 ); padding: 150px 0px 20px 0px; line-height: 20px; } .homepageMiddle .center #tab2Content, .homepageMiddle .center #tab3Content { text-align: left; padding: 29px; } .homepageMiddle .center #tab2Content { background-color: #b5b3b1; } .homepageMiddle .center #tab2Content .noHassleReturns { font-size: 39px; font-family: "Futura-pt-condensed"; color: rgb( 255, 255, 255 ); text-transform: uppercase; text-shadow: 0px 0px 5px rgba( 0, 1, 1,0.5 ); font-weight: 500; display: inline-block; margin: 39px 0px 20px 0px; letter-spacing: 1px; } .homepageMiddle .center #tab2Content .satisfied { font-size: 16px; font-family: Myriad-Pro; color: rgb( 255, 255, 255 ); line-height: 20px; letter-spacing: 0.2px; } .homepageMiddle .center #tab2Content .returnsPolicy { font-size: 24px; font-family: "Futura-pt-condensed"; font-weight: 500; color: rgb( 255, 255, 255 ) !important; text-transform: uppercase; text-shadow: 0px 0px 5px rgba( 0, 1, 1, 0.5 ); margin-top: 40px; display: inline-block; width: 100%; text-align: right; } .homepageMiddle .center #tab3Content { background-image: url('/content/images/home-page/BG_Faces.png'); background-repeat: no-repeat; background-position: 0 51px; } .homepageMiddle .center #tab3Content .quote { font-size: 30px; line-height: 29px; font-family: "Futura-pt-condensed"; font-weight: 500; color: rgb( 255, 255, 255 ); margin-top: 40px; } .homepageMiddle .center #tab3Content .text { font-size: 19px; line-height: 20px; font-family: "Futura-pt-condensed"; font-weight: 500; color: rgb( 255, 255, 255 ); margin-top: 13px; } .pricePromisse a.reviews span { font-size: 12px !important; font-family: myriad-pro !important; color: #666 !important; } .returnsPolicy div a:hover { text-decoration: underline; } /*************************************************** NEW HOMEPAGE END ***************************************************/ /*************************************************** NEW HOMEPAGE END ***************************************************/ /*************************************************** NEW HOMEPAGE END ***************************************************/ .closeCookieMessage, .closeCookieMessageIcon { vertical-align: middle; font-size: 16px; } .closeCookieMessage { margin-left:10px } .closeCookieMessage:hover { cursor: pointer; text-decoration: underline; } .closeCookieMessageIcon:hover { cursor: pointer; } .paypalShippingAddressMessage { background-color: #e8e8e8; padding: 20px; margin-bottom: 20px; display: inline-block; } .paypalShippingAddressMessage .title { font-family: futura-pt-condensed; font-size: 30px; text-transform: uppercase; font-weight: 500; } .pay, .pal { font-family: Myriad-Pro; font-size: 24px; font-weight: 900; text-transform: capitalize; } .pay { color: #151839; } .pal { color: #3682cf; } .paypalShippingAddressMessage .text { font-size:16px; color: rgb( 77, 77, 77 ); margin-top: 20px; } .paypalShippingAddressMessage .paypalButton { margin-top: 20px; } .filterchbx input { float: left; } .SearchFilters > .filterchbx label { display: inline-block !important; float: left; line-height: 17px !important; margin-top: 1px; width: 134px; top: 0px; } .filterchbx { display: inline-block; } .ffBanner { width: 100%; display: inline-block; position: relative; text-align: right; height: 140px; } .ffBanner .topText, .ffBanner .bottomText { position: absolute; color: #4c4c4c; font-family: futura-pt-condensed; font-weight: 700; left: 0px; } .ffBanner .topText { font-size: 70px; top: 32px; } .ffBanner .bottomText { font-size: 50px; top: 77px; } .ffBanner .text1, .ffBanner .text2, .ffBanner .text3 { position: absolute; color: #4c4c4c; font-family: futura-pt-condensed; font-weight: 700; } .ffBanner .text1 { left: 0px; font-size: 70px; line-height: 0.8; } .ffBanner .text2 { left: 20px; top: 60px; font-size: 40px; } .ffBanner .text3 {left: 150px; top: 81px; font-size: 70px; letter-spacing: -4px; } .ffBanner .topText.specialOffers { font-size: 40px; font-weight: 700; top: 20px; } .ffBanner .bottomText.specialOffers { font-size: 40px; top: 60px; } .ffBanner .bottomText.offerEnding.specialOffers { font-size: 15px; color: #aaa; top: 90px; } .ffBanner .brandImage { margin-right: 20px; } /*************************************************** PAYMENT DETAILS START ***************************************************/ /*************************************************** PAYMENT DETAILS START ***************************************************/ /*************************************************** PAYMENT DETAILS START ***************************************************/ /*.rightBar { float: left; width: 360px; padding-left: 37px; border-left: #b4b4b4 1px solid; margin-top: 25px; padding-top: 5px; padding-right: 8px; } */ .rightBar { text-align: left; } .rightBar .trustedName { /*display: inline-block; */ } .rightBar .footer-contact-details { font-size: 12px; padding-left: 20px; line-height: 17px; } .rightBar .title { color: #777; font-size: 34px; font-weight: 700; text-transform: uppercase; font-family: futura-pt-condensed; margin-bottom: 20px; line-height: 34px; } .paymentMethodsTabsHeaders { display: inline-block; width: 100%; border-bottom: 1px solid #F47D30; } #divCheckOutPaymentMethods .tabContent > div { float: left; width: 620px; padding-left: 30px; padding-top: 20px; padding-right: 30px; } .paymentMethodsTabsHeaders .tabHeader { color: #fff; font-family: futura-pt-condensed; width: 163px; float: left; height: 59px; font-weight: 500; font-size: 21px; cursor: pointer; border-bottom: 1px solid #fff; background-color: #eee; border-bottom: #F47D30 solid 1px; margin-bottom: -1px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 3%, #eeeeee 3%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(3%,#ffffff), color-stop(3%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 3%,#eeeeee 3%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 3%,#eeeeee 3%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 3%,#eeeeee 3%); /* IE10+ */ background: linear-gradient(to right, #ffffff 3%,#eeeeee 3%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */ } .paymentMethodsTabsHeaders .tabHeader img { position: relative; top: 50%; left: 10px; } .paymentMethodsTabsHeaders .tabHeader.tabSelected { background-color: #fff; border-left: #F47D30 solid 1px; border-top: #F47D30 solid 1px; border-right: #F47D30 solid 1px; border-bottom: #fff solid 1px; background: none; } #divCheckOutPaymentMethods .tabContent { color: #4c4c4c; } .paymentWarningText { font-size: 20px; line-height: 23px; color: #777; margin: 30px 0px; } .paymentDetailsBasketHeader { display: inline-block; margin-top: 15px; padding-top: 10px; background-color: #eee; border-bottom: 1px solid #0081C6; margin-bottom: 30px; } .paymentDetailsBasketHeader .left, .paymentDetailsBasketHeader .right { float: left; display: inline-block; width: 50%; margin: 0px; } .paymentDetailsBasketHeader .right { text-align: right; } .paymentDetailsBasketHeader .left { padding-left: 20px; } .paymentDetailsBasketHeader .left .BasketOverview { font-size: 28px; line-height: 30px; margin-bottom: 10px; font-family: futura-pt; text-transform: uppercase; } .paymentDetailsBasketHeader .left .ReviewMessage { font-size: 20px; line-height: 20px; } #divCheckOutWrapper .showBasketAccordion:hover { cursor: pointer; } #divCheckOutWrapper .showBasketAccordion:hover .accordionText { text-decoration: underline; } #divCheckOutWrapper .showBasketAccordion { display: inline-block; font-family: futura-pt-condensed; font-size: 30px; font-weight: 500; margin-bottom: 20px; margin-top: 13px; padding-right: 20px; } #divCheckOutWrapper .showBasketAccordion .accordionIcon { position: relative; top: 2px; } #divCheckOutWrapper .showBasketAccordion .accordionText { text-transform: uppercase; } #divCheckOutWrapper #divCheckOutItems { display: inline-block; margin-bottom: 30px; } #divCheckOutWrapper #divCheckOutItems .moreDetails, #divCheckOutPaymentMethods .productsTableDE .Name div div { display: none; } #divCheckOutWrapper #divCheckOutItems .OrderAgainButton { display: none; } .paymentMethodsTabsHeaders .creditCardTabLabel { color: #4c4c4c; float: left !important; line-height: 59px; margin-left: 17px; font-family: futura-pt-condensed; font-weight: 500; font-size: 22px; } .paymentDetailsBasketHeader .RevealMessage { font-family:myriad-pro, Arial, Sans-Serif !important; font-size: 20px !important; display: inline !important; } .paymentDetailsBasketHeader .RevealMessage:hover { text-decoration: underline; } .CheckoutSteps .CheckoutStep, .CheckoutSteps .CheckoutStepImage { float: left; width: 100px; font-family: futura-pt-condensed; font-size: 22px; font-weight: 500; line-height: 20px; margin: 0px 16px; opacity: 0.25; filter: alpha(opacity=25); text-transform: uppercase; } .CheckoutSteps .CheckoutStepImage { } .CheckoutSteps .CheckoutStep { margin-top: 5px; } .CheckoutSteps .noOpacity { opacity: 1; filter: alpha(opacity=100); } .CheckoutSteps { display: inline-block; } .paypalAddressConfirmation { margin-bottom: 30px; border: 1px solid #F47D30; } .paypalAddressConfirmation .left, .paypalAddressConfirmation .right { background-color: #eee; float: none; display: table-cell; } .paypalAddressConfirmation .left { width: 100px; text-align: center; } .paypalAddressConfirmation .right { padding: 20px; font-size: 16px; border-left: 1px solid #fff; color: #777; margin-right: 0px; line-height: 19px; } .requiredPaypalAddressConfirmation { margin-bottom: 10px; } .paypal-dialog-confirmation { width: 90%; font-size: 18px; line-height: 1.2; } /*************************************************** PAYMENT DETAILS END ***************************************************/ /*************************************************** PAYMENT DETAILS END ***************************************************/ /*************************************************** PAYMENT DETAILS END ***************************************************/ .ffBannerSmallText { font-size: 40px; } .ffBannerMediumText { font-size: 55px; } .ffBannerLargeText { font-size: 70px; } /*************************************************** DIALOGS START ***************************************************/ /*************************************************** DIALOGS START ***************************************************/ /*************************************************** DIALOGS START ***************************************************/ .dialog-addtobasket-complete, #dialog-addtobasket-pending, .dialog { z-index: 10000; display: none; width: 370px; height: 430px; background-color: #fff; top: 50%; left: 50%; margin-top: -215px; margin-left: -185px; position: fixed; border: 5px solid #828282; box-shadow: 0px 0px 30px 0px #000; } .dialogOverlay, .dialogBackOverlay, .dialogBackOverlayPreSearchCar, .dialogBackOverlaySettings { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9000; background-color: rgba(0,0,0,0.7); display: none; } .dialog-addtobasket-complete .header, #dialog-addtobasket-pending .header, .dialog .header { height: 40px; display: inline-block; width: 100%; background-color: #EDEDED; border-bottom: 1px solid #C6C6C6; padding: 10px; } .dialog-addtobasket-complete .header .text, #dialog-addtobasket-pending .header .text, .dialog .header .text { float: left; color: #777; font-size: 26px; font-weight: 700; line-height: 20px; } .dialog-addtobasket-complete .header .close, #dialog-addtobasket-pending .header .close, .dialog .header .close { line-height: 20px; float: right; font-size: 28px; } .dialog-addtobasket-complete .body, #dialog-addtobasket-pending .body, .dialog .body { height: 300px; padding: 10px; } .dialog .body { font-size: 20px; line-height: 22px; padding: 20px; } .dialog-addtobasket-complete .body .basketIcon { font-size: 90px; height: 200px; line-height: 200px; display: inline-block; } .dialog-addtobasket-complete .body .basketIcon.relatedProductBelow { height: 120px !important; line-height: 120px !important; float: left; } .dialog-addtobasket-complete .body .bottomText { font-size: 21px; text-align: left; line-height: 21px; display: inline-block; margin-bottom: 10px; } #dialog-addtobasket-pending .body .bottomText { font-size: 26px; line-height: 26px; margin-bottom: 30px; margin-top: 100px; text-align: left; } .dialog-addtobasket-complete .button, .dialog .button { padding: 10px; } .dialog-addtobasket-complete .button .continueButton, .dialog .#continueDialogButton { float: left; } .dialog-addtobasket-complete .button .viewBaketButton { float: right; } #closeDialogAddToBasketComplete:hover, #closeDialog:hover { cursor: pointer; } /*************************************************** DIALOGS END ***************************************************/ /*************************************************** DIALOGS END ***************************************************/ /*************************************************** DIALOGS END ***************************************************/ .ProductImagesAndVideos { display: table; text-align: left; background-color: #F6F6F6; border-bottom: 1px solid #F47D30; margin-right: 20px; width: 160px; margin-bottom: 10px; } .ProductImagesAndVideos .LeftIcon { display: table-cell; color: #848484; font-size: 26px; vertical-align: middle; width: 28px; text-align: center; padding-left: 7px; } .ProductImagesAndVideos .Text { display: table-cell; text-align: left; width: 104px; margin-left: 10px; text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; font-size: 16px; line-height: 17px; padding: 10px; } .ProductImagesAndVideos .Text:hover { text-decoration: underline; cursor: pointer; } .viewBundlesButton { height: 54px; line-height: 20px; text-align: left; font-size: 16px !important; width: 166px; padding-left: 45px !important; padding-right: 5px !important; background-color: #e4e4e4; color: #F47D30; } .viewBundlesButton:before { line-height: 54px !important; text-align: center !important; color: #fff; } .viewBundlesButton:hover { background-color: #dedede !important; } /* presearch */ .preSearch .resultMessage { font-size: 27px; line-height: 30px; display: inline-block; color: #656565; margin-bottom: 10px; } .preSearch .resultMessage.identifiedCar {font-size: 35px;line-height: 38px;display: inline-block;margin-bottom: 20px;margin-top: 20px;} .preSearch .selectCategory, .preSearch .step2 { background-color: #F3F3F3; margin-bottom: 20px; } .preSearch .selectCategory > div {margin-top: 20px;} .preSearch .chooseCarOut.middle { width: 310px; margin: 0px auto; } .preSearch .title, .preSearchCar .title, .noPartsForCar .title { font-size: 35px !important; display: inline-block !important; font-family: futura-pt-condensed !important; font-weight: 700 !important; line-height: 35px !important; text-transform: uppercase !important; background: transparent; letter-spacing: 0px; padding: 0px !important; } .preSearch .rightImageBarBottom .title { font-size: 41px !important; padding-top: 30px !important; } .preSearch .rightImageBarBottom .rightBar { width: 410px; border-left: 1px solid #0081C6; margin-top: 0px; background-color: #E8E8E8; } .carCategoriesCtrl ul.categoriesList, .carCategoriesCtrl ul.categoriesListNonFiltered { list-style: none !important; font-family: futura-pt-condensed; font-size: 23px; line-height: 24px; font-weight: 500; } .carCategoriesCtrl ul.categoriesListNonFiltered { font-size: 19px; line-height: 20px; text-transform: uppercase; overflow-y: hidden; } .carCategoriesCtrl ul.categoriesListNonFiltered.identifiedCar {margin-top: 30px;} .carCategoriesCtrl ul.categoriesList li, .carCategoriesCtrl ul.categoriesListNonFiltered li { display: inline-block; width: 100%; line-height: 22px; padding: 4px 0px; } .carCategoriesCtrl ul.categoriesList li span, .carCategoriesCtrl ul.categoriesListNonFiltered li span { float:left } .carCategoriesCtrl ul.categoriesList li a, .carCategoriesCtrl ul.categoriesListNonFiltered li a { float: none; text-transform: uppercase; width: 100%; display: table-cell; } .carCategoriesCtrl ul.categoriesList li:hover a, .carCategoriesCtrl ul.categoriesListNonFiltered li:hover a { text-decoration: underline; } .carCategoriesCtrl ul.categoriesList span.Icons, .carCategoriesCtrl ul.categoriesListNonFiltered span.Icons { position: relative; float: none; display: table-cell; vertical-align: middle; } .preSearch .text-input { margin: 10px 0px !important; border: 1px solid; border-color: #bbb; font-size: 17px; padding: 3px; width: 90%; } .preSearch .category:hover { text-decoration: underline; cursor: pointer; } .preSearch .chooseCar select, .preSearch .chooseCar select option { font-size: 30px; font-family: futura-pt-condensed; font-weight: 500; width: 308px; color: #4c4c4c; margin-bottom: 5px; } .preSearch .chooseCar select option { margin-bottom: 0px; } .preSearch .EnterCarRegText { font-size: 18px; margin: 20px 0px; line-height: 22px; } .preSearch .ClearThisCarButton { width: 180px !important; } .preSearch .txt_registration.clickable { display: none; } .preSearch .field.field_car { float: left; } .SearchRefineResults { font-size: 24PX; font-weight: 700; color: #828282; border-bottom: 1px solid #828282; padding-bottom: 5px; font-family: futura-pt-condensed; margin-top: 17px; } .preSearch .txt_registration .carNameTitle, .noPartsForCar .txt_registration .carNameTitle, .quickSearchCars .txt_registration .carNameTitle { display: table-cell; font-size: 30px; color: #F47D30; padding-left: 10px; } .preSearch .txt_registration.title, .noPartsForCar .txt_registration.title, .quickSearchCars .txt_registration.title {font-size: 30px !important; display: table-cell !important; width: auto; white-space: nowrap;} .preSearch .txt_registration.title:after, .noPartsForCar .txt_registration.title:after, .quickSearchCars .txt_registration.title:after { content: ":"; } .preSearch .ShowAllPartsButton { display: inline-block; } .preSearch .actionButtons button, .noPartsForCar .actionButtons button, .quickSearchCars .actionButtons button { width: 100%; margin-bottom: 10px; } .preSearch .carRegPartsLookupLeft, .noPartsForCar .carRegPartsLookupLeft, .quickSearchCars .carRegPartsLookupLeft {display: table-cell; vertical-align: middle;} .preSearch .carRegPartsLookupRight, .noPartsForCar .carRegPartsLookupRight, .quickSearchCars .carRegPartsLookupRight {display: table-cell; vertical-align: middle;} .preSearch .bottom .left .cellContent, .noPartsForCar .bottom .left .cellContent, .quickSearchCars .bottom .left .cellContent { width: 300px; } /******************************************************************************/ /* NO PARTS FOR CAR SECTION ON THE SEARCH PAGE - START */ /******************************************************************************/ .noPartsForCar { margin-left: -20px; } .noPartsForCar .bottom, .preSearch .bottomWrapper .bottom { display: table; /*width: 800px;*/ background-color: #F3F3F3; width: auto; } .noPartsForCar .bottom .left, .preSearch .bottom .left { display: table-cell; float: none; margin-left: 120px; padding: 20px 30px 20px 30px; border-right: 1px solid #0081C6; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); background: -o-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); background: -ms-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); background: linear-gradient(135deg, #ffffff 0%,#e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 ); } .noPartsForCar .bottom .right, .preSearch .bottom .right { float: none; padding: 20px; padding-left: 40px; } .preSearch .bottom .right .carCategoriesWrapper {margin-top: 10px;} .noPartsForCar .bottom .right .cellContent { } .noPartsForCar .bottomWrapper, .preSearch .bottomWrapper { background-color: #F3F3F3; width: 100%; } .preSearch .notGermanTrustWrapper {display: inline-block; border-top: 1px solid #0081C6;} .preSearch .notGermanTrustWrapper .leftColumn {float: left; width: 570px; margin: 0px; padding: 30px;} .preSearch .notGermanTrustWrapper .rightImageBarBottom {float: left} .noPartsForCar ul.categoriesList, .carCategoriesCtrl ul.categoriesList { list-style: none !important; font-family: futura-pt-condensed; font-size: 27px; line-height: 30px; font-weight: 500; background-color: white; padding: 10px 20px 10px 10px; height: 300px; min-width: 400px; } .carCategoriesCtrl ul.categoriesList { background-color: transparent; min-width: 100%; padding: 0px 20px; height: 100%; } .preSearch .ourTopBrandsTitle { font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 700; font-size: 28px; margin-bottom: 10px; margin-top: 30px; } .noPartsForCar ul.categoriesList li:hover a { text-decoration: underline; } .noPartsForCar ul.categoriesList span.Icons { position: relative; top: 2px; } .noPartsForCar .txt_registration.title { margin-left: 0px !Important; } .noPartsForCar .ClearThisCarButton { width: 180px !important; } .noPartsForCar .field_car { float: left; } .noPartsForCar .title { font-size: 45px; display: inline-block; font-family: futura-pt-condensed; font-weight: 700; line-height: 50px !important; text-transform: uppercase; } .noPartsForCar .apologies { text-transform: uppercase; font-weight: 700; font-size: 50px; line-height: 50px; margin: 20px 0px; } .noPartsForCar .weDontHave, .noPartsForCar .chooseAnotherCategory { font-size: 25px; line-height: 30px; } .noPartsForCar .chooseAnotherCategory { margin-bottom: 40px; } .noPartsForCar .txt_registration.clickable { display:none; } .noPartsForCar .text-input { margin: 10px 0px 10px 0px !important; border: 1px solid; border-color: #bbb; font-size: 17px; padding: 3px; width: 90%; } /******************************************************************************/ /* NO PARTS FOR CAR SECTION ON THE SEARCH PAGE - END */ /******************************************************************************/ /******************************************************************************/ /* PRESEARCHCAR - START */ /******************************************************************************/ .preSearchCar .selectedModel .selectThisModel span:first { position: relative; top: 2px; } .preSearchCar .selectedModel:hover .selectThisModel span:nth-child(2) { text-decoration: underline; } .preSearchCar .selectedModel:hover { cursor: pointer; } .preSearchCar .chevron { position: relative; top: 2px; line-height: 24px; left: 5px; } .preSearchCar .carReg { display: inline-block; } .preSearchCar .divCarRegFailure { text-align: left; display: inline-block; border: none; padding: 20px 0px; } div.preSearchCar > div.banner { height: 120px; margin-bottom: 20px; border-bottom: 1px solid #F47D30; } div.preSearchCar > div.banner > img { height: 120px; } .preSearchCar .left, .preSearch > .wrapper > .left { float: left; width: 560px; padding: 40px 20px; } .preSearchCar .right, .preSearch > .wrapper > .right { float:left; background-color: #E8E8E8; width: 420px; border-left: 1px solid #0081C6; } .preSearchCar .wrapper, .p2Content .p2RightCol, .preSearch > .wrapper { background-color: #F3F3F3; padding: 0px; } .preSearchCar { margin-bottom: 20px;display: inline-block; } .preSearchCarCampaign {float:left; clear:both; width:100%; text-align:center;max-width: 100%;} .preSearchCarCampaign img { width: 100%; } .preSearchCar .right .top, .preSearch .right .top { border-bottom: 1px solid #0081C6; padding: 40px 40px 0px 40px; background-color: #dddddd; } .preSearchCar .right .bottom, .preSearch .right .bottom { padding: 0px 30px 40px 29px; display: inline-block; } .preSearchCar .right .bottom .rightBar, .preSearch .right .bottom .rightBar { border-left: none; padding: 0px; } .preSearchCar .right .bottom .rightBar div.trustedName > div.title, .preSearch .right .bottom .rightBar div.trustedName > div.title { font-size: 40px !important; margin-bottom: 15px !important; } .preSearchCar .banner { margin: 0px auto; } .preSearchCar .right .bottom .rightBar .ContactText, div.preSearchCar > div.wrapper > div.right > div.bottom > div > div:nth-child(7), div.preSearchCar > div.wrapper > div.right > div.bottom > div > div.title, #bodyCenterContent > div.preSearchCar > div.wrapper > div.right > div.bottom > div > br:nth-child(5), #bodyCenterContent > div.preSearchCar > div.wrapper > div.right > div.bottom > div > br:nth-child(6) { display:none !Important; } .preSearch .right .bottom .rightBar .ContactText, div.preSearch > div.wrapper > div.right > div.bottom > div > div:nth-child(7), div.preSearch > div.wrapper > div.right > div.bottom > div > div.title, #bodyCenterContent > div.preSearch > div.wrapper > div.right > div.bottom > div > br:nth-child(5), #bodyCenterContent > div.preSearch > div.wrapper > div.right > div.bottom > div > br:nth-child(6) { display: none !important; } .preSearchCar .right .image { display: inline-block; width: 100%; background-color: #FFF; height: 240px; position: relative; border: solid 4px #000; } .preSearchCar .right .image .departmentName { font-family: futura-pt-condensed; font-weight: 700; font-size: 70px; line-height: 53px; color: #0081C6; text-transform: uppercase; text-shadow: 2px 2.598px 0px rgba(0, 1, 1, 0.44); } .preSearchCar .right .image .priceFrom { position: absolute; bottom: 0px; right: 0px; font-family: futura-pt-condensed; font-weight: 700; font-size: 30px; line-height: 22px; color: #fff; } .preSearchCar .right .text, .preSearch .text { font-size: 19px; line-height: 19px; color: #656565; margin: 40px 0px; } .preSearch .text { font-size: 16px; color: #a5a5a5; } .preSearch .right .text { margin: 0px; } .preSearch .brandsList { list-style: none !important; margin-bottom: 20px; } .preSearch .brandsList li { background-color: #fff; border: 2px solid #ccc; float: left; margin: 6px; padding: 8px; } .preSearchCar .chooseCar { margin: 10px 0px; } .preSearchCar .chooseCar ul { list-style: none !important; } .preSearchCar .chooseCar ul li { font-size: 22px; line-height: 23px; margin-bottom: 20px; } .preSearchCar .chooseCar ul li > div { display: table } .preSearchCar .chooseCar ul li > div > div {display: table-row} .preSearchCar .chooseCar ul li > div > div > div {display: table-cell; vertical-align: middle;} .preSearchCar .chooseCar ul li a:hover { text-decoration: underline; } .preSearchCar .chooseCar .message1 { font-size: 28px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; line-height: 28px; margin-bottom: 20px; } .preSearchCar .experts:hover { text-decoration: underline; } .preSearchCar .loader { float: left; margin-top: 28px; margin-left: 10px; } .preSearchCar .enterInfo { font-size: 23px; line-height: 23px; color: #777; margin-top: 10px; display: inline-block; } .preSearchCar > div > div > .label { font-size: 19px; line-height: 19px; color: #777; margin-top: 25px; border-top: 1px solid #0081C6; padding-top: 20px; margin-bottom: 20px; } /******************************************************************************/ /* PRESEARCHCAR - END */ /******************************************************************************/ .CarModelSelectionDialog { width : 80%; /*890*/ } .CarModelSelectionDialog .carModelSelectorDiv, .selectedModel { float: left; width: 400px; padding: 5px; font-family: futura-pt-condensed; font-size: 21px; font-weight: 500; line-height: 22px; text-transform: uppercase; } .CarModelSelectionDialog .header .text { text-transform: uppercase; } .CarModelSelectionDialog .carModelSelectorDiv > div { display: inline-block; border-bottom: 1px solid #ccc; } .CarModelSelectionDialog .selectThisModel {} .CarModelSelectionDialog .carModelSelectorDiv:nth-child(2n+1) { border-right: 1px solid #ccc; margin-right: 10px; padding-right: 20px; } .CarModelSelectionDialog .innerBody { vertical-align: top !important; } .CarModelSelectionDialog .carModelSelectorDiv:hover { cursor: pointer; } .CarModelSelectionDialog .carModelSelectorDiv:hover .selectThisModel span:nth-child(2) { text-decoration: underline; cursor: pointer; } .carModelSelectorDiv .image, .selectedModel .carImage { float:left; } .carModelSelectorDiv .label, .selectedModel .label { float: left; width: 200px; text-align: left; margin-left: 20px; } .carModelSelectorDiv .carName, .selectedModel .carName { color: #3c3c3c } .carModelSelectorDiv .dateFrom .dateLabel, .carModelSelectorDiv .dateTo .dateLabel, .selectedModel .dateFrom .dateLabel, .selectedModel .dateTo .dateLabel { color: #7c7c7c; float: left; width: 80px; } .txt_registration .label { width: 58px; display: inline-block; text-align: right; margin-right: 10px; } .txt_registration .engine .content { text-transform: initial !important; } .preSearch .txt_registration, .preSearchCar .txt_registration, .noPartsForCar .txt_registration, .quickSearchCars .txt_registration { font-family: futura-pt-condensed; font-weight: 500; font-size: 20px; font-size: 22px; line-height: 22px; } .preSearchCar .txt_registration .carName { font-size: 30px; line-height: 30px; margin-bottom: 20px; } .noPartsForCar .txt_registration .carName, .preSearch .txt_registration .carName, .quickSearchCars .txt_registration .carName { display: none; } .preSearchCar .txt_registration .engine { margin-top: 10px; } /******************************************************************************/ /* SEARCH - BEGIN */ /******************************************************************************/ .searchPage {display: table;} .searchPage .textBoxStyle { position: inherit; margin: 40px 0px 50px 0px; border: 5px solid #fff; box-shadow: 0px 0px 5px 0px #ccc; } .searchPage .breadcrumbs span { cursor: pointer; } .searchPage .breadcrumbs span:hover { text-decoration: underline; } .searchPage .checkBoxList { overflow-y: auto; max-height: 500px; width: 100%; } .searchPage .checkBoxList { width: 100%; } .searchPage .SearchFilters { background: linear-gradient(#fff 45%, #eaebea 100%); } .searchPage .SearchFilters label { color: #F47D30; /*width: 89%; display: inline-block; position: relative; top: -3px;*/ } .searchPage .SearchFilters { padding: 4px 0px; } .searchPage .SearchFilters label:hover { text-decoration: underline; color: #0863a7; cursor: pointer; } /* .searchPage .SearchFilters input { margin: 3px 3px 3px 0px; height: 100%; }*/ .searchPage .SearchFilters input:hover { cursor: pointer; } .searchPage .SearchFiltersHeader { border-bottom: 1px solid #0081C6; text-transform: uppercase; font-size: 19px; font-weight: 700; padding-bottom: 5px; padding-top: 10px; color: #666; font-family: futura-pt-condensed; margin-bottom: 5px; display: inline-block; width: 100%; } .searchPage .SearchFiltersHeader .title { float: left; display: inline-block; width: 120px; } .searchPage .search_center > span, .searchPage .search_center > a { font-family: futura-pt-condensed; color: #F47D30; width: auto; display: inline-block; text-align: center; border-left: 1px solid #F47D30; min-width: 22px; height: 20px; line-height: 20px; } .searchPage .search_center .search_link_selected { background-color: #F47D30; color: #fff; border: none; } .searchPage .search_center .first, .searchPage .search_center .previous, .searchPage .search_center .next, .searchPage .search_center .last { border: none; } .searchPage .search_center a:nth-last-child(2) { border-right: 1px solid #F47D30; } .searchPage .search_center .pagerTip { letter-spacing: -15px; } .searchPage .topBar { font-family: futura-pt-condensed; font-size: 17px; font-weight: 700; line-height: 22px; background-color: #F5F5F5; display: inline-block; width: 100%; padding: 7px; margin: 7px 0px; letter-spacing: 0.4px; } .searchPage .topBar { border-bottom: 1px solid #F47D30; } .searchPage .topBar ~ .topBar { border-top: 1px solid #F47D30; border-bottom: none; } .searchPage .topBar .search_center { position: relative; top: -2px; } .searchPage .topBar .search_center .pagerTip { position: relative; top: 2px; margin-left: 2px; } .searchPage .searchFilterLoading { background-image: url('/content/images/sprites/ThrobberBasketAdd.gif'); } .searchPage .clearFilter { float: right; padding-left: 3px; } .searchPage .modelFilterImg { display: block; text-align: center; } .searchPage .SearchInfo { font-family: futura-pt-condensed; font-size: 30px; display: inline-block; font-weight: 500; margin-bottom: 19px; color: #888; margin-top: 10px; } .searchPage .modelGroupFilter { position: relative; cursor: pointer; background-position: center; background-repeat: no-repeat; z-index: 100; } .searchPage .modelGroupFilter img { position: relative; z-index: -1; } .searchPage .chooserVertical { padding: 20px 0px 20px 20px; } .searchPage .chooserVertical ul { list-style: none !important; font-size: 16px; line-height: 18px; } .searchPage .chooserVertical ul li:hover span, .searchPage .chooserVertical ul li span:hover { text-decoration: underline; } .searchPage .chooserHorizontal { padding: 20px 0px; } .searchPage .chooserHorizontal ul li { display: inline-block; width: 196px; padding: 5px; text-align: center; vertical-align: top; } .searchPage .chooserHorizontal ul li:hover span, .searchPage .chooserHorizontal ul li span:hover { text-decoration: underline; } .searchPage .chooserHorizontal ul li .carLabel { display: inline-block; width: 100%; } .searchPage .CarModelMessageStyle { font-size: 30px; line-height: 30px; font-family: futura-pt-condensed; font-weight: 700; margin-top: 20px; display: inline-block; } .searchPage .search_link_active, .searchPage .search_link_pre, .searchPage .search_link_next { cursor: pointer; } .searchPage .stock-alert-request-form { display: none; } .searchPage .viewMoreAttributes { float: right; font-size: 11px; font-weight: bold; cursor: pointer; } .searchPage .noAttributesFound { padding: 10px; border-top: 1px dotted #DDD; margin-top: 20px; } .searchPage #bodyLeft .validationGroup { margin-bottom: 40px; } .productCategories .SearchFiltersHeader { display: none } .productCategories .clearFilter { display: none; } .productCategories .categoriesList ul li input { display: none; } .productCategories label { color: #0081C6 !important; font-family: futura-pt-condensed; font-weight: 500; font-size: 22px; margin-left: 10px; text-transform: uppercase; line-height: 20px !important; } .productCategories .SearchFilters { background-color: transparent !important; } .productCategories .categoriesList { padding-bottom: 5px; } .productCategories .showAllCategories { font-size: 18px; font-family: futura-pt-condensed; font-weight: 500; text-transform: uppercase; background-color: #eaebea; text-shadow: 0 0 1px rgba(0,0,0,0.2); } .productCategories .showAllCategories span.Icons { top: 2px; position: relative; left: 5px; } .productCategories .categoriesList ul li label:hover { text-decoration: none; cursor: default; } .productCategories .categoriesList ul li.listing label { color: #F47D30 !important; margin-left: 0px; font-size: 20px; font-family:myriad-pro, Arial, Sans-Serif; font-size: 14px; } .productCategories .categoriesList ul li.listing span.Icons { position: relative; top: 4px; float: left; } .productCategories .categoriesList ul li.listing label:hover { text-decoration: underline; cursor: pointer; } .productCategories .categoriesListFilter .filter { width: 176px; border: 1px solid #0081C6; margin: 5px 0px 10px 0px; padding: 5px; } .productCategories .checkBoxList { max-height: 200px; } .productCategories .blankSpace { height: 10px; background-color: #eaebea; } /******************************************************************************/ /* SEARCH - END */ /******************************************************************************/ #bodyLeft .txt_registration.title, #bodyLeft .txt_registration { font-family: futura-pt-condensed; font-weight: 500; letter-spacing: 0.3px; } #bodyLeft .txt_registration.title, .productCategories .title, .SearchRefineResults { font-size: 26px; border-bottom: 1px solid #F47D30; line-height: 30px; font-family: futura-pt-condensed; font-weight: 700; color: inherit; padding-bottom: 0px; } .productCategories .title { text-transform: uppercase; margin-bottom: 5px; margin-top: 7px; line-height: 29px; } .SearchRefineResults .close { display: none; } #bodyLeft .txt_registration { font-size: 18px; } #bodyLeft .txt_registration .carName { font-size: 22px; margin-bottom: 10px; } .bottomCarRegShadow { position: relative; top: -3px; } .preSearch .bottomCarRegShadow, .noPartsForCar .bottomCarRegShadow, .homepageMiddle .bottomCarRegShadow { display: none; } a.txt_registration { margin-top: 10px; display: inline-block; } button.ClearThisCarButton { margin-top: 10px !important; } #bodyLeft .validationGroup { background: linear-gradient(#fff 45%, #eaebea 100%); padding: 5px; padding-bottom: 8px; } .homepageMiddle .txt_registration.title { display: none; } .homepageMiddle .txt_registration .label { width: 80px; } .homepageMiddle .txt_registration .date, .homepageMiddle .txt_registration .engine { font-size: 26px; } .homepageMiddle .ClearThisCarButton { font-size: 30px; padding-top: 5px !important; width: 240px !important; } .homepageMiddle .ClearThisCarButton:before { font-size: 30px; } /**************************** ** QUICK SEARCH START ** *****************************/ .quickSearchCars .moreThanOneCar { display: inline-block; padding: 30px; height: 270px; } .quickSearchCars .moreThanOneCarText { font-size: 20px; line-height: 20px; } .quickSearchCars .cars { font-size: 18px; line-height: 40px; padding-top: 20px; } .quickSearchCars .cars .link { font-size: 22px } .noPartsFound { } .noPartsFound .noPartsFoundText { padding: 20px; display: inline-block; line-height: 30px; font-size: 20px; } .noPartsFound .departmentsList { display: block !important; list-style: none !important; } .noPartsFound .departmentsList li { height: auto } .noPartsFound .departmentsList li a span.deptTitleWrapper { height: 146px } .noPartsFound .departmentsList li a { width: 281px; height: 164px; } /**************************** ** QUICK SEARCH END ** *****************************/ /******************************** ** CAR REG PARTS LOOKUP START ** ********************************/ .SetThisCarButton.btn-3:before, .ClearThisCarButton.btn-3:before { line-height: 1.7 !important; width: 40px !important; } .SetThisCarButtonMakeModelPreSearchCar.btn-3:before { line-height: 1.9 !important; } .SetThisCarButton.btn-3:after, .ClearThisCarButton.btn-3:after { position: absolute !important; } .SetThisCarButton, .ClearThisCarButton { margin: 0px !important; padding: 9px 5px 10px 45px !important; width: 100% !important; border-radius: 10px !important; font-size: 21px; font-family: 'Futura-pt-condensed' !important; color: rgb( 255, 255, 255 ) !important; text-shadow: 0px 0px 4px rgb( 196, 71, 0 ) !important; font-weight: 500 !important; height: 47px !important; } .SetThisCarButtonMakeModelPreSearchCar { padding-top: 8px !important; /*width: 190px !important;*/ } .buttonAccountCarSubmit { float: right; display: inline-block; margin-top: 10px; margin-right: 18px; } .SetThisCarButton { background-color: #E76600 !important; } .SetThisCarButton:hover,.SetThisCarButton:active { background-color: #df5000 !important; } .ClearThisCarButton { background-color: #ca0f0a !important; } .ClearThisCarButton:hover,.ClearThisCarButton:active { background-color: #9b0000 !important; } #registration-uk.carRegPartsLookup, #registration.carRegPartsLookup { margin: 10px 0px 10px 0px !important; } .CarRegPartsLookupDDLs .dropdownStyle select { margin: 2px 0px 2px 0px; } .CarRegPartsLookupDDLs .dropdownStyle img { margin: 0px 0px 4px 0px; } .CarRegPartsLookupDDLs div.dropdownStyle select { font-family:myriad-pro, Arial, Sans-Serif; font-size: 16px; width: 176px; } .CarRegPartsLookupDDLs { margin: 12px 0px 12px 0px; } /******************************** ** CAR REG PARTS LOOKUP END **** ********************************/ .checkoutTermsAndConditions { text-align: right; margin-top: 30px; margin-right: 15px; margin-bottom: 40px; float: right; } .checkoutTermsAndConditions span { top: 2px; position: relative; } .checkoutTermsAndConditionsLeft { margin-top: 30px; margin-bottom: 40px; float: left; } .homepageMiddle .SetThisCarButtonMakeModel { padding-top: 5px !important; font-size: 30px !important; } .homepageMiddle .SetThisCarButtonMakeModel.btn-3:before { width: 60px !important; font-size: 30px !important; } .ErrorPaymentDetails { width: 100%; text-align: left; display: inline-block; margin-bottom: 30px; } select.sortitems { font-family: myriad-pro; font-size: 15px; margin: 0px; padding: 0px; } .selectThisModel span:nth-child(1) { position: relative; top: 2px; } .homeNav { font-family: MGicomoon !important; text-transform: lowercase !important; font-weight: 500 !Important; } .homeNav:hover { cursor:pointer; } .hover-menu .sub-options .menu-text, .hover-menu-currency .sub-options .menu-text { font-family: futura-pt-condensed; font-size: 15px; text-transform: uppercase; } .hover-menu .sub-options .Icons, .hover-menu-currency .sub-options .Icons { position: relative; top: 1px; } /**************** SCARCITY START *******************/ /**************** SCARCITY START *******************/ /**************** SCARCITY START *******************/ .products-listing-warning { display: block; margin-bottom: 6px; padding-bottom: 7px; border-bottom: 1px solid; color: #F47D30; margin-left: 2px; /*float:right;*/ } .products-listing-warning-mobile { display: none; margin-bottom: 6px; padding-bottom: 7px; border-bottom: 1px solid; color: #F47D30; margin-left: 2px; /*float:right;*/ } .products-listing-warning .text, .products-listing-warning-mobile .text { bottom: 1px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 700; letter-spacing: 0.6px; padding:0; display:inline-block; line-height: 28px; text-align: left; } .products-listing-warning .text { font-size:16px; width:calc(100% + 40px); margin-left: -20px; } .products-listing-warning-mobile .text { font-size:18px; width:100%; } .products-listing-warning .NUMBER { color: #9B0000; font-size: 26px; } .products-listing-warning .symbol,.products-listing-warning-mobile .symbol { float: left; font-size: 28px; padding-right: 4px; } .products-listing-warning .symbol { line-height: 40px;/*span over 2 lines of text*/ } .product-detail-warning { font-family: futura-pt-condensed; font-weight: 700; font-size: 28px; padding-top: 5px; display: inline-block; float: right; } #ffresulthtml td.product-grid-price div.price, #ffresulthtml .td.product-grid-price div.price { font-size: 37px; text-shadow: 0 0 1px rgba(200,18,0,0.8); } .stock-scarcity-popup { position: absolute; width: 192px; height: 102px; padding: 0px; background: #2376BF; border: #ffffff solid 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); -moz-box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); font-family: 'myriad-pro'; font-size: 26px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: left; line-height: 1; font-weight: 600; /*float: right; */ padding: 4px; display: none; z-index: 10; margin-top: -115px; } .popupMessageDetails { font-size: 16px; font-weight: 200; } .stock-scarcity-popup:after { content: ""; position: absolute; bottom: -20px; left: 76px; border-style: solid; border-width: 20px 20px 0; border-color: #2376BF transparent; display: block; width: 0; z-index: 1; } .stock-scarcity-popup:before { content: ""; position: absolute; top: 98px; left: 73px; border-style: solid; border-width: 23px 23px 0; border-color: #ffffff transparent; display: block; width: 0; z-index: 0; } .stock-scarcity-popup-close { width: 28px; background: #fff; border: 2px solid #666; float: right; border: none; font-family: myriad pro; font-size: 26px; color: red; font-weight: 900; border-radius: 11px; cursor: pointer; width: 25px !important; text-align: center; cursor: pointer; } .basketPage .Quantity .stock-scarcity-popup-close { width: 28px; background: #fff; border: 2px solid #666; float: right; border: none; font-family: myriad pro; font-size: 26px; color: red; font-weight: 900; border-radius: 11px; cursor: pointer; width: 25px !important; text-align: center; cursor: pointer; } #ffresulthtml .stock-scarcity-popup-close { text-align: center !important; } div.product-grid div.product-grid-price .stock-scarcity-popup { /* margin-left: -206px; */ /* margin-top: 80px; */ margin-top: -115px; margin-left: 1%; } #ffresulthtml .stock-scarcity-popup { position: absolute; width: 192px; height: 102px; padding: 0px; background: #2376BF; border: #ffffff solid 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); -moz-box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.57); font-family: 'myriad-pro'; font-size: 26px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: left; line-height: 1; font-weight: 600; float: right; padding: 4px; display: none; z-index: 10; /*margin-top: -90px;*/ margin-top: -115px; /*margin-left: 4%;*/ margin-left:0px; } .prod-buy .stock-scarcity-popup { margin-left: 1%; } .basketPage .stock-scarcity-popup { margin-left: -15px; margin-top: -120px; } .basketPage .popupMessageDetails { font-size: 14px; font-weight: 200; } .basketModalRelatedProduct .stock-scarcity-popup { margin-left: -199px; margin-top: -108px; } .prodDetailsBottom .stock-scarcity-popup { margin-top: -121px; margin-left: -2%; } /**************** SCARCITY END *******************/ /**************** SCARCITY END *******************/ /**************** SCARCITY END *******************/ .clearFiltersDiv, .doneDiv {float: right; display: none; width: 100%;} .clearFiltersDiv { width: auto; } .clearFiltersDiv .clearFilterIcon, .clearFiltersDiv .clearFilters { float: right;} .clearFiltersDiv .clearFilterIcon:hover { cursor: pointer; } .clearFiltersDiv .clearFilters { font-size: 14px; } #ffresulthtml { display: inline-block; position: relative; } #ffresulthtml .overlayStyle { width: 100%; height: 100%; background-color: #fff; z-index: 1; position: absolute; opacity: 0.75; display: none; top: 0px; } .overlay.productListingThrobber { position: fixed; top: 50%; left: 50%; z-index: 1; display: none; /*background-color: #fff; width: 220px; height: 70px; text-align: center; line-height: 78px; border: 2px solid #aaa;*/ } #ffresulthtml div.product-grid-single-h > table, #ffresulthtml div.product-grid-single-h > .table, .oeNumberSearchPage div.product-grid-single-h > table, .oeNumberSearchPage div.product-grid-single-h > .table { margin: 0px; border: 2px solid #ccc; width: 100%; } .bundlesBottom { width: 100%; display: inline-block; border-bottom: 2px solid #ccc; border-left: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bundlesBottomMobile {display: none;} .bundlesBottom .bundlesShow:hover, .bundlesBottom .hideBundles:hover { background-color: #0081C6; cursor: pointer } .bundlesBottom .bundlesShow:hover .blue, .bundlesBottom .hideBundles:hover .blue { color:#fff !important; } .bundlesBottom .bundlesShow.text { width: 100%; display: inline-block; line-height: 30px; padding-top: 10px; padding-left: 20px; font-family: futura-pt-condensed; font-weight: 700; width: 100%; font-size: 28px; } .bundlesBottom .number { font-size: 40px; } .bundlesBottom .bundleDetail { width: 100%; } .bundlesBottom .hideBundles { display: inline-block; text-align: center; width: 100%; line-height: 21px; padding-bottom: 7px; padding-top: 3px; font-family: futura-pt-condensed; font-weight: 700; font-size: 28px; text-transform: uppercase; } .bundlesBottom div.productBundles { border: none; border-bottom: 1px solid #ccc; margin: 0px; padding: 40px 20px; } .bundlesBottom div.productBundles-right { float: right; width: 176px; text-align: right; } .prodDetailsBottom div.productBundles-right { float: right; width: 35%; text-align: right; position: relative; } .bundlesBottom div.productBundles-right .SavingSymbol { font-size: 58px; } .bundlesBottom div.productBundles-right .SavingMessage { } .bundlesBottom div.productBundles-right .price-save {} .bundlesBottom div.productBundles-left { width: 340px; } .bundlesBottom div.productBundles-right > div.SavingSymbol > div.SavingMessage { right: 0px; width: 50px; margin: 0px; padding: 17px 6px 0px 5px; font-size: 13px; } .bundlesBottom .imageAnchor { position: relative; display: inline-block; width: 150px; height: 100px; vertical-align: middle; line-height: 100px; } .prodDetailsBottom .imageAnchor { position: relative; display: inline-block; width: 150px; height: 100px; vertical-align: middle; line-height: 100px; } .prodDetailsBottom .separatePrice, .bundlesBottom .separatePrice { position: absolute; bottom: -3px; right: 5px; } .bundlesBottom .openIcon { font-size: 28px; text-align: center; padding-bottom: 9px; line-height: 11px; margin-top: 3px; } .prodDetailsBottom .separatePrice p, .bundlesBottom .separatePrice p { text-align: right; } .prodDetailsBottom .separatePrice .price, .bundlesBottom .separatePrice .price { font-size: 20px; font-weight: 500; } .prodDetailsBottom .separatePrice .price, .prodDetailsBottom .separatePrice .price-vat, .bundlesBottom .separatePrice .price, .bundlesBottom .separatePrice .price-vat { text-decoration: line-through; line-height: 3px; color: #E6B389; } .prodDetailsBottom .separatePrice .price-vat, .bundlesBottom .separatePrice .price-vat { font-size: 12px; font-weight: 500; } .bundlesBottom div.productBundles-right > p { /*text-align: left !Important;*/ } .bundlesBottom .bundleDetail .productBundleExtra2 { padding: 0px; margin: 0px !important; } .bundlesBottom .bundleDetail .SavingSymbol { width: auto; } .bundlesBottom .bundleDetail .bundlePrice { display: inline-block; text-align: right; } .bundlesBottom .bundlePrice p { margin-bottom: 3px !important; line-height: 16px !important; } .bundlesBottom .bundleDetail .free-delivery { width: 100%; height: 26px !important; } .bundlesBottom .bundleDetail .free-delivery .icon { font-size: 22px; line-height: 22px !important; } .bundlesBottom .bundleDetail .free-delivery .text { font-size: 12px; line-height: 12px !important; } .bundlesBottom .bundleDetail .price-vat { text-align: right; } /**************** CAR CATEGORIES TABS START *******************/ /**************** CAR CATEGORIES TABS START *******************/ /**************** CAR CATEGORIES TABS START *******************/ .categoriesTabs div:hover { cursor: pointer; } .categoriesTabs .carCategoriesTab, .categoriesTabs .genericCategoriesTab { display: table-cell; float: none; padding: 5px 20px; font-family: futura-pt-condensed; font-weight: 700; font-size: 27px; line-height: 27px; background-color: #F47D30; color: #fff; } .productCategories .categoriesTabs .carCategoriesTab, .productCategories .categoriesTabs .genericCategoriesTab { line-height: 15px; font-size: 21px; padding: 5px 8px; text-transform: uppercase; font-weight: 500; } .categoriesTabs .carCategoriesTab { box-shadow: inset -5px -6px 7px -4px rgba(0,0,0,0.4); width: 50%; text-align: center; } .searchPage .categoriesTabs .carCategoriesTab { width: 105px; } .searchPage .noPartsForCar .categoriesTabs .carCategoriesTab { width: 50%; } .categoriesTabsSelected { background-color: #fff !important; color: #0081C6 !important; box-shadow: none !important; border-top: solid 1px #0081C6; } .carCategoriesTab.categoriesTabsSelected { border-left: solid 1px #0081C6; } .genericCategoriesTab.categoriesTabsSelected { border-right: solid 1px #0081C6; } .categoriesTabs .genericCategoriesTab { box-shadow: inset 5px -6px 7px -4px rgba(0,0,0,0.4); width: 50%; text-align: center; } .searchPage .categoriesTabs .genericCategoriesTab { width: 71px; text-align: center; } .searchPage .noPartsForCar .categoriesTabs .genericCategoriesTab { width: 50%; } .categoriesContent .carCategories, .categoriesContent .genericCategories { max-height: 300px; overflow-y: scroll; background-color: #fff; padding: 5px; width: 520px; } .productCategories .categoriesContent .carCategories, .productCategories .categoriesContent .genericCategories, .pnlGroups .categoriesContent .carCategories { max-height: 200px; height: auto; overflow-y: auto; padding: 0px; width: 176px; } div.categoriesList > div > div.categoriesContent > div.carCategories { overflow-y:hidden; } .categoriesContent { display: inline-block; } .searchPage .categoriesContent { top: 3px; position: relative; } .searchPage .noPartsForCar .categoriesContent { top: 0px; } .categoriesList div.categoriesContent > div.genericCategories > ul > li { padding: 3px 0px; display: inline-block; } div.categoriesList > div > div.categoriesContent > div.genericCategories > ul { padding-top: 3px; } .categoriesList div.categoriesContent > div.genericCategories > ul > li:hover a { cursor: pointer; text-decoration: underline; } .categoriesList div.categoriesContent > div.genericCategories > ul > li span { position: relative; top: 2px !important; float:left; } .categoriesList div.categoriesContent > div.genericCategories > ul > li a { text-transform: uppercase; width: 134px; float: left; top: 2px !important; position: relative; } .searchPage div.selectedCategoryName { font-size: 22px; font-weight: 700; font-family: futura-pt-condensed; text-transform: uppercase; display: inline-block; margin: 10px 0px; line-height: 20px; } .productCategories .categoriesContent .genericCategories { background: linear-gradient(#fff 45%, #eaebea 100%); } /**************** CAR CATEGORIES TABS END *******************/ /**************** CAR CATEGORIES TABS END *******************/ /**************** CAR CATEGORIES TABS END *******************/ /**************** RESPONSIVE MODEL SELECTOR START *******************/ /**************** RESPONSIVE MODEL SELECTOR START *******************/ /**************** RESPONSIVE MODEL SELECTOR START *******************/ @media screen and (max-width: 1000px) { .carModelSelectorDiv.odd { float: none; margin-right:0; width:auto; border:0; border-bottom:2px solid #000; } #CarModelSelectionDialog_Dialog { width: 470px !important; margin-left: -235px !Important; overflow-y: scroll; } #CarModelSelectionDialog_Dialog .body { margin: -3px auto; } #CarModelSelectionDialog_Dialog .body .carModelSelectorDiv { border-right: none; border-bottom: none; } #CarModelSelectionDialog_Dialog .header .text { font-size: 17px; } #CarModelSelectionDialog_Dialog .carModelSelectorDiv .label { width: 233px; } } @media screen and (max-height: 640px) { #CarModelSelectionDialog_Dialog { height: 600px !important; margin-top: -300px !important; } #CarModelSelectionDialog_Dialog .body .innerBody.Scrollable { height: 510px !important; } /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 110px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } } /**************** RESPONSIVE MODEL SELECTOR END *******************/ /**************** RESPONSIVE MODEL SELECTOR END *******************/ /**************** RESPONSIVE MODEL SELECTOR END *******************/ /*TECDOC PRODUCT ATTRIBUTES LOADING OVERLAY*/ .loadingAttributesOverlay { opacity:0.6; background: url('/content/images/ajax-loading.gif') no-repeat center; } .dialog-addtobasket-complete .basketModalRelatedProduct, .dialog-addtobasket-complete .relatedProductPopUp {} .dialog-addtobasket-complete .basketModalRelatedProduct .left .dialog-addtobasket-complete .relatedProductPopUp .left { width: 46%; } .dialog-addtobasket-complete .relatedProductPopUp .center {} .dialog-addtobasket-complete .basketModalRelatedProduct .right, .dialog-addtobasket-complete .relatedProductPopUp .right { text-align: right; width: 48%; } .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-image, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-image { text-align: left; } .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-name, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-name { font-size: 16px; text-align: left; line-height: 18px; margin-top: 10px; color: #828282; } .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-save, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-save {} .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-rrp, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-rrp { color: #E9B28C; text-decoration: line-through; } .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-price, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-price { font-size: 27px; line-height: 23px; font-weight: 700; } .dialog-addtobasket-complete .basketModalRelatedProduct #dialog-addtobasket-incVAT, .dialog-addtobasket-complete .relatedProductPopUp #dialog-addtobasket-incVAT {} .dialog-addtobasket-complete .basketModalRelatedProduct .viewProductDetails .dialog-addtobasket-complete .relatedProductPopUp .viewProductDetails { margin-top: 10px; text-align: left; } .dialog-addtobasket-complete .basketModalRelatedProduct .viewProductDetails span .dialog-addtobasket-complete .relatedProductPopUp .viewProductDetails span {} .dialog-addtobasket-complete .basketModalRelatedProduct .viewProductDetails a, .dialog-addtobasket-complete .relatedProductPopUp .viewProductDetails a { font-family: futura-pt-condensed; font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; } .dialog-addtobasket-complete.RelatedProducts { width: 510px; height: 540px; margin-top: -270px; margin-left: -255px; } .dialog-addtobasket-complete.RelatedProducts .body { padding: 20px; } .dialog-addtobasket-complete.RelatedProducts .body.top {border-bottom: 1px dotted #ccc; height: 210px;} .dialog-addtobasket-complete.RelatedProducts .body.top .bottomText {float: left; width: 340px; margin: 20px 0px 20px 30px; margin-bottom: 20px; font-size: 25px; line-height: 27px; color: #828282;} .dialog-addtobasket-complete.RelatedProducts .body.top .button {padding: 0px; width: 340px; float: right;} .dialog-addtobasket-complete.RelatedProducts .body.bottom {height: 210px;} .dialog-addtobasket-complete.RelatedProducts .body.bottom .bottomText {display: inline-block; width: 100%; font-size: 24px; margin-bottom: 30px; font-weight: 700; color: #828282;} .dialog-addtobasket-complete.RelatedProducts .body.bottom .basketModalRelatedProduct {display: inline-block; width: 410px;} /**************** LANDING PAGE START *******************/ /**************** LANDING PAGE START *******************/ /**************** LANDING PAGE START *******************/ #columnLanding { padding: 2px; width: 100%; height: 100%; font-family: futura-pt-condensed; } .landing_span { float: left; margin: 5px; font-family: futura-pt-condensed; } .landing_span_travel { float: left; padding-right: 10px; padding-left: 10px; /* padding-top: 10px; padding-bottom: 10px;*/ font-family: futura-pt-condensed; } .full_span { width: 100%; } .semi_span { width: 479px; } .tri_span { width: 316px; } .category_divider { border-right: 1px solid #16222c; height: 1557px; position: inherit; width: 1px; float: left; margin-top: 5px } .headings { font-size: 52px; letter-spacing: 0px; height: 56px; line-height: 1; } .category { height: 300px; padding: 1px; margin-bottom: 10px; width: 480px; } .category_trispan { height: 205px; padding: 1px; } .category_travel { border-bottom-width: 10px; padding: 1px; width: 960px; padding: 1px; height: 300px; border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 10px; } .category_carcare { height: 460px; width: 480px; padding: 1px; } .category_block { display: inline-block; } .categoryblue { background-color: #2d89bc; } .categorynavy { background-color: #064469; } .categorygrey { background-color: #d3d3d3; } .categorydarkgrey { background-color: #2e2e2e; } .categorygreen { background-color: #4a9249; } .categoryfiller { background-color: #BDA0CB; } .categorywhite { background-color: #FFF; } .categorylightgreen { background-color: #01c088; } .categorymidgreen { background-color: #a2ca35; } .categoryheading { color: #fff; padding-left: 10px; padding-top: 10px; font-size: 40px; font-weight: bold; text-shadow: -2px 2px 0px rgb( 33, 110, 152 ); line-height: 40px; height: 50px; display: inline-block; position:absolute; } .brand_logo_container { color: #fff; height: 100px; } .category_lightgreen_shadow { text-shadow: -2px 2px 0px #00a373; } .category_darkgrey_shadow { text-shadow: -2px 2px 0px #7b3e19; } .category_mid_green_shadow { text-shadow: -2px 2px 0px #657e21; } .shopnow_shadow { text-shadow: -2px 2px 0px #ffffff; } .categoryheading_wrapped { width: 50%; } .categoryheading_fullspan { width: 100%; } .categoryheading_travel { float:left; } .categoryheading_trispan { font-size: 26px; } .categoryheading_pullright { width: 100%; text-align: right; float: right; padding: 0px 10px; } .categorylinksList { margin-right: 10px; height: inherit; display: table-cell; vertical-align: bottom; text-align: right; } .categorylinksListCarCare { margin-right: 10px; height: inherit; display: table-cell; vertical-align: bottom; text-align: right; font-size:18px; text-transform:uppercase; } .landing_shopnow { vertical-align: bottom; /*text-align: right; */ font-size: 40px; font-weight: bold; bottom: 0; position: absolute; margin-bottom: 20px; } span.landing_shopnow.shopnow_button_180.shopnow_button_bottom > .btn, span.landing_shopnow.shopnow_button_340.shopnow_button_bottom > .btn { box-shadow: 0px 0px 10px 0px #696969; } .categorylinks_fullspan { width: 955px; } .categorylinks_semi_span { width: 470px; } .categorylinks_trispan { margin-right: 10px; height: inherit; display: table-cell; vertical-align: bottom; text-align: right; width: 955px; } .transparent_shaded { position: inherit; background: #7f7f7f; background: rgba(0,0,0,0.5); width: 440px; height: 100%; z-index: 10; margin-left: 520px; } .travelcategorylinksList { margin-left: 540px; height: 218px; display: table-cell; vertical-align:middle; text-align: left; } .categorylinksSplitList { width: 50% } .categorylinksList, .categorylinksListCarCare, .travelcategorylinksList > ul { position: inherit; } .categorylinksListCarCare, .categorylinksList > ul > li { font-size:18px; color:#fff; text-align:right; line-height:1.2; font-weight:bolder; } .travelcategorylinksList > ul > li { font-size:20px; color:#fff; text-align:left; line-height:1.2; font-weight:bolder; } .categorylinks_trispan > ul > li { font-size: 16px; color:#fff; text-align:right; line-height:1.2; } .category_background { background-repeat: no-repeat; background-position: left bottom; } .category_brand_background { background-repeat: no-repeat; background-position: left top; background-position: center; } .category_travel_background { background-repeat: no-repeat; } .landing_subheader { line-height: 22px; text-align: left; margin: 10px; font-weight: 500; font-size: 20px; color: #919191; font-size: 16px; line-height: 20px; text-align: left; } .brand-logo-link { display:block; text-indent:-9999px; height: 100px; } .div_link_item:hover span.category_shopnow { text-decoration:underline; } .background_child_travel { background-position-x: 10px; background-position-y: 30px; } .category_h1 { background-color:#ffffff; font-size: 60px; color: #1f69ab; padding: 4px 0 4px 2px !important; line-height: 45px; } .category_h2 { font-size: 46px; } .category_grey { background-color: #c8c1c3; } .category_background_200 { background-size: 200px; position: relative; } .category_background_410 { background-size: 410px; position: relative; } .category_background_320 { background-size: 320px; position: relative; } .category_background_350 { background-size: 350px; position: relative; } .category_background_270 { background-size: 270px; position: relative; } .category_trispan_318 { width:318px; } .shadow_grey { text-shadow: -2px 2px 0px #787475; } .category_height_220 { height : 220px; } .category_height_135 { height : 135px; } .wrapped_240 { width : 240px; display: inline-block ; } .shopnow_button_180 { display: block; margin-left: 180px; } .shopnow_button_340 { display: block; margin-left: 340px; } .shopnow_button_bottom { margin-bottom : 10px; } .category_list_style { list-style-type:none !important; } .landing_backgrounds_OilBrand { background-image: url(/content/images/landing-page/oils/brands.png); } .landing_backgrounds_OilPackSize { background-image: url(/content/images/landing-page/oils/Pack_size.png); } .landing_backgrounds_OilGrade { background-image: url(/content/images/landing-page/oils/grade_viscosity.png); } .landing_backgrounds_OilLubricants { background-image: url(/content/images/landing-page/oils/Additives.png); } .landing_backgrounds_OilServiceParts { background-image: url(/content/images/landing-page/oils/service_parts.png); } .landing_backgrounds_OilServiceTools { background-image: url(/content/images/landing-page/oils/service_tools.png); } .landing_backgrounds_OilFilters { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Filters_Oil-Filters.png); } .landing_backgrounds_OilAndLubricants { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Engine-Oils-and-Lubricants02.png); } .landing_backgrounds_WiperBlades { background-image:url(/content/images/landing-page/service-parts/ServiceParts_WiperBlades.png); } .landing_backgrounds_Batteries { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Batteries.png); } .landing_backgrounds_FuelSystemCleaners { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Fuel-System-Cleaners.png); } .landing_backgrounds_SparkPlugs { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Spark-Plugs.png); } .landing_backgrounds_Bulbs { background-image:url(/content/images/landing-page/service-parts/ServiceParts_Bulbs.png); } .landing_backgrounds_BrakeDiscs { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeDiscs.png); } .landing_backgrounds_BrakePads { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakePads.png); } .landing_backgrounds_BrakeCalipers { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeCalipers.png); } .landing_backgrounds_BrakeCables { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeCables.png); } .landing_backgrounds_ABSSensors { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_ABSSensors.png); } .landing_backgrounds_BrakeDrums { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeDrums.png); } .landing_backgrounds_BrakePadsFittingKits { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakePadsFittingKits.png); } .landing_backgrounds_BrakeHoses { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeHoses.png); } .landing_backgrounds_BrakeMasterCylinders { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeMasterCylinders.png); } .landing_backgrounds_BrakeWearIndicators { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeWearIndicators.png); } .landing_backgrounds_BrakeShoes { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeShoes.png); } .landing_backgrounds_BrakeShoesFittingKits { background-image:url(/content/images/landing-page/brake-parts/BrakeParts_BrakeShoesFittingKits.png); } .landing_backgrounds_CoolantPipe { background-image:url(/content/images/landing-page/cooling-heating/CoolingHeatingParts_Coolant_Pipe.png); } .landing_backgrounds_Thermostats { background-image:url(/content/images/landing-page/cooling-heating/CoolingHeatingParts_Thermostats.png); } .landing_backgrounds_Condensors { background-image:url(); } .landing_backgrounds_Intercoolers { background-image:url(/content/images/landing-page/cooling-heating/CoolingHeatingParts_Intercoolers.png); } .landing_backgrounds_Radiators { background-image:url(/content/images/landing-page/cooling-heating/CoolingHeatingParts_Radiators.png); } .landing_backgrounds_StarterMotors { background-image:url(/content/images/landing-page/electrical-systems/IgnitionParts_Starter-Motors.png); } .landing_backgrounds_IgnitionLeads { background-image:url(/content/images/landing-page/electrical-systems/IgnitionParts_IgnitionLeads.png); } .landing_backgrounds_IgnitionCoils { background-image:url(/content/images/landing-page/electrical-systems/IgnitionParts_IgnitionCoils.png); } .landing_backgrounds_DistributorCaps { background-image:url(/content/images/landing-page/electrical-systems/IgnitionParts_DistributorCaps.png); } .landing_backgrounds_EngineMountings { background-image:url(/content/images/landing-page/engine-parts/EngineParts_EngineMountings.png); } .landing_backgrounds_ERGValves { background-image:url(/content/images/landing-page/engine-parts/EngineParts_ERGValves.png); } .landing_backgrounds_CamShafts { background-image:url(/content/images/landing-page/engine-parts/EngineParts_CamShafts.png); } .landing_backgrounds_BoostPressureSensors { background-image:url(/content/images/landing-page/engine-parts/EngineParts_BoostPressureSensors.png); } .landing_backgrounds_IdleControlValves { background-image:url(/content/images/landing-page/engine-parts/EngineParts_IdleControlValves.png); } .landing_backgrounds_TimingChains { background-image:url(/content/images/landing-page/engine-parts/EngineParts_TimingChains.png); } .landing_backgrounds_WaterPumps { background-image:url(/content/images/landing-page/engine-parts/EngineParts_WaterPumps.png); } .landing_backgrounds_AirFlowMeters { background-image:url(/content/images/landing-page/engine-parts/EngineParts_AirFlowMeters.png); } .landing_backgrounds_Alternators { background-image:url(/content/images/landing-page/engine-parts/EngineParts_Alternators.png); } .landing_backgrounds_CrankshaftPulleys { background-image:url(/content/images/landing-page/engine-parts/EngineParts_CrankshaftPulleys.png); } .landing_backgrounds_TimingBelts { background-image:url(/content/images/landing-page/engine-parts/EngineParts_TimingBelts.png); } .landing_backgrounds_EnginePartsGaskets { background-image:url(); } .landing_backgrounds_ExhaustPartsPipe { background-image:url(/content/images/landing-page/exhaust-parts/ExhaustParts_Pipe.png); } .landing_backgrounds_CatConvert { background-image:url(/content/images/landing-page/exhaust-parts/ExhaustParts_CatConvert.png); } .landing_backgrounds_Silencers { background-image:url(/content/images/landing-page/exhaust-parts/ExhaustParts_Silencers.png); } .landing_backgrounds_LambdaSensor { background-image:url(/content/images/landing-page/exhaust-parts/ExhaustParts_LambdaSensor.png); } .landing_backgrounds_MountingKit { background-image:url(/content/images/landing-page/exhaust-parts/ExhaustParts_MountingKit.png); } .landing_backgrounds_FuelPumps { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_FuelPumps.png); } .landing_backgrounds_FuelPressureSensors { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_FuelPressureSensors.png); } .landing_backgrounds_FuelCaps { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_FuelCaps.png); } .landing_backgrounds_FuelHose { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_FuelHose.png); } .landing_backgrounds_FuelInjectors { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_FuelInjectors.png); } .landing_backgrounds_Cleaner { background-image:url(/content/images/landing-page/fuel-supply/FuelSystemParts_Cleaner.png); } .landing_backgrounds_Gaskets { background-image:url(); } .landing_backgrounds_Switches { background-image:url(); } .landing_backgrounds_Seals { background-image:url(); } .landing_backgrounds_Sensors { background-image:url(); } .landing_backgrounds_HeadLamps { background-image:url(/content/images/landing-page/lamps-mirrors/Lamps_HeadLamps.png); } .landing_backgrounds_BodyParts { background-image:url(/content/images/landing-page/lamps-mirrors/BodyParts_Bumpers.png); } .landing_backgrounds_ShockAbsorbers { background-image:url(/content/images/landing-page/steering-suspension/ShockAbsorbers.png); } .landing_backgrounds_TieRods { background-image:url(/content/images/landing-page/steering-suspension/TieRods.png); } .landing_backgrounds_Wishbones { background-image:url(/content/images/landing-page/steering-suspension/Wishbones.png); } .landing_backgrounds_SteeringBootKits { background-image:url(/content/images/landing-page/steering-suspension/SteeringBootKits.png); } .landing_backgrounds_BallJoints { background-image:url(/content/images/landing-page/steering-suspension/BallJoints.png); } .landing_backgrounds_DriveBelts { background-image:url(/content/images/landing-page/timing-belts/DriveBelts.png); } .landing_backgrounds_TimingBelts { background-image:url(/content/images/landing-page/timing-belts/EngineParts_TimingBelts.png); } .landing_backgrounds_BeltsPulleys { background-image:url(); } .landing_backgrounds_TimingChains { background-image:url(/content/images/landing-page/timing-belts/EngineParts_TimingChains.png); } .landing_backgrounds_TransmissionMountings { background-image:url(/content/images/landing-page/transmission/TransmissionMountings.png); } .landing_backgrounds_CVBootJoints { background-image:url(/content/images/landing-page/transmission/CVBootJoints.png); } .landing_backgrounds_ClutchKits { background-image:url(/content/images/landing-page/transmission/ClutchKits.png); } .landing_backgrounds_ClutchCable { background-image:url(/content/images/landing-page/transmission/ClutchCable.png); } .landing_backgrounds_ClutchCylinder { background-image:url(/content/images/landing-page/transmission/ClutchCylinder.png); } /**************** LANDING PAGE END *******************/ /**************** LANDING PAGE END *******************/ /**************** LANDING PAGE END *******************/ /**************** SHOP PAGE START *******************/ /**************** SHOP PAGE START *******************/ /**************** SHOP PAGE START *******************/ .shopPage .makeAndModelDDLs .ddlLabelStyle { width: auto; text-transform: uppercase; } .shopPage .makeAndModelDDLs .dropdownStyle { width:280px; float: right; } .shopPage .makeAndModelDDLs .dropdownStyle select { width: 280px; } /*.shopPage .loadingBarCarSelection { width: 280px; }*/ .shopPage .makeAndModelDDLs .ddl { float:right; } .shopPage .selectedModel:hover .selectThisModel span:nth-child(2) { text-decoration: underline; } .shopPage .selectedModel:hover { cursor: pointer; } .shopPage h2 { font-size: 45px !important; display: inline-block !important; font-family: futura-pt-condensed !important; font-weight: 700 !important; line-height: 34px !important; text-transform: uppercase !important; background: transparent; letter-spacing: 0px; padding: 0px !important; } .shopPage #bodyCenterContent p { font-size: 23px; line-height: 23px; color: #777; text-align:left !important; display: inline-block; margin: 0px; } .shopPage #newFooterCenter > ul > li > a { font-size: 16px !important; } .shopPage .rightBar { padding: 0px; border: none; margin-top: 0px; width: 330px; text-align: left; margin: 0px auto; float: none; } .shopPage .rightBar .ContactText, .shopPage #p2RightCol > div:nth-child(2) > div > div:nth-child(7), .shopPage #p2RightCol > div:nth-child(2) > div > div.title { display: none !important; } .shopPage #reevoomark_retailer_badge_0 > div > a > span { font-family: myriad-pro, Arial, Sans-Serif !important; } /**************** SHOP PAGE END *******************/ /**************** SHOP PAGE END *******************/ /**************** SHOP PAGE END *******************/ /**************** 404 PAGE START *******************/ /**************** 404 PAGE START *******************/ /**************** 404 PAGE START *******************/ .page404 { display: inline-block; width: 100%; } .page404 .wrapper404 {width: 90%; margin: 0px auto;} .page404 .right { padding-left: 40px; padding-top: 40px; float: none; } .page404 .right .Yikes { font-size: 170px; display: inline-block; font-weight: 700; letter-spacing: 0px; line-height: 140px !important; } .page404 .right .ThisIsEmbarrassing { padding-top: 70px; font-size: 40px; display: inline-block; font-weight: 700; font-family: futura-pt-condensed; } .page404 .right .ErrorPageMessage { font-family: futura-pt-condensed; font-size: 30px; font-weight: 700; line-height: 27px !important; padding-top: 10px; text-align: left !important; } .page404 .right .GetMeOut { padding-top: 40px; } /**************** 404 PAGE END *******************/ /**************** 404 PAGE END *******************/ /**************** 404 PAGE END *******************/ /* accounts controls START */ .divViewAccountControlDetails, .divEditAccountControlDetails, .divViewAccountControlAddress, .divEditAccountControlAddress, .divViewSubscriptionsControl, divEditSubscriptionsControl, .divViewAccountControlCar { display: inline-block; width: 100%; } .divViewAccountControlDetails .SummaryEditButton, .divViewAccountControlAddress .SummaryEditButton, .divViewSubscriptionsControl .SummaryEditButton, .divViewAccountControlCar .SummaryEditButton { display: table-cell; float: none; vertical-align: bottom; text-align: right; } .divEditAccountControlDetails .litEditEmail { padding-bottom: 17px; padding-top: 2px; display: block; } .divEditAccountControlDetails .SummaryUpdateCancelButtons > div { margin-right: 20px; display: inline-block; } .divViewAccountControlAddress, .divEditAccountControlAddress, .divViewAccountControlCar { display: inline-block; width: 100%; } .divViewAccountControlAddress .table, .divViewAccountControlCar .table { display: table; } .divViewAccountControlAddress .table > div, .divViewAccountControlCar .table > div { /* display: table-row;*/ } .divViewAccountControlAddress .table > div > div, .divViewAccountControlCar .table > div > div { /* display: table-cell;*/ } .divViewAccountControlAddress .SummaryEditButton, .divViewAccountControlCar .SummaryEditButton { float: none; } .divSetDeliveryAddressAsBillingAddress { display: table !important; margin-bottom: 10px !important; } .divSetDeliveryAddressAsBillingAddress .ReadLeft, .divViewAccountControlAddress .cbx .readLeft, .divViewAccountControlCar .cbx .readLeft { display: table-cell !important; float: none !important; } .divSetDeliveryAddressAsBillingAddress .ReadLeft label { text-align: left; white-space: nowrap; } .divSetDeliveryAddressAsBillingAddress .ReadRight {display: table-cell !important; float: none !important; width: 90% !important; padding-left: 5px !important; vertical-align: middle;} .divEditAccountControlAddress .divSetDeliveryAddressAsBillingAddress .ReadLeft label { color: #4c4c4c; } .divEditAccountControlAddress .SummaryUpdateCancelButtons > div { margin-right: 20px; } /* .accountPage .delivery-address-box-label { line-height: 1.6; } */ .divViewSubscriptionsControl, .divEditSubscriptionControl { width: 100%; display: inline-block; } .divEditSubscriptionControl .divSubscriptions { display: inline-block; } .divEditSubscriptionControl .divEditMobileNumber { width: 100%; } .divEditSubscriptionControl .SummaryUpdateCancelButtons > div { margin-right: 20px; } .divEditSubscriptionControl .lblEditSignUpOffer { font-size: 12px; display: inline-block; } .divEditSubscriptionControl .lblEditLineSpacer { height: 29px; display: inline-block; } /* accounts controls END */ /*************************************************** BASKET UC START ***************************************************/ /*************************************************** BASKET UC START ***************************************************/ /*************************************************** BASKET UC START ***************************************************/ .BasketUC .BasketProductsTable thead tr, .BasketUC .BasketProductsTable .thead .tr { height: 100%; } .BasketUC .BasketProductsTable .row_itemtemplate { background-color: #F0F0F0; } .BasketUC .BasketProductsTable .Thumbnail .itemCodeDiv { background-color: white; padding-bottom: 10px; } .BasketUC .BasketProductsTable .Name .extraInfo { font-size: 11px; color: #777; } .BasketUC .BasketProductsTable .Price .incVAT { font-size: 14px; padding-bottom: 8px; } .BasketUC .subTotalWrapper { height: 30px; padding-bottom: 50px; padding-top: 20px; } .BasketUC .BasketProductsTable.Voucher { margin-bottom: 30px; } .BasketUC .BasketProductsTable.Voucher thead tr, .BasketUC .BasketProductsTable.Shipping thead tr, .BasketUC .BasketProductsTable.vat thead tr, .BasketUC .BasketProductsTable.Voucher .thead .tr, .BasketUC .BasketProductsTable.Shipping .thead .tr, .BasketUC .BasketProductsTable.vat .thead .tr {height: 100%;} .BasketUC .BasketProductsTable.Voucher tbody tr, .BasketUC .BasketProductsTable.Shipping tbody tr, .BasketUC .BasketProductsTable.vat tbody tr, .BasketUC .BasketProductsTable.Voucher .tbody .tr, .BasketUC .BasketProductsTable.Shipping .tbody .tr, .BasketUC .BasketProductsTable.vat .tbody .tr {background-color: #F0F0F0; height: 60px} .BasketUC .BasketProductsTable.vat {margin-top: 20px;} .BasketUC .BasketBottom .Left {height: 0px; margin-top: 0px;} /*************************************************** BASKET UC END ***************************************************/ /*************************************************** BASKET UC END ***************************************************/ /*************************************************** BASKET UC END ***************************************************/ /********************** RIGHT TRUST BAR START ***********************/ /********************** RIGHT TRUST BAR START ***********************/ /********************** RIGHT TRUST BAR START ***********************/ div.rightBar > div.trustedName > div:nth-child(2) > div > a > span { top: 2px !important; font-family: myriad-pro, Arial, Sans-Serif !important; font-size: 14px !important; line-height: 15px !important; } div.rightBar .reevoo { margin-bottom: 20px; } div.rightBar .goDaddy { float: left; } div.rightBar .realEx { float: left; margin-left: 18px; } div.rightBar .realEx img { width: 140px; } div.rightBar .trustedShops { float: left; margin: 20px 0px; } div.rightBar .handlerbund { float: left; margin: 20px 0px 20px 45px; } div.rightBar .one4All { color: #b4b4b4; } div.rightBar .ContactText.first { margin-bottom: 20px; } div.rightBar .ContactText.second { margin-bottom: 40px; } div.rightBar .ContactText.second .email { color: rgb( 236, 99, 20 ) !important; } /********************** RIGHT TRUST BAR END ***********************/ /********************** RIGHT TRUST BAR END ***********************/ /********************** RIGHT TRUST BAR END ***********************/ /*****************************************************/ /************ account-summary.aspx START *************/ /*****************************************************/ .accountPage { font-size: 20px; } .accountPageLeft { float: left; width: 18%; } .accounPageRight { float: right; width: 80%; } .accountMenuVerticalBar { display: none; } .accountMenuWrapper { display: inline-block; } .divViewAccountControlDetails .data, .divViewAccountControlAddress .data, .divViewSubscriptionsControl .data, .divViewAccountControlCar .data { display: table-cell; float: none; width: 80%; vertical-align: bottom; } .divViewAccountControlDetails .data .readLeft, .divViewAccountControlAddress .data .readLeft, .divViewSubscriptionsControl .data .readLeft, .divViewAccountControlCar .data .readLeft { width: 50%; padding-right: 20px; display: table-cell; min-width: 270px; text-align: right; } .divViewAccountControlDetails .data .readRight, .divViewAccountControlAddress .data .readRight, .divViewSubscriptionsControl .data .readRight, .divViewAccountControlCar .data .readRight { width: 50%; padding-left: 20px; border-left: 1px solid #ddd; display: table-cell; } .divViewAccountControlDetails .table, .divViewAccountControlAddress .table, .divViewSubscriptionsControl .table, .divViewAccountControlCar .table { display: table; width: 100%; } .divViewAccountControlDetails .tr, .divViewAccountControlAddress .tr, .divViewSubscriptionsControl .tr, .divViewAccountControlCar .tr { display: table-row; width: 100%; } .divEditAccountControlAddress .ReadLeft, .divEditSubscriptionControl .ReadLeft { border: none; width: auto; } /***************************************************/ /************ account-summary.aspx END *************/ /***************************************************/ /************************ FLUID DESIGN SITE.MASTER START **************************/ /************************ FLUID DESIGN SITE.MASTER START **************************/ /************************ FLUID DESIGN SITE.MASTER START **************************/ .st-content { background: transparent; overflow: hidden; } .fluid .headerTopStrip > div { width: 1000px; margin: 0px auto; } .fluid .showDialogCurrency { z-index: 50; } .fluid .showDialogCurrency > span.text { float: left } .fluid .showDialogCurrency > span.Icons { float: left; padding-left: 10px; line-height: 28px; font-size: 20px; width: 32px; } .fluid .currency.hover-menu-currency .sub { width: 146px; z-index: 40; margin-left: -15px; } .fluid .Button .btnSearch { color: #ffffff; } .fluid .Button .btnSearch:hover { cursor:pointer; color: #bbb; } .fluid #headerRight .basketContentsWrapper { display: block; font-size: 24px; } .fluid #body { margin-top: 0px; float: none; } .fluid .trustBarWrapper { width: 100%; display: inline-block; border-bottom: 1px solid #fdece0; } .fluid #trustBar .verifySeal { padding-left: 0px } .fluid #trustBar .verifySeal .Icons { padding-right: 2px; } .fluid #trustBar .delivery .text { line-height: 12px; margin-top: 12px; } .fluid #trustBar .delivery .text .ordersOver { font-size: 12px; } .fluid #trustBar .delivery > div { margin-top: 6px; } .fluid #trustBar .returns > span.Icons { font-size: 28px;padding-right: 2px; } .fluid #trustBar .brands > span.Icons { font-size: 32px; padding-right: 0px; } .fluid #trustBar #signup-newsletter { padding-right: 0px } .fluid #bodyTop.sweden { display: inline-block; height: 20px; } .fluid #bodyTop p.sweden { font-size: 12px; line-height: 18px; padding-top: 5px; padding-bottom: 5px; } .fluid #bodyTop p.sweden img { float: left; padding-right: 5px; } .fluid #bodyCenter.twoColumn { width: 82%!important; } .fluid #bodyCenter.oneColumn { width: 100%!important; } .fluid #bodyCenterContent.oneColumn { width: 100%!important; } .fluid #cookieWarningMessage { position: fixed; bottom: 0px; width: 100%; left: 0px; z-index: 1000 } .fluid #cookieWarningMessage .cookieMessageWrapper { vertical-align:middle } #fluidHeader { display: none; } #fluidHeader > div.searchBox { display: none; } #footerFluid { display:none; } #footer { display: inline-block; } .accountMenuWrapper .menuVerticalBar { display: none; } .accountPageRight { width: 80%; float: right; } .accountPageRight h1 {margin-bottom: 30px !important;} /**************************************************/ /************ ProductsTable.ascx START ************/ /**************************************************/ .productsTable { width: 100%; } .BasketProductsTable.Shipping > .tr, .BasketProductsTable.Voucher > .tr, .BasketProductsTable.vat > .tr { background-color: #F0F0F0; } .productsTable .tr { } .productsTable .td { background-color: #F0F0F0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0px; } .productsTable .td.Thumbnail { border-right: none; } .productsTable .td.Thumbnail .image img { max-width: 100%; } .productsTable .innerTd { display: block; height: 100%; } .productsTable .innerTd .header { height: 30px; color: #0863A7; font-size: 1.25em; font-family: futura-pt-condensed; letter-spacing: 1px; font-weight: 700; white-space: nowrap; padding-right: 10px; line-height: 1.25em; background-color: #fff; } .productsTable .line { height: 150px; display: table-cell; vertical-align: middle; } .productsTable .Thumbnail .line { } .productsTable .image { /*background-color: #fff;*/ } .productsTable .itemCode { font-size: 0.7em; text-align: center; color: #777; /*background-color: #fff;*/ } .productsTable .Name .line { color: #999; font-size: 0.8em; padding-left: 10px; padding-right: 5px; } .productsTable .moreDetails { font-family: futura-pt-condensed; font-weight: 700; position: relative; } .productsTable .moreDetails .Icons { position: absolute; top: -1px; } .productsTable .moreDetails a { margin-left: 16px; } .productsTable .OrderAgainButton { } .productsTable .Quantity .lineWrapper, .productsTable .Price .lineWrapper, .productsTable .TotalColumn .lineWrapper { float: right; } .productsTable .Quantity .innerTd, .productsTable .Price .innerTd, .productsTable .TotalColumn .innerTd { } .productsTable .Quantity .line > div, .productsTable .Price .line > div, .productsTable .TotalColumn .line > div { padding: 5px; } .productsTable .Quantity .line { font-size: 3em; color: #777; } .productsTable .Price .line { color: #777; text-align: right; font-family: futura-pt-condensed; font-weight: 700; font-size: 1em; line-height: 0.8em; } .productsTable .Price .line .priceValue { } .productsTable .Price .line .incVAT { font-size: 0.75em; } .productsTable .Price .line .rrp { font-size: 0.8em; margin-top: 10px; } .productsTable .TotalColumn .line { color: #0E7F03; font-family: futura-pt-condensed; font-size: 1.9em; font-weight: 700; } .productsTable .tr:not(:first-child) .innerTd .header { display: none; } /************************************************/ /************ ProductsTable.ascx END ************/ /************************************************/ /*****************************************************/ /************ change_password.aspx START *************/ /*****************************************************/ #divChangePassword .divChangePasswordFieldGroup {width: 100%; display: inline-block;} #divChangePassword .ErrorMessageBox {width: 320px} #divChangePassword .changePasswordButton {margin: 10px 0px;} #divChangePassword .divChangePasswordConfirmation {font-size: 19px; color: #777; line-height: 22px;} #divChangePassword .BackToAccountSummary > span {margin-right: 5px; font-weight: 500;} /***************************************************/ /************ change_password.aspx END *************/ /***************************************************/ /***********************************************************/ /************ account-order-history.aspx START *************/ /***********************************************************/ .orderHistory .divNoRecords {color: #1f69ab; font-size: 24px; font-weight: 700; line-height: 30px;} /*********************************************************/ /************ account-order-history.aspx END *************/ /*********************************************************/ /*************************************************/ /************ order-query.aspx START *************/ /*************************************************/ .orderQuery .OrderHistoryInfo {margin-top: 20px} .orderQuery .formWrapper {margin-bottom: 20px; padding: 0px;} .orderQuery .formWrapper .ddlWrapper { margin-bottom: 10px } .orderQuery .formWrapper .sendFeedbackButton {margin: 20px 0px;} .orderQuery .BackToAccountSummary span {margin-right: 2px; margin-left: 2px; font-weight: 500;} .orderQuery .spanValid8 span { vertical-align: top; display: inline-block; } /***********************************************/ /************ order-query.aspx END *************/ /***********************************************/ /****************************************************/ /************ reset-password.aspx START *************/ /****************************************************/ .resetPassword .BackToLogin { color: #EC6317; font-family: futura-pt-condensed; font-size: 22px; font-weight: 500; } .resetPassword .BackToLogin:hover { color: #EC6317; } .resetPassword .BackToLogin:hover span.text { text-decoration: underline; } .resetPassword .confirmation { font-size: 19px; color: #777; line-height: 22px; } .resetPassword .ContactMicksGarage { color: #F47D30 !important; margin-top: 20px; display: block; font-size: 19px; } .resetPassword .ContactMicksGarage:hover .Text, .underline:hover { text-decoration: underline; } .resetPassword {margin-bottom: 20px} .resetPassword .MainDiv {margin-left: auto; margin-right: auto} .resetPassword .ResetPasswordDescription {font-size: 19px; color: #777; line-height: 22px;} .resetPassword .EmailTextbox {margin: 30px 0px;} .resetPassword .divPasswordResetFailure {width: 100%;margin-bottom: 20px;} .resetPassword .btnSubmitPasswordResetForm {margin-right: 20px} .resetPassword .ResetPasswordSent {color: #1f69ab; font-size: 24px; font-weight: 700; line-height: 30px;} .resetPassword .EmailLiteral {font-size: 25px; margin: 30px 0px 50px 0px;} .resetPassword .ResetPasswordEmailSubject {color: #1f69ab; font-size: 18px;} .resetPassword .SubjectLiteral {font-size: 18px; margin: 20px 0px;} .resetPassword .ResetPasswordPrompt {color: #1f69ab; font-size: 18px; line-height: 22px; margin-bottom: 60px;} /**************************************************/ /************ reset-password.aspx END *************/ /**************************************************/ .accountSummary label.error .formError { font-size: 17px; top: 1px; position: relative; } .accountSummary label.error .formError .Icons { font-size: 24px; position: relative; top: 2px; } .divEditAccountControlDetails .mobilePrompt { font-size: 16px; } #overlayMenu { display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 200; background-color: rgba(0,0,0,0.8); } .menuBlock { display: inline-block; width: 90%; float: left; height: 100%; background-color: #F47D30; overflow-y: auto; position: fixed; top: 0; z-index: 300; left: -95%; max-width: 500px; -webkit-box-shadow: 8px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 8px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 8px 0px 5px 0px rgba(50, 50, 50, 0.3); } body.modal-open { overflow: hidden; } .menuBlock h2 { background-color: #BD5A23; color: white; font-weight: 700; font-size: 34px; line-height: 34px; margin: 0px !important; padding-right: 10px !important; padding-top: 5px !important; } .menuBlock h2 .close {float: right; cursor: pointer;} .menuBlock h2 .close .text { font-size: 18px; color: rgba(255, 255, 255, 0.5); vertical-align: top;} .menuBlock h2 .close .Icons {font-size: 26px;color: #fff;} /******************************************/ /********** NavFluid.ascx START ***********/ /******************************************/ .navFluid { text-align: left; padding-left: 10px !important; } .navFluid .navGroup { display: inline-block; width: 100%; border-top: 2px solid #F29A66; } .navFluid .navGroup > div { padding: 8px 5px; } .navFluid .navGroup span, .navFluid .navGroup a { font-weight: 700; font-size: 25px; line-height: 25px; padding: 0px; color: #fff; display: table-cell; text-transform: uppercase; } .navFluid .navGroup a { font-family: futura-pt-condensed; } .navFluid .navGroup .navSection div { padding: 2px 0px; margin-left: 20px; margin-right: 5px; } .navFluid .navGroup .navSection a { background-color: #444; line-height: 25px; padding: 10px; width: 100%; } .navFluid .navGroup .navSection ul { padding-bottom: 10px; margin-right: 2px; } .navFluid .navGroup .navSection .navItem { margin-left: 60px; margin-right: 5px; padding: 2px 0px; } .navFluid .navGroup .navSection .navItem a { background-color: #fff; color: #444; width: 100%; display: inline-block; } .navFluid .closed { display:none; } /* .navFluid .navGroup:first-child { border-top: none; }*/ .navFluid li.parentItem > div > span.Icons:before { content: "2"; } .navFluid li.parentItem.open > div > span.Icons:before { content: "3"; } /******************************************/ /********** NavFluid.ascx END *************/ /******************************************/ /*************************************************/ /********** CarCategories.ascx START *************/ /*************************************************/ .carCategoriesCtrl .categoriesTabs { width: 520px;} .carCategoriesCtrl .textboxWrapper { width: 520px; display: inline-block; background-color: white; text-align: center; position: relative;} .carCategoriesCtrl .textboxWrapper .clearSearch { cursor: pointer; display: none; font-size: 18px; position: absolute; right: 32px; top: 18px; } .carCategoriesCtrl .carCategoriesCtrl .textboxWrapper .textbox {margin: 0px} /***********************************************/ /********** CarCategories.ascx END *************/ /***********************************************/ /****************************************************/ /********** NewsletterSignUp.ascx START *************/ /****************************************************/ .signUpRequest .signUpContainer .headerText { font-family: futura-pt-condensed; font-weight: 700; font-size: 26px; line-height: 26px; margin-bottom: 10px; text-align:left; } .signUpRequest .signUpContainer .signUpForm { margin: 0px; padding: 0px; text-align:left; } .signUpRequest .signUpContainer .signUpDeals { margin: 0px; padding: 0px; text-align:left; } .signUpRequest .signUpContainer .MGTextboxOptional, .signUpContainer .MGTextboxRequired { padding: 3px; margin-bottom: 5px; } .signUpRequest .dialog { width: 520px; margin-left: -230px; height: 660px; margin-top: -290px; } .signUpRequest .errorBox { width:400px; line-height: 22px; color: #c10000; } .signUpRequest .signUpMessages { text-align:left; } .signUpRequest .riderMessage { text-align:left; float:left; font-size:medium; } @media only screen and (max-width:480px) { table[class=table-newsletter-user-input], td[class=responsiveCell] {width: 60% !important;float: left !important;border-collapse: collapse !important;} td[class=responsiveCell] {display: block !important;mso-cellspacing: 0;} div[class=NewsDescript]{ margin-top: 300px;} } /**************************************************/ /********** NewsletterSignUp.ascx END *************/ /**************************************************/ /****************************************/ /*********** HOMEPAGE START *************/ /****************************************/ .leftChevron:before { color: #F47D30; content: '\0032'; font-family: MGicomoon; vertical-align: bottom; } .leftChevronDown:before { content: '\0033'; } .homepageTop { margin-bottom: 20px; } .homepageTop .table { width: 100%; } .homepageTop .findingMethod { list-style: none; font-family: futura-pt-condensed; font-weight: 700; background-color: #E1E1E1; margin-top: 10px; border-bottom: 2px dotted #F47D30; position: relative; } .homepageTop .findingMethod.shadow {-webkit-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); } .homepageTop .findingMethod > a { width: 100%; padding: 20px 20px 20px 0px; cursor: pointer; display: inline-block; } .homepageTop .findingMethod > a.open, .homepageTop .findingMethod > a.open .leftChevron:before, .homepageTop .findingMethod > a.open .bottom {background-color: #9d9d9d; color: #fff;} .homepageTop .findingMethod > a:hover .top { text-decoration: underline; } .homepageTop .findingMethod > a:hover .top:before { display: inline-block; } .homepageTop .findingMethod .top { font-size: 30px; line-height: 28px; display: block; } .homepageTop .findingMethod .bottom { font-size: 20px; margin-left: 31px; line-height: 20px; color: #777; font-weight: 500; display: block; } .returns-body .title, .homepageTop .left .title, .homepageMiddle .title, .homepageBottom .title { font-size: 30px; font-family: futura-pt-condensed; font-weight: 700; line-height: 28px; } .homepageTop .findingMethods { width: 100%; } .homepageTop .left { width: 46.7%; border-right: 1px solid #e1e1e1; padding-right: 1.5%; display: table-cell; float: none; height: 362px; } .homepageTop .left .mobile { display: none; } .homepageTop .right { width: 49%; text-align: right; position: relative; margin-bottom: 20px; display: table-cell; float: none; } .homepageTop .right img { position: absolute; right: 14px; top: 0px; width: 95%; /*height: 100%;*/ } .homepageTop .right .reevoo { top: 270px; position: absolute; left: 10px; } .homepageTop .right .textboxBorder { position: relative; z-index: 5; left: -13%; border: 5px solid #fff; box-shadow: 0px 0px 8px 4px #bbb; margin-bottom: -37px; padding: 0px; bottom: 60px; } .homepageTop .right .textboxBorder .SearchBox input { width: 250px; font-size: 23px; } .homepageTop .identifyVehicleDialog .carReg { } .homepageTop .identifyVehicleDialog .text { display: inline-block; width: 100%; font-size: 20px; margin: 20px 0px; line-height: 20px; font-weight: 500; font-family:myriad-pro, Arial, Sans-Serif; } .homepageTop .identifyVehicleDialog .button .carRegButtonStyle { } .homepageTop .identifyVehicleDialog .button { width: 61px; } .homepageTop .identifyVehicleDialog .centerLeft { } .homepageTop .identifyVehicleDialog { height: 500px; width: 100%; margin: 0px auto; padding-top: 15px; position: absolute; background-color: #e1e1e1; z-index: 100; -webkit-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); border-bottom: 2px dotted #F47D30; } .homepageTop .identifyVehicleDialog .identifyVehicleDialogInner {width: 351px; margin: 0px auto;} /*.homepageTop .identifyVehicleDialog .loadingBarCarSelection { width: 347px; }*/ .homepageTop .identifyVehicleDialog .carRegText .carRegTextBoxStyle { width: 236px; } .homepageTop .findingMethod .identifiedCar { padding: 5px 10px; display: inline-block; width: 100%; } .homepageTop .findingMethod.identifiedCar { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ffffff 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(135deg, #ffffff 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .homepageTop .findingMethod .identifiedCar .title { font-size: 24px; line-height: 20px; display: table-cell; float: none; width: 105px; } .homepageTop .findingMethod .identifiedCar .title:after { content: ':'; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft { float: left; position: relative; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft img { height: 60px; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft .carName { position: absolute; top: -20px; left: 98px; width: 250px; font-family: futura-pt-condensed; font-weight: 700; color: #F47D30; font-size: 24px; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupRight { margin-top: 5px; margin-left: 4px; display: inline-block; float: left; font-family: futura-pt-condensed; font-size: 20px; } .homepageTop .findingMethod .identifiedCar a { display: none; } .homepageTop .findingMethod .identifiedCar .actionButtons { float: left; width: 100%; display: inline-block; } .homepageTop .findingMethod .identifiedCar .actionButtons button { float: left; margin: 0px 1%; font-size: 17px !important; width: 48%; } .homepageTop .findingMethod .identifiedCar .actionButtons .ShowAllPartsButton { display: block; } .homepageTop .findingMethod .identifiedCar button { height: 40px !important; margin-top: 4px !important; } .homepageTop .findingMethod .identifiedCar .bottomCarRegShadow { display: none; } .homepageTop .searchTextboxDialog { height: 110px; position: absolute; width: 100%; background-color: #e1e1e1; z-index: 100; -webkit-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); box-shadow: 0 8px 6px -4px rgba(50, 50, 50, 0.75); border-bottom: 2px dotted #F47D30; } .homepageTop .searchTextboxDialog .searchWrapper { margin-top: 50px; margin-left: 30px; } .homepageMiddle > .left, .homepageBottom > .left { width: 48.7%; border-right: 1px solid #F47D30; margin-right: 2.3%; } .homepageMiddle .right, .homepageBottom .right { width: 49%; } /*.homepageTop .left .desktop,*/ .homepageTop .left .carRegWrapper, .homepageTop .left .ddlsWrapper { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 12px; box-shadow: 0px 0px 8px 4px #bbb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ffffff 0%,#e9e9e9 100%); /* IE10+ */ background: linear-gradient(135deg, #ffffff 0%,#e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .homepageTop .left .carRegWrapper { margin-bottom: 8px; padding-bottom: 5px; } .homepageTop .left .newCarRegPartsLookup.preSearchCar .horizontalSeparator {border: none; margin-top: 0px; padding-top: 5px;} .newCarRegPartsLookup.preSearchCar .carReg .carRegText .carRegTextBoxStyle, .carRegAndDDLs .carReg .carRegText { width: 295px; } .newCarRegPartsLookup.preSearchCar .carReg .button .carRegButtonStyle { height: 73px; } .newCarRegPartsLookup .makeAndModelDDLs .ddlLabelStyle { width: 150px; } .newCarRegPartsLookup .makeAndModelDDLs .dropdownStyle, .newCarRegPartsLookup .makeAndModelDDLs .dropdownStyle select { width: 288px; } .newCarRegPartsLookup .makeAndModelDDLs .dropdownStyle .selectedModel { display: none !important; } .newCarRegPartsLookup .makeAndModelDDLs .dropdownStyle .select_td_model, .mobile .identifyVehicleDialog .makeAndModelDDLs .dropdownStyle .select_td_model { display: inline-block !important; } /*.newCarRegPartsLookup .makeAndModelDDLs .dropdownStyle .loadingBarCarSelection { width: 287px; }*/ .newCarRegPartsLookup.preSearchCar { margin-bottom: 0px; } .newCarRegPartsLookup.preSearchCar .label { font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 700; font-size: 20px; } .newCarRegPartsLookup.preSearchCar .horizontalSeparator { border-top: 2px solid #F47D30; padding-top: 10px; margin-top: 7px; margin-bottom: 10px; } .homepageTop .left .desktop .title { color: #7F7F7F; border-bottom: 2px dotted #F47D30; padding-bottom: 6px; line-height: 28px; } .homepageTop .left .desktop .bottomCarRegShadow { display: none; } .homepageTop .left .desktop .carRegPartsLookupLeft .carName { color: #0081C6; font-family: futura-pt-condensed; font-size: 40px; font-weight: 700; line-height: 40px; width: 300px; padding-left: 20px; display: table-cell; vertical-align: middle; } .homepageTop .left .desktop .carRegPartsLookupLeft img { width: 130px; display: table-cell !important; } .homepageTop .left .desktop .carRegPartsLookupLeft { display: table; } .homepageTop .left .desktop .carRegPartsLookupRight .label { color: #7F7F7F; font-family: futura-pt-condensed; font-size: 30px; width: 100px; line-height: 30px; } .homepageTop .left .desktop .carRegPartsLookupRight .content { color: #F47D30 !important; font-family: futura-pt-condensed; font-size: 30px; } .homepageTop .left .desktop .actionButtons { display: inline-block; width: 100%; margin-top: 20px; } .homepageTop .left .desktop .actionButtons a { display: none; } .homepageTop .left .desktop .actionButtons button { float: left; width: 46% !important; margin: 0px 2%; } .homepageTop .left .desktop .actionButtons .ShowAllPartsButton { display: block; } .homepageTop .left .desktop .SetThisCarButtonMakeModel { margin-bottom: 0px !important; width: 302px !important; } .homepageBottom .left { padding-top: 10px; border-right: none; padding-right: 2.3%; margin-right: 0%; width: 476px; } .homepageBottom .right { padding-top: 10px; padding-left: 2.3%; width: 51.3%; border-left: 1px solid #0081C6; } .homepageBottom .title {} .returns-banner, .homepageBottom .left .text { font-size: 16px; line-height: 20px; padding: 15px 0px; } .homepageBottom .latestVideos .title {font-size: 14px; line-height: 16px; font-family: myriad-pro, Arial, Sans-Serif; font-weight: 500;} .homepageBottom .mobileTrustBar { display: none; } .homepageTop .banner { margin-top: 20px; } .homepageTop .right .textboxBorder { display: none; } .homepageTop .right .reevoo { display: block; } .homepageTop .mobile .top .textboxBorder {position: absolute; bottom: 30px;} .txt_registration .carNameTitle { display: none; } .homepageBottom .featuredBrand {background-color: #f3f3f3; border-top: 1px solid #F47D30; padding: 20px; margin-top: 10px; margin-bottom: 20px;} .homepageBottom .featuredBrand .departmentsList { list-style: none !important; margin-left: 20px; margin-bottom: 15px; } .homepageBottom .featuredBrand .departmentsList li {margin: 7px 0px;} .homepageBottom .featuredBrand .departmentsList li span {font-size: 18px; display: table-cell; vertical-align: middle;} .homepageBottom .featuredBrand .departmentsList li a {font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; font-size: 21px; display: table-cell; line-height: 18px;} .homepageBottom .featuredBrand .text {padding-top: 0px;} .homepageBottom .featuredBrand img {float: left;margin-right: 20px;} .homepageBottom .featuredBrand .bottomLink {} .homepageBottom .featuredBrand .bottomLink span, .seeAllBrandsDiv > span, .seeAllVideos > span {font-size: 22px; display: table-cell; vertical-align: middle;} .homepageBottom .featuredBrand .bottomLink a, .seeAllBrandsDiv a, .seeAllVideos a {font-family: futura-pt-condensed; font-weight: 700; font-size: 27px; display: table-cell; line-height: 27px;} .homepageBottom .whyUs { background-image: url('/content/images/home-page/WhyMG_Dude.png'); background-repeat: no-repeat; background-position: right center; background-color: #322d28; padding: 20px; background-size: contain; border-top: 1px solid #0081C6; margin-top: 10px; margin-bottom: 20px; } .homepageBottom .whyUs .text {color: #fff; font-size: 15px; line-height: 19px;} .homepageBottom .whyUs .links {margin-top: 20px;} .homepageBottom .whyUs .links div {margin: 5px 0px;} .homepageBottom .whyUs .links span {font-size: 18px;} .homepageBottom .whyUs .links a {text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; font-size: 22px;} /**************************************/ /*********** HOMEPAGE END *************/ /**************************************/ /*******************************************/ /*********** search.aspx START *************/ /*******************************************/ .ShowAllPartsButton {display: none;} .searchPage > .left { width: 176px; display: table-cell; float: none; vertical-align: top; padding-top: 8px; } .searchPage > .right {float: none; width: 100%; display: table-cell; padding-left: 20px; vertical-align: top;} .searchPage > .left .actionButtons a { display: none; } .searchPage > .left .actionButtons .ShowAllPartsButton { display: block; margin-bottom: 10px; } .searchPage > .left .actionButtons button {width: 100%; font-size: 19px !important;} .searchPage > .left > .txt_registration {background: linear-gradient(#fff 45%, #eaebea 100%); padding: 5px; padding-bottom: 8px; font-family: futura-pt-condensed;} .searchPage > .left .txt_registration.title { font-size: 26px; border-bottom: 1px solid #F47D30; line-height: 30px; font-weight: 700; color: inherit; padding-bottom: 0px; font-family: Futura-pt-condensed; } .searchPage > .left .txt_registration .carName { font-size: 22px; margin-bottom: 10px; } .searchPage .left .emptyBlock { background-color: #eaebea; position: relative; top: -3px; } .searchPage .left .categoriesList .emptyBlock { top: 0px; } .searchPage .left .pnlGroups .bottomCarRegShadow { top: -5px; } .searchPage .right .showMoreDetailsProductListing { display: none; } .mobileProdName { display: none; } .searchPage .mobile { display: none; } .searchPage .right .mobileTopBar, .searchPage .right .mobileActionBar { display: none; } div.searchPage > div.pnlGroups > div > div.clearFiltersDiv .mobileClearFilters { display: none;} .searchPagePaging {float: right;text-align: right;padding-right: 7px; top: 2px; position: relative;} .searchPageSolrCampaign {float: left; clear: both; width: 100%; text-align: center;} .searchPageSolrCampaign img { width: 100%; } .searchPageSolrCampaign table { width:100%; border-collapse:collapse; border-spacing:10px; border-color:#FFF; } .searchPageSolrCampaign table tr { text-align:center; } .searchPageSolrCampaign table td { border-style:none; } .searchPageSolrCampaign table tr:nth-child(1) td { text-align:center; font-family:Arial; font-size:24px; line-height:26px; padding:5px; border-style: none; color:#FFF; background-color:#1666ab; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:100%; } .searchPageSolrCampaign table tr:nth-child(n + 1) td > * { -moz-box-shadow: 2px 2px 4px 2px #ccc; -webkit-box-shadow: 2px 2px 4px 2px #ccc; box-shadow: 2px 2px 4px 2px #ccc; background-color:#0071c6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:18px; line-height: 20px; text-decoration:none; text-shadow:0px 1px 0px #999; margin:10px; padding:10px; width: 80%; } .searchPageSolrCampaign table tr:nth-child(n + 1) td:hover > * { background-color:#104d7f; } .searchPageSolrCampaign table tr:nth-child(n + 1) td:active > * { position:relative; top:1px; } .campaignBannerFacet { cursor: pointer; } /*****************************************/ /*********** search.aspx END *************/ /*****************************************/ .actionButtons {margin-top: 10px;} /*************************************************/ /*********** shop/default.aspx START *************/ /*************************************************/ .shopPage #p2Content, #p2Content.shopPage {float:left;} .shopPage .breadCrumbs {margin:10px 0 10px 0;} .shopPage #p2LeftCol {display: table-cell;vertical-align: top;width:55%;background-color: #E8E8E8;border-right: 1px solid #0081C6;padding: 40px 20px;} .shopPage #p2RightCol {width: 45%;background-color: #F3F3F3;display: table-cell;vertical-align: top;} .shopPage #p2RightCol .makeLogo {text-align: center;} .shopPage #p2RightCol > div:nth-child(1) {padding: 40px 20px;border-bottom: 1px solid #0081C6;} .shopPage .regMessage {margin: 20px 0px;} .shopPage .homepageMiddle .left {height:auto;background:none;width:100%;border: none; margin-right: 0px;} .shopPage .carRegTextBoxStyle {width: 367px;} .shopPage .ddlsCarIdentificationDiv {display:inline-block;width:100%;border-top: 1px solid #0081C6;margin: 25px 0 0 0;padding-top:25px;} .shopPage .ddlsCarIdentificationMessage {margin-bottom: 20px;} .shopPage .homepageMiddle .left .carReg .carRegText .carRegTextBoxStyle {width: 305px;} .shopPage #p2RightCol .contactUs {display: none;} .shopPage #p2RightCol .paymentMethods {border-bottom: none;} .shopPage .makeAndModelDDLs .ddlLabelStyle .chevron {font-size: 25px;} .shopPage #p2RightCol .rightImageBarWrapper {padding: 40px 20px;width: 100%;text-align: center;display: inline-block;} .shopPage .campaignBanner {float:left; clear:both; width:100%; text-align:center;} .shopPage .campaignBanner img { width: 100%; } .shopPage #p2LeftCol ul, .carAccessoriesPage .carsList, .carAccessoriesPage .departmentsList {background-color: #fff; padding: 5px; width: 100%;} .shopPage #p2LeftCol ul li, .carAccessoriesPage .carsList li, .carAccessoriesPage .departmentsList li { display: inline-block; width: 100%; padding: 4px 0px; font-weight: 500; border-bottom:1px solid #ccc; } .shopPage #p2LeftCol ul li:last-child, .carAccessoriesPage .carsList li:last-child, .carAccessoriesPage .departmentsList li:last-child { border:none; } .shopPage #p2LeftCol ul li a, .carAccessoriesPage .carsList li a, .carAccessoriesPage .departmentsList li a { font-family: futura-pt-condensed; font-size: 23px !important; text-transform: uppercase; line-height: 22px; color: #3c3c3c !important; float:left; width:100%; } .shopPage #p2LeftCol ul li a span.Icons, .carAccessoriesPage .carsList li a span.Icons, .carAccessoriesPage .departmentsList li a span.Icons {font-size: 19px;float:left;} .shopPage #p2LeftCol ul li a span.underline, .carAccessoriesPage .carsList li a span.underline, .carAccessoriesPage .departmentsList li a span.underline {float:left;} /***********************************************/ /*********** shop/default.aspx END *************/ /***********************************************/ /******************************************************/ /*********** car-parts/default.aspx START *************/ /******************************************************/ .carPartsPage .reevoomark_badge.reevoomark_badge_defaultsmall-rep-overall-15oct12 a.reviews span { line-height: 13px !Important; } .carPartsPage #p2LeftCol > div { overflow-y: scroll; height: 400px; width: 100%; margin: 0 auto; margin-bottom: 40px; } .carPartsPage .filterDeptInput, .carPartsPage .filterMakeModelsInput { width: 100%; font-size: 20px; } .carPartsPage h2, .carAccessoriesPage h2 { background-color: transparent; color: #F47D30; } .carPartsPage .selectedModel, .carAccessoriesPage .selectedModel, .shopPage .selectedModel {width: 100%;} .carPartsPage .selectedModel .carImage img, .carAccessoriesPage .selectedModel .carImage img {width: 50px;} /****************************************************/ /*********** car-parts/default.aspx END *************/ /****************************************************/ /************************************************************/ /*********** car-accessories/default.aspx START *************/ /************************************************************/ .carAccessoriesPage .carsList, .carAccessoriesPage .departmentsList { list-style: none !important; width: 100%; margin-bottom: 20px; } .carAccessoriesPage .carsList {height: 200px; overflow-y: auto;} .carAccessoriesPage .featuredDepartments > ul.depts-m.bestSellers > li { margin: 0px 2px 4px 2px; } .carAccessoriesPage .panelWrapper {display: inline-block; width: 100%; background-color: #E8E8E8; padding: 40px 20px;} .carAccessoriesPage .filterCarsInput, .carAccessoriesPage .filterDepartmentsInput {width: 100%; font-size: 20px} .carAccessoriesPage .price-save {font-size: 14px !important; line-height: 16px !important;} .carAccessoriesPage .featuredDepartments {display: inline-block;} .carAccessoriesPage .rightImageBarWrapper .tile, .quickSearchCars .carAccessories .tile {display: inline-block; width: 216px; background-color: #F47D30; height: 170px; position: relative; border: solid 4px #000; float: left !important; margin: 1%; text-align: left;} .carAccessoriesPage .rightImageBarWrapper .tile img, .quickSearchCars .carAccessories .tile img {position: absolute;} .carAccessoriesPage .rightImageBarWrapper .text, .quickSearchCars .carAccessories .text {font-family: futura-pt-condensed; font-weight: 700; font-size: 27px; line-height: 33px; color: #fff; text-transform: uppercase; text-shadow: 2px 2.598px 0px rgba(0, 1, 1, 0.44); margin-left: 5px; display: inline-block; position: relative;} /**********************************************************/ /*********** car-accessories/default.aspx END *************/ /**********************************************************/ /***********************************************************/ /*********** special-offers/default.aspx START *************/ /***********************************************************/ .specialOffersPage .SavingSymbol { font-size: 76px !important; } .specialOffersPage .SavingSymbol .SavingMessage { margin-left: 0px !important; width: auto; } .specialOffersPage .SavingSymbol .SavingMessage .price-save { margin-top: 11px; font-size: 16px !important; line-height: 13px !important; } .specialOffersPage div#bodyCenterContent > ul.depts-m.bestSellers > li { width: 239px; margin: 3px !important; } .specialOffersPage .paddys { color: #009B48 !important; } .specialOffersPage div.SavingSymbol div.SavingMessage p.price-save { width: 68px } .specialOffersPage div.product-grid { width:205px; } .specialOffersPage div.product-grid>div.product-grid-content>div.product-grid-content-image a img { max-width: 180px; } .specialOffersPage div.product-grid>div.product-grid-content>div.product-grid-content-image a img { max-width: 180px; } .specialOffersPage div.product-grid div.product-grid-price div.right { font-size: 74% !important; width: 54%; height: 86px; } .specialOffersPage div.product-grid div.product-grid-price div.left { width:46%; } .specialOffersPage div.product-grid div.product-grid-price div.left div.SavingSymbol { font-family: MGicomoon; float: left; font-size: 47px!important; position: relative; color: #F47D30; line-height: 1; text-align: center; } .specialOffersPage div.product-grid div.product-grid-price div.left div.SavingSymbol div.SavingMessage { position: absolute; color: #FFF; font-family: myriad-pro, Arial, Sans-Serif; font-size: 9px; top: 0; width: 35px!important; padding-top: 13px; text-align: center; font-weight: 700; margin: 0px 0px 0px 3px!important; } .specialOffersPage div.product-grid div.product-grid-price div.left div.SavingSymbol div.SavingMessage p.price-save { font-size: 1.1em!important; font-weight: 700; padding-bottom: 5px; text-align: center!important; line-height: 12px!important; text-transform: uppercase; height: 47px; margin-top:0px!important; width:35px; } .specialOffersPage .leftPanel {width: 50%; float: left;} .specialOffersPage .rightPanel {display:inline-block; width:45%; float:right; } .specialOffersPage .bottomPanel {} .specialOffersPage ul.depts-m > li {width: 230px; margin: 0px 7px 14px 7px;} /*********************************************************/ /*********** special-offers/default.aspx END *************/ /*********************************************************/ /*****************************************************/ /*********** site-map/default.aspx START *************/ /*****************************************************/ .siteMap ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; display: block !important; } .siteMap .panel {clear: both; display: none;} .siteMap h2 { cursor: pointer; } .siteMap h2:before { content: "2"; font-family: MGicomoon; font-size: 21px; } .siteMap h2.open:before {content: "3";} /***************************************************/ /*********** site-map/default.aspx END *************/ /***************************************************/ /****************************************************/ /*********** contact/default.aspx START *************/ /****************************************************/ .registrationPlates { display: inline-block; } .contactUs .left {width: 52%;} .contactUs .right {width: 46%; margin-left: 2%; padding-left: 2%; border-left: 1px solid #0081C6;} .contactUs .mostQuestions {border-bottom: 1px solid #0081C6; padding-bottom: 20px; margin-bottom: 20px;} .contactUs .title, .registrationPlates .title, .delivery-page .title, .collection-page .title, .moreVideos .title, #review-write-new .title, #review-show-all .title { font-family: futura-pt-condensed; font-size: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; line-height: 25px; } .contactUs .text, .delivery-page .text, .collection-page .text, .registrationPlates .text, .items .text { font-size: 16px; margin-left: 10px; } .contactUs .form {width: 95%;} .contactUs .formFieldWrapper {margin-top: 15px; display: inline-block; border-bottom: 1px dotted #F47D30; padding-bottom: 15px; width: 100%; margin-left: 10px;} .contactUs .formFieldWrapper .text {margin-left: 0px; margin-bottom: 10px;} .contactUs .formField, #review-write-new .formField { font-size: 16px; font-family: myriad-pro; width: 100%; border: 2px solid #F47D30; padding: 2px; margin: 0px; color: #4c4c4c; } .contactUs .queryDDL {width: auto;} .contactUs .sendMessageButton {padding-left: 10px; padding-top: 20px; display: table-cell;} .contactUs .box {background-color: #EFEFEF; border-top: 1px solid #F47D30; margin-top: 15px; padding: 10px; display: inline-block; width: 100%;} .contactUs .box .boxLeft {display: table-cell; vertical-align: top; width: 100%;} .contactUs .box .boxTitle {font-size: 26px; font-family: futura-pt-condensed; font-weight: 500; text-transform: uppercase; line-height: 18px; margin-bottom: 15px;} .contactUs .box .boxText {font-size: 24px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; line-height: 21px;} .contactUs .box .boxRight {display: table-cell; vertical-align: top;} .contactUs .box .boxRight img {} .contactUs .box .boxRight .boxIcon {font-size: 80px; line-height: 80px;} .contactUs .startChatButton {margin-top: 20px;} .contactUs .box .viewOnMap {margin-top: 20px;} .contactUs .box .viewOnMap span {font-size: 20px;} .contactUs .spanValid8.error input, .contactUs .spanValid8.error textarea, .contactUs .spanValid8.valid input, .contactUs .spanValid8.valid textarea {background-position-x: 95%;} .contactUs .returnMessage {vertical-align: middle; padding-top: 20px; padding-left: 20px; text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; font-size: 26px; display: none;} .contactUs .messageTitle {font-family: futura-pt-condensed; font-weight: 700; font-size: 32px; text-transform: uppercase; line-height: 30px;} .contactUs .messageText {font-size: 23px; line-height: 25px; margin-top: 30px; margin-bottom: 40px;} /**************************************************/ /*********** contact/default.aspx END *************/ /**************************************************/ /**************************************************/ /*********** about/default.aspx START *************/ /**************************************************/ .aboutUsPage .tile { background-color: #c8c1c3; width: 48%; display: block; margin: 1%; height: 289px; float: left; min-width: 160px; } .aboutUsPage .tile .text { display: inline-block; font-family: futura-pt-condensed; color: #fff; font-weight: 700; text-shadow: -2px 2px 0px #787475; font-size: 48px; padding: 10px 10px 0px 10px; vertical-align: top; text-transform: uppercase; z-index: 10; position: relative; line-height: 40px; } .aboutUsPage .tile .anchor { width: 100%; height: 100%; display: inline-block; position: relative; } .aboutUsPage .tile .image {display: inline-block; position: absolute; right: 0px;} .aboutUsPage .tile .image.Icons {right: 30px; bottom: 110px; font-size: 200px;} .aboutUsPage .tile .image.whoWeAre img {} .aboutUsPage .tile .image.meetTheTeam img {} .aboutUsPage .tile .image.delivery {color: #2593e8;text-shadow: 0px 0px 30px #ffffff;} .aboutUsPage .tile .image.returns {color: #ffffff;text-shadow: 0px 0px 30px #000;} .aboutUsPage .tile .image.contactUs {color: #4f4f4f;text-shadow: 0px 0px 30px #ffffff;} .aboutUsPage .tile .image.buyingGuide {color: #4f4f4f;text-shadow: 0px 0px 30px #ffffff;} .aboutUsPage .tile .image.customerFeedback {color: #ffffff;text-shadow: 0px 0px 30px #000;} .aboutUsPage .tile .image.blog {color: #f47d30;text-shadow: 0px 0px 30px #ffffff;} /************************************************/ /*********** about/default.aspx END *************/ /************************************************/ /******************************************************/ /*********** quick-search/cars.aspx START *************/ /******************************************************/ .quickSearchCars #p2LeftCol .title {font-size: 45px; font-family: futura-pt-condensed; font-weight: 700; line-height: 34px; text-transform: uppercase; margin-bottom: 20px;} .quickSearchCars #p2LeftCol .text {font-size: 18px; line-height: 20px;} .quickSearchCars #p2LeftCol .carReg {font-size: 40px; text-transform: uppercase; margin: 30px 0px; font-family: futura-pt-condensed; font-weight: 700; line-height: 30px;} .quickSearchCars .bottomCarRegShadow { display: none; } .quickSearchCars .validationGroup.txt_registration { margin: 30px 0px 10px 0px; display: inline-block; } .quickSearchCars .bestSellers li .SavingSymbol .SavingMessage { font-size: 14px; padding-top: 19px; } .quickSearchCars.shopPage #p2LeftCol ul { background-color: transparent; padding: 0px; } .quickSearchCars.shopPage #p2LeftCol ul li {width: 48%; padding: 0px; margin: 1%;} .quickSearchCars .featuredDepartments {margin-top: 10px;} .quickSearchCars .featuredDepartmentsTitle {margin-top: 30px; font-family: futura-pt-condensed; font-weight: 700; text-transform: uppercase; font-size: 30px; line-height: 30px;} .quickSearchCars .carAccessories .tile {margin: 4px;} .quickSearchCars .carAccessories {margin-top: 30px;} /*******************************************************************/ /*********** QUANTITY SELECTION STANDARD/DEFAULT START *************/ /*******************************************************************/ /******************/ /*** WRAPPERS *****/ /******************/ .quantity-wrapper { display: inline-block; /*width: 219px;*/ /*margin: 25px 0px 0px 0px;*/ height: 56px; background-color: #edebeb; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); /*border-radius: 10px;*/ /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ margin-bottom: 10px; background-color: #edebeb; border-radius: 10px; } #ffresulthtml .quantity-and-addtobasket-mobile { display: none; } div.product-grid div.product-grid-price .quantity-wrapper { /*width: 214px;*/ width: 100%; /*margin: 23px 0px -15px 0px;*/ background-color: #edebeb; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-radius: 10px; } .registrationPlates .registrationPlatesInformation .quantity-wrapper { width: 100%; margin: 20px 0px 0px 0px; background-color: #edebeb; border-top-left-radius: 10px; border-top-right-radius: 10px; } .prodDetailsBottom .relatedProduct .quantity-wrapper { width: 100%; /*margin: -10px 0px 0px 0px;*/ background-color: #edebeb; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-radius: 10px; } .prod-buy .quantity-wrapper { width: 219px; display: inline-block; height: 60px; } .relatedProductPopUp .basketModalRelatedProduct .quantity-wrapper { display: inline-block; width: 100%; /*margin: 0px 0px -4px 0px;*/ height: 100%; background-color: #edebeb; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-radius: 10px; } .dialog-addtobasket-complete .basketModalRelatedProduct .quantity-wrapper { display: inline-block; width: 100%; /*margin: -15px 0px 0px 0px;*/ height: 100%; background-color: #edebeb; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-radius: 10px; } .dialog-addtobasket-complete .basketModalRelatedProduct .left { display: block; float: left; width: 49%; } .specialOffersPage .quantity-wrapper { display: inline-block; width: 100% !important; /*margin: 25px 0px -15px 0px !important;*/ height: 100%; background-color: #edebeb; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-radius: 10px; } .basketPage .quantity-outer { float: left; } .basketPage .bulk-discount-wrapper { float: left; min-height: 80px; top: 0; text-align: left; width: 100%; } .basketPage .discount-available-container { width: 100%; position: relative; /* margin-top: 16px; */ top: 0; font-size: 10px; text-align: center; } .basketPage .discount-available-normal { font-size: 20px; } .basketPage .discount-available-emphasis { font-size: 20px !important; } .basketPage .discount-available-quantity { font-size: 24px !important; } .basketPage .discount-available-percent { font-size: 24px !important; } .basketPage .basket-quantity-wrapper { display: inline-block; width: 100%; height: 100%; margin-bottom: -4px; bottom: 0; } /* .basketPage .quantity-wrapper { display: inline-block; width: 100%; margin: -15px 0px -15px 0px; height: 100%; } */ /******************/ /*** BUTTONS *****/ /******************/ .quantity-wrapper .quantity-selector > button { border: none; } .registrationPlates .registrationPlatesInformation div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn { /*border-top-left-radius: 0px; border-top-right-radius: 0px; */ width: 100%; font-size: 24px; } .registrationPlates .registrationPlatesInformation .registrationAddToBasket { width: 200px; font-size: 28px; float:right; } .basketPage div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-size:23px; } .product-grid-price div.relatedProductAddToBasket, .prodDetailsBottom div.relatedProductAddToBasket { /*margin-top: -12px;*/ } .prodDetailsBottom div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn { width:100%; /*border-top-left-radius: 0px; border-top-right-radius: 0px;*/ } .bundlesBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn, .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { width:100%; /*border-top-left-radius: 0px; border-top-right-radius: 0px;*/ } #ffresulthtml #buttonRelatedProductAddToBasket.btn, .quantity-and-addtobasket #ProdDetailsAddToBasket.btn, .quantity-and-addtobasket #ProdDetailsAlert.btn { /*border-top-left-radius: 0px; border-top-right-radius: 0px;*/ } .basketPage .quantity-and-addtobasket #buttonRelatedProductAddToBasket.btn{ /*border-radius: 7px;*/ background-color: #1B9600; width: 100%; /*border-top-left-radius: 0px; border-top-right-radius: 0px;*/ margin: -2px 0 0 0; } /******************/ /*** SELECTORS ****/ /******************/ .quantity-selector { float: left; width: 33.3%; height: 100%; text-align: center; margin-top: 0px; background-color:#dad8d8; /*line-height: 58px;*/ /*font-size: 60px !important; */ font-size:46px; cursor: pointer; } .input-default-appearance { -webkit-appearance: none !important; } .basketPage .basket-quantity-selector { float: left; width: 33.3%; height: 48px; line-height: 48px; text-align: center; background-color: #dad8d8; } .basketPage .quantity-inner { } .quantity-wrapper .leftBorder { border-top-left-radius: 10px; } .quantity-wrapper .rightBorder { border-top-right-radius: 10px; } .quantity-value { float: left; width: 33.33333%; /* margin-top: 12px; */ height: 100%; background-color: #edebeb; /*line-height: 54px;*/ } .basketPage .basket-quantity-value { float: left; width: 33%; /*margin-top: 12px; */ height: 48px; line-height: 48px; background-color: #edebeb; } .qty-button { /*font-size: 60px !important;*/ background-color: #dad8d8; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; line-height: 56px; /*margin-top: -10px; */ } .basketPage .basket-qty-button { font-size: 36px !important; /*background-color: Transparent;*/ background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; /*margin-top: 0px;*/ /*width: 100%;*/ /*height: 48px;*/ /*padding-left: 8px;*/ } .quantity-and-addtobasket { float:right; margin-top:20px; width: 100%; } .basketPage .quantity-and-addtobasket { float:right; margin-top: 10px; width: 100%; } div.product-grid div.product-grid-price .quantity-and-addtobasket { margin-top: -10px; } .quantity-and-addtobasket .quantity-productdetails { width: 75%; float:right; height: 60px; } .basketPage .owl-wrapper { /*min-height: 520px; height: 520px;*/ min-height: 536px; height: 536px; } .basketPage #relatedProducts li { min-height: 536px; height: 536px; } .basketPage input.quantity-input { font-size: 24px !important; } input.basket-increment, input.increment { font-family: futura-pt-condensed; font-weight: 500; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); } .basket-increment { font-family: futura-pt-condensed; font-weight: 500; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); } .increment { font-family: futura-pt-condensed; font-weight: 500; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } input.quantity-input { height: 100%; width: 100%; text-align: center; border: none; background-color: #edebeb; font-family: futura-pt; font-weight: 600; line-height: 56px; text-align: center; /*font-size: 38px;*/ font-size: 24px; } .prodDetailsBottom input.quantity-input { font-size: 24px !important; } .prod-buy input.quantity-input { font-size: 30px !important; } .homepageMiddle input.quantity-input { font-size: 24px !important; } input.basket-quantity-input { height: 100%; width: 100%; text-align: center; font-size: 26px; border: none; background-color: #edebeb; } .basketPage .basket-quantity-input { width: 100%; text-align: center; font-size: 24px; border: none; background-color: #edebeb; font-family: futura-pt; font-weight: 900; height: 48px; } .basket-decrement { font-family: myriad pro; font-weight: 500; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); } .decrement { font-family: myriad pro; font-weight: 500; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); border-top-left-radius: 10px; border-bottom-left-radius: 10px; } /****************************************************/ /*********** quick-search/cars.aspx END *************/ /****************************************************/ /**************************************************************************************************************************************************************/ /***************************************************** 1016 MID SIZE- TABLET *****************************************************************************/ /**************************************************************************************************************************************************************/ @media only screen and (max-width : 1016px) { div.product-grid-single-h .td.product-grid-content { width: 60% !important; } /*.car-registration-lookup { width: 80px !important; min-width: 0px; }*/ .basketPage .discount-available-normal { font-size: 20px; } .basketPage .discount-available-quantity { font-size: 23px !important; } .basketPage .discount-available-percent { font-size: 24px !important; } .basketPage .discount-available-emphasis { font-size: 24px; } .prod-buy .stock-scarcity-popup { margin-left: 13%; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -169px; } */ div.product-grid div.product-grid-price .stock-scarcity-popup { margin-left: 4%; } .quantity-and-addtobasket .quantity-productdetails { width: 219px; float: right; height: 60px; } /* div.product-grid div.product-grid-price .quantity-wrapper { width: 100%; height: 46px; } */ #bg img { display: none; } #wrapper { display:block; } form { /*height:100%;*/ } #txtSiteWideBanner > p > a > img { width:100%; } .carRegAndDDLs .carReg #carRegLinkButton { width: 110px; margin-left: 0px !important; } .st-content { overflow-y:scroll; } .st-pusher { padding-bottom: 90px; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .fluid #header, .fluid .headerTopStrip, .fluid #nav, .fluid #body > div.trustBarWrapper { display: none; } #wrapper.fluid { box-shadow: none; border-left: none; border-right: none; width: 100%; } .fluid #body { margin-top: 93px; background-color: #fff; } .fluid #bodyCenter.oneColumn { padding: 0px 5px; } .fluid #bodyBefore {margin-top: 10px;} #fluidHeader { display: block; position: fixed; width: 100%; z-index: 150; } #fluidHeader .top {width: 100%; height: 60px; background-color: #e6e6e6; padding: 5px 10px; display: table; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); } #fluidHeader .top .micksgarageLogo { display: inline-block; padding: 0px 10px; max-height: 50px; width: auto; max-width: 100%; height: auto; } #fluidHeader .top .carLogo { display: none; } #fluidHeader .fluidImageStyle { height: 50px; } #fluidHeader #topMenuBurger { font-size: 35px; line-height: 50px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; padding: 6px; -webkit-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); } #fluidHeader .left { display: table-cell; float: none; text-align: left; vertical-align: middle; } #fluidHeader .center { display: table-cell; width: 100%; float: none; vertical-align: middle; } #fluidHeader .right { display: table-cell; float: none; vertical-align: middle; } #fluidHeader .right .box { display: table; float: none; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 5px 0px; } #fluidHeader .right .box .icon { font-size: 26px; line-height: 29px; vertical-align: middle; display: table-cell; } #fluidHeader .right .box .text { font-size: 18px; font-weight: 700; margin-left: 5px; font-family: futura-pt-condensed; text-align: left; display: table-cell; padding-left: 5px; } #fluidHeader .right .box .text .items {white-space: nowrap;} #fluidHeader .bottom { width: 100%; height: 30px; background-color: #fff; padding: 5px 10px; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); z-index: -1; position: relative; } #fluidHeader .bottom .search { float: left; line-height: 20px; cursor: pointer; } #fluidHeader .bottom .account { float: left; margin-left: 20px; } #fluidHeader .bottom .account .yourAccountIcon { font-size: 26px; line-height: 22px; } #fluidHeader .bottom .currencyWrapper { float: left; margin-left: 20px; } #fluidHeader > div.bottom > div.search > span.text, #fluidHeader > div.bottom > div.account span.text, #fluidHeader > div.bottom > div.currencyWrapper span.text { display: none; } .fluid .showDialogCurrency > span.currencyCode {float:left; padding-left: 5px;} .hover-menu-currency .sub-options .menu-text { font-size:20px;} .hover-menu-currency .sub-options .Icons {font-size: 17px;} #fluidHeader .bottom .hover-menu, #fluidHeader .bottom .hover-menu-currency { line-height: 20px; font-weight: 500; font-size: 16px; } #fluidHeader .bottom .showDialogCurrency > span.Icons { line-height: 22px; font-size: 24px; padding: 0px; width: auto; } #fluidHeader .bottom .currency.hover-menu-currency .sub { width: 116px; z-index: 40; margin-left: -5px; } #fluidHeader > div.bottom > div.account > div > a > span.signin, #fluidHeader > div.bottom > div.currencyWrapper > div > a > span.text { padding-left: 5px; } #fluidHeader > div.bottom > div.search > span.Icons { line-height: 23px; font-size: 27px; float: left; } #fluidHeader > div.bottom > div.search > span.text { font-family: futura-pt-condensed; color: #888; text-transform: uppercase; font-size: 16px; font-weight: 500; margin-left: 5px; } #fluidHeader .searchBox {width: 100%; background-color: #fff; padding: 5px 10px; height: 290px; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); } #fluidHeader .searchBox .searchWrapper {margin-top: 45px;} #fluidHeader .searchBox .box {width: 100%; display: table-cell; padding-right: 10px; } #fluidHeader .searchBox .box input { width: 100%; font-size: 15px; border: #AAA 1px solid; margin: 0px; padding: 3px; } #fluidHeader .searchBox .button { display: table-cell; width: 120px;} #fluidHeader .searchWrapper .searchBoxes {max-width: 100%;} #fluidHeader .SearchBox input {width: 681px;} /********************** FOOTER START ***********************/ #footer { display:none; } #footerFluid { display: table; width: 100%; border-top: 2px solid #F47D30; background-color: #fff; } #footerFluid .leftBar { width: 100%; display: table-cell; vertical-align: top; } #footerFluid .rightBar { margin-top: 0px; width: 360px; display: table-cell; border-left: #F47D30 2px solid; } #footerFluid .leftBar #OtherLinks { background-color: #eee; padding-top: 20px; padding-bottom: 20px; } #footerFluid .leftBar #OtherLinks > ul { text-align: left; font-size: 25px; font-family: futura-pt-condensed; font-weight: 700; text-transform: uppercase; line-height: 25px; } #footerFluid div.SocialIcons {margin-bottom: 18px;} #footerFluid .leftBar #OtherLinks > ul li {margin: 4px 0px;} #footerFluid .leftBar #OtherLinks > ul span.Icons { position: relative; top: 2px; } #footerFluid .leftBar #newFooterCenter { width: 100%; background-color: #F47D30; height: auto; padding: 0px; } #footerFluid .leftBar #newFooterCenter h5, #footerFluid .leftBar div#newFooterCenter ul li a, #footerFluid .leftBar div#newFooterCenter ul li span { color: #fff; font-size: 25px; line-height: 29px; } #footerFluid .leftBar #newFooterCenter h5 { padding-left: 0px !important; padding-bottom: 0px; height: 35px; vertical-align: middle; line-height: 35px; } #footerFluid .leftBar .footerAccordion ul { display:none; float: left; width: 100%; } #footerFluid .leftBar .footerAccordion { border-bottom: 2px solid #F29860; display: inline-block; width: 100%; margin-bottom: -3px; } #footerFluid .leftBar .footerAccordion ul li { text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; background-color: #444; margin: 5px 10px 5px 53px; padding-left: 5px; } #footerFluid .leftBar .footerAccordion h5 { cursor: pointer; } #footerFluid .leftBar .footerAccordion h5 span.Icons { position: relative; top: 2px; } .rightBar .footer-trusted-badges { width: 100%; display: -webkit-box; padding-top: 14px; padding-left: 11px; } .rightBar .footer-contact-details { padding-left: 11px; } #footerFluid .rightBar { padding: 20px 0px 0px 0px; width: 100%; display: inline-block; margin: 0px auto; border: none; font-size: 16px; color: #1f69ab; font-weight: 700; text-align: left; } /********************** FOOTER END ***********************/ /********************** RIGHT TRUST BAR START ***********************/ #footerFluid > div > div.title { display: none; } #footerFluid div.rightBar > div.trustedName > div:nth-child(2) > div > a > span { top: 2px !important; font-family:myriad-pro, Arial, Sans-Serif !important; font-size: 14px !important; line-height: 15px !important; } #footerFluid div.rightBar .reevoo { margin-bottom: 20px; } #footerFluid div.rightBar .trustedShops, #footerFluid div.rightBar .goDaddy, #footerFluid div.rightBar .tecdoc { float: left; margin: 10px 0px; } #footerFluid div.rightBar .handlerbund, #footerFluid div.rightBar .pciDSS, #footerFluid div.rightBar .realEx { float: left; margin: 10px 0px 10px 43px; } #footerFluid div.rightBar .trustedShops img, #footerFluid div.rightBar .handlerbund img, #footerFluid div.rightBar .goDaddy > img, #footerFluid div.rightBar .pciDSS img, #footerFluid div.rightBar .tecdoc img, #footerFluid div.rightBar .realEx img { width: 130px; } #footerFluid div.rightBar .goDaddy { height: 51px; } #footerFluid div.rightBar .goDaddy span { float: left; height: 50%; width: 100%; margin-bottom: -16px; } #footerFluid div.rightBar .realEx { height: 129px; } #footerFluid div.rightBar .realEx span { float: left; height: 50%; width: 100%; margin-bottom: -18px; } #footerFluid div.rightBar .one4All { color: #b4b4b4; } #footerFluid div.rightBar .ContactText.first { margin-bottom: 20px; } #footerFluid div.rightBar .ContactText.second { margin-bottom: 40px; } #footerFluid div.rightBar .ContactText.second .email { color: rgb( 236, 99, 20 ) !important; } #footerFluid div.rightBar .paymentMethod { border: #7a7a7a 1px solid; width: 99px; } #footerFluid div.rightBar .paymentMethods { padding: 20px 0px; border-top: 2px solid #0081C6; margin: 10px 0px 20px 0px; border-bottom: 2px solid #0081C6; display: inline-block; text-align: left; } #footerFluid div.rightBar .contactUs { text-align: left; } /********************** RIGHT TRUST BAR END ***********************/ .st-menu h2 { background-color: #BD5A23; color: white; font-weight: 700; font-size: 34px; line-height: 34px; margin: 0px !important; } /**************************************************/ /********** account_sign_in.aspx START ************/ /**************************************************/ #divSignIn .divNewCustomer { width: 500px; margin: 0px auto; } #divSignIn .divNewCustomer .MGTextboxRequired { margin-bottom: 5px; width: 100%; margin-right: 0px; } #divSignIn .divNewCustomer .validationMessage { padding: 0px; float: none; } #divSignIn .divNewCustomer .spanValid8 { height: auto; margin-bottom: 15px; width: 100%; } #divSignIn .divNewCustomer .spanValid8.error input { background-position-x: 99%; } #divSignIn .ErrorMessageBox { width: 100%; } /**************************************************/ /********** account_sign_in.aspx END **************/ /**************************************************/ /*****************************************************/ /************ account-summary.aspx START *************/ /*****************************************************/ .accountPage {} .accountPageLeft { float: none; width: 0%; position: fixed; z-index: 300; } .accountPageRight { width: 100%; padding-left: 60px; } .accountMenuVerticalBar { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); float: left; display: inline-block; font-size: 20px; font-family: futura-pt-condensed; font-weight: 700; background-color: #e8e8e8; position: absolute; left: -78px; width: 200px; padding: 10px 10px 10px 0px; top: 78px; z-index: 10; border-left: 2px solid #0081C6; border-right: 2px solid #0081C6; border-bottom: 2px solid #0081C6; -webkit-box-shadow: -8px 6px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: -8px 6px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: -8px 6px 5px 0px rgba(50, 50, 50, 0.5); } .accountMenuVerticalBar:hover { cursor: pointer; } .accountMenuVerticalBar .VerticalBar { text-transform: uppercase; text-shadow: 0px 0px 1px rgba(244, 125, 48, 0.8); font-size: 20px; display: inline-block; float: left; line-height: 20px; padding: 0px 5px; width: 120px; } .accountMenuVerticalBar .man { display: inline-block; float: left; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-size: 40px; padding-top: 7px; } .accountMenuVerticalBar .chevron { display: inline-block; float: left; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); line-height: 20px; font-size: 25px; } .accountMenuWrapper { display: block; position: absolute; top: 0px; z-index: 10; left: -240px; width: 220px; } .accountMenuWrapper .AccountMenu { display: inline-block; float: left; border-top: 2px solid #0081C6; border-right: 2px solid #0081C6; border-bottom: 2px solid #0081C6; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); } .accountMenuWrapper .menuVerticalBar { display: inline-block; } .accountMenuWrapper .menuVerticalBar { float: left; display: inline-block; font-size: 20px; font-family: futura-pt-condensed; font-weight: 700; background-color: #e8e8e8; padding: 10px 0px 0px 0px; z-index: 10; height: 209px; border-top: 2px solid #0081C6; border-right: 2px solid #0081C6; border-bottom: 2px solid #0081C6; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5); position: relative; width: 49px; } .accountMenuWrapper .menuVerticalBar:hover { cursor: pointer; } .accountMenuWrapper .menuVerticalBar .VerticalBar { text-transform: uppercase; text-shadow: 0px 0px 1px rgba(244, 125, 48, 0.8); font-size: 20px; display: block; padding: 20px 0px; line-height: 71px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .accountMenuWrapper .menuVerticalBar .man { display: block; font-size: 40px; width: 100%; text-align: center; position: absolute; bottom: 9px; left: 0px; } .accountMenuWrapper .menuVerticalBar .close { display: block; line-height: 25px; font-size: 25px; width: 100%; text-align: center; } #divSummaryMenuSpacer { display: none; } .stripes { border-top: none; padding: 10px 17px 7px 10px; height: auto; } .menuAccountSummary ul li a { padding: 9px 0px 9px 6px; } .menuAccountSummary ul li a span.Icons span { bottom: 10px; } /***************************************************/ /************ account-summary.aspx END *************/ /***************************************************/ .accountPageRight { padding-right: 5px; } .basketPage { padding: 0px 5px; } /***********************************************/ /************ PreSearch.aspx START *************/ /***********************************************/ .preSearch {} .preSearch .notGermanTrustWrapper, .preSearch .right.noSelectedcCar {display:none;} .noPartsForCar .bottom .left .cellContent, .preSearch .bottom .left .cellContent {width: 100%;} .carCategoriesCtrl .categoriesTabs {width:100%;} .carCategoriesCtrl .textboxWrapper {width:100%; padding: 0px 5px;} .carCategoriesCtrl .textboxWrapper .clearSearch {position: absolute; right: 12px !important; top: 25px !important; color: #fff; font-size: 25px !important; cursor: pointer; display: none;} .carCategoriesCtrl .categoriesContent {width:100%} .categoriesContent .carCategories, .categoriesContent .genericCategories {width:100%; height: auto; max-height: none; overflow-y: hidden; } .preSearch .bottom .left { display: inline-block; border: none; width: 100%; margin: 0px; padding: 10px 6px 0px 0px; border-bottom: 2px dotted #F47D30; border-top: 1px solid #0081C6; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 ); } .preSearch .left.noSelectedcCar {width: 100%;} .preSearch .left.noSelectedcCar .germanSite {font-size:35px!important} .preSearch .bottom .right {display: inline-block; padding: 20px 0px;} .categoriesTabs .carCategoriesTab, .categoriesTabs .genericCategoriesTab {padding: 5px 10px;} .preSearch .textboxWrapper .text-input, .carPartsPage .filterDeptInput, .carPartsPage .filterMakeModelsInput, .carAccessoriesPage .filterCarsInput, .carAccessoriesPage .filterDepartmentsInput, .noPartsForCar .text-input { background-color: #0081C6; border: 4px solid #F47D30; font-family: futura-pt-condensed; font-weight: 500; font-size: 27px; text-transform: uppercase; padding: 0px 10px; color: #fff; width: 100%; } .preSearch .textboxWrapper .text-input::-webkit-input-placeholder, .carPartsPage .filterDeptInput::-webkit-input-placeholder, .carPartsPage .filterMakeModelsInput::-webkit-input-placeholder, .carAccessoriesPage .filterCarsInput::-webkit-input-placeholder, .carAccessoriesPage .filterDepartmentsInput::-webkit-input-placeholder, .noPartsForCar .text-input::-webkit-input-placeholder { color: #fff; } .preSearch .textboxWrapper .text-input:-moz-placeholder, .carPartsPage .filterDeptInput:-moz-placeholder, .carPartsPage .filterMakeModelsInput:-moz-placeholder, .carAccessoriesPage .filterCarsInput:-moz-placeholder, .carAccessoriesPage .filterDepartmentsInput:-moz-placeholder, .noPartsForCar .text-input:-moz-placeholder{ /* Firefox 18- */ color: #fff; } .preSearch .textboxWrapper .text-input::-moz-placeholder, .carPartsPage .filterDeptInput::-moz-placeholder, .carPartsPage .filterMakeModelsInput::-moz-placeholder, .carAccessoriesPage .filterCarsInput::-moz-placeholder, .carAccessoriesPage .filterDepartmentsInput::-moz-placeholder, .noPartsForCar .text-input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .preSearch .textboxWrapper .text-input:-ms-input-placeholder, .carPartsPage .filterDeptInput:-ms-input-placeholder, .carPartsPage .filterMakeModelsInput:-ms-input-placeholder, .carAccessoriesPage .filterCarsInput:-ms-input-placeholder, .carAccessoriesPage .filterDepartmentsInput:-ms-input-placeholder, .noPartsForCar .text-input:-ms-input-placeholder{ color: #fff; } .preSearch .actionButtons button { margin-bottom: 10px; display: block; width: 170px; } .preSearch .carRegPartsLookupLeft, .quickSearchCars .carRegPartsLookupLeft {display: inline-block; float: left; padding-right: 20px;} .preSearch .carRegPartsLookupRight, .quickSearchCars .carRegPartsLookupRight {display: inline-block; float: left; margin-top: 20px;} .preSearch .actionButtons, .quickSearchCars .actionButtons {float: right;} .preSearch > .wrapper, .preSearch .bottomWrapper, .preSearch .bottomWrapper .bottom {background-color: transparent;} /***********************************************/ /************ PreSearch.aspx END ***************/ /***********************************************/ /**************************************************/ /************ PreSearchCar.aspx START *************/ /**************************************************/ .preSearchCar .left { float: none; width: 100%; padding: 40px 10px; } .preSearchCar .right { border-left: none; border-top: 2px solid #0081C6; width: 100%; } .preSearchCar .right .top {} .preSearchCar .right .bottom { display: none; } /************************************************/ /************ PreSearchCar.aspx END *************/ /************************************************/ /***************************************************/ /************ meet-the-team.aspx START *************/ /***************************************************/ .PhotosList .Banner img {display: none;} .PhotosList .Banner ul {color: #4c4c4c;} .PhotosList .Banner {display: inline-block; width: 100%;} .PhotosList .Banner .Box {background-color: transparent; left: 0 !important; position: relative; height: auto; width: 100% !important;} .PhotosList .Banner .Box .Text { padding-top: 10px !important; } /*************************************************/ /************ meet-the-team.aspx END *************/ /*************************************************/ /*************************************************/ /************ nct/default.aspx START *************/ /*************************************************/ div.nct-checks-title { background: none; } div.nct-checks-video-block > div.video-block iframe { max-width: 565px; width: 100%; } div.nct-checks-video-block > div.video-block {background:none;} div.video-includes {background:none; min-height: 86px;} div.nct-checks-form-header { display: inline-block; height: auto; margin: 10px 0px; width: auto; } /***********************************************/ /************ nct/default.aspx END *************/ /***********************************************/ /****************************************************/ /************ shop/ landing pages START *************/ /****************************************************/ .landing_span {margin: 0px; border: 2px solid #fff; } .landing_span.semi_span {width: 50% !important;} .landing_span.tri_span {width: 33.333333333% !important;} .landing_span > div {width: 100%;} .landing_span > div > div {width: 100%;} .landing_span > div > div.categorylinks_semi_span, .landing_span > div > div.categorylinks_trispan { float: right; position: relative; } .landing_span > div > div.categorylinks_semi_span ul, .landing_span > div > div.categorylinks_trispan ul { position: absolute; right: 0px; bottom: 0px; background-color: rgba(50,50,50,0.7); padding: 5px; } .landing_span > div > div.categorylinks_semi_span ul li, .landing_span > div > div.categorylinks_trispan ul li {padding: 2px 0px;} .carToolsDIY .landing_span.semi_span {width: 49.5% !important;} .carToolsDIY .category_divider {padding-left: 3px; margin-right: 3px;} .carToolsDIY .headings { font-size: 50px; line-height: 50px; } .Oils .landing_span.semi_span {width: 49.5% !important;} .Oils .category_divider {padding-left: 3px; margin-right: 3px;} .Oils .headings { font-size: 50px; line-height: 50px; } .shopnow_button_bottom {margin: 0px; position: absolute; right: 10px; bottom: 10px;} .category_trispan_318 {width: 100%;} .category { border-bottom-width: 0px; width: 100%; } .bikeRacks .landing_span.semi_span, .babyChildTravel .landing_span.semi_span, .coolingHeating .landing_span semi_span {margin: 0px; border-top: none; border-bottom: none;} .categorylinks_semi_span {width: 100%} .category_travel { width:100%; position: relative;} .transparent_shaded {margin: 0px; right: 0px; position: absolute; bottom: 0px; height: 80%; width: 62%; min-width: 272px;} .columnLanding {display: inline-block; width: 100%;} .landing_span_travel {width: 100%; position: relative;} .travelcategorylinksList {padding-left: 20px; } .travelcategorylinksList > ul > li span.Icons { display: table-cell; vertical-align: middle;} .travelcategorylinksList > ul > li a {display: table-cell} .coolingHeating .div_link_item, .electricalSystems .div_link_item, .engineParts .div_link_item, .gasketsSealsSensors .div_link_item, .timingBelts .div_link_item {display: inline-block; width: 100%; margin-bottom: 4px;} /**************************************************/ /************ shop/ landing pages END *************/ /**************************************************/ /********************************************/ /************ search.aspx START *************/ /********************************************/ div.product-grid-single-h .td.product-grid-content {width: 80%;} div.product-grid-single-h .td.product-grid-price {width: 20%;} div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left {width: 32%; min-width: 160px; float: none;} div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text {width: 68%; float: none;} /********************************************/ /************ search.aspx END ***************/ /********************************************/ /****************************************/ /*********** HOMEPAGE START *************/ /****************************************/ .homepageTop .right .textboxBorder { display: inline-block; } .homepageTop .right .reevoo { display: none; } .homepageTop .left .desktop { display:none; } .homepageTop .left .mobile { display: inline-block; width: 100%;} .homepageTop .right img { position: relative; max-width: 100%; right: 0px; } .homepageTop .right .reevoo { top: 250px; position: absolute; left: 90px; } .homepageTop .mobile .top {position: relative; } .homepageTop .mobile .top .image { display: none; } .homepageTop .mobile .top .reevoo {position: absolute; bottom: 20px; left: 20px;} .homepageTop .right {padding-left: 2%; vertical-align: middle;} .homepageTop .left {} .homepageTop .banner img {max-width: 100%;} .homepageMiddle > .left, .homepageBottom > .left, .homepageMiddle .right, .homepageBottom .right { width: 100%; border: none; margin: 0px; padding-right: 0px; padding-left: 0px; } .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li:nth-child(odd) {} .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li {width: 31.3333%; margin: 1%;} .homepageMiddle .homepageMiddle div.product-grid:nth-child(odd) { margin: 0 6px 12px; } .homepageMiddle div.product-grid { width: 31.333333%; margin: 1%; } .homepageMiddle div.product-grid:nth-child(even) {margin: 1%;} .homepage-brands li { width: 23.89%; text-align: center; } .homepageBottom .right .latestVideos ul li { width: 31.33333%; height: auto; } .homepageBottom .right .latestVideos ul li img {max-width: 120px; width: 70%;} .homepageBottom .right .latestVideos {height: auto;} .homepageBottom .right .latestVideos .featuredVideo {margin: 0px auto; width: 479px;} .homepageBottom .mobileTrustBar { display: inline-block; width: 100%; border-top: 2px solid #F47D30; background-color: #EEE; padding: 30px 20px 0px 20px; } .homepageBottom .mobileTrustBar ul#trustBar li {width: 50%; height: 60px; border: none; } .homepageBottom .mobileTrustBar ul#trustBar li a {padding: 0px;} .homepageBottom .mobileTrustBar ul#trustBar li a span.icon {display: table-cell; float: none; vertical-align: middle; font-size: 30px;} .homepageBottom .mobileTrustBar ul#trustBar li a span.text {display: table-cell; float: none; vertical-align: middle; font-size: 26px; font-weight: 700; color: #ABABAB;} .homepageTop .txt_registration .carNameTitle { display: table-cell; width: auto; font-family: futura-pt-condensed; font-weight: 700; color: #F47D30; font-size: 24px; float: none; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft .carName { display: none; } .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft .titleWrapper {} .homepageMiddle div.product-grid:nth-child(odd) {margin-left: 1%;} .homepageTop .findingMethod .identifiedCar .actionButtons {margin-top: 0px;} .homepageTop .findingMethod .identifiedCar .carRegPartsLookupLeft img {} /**************************************/ /*********** HOMEPAGE END *************/ /**************************************/ /*******************************************/ /*********** search.aspx START *************/ /*******************************************/ .searchPage > .left {display: inline-block; width: 90%; float: left; height: 100%; background-color: #D0D0D0; overflow-y: auto; position: fixed; top: 0; z-index: 300; max-width: 500px; -webkit-box-shadow: -8px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: -8px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: -8px 0px 5px 0px rgba(50, 50, 50, 0.3); right: -100%; padding-top: 0px; } /*.searchPage > .left.initial { margin-left: 40px; }*/ .searchPage .left .validationGroup, .searchPage .left .bottomCarRegShadow, .searchPage .left .productCategories { display: none; } .searchPage .left .SearchRefineResults {border: none; background-color: #fff; margin: 0px; padding: 5px; font-size: 30px;} .searchPage .left .pnlGroups {padding: 5px;} .searchPage .left .searchPage .SearchFilters {background: none;} .searchPage .left .searchPage .SearchFilters li {width: 100%; margin: 5px 0px;} .searchPage .left .searchPage .SearchFilters li input {} .searchPage .left .searchPage .SearchFilters li label {color: #7b7b7b; font-family:myriad-pro, Arial, Sans-Serif; font-size: 20px; font-weight: 500; width: 90%;} .searchPage .left .pnlGroups .emptyBlock {display: none;} .searchPage .left .searchPage .SearchFiltersHeader .title {font-size: 25px; width: 100%;} .searchPage .left .searchPage .SearchFiltersHeader .clearFiltersDiv {display: none !important;} .searchPage .right {padding: 0px;} .noPartsForCar .bottom {width: 100%;} .noPartsForCar .bottom .right { padding: 20px; } .searchPage .right .mobile > .txt_registration { background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 ); padding: 10px 6px 10px 0px; border-bottom: 2px dotted #F47D30; border-top: 1px solid #0081C6; } .searchPage .mobile { display: inline-block; width: 100%; } .searchPage .right .txt_registration .actionButtons a { text-align: right; font-weight: 700; margin: 0px; margin-bottom: 10px;} .searchPage .right .txt_registration .actionButtons button.ClearThisCarButton {width: 165px !important; margin-top: 0px !important;} .searchPage .right .txt_registration .titleWrapper { } .searchPage .right .txt_registration .titleWrapper .title {font-size: 24px; line-height: 20px; display: table-cell; float: none; width: 105px; font-family: futura-pt-condensed; font-weight: 700;} .searchPage .right .txt_registration .titleWrapper .title:after { content: ':'; } .searchPage .right .txt_registration .carNameTitle {/*display: none;*/ display: table-cell; width: auto; font-family: futura-pt-condensed; font-weight: 700; color: #F47D30; font-size: 24px; float: none;} .searchPage .right .txt_registration .carRegPartsLookupLeft {display: table-cell; float: none; /*min-width: 340px;*/ position: relative; } .searchPage .right .txt_registration .carRegPartsLookupLeft img {position: absolute; top: -20px;} .searchPage .right .txt_registration .carRegPartsLookupLeft .carName { /*display: table-cell;*/ display: none; width: auto; font-family: futura-pt-condensed; font-weight: 700; color: #F47D30; font-size: 28px; float: none; padding-left: 135px; line-height: 28px;} .searchPage .right .txt_registration .carRegPartsLookupRight {font-family: futura-pt-condensed; font-size: 24px; display: table-cell; vertical-align: middle; /*padding-left: 10px;*/ line-height: 26px; min-width: 210px; width: 100%; padding-left: 135px; } .searchPage .right .txt_registration .actionButtons {display: table-cell; vertical-align: middle; padding-left: 20px; width: 100%; text-align: right;} .searchPage .right .txt_registration .carRegPartsLookupRight .carNameTitle {} .searchPage .right .txt_registration .label { } .searchPage .right .txt_registration .content {} .searchPage .right .bottomCarRegShadow {display: none;} .searchPage .right .topBar { display: none !important; } .searchPage .right .mobileTopBar { display: inline-block; background-color: #373737; width: 100%; padding: 10px; margin-top: 10px; } .searchPage .right .mobileActionBar { display: inline-block; width: 100%; background-color: #E2E2E2; border-bottom: 1px solid #F47D30; margin-bottom: 10px; padding: 10px; } .searchPage .right .mobileActionBar .searchPagePaging { display: none; } .searchPage .right .mobileActionBar ~ .mobileActionBar {border: none; border-top: 1px solid #F47D30;} .searchPage .right .mobileActionBar ~ .mobileActionBar .searchPagePaging { display: inline-block; width: 100%; } .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .pagerTip {font-size: 17px;} .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .previous, .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .next { display: table-cell; font-weight: 700; font-size: 22px; vertical-align: middle;} .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .pageNumbers {display: table-cell; width: 100%; text-align: center; vertical-align: middle; font-family: futura-pt-condensed; font-weight: 700; font-size: 22px;} .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .pageNumbers .page {padding: 0px 9px;} .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .pageNumbers .search_link_selected {} .searchPage .right .mobileActionBar ~ .mobileActionBar .search_center .pageNumbers .search_link_active {color: #F47D30;} .searchPage .right .mobileActionBar ~ .mobileActionBar .left, .searchPage .right .mobileActionBar ~ .mobileActionBar .right.orange {display: none;} .searchPage .right .mobileTopBar div.selectedCategoryName {margin: 0px; font-weight: 500; font-size: 34px; line-height: 27px;} .searchPage .right .mobileTopBar ~ .mobileTopBar { display: none; } .doneDiv { display: inline-block; } div.searchPage > div.pnlGroups > div > div.clearFiltersDiv .mobileClearFilters, div.searchPage > div.pnlGroups > div > div.doneDiv .mobileDone { display: inline-block; width: 100%; margin-bottom: 30px;} div.searchPage > div.pnlGroups > div > div.clearFiltersDiv {width: 100%;} .searchPage .mobileActionBar .left div.sortitems {display: table-cell; font-family: futura-pt-condensed; font-weight: 700; font-size: 20px; padding-right: 5px; vertical-align: middle;} .searchPage .mobileActionBar .left select.sortitems {display: table-cell; vertical-align: middle;} .searchPage .mobileActionBar .left { display: table; } .searchPage .mobileActionBar .right { display: inline-block; line-height: 23px; font-family: futura-pt-condensed; font-weight: 700; font-size: 20px; cursor: pointer; } .searchPage .mobileActionBar .right:after { content: '\0031'; font-family: MGicomoon; font-size: 16px; } .SearchRefineResults .close { display: inline-block; float: right; vertical-align: middle; cursor: pointer; } .SearchRefineResults .close .text {text-transform: uppercase; font-size: 18px; vertical-align: top;} .SearchRefineResults .close .Icons {font-size: 26px;} .searchPage .left .ShowAllPartsButton {display: inline-block;} .searchPage .right .txt_registration .actionButtons a { display: none; } .searchPage .right .txt_registration .actionButtons .ShowAllPartsButton {margin-bottom: 10px; display: block;} .searchPage .right .txt_registration .actionButtons button {height: 34px; line-height: 34px; width: 175px;} .searchPage .right .txt_registration .actionButtons button:before {line-height: 34px !important;} .noPartsForCar .bottom .left { display: none; } .noPartsForCar { margin-left: 0px; } /*****************************************/ /*********** search.aspx END *************/ /*****************************************/ /*************************************************/ /*********** shop/default.aspx START *************/ /*************************************************/ .shopPage #p2LeftCol {display: inline-block; border-bottom: 1px solid #0081C6; border-right: none; width: 100%;} .shopPage .makeAndModelDDLs .ddl {width: 100%; float: left;} .shopPage .makeAndModelDDLs .ddl .dropdownStyle {float: left;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle {width: 150px;} .shopPage #p2RightCol .rightImageBarWrapper .rightBar { display: none; } /***********************************************/ /*********** shop/default.aspx END *************/ /***********************************************/ /******************************************************/ /*********** car-parts/default.aspx START *************/ /******************************************************/ .carPartsPage #p2LeftCol > div {overflow: hidden; height: auto;} /****************************************************/ /*********** car-parts/default.aspx END *************/ /****************************************************/ /************************************************************/ /*********** car-accessories/default.aspx START *************/ /************************************************************/ .carAccessoriesPage .carsList {height: auto; overflow-y: hidden;} /************************************************************/ /*********** car-accessories/default.aspx START *************/ /************************************************************/ /***********************************************************/ /*********** special-offers/default.aspx START *************/ /***********************************************************/ .specialOffersPage .leftPanel {width: 100%;} .specialOffersPage .rightPanel {width: 100%} .specialOffersPage .bottomPanel {} /*********************************************************/ /*********** special-offers/default.aspx END *************/ /*********************************************************/ /******************************************************/ /*********** quick-search/cars.aspx START *************/ /******************************************************/ .quickSearchCars #p2RightCol .rightImageBarWrapper {display: none;} .quickSearchCars .actionButtons {} /****************************************************/ /*********** quick-search/cars.aspx END *************/ /****************************************************/ /******************************************************/ /*********** REG PLATES START *************/ /******************************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 50%; float:left; } .registrationPlates .registrationPlatesInformation .reg_right { width: 50%; float:right; } /******************************************************/ /*********** REG PLATES END *************/ /******************************************************/ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .shopPage #p2RightCol .carRegAndDDLs .carReg > button { width: 110px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 360px; } } /*@media only screen and (max-width: 900px) { .prod-buy .bulk-discount-wrapper { width: 219px; } } */ @media only screen and (max-width : 1200px) and (orientation : landscape) { .address-listbox select { height:34px !important; font-size: 20px !important; /*width: 280px;*/ } .address-listbox select option { font-size: 20px !important; } } @media only screen and (max-width : 900px) { .address-listbox select { height:34px !important; font-size: 20px !important; /*width: 280px;*/ } .address-listbox select option { font-size: 20px !important; } .address-listbox-label { display: inline-block !important; } .delivery-page-summary-left { width: 100% !important; border-right-style: none !important; } .delivery-page-summary-country-name { min-width: 100% !important; width: 100%; max-width: 100% !important; } .delivery-page-summary-right { width: 100% !important; display:none !important; } .delivery-page-mobile-summary { display: inline-block !important; } .delivery-page .delivery-table { margin-left: 10px !important; } .basketPage .basket-quantity-input { font-size: 22px; } .returns-banner-left-headline { font-style: italic; text-align: right; line-height: 1; font-size: 28px !important; } .returns-banner-left-subheadline { font-size: 15px !important; color: Gray; line-height: 1; } .returns-banner-right { float: left; width: 20%; margin-top: 0px !important; } .returns-banner-right .returns-banner-dude { height: 110px !important; padding-left: 0px !important; } .returns-right { display:none; } .returns-left { width:100% !important; } .returns-body .returns-left-info { display: inline-block !important; width: 100%; border-top-width: 1px; border-top-color: lightblue; border-top-style: solid; padding-bottom: 10px; } .returns-body .title { font-size: 28px !important; font-family: futura-pt-condensed; font-weight: 700; line-height: 28px; } .returns-body .returns-left-info .returns-info-prompt { font-size: 22px !important; } .returns-body .returns-left-info .returns-info-list > ul > li { font-size: 18px !important; } .bubble { width: 75% !important; } .Threshold { line-height: 2em !important; } .delivery-and-checkout { width: 100%; float: left; } .free-delivery-table { width: 100% !important; } .basketPage .checkoutButtonTopWrapper { width: 100%; float: right; margin-top: 0px; text-align: right; } } @media only screen and (max-width : 768px) { .dialog .header .text { font-size: 22px !important; } .Threshold { font-size: 0.80em; /*line-height: 1.5em !important;*/ } /* .bubble:after { top: 14px !important; margin-top: -12px !important; } */ #radsDeliveryOptions, .radios { width: 360px !important; } .radios .standardRow { white-space: normal !important; } .radios .delivery-cost { float: none !important; padding-right: 0px !important; } #bodyCenter.oneColumn > #bodyCenterContent.oneColumn > #map-canvas { width:500px; } .prod-buy .stock-scarcity-popup { margin-left: 67%; } div.product-grid div.product-grid-price .stock-scarcity-popup { /* margin-left: 244px; */ /* margin-top: 27px; */ margin-left: 9%; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -277px; }*/ .BasketProductsTable .Quantity { width: 160px; } .homepageMiddle { display: inline-block; margin-top: 15px; z-index: 1; } .homepageTop { margin-bottom: 20px; position:relative; z-index:2; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 32.0%; } #fluidHeader .searchWrapper .searchBoxes {max-width: 100%;} #fluidHeader .SearchBox input {width: 314px;} .resetPassword .btnSubmitPasswordResetForm input {min-width: 0px; padding: 0px 5px; font-size: 18px !important;} .resetPassword .btnCancel {padding: 0px 5px 0px 50px !important; min-width: 0px;} #txtSiteWideBanner > p > a > img { display:none; } /*****************************************/ /********** BASKET PAGE START ************/ /*****************************************/ .BasketProductsTable .Thumbnail .RemoveButtonTablet { display: block; width: auto; } .BasketProductsTable .Thumbnail .RemoveButtonTablet { padding-top: 5px; padding-bottom: 5px; } .BasketProductsTable .Thumbnail .RemoveButtonTablet input { color: #C10000; font-weight: 700; text-transform: uppercase; font-size: 16px; background-color: transparent; border: none; padding: 0px; margin: 0px; font-family: futura-pt-condensed; font-size: 1em; } .BasketProductsTable .Thumbnail .RemoveButtonTablet:hover input { text-decoration: underline; cursor: pointer; } .BasketProductsTable .Thumbnail .RemoveButtonTablet span { font-family: MGicomoon; cursor: pointer; color: #C10000; font-size: 0.8em; } .BasketProductsTable .Name div { display: none; } .BasketProductsTable .Name { width: 0px; padding: 0px; } .BasketProductsTable .TotalColumn { width: 100%; font-size: 1.5em; padding-right: 5px; } .BasketProductsTable .Quantity { width: 150px; } .BasketProductsTable .Thumbnail .itemCode { } .BasketProductsTable .Thumbnail { width: auto; } .BasketProductsTable .Thumbnail .image { width: auto; height: 102px; } .BasketProductsTable .Thumbnail .image img {} .basketPage .shopWithConfidence { display:none; } /*****************************************/ /********** BASKET PAGE END **************/ /*****************************************/ /**************************************************/ /********** account_sign_in.aspx START ************/ /**************************************************/ #divSignIn .loginDiv { width: 100%; } #divSignIn .divExitingCustomer { float: none; display: block; border: none; margin: 0px auto; width: 100%; } #divSignIn .signUp { display: block; float: none; margin: 0px auto; margin-top: 110px; padding-left: 0px; width: 100%; } #divSignInfo {width: 100%; padding-top: 30px; margin-top: 40px;} #divSignInfo #divSignInfoLeft { float: none; width: 100%; margin-bottom: 20px; padding-right: 0px; } #divSignInfo #divSignInfoRight { padding-left: 0px; width: 100%; float: none; } #divSignIn .MGTextboxRequired { margin-bottom: 5px; width: 100%; margin-right: 0px; } #divSignIn .validationMessage { padding: 0px; float: none; } #divSignIn .spanValid8 { height: auto; margin-bottom: 15px; width: 100%; } #divSignIn .spanValid8.error input { background-position-x: 99%; } #divSignIn .passwordReset { font-size: 15px; } #divSignIn .divNewCustomer { width:100%; } /**************************************************/ /********** account_sign_in.aspx END **************/ /**************************************************/ /***************************************************/ /********* account-summary.aspx START **************/ /***************************************************/ .divViewAccountControlDetails .data, .divViewAccountControlAddress .data, .divViewSubscriptionsControl .data, .divViewAccountControlCar .data { display: inline-block; width: 100%; margin-bottom: 40px; } .divViewAccountControlDetails .data .readLeft, .divViewAccountControlAddress .data .readLeft, .divViewSubscriptionsControl .data .readLeft, .divViewAccountControlCar .data .readLeft { display: inline-block; width: 100%; padding: 0px; text-align: left; } .divViewAccountControlDetails .data .readLeft .ReadLabel, .divViewAccountControlAddress .data .readLeft .ReadLabel, .divViewSubscriptionsControl .data .readLeft .ReadLabel, .divViewAccountControlCar .data .readLeft .ReadLabel, .SummaryText { text-align: left; padding: 2px 0px; } .divViewAccountControlDetails .data .readRight, .divViewAccountControlAddress .data .readRight, .divViewSubscriptionsControl .data .readRight, .divViewAccountControlCar .data .readRight { display: inline-block; border: none; width: 100%; padding: 0px; } .divViewAccountControlDetails .table, .divViewAccountControlAddress .table, .divViewSubscriptionsControl .table, .divViewAccountControlCar .table { display: inline-block; padding-left: 20px; } .divViewAccountControlDetails .tr, .divViewAccountControlAddress .tr, .divViewSubscriptionsControl .tr, .divViewAccountControlCar .tr { display: block; padding: 6px 0px; } .divViewAccountControlDetails .AccountSummaryReadHeader, .divViewAccountControlAddress .AccountSummaryReadHeader, .divViewSubscriptionsControl .AccountSummaryReadHeader, .divViewAccountControlCar .AccountSummaryReadHeader { margin-left: 0px; } .divViewAccountControlDetails .data .cbx , .divViewAccountControlAddress .data .cbx , .divViewSubscriptionsControl .data .cbx, .divViewAccountControlCar .data .cbx { padding: 0px; } .divViewAccountControlDetails .data .cbx .readLeft, .divViewAccountControlAddress .data .cbx .readLeft, .divViewSubscriptionsControl .data .cbx .readLeft, .divViewAccountControlCar .data .cbx .readLeft { float: left; width: auto; min-width: 0px; margin-right: 10px; } .divViewAccountControlDetails .data .cbx .readRight, .divViewAccountControlAddress .data .cbx .readRight, .divViewSubscriptionsControl .data .cbx .readRight, .divViewAccountControlCar .data .cbx .readRight { float: left; width: auto; } .divEditAccountControlDetails .SectionHeader, .divEditAccountControlAddress .SectionHeader, .divEditSubscriptionControl .SectionHeader { margin-left: 0px; } /*.divEditAccountControlDetails .MGTextboxOptional, .divEditAccountControlDetails .MGTextboxRequired, .divEditAccountControlAddress .MGTextboxOptional, .divEditAccountControlAddress .MGTextboxRequired, .divEditSubscriptionControl .MGTextboxOptional, .divEditSubscriptionControl .MGTextboxRequired*/ .MGTextboxOptional, .MGTextboxRequired { width: 100%; } /*.divEditAccountControlDetails .spanValid8.valid input, .divEditAccountControlDetails .spanValid8.valid select, .divEditAccountControlDetails .spanValid8.error input, .divEditAccountControlDetails .spanValid8.error select, .divEditAccountControlAddress .spanValid8.valid input, .divEditAccountControlAddress .spanValid8.valid select, .divEditAccountControlAddress .spanValid8.error input, .divEditAccountControlAddress .spanValid8.error select, .divEditSubscriptionControl .spanValid8.valid input, .divEditSubscriptionControl .spanValid8.valid select, .divEditSubscriptionControl .spanValid8.error input, .divEditSubscriptionControl .spanValid8.error select*/ .spanValid8.valid input, .spanValid8.valid select, .spanValid8.error input, .spanValid8.error select { background-position-x: 99%; margin-bottom: 6px; } .divViewAccountControlAddress .cbx .readRight, .divViewAccountControlCar .cbx .readRight { display: table-cell !important; float: none !important; width: 90% !important; padding-left: 5px !important; vertical-align: middle; } .divViewAccountControlAddress .cbx .readLeft label, .divViewAccountControlCar .cbx .readLeft label { text-align: left; white-space: nowrap; } .divViewAccountControlAddress .cbx, .divViewAccountControlCar .cbx { display: table !important; margin-bottom: 10px !important; } /*************************************************/ /********* account-summary.aspx END **************/ /*************************************************/ /**************************************************/ /************ ProductsTable.ascx START ************/ /**************************************************/ .productsTable .tr { display: inline-block; } .productsTable.table { display: inline-block; font-size: 18px; } .productsTable .td { display: inline-block; } .productsTable .td.Thumbnail { float: left; width: 30%; } .productsTable .td.Name { float: left; width: 70%; } .productsTable .td.Quantity { float: left; width: 33%; } .productsTable .td.Price { float: left; width: 33%; } .productsTable .td.TotalColumn { float: left; width: 34%; } .productsTable .tr:not(:first-child) .innerTd .header { display: block; } .productsTable .td.Thumbnail .image img { max-width: 100%; } .productsTable .td.Thumbnail .header, .productsTable .td.Name .header { display: none !important; } .productsTable .td.Quantity .line, .productsTable .td.Price .line, .productsTable .td.TotalColumn .line { height: 120px; } .productsTable .tr:not(:first-child) { border-top: 2px solid #0863A7; padding-top: 20px; margin-top: 20px; } .OrderHistoryInfo .Right { float: none; border: none; padding-left: 0px; margin-left: 0px; width: 100%; line-height: 35px; } .prodDetailsBottom #rightSide { margin-top:10px; } .OrderHistoryInfo .Left, .OrderHistoryInfo .Right { width: 100% } /************************************************/ /************ ProductsTable.ascx END ************/ /************************************************/ /***********************************************/ /************ PreSearch.aspx START *************/ /***********************************************/ .noPartsForCar .bottom .left {display: none;} .noPartsForCar .bottomWrapper, .noPartsForCar .bottom .right { background-color: #fff; } .noPartsForCar .bottom .right { padding-top: 0px; } .noPartsForCar ul.categoriesList { min-width: 100%; } .noPartsForCar .bottom .right, .preSearch .bottom .right { display: inline-block; padding: 20px 0px; } .preSearch .right ul.categoriesList {padding: 0px 5px;} .preSearchCar .carRegPartsLookupLeft, .noPartsForCar .carRegPartsLookupLeft { float: left; padding-right: 20px; } .preSearchCar .carRegPartsLookupLeft, .noPartsForCar .carRegPartsLookupLeft { padding-top: 10px; } .preSearch .carRegPartsLookupRight { float: left; } .preSearch .txt_registration, .preSearchCar .txt_registration, .noPartsForCar .txt_registration { white-space: nowrap; } .noPartsForCar .bottom .left .cellContent, .preSearch .bottom .left .cellContent { width: 100%; } .preSearch .left.noSelectedcCar {padding: 0px 0px;} .preSearchCar .wrapper, .p2Content .p2RightCol, .preSearch > .wrapper { background-color: transparent; } .preSearch .txt_registration .carName { display: none; } .preSearch .txt_registration .carNameTitle { white-space: normal; } .preSearch .txt_registration.title:after { content: ':'; } .preSearch .txt_registration.title { display: table-cell !important; width: auto; } /***********************************************/ /************ PreSearch.aspx END ***************/ /***********************************************/ /**************************************************/ /************ PreSearchCar.aspx START *************/ /**************************************************/ /*.preSearchCar .makeAndModelDDLs .ddl {display: inline-block;} .preSearchCar .makeAndModelDDLs .ddlLabelStyle {display: inline-block; text-align: left; padding-left: 30px; position: relative; left: -13px;} .preSearchCar .makeAndModelDDLs .ddlLabelStyle.selected {padding-left: 0px;} .preSearchCar .makeAndModelDDLs .dropdownStyle {display: inline-block; width: 100%; float: none;} .selectedModel .carImage img { width: 50px; }*/ /************************************************/ /************ PreSearchCar.aspx END *************/ /************************************************/ /****************************************************/ /************ shop/ landing pages START *************/ /****************************************************/ .landing_span.semi_span, .landing_span.tri_span {width: 100% !important; margin: 5px 0px;} .carToolsDIY .landing_span.semi_span {width: 100% !important; margin: 5px 0px;} .carToolsDIY .category_divider {display:none;} .Oils .landing_span.semi_span {width: 100% !important; margin: 5px 0px;} .Oils .category_divider {display:none;} .category_h2 {font-size: 36px !important;} .transparent_shaded {width: 100%;} .travelcategorylinksList { padding-left: 5px; } .travelcategorylinksList > ul {} .travelcategorylinksList > ul > li {font-size: 16px; padding: 3px 0px;} .categorylinksSplitList { vertical-align:top; } .bikeRacks .landing_span.semi_span, .babyChildTravel .landing_span.semi_span, .coolingHeating .landing_span.semi_span, .gasketsSealsSensors .landing_span.semi_span, .timingBelts .landing_span.semi_span {margin: 0px; border-top: none; border-bottom: none;} /**************************************************/ /************ shop/ landing pages END *************/ /**************************************************/ /**************************************************/ /************ ProdDetails.aspx START **************/ /**************************************************/ .prodDetailsBottom {} .prodDetailsBottom #leftSide {width: 100% !important;} .prodDetailsBottom #rightSide {padding-left: 0px; margin-left: 0px; border-left: none; width: 100%;} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide { padding-left: 5px !important; padding-right: 5px !important; } #Popup360 #container-threesixty .threesixty { width: 420px !important; height: 279px !important; } .topContainer .ProductImages {width: 50%; padding-right: 1%;} .topContainer .prod-content {width: 49%; margin-right: 0px; padding-right: 0px;} .topContainer .prod-buy {width: 100%; float: right;} .topContainer .ProductImages .thumbnails {} .prod-buy .paymentMethods { margin-top: 10px; float: right; clear: both; } /**************************************************/ /************ ProdDetails.aspx END ****************/ /**************************************************/ /****************************************/ /*********** HOMEPAGE START *************/ /****************************************/ /*.homepageTop .identifyVehicleDialog .loadingBarCarSelection { width: 397px; }*/ .homepageTop .tr { display: block; } .homepageTop .mobile .top .image { width: 476px; margin: 0px auto; position: relative; display: block; } .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li { width: 48%; } .homepageMiddle div.product-grid {width: 48%;} .homepage-brands li {width: 31.5%;} .homepageBottom .mobileTrustBar ul#trustBar li:nth-child(5) {width: 100%;} .homepageBottom .mobileTrustBar ul#trustBar li a span.text {font-size: 23px;} .signUpRequest .dialog {width: 100%; margin: 0px; height: 100%; top: 0px; left: 0px;} .homepageTop .left {width: 100%; display: inline-block; border: none; padding-right: 0px;} .homepageTop .right {display: none;} .homepageTop .mobile .top .textboxBorder { box-shadow: 0px 0px 8px 4px #bbb; left: 0px; } .homepageTop .findingMethod .identifiedCar .actionButtons {float: right; display: inline-block; margin-left: 10px; width: auto; margin-top: 5px;} .homepageTop .findingMethod .identifiedCar .actionButtons button { max-width: 200px; height: 35px !important; line-height: 35px; float: none; width: 100%; } .homepageTop .findingMethod .identifiedCar .actionButtons button:before {line-height: 35px !important;} /**************************************/ /*********** HOMEPAGE END *************/ /**************************************/ /*******************************************/ /*********** search.aspx START *************/ /*******************************************/ .searchPage .right .txt_registration .carNameTitle { display: table-cell; width: auto; font-family: futura-pt-condensed; font-weight: 700; color: #F47D30; font-size: 24px; float: none; } .searchPage .right .txt_registration .carRegPartsLookupLeft .carName { display: none; } .searchPage .right .txt_registration .carRegPartsLookupLeft { min-width: inherit; } .searchPage .right .txt_registration .actionButtons { width: 100%; text-align: right; } .searchPage .right .txt_registration .carRegPartsLookupRight {width: 100%; padding-left: 135px;} /*****************************************/ /*********** search.aspx END *************/ /*****************************************/ /*****************************************************/ /*********** site-map/default.aspx START *************/ /*****************************************************/ .siteMap ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } /***************************************************/ /*********** site-map/default.aspx END *************/ /***************************************************/ /****************************************************/ /*********** contact/default.aspx START *************/ /****************************************************/ .contactUs .left {width: 100%;} .contactUs .right {width: 100%; margin: 0px; padding: 0px; border: none; margin-top: 100px;} /**************************************************/ /*********** contact/default.aspx END *************/ /**************************************************/ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .shopPage #p2RightCol .carRegAndDDLs .carReg > button { width: 110px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 360px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 327px; padding: 0px 20px; font-size: 30px; height: 73px; } .prodDetailsBottom .relatedProduct { width: 50%; } .prodDetailsBottom .relatedProduct:nth-child(2n) { border-right: none; } } @media only screen and (max-width : 700px) { .footer-ecommerce-award { float: left; width: 30% !important; } .footer-tecdoc { width:30% !important; float: left; } #radsDeliveryOptions, .radios { width: 328px !important; } /* .prod-buy .stock-scarcity-popup { margin-left: 50px; } */ .prod-buy .bulk-discount-wrapper { width: 219px; } div.product-grid div.product-grid-price .stock-scarcity-popup { /* margin-left: -200px; */ /* margin-top: 81px; */ margin-left: 6%; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -258px; }*/ .BasketProductsTable .Quantity { width: 160px; } div#videoContentWrapper .videoLeft { display:none; } div#videoContentWrapper .videoRight .relatedVideosRight { margin-top: 10px; display: inline; float:left; } div#videoContentWrapper .videoRight .relatedVideosRight .title { color: #000; font-family: futura-pt-condensed; font-weight: 700; font-size: 18px !important; text-transform: uppercase; text-align:left; margin-left: 5px; } div#videoContentWrapper .videoRight .relatedVideosRight > ul { list-style: none !important; width: 100%; margin-top: 10px; display:inline-block; } div#videoContentWrapper .videoRight .relatedVideosRight > ul > li { width:31%; float: left; margin: 1%; text-align:center; } div#videoContentWrapper .videoRight .relatedVideosRight img { width:94% } div#videoContentWrapper .videoRight .relatedVideosRight > ul > li:nth-child(1) { margin-left:0px; } div#videoContentWrapper .videoRight .relatedVideoRightTile { width: 32%; } div#videoContentWrapper .videoRight { width: 100%; } div#videoContentWrapper .videoRight .moreVideos #allCategories, div#videoContentWrapper .videoRight .moreVideos .popularVideos { width:100%; float:left; margin-top:10px; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup span, div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian .videoAccordianGroup a { font-size:25px; line-height:25px; } div#videoContentWrapper .videoRight .moreVideos #allCategories .videoAccordian { width: 100%; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li span { font-size: 24px; } div#videoContentWrapper .videoRight .moreVideos .popularVideos .popularVideoList > li > a { font-size: 24px; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 32.0%; } #footerFluid { display: flex; width: 100%; flex-wrap: wrap; } #footerFluid .leftBar { width: 100%; display: inline-block; } #footerFluid .rightBar { padding: 20px 0px 0px 0px; width: 100%; display: inline-block; margin: 0px auto; border: none; font-size: 16px; color: #1f69ab; font-weight: 700; text-align: left; } /*************************************************/ /************ nct/default.aspx START *************/ /*************************************************/ div.nct-checks-email-form {width: 100%; height: auto; background-image: none; background-color: #eee; padding: 10px 0px;} /***********************************************/ /************ nct/default.aspx END *************/ /***********************************************/ /********************************************/ /************ search.aspx START *************/ /********************************************/ .reg_single_grid div.product-grid-single-h .td.product-grid-content { width: 100%; display: inline-block; } .reg_single_grid div.product-grid-single-h .td.product-grid-price { display: inline-block; width: 100%; } div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left { display: table; margin: 0px auto; } div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text {display: inline-block; width: 100%;} /********************************************/ /************ search.aspx END ***************/ /********************************************/ /*********************************************/ /****** REG PLATES **************************/ /*********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; } /*.registrationPlates .registrationPlatesInformation .reg_right .reg_image { width:100%; margin-top: 5%; margin-left: 1%; }*/ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 360px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 327px; padding: 0px 20px; font-size: 30px; height: 73px; } #ffresulthtml #buttonRelatedProductAddToBasket.btn { width: 100%; font-size: 20px; padding: 10px 0px 15px 15px; font-size: 26px; } } /*********************************************/ /****** RESPONSIVE 700 END **************************/ /*********************************************/ /*@media only screen and (max-width : 640px) { .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 32.0%; } }*/ @media only screen and (max-width: 660px) { .rightBar .footer-paymentMethod { width: 46px; } .Threshold { font-size: 0.72em; } #radsDeliveryOptions, .radios { width: 310px !important; } } @media only screen and (min-width : 850px) and (max-width : 900px) { #ffresulthtml .discount-applied-container { /*width: 48%; */ } #ffresulthtml .discount-available-normal { font-size: 22px !important; } #ffresulthtml .discount-available-quantity { font-size: 32px !important; } #ffresulthtml .discount-available-emphasis { font-size: 22px; } #ffresulthtml .discount-available-percent { font-size: 32px !important; } } @media only screen and (min-width : 601px) and (max-width : 700px) { #ffresulthtml div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { padding-left: 18px !important; } #ffresulthtml #buttonRelatedProductAddToBasket.btn { padding: 10px 0px 10px 40px !important; } } @media only screen and (min-width : 601px) and (max-width : 849px) { .searchPage div.product-grid-code { font-size: 18px!important; } .searchPage div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > div.product-grid-content-image { text-align: left !important; } #ffresulthtml div.product-grid-single-h .td.product-grid-price { width: 26%; } #ffresulthtml .discount-applied-container { /*width: 48%; */ } #ffresulthtml .discount-available-normal { font-size: 16px !important; } #ffresulthtml .discount-available-quantity { font-size: 26px !important; } #ffresulthtml .discount-available-emphasis { font-size: 16px; } #ffresulthtml .discount-available-percent { font-size: 26px !important; } } @media only screen and (max-width : 600px) { .SectionHeader { line-height: 1!important; } .rating-overview .rating-wrapper { width: 75% !important; } #review-write-new #btnSubmitReview, #review-write-new #btnCancelReview { margin-left: 16px !important; } #review-customer-reviews .review-item-ratings-left { width: 100% !important; } .review-item-wrapper .rating-wrapper { width: 46% !important; } #review-customer-reviews .review-item-wrapper .review-item-content { width: 100% !important; } #review-customer-reviews .review-item-summary-right { width: 100% !important; } #review-customer-reviews .review-item-ratings-left { border-right: 0px dotted #BBB !important; } .read-all-reviews { padding-left: 2px !important; } #review-write-new #review-your-review, #review-write-new .formField { width: 98% !important; } #review-write-new label { font-size: 18px !important; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border div.product-details-tab-header-unselected { border-bottom: 1pt solid #fff!important; border-top: 1pt solid #fff!important; } .product-details-rating-stars .rating-value { font-size: 24px !important; margin-left: 0px !important; } .rating-overall-left .rating-value { margin-left: 0px !important; font-size: 20px; } .rating-overall-left { width: 100% !important; } .customer-prompt-section-country-name { font-size: 20px !important; } .customer-prompt-section-currency-name { font-size: 16px !important; } .customer-prompt-section-additional { font-size: 16px !important; } .customer-prompt-btn-left-prompt { font-size: 16px !important; } .customer-prompt-section-country-flag { display:none; } .products-listing-warning-mobile { display: block; margin-bottom: 6px; padding-bottom: 7px; border-bottom: 1px solid; color: #F47D30; margin-left: 2px; } .specialOrderItem-mobile { float: left !important; margin-left: 10px; } .specialOrderItem-Star { float: left !important; } .return-table { display: none; } .returns-addresses { width: 100% !important; } .returns-addresses-mobile { display: block !important; } .return-table-mobile tbody { display: table !important; width: 100%; } .returns-addresses-mobile-country { float: left; } .return-table-mobile { display: block !important; border-top: 1pt solid #F47D30; border-bottom: 1pt solid #F47D30; margin-bottom: 12px !important; } .return-table-mobile-row { vertical-align: top; vertical-align: top; border-bottom: 1pt solid #ccc; line-height: 1.4; } .return-table-mobile-col1 { width: 40%; background-color: #ddd; padding-left: 4px; font-weight: 600; } .return-table-mobile-col2 { background-color: #F3F3F3; padding-left: 4px; } .return-table-mobile-col2 span { font-weight: 600; float: left; } .return-table-mobile td img { width: 70%; padding-top: 4px; padding-right: 2px; } .return-table-prompt { font-weight: 600; font-size: 13px; } .micksgarage-domain-logos { width:45%; } .searchPage table.product-grid-single-attributes td { font-size: 14px !important; } .searchPage .mobileActionBar .right { font-size: 24px; } .searchPage .right .mobileProdName { font-size: 26px !important; } .mobile-product-grid-code { font-size: 18px; } .searchPage .right #ffresulthtml .td.product-grid-price div.price { font-size: 30px; } .bundlesBottom .bundlesShow.text { font-size: 24px; } .prodDetailsBottom input.quantity-input{ font-size: 22px !important; } .mobile-product-grid-code { display: inline-block !important; } #radsDeliveryOptions, .radios { width: 100% !important; } .basketPage .basket-quantity-wrapper { margin-bottom: -8px; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: 0%; }*/ #ffresulthtml .discount-applied-container { /*width: 48%; */ } #ffresulthtml .discount-available-normal { font-size: 20px !important; } #ffresulthtml .discount-available-quantity { font-size: 30px !important; } #ffresulthtml .discount-available-emphasis { font-size: 20px; } #ffresulthtml .discount-available-percent { font-size: 30px !important; } /* .prod-buy .stock-scarcity-popup { margin-left: 50px; } */ .BasketProductsTable .Quantity { width: 160px; } /*********************************************/ /****** QUANTITY ITEMS CHANGES **************/ /*********************************************/ .searchPage .right div.product-grid-single-h { width: 100%; min-height: 300px; /*height: 276px;*/ } #ffresulthtml div.product-grid-single-h > table, #ffresulthtml div.product-grid-single-h > .table, .oeNumberSearchPage div.product-grid-single-h > table, .oeNumberSearchPage div.product-grid-single-h > .table { height: inherit; } #ffresulthtml #buttonRelatedProductAddToBasket.btn { width: 200px; font-size: 20px; padding: 15px 0px 15px 15px; font-size: 22px; } #ffresulthtml .quantity-and-addtobasket, #ffresulthtml .product-grid-stock-msg { display: none; } #ffresulthtml .product-grid-stock-msg-mobile { display: inline-block !important; } #ffresulthtml .quantity-and-addtobasket-mobile { display: inline-block !important; margin-top: 22px; } #ffresulthtml .bulk-discount-wrapper { display: inline-block !important; } #ffresulthtml .bulk-discount-wrapper-mobile { /*display: inline-block !important; margin-top: 16px; width: 100%; float: left;*/ } #ffresulthtml .bulk-discount-wrapper-mobile .discount-available-container { bottom: inherit; width: 100%; } /*#ffresulthtml .quantity-and-addtobasket-mobile .discount-available-container { width: 100%; position: absolute; margin-top: 25px; }*/ #ffresulthtml div.product-grid-single-h .td.product-grid-price .quantity-and-addtobasket-mobile .quantity-wrapper, #ffresulthtml div.product-grid-single-h .td.product-grid-price .quantity-wrapper { width:100%; margin: -10px 0px 0px 0px; display: inline-block; } #ffresulthtml .quantity-and-addtobasket .quantity-wrapper { width:100%; margin: -10px 0px 0px 0px; display: inline-block; } #ffresulthtml .quantity-and-addtobasket-mobile .quantity-wrapper { width: 200px; /*margin: 30px 0px -15px 0px;*/ display: inline-block; } #ffresulthtml .search-results-details { padding-top: 34px !important; padding-bottom: 0px !important; } .searchPage .right .showMoreDetailsProductListing { margin-top: 65px; } /*********************************************/ /****** REG PLATES **************************/ /*********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 32.0%; } /*************************************/ /********* Basket page START *********/ /*************************************/ .BasketProductsTable { } .BasketProductsTable .Thumbnail { } .BasketProductsTable td.TotalColumn, .BasketProductsTable .td.TotalColumn { padding-left: 5px; } .BasketProductsTable .Thumbnail .image { width: auto; height: 103px; } .BasketProductsTable .Thumbnail .image img {max-width: 100%;} .BasketProductsTable, .basketPage .subtotalLine { font-size: 16px; } .basketPage .voucherTextBox { width: 100%; background-position-x: 98% !important; padding: 4px; } .basketPage .spanValid8.error .validationMessage { font-size: 0.85em; } .BasketProductsTable .ShippingMessage { display: block; width: 100%; } .BasketProductsTable .shippingValueTD { display: inline-block; float: right; padding: 0.85em; } .BasketProductsTable .ShippingDropDownListTD { display: inline-block; float: left; width: 100%; border: none; } .basketPage .dialog { width: 100%; margin: 0px; top: 90px; left: 0px; height: auto; bottom: 0px; } .basketPage .dialog .body { height: auto; } .fluid #body { /*padding: 0px 5px;*/ } .basketPage .ApplyCode .smallSizeButton .validatorButtonIn { line-height: 26px; font-size: 1em !important; vertical-align: top; min-width: 60px; } .basketPage .ApplyCode .smallSizeButton.validatorButtonOut { font-size: inherit !important; height: 26px; padding: 0px 0px 0px 30px !important; min-width: 0px; } .basketPage .ApplyCode .validatorButtonOut:before { font-size: 1.1em !important; width: 29px; padding-left: 7px; line-height: 1.5em !important; } .basketPage .checkoutButtonIn { width: 100%; } .BasketProductsTable .ShippingDropDownListTD div select { width: 100%; } .BasketProductsTable .VoucherMessage {display: block; width: 100%;} .VoucherTextboxTD .VoucherTextBoxDiv { margin: 0px; height: 40px; display: table-cell; vertical-align: top; padding-top: 4px; padding-right: 20px; width: 100%; float: none; } .BasketProductsTable .VoucherTextboxTD {display: inline-block; width: 100%; padding: 8px; border: none; } .BasketProductsTable .voucherValueTD {display: inline-block; float: right; padding: 0.85em; } .BasketProductsTable .ApplyCode { display: table-cell; float: none; } /***********************************/ /********* Basket page END *********/ /***********************************/ /**********************************************/ /********* Add to basket dialog START *********/ /**********************************************/ .dialog-addtobasket-complete, #dialog-addtobasket-pending, .dialog { width: 300px; margin-left: -150px; } .dialog-addtobasket-complete.RelatedProducts { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; margin: 0px; overflow-y: auto; } .dialog-addtobasket-complete .body .basketIcon.relatedProductBelow {float: none;} .dialog-addtobasket-complete.RelatedProducts .body.top {height: auto; display: inline-block; padding: 10px;} .dialog-addtobasket-complete.RelatedProducts .body.bottom {height: auto; padding: 10px;} .dialog-addtobasket-complete.RelatedProducts .body.top .button {width: 100%; float: none;} .dialog-addtobasket-complete.RelatedProducts .body.top .button button {width: 100%; margin: 10px 0px !important;} .dialog-addtobasket-complete.RelatedProducts .body.top .bottomText {width: 100%; margin: 0px; margin-bottom: 20px; font-size: 20px; line-height: 24px; float: none;} .dialog-addtobasket-complete .button .viewBaketButton {min-width: 100px; font-size: 20px !important;} .dialog-addtobasket-complete .button .continueButton {min-width: 100px; font-size: 20px !important;} /********************************************/ /********* Add to basket dialog END *********/ /********************************************/ /**************** 404 PAGE START *******************/ /**************** 404 PAGE START *******************/ /**************** 404 PAGE START *******************/ .page404 { } .page404 .wrapper404 {width: 100%;} .page404 .left { float: none; text-align: center; } .page404 .left img { max-width: 100%; } .page404 .right { padding-left: 0px; } .page404 .right .Yikes { font-size: 100px; line-height: 80px !important; } .page404 .right .ThisIsEmbarrassing { line-height: 30px !important; text-align: left !important; padding-top: 20px; } .page404 .right .ErrorPageMessage { } .page404 .right .GetMeOut button {font-size: 34px !important; } /**************** 404 PAGE END *******************/ /**************** 404 PAGE END *******************/ /**************** 404 PAGE END *******************/ .preSearchCar .dialog { width: 280px; margin-left: -140px; } /*******************************************/ /*********** search.aspx START *************/ /*******************************************/ .searchPage .right div.product-grid-single-h {width: 100%;} .searchPage .right div.product-grid-single-h .table { position: relative;} .searchPage .right div.product-grid-single-h .table .tr { position: relative;} .searchPage .right .bundlesBottom { /*display: none;*/ } .bundlesBottom div.productBundles-left { width:100% } .bundlesBottom div.productBundles-right { width:100% } .bundlesBottom .bundleDetail .bundlePrice { float: left !important; margin-left: 63px !important; } .searchPage .right .showMoreDetailsProductListing { display: inline-block; text-transform: uppercase; color: #F47D30; font-family: futura-pt-condensed; font-weight: 700; font-size: 20px; margin-top: 20px; cursor: pointer; width: 100%; } .searchPage .right .showMoreDetailsProductListing:hover { text-decoration: underline; } /*.searchPage .right .showMoreDetailsProductListing:after*/ .searchPage .right .showMoreDetailsProductListing:before { font-family: MGicomoon; content: '\0032'; font-size: 16px; font-weight: 500; /*position: absolute;*/ } .searchPage .right .showMoreDetailsProductListing.open:before { content: '\0033'; font-weight: 500; } .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left {position: absolute;} .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left .product-grid-content-image a {} .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left > div.product-grid-content-image {text-align: left !important;} .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left .product-grid-content-image img { max-width: 130px;} .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text {padding-top: 100px; width: 100%; display: inline-block;} .searchPage .right div.product-grid-single-h .td.product-grid-price { background: transparent; border-left: none; position: absolute; width: 150px; padding: 0px; right: 10px; /*top: 45px;*/ top: 110px; } .searchPage .right div.product-grid-single-h .td.product-grid-content { padding: 10px; width: 100% !important; padding-top: 45px; } .searchPage .right .mobileProdName { display: inline-block; position: absolute; top: 5px; font-family: futura-pt-condensed; font-weight: 500; font-size: 19px; color: #F47D30; text-transform: uppercase; text-align:right; margin-left: 100px; margin-right: 15px; text-align: right; } .searchPage .right .prodNameDiv, .searchPage .right .reevoomark_badge, .searchPage .right div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text .brandLogo, .searchPage .right .ProductImagesAndVideos, .searchPage .right .product-grid-code { display: none; } .searchPage .right div.product-grid-free-delivery div.text {} .searchPage .right div.product-grid-free-delivery div.icon {} .searchPage .right .price-rrp {font-size: 1em !important;} .searchPage .right .txt_registration .carRegPartsLookupRight {font-size: 20px; min-width: inherit;} .searchPage .right .txt_registration .carRegPartsLookupLeft img {} .searchPage .right .txt_registration .actionButtons { display: table; padding: 0px; } .searchPage .right .txt_registration .actionButtons button.ClearThisCarButton { /*display: table-cell;*/ width: 151px !important; font-size: 18px; height: 42px !important; } .searchPage .right .txt_registration .actionButtons .ShowAllPartsButton { float: left; margin-bottom: 0px; } .searchPage .right div.product-grid-single-h .product-grid-content-info-link, .searchPage .right div.product-grid-single-h .products-listing-warning { display: none; } .searchPage .right div.product-grid-single-h .product-grid-price div.relatedProductAddToBasket {} .searchPage .right div.product-grid-single-h .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn {width: 127px; font-size: 16px; padding: 6px 1px 5px 40px;} .searchPage .right div.product-grid-single-h .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before {font-size: 21px; width: 33px;} .searchPage .right div.product-grid-single-h .product-grid-single-attributes { /*display: none; */ } .searchPage .noAttributesFound { border-top: none; margin-top: 40px; } .bundlesBottomMobile {display: inline-block; cursor: pointer; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; width: 100%; padding: 10px; font-family: futura-pt-condensed; font-weight: 500; font-size: 20px;} .searchPage .right .txt_registration .actionButtons button { width: 48%; } /*****************************************/ /*********** search.aspx END *************/ /*****************************************/ /**************************************************/ /*********** about/default.aspx START *************/ /**************************************************/ .aboutUsPage .tile { width: 100%; margin: 10px 0px; } /************************************************/ /*********** about/default.aspx END *************/ /************************************************/ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 360px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 327px; padding: 0px 20px; font-size: 30px; height: 73px; } } @media only screen and (max-width : 580px) { .Threshold { font-size: 0.7em; line-height: 1.5em; } .bubble { height: 60px !important; width: 80% !important; } .bubble:after { top: 18px !important; } } /**********************************************************/ /****** RESPONSIVE 500 START ****************************/ /*********************************************************/ @media only screen and (max-width : 550px) { .bubble { width: 80% !important; } .returns-banner-left-headline { font-style: italic; text-align: right; line-height: 1; font-size: 18px !important; } .returns-banner-left-subheadline { font-size: 16px !important; color: Gray; line-height: 1.2; } .returns-banner-right { float: left; width: 20%; margin-top: 0px !important; } .returns-banner-right .returns-banner-dude { height: 100px !important; padding-left: 0px !important; } div.SocialIcons, div#SocialIcons { font-size: 48px; } .Threshold { font-size: 0.68em; } #bodyCenter.oneColumn > #bodyCenterContent.oneColumn > #map-canvas { width:400px; } .prod-buy .bulk-discount-wrapper { /*width: 50% !important; float: left;*/ } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -212px; }*/ #ffresulthtml .discount-applied-container { /*width: 48%; */ } .BasketProductsTable .Quantity { width: 160px; } /*************************************************/ /*********** shop.default.aspx START *************/ /*************************************************/ .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 32.0%; } .shopPage #p2RightCol > div {padding: 40px 5px;} .shopPage .homepageMiddle {width: 100%;} .shopPage .homepageMiddle .left .carReg .carRegText {width: 51%;} .shopPage .homepageMiddle .left .carReg .carRegText .carRegTextBoxStyle {width: 100%; font-size: 36px;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle {width: 200px; text-align: right; float: none;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle.Make {padding-right: 128px;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle.baseModel {padding-right: 68px;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle.model {padding-right: 117px;} .shopPage .makeAndModelDDLs .ddl .ddlLabelStyle.engine {padding-right: 113px;} .shopPage #p2RightCol > div:nth-child(1) {padding: 40px 5px;} .shopPage #p2LeftCol {padding: 40px 5px;} /***********************************************/ /*********** shop.default.aspx END *************/ /***********************************************/ .preSearch .actionButtons, .quickSearchCars .actionButtons {width: 100%;} .preSearch .actionButtons button {width: 100%; font-weight: 700 !important;} .preSearch .carRegPartsLookupLeft img {height: 82px;} .preSearch .validationGroup.txt_registration .title {white-space: nowrap !important;} .preSearch .validationGroup.txt_registration .title, .preSearch .txt_registration .carNameTitle {font-size: 30px !important; line-height: 27px;} .preSearch .resultMessage.identifiedCar {font-size: 23px; line-height: 25px; margin-top: 0px;} /*********************************************/ /****** REG PLATES **************************/ /*********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; } .carRegAndDDLs .carReg .carRegText { width: 360px; } .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 327px; padding: 0px 20px; font-size: 30px; height: 73px; } } @media only screen and (max-width : 500px) { .campaign-html-banner-large { font-size: 24px !important; } .campaign-html-banner-content { font-size: 14px !important; } .bundlesBottom .bundles-img { width: 90% !important; } .bundlesBottom .bundlesShow.text { font-size: 22px; } .prodDetailsBottom .imageAnchor { width: 122px !important; } .collection-page .bullet-list { margin-left: 0px !important; } .delivery-page .text { line-height: 1 !important; font-size: 12px !important; } .delivery-page .delivery-table { margin-left: 8px !important; } .delivery-page .delivery-table-header { font-size: 18px !important; } .basketPage .basket-quantity-input { font-size: 14px; } .bulk-discount-wrapper { min-height: 100px !important; } .quantity-and-addtobasket { margin-top: 0px !important; } .returns-banner-left-headline { font-style: italic; text-align: right; line-height: 1; font-size: 14px !important; } .returns-banner-left-subheadline { font-size: 12px !important; color: Gray; line-height: 1.2; } .returns-banner-right { float: left; width: 20%; margin-top: 0px !important; } .returns-banner-right .returns-banner-dude { height: 75px !important; padding-left: 0px !important; } .returns-body .title { font-size: 19px !important; } .returnsText { font-size: 14px !important; } .basketPage .basket-quantity-wrapper { margin-bottom: -2px; } .prod-buy .bulk-discount-wrapper { /*width: 50% !important; float: left;*/ } #ffresulthtml .discount-applied-container { /*width: 48%; */ } div.product-grid div.product-grid-price .stock-scarcity-popup { margin-left: -273px; margin-left: 17%; } .specialOffersPagee .stock-scarcity-popup { margin-left: -273px; margin-left: -1%; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -169px; }*/ .BasketProductsTable .Quantity { width: 160px; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 48.0%; } .BasketProductsTable, .basketPage .subtotalLine, .basketPage { font-size: 17px; } .basketPage .ApplyCode .validatorButtonOut:before { line-height: 1.5em !important; padding-left: 5px; } /********************************************/ /********* Choose car model START ***********/ /********************************************/ #wrapper.fluid .CarModelSelectionDialog .dialog { position: fixed; top: 0; margin: 0px !important; left: 0; width: 100% !important; height: 100% !important; } #wrapper.fluid .CarModelSelectionDialog .dialog .header {position: absolute; left: 0; top: 0; z-index: 1;} #wrapper.fluid .CarModelSelectionDialog .dialog .body {margin: 0px; width: 100%; padding: 0px; display: inline-block !important; height: 100%; top: 0; position: absolute; left: 0; padding-top: 40px;} #wrapper.fluid .CarModelSelectionDialog .dialog .body .innerBody {height: 100% !important; width: 100%;} .CarModelSelectionDialog .carModelSelectorDiv:nth-child(2n+1) {margin-right: 0px; padding-right:5px;} #CarModelSelectionDialog_Dialog .carModelSelectorDiv .label {width: 100%; display: table-cell; float: none; vertical-align: top; font-size: 20px;} #CarModelSelectionDialog_Dialog .body .carModelSelectorDiv {width: 100%; display: inline-block;} .CarModelSelectionDialog .carModelSelectorDiv > div {float: left; width: 100%;} .CarModelSelectionDialog .carModelSelectorDiv .image {float: none; display: table-cell; padding-right: 10px;} .CarModelSelectionDialog .carModelSelectorDiv .image img {width: 90px; font-size: 16px;} .CarModelSelectionDialog .carModelSelectorDiv .dateFrom .dateLabel, .CarModelSelectionDialog .carModelSelectorDiv .dateTo .dateLabel {width: 70px;} #CarModelSelectionDialog_Dialog .header .text {font-size: 14px;} .preSearchCar .carReg .carRegText .carRegTextBoxStyle, .shopPage #p2RightCol .carReg .carRegText .carRegTextBoxStyle { padding: 0px 10px; font-size: 25px; } /*.preSearchCar .loadingBarCarSelection {width: 100%;}*/ /********************************************/ /********* Choose car model END *************/ /********************************************/ /********************************************/ /************ search.aspx START *************/ /********************************************/ div.product-grid-single-h .td.product-grid-content { display: inline-block; width: 100%; } div.product-grid-single-h .td.product-grid-price { display: inline-block; width: 100%; } div.product-grid-single-h .td.product-grid-content > div.product-grid-content-left { } div.product-grid-single-h .td.product-grid-content > div.product-grid-content-text {} /********************************************/ /************ search.aspx END ***************/ /********************************************/ /**************************************************/ /************ ProdDetails.aspx START **************/ /**************************************************/ .topContainer .ProductImages {width: 100%; padding-right: 0px;} .topContainer .prod-content {width: 100%;} .topContainer .prod-buy {border-top: 1px dotted #0081C6; margin-top: 5px; padding-top: 10px;} #Popup360 #container-threesixty .threesixty { width: 250px !important; height: 167px !important; } /**************************************************/ /************ ProdDetails.aspx END ****************/ /**************************************************/ /****************************************/ /*********** HOMEPAGE START *************/ /****************************************/ .homepageTop .mobile .top .image .SearchBox .txtSearch {width: 235px; font-size: 21px;} .homepageTop .mobile .top .textboxBorder {bottom: 4px; } .homepageTop .mobile .top .image {width: 100%; margin-bottom: 10px;} .homepageTop .mobile .top .image img {max-width: 100%; width: 100%;} .homepageTop .mobile .top {font-size: 23px;} .homepageTop .findingMethod .bottom {font-size: 18px; margin-left: 29px;} .homepageTop .banner { display: none; } .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li {width: 80%;} .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li:nth-child(odd), .homepageMiddle .featuredDepartments > ul.depts-m.bestSellers > li {margin-left: 10%} .homepageMiddle div.product-grid, .homepageMiddle div.product-grid:nth-child(odd), .homepageMiddle div.product-grid:nth-child(even) {margin-left: 10%} .homepageMiddle div.product-grid {width: 80%;} .homepage-brands li {width: 47%;} .homepageBottom .right .latestVideos ul li {width: 100%} .homepageBottom .mobileTrustBar ul#trustBar li a span.text {font-size: 16px;} .fluid #trustBar .delivery .text .ordersOver {font-size: 10px;} .homepageBottom .mobileTrustBar { padding: 30px 10px 0px 10px; } /*.homepageTop .identifyVehicleDialog .loadingBarCarSelection { width: 276px; }*/ .homepageTop .searchTextboxDialog .searchWrapper { margin-left: 5px; margin-right: 5px; } .homepageTop .searchTextboxDialog .searchWrapper .txtSearch { width: 233px; font-size: 21px; } .homepageTop .findingMethod .identifiedCar .actionButtons {float: none; width: 100%; margin-left: 0px;} .homepageTop .findingMethod .identifiedCar .actionButtons button {float: left; width: 48%; max-width: 48%;} .homepageBottom .right .latestVideos .featuredVideo { width: 100%; } .homepageBottom .right .latestVideos iframe { width: 100%; height: 250px; } /**************************************/ /*********** HOMEPAGE END *************/ /**************************************/ /*****************************************************/ /*********** site-map/default.aspx START *************/ /*****************************************************/ .siteMap ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } /***************************************************/ /*********** site-map/default.aspx END *************/ /***************************************************/ /******************************************************/ /*********** quick-search/cars.aspx START *************/ /******************************************************/ .quickSearchCars.shopPage #p2LeftCol ul li {width: 100%; margin: 2.5px 0px;} /******************************************************/ /*********** quick-search/cars.aspx END *************/ /******************************************************/ /*********************************************/ /****** REG PLATES **************************/ /*********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; } /*.registrationPlates .registrationPlatesInformation .reg_right .reg_image { width:100%; margin-top: 5%; margin-left: 1%; }*/ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 382px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 360px; } .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { font-size : 32px; width: 100%; height: 73px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 327px; padding: 0px 20px; font-size: 30px; height: 73px; } } /**********************************************************/ /****** RESPONSIVE 500 END ****************************/ /*********************************************************/ /****************************************************************************************************************************************/ /****** RESPONSIVE 450 START ****************************/ /****************************************************************************************************************************************/ @media only screen and (max-width : 450px) { .footer-ecommerce-award { float: left; width: 55% !important; } .footer-tecdoc { width: 50% !important; float: left; } .bundlesBottom .bundlesShow.text { font-size: 18px; } .returns-left .returns-process-btn { padding-left: 90px !important; width: 100%; } .bubble { height: 53px !important; width: 72% !important; } .Threshold { line-height: 1.9em !important; } .customer-prompt { width: 300px !important; margin-left: -149px !important; } .customer-prompt-btn-right { float: left !important; padding-bottom: 20px; } .customer-prompt-section-country-flag-ico { max-width: 44px !important; top: 42px !important; } .customer-prompt-select-drop-down { padding-bottom: 0px !important; } .customer-prompt-select-drop-down-country-flag { float: left !important; } .newStockAlertRequest .dialog { width: 300px !important; margin-left: -149px !important; } .newStockAlertRequest .dialog .MGLabel { line-height: 6px; } .stockAlertContainer .headerText { font-size: 22px !important; line-height: 22px !important; } .homepageMiddle .left .carReg .carRegText{ float: left; width: 172px; } .prod-buy .stock-scarcity-popup { margin-left: 50%; } .prod-buy .bulk-discount-wrapper { width: 219px; } .prod-buy .bulkDiscountMessageContent { width: 100%; float: right; } #ffresulthtml .discount-applied-container { width: 69%; } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -198px; }*/ .BasketProductsTable .Quantity { width: 160px; } div#videoContentWrapper .videoRight .relatedVideosRight > ul > li { width:49%; float: left; margin: 1%; text-align:center; } div#videoContentWrapper .videoRight .relatedVideosRight > ul { margin-left: 25%; } .searchPage .right .pnlNonPromotedBrands .non_promoted_brands_top .non_promoted_left { width: 100%; margin-bottom: 12px; float:left; } .searchPage .right .pnlNonPromotedBrands .non_promoted_brands_top .non_promoted_right { width: 100%; margin-bottom: 12px; float:left; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 49.1%; } /**********************************************/ /********* Add to basket dialog START *********/ /**********************************************/ .dialog-addtobasket-complete.RelatedProducts .body.bottom .basketModalRelatedProduct {width: 100%;} .dialog-addtobasket-complete.RelatedProducts .body.bottom .bottomText {margin-bottom: 10px; font-size: 21px;} .dialog-addtobasket-complete .relatedProductPopUp .left {width: 135px;} .dialog-addtobasket-complete .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-size: 20px; width: auto; padding: 5px 5px 5px 40px; } .dialog-addtobasket-complete .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before {font-size: 20px; width: 29px;} /********************************************/ /********* Add to basket dialog END *********/ /********************************************/ /********************************************/ /************ search.aspx START *************/ /********************************************/ .searchPage .mobileActionBar .left { } .searchPage .mobileActionBar .right { text-align: right;} .searchPage .mobileActionBar .left select.sortitems {width: 60px;} /********************************************/ /************ search.aspx END ***************/ /********************************************/ /*********************************************/ /****** REG PLATES **************************/ /*********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; } /*.registrationPlates .registrationPlatesInformation .reg_right .reg_image { width:100%; margin-top: 5%; margin-left: 1%; } */ /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 352px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .carRegAndDDLs .carReg .carRegText { width: 330px; } .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { font-size : 32px; width: 100%; height: 73px; } .shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 265px; padding: 0px 20px; font-size: 25px; height: 73px; } .dialog-addtobasket-complete .product-grid-price div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3 { font-size: 18px; width: 100%; padding: 5px 5px 5px 40px; } .dialog-addtobasket-complete .basketModalRelatedProduct .quantity-wrapper { display: inline-block; width: 100%; margin: -15px 0px -2px 0px; height: 100%; } .returns-banner-left-headline { font-style: italic; text-align: right; line-height: 1; font-size: 16px !important; } .returns-banner-left-subheadline { font-size: 13px !important; color: Gray; line-height: 1.2; padding-top: 4px; } .returns-banner-right { float: left; width: 20%; margin-top: 0px !important; } .returns-banner-right .returns-banner-dude { height: 75px !important; padding-left: 0px !important; } } /********************************************/ /* RESPONSIVE 450 END /********************************************/ /****************************************************************************************************************************************/ /* RESPONSIVE 400 START /****************************************************************************************************************************************/ @media only screen and (max-width : 400px) { .bundlesBottom .bundlesShow.text { font-size: 18px; } .bundlesBottom .imageAnchor { width: 110px !important; } .customer-prompt { width: 300px !important; margin-left: -149px !important; } bundles-img { width: 85% !important; } .customer-prompt-btn-right { float: left !important; padding-bottom: 20px; } .customer-prompt-section-country-flag-ico { max-width: 44px !important; top: 42px !important; } .customer-prompt-select-drop-down { padding-bottom: 0px !important; } .customer-prompt-select-drop-down-country-flag { float: left !important; } .customer-prompt-section-country-flag-ico { width: 285px !important; margin-left: -142px !important; } .homepageMiddle .left .carReg .carRegText{ float: left; width: 172px; } .prod-buy .stock-scarcity-popup { margin-left: 30%; } #ffresulthtml .discount-applied-container { width: 100%; } div.product-grid div.product-grid-price .stock-scarcity-popup { margin-left: 4% } /*.prodDetailsBottom .stock-scarcity-popup { margin-left: -116px; font-size: 10px; width: 100px; } */ /*.prodDetailsBottom .stock-scarcity-popup:before { left: 73px; } */ .prodDetailsBottom .popupMessageDetails { font-size: 12px; } .prodDetailsBottom .stock-scarcity-popup:after { left: 26px; } .prodDetailsBottom .stock-scarcity-popup:before { left: 23px; } .basketPage .basket-quantity-wrapper { margin-bottom: -1px; } .BasketProductsTable .Quantity { width: 160px; } div.relatedProductAddToBasket #buttonRelatedProductAddToBasket.btn-3:before { padding-left: 14px; } .largeSizeButton { font-size: 25px !important; } .largeSizeButton2 { font-size: 25px !important; } .basketPage .largeSizeButton2 { font-size: 40px !important; } .searchPage .right .pnlNonPromotedBrands .non_promoted_right, .searchPage .right #ffresulthtml .pnlNonPromotedBrands .non_promoted_right { width: 100%; margin-top: 12px; float:left; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands .includeAll { width: 100%; min-width: 0px; margin-left: 10px !important; margin-top: 0px; } .searchPage .right #ffresulthtml .pnlNonPromotedBrands ul#available-brands > li { width: 100%; } /********************************************/ /************ search.aspx START *************/ /********************************************/ .searchPage .right .txt_registration .actionButtons .ShowAllPartsButton {width: 100%; margin-bottom: 12px;} .searchPage .right .txt_registration .actionButtons button {width: 100%;} /********************************************/ /************ search.aspx END ***************/ /********************************************/ #fluidHeader > div.bottom > div.search > span.text, #fluidHeader .bottom .hover-menu, #fluidHeader .bottom .hover-menu-currency { font-size: 14px; } #fluidHeader .SearchBox input {width: 233px; padding: 0px 5px; font-size: 23px;} #divSignIn .createAccountButton input { font-size: 16px !important; } #divSignIn .backButton { font-size: 16px !important; min-width: 100px; } /***************************************************/ /********* account-summary.aspx START **************/ /***************************************************/ .SummaryUpdateCancelButtons > div, .SummaryUpdateCancelButtons > button { display: block; margin-bottom: 20px; } .accountPage .ui-menu { width: 200px !important; } .divViewAccountControlDetails .data .readLeft, .divViewAccountControlAddress .data .readLeft, .divViewSubscriptionsControl .data .readLeft, .divViewAccountControlCar .data .readLeft { min-width: 0px; } .SummaryUpdateCancelButtons, .SummaryUpdateCancelButtons > div, .SummaryUpdateCancelButtons > button { width: 100%; } .SummaryUpdateCancelButtons > div { margin-right: 0px; } .divSetDeliveryAddressAsBillingAddress .ReadLeft label, .divViewAccountControlAddress .cbx .readLeft label, .divViewAccountControlCar .cbx .readLeft label { white-space: normal; } .divSetDeliveryAddressAsBillingAddress .ReadRight, .divViewAccountControlAddress .cbx .readRight, .divViewAccountControlCar .cbx .readRight { width: auto !important; } /*************************************************/ /********* account-summary.aspx END **************/ /*************************************************/ /**************************************************/ /************ ProductsTable.ascx START ************/ /**************************************************/ .productsTable .innerTd .header { font-size: 0.95em; padding-top: 10px; } .productsTable .TotalColumn .line { font-size: 1em; } /************************************************/ /************ ProductsTable.ascx END ************/ /************************************************/ /*************************************************/ /************ PreSearch.aspx START ***************/ /*************************************************/ .preSearchCar .carRegPartsLookupLeft, .noPartsForCar .carRegPartsLookupLeft { float: none; } .preSearchCar .carRegPartsLookupLeft, .noPartsForCar .carRegPartsLookupLeft { padding-top: 10px; } .preSearch .carRegPartsLookupRight, .quickSearchCars .carRegPartsLookupRight {font-size: 18px;} .preSearch .txt_registration .label {width: 42px;} .noPartsForCar .bottom .left .cellContent, .preSearch .bottom .left .cellContent { width: 100%; } .preSearch .txt_registration, .preSearchCar .txt_registration, .noPartsForCar .txt_registration { white-space: normal; } /***********************************************/ /************ PreSearch.aspx END ***************/ /***********************************************/ .homepageTop .findingMethod .identifiedCar .actionButtons button {width: 100%; font-size: 20px !important; margin: 0px; max-width: 100%; } /********************************************/ /* REG PLATES /********************************************/ .registrationPlates .registrationPlatesInformation .reg_left { width: 100%; } .registrationPlates .registrationPlatesInformation .reg_right { width: 100%; margin-top: 2%; } /********************************************/ /* CAR REG LOOKUP FOR PRESEARCH PAGES /********************************************/ .carRegAndDDLs .carReg > button { width: 278px; min-width: 0px; margin-left: 0px !important; margin-top: 7px !important; } .shopPage #p2RightCol .carRegAndDDLs .carReg > button { margin-left: -25px !important; } .carRegAndDDLs .carReg .carRegText { width: 256px; } /*.shopPage #p2RightCol .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle*/ .carRegAndDDLs .carReg .carRegText .carRegTextBoxStyle { width: 100%; height: 73px; } } /********************************************/ /* RESPONSIVE 400 END /********************************************/ @media only screen and (max-width :380px) { .bundlesBottom .bundlesShow.text { font-size: 14px; } } @viewport{ zoom: 1.0; width: extend-to-zoom; } @-ms-viewport{ width: extend-to-zoom; zoom: 1.0; } /************************ FLUID DESIGN SITE.MASTER END **************************/ /************************ FLUID DESIGN SITE.MASTER END **************************/ /************************ FLUID DESIGN SITE.MASTER END **************************/ /********************** RIGHT TRUST BAR START ***********************/ /********************** RIGHT TRUST BAR START ***********************/ /********************** RIGHT TRUST BAR START ***********************/ div.rightBar > div.trustedName > div:nth-child(2) > div > a > span { top: 2px !important; font-family:myriad-pro, Arial, Sans-Serif !important; font-size: 14px !important; line-height: 15px !important; } div.rightBar .reevoo { margin-bottom: 20px; } div.rightBar .trustedShops, div.rightBar .goDaddy, div.rightBar .tecdoc { float: left; margin: 10px 0px; } div.rightBar .handlerbund, div.rightBar .pciDSS, div.rightBar .realEx { float: left; margin: 10px 0px 10px 45px; } div.rightBar .trustedShops img, div.rightBar .handlerbund img, div.rightBar .goDaddy > img, div.rightBar .pciDSS img, div.rightBar .tecdoc img, div.rightBar .realEx img { width: 130px; } div.rightBar .goDaddy { height: 51px; } div.rightBar .goDaddy span { float: left; height: 50%; width: 100%; margin-bottom: -16px; } div.rightBar .realEx { height: 129px; } div.rightBar .realEx span { float: left; height: 50%; width: 100%; margin-bottom: -18px; } div.rightBar .one4All { color: #b4b4b4; } div.rightBar .ContactText.first { margin-bottom: 20px; } div.rightBar .ContactText.second { margin-bottom: 40px; } div.rightBar .ContactText.second .email { color: rgb( 236, 99, 20 ) !important; } div.rightBar .paymentMethod { border: #7a7a7a 1px solid; width: 102px; } div.rightBar .paymentMethods { padding: 20px 0px; border-top: 2px solid #0081C6; margin: 10px 0px 20px 0px; border-bottom: 2px solid #0081C6; display: inline-block; } /* ============================================== slideUp ============================================== */ .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } /********************** RIGHT TRUST BAR END ***********************/ /********************** RIGHT TRUST BAR END ***********************/ /********************** RIGHT TRUST BAR END ***********************/ .divEditAccountControlAddress .useClickAndCollect, .divEditAccountControlAddress .MyParcelButton {display: none !important;} /*************************************************/ /************ Search.aspx Promoted Brands START **/ /*************************************************/ #ffresulthtml .pnlNonPromotedBrands { background-color: #e4e4e4; border-top: 1px; border-top-style: solid; border-top-color: #f47d30; padding: 10px; font-family: futura-pt-condensed; text-transform: uppercase; } #ffresulthtml .pnlNonPromotedBrands .count { font-weight : bold; color: #f47d30; font-size: 34px; } #ffresulthtml .pnlNonPromotedBrands .more { font-weight : bold; color: #0081c6; font-size: 24px; } #ffresulthtml .pnlNonPromotedBrands .clickLogo { font-weight : bold; color: #4c4c4c; padding-top: 6px; font-size: 18px; } #ffresulthtml .pnlNonPromotedBrands .includeAll { width: 240px; min-width: 0px; margin-left: 10px !important; margin-top: 0px; float: right; } #ffresulthtml .pnlNonPromotedBrands .non_promoted_brands_top { } #ffresulthtml .pnlNonPromotedBrands .non_promoted_brands_top .non_promoted_left { float:left; } #ffresulthtml .pnlNonPromotedBrands .non_promoted_brands_top .non_promoted_right { float:right; } #ffresulthtml .pnlNonPromotedBrands .imgList { float: left; width: 100%; } #ffresulthtml .pnlNonPromotedBrands .filterimg { } ul#available-brands { width:100%; } ul#available-brands > li { border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; display: inline-block; list-style-type: none; margin-top: 8px; width: 33.0%; min-width: 144px; background-color:White; text-align: center; } ul#available-brands > li:hover { /*cursor:crosshair; */ } ul#available-brands > li > button { padding: 3px 0 0px; height: 100%; background-color: White; border:0; } ul#available-brands > li > button:hover { cursor: pointer; cursor: hand } /*************************************************/ /************ Search.aspx Promoted Brands END ****/ /*************************************************/ /*******************************************************/ /************ registration_number_plates.aspx START ****/ /*******************************************************/ .registrationPlates .registrationPlatesInformation { display: inline-block; margin-top: 15px; } .registrationPlates .reg_amounts { color: #1A9700; font-weight: 700; } .registrationPlates .categoriesList { list-style: none !important; line-height: 24px; } .registrationPlates .categoriesList li { width: 100%; line-height: 22px; padding: 4px 0px; } .registrationPlates .categoriesList span { display: table-cell; } .registrationPlates .registrationPlatesOptions { font-size:large; } .registrationPlates .registrationPlatesInformation .reg_right .reg_image img { max-width:90%; height:auto; margin-top: 25px; margin-left:5%; } .registrationPlates .registrationPlatesInformation .reg_single_grid { width:100%; } .registrationPlates .registrationPlatesOptions .regPlatesOptionsRadioList { margin-left: 1%; } .registrationPlates .registrationPlatesInformation .reg_left .registrationPlatesInput { margin-left: 1%; position:relative; } .registrationPlates .registrationPlatesInformation .reg_left .reg_image img { max-width:90%; height:auto; margin-top: 25px; } .registrationPlates .registrationPlatesInformation .reg_left .registrationPlatesInput .registrationPlatesInputTextBox { width: 90%; max-width: 356px; text-align: center; border: 1px solid #999; background: #fff; padding: 10px; font-size: 42px; font-weight: bolder; font-family: arial; } .registrationPlates .registrationPlatesInformation .reg_right .addtoBasket { width: 100%; border-left: 1px dotted #E2E2E2; text-align: right; background: #F3F3F3; padding: 20px 20px 24px 20px; position: relative; vertical-align: top; height: 138px; } .registrationPlates .registrationPlatesInformation .reg_right .addtoBasket .relatedProductAddToBasket { text-align: right; margin-top: 10px; } /*******************************************************/ /************ search results stickers START ****/ /*******************************************************/ div.product-grid-single-h .stickerPosition { position:relative; } div.product-grid-single-h .sticker { z-index:1; position:absolute; } .shopPage #p2RightCol div.title { display:none !important;} .carRegAndDDLs { display:inline-block; } .carRegAndDDLs > .label { border-top: 1px solid #0081c6; color: #777; font-size: 19px; line-height: 19px; margin-bottom: 20px; margin-top: 25px; padding-top: 20px; } .carRegAndDDLs > .carReg { display: inline-block; width: 100%; } .carRegAndDDLs > .carReg div { float:left; } .carRegAndDDLs > .carReg div.carRegText { width:65% !important; } .carRegAndDDLs > .carReg .carRegText input { padding: 0 20px; width: 100% !important; color: #555; font-family: futura-pt-condensed; font-size: 46px; font-weight: 500; height: 73px; letter-spacing: 1px; margin: 0; padding: 0 5px; border-color: #b5b3b1 #b5b3b1 #b5b3b1 -moz-use-text-color; border-style: solid solid solid none; border-width: 2px 2px 2px medium; } .carRegAndDDLs > .carReg .button a { min-width: 0px; margin-left: 10px!important; margin-top: 7px!important; } .carRegAndDDLs .chevron { left: 5px; line-height: 24px; position: relative; top: 2px; } /*.carRegAndDDLs .SelectCarFromDropDownSubmit, .preSearchCar .SelectCarFromDropDownSubmit,*/ .SelectCarFromDropDownSubmit { display: none; width: 100%; } .carRegAndDDLs .SelectCarFromDropDownSubmit > div > button, .preSearchCar .SelectCarFromDropDownSubmit > div > button { display: none; margin: 20px 0px !important } .carRegAndDDLs .dialog .header {text-transform: uppercase;} .carRegAndDDLs .dialog .body {display: table; overflow: hidden;} .carRegAndDDLs .dialog .body > div {display: table-cell; vertical-align: middle; font-size: 22px;} .carRegAndDDLs .dialog .body > div .SearchingForLocalize {margin-bottom: 40px;} .carRegAndDDLs .dialog .body > div .loadingBarAddBasketWrapper {text-align: center; margin-top: 40px;} .bulk-discount-wrapper { float: right; text-align:right; min-height: 81px; width: 100%; text-transform: uppercase; font-family:futura-pt-condensed; position: relative; margin-top: 10px; } .prod-buy .bulk-discount-wrapper { width: 219px; clear: both; } .discount-applied-container-visibilty { display:none; } .discount-applied-container { border-radius: 10px; background-color: rgb(236, 234, 234); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.51); /*height: 45px;*/ width: 100%; font-weight: 800; vertical-align: middle; /*display: table;*/ text-align: center; display: none; } .discount-applied { margin: 0 auto; width: 100%; display: inline-block; padding: 6px; font-size: 14px; } .discount-applied-emphasis { color: #198b00; font-size: 27px; font-weight: 800; letter-spacing: -1.5px } .discount-applied-normal { color: #252525; /*font-weight: 600; */ font-size: 14px; letter-spacing: -0.5px; } .discount-available-normal { color: #7c7c7c; font-size: 24px; /*font-weight: 500;*/ } .discount-available-container { width:100%; position: absolute; margin-top: 16px; font-weight: 600; } .discount-available-quantity { color: #252525; font-size: 34px !important; } .discount-available-dark { color: #252525; } .discount-available-percent { color: #b50000; font-size: 34px !important; } #ffresulthtml .discount-available-container { font-weight: 600; font-size: 8px; } .prod-buy .discount-available-container, .registrationPlates .discount-available-container { /*bottom: -20px;*/ font-weight: 600; } .registrationPlates .discount-available-normal { font-size: 22px; } .registrationPlates .discount-available-emphasis { font-size: 22px; } #ffresulthtml .quantity-and-addtobasket-mobile { display:none; font-family: futura-pt-condensed; } #ffresulthtml .product-grid-stock-msg-mobile { display: none; } #ffresulthtml .bulk-discount-wrapper-mobile { display:none; font-family: futura-pt-condensed; text-transform: uppercase; } .discount-available-emphasis { font-size: 24px; } .prodDetailsBottom .discount-available-normal { color: #7c7c7c; font-size: 20px; } .prodDetailsBottom .discount-available-emphasis { font-size: 24px; } .prodDetailsBottom .discount-available-quantity { font-size: 24px !important; } .prodDetailsBottom .discount-available-percent { font-size: 24px !important; } .specialOffersPage .discount-available-normal { color: #7c7c7c; font-size: 24px; } .specialOffersPage .discount-available-emphasis { font-size: 24px; } .specialOffersPage .discount-available-quantity { font-size: 30px !important; } .specialOffersPage .discount-available-percent { font-size: 30px !important; } .specialOffersPage div.product-grid div.product-grid-price .stock-scarcity-popup { margin-left: -2% !important; } .car-registration-lookup { width: 110px; min-width: 0px; } .mobile-car-registration-lookup-section { float: right; width: 85px; margin-top: 15px; } .specialOrderItem { font-size: 18px !important; color: #ff0000; padding: 0 !important; display: inline-block; cursor: default; } .specialOrderItem:hover .specialOrderItemTooltip { display: block; } .specialOrderItemTooltip { background-color: #FFF1A7; border: 1px solid #333; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #000; display: none; margin-left: 20px; margin-top: -225px; opacity: 0.85; padding: 7px; position: absolute; text-align: left; text-transform: none; width: 200px; z-index: 10000001; -moz-box-shadow: 0px 0px 7px 1px #888; -webkit-box-shadow: 0px 0px 7px 1px #888; box-shadow: 0px 0px 7px 1px #888; font-weight: 500; } /***********************************************************/ /*** Customer Prompt Modal *********************************/ /***********************************************************/ .customer-prompt { width: 442px; position: fixed; top: 50%; left: 50%; /*transform: translate(-50%, -50%);*/ margin-top: -215px; margin-left: -185px; z-index: 10000; /*height: 358px;*/ } .modalPopup { border-width: 4px; border-color: rgb(51, 51, 51); border-style: solid; border-radius: 10px; background-color: rgb(246, 246, 246); box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.004); position: fixed; } #customer-prompt-wrapper .ddlCountry { width: 200px; } .customer-prompt-close { float: right; margin: 10px; font-size: 24px; cursor: pointer; line-height: 20px; font-size: 28px; } .customer-prompt-close-text { font-size: 28px; /*font-family: futura-pt-condensed !important;*/ text-transform: uppercase; font-weight: 900; cursor: pointer; } .customer-prompt-close-btn { text-transform:none; cursor: pointer; } .customer-prompt-panel { } .customer-prompt-section-additional { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #777; font-size: 20px; text-align:left; padding-left: 10px; clear: both; } .customer-prompt-section { padding: 20px; } .customer-prompt-section-header { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; /*color: #777;*/ padding-bottom: 15px; font-size: 20px; text-align:left; } .customer-prompt-select-heading { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #F47D30; /*padding-bottom: 15px; */ font-size: 26px; text-align:left; padding-top: 15px; float: left; } .customer-prompt-section-country-name { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #333333; padding-bottom: 15px; font-size: 34px; text-align:left; padding-left:10px; line-height: 0.8; max-width: 94%; min-width: 94%; float: left; } .customer-prompt-section-country-flag { float: left; max-width: 5%; } .customer-prompt-select-drop-down-country-flag-ico { max-width: 68px; margin-top: 6px; } .customer-prompt-section-country-flag-ico { max-width: 60px; margin-left: 0px; width: 60px; position: absolute; top: 34px; } .customer-prompt-section-country-section { width: 94%; } .customer-prompt-section-currency-name { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #777; padding-bottom: 15px; font-size: 20px; text-align:left; } .customer-prompt-divider { padding-top: 0px; padding-bottom: 5px; background-image: url(/content/images/sprites/shadowline.png); background-repeat: no-repeat; clear: both; } .customer-prompt-btn-left { float: left; /*width: 50%; */ padding-bottom: 20px; } .customer-prompt-btn-left-prompt { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #107302; font-size: 20px; text-align:left; } .customer-prompt-btn-right { float: right; /*width: 50%; */ padding-bottom: 20px; } .customer-prompt-btn-right-prompt { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #9b0000; font-size: 20px; text-align:left; } .customer-prompt-hr > hr { display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 100%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #ffffff; } .customerPromptButton { margin-left: 0px; margin-top: 3px; } .customerPromptButton .customer-prompt-btn-font { font-size: 18px !important; } .customer-prompt-select-drop-down { float: left; margin-top: 10px; padding-bottom: 42px; } .customer-prompt-select-drop-down-list { } .customer-prompt-select-drop-down-country-flag { } #ShippingMessageLink { display: inline; } .shipping-message-label { text-transform: none; font-size: 1.2em; text-transform: none; padding-bottom: 1.2em; } .shipping-message-country { font-family: futura-pt-condensed !important; font-size: 2.0em; text-transform: uppercase; color: #4c4c4c; font-weight: 500; padding-bottom: 20px; /*padding-left: 10px;*/ line-height: 0.8; } .shipping-message-choose-option { text-transform: uppercase; font-size: 1.2em; color: #777; font-family: futura-pt-condensed; font-weight: 700; line-height: 0.9em; padding-bottom: 10px; } .shipping-message-link:hover { text-decoration: underline; cursor: pointer; } .shipping-options-list select {} .shipping-message-country-btn { padding-bottom: 10px; } .shipping-options-list { padding-bottom: 10px; /*background: url('/content/images/sprites/down_arrow_select.jpg') no-repeat right #ddd;*/ } .ShippingMessage .mediumSizeButton { padding: 8px 10px 0px 48px !important; } .ShippingMessage { width: 30%; padding: 1em; font-size: 0.8em; vertical-align: top; } .ShippingDropDownListTD { border-left: 2px solid #fff; border-right: 2px solid #fff; width: 40%; padding: 0.5em; vertical-align: top; } #customerPrompt .MGTextboxRequired { width:100%; } .delivery-green { color: #1b9600; } .delivery-grey { color: #4c4c4c; } .delivery-blue { color: #145ba1; } .delivery-grey-bg { color: #f0eeee; } #divEditAddressControls .mediumSizeButton { padding: 8px 10px 0px 48px !important; } .popupControl { background-color:#AAD4FF; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px; } .modalBackground { background-color:rgba(0,0,0,0.7); filter:alpha(opacity=70); opacity:0.7; } #radsDeliveryOptions, .radios { width:394px; display: block; } .radios label { cursor: pointer; overflow-x: scroll; white-space: nowrap; } .radios input { cursor:pointer; float: left; } .radios .standardRow { height: 28px; padding: 20px; white-space: pre; font-weight: 500; font-family: futura-pt-condensed; text-transform: uppercase; } .radios .highlightedRow { background-color: #e45e08; color: #ffffff !important; font-family: futura-pt-condensed; text-transform: uppercase; } .radios .unselectedRow { background-color: #d5d3d3; color: #575757 !important; font-family: futura-pt-condensed; text-transform: uppercase; } .radios .delivery-cost { float: right; padding-right: 4px; } .radios .delivery-description { float: left !important; } .radios .delivery-cost:hover { cursor:pointer; } .delivery-and-checkout { width: 100%; float: left; } .free-delivery-table { display: inline-table; width: 75%; table-layout: fixed; border-spacing: 10px; } .free-delivery-dude-callout { /*background-image: url(/content/images/check-out/dude_callout.png); height: 110px; background-repeat: no-repeat; clear: left; background-size: contain; display: table-cell; width: 72px;*/ background-image: url("/content/images/check-out/dude_callout.png"); background-repeat: no-repeat; background-size: contain; display: table-cell; float: left; height: 110px; width: 72px; } .bubble { /*position: absolute; width: 545px; height: 75px; padding: 3px; background: #f0eeee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);*/ background: #f0eeee none repeat scroll 0 0; border-radius: 10px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35); float: left; height: 75px; padding: 3px; width: 545px; position: relative; } .bubble:after { border-color: transparent #f0eeee; border-style: solid; border-width: 14px 22px 14px 0; content: ""; display: block; float: left; /*margin-left: -22px; margin-top: 26px;*/ z-index: 1; position: absolute; width: 0; left: -20px; top: 27px; } .basket-throbber { display:none; } .footer-accordian-wrapper { width: 100%; background-color: #F47D30; height: auto; padding: 0px; } .footer-accordian-wrapper > .footerAccordion { border-bottom: 2px solid #F29860; display: table; width: 100%; margin-bottom: -3px; line-height: 35px; height: 35px; } .footer-accordian-wrapper > .footerAccordion .footer-accordian-row { padding-left: 0px !important; padding-bottom: 0px; vertical-align: middle; background-color: #F47D30; cursor: pointer; line-height: 10px !important; height: 10px; color: #fff; font-size: 25px; } .footer-accordian-wrapper > .footerAccordion h5 { padding-left: 0px !important; padding-bottom: 0px; vertical-align: middle; background-color: #F47D30; cursor: pointer; line-height: 0px !important; height: 0px; } .footer-accordian-wrapper > .footerAccordion .footer-accordian-row span.Icons { position: relative; top: 2px; } .footer-accordian-wrapper > .footerAccordion > h5, .footer-accordian-wrapper > .footerAccordion > ul li a, .footer-accordian-wrapper > .footerAccordion > ul li span { color: #fff; font-size: 25px; } .footer-accordian-wrapper .footerAccordion ul { display:none; float: left; width: 100%; } .footer-accordian-wrapper .footerAccordion ul li { text-transform: uppercase; font-family: futura-pt-condensed; font-weight: 500; background-color: #444; margin: 5px 10px 5px 53px; padding-left: 5px; } .footer-accordian-wrapper .footerAccordion h5 span.Icons { position: relative; top: 2px; } .mobile-product-grid-code { display:none; /*display: inline-block;*/ } .who-we-are-section { } .who-we-are-section > .who-we-are-section-title { padding-top: 10px; padding-bottom: 10px; } .who-we-are-section > .who-we-are-section-paragraph { padding-top: 20px; padding-bottom: 10px; } .product-grid-content-text .product-grid-content-product-details-link { line-height: 18px; text-align: left; padding-bottom: 10px; } #ffresulthtml .search-results-details { padding-top:10px; padding-bottom: 10px; } #ffresulthtml .search-results-view-details { padding-left: 32px !important; } .returns-heading { text-transform: uppercase; margin-top: 10px; } .returns-banner-left { float: left; width: 80%; padding: 0px 20px 10px 10px; } .returns-banner-left-subheadline { font-size: 23px; color: Gray; line-height: 1; } .returns-banner-right { float: left; width: 20%; margin-top: -35px; } .returns-banner-right .returns-banner-dude { height: 200px; padding-left: 18px; } .returns-banner-left-headline { font-style:italic; text-align:right; line-height: 1; font-size: 45px; } .returns-body { padding-top: 10px; clear: both; } .returns-left { width: 80%; float: left; padding-right: 10px; } .returns-left .returns-steps { background-color: #eee; border-radius: 7px; border-bottom-style: groove; } .returns-left .returns-steps .returns-steps-img { width: 100%; padding: 10px; } .returns-left .returns-process-return { padding-top: 20px; padding-bottom: 20px; } .returns-left .returns-process-btn { padding-left: 32px; } .returns-left .returns-reason-list { padding-left: 30px; padding-top: 10px; } .returns-left .returns-description { } .returns-right { width: 20%; border-left: solid; float: left; border-left-width: 1px; border-left-color: lightblue; min-height: 638px; background-color: #eee; } .returns-body .returns-left-info { display:none; } .returns-body .returns-left-info .returns-info-prompt, .returns-right .returns-info-prompt { color: #000; font-size: 20px; font-weight: 600; text-transform: uppercase; font-family: futura-pt-condensed; padding-left: 6px; padding-top: 10px; } .returns-body .returns-left-info .returns-info-list, .returns-right .returns-info-list { padding-top: 10px; } .returns-body .returns-left-info .returns-info-list > ul, .returns-right .returns-info-list > ul { list-style:none !important; } .returns-body .returns-left-info .returns-info-list > ul > li, .returns-right .returns-info-list > ul > li { display: list-item; color: #F47D30; font-family: futura-pt-condensed; font-weight: 600; font-size: 16px !important; text-transform: uppercase; position: relative; /* left: -7px; */ line-height: 1; padding-left: 10px; cursor: pointer; } .returns-body .returns-left-info .returns-info-list > ul > li:hover, .returns-right .returns-info-list > ul > li:hover { text-decoration: underline; } .returnsText { display: inline-block; margin-bottom: 20px; font-size: 16px; line-height: 20px; } .returnsTextBold { font-weight: 700; } .product-details-review { float: left; width: 100%; margin: 5px 0; min-height: 20px; } /** * used to fix iOS issue **/ .homepageMiddle .homepage-left-stack { -webkit-transform: translate3d(0,0,0); } /** * information pages update **/ .collection-page .collection-page-heading { border-bottom: 1px solid #0081C6; padding-bottom: 20px; margin-bottom: 20px; float: left; width: 100%; } .delivery-page .delivery-page-heading { border-bottom: 1px solid #0081C6; padding-bottom: 20px; margin-bottom: 20px; float: left; } .delivery-page .delivery-page-heading-last, .collection-page .collection-page-heading-last { border-bottom: none !important; padding-bottom: 0px !important; margin-bottom: 10px !important; float: left; } /*div.delivery-page-heading.last { border-bottom: none !important; padding-bottom: 0px !important; margin-bottom: 10px !important; } */ .delivery-page-summary-block { width:100%; } .delivery-page-summary-left { width:46%; border-right: 1px; border-right-color: #0081C6; border-right-style: solid; float:left } .delivery-page-summary-right { width:54%; float:left; display:inline-block; } .delivery-page-mobile-summary { display: none; } .delivery-page-select-country { border: 2px solid #F47D30; border-radius: 10px; } .delivery-page .delivery-page-summary-suggested { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; /*color: #777;*/ padding-bottom: 15px; font-size: 20px; text-align:left; margin-left: 10px; margin-top: 20px; line-height: 1; } .delivery-page-summary-country-section { margin-left: 10px; width: 100%; } .delivery-page-summary-country-name { font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #333333; padding-bottom: 15px; font-size: 34px; text-align:left; padding-left:10px; line-height: 0.8; min-width: 70%; max-width: 70%; float: left; } .delivery-page .delivery-page-summary-country-flag { float: left; max-width: 5%; padding-left: 10px; } .delivery-page .delivery-page-summary-country-flag-ico { max-width: 60px; width: 60px; margin-top: -5px; } .delivery-page .delivery-page-summary-change { clear:both; padding-top: 30px; line-height: 1.2; } .delivery-page .delivery-page-additional-prompt { clear: both; margin-left: 10px; font-family: futura-pt-condensed !important; text-transform: uppercase; font-weight: bold; color: #777; font-size: 20px; text-align:left; padding-left: 10px; clear: both; line-height: 1; } .delivery-page .change-country-btn { line-height: 1.8 !important; } .delivery-page .delivery-page-country-drop-down { margin-top: 10px; padding-bottom: 10px; margin-left: 10px; width: 60%; display: table-cell; } .delivery-page .delivery-page-country-selection { width: 80%; margin-left:10px; margin-top: 14px; } .collection-page .text, .delivery-page .text { line-height: 1.2; } .delivery-page .delivery-table { margin-left: 10px !important; margin-right: 10px !important; background-color: #EFEFEF; border-radius: 4px; border-collapse: collapse; } .delivery-page .delivery-table-header { font-size: 20px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; line-height: 21px; border-top: 1pt solid #F47D30; border-bottom: 1pt solid #ccc; } .delivery-table-header-left { width:50%; padding-left: 4px; } .delivery-table-info-col { padding-left: 4px; } .delivery-table-header-right { width:10%; text-align:left; padding-right: 2px; } .delivery-page .delivery-table-header-col { /* border-bottom-style: solid; border-bottom-color: black; border-bottom-width: 1px;*/ } .delivery-page .delivery-table-info-normal { background-color: #F3F3F3; border-bottom:1pt solid #ccc; } .delivery-page .delivery-table-info-alternate { background-color: #ddd; border-bottom: 1pt solid #ccc; } .delivery-page .priority-delivery-table { margin-left: 8px !important; padding-top: 10px; } .delivery-page .priority-delivery-table-row { font-size: 24px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; line-height: 21px; } .delivery-page-collect-fit-warning { margin-left: 10px; margin-top: 16px; margin-right: 10px; } .collection-page-icon, .delivery-page-icon { font-size: 50px; float: left; margin-top: 25px; } .collection-page-subtext, .delivery-page-subtext { margin-left: 75px !important; } .delivery-page-email-ico { color: #929292; font-size: 22px; vertical-align: sub; } .collection-highlight { color: black; font-weight: 600; } .collection-highlight-emphasis { text-decoration: underline; text-transform:uppercase; font-weight:600; color: #F47D30; } .collection-page-img { width: 60px; float: left; } .prodDetailsBottom .product-details-tab-wrapper { margin-top: 0px; /*background-color: #dad8d8;*/ background-color: #fff; } .prodDetailsBottom .product-details-tab-header { text-align: left; font-family: futura-pt-condensed; font-size: 21px; font-weight: 500; text-transform: uppercase; /*position: absolute;*/ /*top: -41px; */ } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border { float: left; /*border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/ padding: 0px 6px 0px 0px; cursor: pointer; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border > div { background-color: #F47D30; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border:first-child { border-right: none; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border div { color: #fff; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border div.product-details-tab-header-selected { background-color: #dad8d8; color: #0081C6; border-left: 1pt solid #F47D30; border-top: 1pt solid #F47D30; border-right: 1pt solid #F47D30; } .prodDetailsBottom .product-details-tab-header .product-details-tab-header-border div.product-details-tab-header-unselected { background-color: #F47D30; color: #fff; border-left: none; border-top: none; border-right: none; } .prodDetailsBottom .product-details-tab-header-info { /*background-color: #F47D30;*/ width: 180px; text-align: left; line-height: 27px; padding-left: 10px; } .prodDetailsBottom .product-details-tab-header-bundles, .prodDetailsBottom .product-details-tab-header-review { /*background-color: #0081C6;*/ width: 300px; text-align: left; line-height: 27px; padding-left: 10px; } .prodDetailsBottom .product-details-info, .prodDetailsBottom .product-details-bundles, .prodDetailsBottom .product-details-reviews { clear: both; position: relative; margin-left: 10px; padding-top: 10px; } .prodDetailsBottom .product-details-bundles, .prodDetailsBottom .product-details-reviews { display: none; } .collection-page .bullet-list { list-style: none !important; margin-top: 10px; margin-left: 20px; } /*.collection-page .bullet-list li:before { content: '2'; }*/ .bundles-plus-sign { font-size:250%; font-weight:bolder; vertical-align:middle; padding-right: 4px; } .bundles-img { vertical-align:middle; } .bundles-free-delivery-icon-holder { height: 35px; } .bundles-free-delivery-icon { line-height: 31px; } .bundles-free-delivery-text { line-height: 16px; } .bundle-add-to-basket { text-align: right; clear: both; text-align: right; } .prodDetailsBottom div.bundles-add-to-basket-btn { } .productBundles div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn, .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { width: 170px; font-size: 20px; } .prodDetailsBottom div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { margin-left: 24px !important; } .productBundles div.bundles-add-to-basket-btn #buttonRelatedProductAddToBasket.btn { margin-left: 8px; } .prodDetailsBottom .free-delivery { height: auto; padding-bottom: 4px; } .campaign-html-banner-table { padding:10px; background-color: Yellow; color: Blue; border-style:double; border-color:Gray; border-radius: 6px; width:100%; } .campaign-html-banner-large { text-transform:uppercase; font-size: 40px; line-height: 1.2; font-weight: 600; color: black; } .campaign-html-banner-content { text-align: left; font-family: verdana; font-size: 16px; line-height: 1.2; } .campaign-html-banner-emphasis { text-decoration: underline; } .address-listbox select { overflow-y: auto; border-radius: 10px; border: 2px solid #F47D30; } .address-listbox select option { font-size: 14px; text-transform: uppercase; padding: 6px; font: myriad-pro, Arial, Sans-Serif; } .address-listbox-label { display: none; } .address-listbox select option:hover { cursor:pointer; } /* INIT - Next Day Delivery */ .product-grid-nextday-delivery { float: left; width: 70px; } .product-grid-nextday-delivery div.icon { float: right; font-family: MGicomoon; font-size: 30px; width: 20px; padding-left: 3px; padding-top: 5px; } .product-grid-nextday-delivery div.text { font-weight: 700; text-transform: uppercase; font-size: 15px; font-family: futura-pt-condensed; width: 50px; } .product-grid-nextday-delivery div.msg { font-size: 12px; color: Red; } .product-nextday-delivery { float: left; width: 160px; padding-top: 10px; padding-right: 25px; } .product-nextday-delivery div.icon { float: right; font-family: MGicomoon; font-size: 50px; width: 30px; padding-top: 10px; } .product-nextday-delivery div.text { font-weight: 700; text-transform: uppercase; font-size: 18px; width: 100px; line-height: 1; letter-spacing: -1; } .product-nextday-delivery div.msg { font-size: 14px; color: Red; padding-top: 5px; } .product-delivery-banner { width: 180px; margin: 10px; padding: 10px; text-align: left; line-height: 22px; text-shadow: 0 0 25px rgba(255, 255, 255, 0.9); border-radius: 10px; background-color: #dad8d8; background-repeat: no-repeat; border: none; overflow: hidden; outline: none; } .product-delivery-banner div.texthead { font-weight: 700; text-transform: uppercase; font-size: 15px; float: right; } .product-delivery-banner div.iconhead { float: left; font-family: MGicomoon; font-size: 25px; } .product-delivery-banner div.item { font-size: 12px; padding-left: 25px; line-height: 18px; } .product-delivery-banner div.item2 { font-size: 14px; padding-left: 25px; line-height: 18px; } /* END - Next Day Delivery */ .return-table { width: 80%; border-radius: 4px; border-collapse: collapse; } .return-table-mobile, .returns-addresses-mobile { display: none; } .returns-addresses { } .return-table-header { font-size: 22px; font-family: futura-pt-condensed; text-transform: uppercase; font-weight: 500; line-height: 26px; border-top: 1pt solid #F47D30; border-bottom: 1pt solid #ccc; background-color: #ddd; } .return-table-row { background-color: #F3F3F3; border-bottom: 1pt solid #ccc; font-size: 16px; vertical-align: top; } .return-table-row td { padding-left: 4px; } .return-table-col1 { width: 20%; padding-left: 4px; } .return-table-col2 { width: 40%; padding-left: 4px; } .return-table-col3 { width: 20%; padding-left: 4px; } .return-table > tbody > tr > td > a > span { font-weight: 600; float: right; padding-right: 10px; } .return-table td img { width: 96%; padding-top: 10px; padding-right: 4px; } .stockAlertContainer .headerText { font-family: futura-pt-condensed; font-weight: 700; font-size: 26px; line-height: 26px; margin-bottom: 10px; } .stockAlertContainer .stockAlertForm { margin: 0px; padding: 0px; } .stockAlertContainer .MGTextboxOptional, .stockAlertContainer .MGTextboxRequired { padding: 3px; margin-bottom: 5px; } .newStockAlertRequest .dialog { width: 460px; margin-left: -230px; height: 600px; margin-top: -290px; z-index: 10000; top: 50%; left: 50%; } .newStockAlertRequest .dialog .alertResponse { display: none; width: 100%; margin-top: 6px; } .newStockAlertRequest .dialog .stock-alert-img { float: left; width: 18%; } .newStockAlertRequest .dialog .stock-alert-message { float: left; color: #000000; width: 80%; } .newStockAlertRequest .dialog .stock-alert-error-message { float: left; color: #ff0000; width: 80%; } .newStockAlertRequest .dialog .stockAlertCloseButton { display: none; float: right; margin-top: 16px; } /*proddetails flexible tabs - START*/ #product-details-tab-header { background: #0081c6 none repeat scroll 0 0; color: #fff; float: left; font-family: futura-pt-condensed,sans-serif; font-weight: 500; letter-spacing: 2px; text-align: left; text-transform: uppercase; width: 100%; font-size: 21px; line-height: 27px; } #product-details-tab-header li { list-style: none; float: left; padding: 4px 16px; border-right: 2px solid #fff; cursor: pointer; } #product-details-tab-header li.bundle { background-color: #f47d30; } #product-details-tab-header li.selected { box-shadow: 0 -13px 0 -10px #000 inset; } /*proddetails flexible tabs - END*/ /*proddetails reviews - START*/ #review-write-new { float: left; width: 100%; margin-top: 10px; border: 1px solid #CCC; border-radius: 10px; padding: 2px; padding-bottom: 10px !important; } #review-write-new > div { width: 100%; padding: 3px; } /*#review-write-new * { float: left; }*/ #review-write-new label { padding: 2px; display: block; text-align: center; } #review-write-new label.required:after { content: " *"; } #review-write-new > div > label { min-width: 20%; } #review-write-new #review-recommend-yes-no { margin-left: 10px; display: inline-block; width: 80%; } #review-write-new #review-recommend-no, #review-write-new #review-recommend-yes { float: left; display: block; } #review-write-new #review-recommend-yes-no > div { margin-left: 10px; float: left; } /*#review-write-new #review-nickname { width: 80%; border: 1px solid #fff; }*/ #review-write-new #review-summary, #review-write-new #review-your-review { width: 80%; } #review-write-new #review-your-review { border: 1px solid #ccc; } #review-write-new #review-info-message { font-size: 14px; color: #999; min-height: 16px; } #review-write-new #btnSubmitReview { line-height: 46px; margin-top: 20px !important; float: left; clear: left; line-height: 46px; text-align: center; margin-left: 16px !important; } #review-write-new #submitReviewErrorMsg { float: left; color: #9b0000; font-size: 14px; max-width: 70%; clear: both; margin-top: 10px; line-height: 1.4; } #review-write-new #submitReviewErrorMsg li { width: 100%; } #review-write-new .review-success-thanks { text-align: center; width: 100%; font-size: 24px; color: #1b9600; } #review-write-new .review-success-thanks > p { text-align: center !important; width: inherit; } #review-write-new .review-success-thanks > p:nth-child(2) { font-size: 14px; } #btnWriteAReview { background-color: #1b9600; border-radius: 7px; color: #fff; cursor: pointer; float: right; font-size: 17px; margin-right: 30px; padding: 7px; text-transform: uppercase; float: left; } #btnWriteAReview:hover { background-color: #198E00 } #buttonWriteReview { line-height: 1.8 !important; } #btnCancelReview { margin-top: 20px !important; float: left; line-height: 46px; text-align: center; margin-left: 10px !important; } .item-rating *:not(.rating-bg-stars) { float: left; } .rating-bg-stars { background-color:#F3A021; width: 0px; } .rate-product .rating-star { cursor: pointer; } .rating-star { display:block; float:left; } .rating-star:nth-child(1) { content: "poor";} .rating-star:nth-child(2) { content: "fair";} .rating-star:nth-child(3) { content: "average";} .rating-star:nth-child(4) { content: "good";} .rating-star:nth-child(5) { content: "excellent";} .rating-selected { background-color:#F3A021; } .rating-hover { background-color:#D27103 !important; } .rating-desc, .rating-value { float: left; text-align: center; padding-left: 5px; } .rating-large .rating-star { background-image: url('/content/images/graphics/rating_star-m.png'); width:64px; height:64px; } .rating-medium .rating-star { background-image: url('/content/images/graphics/rating_star-s.png'); width:32px; height:32px; } .rating-small .rating-star { background-image: url('/content/images/graphics/rating_star-xs.png'); width:20px; height:20px; } .rating-large .rating-bg-stars { height:64px; } .rating-medium .rating-bg-stars { height:32px; } .rating-small .rating-bg-stars { height:20px; } .rating-large .rating-desc, .rating-large .rating-value { font-size: 22px; line-height: 64px; padding: 2px; margin-left: 10px; font-weight: 600;} .rating-medium .rating-desc, .rating-medium .rating-value { font-size: 16px; line-height: 32px; padding: 2px; margin-left: 10px; font-weight: 600; margin-top:10px; } .rating-small .rating-desc { font-size: 12px; line-height: 20px; padding: 2px; margin-left: 10px; font-weight: 600; } .rating-small .rating-value { font-size: 18px; line-height: 2; padding: 2px; margin-left: 10px; font-weight: 600; } .rating-value-popup { font-size: 10px !important; margin-top: 8px; } .rating-info { float: left; width: 100%; padding: 4px; color: #888; margin-bottom: 10px; } .read-all-reviews { cursor: pointer; color: #0081c6; text-transform: uppercase; } #review-customer-reviews .review-item-wrapper { border-bottom: 1px dotted #ccc; float: left; font-size: 15px; line-height: 19px; padding: 10px; width: 100%; } #review-customer-reviews .review-item-wrapper > div > div { padding: 5px; } #review-customer-reviews .review-item-wrapper .review-item-line { float: left; width: 100%; } #review-customer-reviews .review-item-wrapper .review-item-username { float: left; /*width: 20%;*/ clear: left; } #review-customer-reviews .review-item-wrapper .review-item-rating { width: 100%; } #review-customer-reviews .review-item-wrapper .review-item-username > span { color: #888; font-size: 12px; } #review-customer-reviews .review-item-wrapper .review-item-summary, #review-customer-reviews .review-item-wrapper .review-item-content { float: left; width: 80%; } #review-customer-reviews .review-item-wrapper .review-item-summary { font-weight: bold; /*margin-top: 10px;*/ } #review-customer-reviews .review-item-ratings-left { float: left; width: 26%; /* background-color: #E2E2E2; */ border-right: 1px dotted #BBB; padding-right: 2px; } #review-customer-reviews .review-item-summary-right { float: left; padding-left: 2px; width: 70%; } .rating-overview { background-color: #fff; border-radius: 7px; box-shadow: 0 0 5px 1px #999; display: none; margin-left: 120px; margin-top: -140px; opacity: 0.9; padding: 7px; position: absolute; width: 150px; z-index: 100001; } .review-warning { font-size: 18px; text-transform: uppercase; padding: 10px; } .rating-overall { line-height: 18px; text-align: left; margin-bottom: 5px; border: 1px solid #CCC; border-radius: 10px; float: left; width: 100%; margin: 8px 0; padding: 10px; } .rating-overall-info { padding-left:10px; cursor:pointer; font-size:18px; line-height: 2.8; } .rating-wrapper { margin-top: 10px; } .rating-recommend { clear: left; margin-top: 28px; } .review-label { clear: left; padding-top: 0px; border-bottom: 1px dotted #F47D30; padding-bottom: 28px; } .review-rider { clear: left; float: left; font-weight: 600; text-transform: uppercase; } .review-nickname { width: 320px!important; } .product-details-rating-stars { float: left; width: 100%; margin-top: 15px; } /*proddetails reviews - END*/ .prodNameDiv {height:110px;} #review-write-new .spanValid8.error textarea, #review-write-new .spanValid8.error input, #review-write-new .spanValid8.error select, #review-write-new .spanValid8.valid input, #review-write-new .spanValid8.valid select, #review-write-new .spanValid8.valid textarea { background-position-x: 98%; } .rating-overall-left { width: 48%; float: left; } .rating-overall-right { float: left; } .review-rating-filter { width: 240px; float: left; background-color:#FF9; } .ms-choice { background-color: #FF9 !important; } .ms-choice > span.placeholder { text-transform: uppercase !important; font-weight: 700 !important; } .review-pagination-wrapper { width:100%; float:left; } .review-pagination-wrapper .pagerPrevious { margin: 0px 5px 0px 12px; } .review-pagination-wrapper .pagerNext { margin: 0px -5px 0px 5px; } .review-pagination-wrapper .review-pagination-bar { float:left; } /*/**************************************************/ /************ newsletter/default.aspx START ****************/ /**************************************************/ .NewsDescript { font-size: 18px; line-height: 110%; text-align: justify; margin: 10px; } .submission-loader { background: url(/content/images/loading-md.gif) no-repeat center center; display: block; height: 40px; position: relative; top: 50%; } .overlaySubmit { display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 200; background-color: rgba(0,0,0,0.2); } .stockAvailabilityInfo { border-radius: 7px; box-shadow: 0 0 4px 0 #333; float: left; font-size: 15px; font-weight: 700; margin: 4px 0; padding: 6px; text-transform:uppercase; } .stockAvailabilityInfo #AvailabilityShippingMessage { padding: 4px 0; line-height: 20px; } /* INIT - NEW MENU*/ @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); .menucontainer { margin: 4px; } .menuleft{ float: left; } .menudivleft { position: relative; background: #FFF; height: 50px; width: 185px; margin: 1px; text-align: left; border-style: solid; border-color: lightgray; border-width: 0.3px 0px 0.3px 0.3px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .menudivleft .img { width: 50px; float: left; margin: 6px 2px 6px 10px; /*top right bottom left */ padding: 3px; height: 30px; } .menudivleft .text { width: 110px; float:left; line-height: 15px; font-size: 12px; margin-left: 5px; font-weight: 700; font-family: 'Montserrat', sans-serif !important; color: #000000; } .menudivleftactive { background: #f2f2f2 !important; } .menudivleftactive .text { color: #0082c8 !important; } .menudarrowactive:after { border-left-color: #F2F2F2 !important; } .menudivleft:after, .menudivleft:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .menudivleft:after { border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 24px; margin-top: -24px; } .menudivleft:before { border-color: rgba(194, 225, 245, 0); border-left-color: lightgray; border-width: 26px; margin-top: -26px; } .menurightcontainer{ display: none; } .menuright{ margin-left: 225px; width: 800px; position: absolute; left: 0px; height: 420px; z-index: 10001; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } .menudivright{ width: 190px; float:left; background: #FFF; margin: 0px; height: 132px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; opacity:1; } .menulinetop{ border-style: solid; border-color: lightgray; border-width: 0.3px 0px 0px 0px; } .menulinedown{ border-style: solid; border-color: lightgray; border-width: 0px 0px 0.3px 0px; /* top right bottom left */ } .menulinerightdown{ border-style: solid; border-color: lightgray; border-width: 0px 0.3px 0.3px 0px; /* top right bottom left */ } .menulineright{ border-style: solid; border-color: lightgray; border-width: 0px 0.3px 0px 0px; } .menulineleftdown{ border-style: solid; border-color: lightgray; border-width: 0px 0px 0.3px 0.2px; } .menuright :hover { background-color: #F2F2F2; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear; } .menudivright :hover { color: #0082c8 !important; } .menudivright .text { font-size: 11px !important; font-weight: 700; display:block; font-family: 'Montserrat', sans-serif !important; line-height: 15px; width: 130px; padding-left: 12px; color: #000000; text-align: center; } .menudivright .red { color: #ff0000 !important; } .menudivright .img { width: 110px; /*padding-top: 10px;*/ } /* END - NEW MENU*/ /*INIT LAND PAGE*/ .land-banner { width: 100%; } .landtitle { position: relative; text-align: left; margin-top: 10px; width: 97%; } .landtitle .square { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #0081C6; border-bottom: none; border-right: 15px solid #0081C6; } .landtitle .squarered { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #9B0000; border-bottom: none; border-right: 15px solid #9B0000; } .landtitle .line{ background: #000; border-top: solid 1px lightgray; position: absolute; top: 10px; width: 76%; padding-right: 120px; } .landtitle .text{ background-color: #FFFFFF; position: relative; padding: 0px 5px 0px 5px; font-size: 22px; color: #000; font-weight: bold; line-height: 22px; } .searchcontent .search{ background-color: #ffffe0; width: 210px; } .searchcontent { width: 20%; background-color: #FFFFFF; float:right; display: none; } .land-container{ margin-top: 5px; margin-bottom: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: left; background: #fff; position: relative; } .land-container :before { content: ' '; position: absolute; width: 9px; top: 0; bottom: 0; right: 0; background-color: #fff; z-index: 1; } .land-container :after { content: ' '; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background-color: #fff; } .land-container .item .img { width: 95%; } .land-container .item{ width: 33.1%; float:left; text-align: center; vertical-align: middle; padding: 5px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; border-right: 0.1px solid #D8D8D8; border-bottom: 0.1px solid #D8D8D8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .item4{ width: 25% !important; } .land-container .item .text { font-weight: 700; display:block; font-family: 'Montserrat', sans-serif !important; line-height: 15px; color: #000000; font-size: 95%; } .land-container .item:hover { color: #DAD8D8 !important; background-color: #F2F2F2; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear; } .land-container .item .text:hover { color: #0082c8 !important; } .land-container .itemsmall{ width: 25% !important; min-height: 50px !important; text-align: center; vertical-align: middle; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; text-transform: capitalize; } .land-container .item ul.list { float:left; margin-left: 20px; margin-top: 15px; text-align: left; width: 80%; list-style-type: none !important; } .land-container .item .list a { color: #000; font-weight: 400; font-size: 0.82em; font-family: 'Montserrat', sans-serif !important; } .land-container .item .list span { color: #0082c8; } .land-container .item .list a:hover { color: #0082c8 !important; } .land-container-sublevel{ margin-top: 5px; margin-bottom: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: left; background: #fff; position: relative; } .land-container-sublevel :before { content: ' '; position: absolute; width: 9px; top: 0; bottom: 0; right: 0; background-color: #fff; z-index: 1; } .land-container-sublevel :after { content: ' '; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background-color: #fff; } .land-container-sublevel .item .img { width: 95%; } .land-container-sublevel .item{ width: 25%; float:left; text-align: center; vertical-align: middle; padding: 5px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; border-right: 0.1px solid #aaa; border-bottom: 0.1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; border-radius: 3px; } .land-container-sublevel .item .text { /* font-size: 12px !important; */ font-weight: 700; display:block; font-family: 'Montserrat', sans-serif !important; line-height: 15px; color: #000000; font-size: 95%; } .land-container-sublevel .item:hover { color: #DAD8D8 !important; background-color: #F2F2F2; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear; } .land-container-sublevel .item .text:hover { color: #0082c8 !important; } /*Desks*/ @media only screen and (max-width:1024px){ .land-container .item{ width: 25% !important; } .land-container .itemsmall{ width: 30% !important; } .land-container-sublevel .item { width: 25% !important; } } /*Tablets*/ @media only screen and (max-width:801px){ .land-container .item{ width: 33% !important; } .land-container .itemsmall{ width: 30% !important; } .land-container-sublevel .item { width: 33% !important; } } @media only screen and (max-width:501px){ .land-container .item{ width: 50% !important; } .land-container .item4{ width: 50% !important; } .land-container .itemsmall{ width: 30% !important; } .land-container-sublevel .item { width: 50% !important; } } @media only screen and (max-width:341px){ .land-container .item{ width: 50% !important; } .land-container-sublevel .item { width: 50% !important; } } .land-about{ background-color: #FFFFFF; font-size: 18px; color: #000; font-weight: bold; line-height: 15px; padding-bottom: 3px; padding-left: 8px; text-transform: capitalize; } .land-about-text{ padding: 7px; padding-bottom: 40px; } /*NEW DIALOG BASKET CSS*/ .img-responsive { display: block; width: 100%; height: auto; } .row:before, .row:after{ content: " "; display: table; } .row:after{ clear: both;} .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%;} .col-xs-11 { width: 91.66666667%;} .col-xs-10 { width: 83.33333333%;} .col-xs-9 { width: 75%;} .col-xs-8 { width: 66.66666667%;} .col-xs-7 { width: 58.33333333%;} .col-xs-6 { width: 50%;} .col-xs-5 { width: 41.66666667%;} .col-xs-4 { width: 33.33333333%;} .col-xs-3 { width: 25%;} .col-xs-2 { width: 16.66666667%;} .col-xs-1 { width: 8.33333333%;} .dialog-addtobasket-complete .section_1, .dialog-addtobasket-complete .section_2, .dialog-addtobasket-complete .section_3{ position: relative; margin: 8px; } .dialog-addtobasket-complete h3{ font-size: 20px; font-weight: 700; background-color: transparent; margin: 0; color: black; margin-bottom: 0 !important; } .dialog-addtobasket-complete p { font-size: 15px; font-weight: 400; margin: 6px; } .dialog-addtobasket-complete .center_txt{ margin-top: 28px !important; } .dialog-addtobasket-complete .img_basket{ margin: 0 8px; } .dialog-addtobasket-complete .buttons_wrap{ margin: 40px 20px 20px 20px; } .dialog-addtobasket-complete .buttons_wrap > button{ /*padding: 20px !important;*/ } .dialog-addtobasket-complete.RelatedProducts{ height: auto; } .dialog-addtobasket-complete, #dialog-addtobasket-pending, .dialog{ top: 35%; } .wrap_table{ display: table; margin: 0 auto; } .wrap_table_cell{ display: table-cell; vertical-align: middle; text-align: center; } .wrap_table_cell img{ display: inline-block;} .size_1{ width: 90px; height: 90px; } @media (min-width: 1024px) and (max-width: 1024px){ .dialog-addtobasket-complete.RelatedProducts, .dialog-addtobasket-complete, #dialog-addtobasket-pending { width: 50%; margin: 0; left: 25%; top: 10%; position: fixed; overflow: auto; padding-bottom: 50px; height: auto; } } @media (max-width: 736px){ .dialog-addtobasket-complete.RelatedProducts, .dialog-addtobasket-complete, #dialog-addtobasket-pending { width: 70%; margin: 0; left: 15%; top: 0; position: fixed; overflow: auto; padding-bottom: 50px; height: inherit; } } @media (max-width: 666px) { .dialog-addtobasket-complete.RelatedProducts, .dialog-addtobasket-complete, #dialog-addtobasket-pending { height: 100%; width: 100%; left: 0; } .dialog-addtobasket-complete .buttons_wrap { margin: 0; } .dialog-addtobasket-complete .button, .dialog .button { padding: 0; } } /*NEW DIALOG BASKET CSS END*/ @media screen and (max-width: 1024px) { .device-search { display: inline-block !important; box-shadow: 0px 0px 8px 4px #bbb; margin-top: 6px; margin-bottom: 6px; } } @media screen and (max-width: 350px) { .txtSearch { width: 220px !important; font-size: 20px !important; } } .device-search { display: none; } .device-search-button { display: none; } /*NEW DIALOG BASKET CSS END*/ /*presearch department-product listings - START*/ .presearchListingGroup { background-color: #f5f5f5; border-bottom: 1px solid #f47d30; float: left; font-family: futura-pt-condensed; font-size: 24px; font-weight: 500; letter-spacing: 0.4px; line-height: 28px; padding: 5px; text-transform: uppercase; width: 100%; margin-top: 10px; } .presearchListingGroup .presearchListingGroupName { float: left; } .presearchListingGroup .presearchListingGroupViewAll { float: right; padding-right: 5%; font-size: 22px; color: #777; } .presearchListingGroup .presearchListingGroupViewAll:hover { text-decoration: underline; } .presearchListing { width: 32.7%; float: left; border: 1px solid #ccc; padding: 5px; margin: 10px 0.3%; position: relative; } .presearchListing .presearchListingImg { width: 50%; float: left; min-height: 150px; } .presearchListing .presearchListingImg img { width: 100%; float: left; max-width: 150px; max-height: 150px; } .presearchListing .presearchListingName { float: left; font-size: 16px; min-height: 100px; padding: 3px; width: 50%; line-height: 18px; } .presearchListing .presearchListingMoreInfo { position: absolute; bottom: 0; right: 0; margin-right: 10px; margin-bottom: 10px; } @media only screen and (max-width : 768px) { .presearchListing .presearchListingImg { width: 100%; } .presearchListing .presearchListingName { width: 100%; min-height: 140px; } } /*presearch department-product listings - END*/ .trustbox-wrapper { display: inline-block; width: 100%; margin-bottom: 40px; } .trustbox-heading { text-align: left; font-family: futura-pt-condensed; font-size: 28px; font-weight: 500; margin-bottom: 15px; } .trustbox-content { display: inline-block; float: left; width: 100%; background-color: #eee; padding: 10px; border-top: 1px solid #F47D30; } .trustbox-content > div { float: left; } .trustbox-content-badge { margin-right: 20px; text-align: center; } .trustbox-content-badge-img { width: 210px; margin-top: 20px; } .trustbox-content-badge-img img { width: 164px !important; height: 44px !important; border: 0 !important; } /*REFACTORED MEDIA QUERIES FOR CAR REG AND DROP DOWN LISTS*/ @media only screen and (min-width : 1017px) { .CarModelSelectionDialog .dialog { top: 250px; left: 25%; width: 890px; height: 650px; } .registrationPlates .registrationPlatesInformation .reg_left { width: 50%; float:left; } .registrationPlates .registrationPlatesInformation .reg_right { width: 50%; float:right; } .carRegAndDDLs .carReg .carRegText { width: 296px; } .car-registration-lookup-section { float:right; margin-top: 8px; margin-left: 9px; } .makeAndModelDDLs .selectedModel { display:none; } .makeAndModelDDLs .dropdownStyle { width: 320px; } .makeAndModelDDLs .dropdownStyle select { width: 100%; } .SelectCarFromDropDownSubmit { margin-top: 10px; } .SelectCarFromDropDownSubmit > div { float:right; } .makeAndModelDDLs .horizontalThrobber { width: 100%; } } @media only screen and (min-width : 450px) and (max-width : 1016px) { .CarModelSelectionDialog .dialog { width: auto; left: 25%; height: 650px; } .homepageTop .identifyVehicleDialog .identifyVehicleDialogInner { width: 94%; } .identifyVehicleDialog .carRegText .carRegTextBoxStyle { width: 300px; height: 56px; } .identifyVehicleDialog .symbol img { height: 56px; } .car-registration-lookup-section { float: left; clear: both; margin-top: 10px; margin-left: 0px; } .car-registration-lookup-section .largeSizeButton { height: 44px; line-height: 1; padding: 1px 10px 0px 40px !important; } .car-registration-lookup-section .largeSizeButton:before { line-height: 1.6 !important; width: 34px !important; } .ddlLabelStyle { display: none; } .makeAndModelDDLs .selectedModel { display: none !important; } .makeAndModelDDLs .horizontalThrobber { width: 100%; } .makeAndModelDDLs .loadingBarCarSelection, .makeAndModelDDLs .dropdownStyle { width: 94%; } /*.homepageTop .identifyVehicleDialog .makeAndModelDDLs .dropdownStyle select {*/ .makeAndModelDDLs .dropdownStyle select { width: 100%; } .makeAndModelDDLs .ddl { width: 100%; } .SelectCarFromDropDownSubmit { width: 60%; margin-top: 6px; } .SelectCarFromDropDownSubmit > div { float:left; } } @media only screen and (min-width : 450px) and (max-width : 750px) { .makeAndModelDDLs { margin-top:4px; } } @media only screen and (min-width : 351px) and (max-width : 449px) { .makeAndModelDDLs .loadingBarCarSelection, .makeAndModelDDLs .dropdownStyle { width: 94%; } .makeAndModelDDLs .horizontalThrobber { width: 100%; } .makeAndModelDDLs .dropdownStyle select { width: 100%; } .makeAndModelDDLs .ddl { width: 100%; } .SelectCarFromDropDownSubmit > div { float:left; } } @media only screen and (max-width : 449px) { .makeAndModelDDLs { margin-top:10px; } .homepageTop .identifyVehicleDialog .text { font-size: 18px; } .car-registration-lookup-section { float: left; clear: both; margin-top: 10px; margin-left: 0px; } .identifyVehicleDialog .carRegText .carRegTextBoxStyle { width: 240px; height: 46px; font-size: 36px; } .identifyVehicleDialog .symbol img { height: 46px; } .car-registration-lookup-section .largeSizeButton { font-size: 38px !important; height: 44px; line-height: 1; padding: 1px 10px 0px 40px !important; } .car-registration-lookup-section .largeSizeButton:before { line-height: 1.6 !important; width: 34px !important; } .makeAndModelDDLs .horizontalThrobber { width: 100%; } .ddlLabelStyle { display: none; } .makeAndModelDDLs .selectedModel { display: none !important; } .SelectCarFromDropDownSubmit { width: 60%; margin-top: 6px; } } @media only screen and (max-width : 350px) { .makeAndModelDDLs .dropdownStyle { width: 94%; } .makeAndModelDDLs .dropdownStyle select { width: 90%; } .makeAndModelDDLs .horizontalThrobber { width: 100%; } .makeAndModelDDLs .ddl { width: 90%; } .SelectCarFromDropDownSubmit > div { float:left; } } /* NEW Landpage 22/11/2016*/ .preSearch .wrapper, .preSearch .bottomWrapper { background-color: white; } .land-container .item .text { /*color: #0081C6;*/ margin-bottom: 20px; } .land-container .item .text_2 { display: block; font-family: 'Montserrat', sans-serif !important; line-height: 15px; color: #000000; font-size: 95%; margin: 10px 0; font-weight: 400; text-decoration: underline; } .land-container .item .text_2:last-of-type { margin-bottom: 20px; color: grey; } /*.land-container .item .text_2:hover, .land-container .item .text:hover { color: #555 !important; }*/ /*.land-container .item:hover { color: initial; background-color: transparent; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }*/ .car_help_image { display: inline-block; width: 27%; position: relative; top: 19px; overflow: hidden; height: 58px; margin: 4px 10px; text-align: center; } .car_help_image img { width: 91%; } .preSearch .bottomWrapper { position: relative; } .titleWrapper, .car_wrapper, .car_wrapper_button { position: relative; display: inline-block; height: 49px; } .car_wrapper_button button { top: -10px; } .car_wrapper .date, .car_wrapper .engine { position: relative; display: inline-block; margin-right: 6px; } .car_image { position: relative; display: inline-block; overflow: hidden; height: 49px; width: 70px; margin: 0 8px; } .car_image img { width: 100%; height: auto; position: absolute; top: -7px; left: 0; } .most_popular { position: relative; margin: 20px 0; border: 1px solid #eee; width: 100%; overflow: hidden; } .most_popular ul { position: relative; width: 100%; padding: 10px 20px 20px 20px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .most_popular ul li { position: relative; list-style: none; display: block; /*width: 24%;*/ } .most_popular ul li a { display: inline-block; font-family: 'Montserrat', sans-serif !important; line-height: 1; color: #000; font-size: 95%; padding: 4px; margin: 4px; font-weight: 400; } .most_popular ul li a:before { content: '> '; color: #0081C6; position: relative; float: left; height: 25px; margin-right: 8px; } .most_popular ul li a:hover { color: #0081C6; } .most_popular ul li a span { position: relative; top: 2px; display: inline-block; margin: 0 0 0 4px; } @media (max-width:800px) { .car_help_image { display: none; } } @media (max-width:736px) { .preSearch .bottomWrapper { padding: 10px; } .car_image { height: auto; width: auto; padding: 0; } .car_image img { width: auto; position: relative; } .car_wrapper { display: inline-block; } .titleWrapper, .car_wrapper .date, .car_wrapper .engine { height: auto; display: block; margin: 8px 0; } .car_wrapper_button { height: auto; margin: 20px 0 10px 0; width: 100%; text-align: center; } .car_wrapper_button button { top: initial; } .most_popular ul { padding: 10px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width:414px) { } @media only screen and (max-width: 768px){ .preSearch .carRegPartsLookupRight { float: right; margin: 0 30px 0 0; } } @media only screen and (max-width: 1016px){ .preSearch .actionButtons, .quickSearchCars .actionButtons { float: left; } .preSearch .actionButtons button { margin-bottom: 10px; display: inline-block; margin-right: 30px; } } @media only screen and (min-width: 1016px) { #CarRegContent { position: relative; padding: 20px 10px; } #CarRegContent .txt_registration { position: relative; } #CarRegContent .date, #CarRegContent .engine { position: relative; display: inline-block; } #CarRegContent .actionButtons { position: absolute; top: 70px; left: 129px; } #CarRegContent .reglookupsugestion { position: absolute; right: 20px; top: 30px; } #CarRegContent .carRegPartsLookupRight { display: inline-block; position: absolute; top: 41px; left: -18px; } } @media only screen and (max-width: 1015px) { #CarRegContent .reglookupsugestion { display: none; } #CarRegContent .carRegPartsLookupRight { display: inline-block; position: relative; top: inherit; left: inherit; } } .most_popular { margin: 0; } @media only screen and (max-width: 414px) { .preSearch .txt_registration .carNameTitle { display: block; padding: 0; } .preSearch .carRegPartsLookupRight { float: left; } } /*NEW Landpage END*/ /*NEW FOOTER*/ #footernewversion *{ letter-spacing: 0 !important } #footernewversion .wrap_table{ display: table; } #footernewversion .wrap_table_cell{ display: table-cell; vertical-align: middle; text-align: center !important; } .wrap_table_cell img{ display: inline-block; } #footernewversion h4 { background-color: transparent; text-transform: none; font-weight: bold; letter-spacing: 0; color: #000; margin: 0 0 10px 0 !important; padding: 0 !important; height: auto; } #footernewversion .select_wrap{ position: relative; } #footernewversion .btn{ margin: 0; } #footernewversion{ border: 0; padding: 20px 10px; box-shadow: none; border-top: 1px solid #eee; margin-top: 30px; } #footernewversion a, #footernewversion p{ font-size: 15px; line-height: 1.5; } #footernewversion a{ color: #337ab7; } #footernewversion a:hover{ color: #23527c; text-decoration: underline !important; } /* footer social + payments + badges ------------------------------------------ */ .footer_links ul{ position: relative; width: 24%; display: inline-block; text-align: left; vertical-align: top; } .footer_links li{ margin: 10px 0; } .footer_links h4{ margin-bottom: 20px !important; } .footer_links p{ margin-bottom: 0; } .footer_social, .footer_payments, .footer_badges, .footer_rights { position: relative; width: 100%; } .footer_social img, .footer_payments img, .footer_badges img{ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .footer_social li, .footer_payments li, .footer_badges li, .footer_rights li { display: inline-block; } .footer_social li, .footer_payments li{ width: 6%; margin: 16px; } .footer_social{ padding: 30px 0; margin: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .footer_social a:hover img{ opacity: .5;} .footer_badges .badge_1{ width: 7%; margin: 16px; } .footer_badges .badge_2{ width: 16%; margin: 16px; } .footer_badges .badge_3{ width: 10%; margin: 16px; } .footer_badges .badge_4{ width: 8%; margin: 16px 8px; } .footer_badges .badge_5{ width: 16%; margin: 0 16px 28px 16px; } .footer_rights{ font-size: .8em; color: #777; } /* responsive ------------------------------------------ */ @media(max-width: 1023px) { #footernewversion{ width: 100%; display: inline-block; } } @media(max-width: 800px) { .footer_social li, .footer_payments li{ width: 8%; } .footer_badges .badge_1{ width: 12%; } .footer_badges .badge_2{ width: 24%; } .footer_badges .badge_3{ width: 16%; } .footer_badges .badge_4{ width: 14%; } .footer_badges .badge_5{ width: 24%; } } @media(max-width: 736px) { .footer_links ul{ width: 99%; } .footer_links li{ margin: 18px 0; } .footer_social li, .footer_payments li{ width: 16%; } .footer_badges .badge_1{ width: 18%; } .footer_badges .badge_2{ width: 40%; } .footer_badges .badge_3{ width: 36%; } .footer_badges .badge_4{ width: 26%; } .footer_badges .badge_5{ width: 40%; } } @media(max-width: 414px) { } /*NEW FOOTER END*/