body {background: #e9f0f7 url(/images/common/bg.gif) repeat-x;  margin: 25px 0 0 0; padding: 0; color: #333333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px;}

h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}
h1 {color: #28367f; font-size: 24px; margin: 0 0 12px 0; font-weight: normal; line-height: 1.1;}
h2 {color: #4284c4; font-size: 18px; margin: 4px 0 3px 0; font-weight: normal; line-height: 1.2;}
h3 {color: #7babda; font-size: 14px; margin: 4px 0 12px 0; font-weight: normal; font-weight: bold;}
h4 {color: #005997; font-size: 12px; margin: 0;} 
a img,img{border:none;display:block;}
/* mac hide \*/
html,body{height:100%;}
html {min-height:100%; margin-bottom: 1px; }
html {overflow-y: scroll} 
/* end hide*/
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top; padding: 0;}
a:link, a:visited, a:active {color: #78abdc;}
a:hover {color:#0b2e50; }	
h2 a:link, h2 a:visited, h2 a:active {color: #849db4;}
h2 a:hover {color:#005997;}	
ul { margin: 1px 0 16px 0; padding:0 0 0 5px; list-style:none;}
ul li {	background:url(/images/common/bluecircle.gif) no-repeat 0 7px; padding-left: 15px; margin-bottom: 1px;}
ul li ul li {padding: 0 0 0 15px; background:url(/images/common/gray_circle.gif) no-repeat 0 7px;}
p {margin: 6px 0 18px 0;}
sup {line-height: 9px; font-size: 10px;}
h1 sup {font-size: 13px; vertical-align: top;}
hr {border: 0; height: 1px;	color: #CCCCCC; background-color: #CCCCCC;margin: 0 auto;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#aspnetForm {margin: 0; padding: 0;}

.submit {background: url(/images/common/button87.jpg) no-repeat; width: 87px; height: 36px; border: 0; color: #FFFFFF; font: bold 12px Arial, Helvetica, sans-serif; }
.submit:hover { background: url(/images/common/button87hov.jpg) no-repeat; width: 87px; height: 36px; border: 0;}

#container {width: 879px; padding: 1px 30px 30px 30px; margin: 0 auto;  background:url(/images/common/containerbg.gif) repeat-y top;}
#containertop {width: 939px; height: 8px; margin: 0 auto; background: url(/images/common/containertop.gif) no-repeat; }
#containerbot {width: 939px; height: 8px; margin: 0 auto; background: url(/images/common/containerbot.gif) no-repeat; clear: both;}
#logo {margin: -19px 0 0 0; position: relative;}


#search {float: right; padding: 16px 0 12px 12px;}
#spansearch {background: url(/images/common/searchbox.gif) no-repeat; width: 214px; height: 33px; border: 0; float: left; padding: 1px 1px 1px 1px; margin: 2px 3px 0 0; }
#searchinput {width: 207px; height: 22px; border: 0; margin: 0; padding:6px 0 0 3px; font-size: 13px;}
.searchblur { background: url(/images/common/searchicon.gif) no-repeat  7px 6px;}
.searchfocus { background: none;}
#spansubmit {background: url(/images/common/button87hov.jpg) no-repeat; width: 87px; height: 36px; float: left;}
#searchsubmit {background: url(/images/common/button87.jpg) no-repeat; width: 87px; height: 36px; border: 0; color: #FFFFFF; font: bold 12px Arial, Helvetica, sans-serif;  }
#searchsubmit:hover {background: none; }

#searchiframe iframe { width: 577px;}


#navbar{width: 879px; height: 32px; background: url(/images/common/navbg.gif) repeat-x; margin: 6px auto 12px auto; padding: 0; clear: both; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 13px; }
#navleft {width: 2px; height: 32px; float: left; background: url(/images/common/navleft.gif) no-repeat;}
#navright {width: 2px; height: 32px; float: right; background: url(/images/common/navright.gif) no-repeat;}

#navdiv {float: left; width: 1px; height: 19px; margin: 6px 0 0 11px; background: #79b0e3; font-size: 0; }
#navlinks {float: right; padding: 9px 20px 0 0; height: 23px; margin: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff;}

#navlinks a:link, #navlinks a:active, #navlinks a:visited {color: #ffffff;}
#navlinks a:hover {color: #e6f1fa;}

#homeintro {width: 879px; height: 211px; margin: 0 0 24px 0;  background: url(/images/home/introbg.jpg) no-repeat; clear: both;}
#introblurb{float: right; padding: 25px 48px 0 0; width: 357px; height: 211px;}
#introlinks {margin: 0 auto; padding: 12px 0 0 0;}
#introlinks li {float: left; background: none; padding: 0; }
#introlinks a {color: #063c6d; font: bold 14px Arial, Helvetica, sans-serif;  padding: 2px 24px 0 21px; height: 19px; display: block; background: url(/images/home/circlearrow.jpg) no-repeat; }
#introlinks a:hover {color: #ffffff;  }

#content {width: 879px;}
#contentleft{width: 604px; padding: 20px 40px 0 5px; float: left;}
#contentright{width: 230px; float: left; padding: 48px 0 0 0;}



#homefeatures {width: 879px;}
#homefeatures div { height: 190px; border: 1px solid #e7e7e7; margin: 0 23px 0 0; border-top: 2px solid #e7e7e7; float: left; padding: 0 0 2px 0;}
#homefeatures h2 { margin: 0 0 6px 0;}
#homefeatures h2 a{ width: 275px; height: 28px;  padding: 6px 0 0 0;  display: block; background: url(/images/common/h2bg.gif) repeat-x; text-align: center; color: #4284c4; text-decoration: none;}
#homefeatures h2 a:hover {color: #2a6cab;}
#homefeatures div.lastfeature {margin: 0;}
#homefeatures img, #homefeatures div div  {float: left;}
#homefeatures ul {padding: 12px 0 6px 0; width: 165px; margin: 0;}
#homefeatures p a {background: url(/images/common/bluelogoarrow.gif) no-repeat ; padding: 0 0 0 44px;}
#homefeatures div div  {border: 0;}

#footer {width: 860px; height: 51px; padding: 11px 40px 0 33px; margin: 6px auto 0 auto;  background:url(/images/common/footerbg.gif) repeat-x; font-size: 11px; color: #ffffff;}
#footlogo {float: left; padding: 0 30px 0 0;}
#footer ul{ margin: 0; padding: 3px 0 0 0; height: 12px; }
#footer li { margin: 0; padding: 0 8px 2px 8px; background: none; border-right: 1px solid #bbbbbb; float: left; line-height: 12px; }
#footer li.first {padding-left: 0;}
#footer li.last {border: 0;}
#footer a {padding: 0; margin: 0; color:#ffffff;}
#footer a:hover {color:#bed6ed;}
#footernav {float: left; padding: 0; width: 625px;}
#footersocial {float: right; padding: 10px 0 0 0;}
#footersocial img {float: left; padding: 0 0 0 18px;}


#affiliations {margin: 0 auto; width: 550px; height: 100px; padding: 16px 0 0 0; text-align: center; }
#affiliations img {border: 1px solid #dce7f2; float: left; margin: 0 26px; }

sup {line-height: 9px; font-size: 10px;}
h1 sup {font-size: 13px; vertical-align: top;}






#newslist { width: 552px; margin: 1px 0 16px 0; padding: 0; font-weight: bold; border-top: 1px solid #eaeaea; }
#newslist li { padding: 0; margin: 0; background: none; width: 550px; display: block; }
#newslist li a {width: 532px; padding: 5px 9px 10px 9px; color: #2c78ae; text-decoration: none; display: block; background: #ffffff; border: 1px solid #eaeaea; border-top: 0; margin: 0;}
#newslist li a span{color: #666666;}
#newslist li a:hover {color: #2672a7; margin: 0; text-decoration: none; display: block; background: #f8f8f8; border: 1px solid #5da0bc border-top: 0;}

.theme {float: right; margin:0 0 16px 20px; width: 227px; height: 156px;}
.showmore {width: 200px; height: 40px; background: url(/images/common/show_more_arrow.gif) no-repeat right 5px; padding: 0 16px 0 0;}
.showless {width: 200px; background: url(/images/common/show_less_arrow.gif) no-repeat right 5px; padding: 0 16px 0 0;}


 
#cform {margin: 0 0 0 0; padding: 0 0 12px 0; width: 430px;}
#cform table{width:400px; margin: 0; clear: right;}
#cform td{padding: 6px 6px 6px 0; vertical-align: top; line-height: 18px;}
#cform select, #cform input {border: 1px solid #AAAAAA; width: 190px;}
#cform .double {width: 400px; }
#cform .radio {border: none; width: auto;}
#cform textarea {width: 400px; height: 125px; border: 1px solid #AAAAAA;}
#cform .submit {width: 87px; float: right; border:0;  }


#activitydates {width: 250px;}
#activitydates th {text-align: right; padding: 6px 6px 6px 0; vertical-align: top; }
#activitydates td {padding: 6px 6px 6px 0; vertical-align: top;}
#activitydates input {border: 1px solid #AAAAAA; width: 150px; padding: 3px 2px 3px 5px;}
#activitydates .submit {width: 87px; border: 0; }


#lform {width: 500px;}
#lform input {border: 1px solid #AAAAAA; width: 190px;}
#lform .radio {border: none; width: auto;}
#lform .submit {width: 87px; border: 0;}
#remember {padding: 7px 0; width: 300px; height: 25px;}
#lform .rememberCheck {width: 20px; height: 20px; padding: 0 0 0 0; float: left;}
#lform .rememberCheck input {width: 15px; border: 0; margin: 0 0 0 0; float: left;}
#lform #rememberMe {font-size: 11px; padding: 0 0 0 0; float: left;}


#qform {margin: 0 0 0 0; padding: 0 0 12px 0; width: 430px;}
#qform table{width:400px; margin: 0; clear: right;}
#qform td{padding: 6px 6px 6px 0; vertical-align: top; line-height: 18px;}
#qform select, #qform input {border: 1px solid #AAAAAA; width: 190px;}
#qform .double {width: 400px; }
#qform .radio {border: none; width: auto;}
#qform textarea {width: 400px; height: 125px; border: 1px solid #AAAAAA;}
#qform .submit {width: 87px; border: 0; float: right;  }
#qform th {text-align: left; padding: 24px 8px 8px 0; color: #4284c4; font-size: 18px; font-weight: normal; font-family:Arial, Helvetica, sans-serif;}

#shipform {margin: 0 0 0 0; padding: 0 0 12px 0; width: 430px;}
#shipform table{width:400px; margin: 0; clear: right;}
#shipform td{padding: 6px 6px 6px 0; vertical-align: top; line-height: 18px;}
#shipform select, #shipform input {border: 1px solid #AAAAAA; width: 190px;}
#shipform .double {width: 400px; }
#shipform .radio {border: none; width: auto;}
#shipform textarea {width: 400px; height: 125px; border: 1px solid #AAAAAA;}
#shipform .submit {width: 87px; border: 0; float: right;  }
#shipform th {text-align: left; padding: 24px 8px 8px 0; color: #4284c4; font-size: 18px; font-weight: normal; font-family:Arial, Helvetica, sans-serif;}

#shipform table#tship input, #shipform table#tship select {width: 150px;}
#shipform #tship th {text-align: left; padding: 24px 8px 8px 0; color: #4284c4; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}


#vtracking {margin: 12px 0 12px 0; width: 500px; border: 1px solid #e5e5e5;}
#vtracking th {text-align: left;}
#vtracking td {padding: 10px;}
#vtracking h3 {margin: 0;}

.tracknumber {border: 1px solid #AAAAAA; width: 185px; height: 25px; padding: 5px 0 0 5px; float: left; margin: 3px 5px 0 0;}
.error {color: Red;}

#ui-datepicker-div{ font: 75% Verdana, sans-serif;}

.check {float: left; padding: 2px 6px 0 0;}


.pagenav {width: 218px; float: right;}

.sidelist {width: 218px; margin: 0 auto; padding: 0 0 0 0;}
.sidelist li {width: 218px; height: 60px; margin: 0; padding: 0;}
.sidelist a { width: 218px; height: 60px; margin: 0; padding: 0; display: block;}

#quote {background: url(/images/common/request_a_quote_hov.jpg) no-repeat;}
#quote a {background: url(/images/common/request_a_quote.jpg) no-repeat;}
#quote a:hover {background: transparent;}

#track {background: url(/images/common/track_your_vehicle_hov.jpg) no-repeat;}
#track a {background: url(/images/common/track_your_vehicle.jpg) no-repeat;}
#track a:hover {background: transparent;}

#log {background: url(/images/common/client_login_hov.jpg) no-repeat;}
#log a {background: url(/images/common/client_login.jpg) no-repeat;}
#log a:hover {background: transparent;}


.portalnav {width: 218px; float: right;}
.portalmenuheader {background:url(/images/common/portalnavheader.gif) no-repeat top; width: 197px; height: 26px; padding: 10px 0 0 0; text-align: center; color: #f0f8fd; margin: 0 auto;}
.portalmenu {width: 170px; border-left: 1px solid #d7e4f2; border-right: 1px solid #d7e4f2; padding: 10px 10px 10px 15px; margin: 0 auto;}
.portalmenu p{font-size: 11px; margin: 0; padding: 8px 0 8px 0;}
.portalmenu ul {padding: 0 0 8px 0; margin: 0;}
.portalmenu li {background: none; padding: 0 0 2px 0;}
.portalmenu a {background: url(/images/common/bluearrow.gif) no-repeat 0 6px; padding: 0 0 0 15px;}
.portalmenubot {background:url(/images/common/portalnavbottom.gif) no-repeat top; width: 197px; height: 2px; margin: 0 auto; }
.rightimg {float: right;}

#inv {border-bottom: 1px solid #e5e5e5; width: 400px; line-height: 20px;} 
#inv td { padding: 3px 0 8px 0;}
#inv table td{padding: 1px 1px 1px 10px;}

#items {width: 400px;}
#items td {padding: 2px 0 2px 0;}

#invoicedate {float: right;}

#totaldue {width: 397px; text-align: right; padding: 3px;}
#contactdetails p {float: left; padding-right: 40px;}

.rinput {border: 1px solid #AAAAAA; width: 185px; height: 25px; padding: 5px 0 0 5px; margin: 3px 5px 0 0;}
.blogright {font-size: 11px; color: #666666;}
.smalltext {font-size:11px; font-family:Arial, Helvetica, Verdana, Sans-Serif; line-height: 15px;}
