@charset "utf-8";
* {margin:0;padding:0;line-height:1.6em}
body {background:#222; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small}
ul {list-style:square}
p {margin:0 0 1em 0}

#hbg {background:url(i/headbg.png) repeat-x;height:178px;}
#mbg {background:url(i/wrapbg.png) top center no-repeat;height:506px}
#w {position:absolute;width:100%;top:0;text-align:center}
#holder {margin:0 auto 10px auto;width:920px;text-align:left}

#h {position:relative;height:114px}
#logo {display:block;position:absolute;top:30px;left:3px;width:291px;height:58px;background:url(i/logo.png) no-repeat}
#nav {position:absolute;top:51px;right:7px}
#nav * {height:30px;font-weight:bold; cursor:pointer}
#nav li {float:left;list-style:none;margin-left:15px}
#nav a {display:block;float:left;text-decoration:none;color:#000;background:#E7DAC5 url(i/woo.png);position:relative;padding-left:28px}
#nav .i {display:block;width:20px;background:top left no-repeat;position:absolute;left:6px;top:0}
#nav .t {display:block;float:left;padding-right:8px;background:url(i/woo.png) top right no-repeat;line-height:30px}
#nav .home .i {background-image:url(i/home.png)}
#nav .cars .i {background-image:url(i/cars.png)}
#nav .search .i {background-image:url(i/search.png)}
#nav .work .i {background-image:url(i/workshop.png)}
#nav .cont .i {background-image:url(i/contact.png)}
#nav .find .i {background-image:url(i/find.png)}
#nav .selected span, #nav a:hover span {background-position:right bottom}
#nav .selected a, #nav a:hover {background-position:left bottom;color:#fff}

#search {background:#E7DAC5 10px 5px no-repeat;float:left;width:920px;position:relative}
#search form {padding:20px;float:left}
#search h2 {margin-bottom:5px;clear:left}
#search .loadmsg {display:block;text-decoration:none;color:#000;height:40px;line-height:40px;width:100%;background:url(i/search-stock.png) 7px 4px no-repeat;text-indent:100px}
#search .fl {float:left;border-left:1px dashed #D5CAB9;padding-left:10px}
#search .intro {width:180px;border:0 !important;margin:0;padding:0}
#search .intro h2 {height:1px;background:url(i/search-stock.png) no-repeat;overflow:hidden;padding-top:33px;margin:0 0 10px 25px}
#search ul {list-style:none;width:329px;float:left;padding-left:10px}
#search li {float:left;width:160px;line-height:1.9em}
#search .options {width:160px;overflow:hidden}
#search .options ul {margin-bottom:10px;width:150px;overflow:hidden}
#search button {background:#FAEDD8 url(i/mag.png) no-repeat 20px 9px;font-weight:bold;margin:0;padding:8px 5px;text-align:center;width:140px;border:0}

#c {background:#fff;margin:auto;padding:20px;float:left;width:880px;overflow:hidden}

#makes {float:left;width:180px}
#makes .head {margin-top:20px;font-weight:bold;background:2px 3px no-repeat}
#makes dt {font-weight:bold}
#makes dd {font-style:italic}

#makes .sbfirst {margin:0 0 5px 0}
#makes .sbopen {background-image:url(i/sb/clock.png)}
#makes .sbadd {background:url(i/sb/email_edit.png) 2px 2px no-repeat}
#makes .sbphone {background:url(i/sb/phone.png) 2px 2px no-repeat}
#makes .find, #makes .sbemail {background:url(i/sb/map_magnify.png) 2px 2px no-repeat;padding-left:24px;display:block;}
#makes .sbemail {background:url(i/sb/email_edit.png) 2px 2px no-repeat}
#makes div div {padding-left:24px}
#makes img {margin-top:10px}
#c li {margin-left:25px}

#content {float:left;width:680px;margin-left:20px}

#newfoot {clear:both;background:#222222 url(i/newfoot.jpg) top no-repeat;height:160px;position:relative}
#newfoot p {text-align:right;color:#333;position:absolute;bottom:5px;left:20px;width:880px;height:30px;line-height:30px;margin:0}
#newfoot p:hover {color:#aaa}
#newfoot span {height:30px;line-height:30px;float:left}
#newfoot p a {text-decoration:none}
#newfoot p:hover a {text-decoration:underline;color:#5776DB}
 
a, a:link, a:visited, a:active {color:#003675}
a:hover {color:#5776DB}
 
.hide {display:none}
.rowend {clear:both}
.left {float:left}
.addr {text-align:center}

.nav {width:130px;margin-right:15px}
.nav ol {margin:0 0 0 20px;padding:0}
.nav li {margin:0;list-style:square}
.nav li a {line-height:1.5em;display:block;width:100%}

#f {background:#333;color:#fff;padding:15px;font-size:x-small;text-align:center}
			
.images {margin:auto; text-align:center;height:202px}
.images img {width:282px;height:202px;overflow:hidden;display:block;float:left}
img.map {width:580px;height:405px}
.img1 {margin-right:15px}

.car {clear:both;font-size:small;line-height:1.7em;position:relative;margin-bottom:10px}
.car img {width:200px;height:150px;border:none;float:left;margin:0 10px 0 0}
#c .car li {margin:0;float:left;padding-left:25px;width:210px;list-style:none;background:url(i/bullet.png) 10px center no-repeat;overflow:hidden}
.car a {font-weight:bold}

table {border:none;width:100%;color:#000;margin-bottom:10px}
th {background:url(i/top_bg.jpg) 0px 60px}
th.search {background:#7D0000;text-align:left;border:none;color:#fff}
td {padding:10px 0;background:#eee}

.print {display:none}

.cardetail {}
.cardetail h1 {margin-bottom:10px}

.cardetail .mainimg {display:block;margin:20px}

.cardetail .detail {}
.cardetail .detail .tools {padding:0 10px}
.cardetail .detail ul {margin:0 0 0 25px;padding:0;float:left}
#c .cardetail .detail li {margin:0 15px 2px 0;float:left;padding-left:20px;width:180px;list-style:none;background:url(i/bullet.png) 10px 0.65em no-repeat}
#c .cardetail .detail p {padding:10px 25px 10px 25px !important;margin:0;font-style:italic}

.cardetail .imggrid {float:left;margin:0 0 0 25px}
.cardetail .imggrid img {border:0;float:left;margin:0 15px 15px 0}
#c .cardetail .instruction {padding:0px 25px 0 25px !important;font-style:italic}

.cardetail .images {float:right;width:200px}
.cardetail .images img {width:200px;height:150px;margin-bottom:10px;border:none}

.cardetail .imga {float:right;clear:right}
.cardetail .imga img {width:200px;height:150px;margin-bottom:10px;border:none}

.cardetail .tools a {padding:0 10px 0 20px}
.tools .printthis {background:url(i/printer.png) left center no-repeat}
.tools .email {background:url(i/email_go.png) left center no-repeat}
.tools .bookmark {background:url(i/book_link.png) left center no-repeat}
.tools .more {background:url(i/magnifier.png) left center no-repeat}

h1, h2, h3 {margin:0 0 10px 0}
h1 {font-size:large}
h2 {font-size:small}
h3 {font-size:small; font-weight:normal;overflow:hidden;height:1.6em}
 
.contact {}
.contact h2 {float:left;width:200px;margin:0}
.contact p {padding-left:200px}

.rowend {clear:both;font-size:0px;line-height:0px}

.slideshow p {position:absolute;top:20px;right:20px;width:400px;opacity:0.9;font-size:large;text-align:right}
.slideshow span {background:#fff;padding:10px;line-height:2.5em}

.findus, .opening {float:left;width:310px;margin-top:20px;padding:0 20px}
.opening {margin-right:20px}
.findus h2, .opening h2 {font-size:large}
.findus p, .opening ul {margin-bottom:10px}

#searchbox {float:right;width:300px;height:300px;background:url(i/search_bg.jpg);position:relative;margin:0 0 20px 10px}
#searchbox .corner {width:7px;height:300px;background:url(i/search_corners.jpg);position:absolute;top:0}
#searchbox .leftc {background-position:left;left:0}
#searchbox .rightc {background-position:right;right:0}

.introimg {width:400px;height:138px;margin:0 0 20px 0;background:url(i/intro.jpg)}
.fi {float:right;margin-bottom:10px}

#c .pageform {float:left;width:680px}
#c .pageform .details, #c .pageform .final {float:left;width:330px;margin-top:20px;overflow:hidden}
#c .pageform .final {margin-left:20px}
#c .pageform label {display:block;margin:5px 0 2px 0;font-weight:bold}
#c .pageform button {margin:20px 0;clear:both}
#c .pageform textarea {width:668px}
#c .pageform textarea, #c .pageform button, #c .pageform input[type=text] {border:1px solid #ccc;padding:5px;font-size:medium}
#c .pageform input[type=text] {width:80%}
#c .pageform li {list-style:none;margin:0;padding}
#c .pageform .errorlist {color:red;font-weight:bold}

#wshop-intro {height:250px;background:url(i/workshop-intro.jpg) top left no-repeat;overflow:hidden}
#wshop-intro h1 {margin-top:350px}

#wshop-grid {}
#wshop-grid .row {float:left;width:680px;margin-top:10px;background:url(i/workshop-box.png) bottom left repeat-x;position:relative}
#wshop-grid .cell {float:left;width:220px;margin-left:10px;padding-bottom:24px}
#wshop-grid .first {margin:0 !important}

#wshop-grid h2 {background:#E7DAC5;padding:5px 10px}
#wshop-grid h2 a {display:block;text-decoration:none}
#wshop-grid p {margin-left:11px;margin-right:11px}
#wshop-grid p a {display:block;position:absolute;bottom:11px}

.wshop-header {height:1px;padding:100px 0 0 0;overflow:hidden;background:top left no-repeat;margin:0}
#aircon   {background-image:url(banners/680-ac.jpg)}
#bandt    {background-image:url(banners/680-tyre.jpg)}
#courtesy {background-image:url(banners/680-courtesy.jpg)}
#mot      {background-image:url(banners/680-blackcheck.jpg)}
#repairs  {background-image:url(banners/680-sockets.jpg)}
#service  {background-image:url(banners/680-spanner-shaft.jpg)}

.wshop-content {padding-right:240px;position:relative}
.wshop-sidebar {position:absolute;z-index:2;top:0;right:0;width:220px;}
.postit {background:#eee;padding:20px;margin-bottom:10px;text-align:center}
.postit strong {display:block}
a img {border:0}

#content a {text-decoration:underline}

#map {width:680px;height:350px;margin-top:10px}

#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}

#slprompt_cent {padding:20px;width:500px;border-top:20px solid #E7DAC5}
#slprompt_cent * {text-align:center;font-weight:bold;position:relative}
#slprompt_cent .q {font-size:medium}
#slprompt_cent .a {margin:20px 30px;border-bottom:4px dashed #eee}
#slprompt_cent input {font-size:x-large;height:2em;line-height:2em;border:none;padding:0;width:440px}
#slprompt_cent .ok, #slprompt_cent .ca {float:left;width:220px;padding:10px;cursor:pointer}
#slprompt_cent .ca {background:#fdd}
#slprompt_cent .ok {background:#dfd;margin-left:20px;}

.g {height:100px;background:url(i/guarantees2.png) top left no-repeat;clear:both}