html { padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: small; }
body { margin: 0; }
a { text-decoration: none; color: #cd0c40; }
a:hover { text-decoration: underline; }

/* Used to hide any text equivalents for image based text.
Dimensions are applied to the tag that the text appears in,
eg h1, h2, h3.
-------------------------------------------*/
.graphicText { font-size: 1em; position: relative; overflow: hidden; display: block; color: #000; }

/* Used to apply the text image to
-------------------------------------------*/
.graphicText em { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }
.clearFloats { clear: both; }

h1 { margin: 0; }
h2 { font-size: 1em; }

#pageWrapper { width: 778px; margin: 0 auto; }

#pageHeader{ min-height: 244px; height: auto !important; height: 244px; position: relative; }
#siteNav { background: #f1f2f4; float: left; position: absolute; bottom: 0; width: 100%; font-size: 0.9em;}
#siteNav span { float: left; margin: 6px; }
#siteNav span strong { color: red; }
#siteNav ul { list-style: none; float: right; margin: 0;}
#siteNav ul li { float: left; background: #6d8492; border-left: 1px solid #546776; border-right: 1px solid #7f8f9c; }
#siteNav ul li a { display: block; padding: 7px 6px; color: #fff; widsth: 49px; text-align: center; white-space: nowrap;}
#siteNav ul li#homeLink { border-left: 0; }
#siteNav ul li#contactLink { border-right: 0; }

#pageMiddle { clear: both; padding: 20px 0; }
#pageContent p 	{ width: 376px; }
#pageImage { float: right; }

#pageFooter { clear: right; }
#footerNav ul { float: left; list-style: none; margin: 0; padding: 0; }
#footerNav ul li { float: left; margin-right: 25px ; }
#footerNav ul li#visitShowroom a { width: 175px; height: 50px; }
#footerNav ul li#bookTestdrive a, #footerNav ul li#callNumber a { width: 176px; height: 50px; }
#footerNav ul li#visitShowroom a em { background: url(/images/footerShowroom.jpg) left top no-repeat; }
#footerNav ul li#bookTestdrive a em { background: url(/images/footerTestdrive.jpg) left top no-repeat; }
#footerNav ul li#callNumber a em { background: url(/images/footerCallNumber.jpg) left top no-repeat; }
#footerNav ul li#callNumber { float: right; margin: 0; }


#footerContent { clear: both; background: #f1f2f4; font-size: 0.8em; height: 50px; line-height: 4.2em; text-align: center;}

#homepage #pageHeader, #login #pageHeader { background: url(/images/headers/home.jpg) left top no-repeat; }
#homepage #pageHeading { height: 58px; width: 321px; }
#homepage #pageHeading em { background: url(/images/pageTitleHome.gif) left top no-repeat; }

#aboutpage #pageHeader { background: url(/images/headers/about.jpg) left top no-repeat; } 
#aboutpage li#aboutLink { background: #556877; }
#aboutpage li#aboutLink a { color: #8ea4b2; }
#aboutpage #pageHeading { height: 22px; width: 67px; }
#aboutpage #pageHeading em { background: url(/images/pageTitleAbout.gif) left top no-repeat; }

#showroom #pageHeader, #editCar #pageHeader, #addCar #pageHeader, #viewCar #pageHeader { background: url(/images/headers/showroom.jpg) left top no-repeat; }
#showroom li#showroomLink, #editCar li#showroomLink, #addCar li#showroomLink, #viewCar li#showroomLink { background: #556877; }
#showroom li#showroomLink a, #editCar li#showroomLink a, #addCar li#showroomLink a, #viewCar li#showroomLink a { color: #8ea4b2; } 
#showroom #pageHeading { height: 23px; width: 110px; }
#showroom #pageHeading em { background: url(/images/pageTitleShowroom.gif) left top no-repeat; }
#showroom #pageContent p { width: 100%; }
#showroom .addNewLink { margin-left: 55px; font-weight: bold; }
#showroom table { width: 100%; }
#showroom th { display: none; }
#showroom td.actions { text-align: center; width: 1%; }
#showroom td.photo { width: 131px; height: 100px; text-align: center; background: #6d8492; }
#showroom td.photo a img { border: 0; }
#showroom td.price { text-align: center; width: 101px; background: #6d8492; color: #fff; }
#showroom td.description { background: #aac1cf; padding: 5px 10px; font-size: 0.9em; vertical-align: top; }
#showroom td.description h3 { margin-top: 10px; margin-bottom: 5px; font-size: 1.1em; }
#showroom td.description h3 a { color: #000; }
#showroom td.description p { margin-top: 4px; margin-bottom: 4px; }
#showroom td.description p a { color: red; }

#addCar #pageHeading { width: 148px; height: 24px; }
#addCar #pageHeading em { background: url(/images/pageTitleAddCar.gif) left top no-repeat; }
#addCar p, #addCar #carFeatures, #editCar p, #editCar #carFeatures { clear: left; }
#addCar textarea, #editCar textarea { width: 250px; height: 150px; }
#fuelType { margin: 0; }
#addCar label, #addCar #fuelType strong, #editCar label, #editCar #fuelType strong { display: block; float: left; wfidth: 150px; font-weight: bold; }
#addCar label.radio, #editCar label.radio { float: none; display: inline; font-weight: normal; }
#addCar #carFeatures strong, #editCar #carFeatures strong { margin-bottom: 10px; }
#addCar #carFeatures p, #editCar #carFeatures p { clear: left; margin: 0; }
#addCar #carFeatures input, #editCar #carFeatures input { float: left; margin-left: 0px; vertical-align: top; }
#addCar #carFeatures label, #editCar #carFeatures label { float: left; width: 160px;}
#addCar table, #editCar table { margin: 20px auto; width: 600px;}
#addCar table th, #editCar table th { display: none; }
#addCar table td, #editCar table td { vertical-align: top; padding: 15px 10px; border-bottom: 1px solid #e9e9e9; }
#addCar table td.fieldName, #editCar table td.fieldName { border-right: 1px solid #ddd; width: 130px; }
#addCar table td.fieldInput, #editCar table td.fieldInput { padding-left: 20px; vertical-align: middle; }
#submit { text-align: center; }
.fieldName div { text-align: center;margin-top: 4px; }

#editCar #pageHeading { width: 148px; height: 24px; }
#editCar #pageHeading em { background: url(/images/pageTitleEditCar.gif) left top no-repeat; }

#testdrive #pageHeader { background: url(/images/headers/contact.jpg) left top no-repeat; }
#testdrive #pageHeading { height: 22px; width: 165px; }
#testdrive #pageHeading em { background: url(/images/pageTitleTestdrive.gif) left top no-repeat; }
#testdrive table { margin: 20px auto; width: 600px;}
#testdrive table td { vertical-align: top; padding: 15px 10px; border-bottom: 1px solid #e9e9e9; }
#testdrive table td.fieldName { border-right: 1px solid #ddd; width: 130px;  font-weight: bold; }
#testdrive table td.fieldInput { padding-left: 20px; vertical-align: middle;}

#viewCar #pageHeading { height: 23px; width: 110px; }
#viewCar #pageHeading em { background: url(/images/pageTitleShowroom.gif) left top no-repeat; }
#viewCar table { width: 1%; margin: 0 auto;  }
#viewCar table td { padding: 0; margin: 30px; }
#viewCar table td #mainImage { text-align: left; }
#viewCar table td.thumbnail { width: 135px; height: 99px; text-align: center; background: #6d8492;}
#viewCar table td.thumbnail img { border: 0;}
#viewCar table td#description { background: #8ea4b2; padding: 10px; }
#viewCar #pageContent p { width: 100%; }
#viewCar table td#description h3 { font-size: 1em; margin: 0; }
#viewCar table td#description p { margin: 10px 0; }
#viewCar table td#price { color: #fff; text-align: center; background: #6d8492; font-weight: bold; }

#servicing #pageHeader { background: url(/images/headers/servicing.jpg) left top no-repeat; }
#servicing #pageImage { margin: 40px; display: inline; }
#servicing li#serviceLink { background: #556877; }
#servicing li#serviceLink a { color: #8ea4b2; }
#servicing #pageHeading { height: 30px; width: 92px; }
#servicing #pageHeading em { background: url(/images/pageTitleServicing.gif) left top no-repeat; }

#contact #pageHeader { background: url(/images/headers/contact.jpg) left top no-repeat; }
#contact #pageHeading { height: 23px; width: 85px; }
#contact #pageHeading em { background: url(/images/pageTitleContact.gif) left top no-repeat; }
#contact li#contactLink { background: #556877; }
#contact li#contactLink a { color: #8ea4b2; }

#flashMessage { border: 2px solid #a4c48a; background: #e2edd9; margin: 0 auto 20px auto; width: 400px; padding: 10px; font-weight: bold; text-align: center; }

.fieldWithErrors { padding: 2px; background-color: red; display: table; }
#errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square;}