html { background: #141414; height:100%;}
body { height:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:arial, Helvetica, sans-serif; color:#FFFFFF; }
a { text-decoration:none;}
a img { border:0x;}
h1 { font-weight:bold; font-size:18px; padding:0px 0px 0px 0px; margin:0px 0px 0px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
/* layout background built from include file */
#layout { min-height:100%; width:970px; margin:0px auto; padding:10px 5px 10px 5px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
#header { width:100%; padding-bottom:20px; position: relative;}
#headerlogo { width:340px; height:54px; float:left; background:url(../images/logo.png) no-repeat;}
#headertele { width:227px; height:54px; float:right; background:url(../images/tele.png) no-repeat top right;}
/*-------------------------------------------------------------------------------------------------------------------------*/
#leftmenu { width:150px; float:left; font-weight:bold; font-size:12px;}
/*#leftnav { }*/
#leftnav ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 7px; width:140px;}
#leftnav li { list-style:none; padding-bottom:3px;}
#leftnav a { color:#999999;}
#leftnav .active { color:#FFFFFF;}
#leftnav a:hover { color:#FFFFFF;}
.lmenfl { margin-left:20px; margin-top:40px;}
/* Used for submenu */
.menutitle{ width:160px; color:#999999; cursor:pointer;}
.submenu{ margin-bottom:4px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
#center { width:600px; float:left; text-align:justify; margin:0px 0px 15px 25px;}
#center1 { width:600px; height:441px; float:left; text-align:justify; margin:0px 0px 25px 30px;}
/*#centerin { padding:15px 5px 15px 5px;} */
#centerheader { font-weight:bold; font-size:18px; margin-bottom:5px; background:url(../images/boxbg.png) ; border:#666666 1px solid; padding:5px 10px 5px 10px;}
#centerheader1 { font-size:12px; margin-bottom:5px; margin-top:-6px; background:url(../images/boxbg.png); border:#666666 1px solid; padding:5px 5px 5px 5px; text-align:center;}
#centerheader a { text-decoration:none; padding-left:370px; font-size:12px; color:#FFFFFF;}
#centerheader a:hover { }
#centercontent { font-size:11px; min-height:370px; background:url(../images/boxbg.png); border:#666666 1px solid; padding:10px 20px 10px 20px;}
#centercontent a { color:#fff; font-weight: bolder; text-decoration: underline;}
#centercontent a:hover {
color:#C1C1C1;
text-decoration: none;
font-weight: bold;
}
/* News/Accessories/The Team + details page */
#centercontent .newsbox { width:560px; border-bottom:#999999 1px solid; padding:0px 0px 5px 0px ;margin:0px 0px 5px 0px;}
/*#centercontent .newsimage { float:left; width:60px; padding:10px;}*/
#centercontent .newsheader { float:left; width:550px; padding-top:10px; font-size:15px; font-weight:bold;}
#centercontent .newscontent { float:left; width:550px; padding-top:5px; font-size:13px; text-align: left}
#centercontent .teambox { width:560px; border-bottom:#999999 1px solid; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
#centercontent .teamimage { float:left; width:160px; padding:10px; vertical-align:middle;}
#centercontent .teamheader { float:right; width:380px; padding-top:10px; font-size:15px; font-weight:bold;}
#centercontent .teamcontent { float:right; width:380px; /*min-height:100px;*/ padding-top:5px; font-size:13px;}
/*#newsdetailheader { float:left; width:300px; font-size:18px; font-weight:bold; padding-bottom:10px;}*/
#newsdetailcontent { float:left; width:300px; font-size:11px;}
#newsdetailimages { float:right; width:200px; padding-top:10px;}
/* regplate page */
#centercontent .regplate { width:235px; float:left; padding:5px 0px 5px 0px; border-bottom:#999999 1px dashed; margin:0px 10px 0px 25px; text-align:center;}
#centercontent .regplate .reg1 { width:85px; float:left; font-size:13px;}
#centercontent .regplate .price1 { width:35px; float:left; font-size:13px;}
#centercontent .regplate .enquire1 { width:115px; float:right; font-size:11px;}
/*#centercontent .regplate .enquire1 strong { }*/
/* contactus page */
/*#centercontent .mapcontent {}*/
#centercontent #map { width:560px; height:260px; margin-bottom:20px;}
.col2 { float:left; margin:0px 55px ;}
#centercontent .address { width:300px; height:100px; float:left; margin-left:50px;}
#centercontent .phoneemail { width:300px; height:50px; float:left; margin-left:50px;}
#centercontent .times { padding-left:-70px;}
#centercontent #directions { width:560px; padding:0px;}
.left{ float:left;}
.right{ float:right;}
#testdriveform { width:560px;}
#testdriveform .col { float:left; width:280px; }
#testdriveform p{ clear:left; margin:0; padding:5px 0px 8px 0px; padding-left:145px; /*width of left column containing the label elements*/ height:1%;}
#testdriveform label{ font-weight:bold; float:left; margin-left:-145px; /*width of left column*/ width:140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
#testdriveform input[type="text"] { width:100px; margin:2px;}
#sellingcarform { width:560px;}
#sellingcarform .col { float:left; width:280px; }
#sellingcarform p{ clear:left; margin:0; padding:5px 0px 10px 0px; padding-left:150px;/*width of left column containing the label elements*/ height:1%;}
#sellingcarform .formheader { width:560px; margin:0; font-weight:bold; font-size:14px; border-bottom:1px #FFFFFF dashed; clear:both; }
#sellingcarform label{ font-weight:bold; float:left; margin-left:-150px; /*width of left column*/ width:150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
#sellingcarform input[type="text"] { width:100px; margin:2px;}
/*#sellingcarform input[type="radio"] {}*/
#findmeacarform { width:560px;}
#findmeacarform .col { float:left; width:280px; }
#findmeacarform p{ clear:left; margin:0; padding:5px 0px 10px 0px; padding-left:150px;/*width of left column containing the label elements*/ height:1%;}
#findmeacarform .formheader { width:560px; margin:15px 0px 15px 0px; font-weight:bold; font-size:14px; border-bottom:1px #FFFFFF dashed; clear:both; }
#findmeacarform label{ font-weight:bold; float:left; margin-left:-150px; /*width of left column*/ width:150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
#findmeacarform input[type="text"] { width:100px; margin:2px;}
/*#postcodesearch{}*/
#postcodesearch input[type="text"] { width:70px; margin:2px;}
#postcodesearch input[type="button"] { width:30px; margin:2px;}
#sitemap {}
#sitemap ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sitemap li { list-style:none;}
/*-------------------------------------------------------------------------------------------------------------------------*/
#rightmenu { width:150px; height:auto; float:right; text-align:right;}
#quicksearch { height:auto; padding-right:7px; padding-bottom:10px;}
#quicksearch .pricefrom { width:130px; font-size:12px; }
#quicksearch .priceto { width:130px; font-size:12px;}
#quicksearch .makename { width:130px; margin-top:6px; font-size:12px;}
#quicksearch .submit { background:url(../images/submit1.gif) no-repeat bottom; width:130px; height:20px; border:none; padding:0px 0px 0px 0px; color:#FFFFFF; cursor:pointer; margin-top:10px;}
#quicksearch2 { height:auto; padding-right:7px; width:764px;}
#quicksearch2 .pricefrom { width:205px; font-size:12px; }
#quicksearch2 .priceto { width:205px; font-size:12px;}
#quicksearch2 .makename { width:205px; margin-top:6px; font-size:12px;}
#quicksearch2 .submit { background:url(../images/submit1.gif) no-repeat bottom; width:130px; height:20px; border:none; padding:0px 0px 0px 0px; color:#FFFFFF; cursor:pointer; margin-left:5px;}
#stocksummary { width:auto; height:auto; padding:2px; background:url(../images/boxbg.png); border:#666666 1px solid;}
#stocksummary .summaryheader { height:auto; width:100%; text-align:center; font-weight:bold;}
#stocksummary .modelname { width:70px; height:auto; margin-left:24px; float:left; text-align:left; }
#stocksummary .modelname a { font-size:11px; text-decoration:none; color:#999999;}
#stocksummary .modelname a:hover { color:#FFFFFF;}
#stocksummary span { font-size:12px; float:left; padding-left:10px; color:#FFFFFF;}
/*-------------------------------------------------------------------------------------------------------------------------*/
#footer { width:100%; text-align:center;}
#footerlinks { color:#333333; font-size:12px; width:700px; margin:0px auto; clear:both;}
#footerlinks a { color:#FFFFFF; padding:5px;}
#footerlinks .a2 { color:#999999; padding-left:5px;}
#footerlinks a:hover { color:#999999;}
#footerlinks .header { color:#FFFFFF; font-weight:bold; font-size:14px; padding-bottom:10px;}
#footerlinks2 { color:#333333; font-size:9px; padding-top:15px;}
#footerlinks2 a { color:#333333; padding:5px;}
#footerlinks2 a:hover { color:#FFFFFF;}
#footeraddress { background-color:#0f0f0f; padding:4px 20px 4px 20px; margin-top:15px; font-size:13px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0px; padding:0px; background:transparent;}
/*-------------------------------------------------------------------------------------------------------------------------*/
/* Hitlist */
#hitlistresult { width:720px; height:255px; position:relative;}
.hitlisttopnav, .hitlisttopnav select { font-size:11px;}
/*.hitlisttopnav .hitlisttopnav1 {}*/
#hitlistresult .hitlistimage { width:301px; float:left; padding:10px 10px 0px 0px; margin:0px; cursor:pointer;}
#hitlistresult .hitlistinfo { width:385px; float:left; padding:10px 0px 10px 10px; font-size:12px;}
#hitlistresult .hitlistheader { width:385px; height:30px; float:left; padding:0px 0px 15px 0px; border-bottom:#666666 dashed 1px; font-size:15px;}
#hitlistresult .hitlistinfo1 { width:60px; float:left; padding:3px 0px 3px 5px; border-bottom:#666666 dashed 1px;}
#hitlistresult .hitlistinfo2 { width:315px; float:left; padding:3px 0px 3px 5px; border-bottom:#666666 dashed 1px;}
#hitlistresult .links { float:right; padding:10px 0px 0px 0px; cursor:pointer;}
.hitlistfinance { float:left; height:20px; margin:0px 0px 0px 0px; font-size:12px; width:301px; text-align:center; line-height:20px;}
.vdescription { float:left; width:375px; padding:3px 0 3px 5px;}
#SearchBox { margin-bottom:10px;}
/* Hitlist Details */
#nav { /*width:550px; text-align:center; border-bottom:1px solid #999999; border-top:1px solid #999999; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;*/}
#nav ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline;}
#nav li { list-style:none; display:inline;}
#nav a { color:#FFFFFF; font-size:12px;}
#gallery { width:526px; padding-left:0px;}
#info { width:550px;}
#info .h3 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:13px;}
#info .h4 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:13px;}
#info .h5 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px;}
#info .header1 { font-size:14px; font-weight:bold; text-align:center; border-bottom:1px solid #999999; margin:10px 0px 10px 0px; padding-bottom:5px;}
#info .header { width:90px; float:left;}
#info .header2 { font-weight:bold; border-top:1px solid #999999; margin:5px 0px 0px 0px; padding-top:5px;}
#info .details { width:90px; float:left;}
/*#info .details2 {}*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.hover{ position:relative; z-index:0;}
.hover a { text-decoration:none;}
.hover:hover{ background-color:transparent;}
/*CSS for enlarged image*/
.hover span{ width:200px; height:45px; position:absolute; background:#000000 url(../images/plate.gif) no-repeat; left:-1000px; border:1px dashed gray; visibility:hidden; color:black; text-decoration:none; text-align:center;}
.hover strong { position:relative; top:10px; font-size:14px; font-weight:bold;}
/*CSS for enlarged image on hover*/
.hover:hover span{ visibility:visible; top:10px; left:50px; /*position where enlarged image should offset horizontally */}
a.autotrader {
float:left;
}
/* x-mas text */
#christmasText {
width: 300px;
position: absolute;
top: 400px;
margin-left: -20px;
}
#christmasText h3 {
color: #BE1513;
}
#christmasText p{
font-size: 12px;
font-weight: 400;
height: 0;
}
.centreImage {
margin: 0 auto;
display: block;
}
/*-----------------------------------------------------------------------*/
#centercontent .gradientLink {
background: url('../images/gradientBg.gif') repeat-x left 4px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(132,132,132)),
color-stop(0.8, rgb(0,0,0)),
color-stop(0.96, rgb(132,132,132))
);
background-image: -moz-linear-gradient(
center top,
rgb(132,132,132) 0%,
rgb(0,0,0) 80%,
rgb(132,132,132) 96%
);
padding: 5px 5px;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}
#widget {
position: absolute;
top: 40px;
right: 0px;
width: 150px;
}
#centercontent .gradientLink:hover, #centercontent.gradientLink:focus {
background: url('../images/gradientBgReversed.gif') repeat-x left top;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(132,132,132)),
color-stop(0.8, rgb(0,0,0)),
color-stop(0.96, rgb(132,132,132))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(132,132,132) 0%,
rgb(0,0,0) 80%,
rgb(132,132,132) 96%
);
color: #fff; !important
text-decoration: underline;
font-size: 12px;
padding: 5px 5px;
}
.phone {color:#FFCC00; font-size:12pt}
.model {color:#FFFFFF; font-size:12pt}
.variant {color:#FFFFFF; font-size:10pt}
#hitlistnav{float:left; background-image:url(/style/imperial/images/menubk.gif); background-repeat:repeat-x;border:#333333 1px solid; padding:2px 5px 2px 5px; margin:2px 0px 2px 2px;}
li{margin-left:10px; }
.thimg { display:block; float:left; border:2px solid #fff; margin:1px; text-decoration:none; outline:none; }
.thimg:hover,
.activeThumb { display:block; float:left; border:2px solid #f00; margin:1px; text-decoration:none; outline:none; }
.blbgs { background-image:url(/style/imperial/images/bg2x2.png); background-repeat:repeat; float:left; display:block; width: 100%; height:41px; position:relative; color:#fff; }
.blbgswtxt { display:block; float:right; font-weight:bold; height:41px; line-height:41px; padding-right:10px; font-size:16px; color:# fff; }
.pauseIc { display:block; width:30px; height:30px; background-image:url("/style/imperial/images/pause.png"); background-repeat:no-repeat; }
.pauseIc:hover { display:block; width:30px; height:30px; background-image:url("/style/imperial/images/pause_.png"); background-repeat:no-repeat;}
.playIc { display:block; width:30px; height:30px; background-image:url("/style/imperial/images/play.png"); background-repeat:no-repeat;}
.playIc:hover { display:block; width:30px; height:30px; background-image:url("/style/imperial/images/play_.png"); background-repeat:no-repeat;}
.mrIc { display:block; float:right; width:30px; height:30px; background-image:url("/style/imperial/images/mr.png"); outline:none; background-repeat:no-repeat;}
.mrIc:hover { display:block; float:right; width:30px; height:30px; background-image:url("/style/imperial/images/mr_.png"); outline:none; background-repeat:no-repeat;}
.mlIc { display:block; float:right; width:30px; height:30px; background-image:url("/style/imperial/images/ml.png"); outline:none; background-repeat:no-repeat;}
.mlIc:hover { display:block; float:right; width:30px; height:30px; background-image:url("/style/imperial/images/ml_.png");outline:none; background-repeat:no-repeat;}
#hitlistdetailsimage { width:520px; margin: 0 auto;}