/* Layout */

body {
background: #fff;
color: #000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(/images/site/page-background.jpg);
background-repeat:no-repeat;
background-position: top center;
}

#outer {

}

#inner {
width: 876px;
margin-left:auto;
margin-right:auto;
}

#header {
margin:92px 0 0 0;
height:83px;
padding:36px 0 0 15px;
}

#contentwrap {width:100%;}

#sidebar {
display: inline;
width:196px;
float:left;
margin:20px 0 0 15px;
}

#main {
display: inline;
width:630px;
float:right;
margin:20px 15px 0 0;
}

#footer {
position:relative;
background-image:url(/images/site/footer-background.png);
height:95px;
width:100%;
clear:both;
margin:40px 0 0 0;
}


/* Navigation */

#nav {
font-size:0.7em;
font-weight:bold;
}

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
color:#4C5051;
text-decoration:none;
}

#nav a:hover {text-decoration:underline;}

#nav ul li {
padding:5px 0 5px 0;
border-bottom:1px dotted black;
}

#nav ul li a {padding-left:10px;}

#nav ul li.active a {color:#D4181C;}

#nav ul li ul {
padding-left:10px;
font-size:0.9em;
}

#nav ul li ul li {
padding:3px 0 3px 0;
border-bottom:0px;
}

#nav ul li.active ul li a {color:#444;}

#nav ul li ul li.active a {color:#D4181C;}

#motability {padding-top:30px;}

/* Main Common Elements */

#main.search #pagetitle,
#main.specials #pagetitle,
#main.contact #pagetitle,
#main.staff #pagetitle,
#main.news #pagetitle {
height:21px;
border-bottom:1px dotted #4C5051;
}

h1 {
font-weight:bold;
color:#D4181C;
}


/* Standard Template */

#doublelinkbox {
position:relative;
height:200px;
width:415px;
margin-bottom:15px;
overflow: hidden;
}


#doublelinkbox div {
position: absolute;
height:200px;
width:415px;
}

#main.standard #col1 {
width:415px;
float:left;
}

#main.standard #col2 {
width:200px;
float:right;
}

#main.standard #col1 #toplinks {
width:415px;
height:200px;
margin-bottom:15px;
}

#main.standard #col1 #content {
margin:0 0 0 0;
width:415px;
}

#main.standard #col1 #content a:link,
#main.standard #col1 #content a:visited,
#main.standard #col1 #content a:hover,
#main.standard #col1 #content a:active {color:#D4181C;}

#main.standard #col1 #content p {
font-size:0.8em;
padding-top:10px;
line-height:130%;
color:#4C5051;
}

#main.standard #col1 #content h1 {padding-top:10px;}

#main.standard #col1 #content p em {
font-weight:bold;
font-style:normal;
}

#main.standard #col2 #rightlinks {width:200px;}

#main.standard .quicklink {
width:200px;
height:200px;
}

#main.standard .quicklink.grey {background-image:url(/images/site/linkbox-background.png);}

#main.standard .quicklink.red {background-image:url(/images/site/linkbox-red-background.png);}

#main.standard .quicklink.black {background-image:url(/images/site/linkbox-black-background.png);}

#main.standard .quicklinkwrap {
width:200px;
height:200px;
position:relative;
}

#main.standard .quicklink a:link,
#main.standard .quicklink a:visited,
#main.standard .quicklink a:hover,
#main.standard .quicklink a:active {
color:#fff;
text-decoration:none;
}

#main.standard #toplinks .quicklink {
margin-right:15px;
float:left;
}

#main.standard #toplinks .last {
margin-right:0px;
float:left;
}

#main.standard #rightlinks .quicklink {margin-bottom:15px;}

#main.standard .quicklink .title {
position:absolute;
left:8px;
top:0px;
width:184px;
height:25px;
}

#main.standard .quicklink .title h1 {
text-transform:uppercase;
font-weight:bold;
font-size:0.7em;
margin-top:7px;
padding-left:5px;
color:#fff;
}

#main.standard .quicklink .photo {
position:absolute;
left:8px;
top:25px;
width:184px;
height:125px;
border-bottom:3px solid #D4181C;
}

#main.standard .quicklink.red .photo {
border-bottom:3px solid #fff;
}

#main.standard .quicklink .description {
position:absolute;
left:8px;
top:153px;
width:184px;
height:47px;
}

#main.standard .quicklink .description p {
font-size:0.7em;
margin-top:5px;
padding-left:5px;
color:#fff;
}


/* Search Template */

#main.search p {
padding-top:10px;
font-size:0.8em;
}

#main.search em {
font-weight:bold;
font-style:normal;
}

#main.search div.searchlocations {
padding:15px 0 15px 0;
}

#main.search div.searchlocations div.searchoption {
float:left;
padding-right:4px;
}


/* Specials Template */

#motabilityspecialoffers .specialoffer,
#main.specials div.specialoffer {
border:1px solid #002E8C;
border-width:0 0 3px 3px;
padding:5px 5px 10px 10px;
margin-top:10px;
background-image:url(/images/site/specials-background.png);
background-repeat: no-repeat;
background-position: bottom left;
color:#4C5051;
width:612px;
}

#motabilityspecialoffers .specialoffer {
border:1px solid #FCB033;
border-width:0 0 3px 3px;
background-image:url(/images/site/motaspecials-background.png);
background-repeat: no-repeat;
background-position: bottom left;
}


#motabilityspecialoffers div.specialoffer .pic,
#main.specials .specialoffer .pic {
width:245px;
float:right;
margin-left:10px;
}


#motabilityspecialoffers div.specialoffer h2,
#main.specials .specialoffer h2 {
color:#002E8C;
font-size:1em;
font-weight:bold;
padding-bottom:5px;
}


#motabilityspecialoffers div.specialoffer .description,
#main.specials .specialoffer .description {
font-size:0.8em;
padding-bottom:5px;
}


#motabilityspecialoffers div.specialoffer .price1,
#main.specials .specialoffer .price1 {
font-size:0.8em;
padding-bottom:3px;
font-weight: bold;
color:#CF262A;
}


#motabilityspecialoffers div.specialoffer .price2,
#main.specials .specialoffer .price2 {
font-size:1em;
padding-bottom:3px;
margin:0px;
font-weight: bold;
}

#motabilityspecialoffers div.specialoffer .price3,
#main.specials .specialoffer .price3 {
font-size:0.8em;
padding-bottom:10px;
font-weight: bold;
color:#7C868A;
}


#motabilityspecialoffers div.specialoffer .smallprint,
#main.specials .specialoffer .smallprint {
font-size:0.7em;
line-height:115%;
}


/* Dealer Details */

#main.contact #contactdetails {
border-bottom:1px dotted #4C5051;
padding:10px 0 10px 0;
color:#4C5051;
}

#main.contact #contactdetails #address {
width:220px;
float:left;
font-size:0.8em;
}

#main.contact #contactdetails #address p {
padding-bottom:10px;
line-height:120%;
}

#main.contact #contactdetails #address p em {
font-size:1.3em;
display:block;
margin-top:3px;
color:#D4181C;
}

#main.contact #contactdetails #address p.links {color:#D4181C;}

#main.contact #contactdetails #address p a:link,
#main.contact #contactdetails #address p a:visited,
#main.contact #contactdetails #address p a:hover,
#main.contact #contactdetails #address p a:active {
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#4C5051;
}

#main.contact #contactdetails #address p a:hover {text-decoration:underline;}

#main.contact #contactdetails #map {
width:200px;
height:200px;
float:left;
margin-right:10px;
}

#main.contact #contactdetails #photo {
width:200px;
height:150px;
float:left;
}

#main.contact #hoursform h1 {
font-size:1.2em;
padding:5px 0 10px 10px;
}

#main.contact #hoursform #hours {
width:220px;
font-size:0.7em;
float:left;
padding-top:5px;
}

#main.contact #hoursform #hours p {
padding-bottom:10px;
line-height:140%;
}

#main.contact #hoursform #form {
width:410px;
float:left;
font-size:0.8em;
}

#main.contact #hoursform #form h5 {font-weight:bold;}

#main.contact #hoursform #form p.note {
font-size:0.8em;
padding-top:10px;
}

#main.contact #hoursform #form #contactselect {
background-image:url(/images/site/form-background.png);
background-repeat:no-repeat;
background-color:#4D5051;
height:40px;
padding:10px;
}

#main.contact #hoursform #form #contactselect h4 {
color:#fff;
font-weight:bold;
font-size:0.8em;
padding-bottom:5px;
}

#main.contact #hoursform #form .formpanel {
background-color:#E3E5E6;
margin-top:10px;
padding:10px;
}

#main.contact #hoursform #form span {
display:block;
padding-top:10px;
padding-bottom:3px;
}

#main.contact #hoursform #form .txt {width:350px;}

#main.contact #hoursform #form p.optout {
padding-top:10px;
padding-bottom:10px;
font-size:0.8em;
}

/* Meet our Team */

#main.staff .staffmember {
border-bottom:1px dotted #4C5051;
font-size:0.8em;
padding:10px 0 10px 0;
width:630px;
}

#main.staff .staffmember .photo {
width:200px;
height:150px;
float:right;
margin-left:20px;
background-image:url(/images/site/staff-blank.png);
}

#main.staff .staffmember .description {width:410px;}

#main.staff .staffmember .description p {

}

#main.staff .staffmember .description p.jobtitle {
font-weight:bold;
line-height:110%;
}

#main.staff .staffmember .description p.name {line-height:110%;}

#main.staff .staffmember .description p.email {line-height:110%;}

#main.staff .staffmember .description p.email a:link,
#main.staff .staffmember .description p.email a:visited,
#main.staff .staffmember .description p.email a:hover,
#main.staff .staffmember .description p.email a:active {color:#d4181c;}

#main.staff .staffmember .description p.info {
padding-top:10px;
font-size:0.9em;
line-height:120%;
}

#main.staff .staffmember .description p.jobtitle {

}

/* News */

#main.news {color:#4C5051;}

#main.news #fullcol {
width:630px;
font-size:0.8em;
padding-top:20px;
}

#main.news #fullcol .largepic {
float:right;
margin-left:15px;
}

#main.news #fullcol p {
padding-top:10px;
line-height:120%;
}

#main.news #fullcol h5 {font-weight:bold;}

#main.news #fullpic {
width:630px;
font-size:0.8em;
padding-top:10px;
}

#main.news #fullpic .fullpic {
margin-bottom:10px;
margin-top:10px;
}

#main.news #fullpic h5 {
padding-bottom:10px;
font-weight:bold;
}

#main.news #maincol {
width:410px;
float:left;
font-size:0.8em;
}

#main.news #maincol h5 {
font-weight:bold;
padding-top:10px;
}

#main.news #rightcol {
width:200px;
float:right;
font-size:0.8em;
}

#main.news #rightcol #newsarchive ul li.active a:link,
#main.news #rightcol #newsarchive ul li.active a:visited,
#main.news #rightcol #newsarchive ul li.active a:hover,
#main.news #rightcol #newsarchive ul li.active a:active {color:#D4181C;}

#main.news #maincol .newsitem {
width:100%;
clear:both;
margin-top:11px;
}

#main.news #maincol .newsitem .pic {
margin-left:10px;
float:right;
width:100px;
height:75px;
}

#main.news #maincol .newsitem h5 {font-weight:bold;}

#main.news #maincol .newsitem h5 a:link,
#main.news #maincol .newsitem h5 a:visited,
#main.news #maincol .newsitem h5 a:hover,
#main.news #maincol .newsitem h5 a:active {
color:#D4181C;
text-decoration:none;
}

#main.news #maincol .newsitem h5 a:hover {text-decoration:underline;}


#main.news #maincol .newsitem p {line-height:120%;}

#main.news #maincol .newsitem p.more {
color:#666;
font-size:0.9em;
}

#main.news #maincol .newsitem p.more a:link,
#main.news #maincol .newsitem p.more a:visited,
#main.news #maincol .newsitem p.more a:hover,
#main.news #maincol .newsitem p.more a:active {
color:#666;
text-decoration:none;
}

#main.news #maincol .newsitem p.more a:hover {text-decoration:underline;}

#main.news #rightcol #newsarchive {
margin-top:10px;
line-height:130%;
}

#main.news #rightcol #newsarchive h2 {font-weight:bold;}

#main.news #rightcol #newsarchive a:link,
#main.news #rightcol #newsarchive a:visited,
#main.news #rightcol #newsarchive a:hover,
#main.news #rightcol #newsarchive a:active {
color:#666;
text-decoration:none;
}

#main.news #rightcol #newsarchive a:hover {text-decoration:underline;}

/* Footer */

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {color:#fff;}

#footer .left {
position:absolute;
left:25px;
bottom:20px;
}

#footer .left ul li {
font-size:0.6em;
float:left;
color:#fff;
line-height:140%;
padding-right:15px;
}

#footer .left ul li .name {
font-size:1.1em;
font-weight:bold;
}

#footer .left ul li .location {

}

#footer .left ul li .telephone {font-weight:bold;}

#footer .left ul li .contact {

}

#footer .right {
font-size:0.6em;
color:#fff;
line-height:120%;
position:absolute;
bottom:20px;
right:25px;
text-align:right;
}


#motabilityquote {
background-color:#E1EAF9;
padding:10px;
}

#motabilityquote p {
font-size:0.8em;
color:#004890;
line-height:130%;
padding-bottom:15px;
}

#motabilityquote p.quoteauthor {
font-size:0.7em;
padding-bottom:0px;
font-weight:bold;
}

#motabilityspecialoffers {
clear:both;
padding-top:20px;
}