/* general settings */
body{
	margin:0;
	background:#962656a;
	background: url(../images/ANNESLEY_BGD.jpg);
	font:11px "Lucida Grande", sans-serif;
	color:#fff;
}
img{border-style:none;}
a{
	color:#FFFFFF;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% "Lucida Grande", sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
h3 {
	font-size: 19px;
	color:#06223e;
	margin-bottom:5px;
}

h4 {
	font-size: 15px;
	margin-bottom:5px;
}

h5 {
	font-size: 12px;
	font-weight:400;
	margin:5px 0 5px 0;
	padding:2px 0 0 0;	
}

h6 {
	font-size: 11px;
}
/* wrapper */
#wrapper{
	width:940px;
	margin:0 auto;
	position:relative;
	background: url(../images/bgd_grad.png) no-repeat;
}
/*logo*/
#logo{
	width:320px;
	height:70px;
	margin:0 0 0 620px;
}
#carlogos{
	margin-top:15px;
	width:108px;
	height:45px;
	float:left;
}
/* header */
#header{
	margin: 0 auto;
	height:70px;
	width:940px;
	left:0;
	top:0;
	position:relative;
}

/* navigation */
#nav{
	list-style:none;
	width:100%;
	font-weight:400;
	font-family:Arial, san-serif;
	font-size:13px;
	display:table;
	background: url(../images/bgd_nav.png) no-repeat;
	padding: 0 0 6px 0;
	margin:13px 0 13px 0;
}
#nav:after{
	clear:both;
	content:"";
	display:block;
}
#nav li{
	float:left;
	padding:7px 20px 0 1.72em;
	letter-spacing: 1px;
	color:#fff;
	text-shadow: #52575f 1px 1px 0px;
}
#nav li a{text-decoration:none; color:#fff;}
#nav li:hover,
#nav li.hover{position:relative; background:url(../images/bgd_nav_r2.gif) repeat-x; height:24px;}

#nav li.active{
	background:url(../images/bgd_nav_r.gif) repeat-x; height:24px;
}

#nav li.last{
	float:right; background:url(../images/bgd_nav_r.gif) repeat-x; height:24px;
}


/*flash interactive*/
#flash{
	width:940px;
	height:380px;
	padding:0;
}
/*three column info*/
#infoPanelHome{
	width:940px;
	height:440px;
	background:url(../images/home_3panel.png) repeat-y;
	padding:0;
}

#infoPanelHome h2{
	color:#fff;
	font-size:24px;
	font-weight:normal;
	margin:0;
}
#infoPanelSub{
	width:940px;
	height:200px;
	background:url(../images/home_3panel.png) repeat-y;
	padding:0;
}
#infoPanelSub h2{
	color:#fff;
	font-size:24px;
	font-weight:normal;
	margin:0;
}
#info_col1 {
	float: left;
	width: 275px;
	margin:25px 20px 0px 25px;
}
#info_col2 {
	float: left;
	width: 275px;
	margin:25px 0px 0px 20px;
}
#info_col3 {
	float: right;
	width: 280px;
	margin:25px 20px 0px 25px;
}

/*bullets*/
ul.cool-li {
	list-style-type: none;
	margin-bottom: 12px;
	display:inline;
	padding: 0 0 14px 0;
}
ul.cool-li li {
	padding: 0px 0px 4px 15px;
	background: url(../images/list-item.gif) no-repeat 0px 6px;
	line-height:1.2em;
}

li.final {
	margin-bottom:17px;
}

/* info links panel*/
#infoHolder{
	width:940px
}#info1 {
	float: left;
	width: 275px;
	margin:10px 20px 40px 25px;
}
#info2 { 
	float: left;
	width: 275px;
	margin:10px 0px 40px 20px;
}
#info3 {
	float: right;
	width: 280px;
	margin:10px 20px 40px 25px;
}
.infohomePlus {
	float:left;
	margin-top:10px;
	padding:0 3px 3px 28px;
	font-size:12pt;
	background:url(../images/but_plus.png) no-repeat 0 3px;
}
.infohomePlus a{text-decoration:none; color:#fff; }
.infohomePlus:hover,
.infohomePlus.hover{
	text-decoration:none;
	color: #52575f;
	position:relative;
	background:url(../images/but_plus_r.png) no-repeat 0 3px;
}

/*Social*/
#social{
	width:940px;
	height:85px;
	background:url(../images/tweety.png) no-repeat;
}
/*twitter feed*/
#twitter ul#twitter_update_list li  {
	margin-left:70px;
	padding-top:15px;
	padding-bottom:7px;
	list-style-type:none;
	line-height:1.2em;
	height:80px;
	width:390px;
	color:#001e3b;
	font-size:9pt;
	float:left;
}/*End twitter feed*/

#socialRight{
	width:220px;
	float:right;
	color:#001e3b;
	margin-top:7px;
}

/*facebook*/
.socialFacebook a {
	color:#001e3b;
	float:right;
	padding-top:5px;
	height:17px;
	width: 200px;
	font: 11px;
	padding-left:22px;
	background: url("../images/s_facebook.gif") no-repeat;
	text-decoration: none;
	background-position: 0 -19px;
}
.socialFacebook a:hover { 
	background-position: 0 0px;
}

/*twitter*/
.socialTwitter a {
	color:#001e3b;
	float:right;
	padding-top:5px;
	height:17px;
	width: 200px;
	font: 11px;
	padding-left:22px;
	background: url("../images/s_twitter.gif") no-repeat;
	text-decoration: none;
	border-top: 1px solid #62646d;
	border-bottom: 1px solid #62646d;
	background-position: 0 -19px;
}
.socialTwitter a:hover { 
	background-position: 0 0px;
}

/*linkedin*/
.socialLinkedIn a {
	color:#001e3b;
	float:right;
	padding-top:5px;
	height:17px;
	width: 200px;
	font: 11px;
	padding-left:22px;
	background: url("../images/s_linkedin.gif") no-repeat;
	text-decoration: none;
	background-position: 0 -19px;
}
.socialLinkedIn a:hover { 
	background-position: 0 0px;
}


/*Footer*/
#footer{
	width:940px;
	height:25px;
	background:url(../images/footer.png) no-repeat;
	padding-left:25px;
	padding-top:0px;
}

/*SUBPAGES*/

#submain{
	width:940px;
	min-height:250px;
	position:relative;
	margin-bottom: 20px;
	float: left;
}

/*left*/
#sidebar{
	width:300px;
	padding:0 20px 0 0;
	float:left;
	margin-top: 20px;
}

.bodyContentLeft {
	padding-top:0px;
	height:100%;
	float: left;
	width: 300px;
	color:#fff;
	position:relative;
	font-weight:400;
	font-family:Arial, san-serif;
	font-size:13px;
	
}

.bodyContentLeft  .topspacer{
	height:40px;
	width:100%;
}
.bodyContentLeft ul li{
	margin:0;
	padding:0px 0 0 0;
	list-style-type:none;
	color:#fff;
	height:29px;
	width:300px;
	margin-bottom:5px;
	background-image:url(../images/bgd_side.png);
	text-shadow: #52575f 1px 1px 0px;
}
		.contentLeft{ margin:0; padding:0;}
        
        .contentLeft ul a:hover { color:#fff; list-style-type:none}
		
        .contentLeft li a {color:#fff; display:block; margin-bottom:1px; width:280px; min-height:23px; list-style-type:none; padding-left:20px; padding-top:6px; text-decoration:none;}
						
        .contentLeft li a:hover { background-image:url(../images/bgd_side_r.png); text-decoration:none;}
		
		.contentLeft ul a {cursor:pointer; display:block; padding:3px; color:#fff; }
		
        .contentLeft ul {
	color:#fff;
	display:none;
	left:5px;
	padding:5px 0px;
	position:absolute;
	top:0px;
	width:auto;
	list-style-type:none;
}

        .contentLeft ul li a { padding:3px 5px; display:block; color:#fff; list-style-type:none}
        .contentLeft ul li a:hover { background-image:url(../images/bgd_side_r.png); color:#FFFFFF; list-style-type:none}
		
		.contentLeft li.active{ background-image:url(../images/bgd_side_r.png); !important  }
		.contentLeft li.active a:hover{ background-image:url(../images/bgd_side_r.png); !important  }
		
.contactLeft{
	margin-left:25px;
	color:#0c2743;
	font:11px "Lucida Grande", sans-serif;
}
.contactLeft a{
	color:#fff;
	text-decoration:none;
}
.contactLeft a:hover{
	color:#fff;
	text-decoration:underline;
}
.contactLeft-inner  ul {
	display: block;
	
}
.contactLeft-inner li {
	width:100%;
	float:left;
	display: block;
	margin-bottom:7px;
}

.contactLeft-inner li a {
	list-style-image: url(images/sub_arrow.png);
	display:list-item;
	color:#fffff;
}

.contactLeft-inner ul li a:hover, .contactLeft-inner ul li a.current {
	display:list-item;
	list-style-image: url(images/sub_arrow_r.png);
	text-decoration:underline;
	color:#fffff;
}

/*right*/
#subcontent{
	width:620px;
	float:right;
	color:#001e3b;
	margin-top: 20px;
}
#subcontent a{
	color:#fff;
	text-decoration:none;
}
#subcontent a:hover{
	color:#fff;
	text-decoration:underline;
}
#subcontent .imagearea{
	width:620px;
	height:240px;
	padding:0 0 40px 0;
}

#subcontent h2{
	font-size:22px;
	margin:0;
	padding:0;
}

#subcontent h3{
	font:16px;
}

#Skodasubcontent h2{
	font-size:22px;
	margin:0;
	padding:0;
}

#Skodasubcontent h3{
	font:16px;
}

/*ABOUT SECTION*/

/*People*/
#PeopleBox1 {
    float: left;
    width: 104px;
	margin-top:10px;
	padding-right:25px;
}
#PeopleBox2 {
    float: left;
	width: 104px;
	margin-top:10px;
	padding-right:25px;
}
#PeopleBox3 {
    float: left;
	width: 104px;
	margin-top:10px;
	padding-right:25px;
}
#PeopleBox4 {
    float: left;
	width: 104px;
	margin-top:10px;
	padding-right:25px;
}
#PeopleBox5 {
    float: right;
	margin-top:10px;
    width: 104px;
}
#VisitLink {
	float: left;
	width: 275px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 0px;
}

.VisitPlus {
	float:left;
	margin-top:10px;
	padding:0 3px 3px 28px;
	font-size:12pt;
	background:url(../images/but_plus.png) no-repeat 0 3px;
}
.VisitPlus a{text-decoration:none; color:#001e3b; }
.VisitPlus:hover,
.VisitPlus a.hover{ text-decoration:none; color: #ffffff; position:relative; background:url(../images/but_plus_r2.png) no-repeat 0 3px;}

/*TABLES
----------------------------------------------------------------------------------------------------*/
td {
	padding-top:0px;
	padding-bottom:0px;
	border-bottom: 1px dashed #546677;
	color:#40445d;
}
.toplist {
	border-top: 1px solid #464646;
	margin:0;
	padding:0;
}
.bottomlist {
	border-bottom: 1px solid #464646;
	margin:0;
	padding:0;
}
td .textarea{
	padding:3px 6px;
	margin: 5px 0 5px 0;
	width:148px;
	border: 1px solid #0089cf;
	background:url(../images/input.gif) repeat-x;
	overflow:hidden;
	margin-bottom:3px;
	font:11px;
	color:#001e3b;
}
td .none {
	border-bottom:0px solid;
	border-top:0px solid;
}
#form_buttons{
	padding-top:8px;
	text-align:right;
	width:620px;
}
.submit input{
	padding:0 0 3px;
	margin:0;
	border:0;
	float:right;
	width:42px;
	height:18px;
	background:url(../images/btns_submit.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	cursor:pointer;
}
.submit input:hover,
.submit input.hover{background-position:0 -18px;}

.reset input{
	padding:0 3px 3px 0;
	margin:0 8px 0 0;
	border:0;
	float:right;
	width:42px;
	height:18px;
	background:url(../images/btns_reset.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	cursor:pointer;
}
.reset input:hover,
.reset input.hover{background-position:0 -18px;}

select.dropOne {width:162px; border: 1px solid #0089cf; background:url(../images/input.gif) repeat-x;}
select.dropOne option { }

/*Contact*/
.block{
	margin-left:20px;
	color:#0c2743;
	font:11px "Lucida Grande", sans-serif;
}
.block a{
	color:#fff;
	text-decoration:none;
}
.block a:hover{
	color:#fff;
	text-decoration:underline;
}
.block-inner  ul {
	display: block;
	
}
.block-inner li {
width:100%;
float:left;
margin-left:20px;
margin-right:10px;
display: block;
margin-bottom:7px;
}

.block-inner li a {
list-style-image: url(images/sub_arrow.png);
display:list-item;
color:#fffff;
}

.block-inner ul li a:hover, .block-inner ul li a.current {
display:list-item;
list-style-image: url(images/sub_arrow_r.png);
text-decoration:underline;
color:#fffff;
}
.enquiries h2{
	margin-top:4px;
	margin-left:20px;
	color:#0c2743;
	font-size:20px;
}
	
/** Contact us Form **/
p#tip {
	font-weight: bold;
	font-size: 11px;
}

#contact_us {
	width: 100%;
	margin: 25px 0px 0px;
}

p.label_name, p.input_form {
	float: left;
}

p.label_name {
	width: 120px;
	clear: both;
	font:11px "Lucida Grande", sans-serif;
}

#contact_us input, #contact_us textarea {
	width: 490px;
	background: #ffff;
	border: 1px solid #0089cf;
	background:url(../images/input.gif) repeat;
	font:11px "Lucida Grande", sans-serif #0c2743;
	padding: 4px;
	margin-bottom: 5px;
}

#contact_us input.button{
	padding:0 0 0px;
	margin:0;
	margin-right:-5px;
	border:0;
	float:right;
	width:42px;
	height:18px;
	background:url(../images/btns_submit.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	cursor:pointer;
}
#contact_us input.button:hover,
#contact_us input.button.hover{background-position:0 -18px;}

div#feedback {
	margin-top: 20px;
}

p.error {
	display: none;
	padding: 5px 0px;
	color: #c31a1f;
	font-weight: bold;
}

p#submit {text-align:right; padding-right:5px;}

p#success {
	display: none; 
	font-size: 12px; 
	text-align: right; 
	margin-bottom: 20px;
	cursor: pointer;
	color: #c31a1f;
	border-top: 1px solid #eae9e9;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}
#contactdetails {
	display: inline;
	float: left;
	margin-top: 25px;
}
#openinghours {
	width:915px;
	margin-left: 25px;
	color: #FFFFFF;
}
#Skodasubcontent {
	width:500px;
	float:right;
	color:#001e3b;
	margin-bottom:0px;
	margin-top: 20px;
}
#Skodasidebar {
	width:410px;
	padding:0 20px 0 0;
	float:left;
	margin-top: 20px;
}
.SkodabodyContentLeft {
	height:100%;
	float: left;
	width: 410px;
	color:#fff;
	position:relative;
	font-weight:400;
	font-family:Arial, san-serif;
	font-size:13px;
	margin-top: 0px;
}
.leftbodythumbrow {
	float: left;
	height: 100px;
	width: 410px;
	margin-bottom: 10px;
}

.leftbodythumbrow a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

.leftbodythumbrow img {
	margin-bottom: 5px;
}
.leftbodythumb1 {
	float: left;
	height: 100px;
	width: 130px;
}
.leftbodythumb {
	float: left;
	height: 100px;
	width: 130px;
	display: inline;
	margin-left: 10px;
}
#UsedCarssubcontent {
	width:750px;
	float:right;
	color:#001e3b;
	margin-bottom:40px;
}
#UsedCarssidebar {
	width:170px;
	float:left;
}
.UsedCarscontactLeft {
	color:#0c2743;
	font:11px "Lucida Grande", sans-serif;
	margin: 0px;
}
.UsedCarscontactLeft a {
	color:#fff;
	text-decoration:none;
}
.UsedCarscontactLeft a:hover {
	color:#fff;
	text-decoration:underline;
}
#UsedCarssubcontent h2 {
	font-size:22px;
	margin:0;
	padding:0;
}
.OpeningHoursHomeBoxes1 {
	float: left;
	width: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.OpeningHoursHomeBoxes2 {
	float: left;
	width: 160px;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 38px;
}
.OpeningHoursHomeBoxes3 {
	float: left;
	width: 170px;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 38px;
}
#Skodasubcontent a {
	color:#FFFFFF;
}
