/**
 * site specific CSS file
 *
 * The site sepcific CSS handles all the site specific styling
 *
 * @copyright Copyright Datasouth UK Ltd, 2008
 * @author David Morris <david.morris@dsuk.co.uk>
 * @since 2008-10-27
 * @filesource 
 */
 
/* structure */

.container {
  width: 960px;
  margin: 0 auto;
}

/**
 * general styling
 *
 */
 
html {
  font-family: arial, helvetica, verdana, sans-serif;
}
 
body {
 background: #f1f4f7 url(/img/bg.gif) repeat-x;
}

p {
  color: #8f99a1;
  line-height: 19px;
  font-size: 13px;
  color: #5e6d78;
  margin-bottom: 15px;
}

a {
  text-decoration: none;
  color: #8f99a1;
  cursor: pointer;
}

h1 {
  margin-bottom: 15px;
}

h2 {
  font-size: 17px;
  font-weight: bold;
  color: #2d3e4a;
  margin-bottom: 15px;
}

div.side-bar h3 {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #618198;
  margin-bottom: 15px;
}

h4 {
  color: #8f99a1;
}

a:hover {
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

div.line {
  height: 15px;
  clear: both;
  overflow: hidden;
  border-bottom: 1px dotted #e5e7eb;
  margin-bottom: 15px;
}

h1.four-oh-four {
  width: 484px;
  height: 0;
  font-size: 1em;
  padding-top: 32px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/404.gif) no-repeat;
}

/* header */
div.header {
  overflow: hidden;
  margin-bottom: 22px;
}

div.header div.logo {
  margin: 20px 0 0 25px;
  width: 367px;
  float: left;
}

div.header div.logo a {
  display: block;
  background: url(/img/logo.gif) no-repeat top left;
  width: 342px;
  height: 50px;
}

div.header div.switch {
  background: url(/img/switch.gif) no-repeat;
  width: 175px;
  height: 32px;
  float: right;
  padding: 6px 0 0 67px;
}

div.header div.switch ul li {
  display: block;
  float: left;
}

div.header div.switch ul li a {
  float: left;
  padding: 3px 6px 3px 6px;
  font-size: 11px;
  margin-right: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div.switch ul li a.rental {
  color: #48a8ed;
}

div.switch ul li a.rental:hover, div.switch ul li a.rental.current {
  background-color: #48a8ed;
}

div.switch ul li a.leasing {
  color: #6cc900;
}

div.switch ul li a.leasing:hover, div.switch ul li a.leasing.current {
  background-color: #6cc900;
}

div.switch ul li a.sales {
  color: #e8034e;
}

div.switch ul li a.sales:hover, div.switch ul li a.sales.current {
  background-color: #e8034e;
}

div.switch ul li a:hover, div.switch ul li a.current {
  color: #fff;
  text-decoration: none;
}

div.switch img.phone {
  padding: 25px 0 0 0;
}

div.header div.nav {
  clear: both;
  padding-top: 10px;
}

div.nav ul {
  
}

div.nav ul li {
  display: block;
  float: left;
}

div.nav ul li a {
  text-indent: -9999px;
  height: 38px;
  display: block;
}

div.nav ul li a.home, div.nav ul li a.home-active {
  width: 119px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -438px;
}

div.nav ul li a.home:hover, div.nav ul li a.home-active {
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -506px;
}

div.nav ul li a.car {
  width: 160px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -166px;
}

div.nav ul li a.car:hover, div.nav ul li a.car-active {
  width: 160px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -234px;
}

div.nav ul li a.van {
  width: 145px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -984px;
}

div.nav ul li a.van:hover, div.nav ul li a.van-active {
  width: 145px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -1052px;
}

div.nav ul li a.accident {
  width: 156px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -30px;
}

div.nav ul li a.accident:hover, div.nav ul li a.accident-active {
  width: 156px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -98px;
}

div.nav ul li a.faq {
  width: 68px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -302px;
}

div.nav ul li a.faq:hover, div.nav ul li a.faq-active {
  width: 68px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -370px;
}

div.nav ul li a.login {
  width: 312px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -642px;
}
div.nav ul li a.login:hover, div.nav ul li a.login.active {
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -710px;
}

div.nav ul li a.your-account {
  width: 230px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -1120px;
}

div.nav ul li a.your-account:hover {
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -1188px;
}

div.nav ul li a.logout {
  width: 82px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -848px;
}

div.nav ul li a.logout:hover {
  width: 82px;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -916px;
}


/* login box */

div.loginbox {
  position: absolute;
  z-index: 1000;
  margin-left: 653px;
  width: 297px;
  overflow: hidden;
  display: none;
}

div.loginbox div.blank {
  width: 132px;
  height: 40px;
  background-color: transparent;
  float: left;
  border-bottom: 1px solid #4a8fbf;
  border-right: 1px solid #4a8fbf;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.loginbox div.login-button {
  width: 163px;
  height: 40px;
  background-color: #fff;
  margin-left: 133px;
  border-top: 1px solid #4a8fbf;
  border-right: 1px solid #4a8fbf;  
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

div.login-button a.login-button {
  display: block;
  width: 163px;
  height: 40px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/nav/nav_sprite.gif) no-repeat;
  background-position: 0 -778px;
}

div.form-container {
  padding: 25px;
  overflow: hidden;
  background-color: #fff;
  border-right: 1px solid #4a8fbf;
  border-left: 1px solid #4a8fbf;
  border-bottom: 1px solid #4a8fbf;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

div.loginbox h3,
div.callmebox h3 {
  font-size: 14px;
  margin-bottom: 13px;
}

div.blue-frame {
  overflow: hidden;
  background-color: #cdebff;
  border: 1px solid #4a8fbf;
  padding: 10px;
  margin-bottom: 10px;
}

div.loginbox label {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
}

div.loginbox input {
  margin-bottom: 10px;
  width: 215px;
}

div.loginbox input.login {  
  margin-bottom: 0px;
  width: 177px;
  height: 38px;
}

div.loginbox div.button,
div.callmebox div.button {
  text-align: center;
}

/* call me back box */
div#callmebox {
  display: none;
}

div.callmebox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -300px;
  width: 600px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #4a8fbf;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.callmebox div.form-container {
  border: none;
  background: none;
}

div.callmebox label {
  display: block;
  float: left;
  width: 85px;
  font-size: 13px;
  padding-top: 5px;
}

div.callmebox input {
  width: 150px;
}

div.callmebox div.contact-div {
  float: left;
  padding-right: 20px;
  padding-bottom: 10px;
}

div.callmebox input.radio {
  float: left;
  width: 20px;
}

div.callmebox textarea {
  width: 495px;
}

div.callmebox a.send {
  float: left;
  display: block;
  width: 178px;
  height: 40px;
  background: url(/img/send.gif) no-repeat;
}

div.callmebox a.close,
div.callmebox a.close-center,
div#terms-box a.close {
  float: right;
  display: block;
  width: 178px;
  height: 40px;
  background: url(/img/close.gif) no-repeat;
}

div#terms-box a.close {
  clear: both;
}

div.callmebox a.close-center {
  float: none;
}

/* content */
div.content {
  background: transparent;
  clear: both;
  overflow: hidden;
  margin-bottom: 30px;
}

/**********/
/* footer */
/**********/

/* styles */
div.footer h4 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
}

div.footer p {
  font-size: 11px;
  line-height: 21px;
}

/* structure */
div.footer {
  clear: both;
  padding: 20px 0 0 0;
  border-top: 1px solid #e5e7eb;
}

div.footer div.links {
  padding-bottom: 20px;
}

div.links div.phone,
div.links div.headoffice,
div.links div.about,
div.links div.additional  {
  width: 200px;
  padding-left: 30px;
  float: left;
}

div.footer p {
  margin-bottom: 0px;
}

a.callme {
  background: url(/img/arrow.gif) no-repeat center right;
  padding-right: 20px;
}

div.footer div.copy {
  width: 960px;
  display: inline-block; 
  border-top: 1px solid #e5e7eb; 
  clear: both;
  margin-top: 20px;
  padding-top: 20px;
}

div.copy p.copy {
  width: 300px;
  padding-left: 30px;
  float: left;
}

div.copy p.datasouth {
  text-align: right;
  width: 300px;
  padding-right: 30px;
  float: right;
}

/**********/
/* generric layout  */
/**********/

/* structure */
div.infobar {
  overflow: hidden;
}

div.breadcrumb {
  width: 480px;
  float: left;
  overflow: hidden;
}

div.breadcrumb ul {
  width: 480px;
}

div.breadcrumb ul li {
  float: left;
  font-size: 11px;
  padding: 0 8px 0 0;
  display: block;  
  line-height: 19px;
}

div.breadcrumb ul li.crumb {
  background: transparent url(/img/arrow_right.gif) no-repeat center left;
  padding-left: 8px;
  color: #8f99a1;
}

div.breadcrumb ul li.grey {
  background: transparent url(/img/arrow_right_grey.gif) no-repeat center left;
  padding-left: 8px;
}

div.breadcrumb ul li.active {
  background: transparent url(/img/arrow_right.gif) no-repeat center left;
  padding-left: 8px;
  color: #2f94dd;
  font-weight: bold;
}

p.info {
  float: right;
  text-align: right;
  width: 480px;
  font-size: 12px;
}

div.generic-container {
  width: 958px;
  overflow: hidden;
  background: #fff url(/img/side_bar_bg.gif) repeat-y top right;
  border: 1px solid #e5e7eb;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

div.no-side-bar-container {
  width: 908px;
  padding: 35px 25px 35px 25px;
  overflow: hidden;
  background: #fff url(/img/content_bg.jpg) no-repeat top left;
  border: 1px solid #e5e7eb;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

div.generic-container div.main-content {
  width: 694px;
  padding: 35px 25px 35px 25px;
  overflow: hidden;
  float: left;
  background: #fff url(/img/content_bg.jpg) no-repeat top left;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

div.side-bar {
  width: 183px;
  padding: 35px 16px 35px 12px;
/*   margin-left: 745px; */
  overflow: hidden;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.side-bar-summary {
  position: relative;
  width: 201px;
  margin-left: 745px;
  overflow: hidden;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

a.summary {
  display: block;
  width: 173px;
  height: 27px;
  background: transparent url(/img/summary_button.gif) no-repeat top left;  
  margin-top: 15px;
  font-size: 12px;
  color: #fff;
  padding: 8px 0 0 12px;
}

a.summary:hover {
  text-decoration: none;
}

a.summary span.no {
  width: 20px;
  height: 15px;
  display: block;
  float: left;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
}

a.summary span.text {
  line-height: 16px;
  padding-left: 7px;
}

a.summary:hover span.text {
  color: #fcfd00;
}

div.summary {
  overflow: hidden;
  margin-bottom: 15px;
}

div.customer-services p {
  margin-left: 10px;
  font-size: 12px;
  color: #618198;
}

div.customer-services ul {
  margin: 10px 0 0 10px;
}

div.customer-services ul li {
  padding-bottom: 8px;
  background: transparent url(/img/arrow_right.gif) no-repeat 0px 5px;
  padding-left: 8px;
  font-size: 12px;
  line-height: 16px;
}

div.customer-services ul li a {
  color: #618198;
}

p.intro {
  margin-bottom: 50px;
}
  
div.need-to-talk {
  width: 410px;
/*   height: 109px; */
/*   overflow: hidden; */
  background: transparent url(/img/need_to_talk_bg.gif) no-repeat top left;
  margin: 20px 0 20px 0;  
  padding: 22px 262px 10px 25px;
}  

div.need-to-talk h3 {
  font-size: 18px;
  font-weight: bold;
}

div.need-to-talk p.phone {
  color: #2f94dd;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

a.call-me-back {
  color: #2f94dd;
  font-weight: bold;
}


/**********/
/* index  */
/**********/

/* styles */
h1.welcome {
  width: 518px;
  height: 38px;
  background: transparent url(/img/great_deals_on_vehicle_hire.gif) no-repeat;
  text-indent: -9999px;
}

h2.getaquote {
  margin-top: 30px;
  width: 294px;
  height: 25px;
  background: url(/img/get_a_quick_quote.gif) no-repeat;
  text-indent: -9999px;
}

h2.findus {
  width: 151px;
  height: 16px;
  background: transparent url(/img/where_to_find_us.gif) no-repeat;
  text-indent: -9999px;
  margin-bottom: 5px;
}

p.welcome {
  font-size: 15px;
}

div.findus {
  margin-left: -20px;
}

ul.findus {
  width: 290px;
  margin-top: 10px;
}

ul.findus li {
  width: 130px;
  padding-left: 10px;
  background: transparent url(/img/blue_bullet.gif) no-repeat 0 5px;  
  display: block;
  float: left;
}

ul.findus li a {
  font-size: 11px;
  line-height: 14px;
  vertical-align: top;
}

span.van {
  display: block;
  width: 137px;
  height: 0;
  font-size: 1em;
  padding-top: 33px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/van_hire_offers.gif) no-repeat;
}

span.car {
  display: block;
  width: 137px;
  height: 0;
  font-size: 1em;
  padding-top: 33px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/car_hire_offers.gif) no-repeat;
}

span.sixt {
  display: block;
  width: 144px;
  height: 0;
  font-size: 1em;
  padding-top: 31px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/holiday_car_hire.gif) no-repeat;
}

span.leasing {
  display: block;
  width: 137px;
  height: 0;
  font-size: 1em;
  padding-top: 33px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/vehicle_leasing.gif) no-repeat;
}

span.used {
  display: block;
  width: 190px;
  height: 0;
  font-size: 1em;
  padding-top: 33px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/quality_used_vehicles.gif) no-repeat;
}


/* structure */
div.index-main {
  margin-bottom: 30px;
  overflow: hidden;
}

div.quickquote {
  width: 294px;
  height: 420px;
  padding-left: 26px;
  float: left;
  background: #44a2e5 url(/img/form_bg_arrow.gif) no-repeat 310px 30px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

div.welcome {
  width: 579px;
  height: 383px;
/*   margin-left: 320px; */
  overflow: hidden;
  padding: 35px 25px 0 35px;
  background: #fff url(/img/welcome_bg.jpg) no-repeat top right;  
  border: 1px solid #e5e7eb;
  border-left: none;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

/* quote form */
form.quickquote {
  margin-top: 18px;
}

div.quickquote div {
  clear: both;
  overflow: hidden;
  padding-bottom: 10px;
}

div.quickquote div.quote-pick {
  padding-bottom: 0;
}

div.quickquote div.quote-line {
  background: url(/img/form_line.gif) no-repeat top left;
  height: 2px;
  padding-bottom: 0;
}

form.quickquote label {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  width: 100px;
  display: block;
  float: left;
  line-height: 25px;
}

form.quickquote input, select {
  background: #fff url(/img/input_bg.gif) repeat-x;
  height: 25px;
  width: 170px;
  vertical-align: middle;
  line-height: 25px;
}

form.quickquote input.show_vehicles {
  width: 177px;
  height: 40px;
}

form.quickquote div.radio {
  margin-top: 15px;
}

div.radio p.select_vehicle_type {
  width: 135px;
  height: 17px;
  background: url(/img/select_vehicle_type.gif) no-repeat;
  text-indent: -9999px;
  margin-bottom: 10px;
}

div.radio label {
  display: block;
  float: left;
  width: 105px;
  line-height: 20px;
}

div.radio input {
  background: none;
  display: block;
  float: left;
  height: 13px;
  width: 20px;
  margin-right: 10px;
}

div.radio div {
  padding-bottom: 0px;
}

form.quickquote div.submit {
  text-align: right;
  padding-right: 18px;
}

select.time {
  width: 80px;
}

div.welcometext {
  margin-top: 10px;
  height: 60px;
  overflow: hidden;
}

p.welcome {
  width: 400px;
  padding-right: 30px;
  float: left;
  line-height: 20px;
}

a.viewnow {
  width: 150px;
  height: 59px;
  background: transparent url(/img/viewnow.gif) no-repeat;  
  display: block;
  margin-left: 430px;
}

div.findus {
  margin-top: 115px;
}

div.offers {
  clear: both;
}

div.offers a {
  width: 215px;
  height: 151px;
  padding: 24px 0 0 24px;
  display: block;
  float: left;
  background-position: right top;
  background-color: #fff;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  background-repeat: no-repeat;
}

div.offers a.van {
  background-image: url(/img/van_offer_bg.jpg);
  border-left: 1px solid #e5e7eb; 
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

div.offers a.sixt {
  background-image: url(/img/sixt_hire.gif);
  -moz-border-radius-topright: 7px;
   -webkit-border-top-right-radius: 7px;
   -moz-border-radius-bottomright: 7px;
   -webkit-border-bottom-right-radius: 7px;
}

div.offers a.car {
  background-image: url(/img/car_offer_bg.jpg);
}

div.offers a.leasing {
  background-image: url(/img/leasing_offer_bg.jpg);
}

div.offers a.used {
  background-image: url(/img/used_car_offer.jpg);
  width: 214px;
}

div div.pick-left {
  clear: none;
  float: left;
  width: 185px;
  overflow: hidden;
}

div div.pick-right {
  clear: none;
/*   margin-left: 186px; */
  width: 95px;
  overflow: hidden;
}

div.pick-right input.quote {
  background: none;
  border: 0;
  width: 70px;
  float: right;
  color: #fff;
}

div.pick-right img {
  vertical-align: middle;
  float: left;
}

/* faqs */

h1.faq {
  width: 449px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/frequently_asked_questions.gif) no-repeat;
}

div.generic-item {
  width: 335px;
  float: left;
  padding-right: 20px;
  margin-bottom: 50px;
}

div.generic-first {
  clear: left;
}

div.generic-last {
  padding-right: 0px;
}

div.generic-item div.img {
  width: 335px;
  height: 90px;
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid #e5e7eb;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}


/* account info */

h1.account {
  width: 339px;
  height: 0;
  font-size: 1em;
  padding-top: 31px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/account_information.gif) no-repeat;
}

p.button a {
  display: block;
  float: right;
}

a.account {
  width: 128px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat top left;
}

a.account:hover {
  background-position: 0 -32px;
}

a.prev-bookings {
  width: 160px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat 0 -64px;
}

a.prev-bookings:hover {
  background-position: 0 -96px;
}

a.address-book {
  width: 180px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat 0 -128px;
}

a.address-book:hover {
  background-position: 0 -160px;
}

a.account-users {
  width: 184px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat 0 -192px;
}

a.account-users:hover {
  background-position: 0 -224px;
}



/* edit contact details */

h1.edit_details {
  width: 398px;
  height: 0;
  font-size: 1em;
  padding-top: 35px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/edit_your_contact_details.gif) no-repeat;
}

div.con-details-div {
  width: 216px;
  float: left;
  padding-right: 23px;
}

div.con-last {
  padding-right: 0;
}

form.contact-detail label {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  color: #5e6d78;
  padding-bottom: 10px;
}

form.contact-detail input {
  width: 180px;
  height: 17px;
  background: transparent url(/img/input_bg2.gif) repeat-x top left;
  padding-top: 5px;
  padding-left: 5px;
  color: #5e6d78;
  margin-bottom: 15px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

form.contact-detail input.disabled {
  background: #eee no-repeat;
}

form.contact-detail p.button {
  text-align: right;
  overflow: hidden;
  border-bottom: 1px dotted #e5e7eb;
}

form.contact-detail input.save-profile {
  width: 125px;
  height: 25px;
  background: none;
}

a.change-password {
  width: 185px;
  height: 27px;
  display: block;
  font-size: 1em;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/change_user_password.gif) no-repeat;
}

a.save-profile {
  width: 130px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat 0 -256px;
  margin-bottom: 10px;
}

a.save-profile:hover {
  background-position: 0 -288px;
}

/* manage account users */

h1.manage_users {
  width: 387px;
  height: 0;
  font-size: 1em;
  padding-top: 44px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/manage_account_users_h1.gif) no-repeat;
}

div.users-table {
  overflow: hidden;
  margin-bottom: 40px;
}

table {
  border: 1px solid #e5e7eb;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

table tr th, table tr td {
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  font-size: 11px;
  padding: 7px;
}

table tr td {
  font-size: 14px;
  color: #5e6d78;
  font-weight: bold;
}

table tr td {
  background-color: #ecf3f7;
  vertical-align: top;
}

table tr th.last {
  border-right: none;
}

table tr th.name, table tr th.username {
  width: 240px;
}

table td.center, table th.center {
  text-align: center;
}

table td.btm, table th.btm {
  vertical-align: bottom;
}

table td.right, table th.right {
  text-align: right;
}

table td.top-l, table th.top-l {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
}

table td.top-r, table th.top-r {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

table td.btm-l, table th.btm-l {
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

table td.btm-r, table th.btm-r {
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.add-box {
  height: 29px;
/*   overflow: hidden; */
  padding: 10px 10px 7px 10px;
  background-color: #ebebeb;
  border: 1px solid #e5e7eb;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.add-box p {
  width: 400px;
  float: left;
}

div.add-box a.add-user {
  width: 137px;
  height: 29px;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left;  
  background-position: 0 -148px;
  display: block;
  float: right;
}

div.add-box a.add-user:hover {
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left;
  background-position: 0 -207px;
}

/* address book */

h1.manage-address {
  width: 387px;
  height: 0;
  font-size: 1em;
  padding-top: 44px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/manage_address_book_h1.gif) no-repeat;
}

div.add-box a.add-address {
  width: 156px;
  height: 29px;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left;
  background-position: 0 -30px;
  display: block;
  float: right;
}

div.add-box a.add-address:hover {
  background-position: 0 -89px;
}

table tr th.name-address {
  width: 140px;
}

table tr th.address {
  width: 185px;
}

table tr th.town {
  width: 120px;
}

table tr th.postcode {
  width: 80px;
}

form.contact-detail label.radio,
form.contact-detail input.radio {
/*   vertical-align: top; */
  padding-top: 0px;
}

a.save-address {
  width: 130px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite2.gif) no-repeat 0 -320px;
  margin-bottom: 10px;
}

a.save-address:hover {
  background-position: 0 -352px;
}

/* previous bookings */

h1.previous-bookings  {
  width: 319px;
  height: 0;
  font-size: 1em;
  padding-top: 44px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/previous_booking_h1.gif) no-repeat;
}

div.previous-bookings table tr td {
  font-weight: normal;
  font-size: 12px;
}

div.previous-bookings table tr.cancelled td {
  background-color: #fedcdc;
}

div.previous-bookings table tr.pending td {
  background-color: #e5fed9;
}

div.previous-bookings table tr.authorised td {
  background-color: #d9eefe;
}

th.name-bookings {
  width: 130px;
}


/* results page */

div.progress-bar {
  width: 694px;
  height: 33px;
  overflow: hidden;
  background: transparent url(/img/stages/bar.gif) no-repeat top left;
  margin-bottom: 16px; 
}

div.progress-bar p {
  float: left;
  height: 25px;
  padding: 7px 0 0 16px;
  color: #48a8ed;
}

div.progress-bar p span.active {
  color: #feff0a;
}

div.progress-bar p.select {
  width: 158px;
}

div.progress-bar p.select-active {
  width: 158px;
  background: transparent url(/img/stages/select_vehicleA.gif) no-repeat top left;
  color: #fff;
}

div.progress-bar p.hire {
  width: 161px;
  margin-left: -15px;
  padding-left: 26px;
}

div.progress-bar p.hire-active {
  width: 161px;
  margin-left: -15px;
  padding-left: 26px;
  background: transparent url(/img/stages/hire_informationA.gif) no-repeat top left;
  color: #fff;
}

div.progress-bar p.summary {
  width: 161px;
  margin-left: -13px;
  padding-left: 26px;
}

div.progress-bar p.summary-active {
  width: 161px;
  margin-left: -13px;
  padding-left: 26px;
  background: transparent url(/img/stages/hire_informationA.gif) no-repeat top left;  
  color: #fff;
}

div.progress-bar p.checkout {
  width: 158px;
  margin-left: -11px;
  padding-left: 26px;
}

div.progress-bar p.checkout-active {
  width: 159px;
  margin-left: -12px;
  padding-left: 26px;
  background: transparent url(/img/stages/checkoutA.gif) no-repeat top left;
  color: #fff;
}

h1.car_minibus,
h1.van_truck {
  width: 182px;
  height: 0;
  font-size: 1em;
  padding-top: 19px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/car_minibus_hire.gif) no-repeat;
  margin-left: 17px;
  margin-bottom: 5px;
}

h1.van_truck {
  background: url(/img/van_truck_hire.gif) no-repeat;
}

h2.hire-details {
  font-size: 12px;
  font-weight: normal;
  color: #1e89d7;
  margin-left: 19px;
  margin-bottom: 16px;
}

div.section-header,
div.section-header-hire {
  height: 30px;
  padding: 10px 17px 0px 17px;
  background-color: #3fa0e6;
  clear: both;
  overflow: hidden;
  margin-bottom: 16px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

div.section-header-hire {
  width: 660px;
}

div.section-header p,
div.section-header-hire p {
  width: 400px;
  float: left;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}

h2.hire-details {
  width: 400px;
  float: left;
}

p.asterisk {
  width: 200px;
  float: right;
  text-align: right;
  font-size: 11px;
}

div.section-header a.arrow-down,
div.section-header-hire a.arrow-down {
  width: 11px;
  height: 11px;
  display: block;
  float: right;
  background: transparent url(/img/arrow_down.gif) no-repeat top left;
  margin-top: 4px;
}

div.section-header p span,
div.section-header-hire p span {
  color: #feff0a;
  font-size: 12px;
}

div.vehicle {
  overflow: hidden;
/*   padding-bottom: 20px; */
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

div.vehicle div.image {
  width: 155px;
  float: left;
  padding: 34px 0 0 14px;
}

div.vehicle div.offer {
  padding-top: 13px;
}

div.vehicle div.details {
  margin-left: 169px;
}

div.title_container {
  overflow: hidden;
}

div.details div.title,
div.details-full div.title {
  width: 375px;
  float: left;
  overflow: hidden;
}

div.details-full div.title {
  width: 540px;
}

div.details div.button,
div.details-full div.button {
  width: 150px;
  overflow: hidden;
  margin-bottom: 20px;
}

h3.vehicle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.title p {
  font-size: 11px;
}

a.rent-button {
  display: block;
  width: 150px;
  height: 27px;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -1062px;
  text-indent: -9999px;
}

a.rent-button:hover {
  background-position: 0 -1119px;
}

div.prices {
  margin-bottom: 20px;
  float: left;
  display: inline;
  clear: left;
}

div.prices table {
  overflow: hidden;
}

div.prices th, div.prices td {
  text-align: center;
}

div.prices td {
  padding-top: 10px;
  font-weight: normal;
  font-size: 11px;
  background-color: #f2f5f8;
}

div.prices td span {
  font-size: 14px;
  display: block;
  font-weight: bold;
}

div.prices th.highlight,
div.prices td.highlight,
div.price-total th.highlight,
div.price-total td.highlight {
  background-color: #a1d9ff;
}

div.details-full th,
div.details-full td {
  width: 73px;
  padding: 5px 2px 5px 2px;
} 

div.details th {
  width: 90px;
  padding: 5px 2px 5px 2px;
}

div.details td {
  width: 100px;
  padding: 5px 2px 5px 2px;
}

div.details div.price-total,
div.details-full div.price-total {
  float: right;
  width: 100px;
}

div.price-total table {
  width: 100px;
}

div.price-total table tr td,
div.price-total table tr th {
  font-weight: normal;
  font-size: 11px;
}

div.price-total table tr td {
  
}

div.price-total td span {
  font-weight: bold;
  display: block;
  font-size: 14px;
}


/* hire info */

div.title-booking p {
  font-size: 11px;
}

div.section-header a.tick,
div.section-header-hire a.tick  {
  width: 14px;
  height: 13px;
  display: block;
  float: right;
  background: transparent url(/img/tick.gif) no-repeat top left;
  margin-top: 4px;
}

div.prices-detail table {
  overflow: hidden;
}

div.prices-detail th, div.prices-detail td {
  text-align: center;
}

div.prices-detail td {
  padding-top: 10px;
  font-weight: normal;
  font-size: 11px;
  background-color: #f2f5f8;
}

div.prices-detail td span {
  font-size: 14px;
  display: block;
  font-weight: bold;
}

div.prices-detail th.highlight,
div.prices-detail td.highlight {
  background-color: #a1d9ff;
}

div.details-detail th,
div.details-detail td {
  padding: 5px 5px 5px 2px;
}

div.details div.info {
  padding: 10px 0 0 0;
  height: 30px;
  overflow: hidden;
}

div.details div.info a {
  height: 20px;
  display: block;
  background: transparent url(/img/information.gif) no-repeat center left;  
  float: left;
  font-size: 12px;
  padding-left: 24px;
  line-height: 22px;
}

div.details div.info a strong {
  color: #000;
}

a.cdr {
  width: 130px;
}

a.mileage {
  width: 190px;
}

div.rental-options {
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: 20px;
}

div.rental-options div {
  width: 220px;
  float: left;
}

div.rental-options label {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  color: #5e6d78;
  padding-bottom: 10px;
}

div.rental-options label.radio,
form.contact-detail label.radio {
  display: inline;
  padding-left: 5px;
}

div.rental-options input {
  width: 140px;
  height: 17px;
  background: transparent url(/img/input_bg2.gif) repeat-x top left;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  color: #5e6d78;
  margin-bottom: 15px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.rental-options input.radio, div.create-account input.radio {
  width: 17px;
  height: 17px;
  background: none;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border: none;
}

div.rental-options img {
  vertical-align: top;
}

div.next-section {
  clear: both;
/*   height: 43px; */
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  overflow: hidden;
}

p.errors {
  padding: 10px;
  float: left;
  overflow: hidden;
  background-color: #fcebee;
  border: 1px solid #ffcfcf;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.next-section p.errors {
  width: 500px;
}

div.next-section a {
  width: 120px;
  height: 27px;
  display: block;
  float: right;
  text-indent: -9999px;
  margin-bottom: 10px;
}

div.next-section input {
  display: block;
  float: right;
  text-indent: -9999px;
  margin-bottom: 10px;
}


div.next-section a.step2 {
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left;
  background-position: 0 -606px;
}

div.next-section a.step2:hover {
  background-position: 0 -663px; 
}

div.next-section a.step3 {
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -720px; 
}

div.next-section a.step3:hover {
  background-position: 0 -777px;
}

div.next-section a.step4 {
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -834px;   
}

div.next-section a.step4:hover {
  background-position: 0 -891px;
}

div.next-section a.book {
  width: 130px;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left;  
  background-position: 0 -266px;
}

div.next-section a.book:hover {
  background-position: 0 -323px;
}


div.extras {
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
}

div.extras div.extra {
  float: left;
  width: 170px;
  text-align: center;
}

div.extras div.extra div {
  height: 140px;
  overflow: hidden;
}

div.extra label {
  font-size: 12px;
  color: #5e6d78;
  background-color: #fff;
}

div.extra label span {
  color: #2f94dd; 
}

div.driver-details {
  padding-top: 20px;
  margin-left: 20px;
}

div.driver-details div.name {
  width: 320px;
  float: left;
}

div.driver-details label {
  padding-right: 20px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
  background-color: #fff;
}

div.driver-details input {
  width: 140px;
  height: 17px;
  background: transparent url(/img/input_bg2.gif) repeat-x top left;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  color: #5e6d78;
  margin-bottom: 15px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.driver-details label.terms {
  display: inline;
  float: none;
  width: 16px;
  height: 16px;
  font-weight: normal;
  color: #5e6d78;
  vertical-align: top;
}

div.driver-details input.terms {
  background: none;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

div.driver-details a.terms {
  color: #2f94dd;
  text-decoration: underline;
}

div#terms-box {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #4a8fbf;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
}

div.insurance-options {
  overflow: hidden;
  padding-top: 20px;
  margin-left: 20px;
}

div.insurance-options div.options {
  width: 310px;
  float: left;
}

div.insurance-options div.comments {
  overflow: hidden;
  float: right;
  width: 330px;
}

div.insurance-options label {
  color: #26323b;
  font-size: 12px;
  background-color: #fff;
}

div.insurance-options a.info {
  height: 18px;
  display: block;
  background: #fff url(/img/information.gif) no-repeat top right;
  padding-right: 20px;
  font-size: 12px;
  margin: 5px 0 20px 25px;
  line-height: 18px;
}

div.comments textarea {
  width: 300px;
  height: 100px;
}

div#basket-summary {
  position: fixed;
  background-color: #f6fbff;
  overflow: hidden;
  padding: 10px 0 10px 0;
  border-top: 1px solid #daeaf5;
  border-bottom: 1px solid #daeaf5;
  top: 210px;
  width: 212px;
}

div#basket-summary p {
  padding: 10px 20px 10px 20px;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}

div#basket-summary p.price {
  font-size: 26px;
  color: #1786d7;
  padding-bottom: 3px;
}

div#basket-summary p.vat {
  padding-top: 0px;
  font-size: 11px;
  color: #1786d7;
  font-weight: normal;
}

h3.summary {
  color: #414e58;
  font-weight: bold;
  font-size: 14px;
  background: url(/img/basket.gif) no-repeat 90% 0%;
  padding: 0px 20px 10px 20px;
  border-bottom: 1px solid #daeaf5;
}


/* order summary */

h1.confirmation {
  width: 132px;
  height: 0;
  font-size: 1em;
  padding-top: 21px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/confirmation.gif) no-repeat;
  margin-bottom: 5px;
  margin-left: 10px;
}


h2.order-summary {
  font-size: 12px;
  font-weight: normal;
  color: #1e89d7;
  margin-left: 14px;
  margin-bottom: 16px;
  width: 400px;
  float: left;
}

a.print {
  width: 30px;
  height: 25px;
  background: transparent url(/img/print.gif) no-repeat top left;
  display: block;
  float: right;  
}

div.order {
  clear: both;
}

div.order table th {
  background-color: #3fa1e7;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

th span.yellow {
  color: #feff49;
  font-size: 12px;
  font-weight: normal;
}

div.order table td {
  background-color: #fff;
  font-weight: normal;
  font-size: 12px;
}

div.order table table, div.order table table th, div.order table table td {
  border: none;
} 

div.next-section a.checkout {
  float: right;
  display: inline;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -380px;
  width: 110px;
  height: 27px;
}

div.next-section a.checkout:hover {
  background-position: 0 -437px; 
  width: 110px;
  height: 27px;
}

div.next-section a.rent_another {
  float: left;
  display: inline;
  background: transparent url(/img/rent_another_vehicle.gif) no-repeat top left;
  width: 170px;
  height: 27px;
}

div.next-section a.rent_another:hover {
  background-position: 0 -27px;
}

/* checkout */

h1.checkout {
  width: 96px;
  height: 0;
  font-size: 1em;
  padding-top: 18px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/checkout_h1.gif) no-repeat;
  margin-bottom: 5px;
  margin-left: 10px;
}


h2.contact-details {
  font-size: 12px;
  font-weight: normal;
  color: #1e89d7;
  margin-left: 14px;
  margin-bottom: 16px;
  width: 400px;
  float: left;
}

div.section-header p.mandatory {
  text-align: right;
  float: right;
  font-size: 12px;
  color: #feff49;
}

div.next-section a.payment {
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -948px;
  width: 145px;
  height: 27px;
}

div.next-section a.payment:hover {
  background-position: 0 -1005px; 
}

div.payment-details, div.create-account {
  overflow: hidden;
}

div.payment-details div.left, div.create-account div.left {
  width: 430px;
  float: left;
  overflow: hidden;
  margin-left: 20px;
}

div.payment-details div.right, div.create-account div.right {
  width: 430px;
  margin-left: 440px;
  overflow: hidden;
}

div.payment-details div.name, 
div.create-account div.name, 
div.create-account div.username  {
  width: 200px;
  float: left;
  overflow: hidden;
}

div.payment-details div.email, 
div.create-account div.email,
div.create-account div.password {
  width: 200px;
  margin-left: 210px;
  overflow: hidden;
}

div.payment-details div.address {
  clear: both;
}

div.right div.detail {
  width: 210px;
  float: left;
  overflow: hidden;
}

div.payment-details label, div.create-account label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
  color: #5e6d78;
}

div.payment-details input, div.create-account input {
  width: 170px;
  height: 17px;
  background: transparent url(/img/input_bg2.gif) repeat-x top left;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  color: #5e6d78;
  margin-bottom: 15px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.create-account {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

div.create-account div.username {
  clear: both;
}

div.create-account label.radio {
  display: inline;
}

div.detail span.filler, div.create-account div.email {
  display: block;
  width: 170px;
  height: 32px;
}

h2.create-account {
  width: 180px;
  height: 0;
  font-size: 1em;
  padding-top: 14px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/create_me_an_account.gif) no-repeat;
}

div.detail-newsletter {
  width: 210px;
  float: left;
  overflow: hidden;
  padding-top: 23px;
}

div.errors, 
div.redirect,
div.redirect-success,
div.redirect-contact,
div.redirect-contact-success {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  padding: 10px;
  width: 888px;
  overflow: hidden;
  background-color: #fcebee;
  border: 1px solid #ffcfcf;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.redirect-contact,
div.redirect-contact-success {
  width: 525px;
}

div.redirect-contact p a {
  font-weight: bold;
  color: #000;
}

div.redirect-success,
div.redirect-contact-success {
  background-color: #e5fed9;
  border: 1px solid #66d432;
}

div.redirect,
div.redirect-success {
  width: 650px;
  text-align: center;
}

div.redirect h1,
div.redirect-success h1,
div.redirect-contact-success h1,
div.redirect-contact h1 {
  font-size: 16px;
  font-weight: bold;
}

div.redirect p,
div.redirect-success p,
div.redirect-contact-success p {
  color: #000;
}

p.error {
  background: transparent url(/img/cross_on_red.gif) no-repeat top left;
  padding-left: 30px;
}

div.next-section a.payment-details {
    width: 158px;
    height: 0;
    font-size: 1em;
    padding-top: 27px;
    text-indent: -2000px;
    overflow: hidden;
    background: url(/img/buttons_sprite2.gif) no-repeat 0 -384px;
}

div.next-section a.payment-details:hover {
  background-position: 0 -416px;
}

/* location finder */

h1.location-finder {
  width: 272px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/location_finder.gif) no-repeat;
}

div.locations {
  padding-top: 25px;
  width: 186px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  float: left;
}

div.location-details {  
  margin-left: 186px;
  padding: 15px;
  width: 490px;
  position: relative;
  top: 0;
  left: -40px;
  z-index: 50;
  border: 1px solid #e5e7eb;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

div.locations ul {
  background: transparent url(/img/location_pointer.png) no-repeat top left; 
  padding-bottom: 30px;
}

div.locations ul li {
  padding: 6px 0 0 16px;
  margin-bottom: 10px;
  line-height: 15px;
}

div.locations ul li a {
  font-size: 13px;
  line-height: 15px;
}

div.locations ul li a.active {
  color: #feff0a;
}

div#map {
  width: 260px;
  height: 320px;
  float: left;
}

div.location-details div.details {
  width: 202px;
  margin-left: 280px;
}

div.location-details h3 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

div.location-details table td {
  font-size: 12px;
}

div.location-details div.directions {
  clear: both;
}

div.location-details table {
  border: none;
}

div.location-details table td, div.location-details table th {
  background: none;
  border: none;
  font-size: 12px;
}

div.directions input {
  display: block;
  width: 132px;
  height: 16px;
  background: transparent url(/img/postcode_input.gif) no-repeat top left;
  padding: 5px;
  border: none;
  float: left;
}

div.directions a.find-route {
  display: block;
  width: 119px;
  height: 26px;
  text-indent: -2000px;
  background: transparent url(/img/buttons_sprite.gif) no-repeat top left; 
  background-position: 0 -494px;
  overflow: hidden;
}

div.directions a.find-route:hover {
  background-position: 0 -550px;
}

#postcode_from.hidden {
  display: none;
}


/* customer services */

h1.customer-service {
  width: 312px;
  height: 0;
  font-size: 1em;
  padding-top: 25px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/customer_services.gif) no-repeat;
}

/* accident services */

h1.accident-services {
  width: 299px;
  height: 0;
  font-size: 1em;
  padding-top: 25px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/accident-services.gif) no-repeat;
}

ul.minus {
  margin-top: -30px;
}

div.recruitment ul,
ul.faq,
ul.accident {
   margin: 0 0 20px 20px
}

div.recruitment ul li,
ul.faq li,
ul.accident li {
  padding-bottom: 12px;
  font-size: 13px;
  color: #5e6d78;
  list-style-type: disc;
}


/* confirmation */

table.confirm {
  width: 100%;
}


/* recruitment */

h1.recruitment {
  width: 221px;
  height: 0;
  font-size: 1em;
  padding-top: 26px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/recruitment.gif) no-repeat;
}

/* sitemap */
h1.sitemap {
  width: 166px;
  height: 0;
  font-size: 1em;
  padding-top: 29px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/sitemap.gif) no-repeat;
}


/* site map */
ul.sitemap li, ul.sitemap li a {
  font-size: 14px;
  color: #000;
}

ul.sitemap li {
  padding: 8px 0 8px 0;
  font-weight: bold;
}

ul.sitemap ul {
  margin-left: 30px;
}

ul.sitemap ul li a {
  font-weight: normal;
}

/* forgotten password */

h1.forgotten-password {
  width: 335px;
  height: 0;
  font-size: 1em;
  padding-top: 29px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/forgotten_password.gif) no-repeat;
}


div.forgotten-pass {
  width: 400px;
}

div.forgotten-pass div.blue-frame {
  padding: 20px;
}

div.forgotten-pass form label {
  text-align: right;
  display: block;
  float: left;
  width: 85px;
  font-size: 14px;
  font-weight: bold;
}

div.forgotten-pass form input.submit {
  padding-left: 85px;
}

div.forgotten-pass form div {
  margin-bottom: 10px;
}

/* tool tips */
.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat; }
.tipsy-inner { padding: 14px 15px; background-color: black; color: white; width: 300px; text-align: center; font-size: 12px; line-height: 16px; }
.tipsy-north { background-image: url(/img/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/img/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(/img/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/img/tipsy-west.gif); background-position: left center; }