@charset "UTF-8";

/* CSS Document */









/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */

#body {

	margin: 0px;

	padding: 0px;

	color: #000000;

	font-size: 0.626em; }

body div, ul, ol, li, table, img {

	margin: 0px;

	padding: 0px; }

body p {

	margin: 10px 0px 15px; }

body img {

	border: none; }

.display_none {

	display: none; }

.clear_div {

	display: none;

	height: 0px;

	width: 0px; }

body:last-child .clear_div {

	display: block;

	clear: both; }

object:focus {

	outline:none; }

object {

	margin:0px;

	padding:0px; }

a:focus {

	outline:none; }



/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */



.clearme {

	clear: both;

}







a img {border:0}





body{

	background:#090b06 url(images/background.jpg) no-repeat fixed top center;

	text-align: center;

	min-width:990px;

	margin:0 auto;

}





p {

	padding:0px 15px;

	font:13px/14px Verdana;

	line-height:normal;

	color:#666666;

}

small {

	padding:0px 15px;

	font:13px/14px Verdana;

	line-height:normal;

	color:#666666;

}

a {

	color:#666666;

	text-decoration:underline;

}

a:hover {

	color:#666666;

	text-decoration:none;

}



.link {

	padding:0px 0px;

	font:13px/14px Verdana;

	line-height:normal;

	color:#6b8555;

	text-decoration:underline;

}

.link:hover {

	padding:0px 0px;

	font:13px/14px Verdana;

	line-height:normal;

	color:#666666;

	text-decoration:underline;

}



table.cust {

	margin:0px 15px;

	font:13px/14px Verdana;

	line-height:normal;

	color:#666666;

}







/* MAIN WRAPPER */



#main_wrapper {

	width:990px;

	margin:10px Auto 0px Auto;

	text-align:left;

	padding:0px;

}



/* Top Logo border */



#top_nav {

	width: 990px;

	height: 97px;

	float:left;

	padding:0px;

	background-image:url(images/top_logo.png);

}



#left_home {

float:left;

}



#calltoaction {

	width: 990px;

	height: 158px;

margin-top:4px;

	float:left;



}



a#clickcall {

	display:block;

	float:left;

	width: 261px;

	height: 316px;

	background:url(images/clickcall.jpg) top left;

}

a#clickcall:hover {

	background:url(images/clickcall.jpg) bottom left;

}



a#call_auto {

	display:block;

	float:left;

	width: 248px;

	height: 155px;

	background:url(images/cta_auto.jpg) top left;

}

a#call_auto:hover {

	background:url(images/cta_auto.jpg) bottom left;

}



a#call_home {

	display:block;

	float:left;

	width: 247px;

	height: 155px;

	background:url(images/cta_home.jpg) top left;

}

a#call_home:hover {

	background:url(images/cta_home.jpg) bottom left;

}



a#call_bus {

	display:block;

	float:left;

	width: 246px;

	height: 155px;

	background:url(images/cta_bus.jpg) top left;

}

a#call_bus:hover {

	background:url(images/cta_bus.jpg) bottom left;

}



a#call_truck {

	display:block;

	float:left;

	width: 248px;

	height: 155px;

	background:url(images/cta_truck.jpg) top left;

}

a#call_truck:hover {

	background:url(images/cta_truck.jpg) bottom left;

}





/* CTAs on Top Nav */



#cta_wraper {

	width: 977px; /*715*/

	height: 97px;

	float:left;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}







.cta_divider {

	width: 1px;

	height: 97px;

	float:left;

	background:url(images/cta_divider.gif) top left;

}



a#call_00 {

	display:block;

	float:left;

	width: 262px;

	height: 97px;

}



a#call_01 {

	display:block;

	float:left;

	width: 142px;

	height: 97px;

	background:url(images/cta_01.gif) top left;

}

a#call_01:hover {

	background:url(images/cta_01.gif) bottom left;

}

a#call_02 {

	display:block;

	float:left;

	width: 142px;

	height: 97px;

	background:url(images/cta_02.gif) top left;

}

a#call_02:hover {

	background:url(images/cta_02.gif) bottom left;

}

a#call_03 {

	display:block;

	float:left;

	width: 142px;

	height: 97px;

	background:url(images/cta_03.gif) top left;

}

a#call_03:hover {

	background:url(images/cta_03.gif) bottom left;

}

a#call_04 {

	display:block;

	float:left;

	width: 142px;

	height: 97px;

	background:url(images/cta_04.gif) top left;

}

a#call_04:hover {

	background:url(images/cta_04.gif) bottom left;

}

a#call_05 {

	display:block;

	float:left;

	width: 142px;

	height: 97px;

	background:url(images/cta_05.gif) top left;

}

a#call_05:hover {

	background:url(images/cta_05.gif) bottom left;

}



/* Content Colomns */

#center_wrapper {

 	float:left;

	width: 990px;

	background-color:#FFF;

}

#right_col {

	float:right;

	width: 729px;

	background-color:#FFF;

}

#marketing_window{

	width: 729px;

	height: 290px;

	float:right;

	padding:0px;

	margin:0px;

	background-color:#FFF;

}

#right_content {

	width: 724px;

	float:right;

	margin: 10px 5px 0px 0px;

	min-height:400px;

	text-align:left;

	background-color:#FFF;

}



#right_content_int {

	width: 574px;

	float:right;

	margin: 10px 5px 0px 0px;

	min-height:400px;

	text-align:left;

	background-color:#FFF;

}



#left_col {

	float:left;

	width: 261px;

	background-color:#FFF;

}



#left_content {

	width: 261px;

	min-height:288px;

	background:url(images/left_col_fade.gif);

	text-align:center

}



#right_calls {

	width:150px;

	float:right;

	text-align:right;

	margin:5px 10px 20px 20px;

}





/* Navigation (Left) */

#nav {

	width:261px;

	margin-top: 19px;

	

}

#nav a {

	display:block;

	width:236px;

	*width:261px;

	height:18px;

	Margin:2px 0px 2px 0px;



	padding:5px 0px 7px 25px;

	font:bold 15px verdana;

	text-decoration:none;

	background-color:#cccccc;

	color:#6b8555;

}

#nav a:hover {

	color:#FFFFFF;

	background-color:#6b8555;

}





/* RESOURCE CENTER */



#call1 {

	width:695px;

	margin:0px 0px 10px 15px;

	text-align:left;

	padding:0px;

}

#call2 {

	width:695px;

	margin:0px 0px 10px 15px;

	text-align:left;

	padding:0px;

}

#call3 {

	width:695px;

	margin:0px 0px 10px 15px;

	text-align:left;

	padding:0px;

}





/* Spry Nav */

.CollapsiblePanelTab {

	cursor: pointer;

	display:block;

	width:236px;

	*width:261px;

	height:18px;

	Margin:2px 0px 2px 0px;

	padding:5px 0px 7px 25px;

	font:bold 15px verdana;

	text-decoration:none;

	background-color:#cccccc;

	color:#6b8555;

}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	color:#FFFFFF;

	background-color:#6b8555;

}

#CollapsiblePanel1 a {

	width:236px;

	*width:261px;

	height:auto;

	background:#cccccc;

	font:12px Verdana;

	color:#6b8555;

	text-decoration:none;

	border:none;

	line-height:7px;

	margin:0px;

}

#CollapsiblePanel1 a:hover {

	font:12px Verdana;

	color:#FFFFFF;

	background:#6b8555;

	text-decoration:none;

	line-height:7px;

}



.CollapsiblePanelContent1 {

	padding:5px 0px 0px 0px;

	font:bold 12px verdana;

	color:#6b8555;

	background:#cccccc;



}

a.sprylink {

	padding:5px 0px 7px 30px;

	margin-left:5px;

}





/* FOOTER */



#footer_wrapper {

	display:block;

	float:left;

	width:990px;

	height:38px;

	padding:0px;

	background:#333 url(images/footer_fade.gif);

}

#footer_content {

	float:left;

	height:50;

	font:11px/16px Arial;

	color:#29361c;

	text-align:left;

}

#footer_content a {

	color:#29361c;

	text-decoration: none;

}



#footer_content a:hover {

	color:#000;

	text-decoration: none;

}



#footer_left {

	float:left;

	margin:11px;

	width: 720px;

	margin:3px 0px 0px 12px;

	text-align:left

}



#footer_right {

	float:right;

	width: 240px;

	margin:3px 6px 0px 0px;

	text-align:right;

}



a#footer_logo {

	display:block;

	float:right;

	width: 80px;

	height: 21px;

	margin:11px;

	background:url(images/appsoft_fooer_logo.png) top left;

}

a#footer_logo:hover {

	background:url(images/appsoft_fooer_logo.png) bottom left;

}



/* HEADER TAGS */



h1 {

	padding:0px 15px;

	margin: 5px 0px;

	font:bold 14px Verdana;

	color:#6b8555;

}

h2 {

	padding:0px 15px;

	margin: 5px 0px;

	font:bold 12px Verdana;

	color:#6b8555;

}

h3 {

	padding:10px 15px;

	margin: 5px 0px;

	font:bold 12px Verdana;

	color:#6b8555;

}

h4 {

}

h5 {

}

h6 {	padding:10px 15px;

	margin: 5px 0px;

	font:bold 10px Verdana;

	color:#6b8555;

}

#footeraward_logos {

	display:block;

	float:right;

	width: 990px;

	height: 63px;

	margin:11px;

	text-align:center;

}



#social {text-align:center; padding-top:10px;}

/* LISTS */



ol, ul {

	margin-left:25px;



	padding:0px 15px;

}

li {

	font:13px/18px Verdana;

	color:#525252;

}





/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */



#contact_form {

	width: 100%;

	font:11px/20px Verdana;

	color:#525252;

	letter-spacing:0px;

}

#contact_table {

	width: 300px;

	font:11px/20px Verdana;

	color:#525252;

	letter-spacing:0px;

	padding-left:10px;

}

.contact_row {

	width: 300px;

	height: 25px;

}

.contact_field {

	float: left;

	width: 45px;

	height: 20px;

	text-align: right;

	padding:5px 5px 0px 0px;

}

.contact_box {

	float: right;

	width: 250px;

	height: 25px;

	text-align: left;

}

input.contactinput {

	width: 250px;

	font:11px Verdana;

	color:#525252;

	background-color: #FFFFFF;

}

textarea.contacttext {

	font:11px Verdana;

width:300px;

	color:#525252;

	background-color: #FFFFFF;

	padding-left:10px;

}

#check_box_wrapper {

	width:400px;

}



.check_box_left {

	float:left;

	width: 175px;

	text-align: left;

	font:11px Verdana;

	padding-left:10px;

	color:#525252;

}

.check_box_right {

	float:right;

	width: 205px;

	text-align: left;

	font:11px Verdana;

	padding-left:10px;

	color:#525252;

}

.comment_box {

	float:left;

	width: 400px;

	text-align: left;

	font:11px Verdana;

	padding-left:10px;

}







/* QUOTE FORM */



#quick_quote {

	float:left;

	width: 244px;

	height:250px;

	margin:15px 8px 8px 8px;

}

#quote_title {

	float:left;

	width: 244px;

	height:39px;

	background:url(images/quote_title.gif);

	*padding:0px;

}

#quote_form {

	float:left;

	width: 244px;

	height:200px;

	background-color:#FFF;

	*padding:0px;

	margin:0px;

	text-align:center

}

.left{

/* Changes on the form */

  color: #6B8555 

  font-family: Verdana

  font-size: 11px

}

td.left {

  font-family:"Verdana";

  font-size:11px;

  color:#6B8555;

}

.pagebreak{

  font-family:"Verdana";

  font-size:11px;

  color:#666666;

  height:20px;

  line-height:11px;

}

.tbmain{

  height:100%;

  background:white;

}

.pageinfo{

	padding-right:5px;

	margin-bottom:15px;

	float:left;

}

.right{

  color:#6B8555 

  font-family: Verdana

  font-size: 11px

}

.btn {

  cursor:pointer;

  float:left;

  width:78px;

  height:29px;

  background-image:url(images/quote_btn.gif);

  text-align:left;

  border:0px;

}



#map {

  float:left;

  width:501px;

  margin:0px 15px 6px 15px;

}



#search {

   float:right;

   width:500px;

  *width:500px;

  margin:0px 0px 6px 400px;

  *margin:4px 0px 4px 497px;

  text-align:right;

}

#cse{

  float:right;

  width:500px;

  *width:350px;

  margin:25px 0px 6px 0px;

  text-align:right;

}



/* Application for financing */



#forms {

	width:500px;

	text-align:right;

	font-family:"Trebuchet MS";

	font-size:14px;

}

#forms h2 {

	width:600px;

	text-align:right;

}

#forms input.textbox{

	width:200px;

	margin:1px;

}



#forms select {

	width:204px;

	margin:1px;

}



#forms textarea.commenttext {

	width:300px;

	margin:1px;

}



#forms select.states{

	width:204px;

}



.text-link{

	color:#196FB9;

}
