/* CSS Document */

/*body { color:#929496; font-family:Georgia, Times New Roman, Times, serif; font-size: 0.8em; }*/
body { color:#929496; font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; }

#container, #header, #hmenu, #footer-flash { width:768px; }
#footer, #banner { width:748px; clear:both; }
#banner, #content-left, #content-right, #footer, #copyright { padding:10px; }
#container { margin:0 auto; margin-top:40px; }
#footer { margin-top:2em; font-size:1.2em; }
#banner { background:url('/graphics/newbanner.jpg') right no-repeat #4299d4; }

/*#content { background:url('/graphics/trans-logo.jpg'); background-position:bottom right; background-repeat:no-repeat; }*/

#banner { vertical-align:top; height:80px; margin-bottom:2px; color:#FFF;font-size:1.3em; }

#hmenu { height:2.2em; background-color:#0b5fac; color:#FFF; }
ul.hmenu { list-style-type:none; margin:0 0 0 10px; padding:0; }
ul.hmenu li { margin:0.4em 0 0.4em 0; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; font-size:0.8em; font-weight:bold; display:block; float:left; }
ul.hmenu li a { color:#FFF; text-decoration:none; }
ul.hmenu li a:hover { color:#95c6e8; }
.hleft { border-left:1px #FFF solid; padding-left:1em; }

a, .a { color:#4299d4; text-decoration:none; }
a:hover { color:#95c6e8; }

h1, h2, h3, h4 { font-weight:normal; } /*(font-family:Georgia, Times New Roman, Times, serif;*/
#banner h2 { font-size:1.8em;font-weight:bold; }
h1 { color:#4299d4; margin-bottom:0; padding-left:10px; font-size:42px; }
#header img { margin:0 0 0.4em 0; padding-left:10px; }
h2 { font-size:18px; margin-top:0; }
h3 { font-size:30px; font-weight:normal; margin: 1em 0 1em 0;color:#4299d4; }
h4 { color:#0b5fac; font-size:0.9em; margin:1em 0 1em 0; }
h3 a,h4 a { color:#4299d4; }
h4 a:hover { color:#95c6e8; }

#ht { background:url('/graphics/ht.jpg'); height:10px; width:414px; }
#hm { width:394px; background-color:#F5EFE6; padding:10px; }
#hb { background:url('/graphics/hb.jpg'); height:10px; width:414px; }

#mm { background:url('/graphics/mm.jpg'); height:430px; width:414px; }

#content-left { float:left; width:414px; }
#content-right { float:left; width:314px; text-align:center; }

#footer-flash { height: 12px; background-color:#0b5fac; clear:both; }

.highlight { color:#0b5fac; font-weight:bold; }
.column { width:191px; float:left; padding:3px; }

fieldset { border:0; }
fieldset p { margin:4px 0 0 0; }
#form label { width: 100px; float: left; text-align:left; display:block; font-weight:bold; }
#form input, #form textarea { text-align: left; }
#form p { padding:0; }
#form .indent { margin-left: 200px; }

.VOR { text-align:center; float:left; padding:10px; }
.VOR .label { font-weight:bold; color:#4299d4; padding:3px; }
.VOR .value { color:#000; border:1px solid #4299d4; padding:3px; }

table { font-family:Arial, Helvetica, sans-serif; font-size:12px; border-collapse:collapse; }
table th { text-align:left; font-weight:bold; color:#4299d4; }
table th, table td { vertical-align:top; padding:0.4em; }
table td { color:#000; }

#CustomerMenu { text-align:center; margin-top:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
ul.CustomerMenu { list-style-type:none; margin:0; }
ul.CustomerMenu li { display:block; float:left; border:3px gray solid; margin: 0 0.2em 0 0.2em; padding:0.2em; border-bottom:0; }
ul.CustomerMenu li a { font-style:italic; color:#000; text-decoration:none; }
ul.CustomerMenu li a:hover { color:#929496; }
#LIVehicleInfo { border:3px #4299d4 solid; border-bottom:0; }

#JobInfo { width:100%; }
#InspectionInfo, #DetailsOfRepairs, #ClaimLogging, #ThirdPartyDetails, #Authorisation, #tImages { display:none; }
#VehicleInfo, #InspectionInfo, #DetailsOfRepairs, #ClaimLogging, #ThirdPartyDetails, #Authorisation, #tImages { width:100%; border:3px solid #4299d4; padding:6px; }

.content-right-img { margin-top:10.8em; border:0; }
.services-right-img { margin-top:14.8em; border:0; }
.content-right-img-normal { margin-top:30px; border:0; }
.content-right-graphics { margin-top:6.8em; }

.error { display:block; color:#a90035; margin:0; }

#inspectionReport { border:1px solid black; width:768px; margin:0 auto; }
#inspectionReport .h1 { color:#4299d4; text-align:center; font-size: 30px; margin-bottom:6px; }
#inspectionReport .h3, #inspectionReport .h2 { margin-top:6px; color:#4299d4; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
#inspectionReport .h3 { font-size:14px; margin-bottom:0; }
#inspectionReport .h2 { font-size:18px; }
#inspectionReport table th { font-weight:normal; }
#inspectionReport h4 { color:#4299d4; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:underline; font-weight:bold; margin:6px 0 6px 0; padding-left:6px; }
#inspectionReport p { padding:0 6px 6px 6px; }