/*=======================================================
 CSS Document for Clarkson Holden
=======================================================*/

@import url("global.css");
@import url("sIFR.css");
@import url("thickbox.css");
@import url("baseform.css");
 
/*@import url("lightbox.css");
 */

.hidden {
 display: none;
 }
.show {
 display: block;
 visibility: visible;
 }

/*=============================================================
	Main layout
=============================================================*/

#container {
 width: 770px;
 height: auto;
 display: block;
 background-color: #fff;
 margin: 0 auto;
 clear: both;
 }
body#popup #container {
 width: 1000px;
 height: auto;
 margin: 95px auto 125px auto;
 clear: both;
 display: block;
 }
#container:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 }

/*=============================================================
	Header - nav + logo
=============================================================*/

#header {
 width: 770px;
 height: 125px;
 display: block;
 margin: 0 auto;
 }
#logo {
 width: 770px;
 height: 85px;
 background: url('../images/core/logo.jpg') no-repeat 0 0;
 display: block;
 }
#logo a {
 width: 400px;
 display: block;
 overflow: hidden!important;
 }
body#popup #logo {
 width: 100%;
 height: 70px;
 margin: 0;
 background: url('../images/core/logo2.jpg') no-repeat center 0;
 }

/*navigation*/
ul#nav {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 770px;
 height: 40px;
 display: block;
 background: url('../images/core/bg-nav.gif') repeat-x 0 bottom;
 clear: both;
 font-size: 12px;
 }
ul#nav li {
 display: inline;
 height: 40px;
 position: relative;
 z-index: 90;
 float: left;
 line-height: 12px;
 font-size: 1em!important;
 background: url('../images/core/nav-divider.gif') no-repeat right bottom;
 padding-right: 1px;
 }
ul#nav li.last {
 padding:0;
 background: none;
}
ul#nav ul {
 width: 130px;
 height: auto;
 display: block;
 left: -9999px;
 position: absolute;
 top: 100%;
 margin: 0;
 padding: 0;
 }
ul#nav li li {
 border-top: 1px solid #fff;
 height: 28px;
 padding: 0;
 }
ul#nav a {
 height: 22px;
 padding: 8px 6px 0;
 margin-top: 10px;
 display: block;
 float: left;
 color: #fff;
  }
ul#nav a:hover, ul#nav a.onsection {
 text-decoration: underline;
 background-color: #efa12d;
 color: #000;
 margin-top: 5px;
 padding-top: 13px;
 height: 22px;
 }
ul#nav ul a {
 background: #e06614 url('../images/core/arrow2.gif') no-repeat 8px 10px;
 width: 104px;
 padding: 7px 8px 0 18px;
 height: 21px;
 margin: 0;
  }
ul#nav ul a:hover {
 text-decoration: underline;
 background: #e2e2e2 url('../images/core/arrow1.gif') no-repeat 8px 10px;
 color: #000;
 font-weight: bold;
 margin: 0;
 padding: 6px 8px 0 18px;
 margin: 0;
  }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul {
 left: 0;
 }
/* onpage stage*/
body#homepage a#navhome, body#newcar-page a#navnewcar, body#usedcar-page a#navusedcar, body#service-parts-page a#navservice, 
body#finance-insurance-page a#navfinance, body#fleet-page a#navfleet, body#news-events-page a#navnews, body#contact-page a#navcontact
{
 margin-top: 0!important;
 padding-top: 13px!important;
 height: 27px!important;
 background-color: #fff!important;
 text-decoration: underline;
 color: #000;
 font-weight: bold;
 }
 
 
/*=============================================================
	popup nav styles
=============================================================*/
 

#popup #container ul#nav{
	height: 30px;
	width: 1000px;
}
#popup #container ul#nav li{height: 30px;}
#popup #container ul#nav li a{margin-top: 2px;}
#popup #container ul#nav li a:hover{margin-top: 0; height: 22px; padding-top: 8px;}


/*=============================================================
	Banner - flash + ctas + search + mailinglist
=============================================================*/

#banner-cta {
 width: 750px;
 padding: 10px 10px 0 10px;
 height: 380px;
 display: block;
 clear: both;
 position: relative;
 z-index: 10;
 }
/*body#homepage #banner-cta {
 height: 390px!important;
 }*/

/*flash*/
#flashcontents {
 height: 241px;
 display: inline;
 float: left;
 }
body#homepage #flashcontents {
 height: 324px!important;
 }

/*CTAs*/
#ctas {
 width: 750px;
 height: 49px;
 float: left;
 display: block;
 margin-top: 1px;
 }
#ctas a {
 width: 189px;
 height: 49px;
 overflow: hidden;
 text-indent: -9999em;
 float: left;
 display: inline;
 }
body#homepage #ctas {
 width: 750px!important;
 clear: both;
 height: 58px;
 }
body#homepage #ctas a {
 width: 190px;
 }
#ctas a:hover, body#homepage #ctas a:hover {
 background-position: 0 -49px!important;
 }
a#cta-newcar {
 background: url('../images/core/cta-newcar.jpg') no-repeat 0 0;
width:189px;
}
a#cta-usedcar {
 background: url('../images/core/cta-usedcar.jpg') no-repeat 0 0;
width:190px;
 }
a#cta-bookservice {
 background: url('../images/core/cta-bookservice.jpg') no-repeat 0 0;
width:191px;
}
a#cta-democar {
 background: url('../images/core/cta-demo.jpg') no-repeat 0 0;
width:180px;
 }
body#homepage a#cta-newcar {
 background: url('../images/core/cta-newcar-home.jpg') no-repeat 0 0!important;
width:189px;
 }
body#homepage a#cta-usedcar {
 background: url('../images/core/cta-usedcar-home.jpg') no-repeat 0 0!important;
 }
body#homepage a#cta-bookservice {
 background: url('../images/core/cta-bookservice-home.jpg') no-repeat 0 0!important;
width:191px;
 }
body#homepage a#cta-democar {
width: 180px!important;
 background: url('../images/core/cta-demo-home.jpg') no-repeat 0 0!important;
 }

/*mailing-list*/
#mailinglist {
 height: 24px;
 margin-top: 1px;
 padding: 5px 10px 0 10px;
 display: inline;
 width: 730px;
 background-color: #e7922e;
 float: left;
 }
body#homepage #mailinglist {
 width: 730px!important;
 clear: both;
 }
#mailinglist h2 {
 text-indent: -9999em;
 margin: 0;
 float: left;
 width: 280px;
 height: 20px;
 display: inline;
 background: url('../images/core/title-mailing.gif') no-repeat 0 0;
 }
#mailinglist form {
 float: left;
 display: inline;
 width: 280px;
 }
body#homepage #mailinglist form {
 float: left;
 display: inline;
 width: 450px;
 }
#mailinglist form input {
 border: 0!important;
 width: 170px;
 height: 14px;
 padding: 3px 5px;
 text-align: center;
 color: #7b7b7b;
 float: left;
 }
#mailinglist form input.signup {
 width: 89px;
 height: 20px;
 overflow: hidden;
 background: url('../images/core/bg-button2.gif') no-repeat 0 0;
 display: inline;
 line-height: 0;
 font-size: 0;
 text-indent: -9999em;
 float: right;
 margin: 0!important;
 }
#mailinglist form input.signup:hover, #mailinglist form input.signup.signuphover {
 background-position: 0 -20px!important;
 }

/*used car search*/
#used-vehicles-search {
 position: absolute;
 top: 10px;
 right: 10px;
 width: 159px;
 height: 210px;
 padding: 10px 6px 10px 0;
 display: inline;
 float: right;
 margin-left: 5px;
 background: url('../images/core/bg-search.jpg') no-repeat 0 0;
 }
#used-vehicles-search h2 {
 height: 35px;
 margin: 0;
 display: block;
 text-indent: -9999em;
 }
#used-vehicles-search form.cmxform ol li {
 width: 159px;
 display: block;
 float: left;
 clear: both;
 margin-bottom: 8px;
 }
#used-vehicles-search form.cmxform label {
 clear: both;
 color: #fff;
 font-weight: bold;
 margin: 0 0 0 7px;
 }
/* html #used-vehicles-search form.cmxform*/ label.notxt {
 height:1px;
 overflow:hidden;
display: none;
 }
#used-vehicles-search form.cmxform select {
 border: 0!important;
 width: 149px;
 background: #fff;
 float: left;
 height: 20px;
 padding: 1px 3px;
 margin-left: 7px;
 }
#used-vehicles-search form.cmxform select.parallel {
 width: 70px!important;
}
#used-vehicles-search form.cmxform input.searchnow {
 border: 0!important;
 width: 89px;
 height: 20px;
 overflow: hidden;
 background: url('../images/core/bg-button1.gif') no-repeat 0 0;
 display: inline;
 line-height: 0;
 font-size: 0;
 text-indent: -9999em;
 float: right;
 margin: 5px 5px 0 0;
 }
#used-vehicles-search form.cmxform input.searchnow:hover, #used-vehicles-search form.cmxform input.searchnow.searchhover {
 background-position: 0 -20px!important;
 }

/*=============================================================
	Main contents - text area + 
=============================================================*/

#main-contents {
 width: 750px;
 height: auto;
 min-height: 300px;
 display: block;
 padding: 0 10px;
 clear: both;
 }
 /*#homepage #main-contents h1{
 	width: 200px;
 }*/
.text-contents {
 padding: 0 10px;
 }

/*listings page*/
ul.listings {
 list-style: none;
 width: 730px;
 height: 200px;
 overflow: auto;
 padding: 0 10px;
 margin-bottom: 20px;
 display: block;
 clear: both;
 }
ul.listings li {
 display: block;
 height: auto;
 padding: 10px;
 background: #e5e5e5 url('../images/bg-dotted.gif') repeat-x 0 bottom;
 margin: 1px 0;
 }
ul.listings li:hover, ul.listings li.listhover {
 background-color: #fbe5c0;
 }
ul.listings li img {
 display: block;
 float: right;
 margin-left: 20px;
 border: 2px solid #fff;
 }
ul.listings li b {
 color: #d75a07;
 font-weight: bold;
 }
ul.listings li span, ul.listings li p, ul.listings li h2, ul.listings li h4, ul.listings li h4  {
 padding: 0 0 4px 0!important;
 margin: 0!important;
 line-height: 15px!important;
 display: block;
 font-size: 1em!important;
 }
.thumbnails {
 float: right;
 display: inline;
 margin-left: 25px;
 }
.thumbnails img {
 display: block;
 line-height: 0;
}
.thumbnails a {
 display: block;
 border: 2px solid #d2d2d2;
 text-decoration: none;
 margin-bottom: 10px;
 }
.thumbnails a:hover {
 border-color: #f0a62f;
 text-decoration: none;
 }

/*category and sub category listing*/
ul.category {
 list-style: none;
 width: 750px;
 height: auto;
 margin-bottom: 15px;
 display: block;
 clear: both;
 font-size: 10px;
 }
ul.category li {
 font-size: 1em;
 display: inline;
 float: left;
 border: 1px solid #d5d5d5;
 background-color: #d2d2d2;
 padding: 9px 7px;
 margin: 5px;
 width: 124px;
 height: auto;
  }
ul.category li:hover, ul.category li.cathover {
 background-color: #fbe5c0;
 }
ul.category li img {
 margin: 0 auto;
 display: block;
 clear: both;
 border: 2px solid #fff;
 text-align: center;
 margin-bottom: 10px;
 }
ul.category li h4 {
 margin-bottom: 0;
 padding: 0 5px;
 display: block;
 text-align: center!important;
 text-transform: uppercase;
 }
ul.category li h4 a {
 color: #000;
 }
ul.category ul.sublist {
 width: 124px;
 height: auto;
 margin: 15px 0 5px 0;
 }
ul.category ul.sublist  li {
 clear: both;
 margin: 0;
 padding: 0;
 display: block;
 font-size: 1.2em;
 margin-bottom: 3px;
 }
ul.category ul.sublist  a {
 width: 110px;
 padding: 5px 7px;
 text-align: center!important;
 display: block;
 height:18px;
 color: #fff;
 font-weight: bold;
background-color: #000;
 }
ul.category ul.sublist  a:hover {
 background-color: #e64e04!important;
  color: #fff!important;
}

#youtube-video {
width:425px;
 margin: 20px 100px 50px 150px;
}

.button-ctas { margin: 0; height: 90px; display: display; }

a.need-assistance {
	float:right;
	width:190px;
	height:90px;
	overflow:hidden;
	background:url(../images/core/button-need-assistance.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	text-indent: -9999px;
}
a.need-assistance:hover {
	background-position:0 -90px;
}

a.register-n-win {
	float:right;
	width:180px;
	height:90px;
	margin-right: 6px;
	overflow:hidden;
	background:url(../images/core/button-register-n-win.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	overflow: hidden;
	text-indent: -9999px;
	font-size:12px;

}


a.register-n-win:hover {
	background:url(../images/core/button-register-n-win.gif) no-repeat 0 -90px;
}


.winner {
	float:right;
	width:180px;
	height:90px;
	margin-right: 6px;
	overflow:hidden;
	background:url(../images/core/button-winner.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	overflow: hidden;
	text-indent: -9999px;
	font-size:12px;
	
}



a.falcons-members {
	float:right;
	width:180px;
	height:90px;
	margin-right: 6px;
	overflow:hidden;
	background:url(../images/core/button-falcons-members.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	text-indent: -9999px;
}
a.falcons-members:hover {
	background-position:0 -90px;
}

a.junior-falcons {
	float:right;
	width:180px;
	height:90px;
	margin-right: 6px;
	overflow:hidden;
	background:url(../images/core/button-junior-falcons.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	text-indent: -9999px;
}
a.junior-falcons:hover {
	background-position:0 -90px;
}



a.contact-us {
	float:right;
	width:190px;
	height:30px;
	padding-top:60px;
	overflow:hidden;
	background:url(../images/core/button-contact-us.gif) no-repeat 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	margin:0 0 1em 0;
}
a.contact-us:hover {
	background-position:0 -90px;
}

/*=============================================================
	Contact details bottom 
=============================================================*/

ul#contact-details {
 list-style: none;
 width: 750px;
 height: 25px;
 padding: 10px 0 0 0;
 display: inline;
 float: left;
 clear: both;
 background-color: #000;
 margin: 15px 10px 0 10px;
 }
ul#contact-details li {
 display: inline;
 float: left;
 margin: 0 13px;
 color: #fff;
 }


/*=============================================================
	New Car Popup
=============================================================*/

body#newcar-popup {
margin:0;
padding:0;
}

#new-car-logo {
width:770px;
margin:0 0 0 40px;
}
#new-car {
width: 1000px;
overflow: auto;
}


/*=============================================================
	Footer
=============================================================*/

#footer {
 width: 100%;
  height: 100%;
 padding-top: 15px;
 display: block;
 clear: both;
 background: #e72820 url('../images/core/bg-footer.jpg') repeat-x 0 0;
 }
html >#footer {
 margin-bottom: -25px;
 }
html >body#service-parts-page #footer {
 margin-bottom: -25px;
 }
#footer p {
 width: 770px;
 margin: 0 auto;
 display: block;
 text-align: center!important;
 font-size:1.1em;
 color: #fff;
 }
#footer img {
 padding: 5px 0 10px 0;
 }
#footer a {
 color: #f2fa79;
 text-decoration: none;
}
#footer a:hover {
 color: #f0711c;
 text-decoration: underline;
}

/*=============================================================
			Bread Crumbs 
=============================================================*/

ul.breadcrumbs {
	list-style: none;
	margin-left: 15px;
	margin-bottom: 24px;
	padding: 3px 0 0 0;
	display: block;
}

ul.breadcrumbs li {
	display: inline;
	float: left;
	margin-left: 2px;
}

ul.breadcrumbs li:after {
	content:">";
}





/*=======================================================
 End of CSS Document for 
=======================================================*/






#register-n-win{
	width: 300px;
}