* {
    margin: 0;
    padding: 0;
}

/* Global Rules */

body, html {
    background: #d5d5d5;
    font-family: Arial;
    color: #333333;
    height: 100%;
}

h2, h3, h4 {
    float: left;
    clear: both;
    width: 100%;
}

h2 {
    font-size: 15pt;
    text-shadow: 2px 2px 2px #333333
}

h3 {
    font-size: 11pt;
    text-shadow: 2px 2px 2px #333333
}

h4 {
    font-size: 11pt;
}

p {
    font-size: 9pt;
    line-height: 16px;
    padding: 5px 0;
}

ul, ol {
    font-size: 9pt;
    line-height: 16px;
    padding: 0 0 0 20px;
}

ul li, ol li {
    float: left;
    clear: both;
    margin: 3px 0;
}


a {
    color: #A30F16;
}

a:hover {
    color: #333333;
}

a img {
    border-width: 0px;
}

table {
    font-size: 10pt;
    text-align: left;
}

table tr td, table tr th {
    padding: 1px 2px;
}

div.loading {
    background: url(/images/tiles/red.png) top left repeat;
}

div.loading p {
    width: 100%;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333333;
}

p.error, .red {
    color: #A30F16;
    font-weight: bold;
}

/* Form Rules */

form fieldset {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #A30F16;
}

form fieldset legend {
    margin: 0 5px;
    padding: 0 5px;
    color: #A30F16;
    font-size: 11pt;
    font-weight: bold;
    text-shadow: #D5D5D5 1px 1px 1px;
}

form label {
    font-size: 10pt;
    color: #333333;
}

form div.form_row, form div.button_row {
    float: left;
    clear: both;
    margin: 0 0 8px;
}

form div.form_row label {
    float: left;
}

form div.form_row input, form div.form_row select {
    float: left;
}

form div.form_row ul {
    float: left;
    clear: both;
    padding: 0;
    list-style-type: none;
    color: #A30F16;
}

form div.form_row.radio label {
    width: 520px!important;
    clear: both;
}

form div.form_row.radio input {
    width: 20px!important;
    clear: both;
    margin: 3px 6px;
}

form div.form_row.radio ul {
    margin: 0!important;
}

form div.form_row.radio ul li {
    clear: none;
    margin: 3px 8px!important;
}

form div.form_row.radio ul li label {
    width: auto!important;
}

form div.form_row.check label {
    width: 468px!important;
    clear: none;
}

form div.form_row.check input {
    width: 20px!important;
    clear: both;
    margin: 3px 6px!important;
}

form div.form_row.check ul {
    width: 470px!important;
    margin: 0 0 0 30px!important;
}

form input.submit {
    float: left;
    width: 100px;
    height: 26px;
    margin: 0;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333333;
    border: 2px solid #A30F16;
    border-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    background: #a30f16;
    cursor: pointer;
}

form input.submit:hover {
    color: #a30f16;
    text-shadow: 1px 1px 1px #D5D5D5;
    background: #FFFFFF;
}

div.pane.blue form input.submit {
    border: 2px solid #296BAA;
    background: #296BAA;
}

div.pane.blue form input.submit:hover {
    color: #296BAA;
    background: #FFFFFF;
}

/* Wide Pane Form Rules */

div.pane.wide form div.form_row label {
    width: 150px;
    line-height: 20px;
}

div.pane.wide form div.form_row, div.pane.wide form div.button_row {
    width: 520px;
}

div.pane.wide form fieldset div.form_row, div.pane.wide form fieldset div.button_row {
    width: 500px;
}

div.pane.wide form div.form_row input, div.pane.wide form div.form_row select {
    width: 200px;
}

div.pane.wide form div.form_row ul {
    margin: 0 0 0 150px;
    line-height: 15px;
}

div.pane.wide form div.form_row.check label {
    width: 468px!important;
}

/* Narrow Pane Form Rules */

div.pane.narrow form div.form_row label {
    width: 180px;
    font-size: 9pt;
}

div.pane.narrow form div.form_row, div.pane.narrow form div.button_row {
    width: 180px;
}

div.pane.narrow form div.form_row input, div.pane.narrow form div.form_row select {
    width: 176px;
}

div.pane.narrow form div.form_row ul {
    line-height: 15px;
    margin-left: 0px!important;
    width: 180px!important;
}

div.pane.narrow form div.form_row.check label {
    width: 150px!important;
}

/* Container */

div#container {
    width: 100%;
}

/* Header */

div#header {
    height: 105px;
    background: #C9131B url(/images/head_bg.png) bottom left repeat-x;
}

div#header_fade {
    height: 3px;
    background: url(/images/head_fade.png) bottom left repeat-x;
}

div#header h1 {
    float: left;
    width: 289px;
    height: 73px;
    margin: 13px;
}

div#header h1 a {
    float: left;
    width: 289px;
    height: 73px;
    text-indent: -10000px;
    background: url(/images/good_garage_guide.png) top left no-repeat;
}

div#header div#nav {
    float: right;
    width: 550px;
}

div#header div#nav div#menu {
    float: right;
}

div#header div#nav ul {
    float: left;
    height: 35px;
    margin: 37px 0 0;
    padding: 0;
    background: #d5d5d5 url(/images/head_fade.png) top left repeat-x;
}

div#header div#nav ul li {
    float: left;
    clear: none;
    margin: 5px 0 0;
    padding: 0 8px;
    list-style-type: none;
    border: 0px solid #333333;
    border-right-width: 1px;
    
}

div#header div#nav ul li.last {
    border-right-width: 0px;
}

div#header div#nav ul li a {
    float: left;
    margin: 0px 2px;
    font-size: 10pt;
    line-height: 20px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    text-shadow: 1px 1px 1px #FFFFFF;
}

div#header div#nav ul li a:hover {
    color: #a30f16;
    text-decoration: underline;
}

div#header div#nav div.menu_left, div#header div#nav div.menu_right {
    float: left;
    margin: 37px 0 0;
    width: 13px;
    height: 30px;
}

div#header div#nav div.menu_left {
    background: url(/images/navigation/left.png) top left no-repeat;
}

div#header div#nav div.menu_right {
    background: url(/images/navigation/right.png) top left no-repeat;
}

div#header div#nav form {
    float: right;
    height: 32px;
    padding: 0 20px 10px;
}

div#header div#nav form fieldset {
    float: left;
    border-width: 0px;
}

div#header div#nav form label {
    float: left;
    margin: 4px 10px 0 0;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    text-shadow: 2px 2px 2px #333333
}

div#header div#nav form input#search {
    float: left;
    width: 250px;
    height: 25px;
    padding: 0 5px;
    font-size: 10pt;
    color: #a30f16;
    text-shadow: 1px 1px 1px #FFFFFF;
    border: 1px solid #555555;
    border-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    background: #D5D5D5;
}

div#header div#nav form input#search_submit {
    float: left;
    width: 100px;
    height: 26px;
    margin: 0 0 0 5px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333333;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    background: #a30f16;
    cursor: pointer;
}

div#header div#nav form input#search_submit:hover {
    color: #a30f16;
    text-shadow: 1px 1px 1px #D5D5D5;
    border-color: 2px solid #a30f16;
    background: #FFFFFF;
}

div#header div#goodgarage_logo {
    float: right;
    width: 100px;
    height: 100px;
    margin: 2px 2px 0 0;
}

div#header div#goodgarage_logo a {
    float: left;
    width: 100px;
    height: 100px;
    text-indent: -10000px;
    background: url(/images/good_garage_guide_logo.png) top left no-repeat;
}

/* Content */

div#content {
    width: 975px;
    margin: 0 auto;
}

div#content div.pane {
    float: left;
    clear: both;
    padding: 10px;
}

div.pane.wide div.row {
    float: left;
    clear: both;
    width: 520px;
    padding: 10px 0;
}

div.pane.wide div.row div.left {
    float: left;
    width: 300px;
}

div.pane.wide div.row div.right {
    float: left;
    width: 210px;
    padding-left: 10px;
}

/* Left and Right Columns */

div#content div#left, div#content div#right {
    float: left;
    width: 200px;
    padding: 15px 0 0 0;
}

div#content div#left {
    margin: 0 0 0 -755px;
}

div#content div#right {
    margin: 0 0 0 5px;
}

div#content div.pane.narrow {
    width: 180px;
    margin: 40px 0 15px;
    background: url(/images/panes/narrow/slice.png) top left repeat-y;
}

div#content div.pane.narrow h3 {
    float: left;
    clear: both;
    width: 200px;
    height: 33px;
    margin: -43px 0 0 -10px;
    padding: 10px 0 0 15px;
    background: url(/images/panes/narrow/red_head.png) top left no-repeat;
    color: #FFFFFF;
}

div#content div.pane.narrow h3 a, div#content div.pane.wide h2 a {
    color: #FFFFFF;
    text-decoration: none;
}

div#content div.pane.narrow h3 a:hover, div#content div.pane.wide h2 a:hover {
    text-decoration: underline;
}

div#content div.pane.narrow h4 {
    float: left;
    clear: both;
    width: 100%;
    font-size: 11pt;
}

div#content div.pane.narrow h4 a {
    float: left;
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #A30F16;
    text-shadow: 1px 1px 1px #D5D5D5;
    text-decoration: none;
}

div#content div.pane.narrow h4 a:hover {
    text-decoration: underline;
}

div#content div.pane.narrow.blue h3 {
    background-image: url(/images/panes/narrow/blue_head.png);
}

div#content div.pane.narrow ul.pane_list {
    padding: 0;
}

div#content div.pane.narrow ul.pane_list li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border: 0px solid #A30F16;
    border-bottom-width: 1px;
    list-style-type: none;
    text-align: center;
}

div#content div.pane.narrow ul.pane_list li.last {
    border-bottom-width: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div#content div.pane.narrow div.foot {
    float: left;
    clear: both;
    width: 200px;
    height: 16px;
    margin: 10px 0 -26px -10px;
    background: url(/images/panes/narrow/foot.png) top left no-repeat;
}

/* Centre Column */

div#content div#centre {
    float: left;
    width: 550px;
    margin-left: 215px;
}

div#content div#centre div.pane {
    width: 520px;
    margin: 64px 0 10px;
    padding: 10px 15px;
    background: url(/images/panes/wide/slice.png) top left repeat-y;
}

div#content div#centre div.pane h2 {
    float: left;
    clear: both;
    width: 550px;
    height: 33px;
    margin: -57px 0 0 -15px;
    padding: 15px 0 0 15px;
    background: url(/images/panes/wide/red_head.png) top left no-repeat;
    color: #FFFFFF;
}

div#content div#centre div.pane h3 {
    float: left;
    clear: both;
    margin: 5px 0;
    color: #A30F16;
    font-size: 12pt;
    text-shadow: 1px 1px 1px #D5D5D5;
}

div#content div#centre div.pane h3 a {
    text-decoration: none;
}

div#content div#centre div.pane h3 a:hover {
    color: #A30F16;
    text-decoration: underline;
}

div#content div#centre div.pane h4 {
    color: #A30F16;
    text-shadow: 1px 1px 1px #D5D5D5;
}

div#content div#centre div.pane div.foot {
    float: left;
    clear: both;
    width: 550px;
    height: 16px;
    margin: 10px 0 -26px -15px;
    background: url(/images/panes/wide/foot.png) top left no-repeat;
}



/* Footer */

div#footer {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 20px;
    padding: 10px 0;
    font-size: 8pt;
    background: #808080;
    color: #FFFFFF;
}

div#footer div.inner {
    margin: 0px auto;
    width: 800px;
}

div#footer div.inner div.left {
    float: left;
    width: 500px;
}

div#footer form {
    float: left;
    width: 500px;
    margin: 10px 0 0;
}

div#footer form label {
    width: 70px;
    color: #FFFFFF;
    font-size: 9pt;
    line-height: 14pt;
}

div#footer form input, div#footer form textarea {
    border: 2px solid #555555;
    font-size: 9pt;
    color: #222222;
}

div#footer form input.submit {
    width: 75px;
    margin-left: 70px;
    background: #999999;
    color: #FFFFFF;
    font-size: 9pt;
}

div#footer form input.submit:hover {
    background: #FFFFFF;
    color: #000000;
}

div#footer div.inner div.right {
    float: left;
    width: 300px;
}

div#footer div.inner address {
    font-style: normal;
}

div#footer div.inner a {
    color: #FFFFFF;
}

/* Custom Wide Pane Styles */

div.pane.welcome div.home_point {
    float: left;
    clear: both;
    width: 440px;
    min-height: 80px;
    padding: 0 0 0 80px;
    margin: 0 0 10px 0;
    background-position: top left;
    background-repeat: no-repeat;
}

div.pane.welcome div.home_point.about {
    background-image: url(/images/home_icons/about.png);
}

div.pane.welcome div.home_point.find {
    background-image: url(/images/home_icons/find.png);
}

div.pane.welcome div.home_point.feedback {
    background-image: url(/images/home_icons/feedback.png);
}

div.pane.welcome div.home_point.car_sales {
    background-image: url(/images/home_icons/car_sales.png);
}

div.pane.welcome div.home_point.mots_servicing {
    background-image: url(/images/home_icons/mots_servicing.png);
}

div.pane.register_intro a.join {
    float: left;
    clear: both;
    margin: 10px 0 0;
    font-size: 12pt;
}

div.pane.register_intro ul, div.pane.benefits ul {
    float: left;
    clear: both;
    list-style-image: url(/images/bullet.gif);
}

div.pane.register form div.button_row input {
    float: right;
}

div.pane.garages div.map {
    float: left;
    clear: both;
    width: 520px;
    height: 400px;
    margin: 10px 0 0;
    
}

div.map_window h3, div.map_window p {
    width: 100px;
}

div.pane.garages ul.regions {
    float: left;
    clear: both;
    width: 520px;
    padding: 0;
    list-style-type: none;
}

div.pane.garages ul.regions li.region {
    float: left;
    clear: both;
    width: 500px;
    padding: 5px 10px;
    font-size: 10pt;
}

ul.regions li.region a {
    float: left;
    clear: both;
    width: 340px;
    line-height: 50px;
    padding: 0 0 0 60px;
    background-position: top left;
    background-repeat: no-repeat;
    outline: none;
}

ul.regions li.region a span {
    float: left;
    clear: none;
    width: 15px;
    height: 50px;
    margin: 0 5px 0 0;
    background: url(/images/arrow.gif) 0px center no-repeat;
}

ul.regions li.region.scotland a {
    background-image: url(/images/regions/scotland.gif);
}

ul.regions li.region.north-east a {
    background-image: url(/images/regions/north-east.gif);
}

ul.regions li.region.north-west a {
    background-image: url(/images/regions/north-west.gif);
}

ul.regions li.region.yorkshire-and-humberside a {
    background-image: url(/images/regions/yorkshire-and-humberside.gif);
}

ul.regions li.region.east-midlands a {
    background-image: url(/images/regions/east-midlands.gif);
}

ul.regions li.region.west-midlands a {
    background-image: url(/images/regions/west-midlands.gif);
}

ul.regions li.region.east-anglia a {
    background-image: url(/images/regions/east-anglia.gif);
}

ul.regions li.region.south-east a {
    background-image: url(/images/regions/south-east.gif);
}

ul.regions li.region.south-west a {
    background-image: url(/images/regions/south-west.gif);
}

ul.regions li.region.london a {
    background-image: url(/images/regions/london.gif);
}

ul.regions li.region.wales a {
    background-image: url(/images/regions/wales.gif);
}

ul.regions li.region.northern-ireland a {
    background-image: url(/images/regions/northern-ireland.gif);
}

ul.towns {
    float: left;
    clear: both;
    width: 400px;
    margin: 0;
    padding: 0 0 0 100px;
}

ul.towns li {
    list-style-type: none;
}

ul.towns li.town {
    float: left;
    clear: both;
    width: 393px;
    height: 25px!important;
    margin: 0;
    padding: 0 0 0 7px;
    line-height: 25px!important;
    list-style-type: none;
}

ul.towns li.town a {
    float: left;
    clear: both;
    background: none!important;
    margin: 0!important;
    padding: 0!important;
    line-height: 25px;
}

ul.garage_list {
    float: left;
    clear: both;
    width: 430px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.garage_list li {
    float: left;
    width: 430px;
    margin: 10px 0 0;
    padding: 0 0 10px 90px;
    background-position: top left;
    background-repeat: no-repeat;
    border: 0px solid #A30F16;
    border-bottom-width: 1px;
}

ul.garage_list li.last {
    border-bottom-width: 0px;
}

ul.garage_list li a {
    padding: 0!important;
}

ul.garage_list li ul.menu_services {
    float: left;
    clear: both;
    padding: 5px 0;
    list-style-type: none;
}

ul.garage_list li ul.menu_services li {
    float: left;
    clear: none;
    width: auto;
    margin: 0 20px 0 0;
    padding: 0 0 0 30px;
    font-weight: bold;
    line-height: 25px;
    border: 0px;
}

ul.garage_list li ul.menu_services li.mot {
    background-image: url(/images/services/menu/mot.png);
}

ul.garage_list li ul.menu_services li.car_sales {
    background-image: url(/images/services/menu/car_sales.png);
}

ul.garage_list li ul.menu_services li.servicing {
    background-image: url(/images/services/menu/servicing.png);
}

ul.garage_list li.empty {
    width: 480px;
    padding: 20px 20px 15px;
    margin: 0;
}

ul.garage_list li.empty p {
    width: 480px;
    text-align: center;
}

div.images div.gallery {
    float: left;
    clear: both;
    width: 300px;
    margin: 0 0 5px 0;
}

div.prev,
div.next,
div.prev a,
div.next a {
    float: left;
    width: 20px;
    height: 60px;
}
    

div.prev a,
div.next a {
    background-position: center left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -10000px;
    cursor: default;
}

a.on {
    cursor: pointer!important;
}

div.prev a {
    background-image: url(/images/prev_off.png);
}

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

div.prev a.on:hover {
    background-image: url(/images/prev_on.png);
}

div.next a {
    background-image: url(/images/next_off.png);
}

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

div.next a.on:hover {
    background-image: url(/images/next_on.png);
}

div.images div.gallery div.window {
    float: left;
    width: 260px;
    height: 60px;
    overflow: hidden;
}

div.images div.gallery ul {
    float: left;
    width: 10000px;
    height: 60px;
    padding: 0;
    list-style-type: none;
}

div.images div.gallery ul li {
    float: left;
    clear: none;
    margin: 0 0 0 5px;
}

div.images div.no_images {
    float: left;
    clear: both;
    width: 300px;
    height: 250px;
    background: url(/images/holding/medium.png) bottom center no-repeat;
    text-align: center;
}

div.images div.no_images p {
    font-size: 13pt;
    font-weight: bold;
    color: #A30F16;
    text-shadow: #D5D5D5 1px 1px 1px;
    line-height: 20px;
}

div.pane.garage div.address {
    padding-top: 10px;
}

div.address address, div.pane.map address {
    float: left;
    clear: none;
    padding: 0 0 6px;
    font-size: 10pt;
    font-style: normal;
    line-height: 17px;
}


div.pane.map address, div.pane.map div.opening_times {
    float: left;
    clear: none;
    width: 260px;
}

div.pane.map div#map_holder {
    float: left;
    width: 520px;
    height: 350px;
}


div.pane.map div.opening_times table {
    float: left;
    clear: both;
}

div.pane.garage div.affiliations, div.pane.garage div.summary {
    float: left;
    clear: both;
}

div.pane.garage div.affiliations {
    margin: 10px 0 6px;
}

ul.cars {
    padding: 0;
    list-style-type: none;
}

ul.cars li {
    float: left;
    clear: both;
    width: 360px;
    margin: 8px 0 0;
    padding: 0 0 8px 160px;
    background-position: top left;
    background-repeat: no-repeat;
    border: 0px solid #A30F16;
    border-bottom-width: 1px;
}

ul.cars li.last {
    border-bottom-width: 0;
}

ul.cars li h3 a {
    float: left;
    clear: both;
    color: #A30F16;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    text-shadow: #D5D5D5 1px 1px 1px;
}

ul.cars li h3 a:hover {
    text-decoration: underline;
}

ul.cars li ul {
    float: left;
    clear: both;
    margin: 5px 0;
    list-style-type: square;
}

ul.cars li ul li {
    float: left;
    clear: both;
    height: auto;
    margin: 2px 0;
    padding: 0;
    color: #A30F16;
    border-width: 0px;
}

ul.cars li ul li span {
    color: #333333;
}

ul.cars li a {
    float: left;
    clear; both;
}


div.pane.contact p {
    margin: 4px 0 15px;
}

div.pane.contact p span.red {
    color: #A30F16;
    font-weight: bold;
}

div.pane.feedback p {
    float: left;
    clear: both;
    width: 520px;
    margin: 0;
    font-size: 10pt;
}

div.pane.feedback form {
    
    float: left;
    clear: both;
    margin: 10px 0 0;
}

div.pane.feedback div.row {
    border: 0px solid #A30F16;
    border-bottom-width: 1px;
}

div.pane.feedback div.row.last {
    border-bottom-width: 0px;
}

div.pane.feedback div.row p {
    float: left;
    clear: both;
}

div.pane.feedback div.row div.score {
    float: left;
    clear: both;
    margin: 0 0 10px 0;
}

div.pane.feedback div.row table {
    float: left;
    clear: both;
    margin: 5px 0;
    font-size: 10pt;
}

div.pane.feedback div.row table tr th {
    width: 180px;
    text-align: left;
}

div.pane.feedback div.row table tr td {
    padding: 2px 0 2px 6px;
}

div.page_bar div {
    float: left;
    clear: none;
    width: 20px;
    height: 30px;
}

div.page_bar div.prev {
    margin: 0 0 0 40px;
}

div.page_bar div.next {
    margin: 0 40px 0 0;
}

div.page_bar div a {
    height: 30px;
}

div.page_bar p {
    float: left;
    clear: none!important;
    width: 400px!important;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 30px;
    font-style: italic;
}

div.pane.wide.news ul {
    padding: 0;
    list-style-type: none;
}

div.pane.wide.news ul li {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border: 0px solid #A30F16;
    border-bottom-width: 1px;
}

div.pane.wide.news ul li.last {
    border-bottom-width: 0px;
    margin: 0;
    padding: 0;
}

div.pane.wide.news p.date, div.pane.wide.news_article p.date {
    font-style: italic;
}

div.pane.wide.news_article h3 {
    padding: 8px 0 5px;
    margin: 0;
}

div.pane.wide.news_article h3, div.pane.wide.news_article ul, div.pane.wide.news_article ol {
    margin: 5px 0;
    float: left;
    clear: both;
    width: 520px;
}

div.pane.wide.news_article img {
    float: right;
    margin: 5px 0 5px 5px;
}

div.pane.wide.prestige p {
    width: 520px;
    float: left;
    clear: both;
}

div.pane.wide.feedback_reminder p {
    font-size: 10pt;
}

div.pane.wide.feedback_reminder img {
    float: right;
    margin: 5px 0 5px 10px;
}

div.pane.wide.feedback_reminder form {
    margin: 20px 0 0;
}

div.pane.wide.terms p {
    float: left;
    width: 520px;
}

div.pane.wide.terms ul {
    float: left;
    width: 500px;
}

form.payment fieldset {
    text-align: center;
}

/* Custom Narrow Pane Styles */

div.pane.top5 ul li h4 {
    text-align: center;
}

div.pane.top5 ul li h4 a {
    padding: 0 0 65px;
}

div.pane.top5 ul li span {
    font-size: 10pt;
}

div.pane.top5 ul li div.rating_window, div.pane.top5 ul li div.rating {
    float: none;
    clear: none;
}

div.pane.news ul li h4, div.pane.news ul li p {
    text-align: left;
    padding: 0 0 5px 0;
}

div.pane.news ul li p, div.pane.news ul li p a {
    float: none;
    clear: none;
}

div.pane.news ul li a.image {
    float: right;
    clear: none;
    margin: 5px 0 0 5px;
    background-position: top left;
    background-repeat: no-repeat;
}

div.pane.news ul li p.date {
    font-size: 8pt;
    font-style: italic;
}

div.pane.testimonial blockquote {
	padding: 15px 0 0 0;
	text-indent: 25px;
	background: url(/images/quote_start.png) top left no-repeat;
}

div.pane.testimonial blockquote p {
	padding-bottom: 20px;
	background: url(/images/quote_end.png) bottom right no-repeat;
}

div.pane.testimonial p.member {
    font-weight: bold;
}

div.pane.mot_reminder form div.form_row ul {
    color: #296BAA;
    
}

div.pane.information h4 {
    text-align: left;
    margin: 0 0 8px 0;
}

div.pane.information p {
    text-align: left;
}


/* Header Icons */

div.head_icon {
    float: right;
    background-position: top left;
    background-repeat: no-repeat;
}

div#centre div.pane div.head_icon {
    width: 65px;
    height: 65px;
    margin: -65px 0 0 0;
}

div#left div.pane div.head_icon, div#right div.pane div.head_icon {
    width: 50px;
    height: 50px;
    margin: -50px 0 0 0;
}

div.head_icon.goodgarage {
    background-image: url(/images/head_icons/goodgarage.png);
}

div.head_icon.search {
    background-image: url(/images/head_icons/search.png);
}

div.head_icon.information_wide {
    background-image: url(/images/head_icons/information_wide.png);
}

div.head_icon.feedback_wide {
    background-image: url(/images/head_icons/feedback_wide.png);
}

div.head_icon.top5 {
    background-image: url(/images/head_icons/top5.png);
}

div.head_icon.news {
    background-image: url(/images/head_icons/news.png);
}

div.head_icon.news_wide {
    background-image: url(/images/head_icons/news_wide.png);
}

div.head_icon.archive {
    background-image: url(/images/head_icons/archive.png);
}

div.head_icon.testimonial {
    background-image: url(/images/head_icons/testimonial.png);
}

div.head_icon.benefits {
    background-image: url(/images/head_icons/benefits.png);
}

div.head_icon.map {
    background-image: url(/images/head_icons/map.png);
}

div.head_icon.contact {
    background-image: url(/images/head_icons/contact.png);
}

div.head_icon.feedback {
    background-image: url(/images/head_icons/feedback.png);
}

div.head_icon.mot {
    background-image: url(/images/head_icons/mot.png);
}

div.head_icon.mot_wide {
    background-image: url(/images/head_icons/mot_wide.png);
}

div.head_icon.information {
    background-image: url(/images/head_icons/information.png);
}

div.head_icon.car_sales {
    background-image: url(/images/head_icons/car_sales.png);
}

div.head_icon.servicing {
    background-image: url(/images/head_icons/servicing.png);
}

/* Rating Classes */

div.rating_window {
    margin: 0 auto;
    width: 100%;
    height: 26px;
    text-align: center;
}

div.rating {
    float: left;
    clear: both;
    width: 147px;
    height: 26px;
    margin: 0 auto;
    background: url(/images/rating.png) top left no-repeat;
    text-indent: -10000px;
}

div.rating.star_0_5 {
    width: 14px;
}

div.rating.star_1 {
    width: 27px;
}

div.rating.star_1_5 {
    width: 44px;
}

div.rating.star_2 {
    width: 57px;
}

div.rating.star_2_5 {
    width: 74px;
}

div.rating.star_3 {
    width: 87px;
}

div.rating.star_3_5 {
    width: 104px;
}

div.rating.star_4 {
    width: 117px;
}

div.rating.star_4_5 {
    width: 134px;
}

div.rating.star_5 {
    width: 147px;
}

/* Affiliations */

div.affiliations ul {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

div.affiliations ul li {
    clear: none;
    width: 60px;
    height: 60px;
    margin: 0 6px 8px;
    text-indent: -10000px;
    list-style-type: none;
    background-position: top left;
    background-repeat: no-repeat;
}

div.affiliations ul li.bosch {
    background-image: url(/images/affiliations/bosch.png);
}

div.affiliations ul li.oft {
    background-image: url(/images/affiliations/oft.png);
}

div.affiliations ul li.porsche {
    background-image: url(/images/affiliations/porsche.png);
}

div.affiliations ul li.volkswagen {
    background-image: url(/images/affiliations/volkswagen.png);
}

div.affiliations ul li.bmw {
    background-image: url(/images/affiliations/bmw.png);
}

div.affiliations ul li.audi {
    background-image: url(/images/affiliations/audi.png);
}

div.affiliations ul li.hyundai {
    background-image: url(/images/affiliations/hyundai.png);
}

div.affiliations ul li.kia {
    background-image: url(/images/affiliations/kia.png);
}

div.affiliations ul li.suzuki {
    background-image: url(/images/affiliations/suzuki.png);
}

div.affiliations ul li.rmi {
    background-image: url(/images/affiliations/rmi.png);
}

div.affiliations ul li.mot {
    background-image: url(/images/affiliations/mot.png);
}

/* Services */

div.services ul {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

div.services ul li {
    clear: none;
    width: 180px;
    margin: 0 6px 12px;
    padding: 20px 0 20px 60px;
    list-style-type: none;
    font-size: 11pt;
    background-position: center left;
    background-repeat: no-repeat;
}

div.services ul li.brakes {
    background-image: url(/images/services/brakes.png);
}

div.services ul li.mot {
    background-image: url(/images/services/mot.png);
}

div.services ul li.exhausts {
    background-image: url(/images/services/exhausts.png);
}

div.services ul li.gears {
    background-image: url(/images/services/gears.png);
}

div.services ul li.electronics {
    background-image: url(/images/services/electronics.png);
}

div.services ul li.tyres {
    background-image: url(/images/services/tyres.png);
}

div.services ul li.servicing {
    background-image: url(/images/services/servicing.png);
}

div.services ul li.body {
    background-image: url(/images/services/body.png);
}

div.services ul li.recovery {
    background-image: url(/images/services/recovery.png);
}

div.services ul li.performance {
    background-image: url(/images/services/performance.png);
}

div.services ul li.welding {
    background-image: url(/images/services/welding.png);
}

div.services ul li.engine {
    background-image: url(/images/services/engine.png);
}

div.services ul li.car_sales {
    background-image: url(/images/services/car_sales.png);
}

div.services ul li.pick_up {
    background-image: url(/images/services/pick_up.png);
}

div.services ul li.courtesy_car {
    background-image: url(/images/services/courtesy_car.png);
}

div.services ul li.air_conditioning {
    background-image: url(/images/services/air_conditioning.png);
}

div.services ul li.custom {
    background-image: url(/images/services/custom.png);
}

a.all_feedback {
    float: left;
    clear: both;
    width: 520px;
    text-align: center;
    font-size: 10pt;
    margin: 10px 0 0;
}