html {
height: 100%;
margin-bottom: 1px;
}
BODY{
margin:0 0 0 0px;
padding:0;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
A {
color: #bf0406;
text-decoration:none;
}
A:hover {
color: #000000;
text-decoration:none;
}
#container{
MARGIN: 0px auto;
WIDTH: 1003px;
TEXT-ALIGN: left;
}
#aboveheader{
clear:both;
height:22px;
background-image:url(../images/aboveheader.gif);
background-repeat:repeat-x;
}
#logonav{
float:left;
width:720px;
height:122px;
background-color:#c3c3c3;
}
#logo{
float:left;
position:relative;
width:720px;
height:96px;
}
#topbanner{
float:right;
width:283px;
height:122px;
text-align:right;
background-color:#c3c3c3;
}
#belowheader{
clear:both;
height:31px;
background-image:url(../images/belowheader.gif);
background-repeat:repeat-x;
}
#flags{
float:left;
position:relative;
padding-left:5px;
padding-top:1px;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
width:545px;
}
.toptext{
float:right;
padding-right:5px;
height:20px;
width:448px;
text-align:right;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
line-height:20px;
}
.toptext a{
color:#FFFFFF;
text-decoration:none;
}
.toptext a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.toptext.left {
float:left;
text-align:left;
padding-left:5px;
}
#main {
min-height:300px;
clear:both;
background-color:#FFFFFF;
width:1003px;
}
#contentleft {
float:left;
position:relative;
width:780px;
padding-bottom:10px;
}
#content {
float:right;
width:591px;
text-align:left;
padding-bottom:10px;
background-color:#FFFFFF;
}
#left {
float:left;
position:relative;
width:168px;
text-align:left;
padding-bottom:10px;
padding-right:21px;
}
#right {
float:right;
width:202px;
padding-bottom:10px;
text-align:left;
padding-left:21px;
}
.headline{
background-image:url(../images/headline.jpg);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
/*
padding-bottom:8px;
*/
font-weight:bold;
color:#FFFFFF;
/*
border-bottom:#ffffff 7px solid;
*/
border-bottom:#ffffff 1px solid;
height:27px;
}
.headlineL{
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
font-weight:bold;
color:#FFFFFF;
background-image:url(../images/headlineL.jpg);
background-repeat:no-repeat;
clear:both;
font-weight:bold;
color:#FFFFFF;
border-bottom:#ffffff 1px solid;
}
.headlineR{
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
font-weight:bold;
color:#FFFFFF;
background-image:url(../images/headlineR.jpg);
background-repeat:no-repeat;
clear:both;
font-weight:bold;
color:#FFFFFF;
border-bottom:#ffffff 1px solid;
}
.sublinks a{
display:block;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
background-color:#e3e4e6;
border-bottom:#ffffff 1px solid;
clear:both;
text-decoration:none;
font-size:10px;
color:#343e4b;
}
.sublinks a:hover{
color:#343e4b;
text-decoration:none;
background-color:#FFFFFF;
}
.copy{
padding:10px;
}
.promotional{
text-align:center;
font-weight:bold;
background-color:#f6f6f6;
padding:10px;
border-bottom:#000000 1px solid;
border-top:#000000 5px solid;
}
.textRed{
color:#bf0406;
}
.clear{
clear:both;
}
.alignCenter{
text-align:center;
}
.imageBorder{
border:0px;
}
#footer{
clear:both;
text-align:center;
background-color:#e2e3e5;
background-image:url(../images/footer.gif);
background-repeat:repeat-x;
padding-top:5px;
}
.bannerBottom{
padding:10px;
}
.footer {
clear:both;
WIDTH: 973px;
text-align:center;
padding:15px;
font-size:9px;
color:#ffffff;
}
.footer a{
color:#ffffff;
text-decoration:none;
}
.footer a:hover{
color:#000000;
text-decoration:none;
}
.whiteLinks{
color: #ffffff;
text-decoration:underline;
}
.whiteLinks:hover{
color: #ffffff;
text-decoration:none;
}
form{
margin:0 0 0 0px;
}
p{
margin-top:5px;
}
.img{
border-top:#ffffff 4px solid;
border-bottom:#ffffff 4px solid;
border-left:#ffffff 4px solid;
border-right:#ffffff 4px solid;
}
.homecar{
width:185px;
padding-bottom:8px;
float:left;
text-align:center;
margin-left:1px;
margin-right:5px;
}
.carhome{
border:0px;
padding-bottom:8px;
}
.carlist{
width:170px;
padding-top:1px;
padding-bottom:8px;
float:left;
text-align:center;
font-weight:bold;
background-color:#f6f6f6;
border-bottom:#000000 1px solid;
border-top:#000000 5px solid;
margin-left:14px;
margin-right:13px;
}
.searchL{
float:left;
position:relative;
width:186px;
height:90px;
}
.searchR{
/*float:right;*/
/*width:405px;*/
/*height:90px;*/
}
.searchtop{
padding-top:5px;
padding-bottom:5px;
/*height:45px;*/
height:auto;
float:left;
}
.searchbottom{
}
.selectmake{
/*width:130px;*/
margin-top:5px;
}
.selectmodel{
width:200px;
height:45px;
}
.floatleft{
float:left;
}
.marginright{
padding-right:8px;
}
.flag{
float:left;
padding-right:2px;
padding-top:2px;
}
.texttop{
float:left;
padding-right:2px;
padding-top:3px;
}
.inputtop{
float:left;
padding-right:2px;
}
.homelistings{
width:582px;
padding-left:9px;
}
.copyalloy{
float:left;
position:relative;
padding-left:5px;
padding-right:20px;
width:410px;
}
.imgalloy{
float:right;
width:152px;
text-align:right;
}
.img2{
border:#000000 1px solid;
}
.copy2{
padding:5px;
}
.framealloy{
width:410px;
border:#cccccc 1px solid;
clear:both;
}
.framealloyimg{
float:left;
position:relative;
padding:5px;
width:35px;
padding-top:7px;
}
.framealloyalloycopy{
float:right;
padding:5px;
width:355px;
}
#topnav{
height:26px;
clear:both;
background-image:url(../images/backnav.jpg);
background-repeat:no-repeat;
}
#toptabs{
margin:0 0 0 0;
width:720px;
}
.tabs{
margin:0 0 0 0;
}
.tabs ul{
list-style-type: none;
text-align: left;
margin:0 0 0 0;
padding:0;
}
.tabs li{
display: inline;
margin:0 0 0 0;
padding:0;
}
.tabs li a.selected{
color:#f00;
}
.tabs li a{
display:inline-block;
float:left;
margin:0 0 0 0;
display:block;
padding-top:7px;
padding-bottom:7px;
padding-left:12px;
padding-right:12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
font-size:10px;
border-right:#555454 1px solid;
text-align:center;
background-image:url(../images/tab.gif);
background-repeat:repeat-x;
}
.tabs li a:hover{
text-decoration:none;
background-image:url(../images/tabo.gif);
background-repeat:repeat-x;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_b{
position:absolute;
top: 0;
border-bottom:#ffffff 1px solid;
z-index:100;
background-color:#024972;
width: 150px;
visibility: hidden;
}
.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border-bottom:#ffffff 1px solid; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
color: black;
background-color:#4d4c4c;
color:#FFFFFF;
}
* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #b30d11;
color:#FFFFFF;
}
/* begin: old styles */
.listing .content{
float:left;
margin:2px 0;
width:auto;
}
.listing .content a.thumb, .thumb-pp{
float:left;
border:3px solid #D2D2D2;
}
.listing .content div.thumb{
float:left;
}
.listing .content div.thumb img{
border:3px solid #D2D2D2;
}
.listing .content a.thumb:hover{
border:3px solid #B4B4B4;
}
.listing h3{
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#164B8B;
margin:6px 6px;
display:block;
width: 169px;
height:48px;
text-align:center;
}
.listing h3 a{
color:#164B8B;
text-decoration:none;
}
.listing h3 a:hover{
color:#164B8B;
text-decoration:underline;
}
p.divh{
background:transparent url(../images/div-dottedh.gif) repeat-x left center;
display:block;
height:10px;
}
h1{
/*
font-family:"Lucida Sans Unicode", Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
color:#555555;
font-size:24px;
border-bottom:1px solid #A6A6A6;
*/
background-image:url(../images/headline.jpg);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
font-weight:bold;
color:#FFFFFF;
border-bottom:#ffffff 7px solid;
font-size:11px;
margin:0px;
}
h5{
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#404953;
padding-bottom:4px;
margin:0px
}
.thumb2 img{
float:left;
border:none;
margin-right:5px;
}
a.thumb2 {
color:#D2D2D2;
}
a.thumb2 :hover {
color: #B4B4B4;
}
/* 4 classes below for formatting fitment_charts */
table.xls td.title{
background:#CCCCCC;
}
table.xls td h2 {
font-size:10px;
}
table.xls td{
padding:2px 4px;
text-align:left;
}
table.xls {
border:1px solid #999999;
font-size:9px;
}
/* end: old styles */
/* begin: extra styles */
.model_select_header {
width: 304px;
border-width: 2px 1px 1px 2px;
border-style: solid inset inset solid;
/*
border-color: #6e6e6e #828282 #828282 #6e6e6e;
*/
border-color: #7e7e7e #d0d0d0 #d0d0d0 #7e7e7e;
font-size:13px;
background: #fff url(../images/dropdown_arrow.jpg) no-repeat scroll top right;
cursor:default;
min-height:16px;
font-size:13px;
float:left;
height:auto;
vertical-align:bottom;
margin-top:5px;
padding:1px 0 1px 0;
/*
font-family: Verdana sans-serif;
*/
}
.model_select_body {
background-color: #fff;
width: 304px;
height:220px;
position:absolute;
/*
overflow-x:hidden;
overflow-y:auto;
*/
overflow:auto;
border-width: 1px;
border-style: solid;
border-color: #b2b2b2 #000 #000 #b2b2b2;
margin-top:1px;
cursor:default;
margin-left:45px;
margin-top:-6px;
}
.model_select_body.wm{
margin-left:0;
margin-top:0;
}
.model_select_body .mitem {
width: 284px;
height:auto;
padding: 2px;
float:left;
}
.model_select_body .mitem.over {
background-color:#5582c2;
color: #ffffff;
}
.model_select_body .mitem.out {
background-color:#ffffff;
color: #000000;
}
.model_select_body .mitem.selected {
background-color:#5582c2;
}
.model_select_body .mitem .left {
height:100%;
float: left;
width: 136px;
margin:0;
padding:0;
}
.model_select_body .mitem span {
width:148px;
float:right;
font-size:9px;
display:block;
}
.model_select_header .mitem {
width: 284px;
height:auto;
padding: 2px;
float:left;
}
.model_select_header .mitem .left {
height:100%;
float: left;
width: 136px;
margin:0;
padding:0;
}
.model_select_header .mitem span {
width:148px;
float:right;
font-size:9px;
display:block;
}
hr.hsep {
height:1px;
width:284px;
float:left;
margin:0 2px;
}
.hidden {
display:none;
}
#btnfind, #monloading{
margin-top:5px;
}
/* end: extra styles */
/* begin: new styles for product page */
.copyalloy2{
float:left;
position:relative;
padding-left:5px;
padding-right:20px;
width:345px;
}
.headSpecificationsOpen{
background-image:url(../images/headSpecificationsOpen.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#30465f;
height:14px;
}
.headSpecificationsClose{
background-image:url(../images/headSpecificationsClose.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#30465f;
height:14px;
}
.headAccessoriesOpen{
background-image:url(../images/headAccessoriesOpen.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#305f36;
height:14px;
}
.headAccessoriesClose{
background-image:url(../images/headAccessoriesClose.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#305f36;
height:14px;
}
.headTyresOpen{
background-image:url(../images/headTyresOpen.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#de7712;
height:14px;
}
.headTyresClose{
background-image:url(../images/headTyresClose.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#de7712;
height:14px;
}
.headDeliveryOpen{
background-image:url(../images/headDeliveryOpen.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#a49e03;
height:14px;
}
.headDeliveryClose{
background-image:url(../images/headDeliveryClose.gif);
background-repeat:no-repeat;
clear:both;
padding-left:6px;
padding-top:6px;
padding-bottom:8px;
display:block;
font-weight:bold;
color:#a49e03;
height:14px;
}
.imageBorder2{
BORDER-RIGHT: #d2d2d2 3px solid;
BORDER-TOP: #d2d2d2 3px solid;
BORDER-LEFT: #d2d2d2 3px solid;
BORDER-BOTTOM: #d2d2d2 3px solid;
}
.imgalloy2{
float:right;
width:217px;
}
/* end: new styles for product page */
/* begin: tyres blocks styles */
.tyres {
width:100%;
}
.tyre_block_container {
width:100%;
float:left
}
.tyre_block {
cursor:pointer;
width:345px;
min-height:70px;
overflow:auto;
}
.tyre_block .left {
width:20px;
float:left;
text-align:center;
}
.tyre_block .center {
width:266px;
float:left;
}
.tyre_block .right {
min-width:59px;
text-align:right;
display:inline-block;
}
.tyre_block .left input {
margin:0;
}
.tyre_block .right img {
border: #d2d2d2 3px solid;
}
img.tyreinfo {
vertical-align:bottom;
}
/* end: tyres blocks styles */
table.cart {
width:591px
}
.cart td {
padding: 2px 3px;
}
.cart tr.head {
background-color:#F1F3F3;
}
.cart tr.head td{
border-bottom:1px solid #000;
}
.cart .row td.qty input {
border-style: inset;
font-size: 9px;
text-align:center;
width:20px;
}
.cart tr.row.total td {
border-bottom:1px solid #000;
background-color: #e1e3e3;
font-weight:bold;
}
.cart td.qty {
width:20px;
text-align:center;
}
.cart td.price {
width:auto;
text-align:right;
}
.cart td.description {
width:auto;
text-align:left;
}
.cart td.remove {
width:20px;
color:#F00;
text-align:center;
}
.cart tr.hl {
background-color: #f5f7f7;
}
#price_value {
height:20px;
}
#price_value div.desc {
height:16px;
float:left;
font-weight:bold;
margin-right:5px;
}
#price_value div.loading {
display:none;
}
#hoverOuter {
height:auto;
width:auto;
border: 1px solid #838d8e;
color:#696969;
font-family:'trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-size:0.75em;
background-color: #ffffff;
}
#hoverInnerDesc {
margin:10px 15px 0px 15px;
text-align:left;
font-size:10px;
}
#hoverInner img {
padding:10px;
border:none;
}
table#checkout {
width:591px;
}
table#checkout td.left {
border:none;
text-align:right;
vertical-align:top;
padding: 2px 3px 4px 0;
width:293px;
}
table#checkout td.right {
border:none;
text-align:left;
padding: 0 0 4px 0;
width:293px;
vertical-align:top;
}
table#checkout td.right input.err,textarea.err,select.err {
background-color:red;
}
table#checkout td input {
border:1px solid #000;
width:200px;
height:17px
}
table#checkout td textarea {
border:1px solid #000;
width:200px;
height:50px;
overflow:auto;
}
table#checkout td.right div {
margin:2px 0 0 0;
color:red
}
table#checkout td.left a{
color:black;
}
table#checkout td.left a:hover{
text-decoration:underline;
}
.checkout_overlay {
width:100%;
background-color:#000;
position:absolute;
z-index:1000;
top:0px;
left:0px;
}
.checkout_container_outer {
background-color:#fff;
float:left;
text-align:center;
width:250px;
height:250px;
padding:10px;
position:absolute;
top: 20px;
z-index:1001;
display:none;
}
.checkout_container_inner div.text {
display:block;
height: 20px;
width:100%;
text-align:center;
}
.checkout_container_inner img.loading {
position:relative;
float:left;
}
.checkout_container_inner {
height:auto;
width:auto;
float:left;
clear:none;
display:none;
text-align:left;
}
.checkout_container_inner a {
text-decoration:underline
}
.checkout_container_inner a:hover {
text-decoration:none
}
.checkout_container_inner input{
font-size:11px;
}
.add_to_cart_container {
display:none;
position:absolute;
z-index:1001;
background-color:#fff;
text-align:left;
padding:15px;
top:20px;
}
.add_to_cart_container div {
font-family: Verdana;
background-color: #fff;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.2em;
text-align:center;
}
.add_to_cart_container input {
margin-top:10px;
color:#5e5e5e;
background-color:#fff;
font: bold 80% verdana,'trebuchet ms',helvetica,sans-serif;
border: 1px #9e9e9e solid;
}
.socialnetwork_container {
display:none;
position:absolute;
z-index:1001;
top:20px;
color: #444;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.2em;
width:500px;
}
.socialnetwork_container #managed_content {
background-color:#fff;
padding:15px;
text-align:left;
font-family: Verdana;
}
.socialnetwork_container #close_button {
text-align:right;
width:100%;
margin-bottom:3px;
}
.socialnetwork_container #close_button a {
margin-right:2px;
color:#fff;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
}
.socialnetwork {
clear: right;
display:inline;
float:right;
padding: 0;
width: 66px;
}
.socialnetwork a {
float: right;
display: inline;
width: 18px;
height: 18px;
margin: 1px 0 0 4px;
font-size: 0;
text-indent: -999em;
line-height: 999em;
overflow: hidden;
background-position: top left;
background-repeat: no-repeat;
}
.socialnetwork a:hover { background-position: bottom left; }
.socialnetwork a.facebook { background-image: url(../images/facebook.png); }
.socialnetwork a.twitter { background-image: url(../images/twitter.png); }
.socialnetwork a.youtube { background-image: url(../images/youtube.png); }