/*----------------------------------------- RESET -----------*/
html {
font-size: 12px;
font-weight: normal;
font-style: normal;
line-height: 1em;}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
  text-decoration: none;}
  
hr {display: none;}

:focus {
	outline: none;}
	
ol, ul {
	list-style: none;}
	
table {
	border-collapse: separate;
	border-spacing: 0;
}
/*----------------------------------------- LAYOUT -----------*/
/* mac hide \*/
html, body {height:100%}
/* end hide*/

body { text-align: center;}
	
div#outer { min-height: 100%; margin-bottom: -100px; text-align: left;}

div.centered { clear: both; width: 960px; margin-left: auto; margin-right: auto;}

.left {float: left;}
.right {float: right;}

/*----------------------------------------- HEADER -----------*/
div#header div.centered {background: url('images/tagline.gif') no-repeat bottom right; height: 61px; margin-bottom: 10px;}
a#logo img { margin: 22px 0 0 10px;}

div#menu {background: url('images/menu_bg.gif') repeat-x; width: 710px; height: 48px; overflow: hidden; float: left;}
div#menu a, div#menu span.active {display: block; float: left; padding: 15px 17px 10px; color: #fff; font-weight: bold; font-size: 14px;}
div#menu a:hover {background: url('images/menu_hover.gif') repeat-x;}
div#menu span.active {background: url('images/menu_active.gif') repeat-x;}
div#menu span.spacer {display: block; width: 2px; height: 38px; float: left; background: url('images/spacer.gif') no-repeat center center;}
/*----------------------------------------- CONTENT -----------*/

div#content { width: 470px; float: left; margin: 0 0 15px 0; line-height: 1.4em;}
div#sidebar { width: 240px; float: right; margin: -48px 0 15px 0; z-index: 5; position: relative; line-height: 1.3em;}
div#auxbar { width: 240px; float: left; margin: 0 0 15px 0; line-height: 1.3em;}
div#inner {padding: 0 15px;}

div#auxbar object {margin-bottom: 12px;}
div#auxbar div.left {width: 86px;}
div#auxbar div img {margin-bottom: 10px;}

p#home_intro {height: 134px; background: #232e40 url('images/intro.gif') no-repeat center center; margin-bottom: 12px; color: #fff; font-size: 24px; line-height: 30px; padding: 20px;}
p#home_intro span {display: none;}

p#contactbox { padding: 10px; background: #222d3e; color: #fff; font-weight: bold; margin-bottom: 12px;}

div#serviceboxes {clear: both; padding-top: 12px; background: url('images/services_top.gif') repeat-x top;}
div#serviceboxes div {width: 205px;}
div#serviceboxes div.left {padding-right: 14px; border-right: dotted 1px #bbb;}

div.point {clear: both; margin: 10px 0 20px;}
div.point span {display: block; float: left; width: 44px; height: 46px; text-align: center; padding-top: 5px; color: #35a; font-size: 42px; line-height: 1em; font-weight: bold; background: url('images/point_bg.jpg') no-repeat;}
div.point h2, div.point p {margin-left: 58px;}

div.caption  {height: 19px; padding: 4px 10px; background: url('images/caption_bg.gif') repeat-x; border: solid 1px #b3b3b3;  }
div.caption p.left {width: 150px;} div.caption p.right {width: 268px;}
div.truck {background: url('images/truck_bg.gif') repeat-x bottom; border-style: solid; border-color: #b3b3b3; border-width: 0 1px; padding: 10px;}
#content div.truck h2 {float: left; width: 150px; font-size: 14px; margin: 0; line-height: 1em;}
#content div.truck div {margin: 0 0 0 150px; }
#content div.truck div strong {display: block; float: left; width: 90px; text-align: right; padding-right: 10px; text-transform: uppercase;}
#content div.truck div p {margin: 0 0 0 100px; }

div#brands div.left {width: 136px; margin-right: 10px;}

div#map {clear: right; width: 448px; height: 448px; border: solid 1px #888; margin-bottom: 10px;}

div#error {height: 242px; background: #232e40 url('images/errorcar.jpg') no-repeat top right; color: #fff; padding: 30px 462px 0 22px; font-size: 18px; line-height: 25px;}

/*------------------------------------------ FORMS -----------*/
#reservationform { border: solid 3px #808da7; padding: 10px; background: #cdd9f2 url('images/reservation_bg.gif') repeat-x top;}
#reservationform input, #reservationform select {width: 212px; border: solid 1px #7f9db9; margin-bottom: 10px;}
#reservationform p {margin-bottom: 12px;}
#reservationform input#buy, #reservationform input#rent, #reservationform input#lease {width: auto; border: none; margin-bottom: 0;}
#reservationform input.sendbutton {width: 125px; height: 25px; background: url('images/submit_bg.gif') no-repeat; float: right; border: none; color: #3d3c3c; font-weight: bold;}
#reservationform h1 {width: 185px; height: 18px; background: url('images/reservation_title.gif') no-repeat; margin-bottom: 12px;}
#reservationform h1 span {display: none;}

#contactform div, #orderform div {clear: both; margin-bottom: 20px;}
#contactform p, #orderform p {clear: both; margin-bottom: 15px;}
#contactform strong, #orderform strong {color: #2f456e;}
#contactform span, #orderform span {font-size: 10px; color: #aaa;}
#contactform div#block label, #orderform div#block label {display: block; width: 100px; float: left; text-align: right; margin-right: 10px;}
#contactform div#block input, #orderform div#block input {width: 325px; border: solid 1px #7f9db9;}
#contactform textarea, #orderform textarea {width: 435px; border: solid 1px #7f9db9;}
#contactform input.sendbutton, #orderform input.sendbutton {width: 129px; height: 26px; float: right; margin-left: 10px; background: url('images/submitform_bg.gif') no-repeat; border: none; font-weight: bold; color: #2f456e;}

#orderform p.left {width: 102px; margin-right: 10px; clear: none;}
#orderform p.right {width: 102px; clear: none;}
#orderform p.left input, #orderform p.right input {width: 95px; border: solid 1px #7f9db9;}
#orderform div#parts input {border: solid 1px #7f9db9; margin-right: 10px}
#orderform label.hidden {display: none;} 

/*-------------------------------- INVENTORY LINKS -----------*/
a.inventory {display: block; height: 47px; padding: 10px 10px 7px; background: #1a2841 url('images/inventory_bg.gif') repeat-x; border: solid 1px #232e40; color: #fff; font-size: 18px; line-height: 1em; margin-bottom: 10px;}
a:hover.inventory {background: #121c2e url('images/inventory_hover.gif') repeat-x;}
a.inventory strong span {display: none;}
a#ford_new strong {display: block; width: 175px; height: 42px; background: url('images/ford_new_title.gif') no-repeat;}
a#sterling_new strong {display: block; width: 209px; height: 47px; background: url('images/sterling_new_title.gif') no-repeat;}
a#used_trucks strong {display: block; width: 129px; height: 42px; background: url('images/used_trucks_title.gif') no-repeat;}
p#errorlinks a {float: left; width: 278px; margin: 10px 30px 0 0;}
p#errorlinks a#used_trucks {margin-right: 0;}
/*----------------------------------------- FOOTER -----------*/
div#clearfooter { clear: both; height: 100px;}
div#footer { height: 95px; font-size: 11px;}
div#footer div.centered { border-top: solid 8px #a5beeb; padding-top: 10px;}
div#footer p.right {text-align: right; color: #385280;}

/*----------------------------------------- TYPOGRAPHY -----------*/

body { font-family: arial, helvetica, sans-serif; color: #333;}
strong, th, thead td, dt, b, address { font-weight: bold; }
cite, em, dfn, i, dd, blockquote { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-family: arial; }
del { text-decoration: line-through; color: #666;}
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 0.8em; }
big {font-size: 1.2em;}
abbr, acronym { text-transform: uppercase;}
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
strike { text-decoration: line-through;}
p, blockquote, ul, ol {margin-bottom: 10px;}
p.big {font-size: 16px; line-height: 24px;}
ul.stats {margin-left: 30px; list-style-image: url('images/dot.gif'); line-height: 1.6em;}
p.warning {font-weight: bold; color: #f00;}

/*----------------------------------------- HEADINGS -----------*/
h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1em; color: #2f456e; margin-bottom: 0.7em;}

#content h1 {font-size: 20px;}
#content h2 {font-size: 18px;}
#content h3 {font-size: 16px;}
#content h4 {font-size: 14px;}
#content h6 {font-style: italic;}

div#error h1 {color: #fff; font-size: 33px; margin-bottom: 1em; font-weight: normal;}

div.caption, div#content div#brands h2 {color: #2f456e; font-weight: bold; text-transform: uppercase; font-size: 12px;}

div#serviceboxes h1 {font-size: 14px; color: #4e4e4e; padding-left: 18px; background: url('images/service_title_icon.gif') no-repeat center left;}
/*----------------------------------------- LINKS -----------*/
a {color: #3355aa; text-decoration: underline;}
a:hover, p#contactbox a:hover {color: #4466ff;}
p#contactbox a {color: #7eaaf4;}
div#serviceboxes a {font-size: 11px; float: right; font-weight: bold;}
a#maplink {display: block; float: right; width: 164px; height: 19px; background: url('images/maplink_bg.jpg') no-repeat; font-weight: bold; text-align: right; margin: 0 -10px 0 0; text-decoration: none; padding: 5px 10px 0 0;}
a#new_trucks {display: block; width: 450px; height: 88px; margin-bottom: 15px; background: url('images/newtrucks_bg.jpg') no-repeat top center;}
a:hover#new_trucks {background: url('images/newtrucks_bg.jpg') no-repeat bottom center;}
a#used_trucks_ {display: block; width: 450px; height: 88px; margin-bottom: 15px; background: url('images/usedtrucks_bg.jpg') no-repeat top center;}
a:hover#used_trucks_ {background: url('images/usedtrucks_bg.jpg') no-repeat bottom center;}
a#new_trucks span, a#used_trucks_ span {display: none;}
p.buttons a {display: block; width: 190px; height: 20px; padding: 7px 10px; margin-bottom: 10px; background: url('images/button_bg.jpg') no-repeat top center; text-decoration: none; font-weight: bold; font-size: 18px;}
p.buttons a:hover {background: url('images/button_bg.jpg') no-repeat bottom center;}
div#error a {color: #81a1f3;} div#error a:hover {color: #bdf;}

/*----------------------------------------- TABLES -----------*/

table { width: 100%; border: solid 1px #b3b3b3; border-collapse: collapse; margin-bottom: 10px;}
th {height: 19px; padding: 4px 10px; background: url('images/caption_bg.gif') repeat-x; border: solid 1px #b3b3b3; color: #2f456e; font-weight: bold; text-transform: uppercase;}
td {padding: 4px 10px;} tr.c1 td {background: #cdd9f2;} tr.c2 td {font-weight: bold; color: #f00;}

/*----------------------------------------- VERNON LONG MEMORIAL -----------*/
p#memorial {border: solid 3px #000; padding: 5px; font-size: 18px; font-weight: bold; overflow: hidden;}
p#memorial a {text-decoration: none; color: #000;}
p#memorial a:hover {color: #555;}