/* Main Screen CSS Document */

/* ----------------- COLOURS ----------------- */

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, h3, h4, h5, p, li { font-family: Verdana, Arial, sans-serif; }

h1 {} /*-- Used as page title --*/
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; color: #127fc9; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
h4 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
h5 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #000; }
li { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #000; }
ul { margin-top: .5em; margin-bottom: .8em; }
a:link { color: #107dc7; }
a:visited { color: #107dc7;}
a:active, a:hover { color: #82b2d3; }
a { outline: none; }
.tiny{ font-size: 70%; }

/* ----------------- DEFAULT FORM STYLES ----------------- */
form { display: inline}
input, textarea, select { font-family: Verdana, Arial, sans-serif; }

/* ----------------- DEFAULT RULE STYLE ----------------- */
hr { border:0; border-top: 1px solid #ccc; height: 1px; }

/* ----------------- ERROR STYLES ----------------- */
/* -- Error Text -- */
.error { color: #c00 !important; }
/* -- Error Box -- */
.error-box { border: 1px solid #c00; }
.error-box .error-title { background-color: #c00; padding: 3px 10px; }
.error-box .error-title h2 { color: #fff; margin: 0;}
.error-box .error-text { background-color: #fff; padding: 3px 10px; }
.error-box .error-text p { color: #c00; }

/* ----------------- PAGE STYLES ----------------- */
body { background-color: #282828; margin: 0 10px 10px 10px; }

#frame { width: 760px; margin: 0 auto 0 auto; background: url(../../images/frame_drop_shadow.gif) top left no-repeat; padding: 0 6px 0 6px; }
#header { width: 760px; height: 91px; padding: 47px 0 0 0; }
.header-image1 { background: url(../../images/header_background_1.jpg) bottom left no-repeat; }
.header-image2 { background: url(../../images/header_background_2.jpg) bottom left no-repeat; }
.header-image3 { background: url(../../images/header_background_3.jpg) bottom left no-repeat; }
.header-image4 { background: url(../../images/header_background_4.jpg) bottom left no-repeat; }
.header-image5 { background: url(../../images/header_background_5.jpg) bottom left no-repeat; }
.header-image6 { background: url(../../images/header_background_6.jpg) bottom left no-repeat; }
.header-image7 { background: url(../../images/header_background_7.jpg) bottom left no-repeat; }
.header-image8 { background: url(../../images/header_background_8.jpg) bottom left no-repeat; }
#logo-strip { width: 760px; height: 78px; background: url(../../images/logo_strip.gif) top left no-repeat; }
#logo-strip img, #logo-strip p { display: none; visibility: hidden; }
#logo-strip a { width: 119px; height: 78px; display: block; margin-left: 40px; }
#body { width: 760px; background: url(../../images/body_background.gif) top left repeat-y; }
#content-column { width: 580px; float: left; padding: 10px; }
#nav-column { width: 160px; float: left; padding: 18px 0 0 0; }

/* --  Navigation -- */
#nav-main { width: 160px; border-bottom: #848484 1px solid; border-top: #333 1px solid; }
#nav-main div { height: 23px; width: 160px; background-position: top left; background-repeat: no-repeat; }
#nav-main a { height: 23px; display: block; outline: none; }
#nav-main a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-main span { display: none; visibility: hidden; }
#nav-main .selected { background-position: bottom left; }
/* -- Buttons -- */
#nav-main .home, #nav-main .home a:hover { background-image: url(../../images/nav_main_home.gif); }
#nav-main .taxisales, #nav-main .taxisales a:hover {  background-image: url(../../images/nav_main_taxisales.gif); }
#nav-main .servicing, #nav-main .servicing a:hover { background-image: url(../../images/nav_main_servicing.gif); }
#nav-main .bodyshop, #nav-main .bodyshop a:hover { background-image: url(../../images/nav_main_bodyshop.gif); }
#nav-main .parts, #nav-main .parts a:hover {  background-image: url(../../images/nav_main_parts.gif); }
#nav-main .meters, #nav-main .meters a:hover { background-image: url(../../images/nav_main_meters.gif); }
#nav-main .shoponline, #nav-main .shoponline a:hover { background-image: url(../../images/nav_main_shoponline.gif); }
#nav-main .news, #nav-main .news a:hover { background-image: url(../../images/nav_main_news.gif); }
#nav-main .recruitment, #nav-main .recruitment a:hover { background-image: url(../../images/nav_main_recruitment.gif); }
#nav-main .knowledgeschool, #nav-main .knowledgeschool a:hover { background-image: url(../../images/nav_main_knowledgeschool.gif); }
#nav-main .accreditation, #nav-main .accreditation a:hover { background-image: url(../../images/nav_main_accreditation.gif); }
#nav-main .aboutus, #nav-main .aboutus a:hover { background-image: url(../../images/nav_main_aboutus.gif); }
#nav-main .contactus, #nav-main .contactus a:hover { background-image: url(../../images/nav_main_contactus.gif); }

#nav-main .nav-sub { height: auto; width: 160px; }
#nav-main .nav-sub div { height: 21px; width: 160px; background-position: top left; background-repeat: no-repeat; }
#nav-main .nav-sub a { height: 21px; display: block; outline: none; }
#nav-main .nav-sub .selected { background-position: bottom left; }
/* -- Sub Buttons -- */
#nav-main .newvito, #nav-main .newvito a:hover { background-image: url(../../images/nav_sub_newvito.gif); }
#nav-main .newtx4, #nav-main .newtx4 a:hover { background-image: url(../../images/nav_sub_newtx4.gif); }
#nav-main .used, #nav-main .used a:hover { background-image: url(../../images/nav_sub_used.gif); }
#nav-main .trade, #nav-main .trade a:hover { background-image: url(../../images/nav_sub_trade.gif); }

#nav-main .mercedes, #nav-main .mercedes a:hover { background-image: url(../../images/nav_sub_mercedes.gif); }
#nav-main .lti, #nav-main .lti a:hover { background-image: url(../../images/nav_sub_lti.gif); }

/* -- Side Bar Banner -- */
#nav-column .hadanaccident { width: 150px; margin: 0 auto 10px auto; }

/* -- Titles -- */
#page-title { width:auto; height: 35px; margin-bottom: 10px; background: url(../../images/title_tile.gif) top left repeat-x; }
#page-title div { width:auto; height: 30px; margin: 1px 0 4px 0; background-position: top left; background-repeat: no-repeat; }
#page-title h1 { display: none; visibility: hidden; }

/* -- Footer -- */
#footer { width: 760px; background: url(../../images/footer_background.gif) #000 top left no-repeat; padding-top: 4px; }
#footer-copyright { width: 365px; float: left; text-align: left; padding: 3px 5px 5px 10px; }
#footer-copyright p { margin: 0; padding: 0; color: #676767; font-size: 70%; }
#footer-links { width: 365px; float: left; text-align: right; padding: 3px 10px 5px 5px; }
#footer-links p { margin: 0; padding: 0; color: #676767; font-size: 70%; }
#footer-links a:visited, #footer-links a:link { color: #676767; text-decoration: none; }
#footer-links a:active, #footer-links a:hover { color: #fff; text-decoration: none; }

/*  -- Map on Contact page -- */
#officemap { width: 360px; height: 270px; }

/* -- Logos on Accreditation page -- */
.accreditation-logos { text-align: center; }
.accreditation-logos img { margin: 3px; }


/* ----------------- COLUMNS ----------------- */
/* Splits for content area, use with 10px margin between */
.column-210 { width: 210px; float: left; }
.column-360 { width: 360px; float: left; }

.column-335 { width: 335px; float: left; }
.column-235 { width: 235px; float: left; }

/* 50/50 Split for content area, use with 10px margin between */
.column-285 { width: 285px; float: left; }


/* ----------------- MARGIN STYLES ----------------- */
/*-- 1 side --*/
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin6-b { margin-bottom: 6px; }
/*-- 2 sides --*/
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b { margin: 10px 0; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-r-l { margin: 0 10px; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-b-l { margin: 0 0 10px 10px; }
/*-- 3 sides --*/
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-t-r-l { margin: 10px 10px 0 10px; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
.margin10-r-b-l { margin: 0 10px 10px 10px; }
/*-- 4 sides --*/
.margin10 { margin: 10px; }

/* ----------------- ALIGNMENT STYLES ----------------- */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* ----------------- DIVIDERS ----------------- */
.divider { border-top: 1px solid #e1e1e1; height: 0; margin:10px 0; padding:0; overflow: hidden; }
.divider hr { display: none; visibility: hidden; }

/* Non-Fault Accident Scheme Advert */
#accident-scheme-advert { width: 580px; background-color: #000; }
#accident-scheme-advert #text-left { float: left; width: 310px; height: 250px; background: url(../images/accident_advert_lefttext.gif) top left no-repeat; }
#accident-scheme-advert #text-left h2 { display: none; visibility: hidden; }
#accident-scheme-advert #bullets-right { float: left; width: 270px; height: 250px; background: url(../images/accident_advert_bullets.gif) top left no-repeat; }
#accident-scheme-advert #bullets-right ul { display: none; visibility: hidden; }
#accident-scheme-advert #text-footer { width: 580px; height: 170px; background: url(../images/accident_advert_footertext.gif) top left no-repeat; }
#accident-scheme-advert #text-footer p { display: none; visibility: hidden; }