/**=================================
 * Global styles
 */
body{
  text-align: center;
  font: 12px Verdana, Geneva, Tahoma, sans-serif;
  line-height: 21.5px;
  padding: 0 0 39px 0;
  color: #726e67;
}

html, body {
  min-height:100%;
  background: #000 url(/images/bg.gif) repeat-x 0 0;
}

#wrapper {
  width: 960px;
  padding: 0 10px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 1;
  background: #000 url(/images/hd-bg.jpg) no-repeat 0 0;
}

body.home #wrapper {
  background-image: url(/images/hd-bg-home.jpg);
}

.indent, .indent-double, .noindent {
  text-align: left;
  position: relative;
  z-index: 1;
}

.indent {
  padding: 0 30px;
}

.indent-double {
  padding: 0 60px;
}

hr {
  border: none;
  border-top: 1px solid gray;
  height: 1px;
}

a.arrow {
  padding-left: 10px;
  background: transparent url(/images/arrow-red-sm.gif) no-repeat 0 6px;
}

div.error {
  padding: 5px;
  border: 1px solid #af0000;
  color: #af0000;
  background-color: #111111;
  margin-bottom: 1em;
}


/*
 Generic layout styles
 */

.c1of1 {
  position: relative;
}

.c1of2 {
  float: left;
  display: inline;
  width: 600px;
  position: relative;
}
.c2of2 {
  width: 280px;
  margin-left: 20px;
  float: left;
  display: inline;
  position: relative;
}

.c1of3, .c2of3, .c3of3 {
  width: 300px;
  padding-right: 5px;
  float: left;
  display: inline;
  position: relative;
}

.c1of4, .c2of4, .c3of4, .c4of4 {
  width: 222px;
  padding: 0px;
  margin-right: 24px;
  float: left;
  display: inline;
  position: relative;
  /*background: transparent url(/images/promo-bg.png) no-repeat 0 0;*/
}

.c1of4 {
  margin-left: -1px;
}

.c4of4 {
  margin-right: 0;
}

/* Rounded corners */

.top_left, .top_right, .bottom_left, .bottom_right{
  width:11px;
  height:11px;
  line-height: 11px;
  position:absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}

.top_left{top:0;left:0;background-position:0 0;background-image:url("/images/rc-tl.png");}
.top_right{top:0;right:0;background-position:100% 0;background-image:url("/images/rc-tr.png");}
.bottom_left{bottom:0;left:0;background-position:0 0;background-image:url("/images/rc-bl.png");}
.bottom_right{bottom:0;right:0;background-position:100% 0;background-image:url("/images/rc-br.png");}


/**=================================
 * Header styles
 */
#header {
  color: #000;
  padding-bottom: 10px;
  height: 195px;
}

body.home #header {
  height: 400px;
}

#topbar {
  color: #232221;
  margin: 0;
  padding: 0;
  font-size: 10px;
  height: 30px;
}

#topbar a {
  color: #232221;
  text-decoration: none;
  vertical-align: baseline;
}

#topbar li {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: inline;
  width: 150px;
  margin-top: 8px;
  line-height: 12px;
  text-align: center;
}

#topbar img {
  vertical-align: middle;
}

#topbar li.first {
  margin-left: 10px;
  position: relative;
}

#topbar li.first img {
  position: absolute;
  top: 2.5px;
  left: 37px;
}

#topbar li.date {
  width: 190px;
}

#topbar li.phone {
  margin-left: 290px;
  width: 160px;
  position: relative;
}

#topbar li.phone img {
  position: absolute;
  top: -2px;
  left: 25px;
}

#topbar li.last {
  position: relative;
}

#topbar li.last img {
  position: absolute;
  top: 2px;
  left: 25px;
}

#primary_nav {
  margin: 0;
  padding: 0;
  height: 60px;
}

#primary_nav li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}
#primary_nav li.first a {
  margin-left: 10px;
}

#primary_nav li.last {
  background-image: none;
}

#primary_nav a {
  display: block;
  height: 60px;
  margin: 0 1px 0 0;
  padding: 0;
  text-indent: -3000px;
  width: 150px;
  background: transparent url(/images/menu-sprite.gif) no-repeat 0 0;
}

#primary_OurServices a {
  background-position: 0 0;
}
#primary_AboutAAValet a {
  width: 159px;
  background-position: -151px 0;
}
#primary_WorkWeveDone a {
  width: 159px;
  background-position: -630px 0;
  margin-left: 319px;
}
#primary_EnquiriesBookings a {
  background-position: -790px 0;
}

/* Hover states */
#primary_OurServices a:hover {
  background-position: 0 -80px;
}
#primary_AboutAAValet a:hover {
  background-position: -151px -80px;
}
#primary_WorkWeveDone a:hover {
  background-position: -630px -80px;
}
#primary_EnquiriesBookings a:hover {
  background-position: -790px -80px;
}

#hd-car {
  height: 250px;
  width: 960px;
  position: absolute;
  top: 135px;
  text-align: right;
  background: transparent none no-repeat bottom right;
}

body.home #hd-car {
  padding: 25px 0 0 40px;
  text-align: left;
  position: relative;
  width: 920px;
  top: 0;
}

#welcome {
  position: absolute;
  top: 100px;
  right: 10px;
  width: 353px;
  padding-left: 22px;
  background: transparent url(/images/arrow-red-medium.png) no-repeat 0 15px;
}

#welcome h1 {
  font-size: 38px;
  font-weight: normal;
  color: #928d84;
  font-family: "Myriad Condensed Web", "Myriad Web", "Myriad Web", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  letter-spacing: -2.5px;
}

#welcome p {
  color: #fff;
  font-size: 20px;
  font-family: "Myriad Condensed Web", "Myriad Web", "Myriad Web", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  letter-spacing: -1px;
}


.car-feature {
  display: none;
  position: absolute;
  top: 68px;
  right: 20px;
  width: 280px;
  padding-left: 22px;
  background: transparent url(/images/arrow-red-medium.png) no-repeat 0 9px;
}

.car-feature h1, .car-feature h2 {
  font-size: 32px;
  font-weight: normal;
  color: #928d84;
  font-family: "Myriad Condensed Web", "Myriad Web", "Myriad Web", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  letter-spacing: -1.5px;
}

.car-feature p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 1em;
  letter-spacing: -1px;
}

a.feature-button {
  display: block;
  position: absolute;
  background: transparent url(/images/feature-button-off.png) no-repeat 0 0;
  height: 36px;
  width: 46px;
  text-indent: -3000px;
  outline: none;
  cursor: pointer;
}

a.feature-button-on {
  background-image: url(/images/feature-button-on.png);
}

/**=================================
 * Article
 */
.article {
  margin-left: 20px;
  margin-right: 20px;
}

body.home .article {
  font-size: 12px;
  line-height: 26.5px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

/*
 Make sure that the flash movie does not cover any text
*/
.flash-float {
  float: right;
  display: inline;
  width: 20px;
  height: 160px;
}

.article img {
  vertical-align: middle;
}

h1.title {
  background: transparent url(/images/arrow-red-large.png) no-repeat 0 55%;
  text-indent: 30px;
}

.section-wrapper .section:first-child {
  margin-right: 20px;
}

.section {
  float: left;
  display: inline;
  width: 290px;
}

.section div {
  margin-top: -65px;
  padding-left: 32px;
  line-height: 24px;
}

.item {
  background: transparent url(/images/item-bg.gif) repeat-x 0 100%;
  margin: 1em 0 1.5em 0;
  padding-bottom: .5em;
}

.group {
  background: transparent url(/images/item-bg.gif) repeat-x 0 100%;
  margin: 1em 0 1em 0;
  padding-bottom: 1em;
}

.item.first {
  padding-top: 1em;
}

.item .flash-float {
  height: 85px;
}

.article img.align-left {
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 2px 0px;
  float: left;
  display: inline;
  vertical-align: baseline;
}
.article img.align-right {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 2px 5px;
  float: right;
  display: inline;
  vertical-align: baseline;
}

.article div.item.last {
  background-image: none;
}

/* car sales template */

.thumbs {
  float: left;
  display: inline;
  width: 255px;
  padding-right: 20px;
}
.desc {
  float: left;
  display: inline;
  width: 280px;
}

.thumbs ul {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  min-height: 82px;
  background: transparent url(/images/thumb-marker.gif) no-repeat 0 0;
}

.thumbs li {
  list-style: none;
  list-style-position: outside;
  padding: 0;
  float: left;
  display: inline;
}

.thumbs li img {
  padding: 0 1px 1px 0;
}

.actions .enquire {
  float: right;
  background-position: 0 8px;
}

/**=================================
 * Aside styles
 */
.aside {
  margin-top: 205px;
}

body.home .aside {
  margin-top: 0;
}

.aside div {
  padding: 15px 20px;
  background: transparent url(/images/aside-bg.gif) no-repeat 0 0;
}

.aside div h1 {
  background: transparent url(/images/arrow-red-medium.png) no-repeat 0 55%;
  font-size: 26px;
  letter-spacing: -1px;
  text-indent: 20px;
  margin-bottom: 0.25em;
  font-family: "Myriad Condensed Web", "Myriad Web", "Myriad Web", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.aside p {
  margin-bottom: .5em;
}
.aside div p {
  margin-bottom: 1em;
}

.aside ul {
  margin: 0;
  padding: 0;
}

.aside li {
  list-style: none;
  list-style-position: outside;
  line-height: 26.5px;
  padding-left: 10px;
  margin-left: 0;
  background: transparent url(/images/arrow-red-sm.gif) no-repeat 0 11px;
}

/**=================================
 * Content styles
 */
.content .hr {
  height: 10px;
  line-height: 10px;
  width: 100%;
  background: transparent url(/images/hr.gif) repeat-x 0 0;
  margin: 1em 0 2em;
}

form {
  z-index: 50;
}

form p {
  position: relative;
  z-index: 100;
}

textarea {
  width: 400px;
}

textarea, input.text, select {
  border: 1px solid #43413d;
  padding: 2px 1px;
  background-color: #111;
  color: #8b867e;
}

input.text {
  width: 338px;
}

input.text.date {
  width: 150px;
  cursor: pointer;
}

input.checkbox {
  margin: 0;
  vertical-align: text-bottom;
}

button.send {
  cursor: pointer;
  width: 92px;
  height: 47px;
  padding: 0;
  margin: 0;
  margin-left: -8px;
  border: none;
  background: none;
}

button.book {
  cursor: pointer;
  width: 150px;
  height: 47px;
  padding: 0;
  margin: 0;
  margin-left: -8px;
  border: none;
  background: none;
}

#carhelp {
  cursor: help;
}

#carhelpinfo {
  display: none;
  position: absolute;
  left: 30px;
  top: 0;
  border: 5px solid #8b867e;
  padding: 1px;
  height: 178px;
  width: 515px;
  background-color: #111;
  z-index: 100;
}

#carhelpinfo h3 {
  padding: 13px 15px;
  background-color: #383733;
  color: #b9b2aa;
}

#carhelpinfo table {
  width: 495px;
  margin-left: 15px;
}

#carhelpinfo th, #carhelpinfo td {
  padding: 3px 5px 3px 0;
}

.corp {
  display: none;
}

.package-group {
  width: 240px;
  padding-right: 20px;
  float: left;
  margin-bottom: 1em;
}

.package-group a {
  display: block;
  font-weight: bold;
  margin-bottom: .5em;
  color: #b00000;
}

.package-group input.radio {
  margin-left: 0;
  margin-top: 0;
  vertical-align: middle;
}

form .note {
  font-size: 85%;
  line-height: 1.6668em;
}


/**================================
 * Info bar
 **/
#infobar {
  background: #000 url(/images/infobar-bg.gif) no-repeat 0 0;
  min-height: 130px;
  padding-left: 190px;
  padding-top: 62px;
  padding-bottom: 20px;
  min-height: 50px;
}

#infobar p {
  font-family: "Myriad Condensed Web", "Myriad Web", "Myriad Web", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: -0.5px;
}

#infobar p span {
  color: #9d988f;
  letter-spacing: -0.5px;
}

#infobar p a {
  letter-spacing: -1px;
}

/**=================================
 * Footer menu styles
 */
#footer-menu {
  background: #090909 url(/images/footer-bg-top.gif) no-repeat 0 0;
  padding: 20px 10px 0 10px;
  margin: 0 1px;
  font-size: 11px;
}


#footer_nav {
  margin: 0;
  padding: 0;
  text-align: center;
}

#footer_nav li {
  margin: 0;
  padding: 0 23px;
  display: inline;
  line-height: 24px;
  background: transparent url(/images/footer-sep.gif) no-repeat 100% 60%;
}

#footer_nav a {
  text-decoration: none;
  border: none;
}

#footer_nav li.last {
  padding-right: 0;
  background-image: none;
}

/**=================================
 * Footer copyright styles
 */
#footer-copyright {
  background: #000 url(/images/footer-bg-bottom.gif) no-repeat 0 -5px;
  margin: 0 1px;
  padding: 30px 20px 100px 20px;
  color: #52504b;
  font-size: 10px;
}

.copyright {
  float: left;
  display: inline;
  width: 50%;
}

.copyright p {
  margin-bottom: 0;
}

.credits {
  float: left;
  display: inline;
  width: 50%;
  text-align: right;
}

#footer-copyright a {
  text-decoration: none;
}