body {padding: 0px; margin: 0px; font:12px Arial; background-color: #43536e; color: white; width: 100%;}
img{padding:0px;margin:0px;border:0px;}
div, p, ul, h1, h2, h3, table{padding:0px;margin:0px;}
h1, h2, h3{
  color: white;
}
h2{
  font-size: 1.5em;
}
h1{
  font-size: 24px;
}
ul,li{padding:0;margin:0}
a{color: white; text-decoration: none;}
#draggable{
  width: 150px;
  border: 1px solid pink;
  background: black;
}
 /*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
	position:relative;        /* establish a menu-relative positioning context */
	margin:0;
	padding:0;
	border:0;
	height:40px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#333333;
	font: 14px Arial;
	z-index: 99999999;
}
.menu img {
	vertical-align: middle;      /* prevent images from being pushed down by text */
}
.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;
	z-index: 99999999;          /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding: 10px;
	z-index: 99999999;
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}
.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}
.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}
.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}
#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}
.menu ul li:hover {                        /* selected top-level menu items */
	/*border-top:1px solid #000;*/    /* these 2 lines create the push-in illusion */
	/*height:16px;*/
	background: #464646;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:30px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:white;                        /* this sets the unselected-text color */
	background:#464646;         /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}
.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}
.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}
* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}
.menu ul li ul li:hover {    /* level2 selected items */
	background:#585858;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:white;               /* this sets the unselected drop-down text color */
	width:170px;
}
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
} 
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:162px;
	width:14em;
}
.menu ul li ul li ul li:hover {    /* level3 selected items */
	background:#585858;
  cursor: pointer;
}
#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
#slideshow {
	margin:0 auto;
	width:560px;
	height:350px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:480px;
  height:350px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:350px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:170px;
  left:0;
  background:url(/images/control_left_slide.gif) no-repeat 0 0;
}
#rightControl {
  top:170px;
  right:0;
  background:url(/images/control_right_slide.gif) no-repeat 0 0;
}
#pageContainer {
  margin:0 auto;
  width:400px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
.list{
  padding-left: 20px;
  font-size: 12px;
  color: black;
}
.usedlist{
  padding-left: 20px;
  font-weight: bold;
  font-size: 12px;
}
.newlist{
  padding-left: 20px;
  font-size: 12px;
}
.parts td{
  border: 3px solid #273142;
  border-radius: 5px;
  background-color: #273142;
}
.hr{
  border: 0;
  border-top: 1px solid #ccc;
}
.hightlight{
  border: 3px solid pink;
}
.highlight:hover{
  border: 3px solid #55ee26;
}
.defaultText { width: 300px; }
.defaultTextActive { color: #a1a1a1; font-color: #a1a1a1; text-color: #a1a1a1; font-style: italic; }
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.sheader{
  background-image: url('/images/hbg.png');
  background-repeat: x-y;
  height: 30px;
}
.usedcardiv{
  width: 98%;
  margin: 0 auto 0 auto;
  border: 1px solid #435471;
  border-radius: 5px;
  background-color: #364661;
  cursor: pointer;
}
.usedcardivt{
  width: 98%;
  height: 160px;
  margin: 0 auto 5px auto;
  background-color: #364661;
  cursor: pointer;
  clear: both;
}
.usedcardiv:hover{
  background-color: #405373;
}
.gobutton{
  height: 40px;
  background-image:url('/images/gobuttonbg.jpg');
  background-repeat: repeat-y;
  color: white;
  font-weight: bold;
  border: 0px;
  border-radius: 5px;
  cursor: hand;
  cursor: pointer;
}
.button{
  height: 45px;
  background-image:url('/images/bg_button_green.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  color: white;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
  border: 1px solid #86db2c;
  padding: 0 15px 0 15px;
}
.button-chrome{
  height: 45px;
  background-image:url('/images/bg_button_green.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  color: white;
  font-weight: bold;
  border: 0px;
  cursor: hand;
  cursor: pointer;
  border: 1px solid #86db2c;
  padding: 0 22px 0 22px;
}
.button-ie7{
  height: 45px;
  background-image:url('/images/bg_button_green.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  color: white;
  font-weight: bold;
  border: 0px;
  cursor: hand;
  cursor: pointer;
  border: 0;
  padding: 0;
}
.button:hover{
  background-position: left bottom;
  text-decoration: underline;
}
.button-chrome:hover{
  background-position: left bottom;
  text-decoration: underline;
}
.button-ie:hover{
  background-position: left bottom;
  text-decoration: underline;
}
.fordseperator{
  width: 100%;
  background-color: #ff982a;
  height: 10px;
}
.newhover:hover{
  cursor: pointer;
}
.offerhover:hover{
  cursor: pointer;
  text-decoration: underline;
}
.newmenuitem{
  float: left;
  height: 100%;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  background-color: #cccccc;
}
.section .header{
  background
}
.container-top{
  background: url("http://www.dealerinternet.co.uk/images/sea_bg_new_car.png") no-repeat;
  height: 28px;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
  overflow: none;
  padding-top: 2px;
}
.container-top-header{
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.new-car-section{
  margin-bottom: 10px;
  float: right;
}
.new-car-section{
  margin-bottom: 10px;
  float: right;
}
.new-car-content{
  width: 398px;
  background-color: #d8e9fd;
  border: 1px solid #2880e4;
  margin: 0 auto 0 auto;
}
.new-car-price-section{
  font-size: 36px;
  font-weight: heavy;
  color: #003399;
  width: 100%;
  text-align: center;
}
.new-car-call-section{
  font-size: 28px;
  font-weight: heavy;
  color: #003399;
  width: 100%;
  text-align: center;
}
.more-information-button{
  background: url('/images/moreinformation.png') no-repeat;
  width: 180px;
  height: 30px;
  color: black;
  padding: 7px 0 0 20px;
  text-align: left;
}
.new-car-inner{
  padding: 5px;
}
.new-car-options{
  padding: 5px;
  margin: 0 auto 0 auto;
}
.newstock{
  width: 940px;
  margin: 0 auto 0 auto;
  border-bottom: 1px solid #dddddd;
}
.newstock:hover{
  cursor: pointer;
}
.usedlist{
  color: black;
}
.new-car-table{
   margin: 0 auto 0 auto;
   text-align: left;
   color: #000000;
   border: 1px solid #336699;
   width: 100%;
}
.new-car-table-header{
  background: url('http://www.dealerinternet.co.uk/images/sea_bg_new_car.png') no-repeat;
  color: white;
  text-align: center;
  font-size: 16px;
  height: 23px;
  width: 400px;
  margin: 0 auto 0 auto;
  padding-top: 2px;
}
.used-car-container{
  height: 150px;
  padding: 5px;
  width: 750px;
  float: left;
}
.used-car-title{
  float: left;
  width: 500px;
  padding-left: 5px;
}
.used-car-section-1{
  width: 290px;
  float: left;
  vertical-align: middle;
}
.used-car-section-2{
  width: 280px;
  float: left;
  vertical-align: middle;
}
.used-car-section-3{
  float: left;
  vertical-align: middle;
  margin: -40px 0 0 0;
}