* { padding:0; margin:0;}

 img, div, input { behavior: url("../pngbehavior.htc") }
img { border:0;}
a { text-decoration:none;}
/*html { 
height: 100%;
background: #FCFCFC url(../images/gradient_bg.jpg) repeat-y top center; 
font-size: 100%; /* IE Hack */ 
/*}*/
input, select { text-transform:uppercase; font-size:11px; }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#logo { padding:30px; float:left; width:300px;}
#number {float:right; padding:30px;}
#shadow { background:url(../images/gradient_bg.jpg) left center repeat-y; margin:0 auto; width:1004px; overflow:hidden; }
#bottomshadow { background:url(../images/bottom_bg.jpg) top left repeat-x; width:998px;  margin:0 auto; height:8px;}
#wrap {  width:990px;  margin:0 auto; }
#page { text-indent:0px;padding:10px 20px; background: #00aeef; clear:both; float:left; width:951px;}
.floatleft { float:left;}
.floatright { float:right;}
.blockimg { display:block;}

.clearboth { clear:both;}
.required { color:#F00; font-size:12px;}
.topalign { vertical-align:top; }

#content .smallselect { width:48px!important;}
.message { text-align:center; background: #F00; color:#FFF!important; padding:5px!important; border:1px solid #fff; }
.success { text-align:center; background:#393; color:#FFF!important; padding:5px!important; border:1px solid #fff; }
#cal1_toggler { position:relative; top:3px;}
/* NAVIGATION STARTS  */
#navbar {float:left;  height:15px;padding:15px 0 25px 0px;}
#navbar a { font-size:14px; font-weight:bold;   }
#navbar  li { list-style-type:none; float: left;  	position: relative; /*width:81px;*/display:block;  z-index:2;   } 
#secondlevel  a { padding:5px 10px 5px 10px!important;  color:#fff!important; border:none !important;}
#secondlevel a:hover { color:#FF0!important; }
#navbar li ul a {  border:0; }
#home { text-indent:-12px;}
#aftersales { width:75px;}

 #navbar .navheader { margin-bottom:20px; color:#6dcff6; margin-left:10px;margin-top:5px;} 
#navbar ul li .navheader  { color:#6dcff6!important;}
#navbar ul li a {  padding:0px 31px 0px 15px; color:#fff; text-transform:capitalize; text-decoration:none; display:block; line-height:1.4em;}
#navbar li a:hover {  color:#FF0;  }
.menu li ul { /* second-level lists */	display: none; 	position: absolute;	left: 0;  top:-10px;  border: 2px solid #fff; }
.menu li ul a {  padding:5px; }
.menu li:hover ul, .menu li.over ul { /* lists nested under hovered list items */ padding:0;	display: block; background:transparent url(http://www.atticustrophies.co.uk/images/opaque.png);  background:transparent filter: alpha(opacity=95); background:#00aeef;  z-index:100; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); opacity:0.95; width:100%; }

body#home a#home, body#usedcars a#usedcars, body#benefits a#benefits, body#specialoffers a#specialoffers, body#findus a#findus, body#contact a#contact {
 color:#FF0;  }
 
 /* NAVIGATION END  */

#banner { clear:both; margin:10px 0 0 0 ;border:7px solid #fff; float:left; *float:none; height:195px;}
#banner object, #banner embed { padding:0; margin:0;}
#eupdates { display:none;  z-index:1; float:right; width:612px; margin:8px 0 2px 0; *margin:8px 0 8px 0; border:7px solid #00AEEF; padding:10px;  background:transparent url(http://www.atticustrophies.co.uk/images/opaque.png);  background:transparent filter: alpha(opacity=95); background:#fff;  z-index:100; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); opacity:0.95;  }
#content #eupdates h2 { padding:0; margin:0; color:#000; text-transform:uppercase; }
#content #eupdates label { color:#000; font-weight:bold;}
#content #eupdates p { margin:5px 0;padding:0; color:#555;}


#quicklinks { text-align:center; clear:both;}
#quicklinks h1 { float:left; font-size:16px; margin:5px;}
#quicklinks #ruler {float:left; width:547px; margin:14px 0 0 5px; *margin:8px 0 0 5px; }
#ruler hr { height:5px; border:none; background:#fff;padding:0; margin:0;}
#slider { margin-left:-15px; padding:0;  }


#leftpanel { float:left; width:244px;}
#quicksearch {background:url(../images/quicksearch_bg.jpg) #18479F top center no-repeat;  width:200px;padding:15px; border:7px solid #fff;}
#quicksearch select{  width:200px; margin:2px 0; padding:3px; background:#14489f;border-style:outset; color:#ff0; font-weight:bold; font-size:11px; line-height:20px; text-transform:uppercase;}

#quicksearch input[type=text] { background:#fff;width:190px; text-transform:uppercase; margin:2px 0; background:#0066b3;  border-style:outset; color:#000; font-weight:bold;font-size:11px; padding:3px;text-transform:uppercase;}
#quicksearch input[type=image] { width:auto; border:none; border:0; background:0;}
#quicksearch label { display:block; color:#fff; font-weight:bold; padding:5px 0 0 0; }
#quicksearch a { color:#fff; text-transform:uppercase; font-weight:bold;}
#advsearch {display: none;}

#latestdeal { font-family:Arial;clear:both;  margin-top:20px;width:200px; height:305px;padding:15px; border:7px solid #fff; background:url(../images/quicksearch_bg.jpg) #14489f no-repeat;}
#latestoffer { font-family:Arial;clear:both;  margin-top:20px;width:220px; border:7px solid #fff; background:url(../images/quicksearch_bg.jpg) #14489f no-repeat;}

#latestdeal img {  }
#latestdeal .photo { margin:3px 0;  *margin:10px 0;border:4px solid #00AEEF; }
#circle { padding:17px 0px 0px 0px; margin-top:15px; margin-left:137px; text-align:center;background:url(../images/circle.png) no-repeat; width:74px; height:73px; position:absolute;  }
#latestdeal h1 { font-size:16px;  letter-spacing:-1px; line-height:18px; color:#fff; text-transform:uppercase;}
#latestdeal h2 {font-size:20px;  letter-spacing:-1px; line-height:20px; padding:20px 0;color:#fff; text-transform:uppercase; }
#latestdeal h3 span { line-height:0px; text-align:center; width:20px; font-size:22px;color:#fff;}
#circle h2 { font-size:20px; letter-spacing:-1px; margin-top:-20px;  text-align:center; color:#f00; line-height:20px;}
#latestdeal h3 {  font-size:14px; text-transform:uppercase; font-weight:bold; }
#latestdeal h3.was { color:#0099FF;}
#latestdeal h3.now { color:#FFFF33;}
#latestdeal h3.saving { color:#C00;}

.border { border:7px solid #fff; display:block; margin:0 3px; }
#peaceofmind { width:692px;float:right; margin-top:13px;margin-left:15px; line-height:16px; color:#fff;}
#peaceofmind p { padding:5px 4px 8px 4px;}
#content { background:#293A96; width:645px; margin-left:13px; padding:15px; float:left;border:7px solid #fff; color:#fff;}
.welcometitle { float:left; width:109px;}
.dealerbuttons { margin: 0 15px 5px 2px; border:1px solid #fff;}
#content a { font-weight:bold; color:#ff0;}
#content li { list-style:inside; color:#fff;}
#content p { margin:10px 0;}
#content p#contentheader {font-size:12px; color:#ff0; padding:5px 0; font-weight:bold; text-transform:uppercase;}
#content td { padding:1px}
#content h2 { font-size:14px; color:#ff0; margin:5px 0;}
*html #content .ie6input{ width:200px;}

#content input[type=text] { width:200px;}
#content input[type=button] {  background:#0066b3;  border-style:outset; color:#fff; font-weight:bold;font-size:10px; width:125px; *width:105px; padding:0 2px;text-transform:uppercase;}
#content select { width:205px; }
#content strong { color:#ff0;}
#content ul { margin-bottom:10px;}
#content th, #content .tblheader { background:#00AEEF; padding:5px;}

#content #carfooter a {color:#00AEEF; font-weight:bold; margin:0 45px; }
#content .emailicon { background:url(../images/mail_icon.jpg) left no-repeat; padding-left:30px;}
#content .printicon { background:url(../images/print_icon.jpg) left no-repeat; padding-left:25px;}
#content .arrowleft { background:url(../images/arrowleft_icon.jpg) left no-repeat; padding-left:12px;}

#sort { float:right;padding-left:100px; margin-bottom:8px; }
#map { border:7px solid #00AEEF; margin-top:2px; }

#relatedcars { clear:both;width:185px; margin-right:10px;float:left; margin-top:10px; border:7px solid #ff0; padding:5px; color:#fff;}
#relatedcars  h1 { font-size:12px; text-transform:none; padding:5px 0;}
#relatedcars h2 { font-size:18px; color:#ff0; padding-bottom:5px; }
#relatedcars p { margin:10px 0;}
#relatedcars img { border:3px solid #00bdf2; margin-left:5px;}
#relatedcars_details { position:relative; z-index:1;text-align:center; display:block;  padding:5px;background:#fff; border:3px solid #00bdf2; margin-top:-20px; width:145px; margin-left:12px;margin-bottom:25px;}
#relatedcars_details h1 { color:#00bdf2; font-size:14px; text-transform:uppercase; }
#relatedcars_details h2 { color:#F00; font-size:20px;text-align:center; padding:0;}
#listings { width:425px; margin-right:-2px;float:right; color:#000;}
#listings table { background:#fff; margin:5px 0; padding:0; border:0; }
#listings td { padding:0; margin:0; }
#listings .image { border:1px solid #00bdf2; width:100px;  max-width:100px;background:#fff;  padding:0; margin:0;  }
#listings .image img { display:block;  }
#listings .price { font-size:24px;  text-align:center; color:#2e3192; margin:0;padding:0 7px;float:right; vertical-align:top; }
#listings .price img { height:16px; padding:0; display:block; }
#listings .description {width:200px; font-size:11px; vertical-align:top; padding:0 7px; background:inherit;}
#listings .title h1 { font-size:16px; color:#00aeef; padding:0 7px;}
#listingsfooter { padding-left:370px; padding-top:5px;clear:both; color:#fff; }
#listingsfooter strong { color:#FF0;}

#cardetails { background:#fff; padding:10px;color:#555; overflow:hidden;}
#cardetails h1 { color:#00AEEF; padding:0;font-size:16px; letter-spacing:0; float:left; padding-right:5px; width:171px;}
#cardetails h2 { padding:0; color:#2e3192; font-size:34px; text-align:center; float:right; line-height:38px; padding-bottom:5px; height:auto;}
#cardetails h2 img { padding:3px 0 3px 0;}
#carspec { width:310px;float:left; background:#fff;  }
#carphotowrap {float:right; width:298px; margin-right:5px; *padding-left:10px;}
#carphoto {  border:4px solid #00AEEF; width:275px; margin-left:8px; text-align:center;}
#usedpictures { margin:10px 0; padding:0 0 0 5px;}
#usedpictures img { border:1px solid #00AEEF; margin:1px; }
#tabs {    float:left; width:100%; background:#fff url("../images/bg.gif") repeat-x bottom; margin-bottom:-5px; *margin-bottom:-12px; text-align:center; }
#tabs a { color:#00AEEF;}
#tabs li { display:inline; color:#00AEEF; }
#tabs ul {list-style:none;  }
#tabs li {float:left;  background:url("../images/left.gif") no-repeat left top;  margin:0 0 0 0px;  padding:0 2px 0 9px;  }
#tabs a {  float:left;  display:block;  background:url("../images/right.gif") no-repeat right top;  padding:15px 25px 3px 15px;  text-decoration:none;  font-weight:bold;  color:#888;  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {color:#00AEEF;  }
#tabs a.current {  background-image:url("../images/left_on.gif"); }
#tabs .current a {  background-image:url("../images/right_on.gif");  padding-bottom:5px;  color:#00AEEF;  }
#content #details  li { list-style-position:inside; clear:both;color:#555; }
#content #details, #content #insurance { border:2px solid #00AEEF; padding:10px 10px 0px 10px; clear:both;}
#content #insurance { display:none;}	  
#content #carfooter { clear:both; text-align:center;padding:10px 0;}
 #calculator { background:url(../images/calculator_bg.jpg) no-repeat;  clear:both; width:238px;color:#fff;padding:20px; height:350px; }
 #calculator td { border-bottom:1px solid #09F; padding:3px;}
 #calculator span { display:block; color:#000; font-size:10px;}
 #totalpayablebox { color:#000; font-weight:bold;}
#calculator h4{ font-size:16px; text-transform:uppercase;  padding:0 0 5px 0; color:#000; }
#specialofferwrap { border: 7px solid #FFF200; padding:5px 15px 12px 15px;}
*html #specialofferwrap { padding:8px;}
#content #specialofferwrap h2 { background:url(../images/specialoffer_titlebg.jpg) no-repeat; padding:2px; text-align:center; color:#000; font-size:12px; }
 #specialoffer { width:582px;background:#fff200;margin:10px 0; padding:10px;}
 #offerlistings table {  border:1px dashed #00AEEF; margin:0 5px 5px 0; *margin:0 8px 0px 0;  width:286px; *width:288px; float:left;}

 #offerlistings .image {  padding:7px; margin:0; width:140px; }
 #offerlistings .description { padding:2px 0;}
 #offerlistings  td { vertical-align:top;padding:0; margin:0; }
#content #offerlistings  { color:#333;}
 #content #offerlistingsfooter {  text-align:center;padding-top:5px;clear:both; color:#000; }
#content #offerlistingsfooter strong { color:#000;}
#content #offerlistings a, #offerlistingsfooter a  { color:#000;}
#offerlistings h1 { font-size:14px; color:#00AEEF; padding:0 2px 2px 2px; margin:0;}
 #offerlistings .image img { display:block;border:3px solid #00AEEF;}
#specialoffer h3 { color:#000;}
  #offerlistings .fulldetails img { display:block;}
  #offerlistings .fulldetails { padding:2px 5px;}
 #offerlistings .price {color:#F00; text-align:center; width:140px; font-size:36px;  padding:0px 5px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#emailfriend { width:590px; display:none; padding:10px; border:7px solid #00AEEF;}
#emailfriend h1 { font-size:16px; width:570px; color:#00AEEF;} 
#emailfriend p { padding:5px 0;clear:both;}
#footer { clear:both; padding:5px; text-align:center; color:#fff; font-size:10px;}
#seotext { text-align:left; color:#555; margin:0 auto; width:960px;  font-size:10px;}
#seotext h1 { font-size:11px; } 
#seotext p { text-align:left; color:#555; margin:0 auto; width:960px;  font-size:10px;}



#leftslider{ width:200px; margin-top:1px;}	
#leftslider ul, #leftslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#leftslider li{ 
	width:200px;
	height:291px;
}
#leftslider td { padding:2px 5px;} 
#leftslider table { margin-top:2px;}
#leftslider a { color:#FFF200; padding:2px;}

#loyalty { }
#loyaltyform { float:right; padding:10px; line-height:20px; color:#fff; width:260px; margin-top:40px; }
#loyaltyform input, #loyaltyform select { background:#BCD069; border:1px solid #fff; color:#000; padding:1px; font-size:10px; width:200px;}

