/* 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:50px;
    margin:0 0 0 620px;
}

#logo1{
    width:320px;
    height:35px;
    margin:0 0 0 600px;
    text-align:right;


}
#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: 20px;
	font-size:14px;
	
}
#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;
}