/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {
font-size:1em;
font-weight:400;
font-style:normal;
}

ul,ol {
list-style:none;
}

fieldset,img {
border:none;
}

caption,th {
text-align:left;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/*Main*/
html,body,#wrap {
height:100%;
}

body {
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
margin:0;
padding:0;
}

body > #wrap {
height:auto;
width:1020px;
min-height:100%;
margin-left:auto;
margin-right:auto;
background-color:#000;
}

#main {
padding-bottom:370px  ! important;
border-bottom:#333 solid 10px;
border-right:#333 solid 10px;
border-left:#333 solid 10px;
}

#header-wrap {
float:left;
width:100%;
padding-top:33px;
background-color:#000;
background:url(../graphics/bg-top.jpg) top center no-repeat;
}

#header {
width:1000px;
height:200px;
position:relative;
border-top:#333 solid 10px;
border-right:#333 solid 10px;
border-left:#333 solid 10px;
background-image:url(../graphics/bg-content.jpg);
background-position:0 -130px;
background-repeat:no-repeat;
background-color:#000;
margin:0 auto;
}

#content {
float:left;
margin-bottom:15px;
width:985px;
min-height:283px;
background-image:url(../graphics/bg-content.jpg);
background-position:0 -330px;
background-repeat:no-repeat;
padding-right:15px;
}

#right {
float:left;
width:770px;
margin-top:10px;
}

/*Typeography*/
h1 {
font-size:14px;
font-weight:700;
}

h2 {
font-size:13px;
}

h3 {
font-size:12px;
}

h4 {
font-size:11px;
}

h5 {
font-size:11px;
}

h6 {
font-size:11px;
}

p {
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

a {
color:#ccc;
text-decoration:none;
}

a:hover {
color:#fff;
text-decoration:none;
}

td {
font-size:11px;
}

#right-content {
width:740px;
border-top:1px dotted #ccc;
padding:10px 10px 25px;
}

/*Colours*/
.red {
color:#C00;
}

.black {
color:#000;
}

.grey {
color:#333;
}

/*headings*/
.bread_trail {
color:#999;
font-size:10px;
width:550px;
padding:0 0 0 15px;
}

.bread_trail a {
color:#666;
}

/*Header*/
#logo {
float:left;
height:135px;
width:278px;
margin:20px 0 0 25px;
padding:0 0 0 15px;
}

/*Home Content*/
.home_text {
width:450px;
float:left;
border-left:#333 1px dotted;
margin:25px 0 25px 15px;
padding:5px;
}

.home_text p {
color:#666;
padding-left:10px;
}

.home_text h1 {
color:#ccc;
font-size:14px;
font-weight:700;
padding-left:10px;
background:url(../graphics/link-arrow.png) no-repeat left center;
}

.home_text h2 {
color:#999;
font-size:12px;
font-weight:400;
padding-left:10px;
}

/*#home_car {
height:180px;
width:450px;
float:left;
border-left:#333 1px dotted;
margin:25px 0 25px 15px;
padding:5px;
}*/

#home_slide {
clear:both;
height:300px;
width:900px;
position:relative;
border:#333 10px solid;
}

/*Home Buttons*/
#home_buttons {
width:900px;
height:400px;
}

/*Banner*/
#banner {
background-color:#999;
width:750px;
height:120px;
float:left;
border:1px #999 solid;
margin:20px 0 9px 5px;
}

/*Connections*/
.about-connections ul {
float:left;
width:150px;
font-size:11px;
}

.about-connections ul li {
padding-left:10px;
background:url(../graphics/side-arrow-grey.png) no-repeat left center;
}

.formfield {
width:200px;
float:left;
padding-top:10px;
}

#formcontainer {
background-color:#f1f1f1;
color:#000;
width:540px;
height:580px;
font-size:11px;
margin:15px 0;
padding:25px 110px 0 50px;
}

.formfield #submit {
margin-top:15px;
padding-top:0;
}

/*Contact & location*/
#left_location {
width:300px;
float:left;
}

#findus span {
color:#fff;
}

.currentday {
color:#fff;
background-color:#999;
font-size:12px;
}

.day {
color:#000;
font-size:12px;
}

#map {
height:475px;
width:370px;
float:right;
border:#CCC solid 1px;
}

#googlemap {
width:370px;
height:446px;
}

#directions {
color:#FFF;
background-color:#333;
font-size:11px;
width:360px;
padding:5px;
}

#txtPostcodeA {
width:50px;
}

#txtPostcodeB {
width:50px;
}

#btnShowDirections {
font-size:11px;
width:65px;
}

/*contact*/
#contact_form {
width:200px;
height:400px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:5px;
}

#contact_form #label,#contact_form #label2,#contact_form #textfield {
width:200px;
float:left;
}

#contact_form input {
margin-bottom:4px;
margin-top:4px;
width:80px;
height:auto;
float:left;
}

#contact_form textarea {
width:200px;
height:100px;
font:Arial, Helvetica, sans-serif;
}

#contact_form img {
text-align:left;
border:#CCC solid 3px;
}


/* Forms */
#contact-form {
float:left;
width:550px;
margin-top:5px;
margin-bottom:20px;
}

.name {
float:left;
width:250px;
height:20px;
margin-bottom:10px;
color:#fff;
clear:both;
font-size:12px;
}

.name span {
color:#c00;
}

.form-text {
float:left;
width:484px;
height:20px;
margin-bottom:10px;
color:#fff;
padding-top:12px;
border-top:1px dotted #ccc;
}

.form-box1 {
float:left;
width:232px;
height:15px;
margin-bottom:12px;
border:1px solid #ccc;
font-size:12px;
}

.form-box2 {
float:left;
width:232px;
height:58px;
margin-bottom:10px;
border:1px solid #ccc;
font-size:12px;
}

.form-box3 {
float:left;
width:100px;
height:15px;
margin-bottom:12px;
border:1px solid #ccc;
font-size:12px;
}

.mileage {
float:left;
width:232px;
height:15px;
margin-bottom:12px;
font-size:12px;
}

.checkbox {
float:left;
width:232px;
height:20px;
margin-bottom:12px;
font-size:12px;
}

.mileage2 {
float:left;
width:100px;
height:15px;
padding-left:1px;
border:1px solid #ccc;
font-size:12px;
margin:0 3px 12px 10px;
}

.calendar {
float:left;
width:232px;
height:15px;
margin-bottom:12px;
font-size:12px;
}

.form-tick {
float:left;
width:15px;
padding-top:3px;
margin:0 0 12px;
}

#send {
float:left;
width:50px;
height:21px;
font-size:10px;
clear:left;
padding:0 3px;
}