/* the main blue:
 #012B5B
*/
body { background: #012B5B url(../images/bg_slice.png) repeat-x top; margin: 0; padding: 0; border: 0; color: #000000; font-family: Helvetica; font-size: 13px; text-align: center;}
div { margin: 0; padding: 0; border: 0; }
ul { padding: 0; margin: 0; border: 0; }
li { padding: 0; margin: 0; border: 0; }

div#container { width: 960px; min-height: 650px; height: auto !important; height: 650px; margin: 0 auto 0 auto; text-align: left; }
a img {border: none;}

/* Start Header */
div#header { height: 110px; width: 950px; background-color: transparent; }
div#header a { display: block; text-indent: -999em; outline: none; }
div#header a#ford_logo { background: url(../images/logo.png) 18px 0px no-repeat; width: 228px; height: 110px; padding: 0 0 0 18px; }
div#header a#dealer_logo { background: url(../images/logo_surryhills.png) top left no-repeat; width: 393px; height: 110px; padding: 0 10px 0 0; float: right; }
div#header h1, div#header p { display: none; text-indent: -999em; background-color: transparent; margin: 0; padding: 0; }
/* End Header */

/* Start Menu */
ol#menu { height: 50px; width: 960px; padding: 0; margin: 0; border: 0; }
ol#menu li { list-style-type: none; float: left; padding: 0; margin: 0; border: 0;}
ol#menu li a { display: block; text-indent: -999em; height: 50px; outline: none; background-position: 0px 0px; }

ol#menu li#newcars a { background: url(../images/menu_newcars.png) no-repeat; width: 95px; }
ol#menu li#specials a { background: url(../images/menu_specials.png) no-repeat; width: 120px; }
ol#menu li#usedcars a { background: url(../images/menu_usedcars.png) top left no-repeat; width: 151px; }
ol#menu li#fleet a { background: url(../images/menu_fleet.png) top left no-repeat; width: 58px; }
ol#menu li#finance a { background: url(../images/menu_finance.png) top left no-repeat; width: 79px; }
ol#menu li#service a { background: url(../images/menu_service.png) top left no-repeat; width: 75px; }
ol#menu li#spareparts a { background: url(../images/menu_spareparts.png) top left no-repeat; width: 203px; }
ol#menu li#contact a { background: url(../images/menu_contact.png) top left no-repeat; width: 100px; }
ol#menu li#home a { background: url(../images/menu_home.png) top left no-repeat; width: 79px; }

/*ol#menu li a:link { background-position: 0px 0px; }*/
/*ol#menu li a:visited { background-position: 0px 0px; }*/
ol#menu li#newcars a:hover { background-position: 0px -50px; }
ol#menu li#specials a:hover { background-position: 0px -50px; }
ol#menu li#usedcars a:hover { background-position: 0px -50px; }
ol#menu li#fleet a:hover { background-position: 0px -50px; }
ol#menu li#finance a:hover { background-position: 0px -50px; }
ol#menu li#service a:hover { background-position: 0px -50px; }
ol#menu li#spareparts a:hover { background-position: 0px -50px; }
ol#menu li#contact a:hover { background-position: 0px -50px; }
ol#menu li#home a:hover { background-position: 0px -50px; }

ol#menu li#newcars a:active { background-position: 0px -100px; }
ol#menu li#specials a:active { background-position: 0px -100px; }
ol#menu li#usedcars a:active { background-position: 0px -100px; }
ol#menu li#fleet a:active { background-position: 0px -100px; }
ol#menu li#finance a:active { background-position: 0px -100px; }
ol#menu li#service a:active { background-position: 0px -100px; }
ol#menu li#spareparts a:active { background-position: 0px -100px; }
ol#menu li#contact a:active { background-position: 0px -100px; }
ol#menu li#home a:active { background-position: 0px -100px; }

body#newcars ol#menu li#newcars a { background-position: 0px -100px; }
body#newcarsstocklist ol#menu li#newcars a { background-position: 0px -100px; }
body#specials ol#menu li#specials a { background-position: 0px -100px; }
body#usedcars ol#menu li#usedcars a { background-position: 0px -100px; }
body#fleet ol#menu li#fleet a { background-position: 0px -100px; }
body#finance ol#menu li#finance a { background-position: 0px -100px; }
body#service ol#menu li#service a { background-position: 0px -100px; }
body#spareparts ol#menu li#spareparts a { background-position: 0px -100px; }
body#contact ol#menu li#contact a { background-position: 0px -100px; }
body#home ol#menu li#home a { background-position: 0px -100px; }
/* End Menu */

div#content { border-top: 3px solid #F88700; padding-top: 7px; width: 950px; background: transparent url(../images/box_top.gif) 0px 7px no-repeat; }
div#content.columns { background: transparent url(../images/box_top_columns.gif) 0px 7px no-repeat; }

/* Forms */
div#content_form {margin: 10px 0 0 0; color: #ffffff;}
form {background-color: #012B5B; color: #ffffff; padding: 20px 20px 20px 20px;}
div#content_form span.heading {color: #F88700;}
input{margin: 5px 0 5px 0px;}
input.txt {width: 300px;}

span.textRequired {color: #F88700;}
label{font-size: 13px; color: #ffffff;}
table.rightForm {color: #ffffff; font-size: 12px;}
table.rightForm input { width: 200px; }
table.rightForm input.small { width: 100px; }
table.rightForm input.cbox { width: 15px;}
table.rightForm td.subtitle{font-weight: bold;}
textarea { margin: 5px 0 5px 0px; }
div#content_form a {color: #fff}
/* End Forms */

div#copy { background-color: #FFFFFF; margin-top: 5px; padding: 5px; min-height: 385px; height: auto !important; height: 385px; width: 940px; vertical-align: top; }
div#content.columns div#copy { background: #FFFFFF url(../images/box_bg_columns.gif) 0px repeat-y; }

body#newcars div#content div#copy { padding: 15px; width: 920px; background-color: #FFFFFF; }
body#newcars div.endBox { background: transparent url(../images/box_bottom.gif) top left no-repeat; height: 5px !important; }

div.endBox { background: transparent url(../images/box_bottom.gif) top left no-repeat; height: 5px !important; }
div#content.columns div.endBox { background: transparent url(../images/box_bottom_columns.gif) top left no-repeat; height: 5px; }

/* Start Footer */
div#footer { line-height: 16px; margin-top: 11px; padding-top: 6px; border-top: 1px solid #FFFFFF; width: 950px; text-align: right; color: #FFFFFF; font-size: 12px; padding-bottom: 6px; }
div#footer div.address { float: left; text-align: left; }
div#footer a { color: #FFFFFF; text-decoration: underline; outline: none; }
div#footer a:hover { text-decoration: none; }

/* End Footer */

div.spacer { display: block; clear: both; height: 1px; }

h1 { color: #F88700; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; padding: 0; line-height: 20px; }
h2 { color: #FFFFFF; font-size: 15px; font-weight: normal; line-height: 29px; padding: 0; margin: 0; }
span.usedvehicles { display: block; color: #3963A0; background: transparent url(../images/link_usedvehicles.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.hotdeal { display: block; color: #3963A0; background: transparent url(../images/link_hotdeal.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.contactdetails { display: block; color: #3963A0; background: transparent url(../images/link_contact.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.service { display: block; color: #3963A0; background: transparent url(../images/link_service.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.spareparts { display: block; color: #3963A0; background: transparent url(../images/link_parts.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.operatinghours { display: block; color: #3963A0; background: transparent url(../images/link_hours.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}
span.locatedealer { display: block; color: #3963A0; background: transparent url(../images/link_locate.gif) 0px 3px no-repeat; padding: 0 0 0 34px; line-height: 29px; height: 29px;}


img.imgRight { float: right; }

/* Start Links */
ul.links {clear:none; width: 225px;}
ul.links li { list-style-type: none; display: block; background: transparent url(../images/bg_link.png) top left no-repeat; width: 225px; height: 29px; padding: 0 0 7px 4px; }
ul.links li a { display: block; width: 225px; height: 29px; line-height: 29px; color: #3963A0; text-decoration: none; padding-left: 34px; }
ul.links li a.hotdeal { background: transparent url(../images/link_hotdeal.gif) 0px 3px no-repeat; }
ul.links li a.usedvehicles { background: transparent url(../images/link_usedvehicles.gif) 0px 3px no-repeat; }
ul.links li a.testdrive { background: transparent url(../images/link_testdrive.gif) 0px 3px no-repeat; }
ul.links li a.contactdetails { background: transparent url(../images/link_contact.gif) 0px 3px no-repeat; }
ul.links li a.operatinghours { background: transparent url(../images/link_hours.gif) 0px 3px no-repeat; }
ul.links li a.locatedealer { background: transparent url(../images/link_locate.gif) 0px 3px no-repeat; }
ul.links li a.spareparts { background: transparent url(../images/link_parts.gif) 0px 3px no-repeat; }
ul.links li a.service { background: transparent url(../images/link_service.gif) 0px 3px no-repeat; }
ul.links li a.brochures { background: transparent url(../images/link_brochures.gif) 0px 3px no-repeat; }
ul.links li a:hover { text-decoration: underline; }
div#content.columns div#copy div.right ul.links li a { color: #3963A0; }
/* End Links */

/* Start Arrow Links */
ul.arrowlinks {}
ul.arrowlinks li { list-style-type: none; display: block; background: transparent url(../images/bullet_arrow.gif) left center no-repeat; padding-left: 12px; line-height: 16px; margin-left: 3px; }
ul.arrowlinks li a { color: #F88700; text-decoration: underline; }
div.right ul.arrowlinks li a { color: #000000; text-decoration: none; }
ul.arrowlinks li a:hover { text-decoration: none; }
div.right ul.arrowlinks li a:hover { text-decoration: underline; }
/* End Arrow Links */

/* Start Opporunity Links */
ul#opportunityLinks { padding-top: 13px; color: #ffffff;}
ul#opportunityLinks li.rightPad { list-style-type: none; display: block; float: left; height: 146px; width: 22px; text-indent: -999em; }
ul#opportunityLinks li.opportunityHome { list-style-type: none; display: block; float: left; height: 146px; width: 222px;}
ul#opportunityLinks li.opportunity { list-style-type: none; display: block; float: left; height: 146px; width: 222px; margin-right: 30px; margin-top: 15px;}
ul#opportunityLinks li.opportunityRight { list-style-type: none; display: block; float: left; height: 146px; width: 222px; margin-left: 20px; margin-top: 15px;}
ul#opportunityLinks li h2 { text-align: center; }
.blue { color: #012B5B; }
ul#opportunityLinks li a { display: block; height: 146px; width: 222px; text-decoration: none; }
ul#opportunityLinks li a:hover { text-decoration: underline; color: #ffffff; }
ul#opportunityLinks li a.olrows:hover { color: #012B5B; }

/* End Opportunity Links */

/* Start Column Layout */
div#content.columns div#copy div.right { float: right; width: 340px; padding: 15px 18px 18px 15px; background-color: #EEEEEE; vertical-align: top; clear: none;}
div#content.columns div#copy div.left { width: 500px; padding:18px 25px 18px 18px; background-color: #FFFFFF; vertical-align: top; }
div#content.columns div#copy div.left.left li{margin: 10px 0 0 15px;}
div#content.columns div#copy div.blueBox { background-color: #012B5B; color: #FFFFFF; padding: 20px 15px; margin: 3px 0 10px 3px; }
body#usedcars div#container div#content div.right {width: 220px; padding: 5px 0 5px 0; margin-right: 20px; clear:both;}
body#newcarsstocklist div#container div#content div.right {width: 220px; padding: 5px 0 5px 0; margin-right: 20px; clear:both;}
body#specials div#content.columns div#copy div.left.left li{margin: 10px 0 0 0px;}
/* End Column Layout */

div.borderBox { border: 1px solid #CCCCCC; padding: 10px; }

div.stillLookingBox { background: #EEEEEE url(../images/box_stillLooking.png) top left no-repeat; width: 227px; height: 115px; color: #000000; }
div.stillLookingBox a { color: #000000; text-decoration: none; display: block; width: 195px; height: 60px; padding: 40px 10px 10px 15px; line-height: 18px; }
div.stillLookingBox a span.strongLink { color: #F88700; text-decoration: none; font-weight: bold; }
div.stillLookingBox a:hover span.strongLink { text-decoration: underline; }

div.right { float: right;}

/* Start New Cars */
div.carsListing { width: 694px; }
div.carsListing ul { padding: 0; margin: 0; }
div.carsListing ul li { list-style-type: none; float: left; display: block; width: 100px; height: 25px; background-color: #E0E2E4; line-height: 25px; text-align: center; border: 1px solid #ACADAD; margin-bottom: 10px; padding: 0; margin: 0; }
div.carsListing ul li a { color: #626567; font-weight: bold; text-decoration: none; }
div.carsListing ul li a:hover { text-decoration: underline; }
div.carsListing ul li.tab { border: 0; border-bottom: 1px solid #ACADAD; width: 10px; text-indent: -999em; background-color: #FFFFFF; height: 26px; }
div.carsListing ul li.passenger { width: 134px; }
div.carsListing ul li.suv { width: 45px; }
div.carsListing ul li.commercial { width: 142px; }
div.carsListing ul.passenger li.passenger { background-color: #FFFFFF; border: 1px solid #ACADAD; border-bottom: 0; height: 26px; }
div.carsListing ul.suv li.suv { background-color: #FFFFFF; border: 1px solid #ACADAD; border-bottom: 0; height: 26px; }
div.carsListing ul.commercial li.commercial { background-color: #FFFFFF; border: 1px solid #ACADAD; border-bottom: 0; height: 26px; }
div.carsListing ul li.end { width: 250px; }

div.carsListing ul.cars { margin-top: 20px; color: #012B5B; font-weight: bold; }
div.carsListing ul.cars li { width: 185px; background-color: #FFFFFF; list-style-type: none; float: left; display: block; height: 130px; border: 0; text-align: left; vertical-align: top; padding: 0 20px 25px 0; margin: 0; }
div.carsListing ul.cars li a { color: #012B5B; font-weight: bold; }
div.carsListing ul.cars li img { padding: 0; margin: 0; border: 0; }
div.carsListing ul.cars li.right { margin-right: 0px; }
div.carsListing ul.cars li p { display: block; border-right: 1px solid #ACADAD; width: 185px; clear: both; height: 45px; margin: 0; padding: 0; }
div.carsListing ul.cars li.right p { border: 0; }

ul.carSubMenu { border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin-bottom: 10px; width: 219px; margin-left: 3px; background-color: #EFEFEF; }
ul.carSubMenu li { list-style-type: none; display: block; background: transparent url(../images/bullet_arrow_grey.gif) 0px 13px no-repeat; padding-left: 12px; line-height: 33px; background-color: #EFEFEF; width: 200px; margin-left: 7px; height: 33px; }
ul.carSubMenu li.tab { border-bottom: 1px solid #999999; margin-left: 0; text-indent: -999em; height: 1px; background: none; width: 219px; padding: 0; margin: 0; line-height: 1px; float: left; }
ul.carSubMenu li a { color: #333333; text-decoration: none; font-size: 13px; }
ul.carSubMenu li a:hover { text-decoration: underline; }

body.overview ul.carSubMenu li#overview { background: transparent url(../images/bullet_arrow_current.gif) 0px 13px no-repeat; }
body.overview ul.carSubMenu li#overview a { color: #F88700; }
body.range ul.carSubMenu li#range { background: transparent url(../images/bullet_arrow_current.gif) 0px 13px no-repeat; }
body.range ul.carSubMenu li#range a { color: #F88700; }
body.colours ul.carSubMenu li#colours { background: transparent url(../images/bullet_arrow_current.gif) 0px 13px no-repeat; }
body.colours ul.carSubMenu li#colours a { color: #F88700; }
/* End New Cars */

/* Start Tables */
table.OpeningTimes {
font-size: 12px; width: 460px; border: 1px solid #CCCCCC; padding: 10px;
}

table.OpeningTimes a{
color: #012B5B;
}


table.OpeningTimes a:hover{
text-decoration: none;
}

td.ColLeft{
width: 200px;
line-height: 18px;

}

td.ColRight{
/* width: 150px; */
}

span.title {
font-weight: bold;
}

div.contactDetails a { color: #FFFFFF; }
div.contactDetails a:hover { text-decoration: none; }

div.contactDetails {
background-color: #012B5B;
color: #ffffff;
font-size: 12px;
padding: 20px 15px 20px 15px;
}

div.contactDetails table{
width: 320px;
font-size: 12px;
color: #ffffff;
margin-top: 10px;
}

div.contactDetails table td{
vertical-align: top;
}

div.contactDetails hr{ margin-top: 10px; color: #ffffff;}
/* End Tables */

/*Slider*/

div.StepCarouselLinksContainer {
	float: right;
	width: 705px;
	height: 130px;
	margin: 15px 0 0 0px;
}

div#StepCarouselContainer {
	width: 669px;
	height: 130px;
	float: left;
	padding: 0 18px;
}

.stepcarousel {
	position: relative;
	overflow: scroll;
	margin: 5px 0;
	width: 669px;
	height: 120px;
}
.stepcarousel .belt {
	position: absolute;
	left: 0px;
	top: 0px;
}
.stepcarousel .panel {
	float: left;
	overflow: hidden;
	text-align: center;
	padding: 4px 0px 4px 30px;
	width: 192px;
	height: 112px;
	margin: 0px;
}

.stepcarousel .panel a { color:#F88700; text-decoration: none; font-size: 13px; }
.stepcarousel .panel a:hover { text-decoration: underline; }

div.HideStepCarousel {
	display: none;
}

noscript p {
	text-align: center;
	padding: 14px 0px;
	border: 1px DOTTED #F00;
}

div.errorMsg { color: #F27604; padding-bottom: 14px; font-size: 16px; line-height: 18px;}