/* This CSS is included before the main style sheet so any class names and styles in the main CSS will take priority over this file. Have fun! */ .alloy-brand a {color:#CC3333;} p .img { margin-top: 0px } ul#relatedlinks { list-style: none; margin: 0px; padding: 0px; } ul#relatedlinks li.link { margin: 0px; padding: 5px 2px 5px 7px } #landtemplate {} #landtemplate h1 {padding-bottom: 0!important;} #landtemplate h2 { padding-left: 30px; font-size: 17px;} #landtemplate h3 {font-size: 15px;} #landtemplate h4 {font-size: 13px;} #landtemplate #landwrap {width: 750px; margin: 0px auto 20px auto; padding-left: 5px;} #landtemplate .landimg {padding: 10px 44px 10px 30px;} #landtemplate #landwrap ul {margin-top: 15px;} #landtemplate #landwrap ul li {float: left; width: 170px; list-style: none; min-height: 119px; margin-bottom: 7px; background: url('../../contrib/images/carTitleBG.jpg') repeat-x top; margin-right: 17px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-top-radius: 10px;} #landtemplate #landwrap ul li span {display: block; height: 31px; width: 170px; text-align: center; font-weight: bold; color: #FFF; padding-top: 8px;} .divclear {clear: both;} #landtemplate #landwrap ul li span a{color:#ffffff;text-decoration: none;} #landtemplate #landwrap ul li span a:hover{top:0 !important;text-decoration: underline;} #landtemplate #landwrap ul li img {border: 0; margin-top: -7px;} #landtemplate #car-date{width: 730px; margin: 0px auto 20px auto; margin-left: 28px;} #landtemplate #car-date ul{list-style: none; padding:10px; width:161px; float:left;} #landtemplate #car-date ul li{margin-bottom: 7px; font-size: 12px; font-weight: bold;} #landtemplate #car-date h3{width:170px; padding:10px 0 10px 10px; color:#ffffff;} #landtemplate #car-date table{width:734px;} #landtemplate #car-date table tr td{border:1px solid #cccccc; vertical-align: top;} #landtemplate #car-date table tr td.heading{border:1px solid #cccccc; background: url('../images/carmakeBG.jpg') repeat-x; border-bottom: 2px solid #cccccc;} #landtemplate #car-date table tr td.heading1{border:1px solid #cccccc; background: url('../images/carmakeBG.jpg') repeat-x; border-bottom: 2px solid #cccccc;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius:10px;} #landtemplate #car-date table tr td.heading2{border:1px solid #cccccc; background: url('../images/carmakeBG.jpg') repeat-x; border-bottom: 2px solid #cccccc;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px;} #landtemplate #car-date table a{color:#000000;text-decoration:none;} #landtemplate #car-date table a:hover{color:#BE1E2D;} #landtemplate #car-date table tr.content{background:#ffffff;} /* ALLOY WHEEL LANDING PAGES - ADDITIONAL CSS */ #alloy-wrap{width:790px; margin:auto;} #alloy-wrap h1{color:#ba162e;} #alloy-wrap h2{color:#ba162e;padding:10px 0;} #single-line{height:20px; border-bottom: 1px solid #cbcbcb; width:780px;} #carousel{width:790px; height:215px; background: url('../images/alloy-wheels-scroll-bg.jpg') no-repeat; margin-top: 20px; margin-bottom: 10px;} #package-deal{margin-top: 15px; margin-bottom: 15px;} ul.brands{list-style: none; margin-bottom: 0px; margin-top: 10px;} ul.brands li {display:inline;} h1.cars{padding-top: 20px;} h1{*font-size:24px;} #alloy-car-makes{width:780px; height:506px; background: url('../images/alloy-wheels-for-car-makes.jpg') no-repeat; margin-top: 10px;} #alloy-car-makes ul{width:780px; list-style: none; padding-top: 10px;} #alloy-car-makes ul li{display: inline; padding:15px 9px; padding-bottom: 5px;text-align: center;} #alloy-car-makes{float:left;} #alloy-car-makes img{padding-top:12px;} h3{color:#ba162e;} ul.more-sizes{list-style: none; width:520px;margin-top:10px;} ul.more-sizes li{display: inline; padding:0 30px 5px 0; } #group-alloys{float:right; position: relative; top:-60px; margin-right: 20px;} .jcarousel-skin-alloys .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-alloys .jcarousel-container-horizontal { width: 785px; height: 245px; padding: 12px 0px; font-weight: bold; font-size: 12px; overflow: hidden; } span.price{color:#ba162e;} .jcarousel-skin-alloys .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-alloys .jcarousel-clip { } .jcarousel-skin-alloys .jcarousel-clip-horizontal { width: 680px; height: 220px; margin: 0 auto; } .jcarousel-skin-alloys .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-alloys .jcarousel-item { width: 123px; height: 170px; text-align: center; margin-right: 62px !important; } .jcarousel-skin-alloys .jcarousel-item img{width:123px; height:123px; display:block; margin:0 auto;} .jcarousel-skin-alloys .jcarousel-item-horizontal { margin-left: 0px; margin-right: 0px; } .jcarousel-skin-alloys .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0px; margin-right: 0; } /** * Horizontal Buttons */ .jcarousel-skin-alloys .jcarousel-next-horizontal { position: absolute; top: 43px; left: 751px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/alloys-wheel-right.png) no-repeat 0 0;top: 82px; } .jcarousel-skin-alloys .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 0px; right:80px; background-image: url(../images/alloys-wheel-right.png); } .jcarousel-skin-alloys .jcarousel-next-horizontal:hover, .jcarousel-skin-alloys .jcarousel-next-horizontal:focus { background-position: 0px 0; background: transparent url(../images/alloys-wheel-right-hover.png) no-repeat 0 0;top: 82px; } .jcarousel-skin-alloys .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-alloys .jcarousel-next-disabled-horizontal, .jcarousel-skin-alloys .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-alloys .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-alloys .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-alloys .jcarousel-prev-horizontal { position: absolute; top: 82px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/alloys-wheel-left.png) no-repeat 0 0; } .jcarousel-skin-alloys .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/alloys-wheel-left.png); } .jcarousel-skin-alloys .jcarousel-prev-horizontal:hover{background: transparent url(../images/alloys-wheel-left-hover.png) no-repeat 0 0;} .jcarousel-skin-alloys .jcarousel-prev-horizontal:focus { } .jcarousel-skin-alloys .jcarousel-prev-horizontal:active { background-position: 0px 0; } .jcarousel-skin-alloys .jcarousel-prev-disabled-horizontal{} .jcarousel-skin-alloys .jcarousel-prev-disabled-horizontal:hover{} .jcarousel-skin-alloys .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-alloys .jcarousel-prev-disabled-horizontal:active { cursor: default; display: none; } /* WINTER - SNOW - COLD WEATHER - TYRES */ #winter-page-wrap{margin-left: 6px;} #carousel{margin-bottom: 20px;} #winter-page-wrap h1{color:#cc0033; padding-bottom: 5px;} #winter-page-wrap h3{padding-bottom: 5px;} #remember{width:450px; font-size: 14px; float:left; margin-bottom: 30px;} #stopping-distance{float:left; width:480px;} #stopping-distance img{position:relative; left:-20px;} #stopping-text{width:305px;float:left; margin-left: 0px; margin-top: 35px;} #stopping-text img{float:right;} #tyre-comparison{float:left; margin-top: 25px;} .clear{clear: both;} .right-img{margin-right: 14px; *position: absolute; *top:387px; *right:175px; *width:290px; *height:89px;} #tyre-comparison-text{float:right;margin-right: 20px; width:460px; margin-top: 25px;} #tyre-comparison-text h1{font-size: 20px;} #faq{margin-top: 25px; margin-right: 20px; margin-bottom:35px;} #faq h2{font-size:16px; padding-bottom: 5px; padding-top: 15px; color:#0066cc;} .winter-why{padding-bottom: 25px; border-bottom: 1px solid #ccc;} h4{color:#cc0033;margin-bottom: 5px; margin-top: 20px;} #cold-weather{width:750px; margin-bottom: 30px;} .theme-default #slider { margin-bottom: 20px; width:618px; height:209px; } .theme-pascal.slider-wrapper, .theme-orman.slider-wrapper { } .nivo-directionNav{display: none;} /* * jQuery Nivo Slider v2.6 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; }