@import url("reset.css");

body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #3c3c3c;
  background-image: url("/images/tiles/background.gif");
  background-repeat: repeat-y;
  background-position: top center;
  background-color: #e3e3e3;
}

h1 {

}

h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #3a3a3a;
}

h3,h4,h5,h6 {

}

a {
  color: #3c3c3c;
}

a:hover {
  text-decoration: none;
}

input {

}

textarea {

}

select {

}

hr {
  display: block;
  height: 1px;
  border-top: 0;
  border-right: 0;
  border-bottom: #ececec 1px solid;
  border-left: 0;
}

div#skip {
  display: none;
}

/* Layout */
div#wrapper {
  width: 100%;
  text-align:center;
}

div#wrapper div#content {
  width: 1008px;
  margin: 0 auto 0 auto;
  padding: 0 19px 0 19px;
  text-align: left;
  background-color: #ededed;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 970px;
  background-color: #fff;
}

/* Masthead, navigation and breadcrumbs */
div#masthead {
  clear: both;
  width: 970px;
  padding: 9px 0 20px 0;
  margin-bottom: 20px;
  background-color: #fff;
  float: left;
  background-image:url(/images/shadow.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

div#masthead img {
  float: left;
}

div#masthead ul {
  clear: both;
  padding: 14px 0 0 0;
}

div#masthead ul li {
  float: left;
  margin: 0 2px 0 0;
  padding: 0 0 0 3px;
  font-size: 1.3em;
  font-weight: bold;
  background-image: url("/images/tiles/nav-left.gif");
  background-repeat: no-repeat;
  background-color: #3a3a3a;
}

div#masthead ul li a {
  display: block;
  padding: 10px 11px 10px 8px;
  color: #fff;
  text-decoration: none;
  background-image: url("/images/tiles/nav-right.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

div#masthead ul li.active {
  background-image: url("/images/tiles/nav-active-left.gif");
}

div#masthead ul li.active a {
  background-image: url("/images/tiles/nav-active-right.gif");
}

div#masthead ul li a:hover {
  text-decoration: underline;
}

div#masthead ul li.active a:hover {
  text-decoration: none;
}

div#masthead ol {
  clear: both;
  display: block;
  padding: 11px 0 9px 12px;
  background-image: url("/images/tiles/breadcrumbs.gif");
  background-repeat: no-repeat;
}

div#masthead ol li {
  display: inline;
  padding: 0 11px 0 3px;
  font-size: 1.2em;
  color: #fff;
  background-image: url("/images/bullets/breadcrumbs.gif");
  background-repeat: no-repeat;
  background-position: center right;
}

div#masthead ol li:first-child {
  padding: 0;
  font-weight: bold;
  background-image: none;
}

div#masthead ol li:last-child {
  background-image: none;
}

div#masthead ol li a {
  color: #fff;
}

/* Used car search form */
div#used-search {
  float: left;
  width: 280px;
  min-height: 256px;
  overflow:hidden;
  height: 256px;
  margin: 0 18px 0 0;
  background-image: url("/images/tiles/280-darkestgrey-bottom.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #1f1f1f;
}

div#qsnojs {
  color: #fff;
  width: 228px;
  padding: 90px 6px 90px 6px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

div#used-search a {
  clear: both;
  float: right;
  margin: 8px 30px 0 0;
  font-size: 1.2em;
  color: #fff;
}

div#used-search form {
  padding: 13px 0 0 18px;
  background-image: url("/images/tiles/280-black-top.gif");
  background-repeat: no-repeat;
}

div#used-search form ol {
  padding: 18px 0 0 0;
}

div#used-search form ol li {
  padding: 0 0 10px 0;
}

div#used-search form fieldset legend {
  padding: 0 0 12px 0;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
}

div#used-search form fieldset label {
  display: inline-block;
  width: 45px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-align: right;
}

div#used-search form fieldset select {
  width: 178px;
  margin: 0 0 0 8px;
  padding: 2px 0 2px 0;
  font-size: 1.2em;
}

div#used-search form fieldset input {
  width: 235px;
  margin: 6px 0 0 0;
  border: 0;
  padding: 11px 38px 11px 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url("/images/buttons/235-red-darkgreybg.gif");
  background-repeat: no-repeat;
  background-color: #1f1f1f;
}

div#used-search form fieldset input:hover {
  background-image: url("/images/buttons/235-red-darkgreybg-over.gif");
}

/* Top row right column */
div#top-row-right-top {
  float: right;
  width: 672px;
  height: 6px;
  background-image: url("/images/tiles/panel-672-top.gif");
  background-repeat: no-repeat;
}

div#top-row-right {
  float: left;
  width: 672px;
  padding: 0 20px 0 0;
  background-image: url("/images/tiles/top-row-right.gif");
  background-repeat: no-repeat;
  background-position: top right;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 652px;
}

div#top-row-right h1 {
  padding: 26px 0 10px 0;
  font-size: 2.8em;
  font-weight: bold;
  color: #c50100;
}

div#top-row-right p {
  padding: 0 0 22px 0;
  font-size: 1.2em;
  line-height: 17px;
}

div#top-row-right a {
  color: #c50100;
}

div#top-row-right dl {
  padding: 0 0 18px 0;
}

div#top-row-right dl dt {
  display: inline;
  font-size: 1.8em;
  font-weight: bold;
}

div#top-row-right dl dd {
  display: inline;
  font-size: 1.8em;
}

div#top-row-right img {
  float: left;
  padding: 0 22px 0 0;
}

/* Locate services/sat nav */
div#sat-nav {
  width: 622px;
  margin: 12px 0 0 0;
  padding: 40px 24px 26px 136px;
  background-image: url("/images/sat-nav.jpg");
  background-repeat: no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 462px;
}

div.panel-top {
  clear: both;
  width: 672px;
  height: 6px;
  background-image: url("/images/tiles/panel-672-top.gif");
  background-repeat: no-repeat;
}

div.panel {
  clear: both;
  width: 672px;
  margin: 0 0 18px 0;
  padding: 26px 26px 26px 26px;
  background-image: url("/images/tiles/panel-672.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 622px;
}

div.panel h4 {
  padding: 0 0 14px 0;
  font-size: 1.3em;
}

div.panel dl dt {
  display: inline;
  font-size: 1.8em;
  font-weight: bold;
}

div.panel dl dd {
  display: inline;
  padding: 0 14px 0 0;
  font-size: 1.8em;
  font-weight: bold;
}

div.panel div.left {
  clear: both;
  float: left;
  width: 382px;
}

div.panel div.right {
  float: left;
  width: 240px;
  padding: 0 0 0 40px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 200px;
}

/* Find us */
div#find-us {
  clear: both;
  width: 280px;
  padding: 11px 18px 14px 17px;
  background-image: url("/images/tiles/panel-280.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 245px;
}

div#find-us address {
  margin: 10px 0 0 0;
  font-size: 1.3em;
  line-height: 17px;
}

div#find-us address span {
  font-weight: bold;
}

div#find-us dl {
  margin: 14px 0 0 0;
}

div#find-us dl dt {
  float: left;
  padding: 0 6px 0 0;
  font-size: 1.2em;
}

div#find-us dl dd {
  padding: 0 0 4px 0;
  font-size: 1.2em;
}

div#find-us dl dd a {
  color: #c50100;
}

/* Booking */
div#booking {
  clear: both;
  width: 280px;
  margin: 13px 0 0 0;
  padding: 0 0 30px 0;
  background-image: url("/images/tiles/280-darkgrey-bottom.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#booking h4 {
  padding: 13px 0 13px 18px;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  background-image: url("/images/tiles/heading-black-280.gif");
  background-repeat: no-repeat;
}

div#booking p {
  font-size: 1.2em;
  color: #fff;
  padding: 18px 0 0 17px;
  line-height: 17px;
}

div#booking form {
  padding: 0 18px 0 18px;
}

div#booking form label {
  display: block;
  padding: 14px 0 2px 0;
  font-size: 1.2em;
  color: #fff;
}

div#booking form label.small {
  display: inline;
  margin: 0 6px 0 0;
}

div#booking form input {
  width: 230px;
  padding: 2px 0 2px 0;
  font-size: 1.2em;
}

div#booking form input.small {
  display: inline;
  width: 70px;
  margin: 4px 0 6px 0;
}

div#booking form input[type="submit"] {
  width: 244px;
  margin: 18px 0 0 0;
  border: 0;
  padding: 10px 38px 11px 0;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  background-image: url("/images/buttons/244-red-greybg.gif");
  background-repeat: no-repeat;
  background-color: #3c3c3c;
}

div#booking form input[type="submit"]:hover {
  background-image: url("/images/buttons/244-red-greybg-over.gif");
}

div#booking form input.small+label.small {
  margin: 0 7px 0 12px;
}

div#booking form textarea {
  width: 234px;
  font-size: 1.2em;
}

/* Generic body content */
div#bodycontent {
  clear: both;
  float:left;
  width: 970px;
  margin: 13px 0 0 0;
  padding: 0 0 42px 0;
  background-image: url("/images/tiles/panel-970.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#bodycontent a.back {
  float: right;
  margin: 30px 20px 0 0;
  padding: 0 0 0 22px;
  font-size: 1.2em;
  font-weight: bold;
  color: #c50100;
  background-image: url("/images/bullets/back-arrow.gif");
  background-repeat: no-repeat;
  background-position: center left;
}

div#bodycontent a.button {
  display: inline-block;
  width: 144px;
  padding: 7px 0 7px 14px;
  margin: 0 12px 0 12px;
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-image: url("/images/buttons/144-red.gif");
  background-repeat: no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 130px;
}

div#bodycontent a.button:hover {
  background-image: url("/images/buttons/144-red-over.gif");
}

div#bodycontent h1 {
  padding: 26px 0 22px 26px;
  font-size: 2.2em;
  background-image: url("/images/tiles/panel-970-top.gif");
  background-repeat: no-repeat;
}

div#bodycontent h2 {
  padding: 10px 0 16px 26px;
  font-size: 1.6em;
  font-weight: bold;
  color: #c50100;
}

div#bodycontent h1 span {
  color: #c50100;
}

div#bodycontent p,
div#bodycontent form {
  padding: 0 26px 12px 26px;
  font-size: 1.2em;
  line-height: 17px;
}

div#bodycontent ul {
  float: left;
  padding: 0 30px 0 26px;
}

div#bodycontent ul li {
  margin: 0 0 8px 0;
  padding: 2px 0 0 12px;
  font-size: 1.2em;
  color: #c50100;
  background-image: url("/images/bullets/grey-on-white.gif");
  background-repeat: no-repeat;
}

div#bodycontent ul li a {
  font-weight: bold;
}

div#bodycontent.counties ul li a {
  font-weight: normal;
}
div#bodycontent form input[type="submit"] {
  width: 175px;
  border: 0;
  padding: 10px 38px 13px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url("../images/buttons/175-red.gif");
  background-repeat: no-repeat;
  background-color: #fff;
}

div#bodycontent form input[type="submit"]:hover {
  background-image: url("../images/buttons/175-red-over.gif");
}

div#bodycontent div#outside {
  width: 918px;
  height: 450px;
  background-image: url(/images/republic-large.png);
  background-repeat: no-repeat;
  background-position: top right;
}

div#bodycontent div#outside p {
  padding: 2em;
  font-weight: bold;
  width: 300px;
  line-height: 16pt;
  color: #000;
}

div#bodycontent a.back-button {
  clear: both;
  float: left;
  width: 115px;
  margin: 20px 0 0 28px;
  padding: 12px 20px 13px 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  background-image: url("../images/buttons/115-red.gif");
  background-repeat: no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 95px;
}

div#bodycontent a.back-button:hover {
  background-image: url("../images/buttons/115-red-over.gif");
}

div.form-line label {
  width: 19em;
  float: left;
}

div.form-line,
div.form-line-submit {
  clear: both;
  line-height: 24pt;
  width: 45em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
div.form-line-submit {
  text-align: center;
}

div.form-line input,
div.form-line select {
  float: left;
  margin: 2px 4px 0 0;
}
div.form-line img {
  float: left;
  text-align: center;
}


/* Footer */
div#footer {
  clear: both;
  width: 970px;
  padding: 30px 0 40px 0;
}

div#footer ul {
  float: right;
}

div#footer ul li {
  display: inline;
  padding: 0 8px 0 4px;
  font-size: 1.2em;
  color: #666;
  background-image: url("/images/bullets/footer.gif");
  background-repeat: no-repeat;
  background-position: center right;
}

div#footer ul li:last-child {
  padding: 0 0 0 4px;
  background-image: none;
}

div#footer a {
  color: #666;
  text-decoration: none;
}

div#footer a.print {
  padding: 4px 0 0 28px;
  font-size: 1.2em;
  background-image: url("/images/bullets/print.gif");
  background-repeat: no-repeat;
  background-position: center left;
}

div#footer a:hover {
  text-decoration: underline;
}


span.bigbutton {
  float:left;
  background:url("/images/buttons/bigredleft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 10px;
  font-weight:bold;
  font-size: 1.5em;
  line-height: 30px;
}
span.bigbutton a {
  float:left;
  display:block;
  color: #fff;
  background:url("/images/buttons/bigredright.gif") no-repeat right top;
  padding:5px 57px 4px 10px;
  text-decoration:none;
  margin-left: -3px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
span.bigbutton a {float:none;}
/* End IE5-Mac hack */
span.bigbutton:hover {
  background:url("/images/buttons/bigredleftover.gif") no-repeat left top;
}
span.bigbutton a:hover,
span.bigbutton:hover a {
  background:url("/images/buttons/bigredrightover.gif") no-repeat right top;
}


div#browse-bottom {
  clear:both;
  padding: 18px;
}

a.smallbutton {
  display: inline-block;
  width: 144px;
  padding: 7px 0 7px 14px;
  margin: 0 12px 0 12px;
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-image: url("/images/buttons/144-red.gif");
  background-repeat: no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 130px;
}

a.smallbutton:hover {
  background-image: url("/images/buttons/144-red-over.gif");
}