/* ------------------------------------------------------------------------
CSS sheet for Packer City Trucks, Inc.
Author: Tim Kadec
Date Created: 1/22/2007

All inquiries for this document should be directed to information@virtualtech.com.
------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
.hide{
	display: none;
}
body{
	font: 12px/1.5em Arial, sans-serif;
	background: url(images/bodybg2.gif) 778px 223px no-repeat #180105;
}
body.nobackground{
	font: 12px/1.5em Arial, sans-serif;
	background: #fff;
}
#wrap{
	width: 100%;
	background: url(images/wrapbg.gif) repeat-y;
	position: relative;
}
#header{
	background: url(images/headerbgad.gif) 778px 0px no-repeat #000;
	height: 224px;
	width: 100%;
	position: relative;
}
#header a.intl{
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	height: 100px; 
	width: 120px;
	text-indent: -9999px;
}
#header h1{
	text-indent: -9999px;
	font-size: 10pt;
	height: 224px;
	width: 779px;
	background: url(images/header.gif) no-repeat;	
}
#header h2{
	display: none;
}
#header #flash{
	position: absolute;
	top: 0px;
	left: 165px;
}

img.map{
	position: absolute;
	left: 0px;
	bottom: 125px;
}
ul.employment{
	list-style-type: none;
	margin-left: 10px;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/

ul.navigation{
	list-style-type: none;
	display: block;
	margin-top: 4px;
	float: left;
	width: 163px;
	padding-bottom: 200px;
}
ul.navigation li{
	width: 160px;
	margin-left: 6px;
	padding-bottom: 10px;
	line-height: 1em;
}
ul.navigation a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
ul.navigation a:hover{
	color: #ddcf57;
}

/* -----------------------------------------------------------------------
CONTENT DESIGN ELEMENTS
-------------------------------------------------------------------------*/

#content{
	float: left;
	width: 612px;
	padding-bottom: 3px;
	background-color: #fff;
	min-height: 450px;
}
#content h3{
	padding: 10px 7px 4px 7px;
	font-size: 12px;
	clear: left;
}
#content h4{
	padding: 10px 7px 4px 7px;
	font-size: 12px;
}
#content p{
	margin: 1.5em 7px;
}
#content p.idealease{
	background: url(images/idealleasesm.gif) top left no-repeat;
	padding-left: 90px;
}
#content p.isuzu{
	background: url(images/isuzusm.gif) 10px 0px no-repeat;
	padding-left: 90px;
	height: 26px;
	padding-top: 20px
}
#content p.icbus{
	background: url(images/icbussm.gif) 0px -9px no-repeat;
	padding-left: 90px;
	height: 53px;
	padding-top: 20px
}
#content p.workhorse{
	background: url(images/workhorsesm.gif) 0px -2px no-repeat;
	padding-left: 90px;
	height: 49px;
	padding-top: 20px
}
#content ul.locations{
	margin-left: 25px;
	padding-bottom: 10px;
	padding-left: 4px;
}
#content .announcements{
	float: right;
	width: 210px;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 10px;
}
#content .announcements h5{
	background-color: #00427b;
	width: 200px;
	padding: 0px 3px 0px 6px;
	color: #fff;
	border: 1px solid #000;
	font-size: 12px;
}
#parts{
	display: block;
	width: 595px;
	margin-top: 1em;
	float: right;
	margin-right: 5px;
}
#parts h2{
	background-color: #00427b;
	width: 100%;
	text-indent: 3px;
	color: #fff;
	border: 1px solid #000;
	font-size: 12px;
}
#parts dl{
	width: 100%;
	border: 1px solid #000;
	border-width: 0 1px 1px 1px;
	float: left;
}
#content #parts dl img{
	float: none;
}
#parts dl dd.img{
	float: right;
}
#parts dt{
	font-weight: bold;
	margin: .2em .5em;
}
#parts dd.price{
	margin: .2em .5em;
}
#content .announcements p{
	margin: 0px;
	padding: 2px 3px 2px 6px;
	border: 1px solid #000;
	border-top: 0px;
	background-color: #dadbfa;
	margin-bottom: 2px;
	width: 200px;
}
#content .usedsearch{
	float: right;
	width: 210px;
	margin-right: 25px;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}
#content .usedsearch form{
	margin: 0;
	padding: 0;
	float: none;
}
#content .usedsearch select{
	margin-top: .5em;
}
#content .usedsearch input{
	margin: .5em 0;
}
#content .usedsearch p{
	margin: 0px;
	padding: 2px 3px 2px 6px;
	border: 1px solid #000;
	border-top: 0px;
	background-color: #dadbfa;
	margin-bottom: 2px;
	width: 200px;
}
#content .usedsearch h5{
	background-color: #00427b;
	width: 200px;
	padding: 0px 3px 0px 6px;
	color: #fff;
	border: 1px solid #000;
	font-size: 12px;
}
#content .newideal{
	text-align: center;
	clear: both;
	width: 98%;
}
#content .newideal h5{
	background-color: #00427b;
	width: 95%;
	padding: 0px 3px 0px 6px;
	color: #fff;
	border: 1px solid #000;
	font-size: 12px;
	display: block;
	margin: auto;
	margin-bottom: 0px;
	text-align: left;
}
#content .newideal p{
	padding: 2px 3px 2px 6px;
	border: 1px solid #000;
	border-top: 0px;
	background-color: #dadbfa;
	margin-bottom: 2px;
	width: 95%;
	margin: auto;
	margin-top: 0px;
	text-align: left;
}
#content ul.manufacturers{
	list-style-type: none;
	float: left;
	padding-top: 50px;
}
#content ul.manufacturers li{
	float: left;
	text-align: center;
	margin-left: 30px;
}
#content ul.manufacturers li a{
	display: block;
	text-indent: -9999px;
	height: 72px;
	width: 65px;
}
#content ul.manufacturers li.international{
	background: url(images/internationalsm.gif) center center no-repeat;
}
#content ul.manufacturers li.isuzu{
	background: url(images/isuzusm.gif) center center no-repeat;
}
#content ul.manufacturers li.idealease{
	background: url(images/idealleasesm.gif) center center no-repeat;
}
#content ul.manufacturers li.workhorse{
	background: url(images/workhorsesm.gif) center center no-repeat;
}
#content ul.manufacturers li.icbus{
	background: url(images/icbussm.gif) center center no-repeat;
}
#content ul.manufacturers li.maxforce{
	background: url(images/maxforce.gif) center center no-repeat;
	width: 150px;
}
ul.normal{
	padding-left: 10px;
	margin-left: 30px;
}
#content img{
	float: right;
	margin: 5px;
}
img.location{
	border: 1px solid #000;
}
a.business{
	float: left;
	width: 49%;
	text-align: center;
	margin-bottom: 10px;
}
a.individual{
	float: right;
	width: 49%;
	text-align: center;
}
h5{
	font-size: 1em;
	font-weight: bold;
	padding: 10px 7px 0px 7px;
}
h5.monthly{
	clear: both;
}
#content h6{
	padding: 10px 7px 4px 7px;
	font-size: 12px;
}
p.after{
	border-bottom: 1px solid #cccccc;
	padding-top: 3px;
}
#content img.largemap{
	float: none;
	text-align: center;
	display: block;
	margin: auto;
	margin-top: 20px;
	border: 1px solid #000;
}
a.vpclink{
	margin-left: 10px;
	font-weight: bold;
}
#content blockquote{
	margin: 1.5em 7px 0 7px;
	padding: 0;
	font-size: 130%;
	font-style: italic;
}
#content p.cite{
	font-weight: bold;
	font-size: 130%;
	margin-top: .5em;
	text-align: right;
}
/* -----------------------------------------------------------------------
IDEALEASE TABLES
------------------------------------------------------------------------*/
#flash2{
	padding: 0px 0px 10px 0px;
	float: right;
}
#flash3{
	padding: 100px 0px 10px 0px;
	float: right;
}
table.idealease{
	margin-left: 7px;
	border-collapse: collapse;
	margin-top: 10px;
	width: 590px;
}
table.idealease th{
	text-align: left;
	padding: 1px 6px 1px 5px;
	background-color: #dcb30d;
	color: #003366;
	border: 1px solid #cccccc;
	width: 33%;
	vertical-align: top;
} 
table.idealease td{
	width: 33%;
	border: 1px solid #cccccc;
	padding: 1px 6px 1px 6px;
	vertical-align: top;
}
/* -----------------------------------------------------------------------
LOCATION TABLES, SERVICES TABLE
------------------------------------------------------------------------*/
table.location{
	margin-top: 10px;
}
table.location, table.service, table.used{
	margin-left: 7px;
	border-collapse: collapse;
}
table.trucks{
	float: right;
	margin-right: 5px;
	margin-left: 15px;
}
table.location th, table.service th, table.used th{
	text-align: left;
	padding: 1px 6px 1px 2px;
	background-color: #eeeee0;
	border: 1px solid #cccccc;
}
table.location td, table.service td, table.used td{
	padding: 1px 6px 1px 6px;
	border: 1px solid #cccccc;
}
table.service, table.used{
	width: 95%;
	margin-top: 15px;
	font-size: 95%;
}
table.service th, table.service td{
	width: 25%;
	padding: 1px 6px 1px 6px;
}
table.service th.blank{
	border: 0px;
	background: transparent;
}
table.used{
	clear: both;
}
table.used th, table.used td{
	padding: 1px 6px;
	vertical-align: top;
}
/* -----------------------------------------------------------------------
CERTIFIED ELEMENTS
-------------------------------------------------------------------------*/
dl.certified{
	float: left;
	width: 260px;
	margin-left: 8px;
	display: inline;
	margin-top: 1.5em;
	border: 1px solid #ccc;
	height: 325px;
}
dl.warranty{
	float: right;
	width: 260px;
	margin-right: 25px;
	display: inline;
	margin-top: 1.5em;
	border: 1px solid #ccc;
	height: 325px;
}
dl.certified dt, dl.warranty dt{
	font-weight: bold;
	text-align: center;
	background: #eeeee0;
	border-bottom: 1px solid #ccc;
	padding: .2em;
}
dl.certified dd, dl.warranty dd{
	padding: 0 5px;
	margin: 5px 0;
}
dl.certified dd.image, dl.certified dd.link, dl.warranty dd.image, dl.warranty dd.link{
	text-align: center;
}
#content dl.certified img, #content dl.warranty img{
	float: none;
	margin: 0 auto;
}


/* -----------------------------------------------------------------------
FORM ELEMENTS
-------------------------------------------------------------------------*/
form{
	margin-left: 7px;
}
.required{
	font-weight: bold;
}
form table td{
	width: 60%;
	padding-bottom: 5px;
}
form table td.label{
	width: 40%;
}
td input{
	display: block;
}
td.buttons input{
	float: left;
	margin-left: 8px;
}
option{
	padding-left: 3px;
}
label.errorMessage{
	font-weight: 600;
	color: #d19505;
	margin-left: 20px;
}
input.errorMessage, select.errorMessage{
	border: 2px solid #d19505;
}


/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/

#footer{
	clear: both;
	background: url(images/footerbg.gif) repeat-x #000;
	color: #fff;
	font-size: 11px;
	line-height: 1.2em;
	padding-top: 10px;
	margin: 0px;
}
#footer a{
	color: #fff;
}
#footer ul{
	list-style-type: none;
	width: 779px;
	float: left;
	margin: 0px;
}
#footer li{
	width: 150px;
	text-align: center;
	float: left;
	padding-bottom: 4px;
}
#footer p{
	clear: both;
	width: 778px;
	text-align: center;
	padding-bottom: 4px;
	border-right: 1px solid #5F5E5E;
	margin: 0px;
}

/* -----------------------------------------------------------------------
INVENTORY ELEMENTS
-------------------------------------------------------------------------*/
#content img.inventorypic{
	float: left;
	border: 1px solid #000;
}
#content ul.inventory{
	list-style-type: none;
}
#content ul.inventory li{
	margin-left: 30px;
	font-size: 130%;
	letter-spacing: .01em;
	padding-top: 5px;
}
#content dl.inventory{
	width: 49%;
	float: left;
	margin-left: 6px;
	margin-bottom: 2px;
}
#content dl.inventory dt{
	background-color: #404040;
	color: #fff;
	width: 49%;
	float: left;
	text-indent: 4px;
	font-weight: bold;
}
#content dl.inventory dd{
	text-indent: 5px;
}
div.thumbnails{
	clear: left;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#content div.thumbnails img{
	float: left;
	border: 1px solid #000;
}
table.resultstable{
	width: 98%;
	margin: auto;
	text-align: center;
	clear: both;
}
table.resultstable th{
	background-color: #00427b;
	color: #fff;
}
table.resultstable img{
	border: 1px solid #000;
}
table.resultstable td{
	width: 20%;
	border-bottom: 1px solid #00427b;
}
table.resultstable td.make{
	text-align: left;
	width: 25%;
}
table.resultstable td.year{
	width: 15%;
}
ul.adminlinks{
	list-style-type: none;
	float: left;
	display: block;
}
ul.adminlinks li{
	float: left;
	margin-left: 8px;
}
table.editing{
	clear: both;
}
table.searchtable{
	margin: 30px auto;
	width: 75%;
}
table.searchtable td.buttons input{
	padding: 1px 10px;
}
table.searchtable select{
	width: 150px;
}
/* ----------------------------------------------------------
NEW TRUCK LIST
----------------------------------------------------------- */
ul.newtrucksearch{
	list-style-type: none;
	display: block;
	width: 590px;
	margin: 10px auto;
}
ul.newtrucksearch a{
	display: block;
	width: 590px;
	height: 100px;
	text-indent: -9999px;
}
ul.newtrucksearch li.heavy a{
	background: url(images/newtrucks.jpg) top left no-repeat;
}
ul.newtrucksearch li.heavy a:hover{
	background: url(images/newtrucksover.jpg) top left no-repeat;
}
ul.theinventory li.heavy a{
	background: url(images/newtrucksinv.jpg) top left no-repeat;
}
ul.theinventory li.heavy a:hover{
	background: url(images/newtrucksoverinv.jpg) top left no-repeat;
}
ul.newtrucksearch li.medium a{
	background: url(images/newtrucks.jpg) 0px -100px;
}
ul.newtrucksearch li.medium a:hover{
	background: url(images/newtrucksover.jpg) 0px -100px;
}
ul.theinventory li.medium a{
	background: url(images/newtrucksinv.jpg) 0px -100px;
}
ul.theinventory li.medium a:hover{
	background: url(images/newtrucksoverinv.jpg) 0px -100px;
}
ul.newtrucksearch li.severe a{
	background: url(images/newtrucks.jpg) 0px -200px;
}
ul.newtrucksearch li.severe a:hover{
	background: url(images/newtrucksover.jpg) 0px -200px;
}
ul.theinventory li.severe a{
	background: url(images/newtrucksinv.jpg) 0px -200px;
}
ul.theinventory li.severe a:hover{
	background: url(images/newtrucksoverinv.jpg) 0px -200px;
}
ul.newtrucksearch li.isuzu a{
	background: url(images/newtrucks.jpg) 0px -300px;
}
ul.newtrucksearch li.isuzu a:hover{
	background: url(images/newtrucksover.jpg) 0px -300px;
}
ul.theinventory li.isuzu a{
	background: url(images/newtrucksinv.jpg) 0px -300px;
}
ul.theinventory li.isuzu a:hover{
	background: url(images/newtrucksoverinv.jpg) 0px -300px;
}
/* ------------------------------------------------
SPEC 
------------------------------------------------ */
.spec fieldset{
	width: 590px;
	border: 1px solid #C0BFBF;
	margin-bottom: 10px;
	background: #EDEBEB;
}
.spec ol{
	list-style-type: none;
}
.spec li{
	display: block;
	padding: .5em .3em;
}
.spec li.alt{
	background-color: #E5E5E5;
}
.spec label{
	display: block;
	float: left;
	width: 250px;
}
.spec li input, .spec li select{
	width: 180px;
}
/* Highlight rows */
.highlight{
	background: #F0F4F7;
}
td.anntype{
	text-transform: capitalize;
}
#content td.partImage img{
	float: none;	
}
.errors{
	margin-left: 40px;
}

div.vcard .org{
	display: none;
}
div.vcard .fn{
	display: none;
}
th.main .type{
	display: none;
}
div.vcard .adr .type{
	display: none;
}

ul.visit{
	display: block;
	list-style-type: none;
	width: 590px;
	margin: 10px auto;
}
ul.visit a{
	display: block;
	width: 590px;
	height: 100px;
	border: 1px solid #000;
	margin-bottom: 5px;
	text-indent: -9999px;
}
ul.visit li.intl a{
	background: url(images/visitinternational.jpg) no-repeat;
}
ul.visit li.isuzu a{
	background: url(images/visitisuzu.jpg) no-repeat;
}

/* ------------------------------------------------
SITE MAP ELEMENTS
------------------------------------------------ */
ul.sitemap{
	list-style-type: none;
	margin-left: 20px;
}

/* ------------------------------------------------
PART SPECIALS ELEMENTS
------------------------------------------------ */
#specials{
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 250px;
	margin-left: 8px;
}
#specials td{
	border: 1px solid #ccc;
	border-width: 0 1px;
	border-collapse: collapse;
	width: 50%;
	padding: 0 .2em;
	text-align: center;
}
#specials th{
	border-bottom: 1px solid #ccc;
	background: #EEEEE0;
}
#specials td.name{
	font-size: 120%;
	text-align: center;
	font-weight: bold;
}
#content #specials img{
	float: none;
}