.left {float:left}
.right {float:right;}
.clear {clear:both; padding:0; margin:0; font-size:0;}
a, img {outline:none; border:none;}
html, body, form {margin:0; padding:0;}
input, select {border:1px solid #d5d5d5; background:url(../images/input-bg.gif) 0 1px repeat-x;}
a:link {color:#006899; text-decoration:none;}
a:hover {color:#006899; text-decoration:underline;}
a:visited {color:#5a327b; text-decoration:none;}
.bgcontainer { background:url(../images/background.gif) repeat-x; width:955px;  font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; }

/* customer login */

.customerlogin .container{padding:90px 90px 50px;}
.customerlogin .container .header {border-bottom:1px solid #d8d8d8; padding:0 0 10px;}
.customerlogin .container .header .contactus {font-size:11px; text-align:right;}
.customerlogin .container .bodycopy {width:630px; height:500px;}
.customerlogin .container .bodycopy h1 {color:#650360; font-size:24px; font-family:"Arial Narrow"; margin:13px 0; padding:0;}
.customerlogin .container .bodycopy h2 {color:#650360; font-size:18px; font-family:"Arial Narrow"; margin:0;}
.customerlogin .container .bodycopy h3 {color:#2c1262; font-size:14px;}
.customerlogin .container .bodycopy .fields {width:275px;}
.customerlogin .container .bodycopy .ordiv {padding:20px 30px;}
.customerlogin .container .bodycopy .tablecontainer {padding:35px 0 0;}
.customerlogin .greytext {color:#9e9e9e; font-size:11px;}
.customerlogin input.btn-search  {background:url(../images/btn-search.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:20px; width:82px; margin: 20px auto 0; border:none; cursor:pointer; outline:none;}
.customerlogin .container .footer {border-top:1px solid #d8d8d8; padding: 15px 0; font-size:11px;}
.customerlogin .container .footer a {border-left:1px solid #999; padding: 0 10px;}
.customerlogin .container .footer a:first-child {margin-left: 10px;}

/* Menu */

#topnav {margin: 0;	padding: 0}
#topnav li {float: left;list-style: none;font: 12px Tahoma, Arial}
#topnav li a	{display: block; padding: 8px 25px;text-decoration: none; border-right: 1px solid #ccc; color: #505050;}
#topnav li a:hover { color:#006899; background:url(../images/nav-hover.gif) repeat-x;}
#topnav li ul {margin: 0 0 0 -1px; padding: 0; position: absolute; visibility: hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; background:url(../images/nav-ul-hover.gif) 0 0 repeat-x; width: 128px;}
#topnav li ul li {float: none; display: inline; }
#topnav li ul li a { border-bottom:1px solid #ccc; outline:none; padding-right:10px; }
#topnav li ul li a:hover { background:none;}

/* direct inspect vip */

.directinspectvip .container{padding:90px 90px 50px;}
.directinspectvip .container .header {padding:20px 5px 10px; background:url(../images/menu-bg.gif) no-repeat 0 20px;}
.directinspectvip .container .header .contactus {font-size:11px; text-align:right;}
.directinspectvip .container .bodycopy {width:630px; height:500px;}
* html .directinspectvip .container .bodycopy .tablecontainer {padding-bottom:160px;}
.directinspectvip .container .bodycopy h1 {color:#650360; font-size:24px; font-family:"Arial Narrow"; margin:13px 0; padding:0;}
.directinspectvip .container .bodycopy h2 {color:#650360; font-size:18px; font-family:"Arial Narrow"; margin:0;}
.directinspectvip .container .bodycopy h3 {color:#2c1262; font-size:14px;}
.directinspectvip .container .bodycopy .fields { text-align:center; padding:0 0 20px;}
.directinspectvip .container .bodycopy .fieldslabel {text-align:right; width:300px; padding-top:3px;}
.directinspectvip .container .bodycopy .fieldsinputs {width:240px; padding-left:15px; text-align:left;}
.directinspectvip .container .bodycopy .ordiv {padding:20px 30px;}
.directinspectvip .container .bodycopy .tablecontainer {padding:35px 0 0;}
.directinspectvip .greytext {color:#9e9e9e; font-size:11px;}
.directinspectvip input.btn-cancel  {background:url(../images/btn-cancel.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:20px; width:66px; margin:10px 20px 0 350px; float:left; border:none; cursor:pointer; outline:none;}
.directinspectvip input.btn-continue  {background:url(../images/btn-continue.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:20px; width:83px; margin:10px auto; float:left; border:none; cursor:pointer; outline:none;}
.directinspectvip .container .footer {border-top:1px solid #d8d8d8; padding: 15px 0; font-size:11px;}
.directinspectvip .container .footer a {border-left:1px solid #999; padding: 0 10px;}
.directinspectvip .container .footer a:first-child {margin-left: 10px;}
.directinspectvip .container a.logoff {font-size:11px; margin-top:20px; float:right;}
.directinspectvip .container .tabledata {width:265px; color:#505050; font-family:Arial, Helvetica, sans-serif;}
* html .directinspectvip .container .tabledata {width:295px;}

/* Error */

.error {background:#ffcccc; border:1px solid #990000; color:#990000; padding:10px; margin:20px 0;}



/* inspection report  */

.inspectionreport .bgcontainer {background:url(../images/report-detail-bg.gif) 0 0 repeat-x; width:100%;  font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
.inspectionreport .container{padding:90px 90px 50px;}
.inspectionreport .container .header {padding:0px 0px 10px; border-bottom:1px solid #d8d8d8;}
.inspectionreport .container .bodycopy {padding-bottom:50px;}
.inspectionreport .container .bodycopy h1 {color:#650360; font-size:24px; font-family:"Arial Narrow"; margin:13px 0; padding:0;}
.inspectionreport .container .bodycopy h2 {color:#650360; font-size:18px; font-family:"Arial Narrow"; margin:0;}
.inspectionreport .container .bodycopy h3 {color:#2c1262; font-size:14px;}
.inspectionreport .container .bodycopy .fields { text-align:center; padding:0 0 20px;}
.inspectionreport .container .bodycopy .fieldsinputs {padding:10px 0 0 15px; text-align:left;}
.inspectionreport .container .footer {border-top:1px solid #d8d8d8; padding: 15px 0; font-size:11px;}
.inspectionreport .container .footer a {border-left:1px solid #999; padding: 0 10px;}
.inspectionreport .container .footer a:first-child {margin-left: 10px;}
.inspectionreport .container a.btnprint {background:url(../images/btn-print.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:13px; width:41px; border:none; cursor:pointer; outline:none; font-size:11px; margin-top:20px; float:right;}
.inspectionreport .container a.btnclose {background:url(../images/btn-close.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:19px; width:19px; border:none; cursor:pointer; outline:none;font-size:11px; margin:15px 0 0 10px; float:right;}
.inspectionreport .container .infoblocks {margin-top:20px;}
.inspectionreport .container .infoblocks .top { background:url(../images/report-detail-header-bg.gif) no-repeat; height:33px; width:756px; padding-left:16px;}
.inspectionreport .container .infoblocks .top h3 {color:#2c1262; font-size:14px; margin:0; padding:8px 0 0; float:left;}
.inspectionreport .container .infoblocks .top .excesswear {font-size:10px; font-weight:bold; padding:10px 25px 0 0;}
.inspectionreport .container .infoblocks .top .excesswear a {color:#505050;}
.inspectionreport .container .infoblocks .middle { background:url(../images/report-detail-body-bg.gif) repeat-x bottom #fff; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:726px; padding:16px 16px 20px;}
.inspectionreport .container .infoblocks .infodetails {width:440px;}
.inspectionreport .container .infoblocks td {border-bottom:1px solid #d8d8d8; padding:10px 0;}
.inspectionreport .container .infoblocks .carimg {width:260px; margin:10px 0 0 15px;}
.inspectionreport .container .infoblocks .carimg img {border:1px solid #d8d8d8;}
.inspectionreport .container .infoblocks .middle ul.imglist { list-style-type:none; margin:20px 0; padding:0;}
.inspectionreport .container .infoblocks .middle ul.imglist li { display:inline-block; padding:10px; zoom: 1;*display:inline; }
.inspectionreport .container .infoblocks .middle .innertable {margin-top:20px; font-size:10px;}
.inspectionreport .container .infoblocks .middle .innertabletop {background:url(../images/innertable-header.gif) no-repeat; height:33px; width:716px; padding-left:16px;}
.inspectionreport .container .infoblocks .innertabletop h3 {color:#2c1262; font-size:14px; margin:0; padding:8px 0 0; float:left;}
.inspectionreport .container .infoblocks .middle .innertablemid {background:url(../images/innertable-mid.gif) bottom repeat-x; width:694px; margin-left:1px; padding:16px; border-left:1px solid #dedede; border-right:1px solid #dedede;}
.inspectionreport .container .infoblocks .middle .insidetable {border:1px solid #dedede; font-size:10px;}
.inspectionreport .container .infoblocks .middle .insidetable td {padding:5px; border:none;}
.inspectionreport .container .infoblocks .middle .insidetable thead { background:url(../images/innertable-thead.gif) bottom repeat-x;}
.inspectionreport .container .infoblocks .middle .insidetable thead td{border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:5px;}
.inspectionreport .container .infoblocks .middle .insidetable thead td:last-child{border:none;  border-bottom:1px solid #dedede;}
.inspectionreport .container .infoblocks .middle .insidetable .odd {background-color:#e7f6fd;}
.inspectionreport .container .infoblocks .middle .insidetable .even {background-color:#fff;}
.inspectionreport .container .infoblocks .middle .innertablebot {background:url(../images/innertable-footer.gif) no-repeat; height:7px; width:730px;}
.inspectionreport .container .infoblocks .bottom { background:url(../images/report-detail-footer-bg.gif) no-repeat; width:760px; padding-top:10px; text-align:right;}

/* Quicklinks */
.inspectionreport .container a.btn-quicklinks  {background:url(../images/btn-quicklinks.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-5000px; height:20px; width:94px; margin: -45px 0 0; outline:none;}
#quicklinks {margin: 0;	padding: 0}
#quicklinks li {float: left;list-style: none;font: 12px Tahoma, Arial}
#quicklinks li a	{display: block; text-decoration: none; color: #505050;}
#quicklinks li a:hover { color:#006899;}
#quicklinks li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/nav-ul-hover.gif) 0 0 repeat-x; width: auto;}
#quicklinks li ul li {float: none; display: inline; }
#quicklinks li ul li a { border-bottom:1px solid #ccc; outline:none; padding: 8px 5px;}
#quicklinks li ul li a:hover { background:none;}

.chargeable { background-color:#FFCCCC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}