/**************************
 Theme: CLEAN LETTER

 This is the core CSS (Cascading Style Sheet)
 Control Panel.  All commonly used layout
 definitions reside here and effect the
 application site wide.

 -----------

 Styles are arranged in alphabetical order
 for easy-lookup.

 This is a derivitive of the 'clean' theme with
 the 2 column format opened up on the home page
 to match the back pages and allow for more
 flexibility of content development.

 This is basically a HACK until a more formal
 theme can be developed to accomplish this with
 more elegance.

 -----------

 Created: 		09/24/2007
 Changed: 		02/06/2009
 Last Changed By: 	Duggan

 By: DnS Inc.
 Copyright (c) 2006 - 2009, All Rights Reserved
****************************/

/* styles */

body           	{
               	background-color:#5189CA;
               	font:11px verdana, arial, sans-serif;
               	margin:0;
               	padding:0;
               	text-align:center;
              	}

.backButton	{
		display:block;
		padding:0 0 0 12px;
		}

.backButton input {
		width:100px;
		font:9px verdana;
		}

#border_content {
	       	vertical-align:top;
	       	border:5px solid #ccc;
	       	background-color:white;
	       	margin:0 auto 0 auto;
	       	}

a.classicLink	{
		color:blue;
		text-decoration:none;
		border-bottom:1px dashed blue;
		}

a.classicLink:hover {
		color:#777;
		border-bottom:1px dashed #777;
		}

.float_right	{
		width:200px;
		float:right;
		margin:0 7px 0 0;
		background-color:transparent;
		text-align:right;
		text-transform:capitalize;
		line-height:18px;
		}

#footer_image 	{
	        border-top:5px solid #ccc;
		height:125px;
		margin:20px 0 0 0;
		}

.footer_tag     {
	        margin-top:7px;
	        margin-bottom:20px;
	        height: 30px;
	        text-align:center;
	        color:#ddd;
	        font:11px verdana, arial;
	        }

.footer_tag a   {
	        color: #00f;
	        text-decoration: none;
	        }

.footer_tag a:hover {
	        color: #333;
	        text-decoration: underline;
	        }

#header1       	{
	       	height:60px;
	       	display:block;
	       	text-align:left;
	       	padding:7px 0 10px 7px;
	       	background:url(images/header1.jpg) repeat-x;
	       	}

#header1 a      {
		font:bold 24px arial, verdana;
		color:#555;
		text-decoration:none;
		}

#header1 a:hover {
		color:#ccc;
		}

#header2       	{
	       	background-color:white;
	       	display:block;
	       	}

.header_phone	{
		color:#c00;
		font:20px georgia, trebuchet ms, tahoma, times;
		}

.header_location {
		font:12px georgia, trebuchet ms, tahoma, times;
		}

.headline 	{
		font:bold 18px verdana, arial, sans-serif;
		color:red;
		}

.headText 	{
		margin:0 0 3px 3px;
		font:9px verdana, arial;
		color:#ccc;
		}

#i_options_box 	{
		margin-top:17px;
		font:bold 14px trebuchet ms, verdana;
		color:#386CB1;
		}

img		{
		border:none;
		/* margin-bottom:-5px; */
		}

fieldset#locationInformation {
		margin:25px 0 50px 0;
		color:#999;
		font:11px arial, verdana;
		padding:5px;
		border:0px dashed #ececec;
		}

fieldset#locationInformation a {
		color:#999;
		text-decoration:none;
		}

fieldset#locationInformation a:hover {
		color:blue;
		text-decoration:underline;
		}

#mainImage	{
		width:335px;			/* IF you change this, you must also change i_contentRight = (#mainImage + 10) */
		margin:4px 4px 0 0;
		border:5px solid #ccc;
		}

div.menuNormal	{
		display:none;
		position:static;
		}

div.menuHover	{
		width:150px;
		font:bold 12px arial, sans-serif;
		display:inline;
		position:absolute;
		margin-left:25px;

		}

a.menuitem:link	{
		text-decoration:none;
		color:black;
		font:bold 12px arial;
		display:block;
		}

a.menuitem:visited {
		text-decoration:none;
		color:black;
		display:block;
		}

a.menuitem:hover {
		text-decoration:none;
		color:red;
		display:block;
		}

a.menuitem:active {
		text-decoration:none;
		color:red;
		display:block;
		}

#pageFrame     	{
	       	width:780px;
	       	margin:10px auto 0 auto;
	       	border-collapse:collapse;
	       	padding:0;
	       	text-align:left;
	       	}

#thumbs		{
		background-color:white;
		padding-right:5px;
		}

#thumbImage	{
	 	width:70px;
	 	border:5px solid #ccc;
	 	margin:5px 0 0 3px;
		}



/* tables */

/* header table */

table#header   	{
	       	width:100%;
	       	border-collapse:collapse;
	       	height:35px;
	       	border-top:5px solid #ccc;
	       	border-bottom:5px solid #ccc;
	       	}

td#home        	{
	       	width:75px;
	       	vertical-align:middle;
	       	text-align:center;
	       	padding:3px 12px 0 12px;
	       	border-right:5px solid #ccc;
	       	}

td#menu        	{
	       	vertical-align:middle;
	       	text-align:center;
	       	padding:3px 12px 0 12px;
	       	}

a.menu         	{
	       	color:#999;
	       	font:bold 12px "trebuchet ms", verdana, sans-serif;
	       	text-decoration:none;
	       	}

a.menu:hover   	{
	       	color:#386CB1;
	       	text-decoration:none;
	       	}

a.menuSelected 	{
	       	color:#386CB1;
	       	font:bold 12px "trebuchet ms", verdana, sans-serif;
	       	text-decoration:none;
	       	}

a.menuSelected:hover {
	       	text-decoration:none;
	       	}

/* website content table */

table#content   {
	       	width:"100%";
	       	border-collapse:collapse;
	       	font:11px verdana, arial, sans-serif;
	       	}

/* ABOUT US PAGE */



/* HOME PAGE */

td.section_1_home {
	       	padding:10px 10px 10px 10px;
		font:12px arial, verdana;
		vertical-align:top;
		color:#555;
		width:35%;
	       	}

td.section_1_home img {
	        float:left;
	        margin:0 5px -5px 0;
	       	}

.section_2_home {
		margin:4px 2px 0 0;
		background-repeat:no-repeat;
		background-position:top left;
		background-color:#fff;
		border:5px solid #ccc;
		height:375px;
	       	}

td.featured_listings {
		padding:30px 15px 30px 15px;
		vertical-align:top;
		text-align:left;
		font:10px verdana, arial;
		color:#555;
	       	}

td.featured_listings .box {
		border:1px solid #009;
		}

td.featured_listings .title {
		background-color:#009;
		color:white;
		font:bold italic 14px arial, verdana;
		padding:1px 0 1px 5px;
		}

td.featured_listings table {
		width:100%;
	       	border-collapse:collapse;
		font:10px verdana, arial;
		color:#555;
		text-align:center;
	       	}

td.featured_listings table td {
		padding:10px 0 10px 0;
		border-left:1px dashed #ccc;
		text-align:center;
		vertical-align:middle;
	       	}

td.featured_listings table td.first {
		border-left:0px;
	       	}

td.featured_listings table td div {
		width:135px;
		text-align:center;
	       	}

td.featured_listings table td div a {
		color:#777;
		text-decoration:none;
	       	}

td.featured_listings table td div a:hover {
		color:blue;
		text-decoration:underline;
	       	}

td.featured_listings table td div img {
		width:110px;
		margin:0 7px 12px 0;
	       	}

td.footer_image {
		border-top:5px solid #ccc;
		height:125px;
		background-repeat:repeat-x;
		background-position:top left;
	       	}

/* contentText table */

table#contentText {
	       	width:100%;
	       	border-collapse:collapse;
		font:bold 12px trebuchet ms, georgia;
		color:#777;
	       	}

table#contentText td {
	       	width:"33%";
		padding:5px;
		vertical-align:top;
	       	}

/* inventory DATA table - Listing Page(s) */

table#data	{
	       	width:100%;
	       	border-collapse:collapse;
	       	font:12px arial, sans-serif;
	       	color:#777;
	       	float:left;
	       	border:0px solid #ccc;
	       	}

table#data img	{
	        height:130px;
	        border:0;
	       	}

table#data tr.odd {
	       	background-color:#fff;
	        }

table#data tr.even {
	       	background-color:#fff;
	        }

table#data td 	{
	       	border-top:2px dashed #ccc;
	       	height:150px;
	       	padding:10px 0 10px 0;
	       	font:11px trebuchet ms, arial;
	       	color:#555;
	       	vertical-align:top;
	    	}

table#data td .description {
	       	color:#555;
	    	}

table#data td .descriptionOptions {
	       	width:90%;
	       	text-align:center;
	       	margin-top:12px;
	       	font:9px trebuchet ms, georgia, arial;
	       	color:#999;
	    	}

table#data td .descriptionTitle {
	       	margin-bottom:7px;
	       	font:bold 14px trebuchet ms, georgia, arial;
	       	color:#386CB1;
	    	}

table#data td .descriptionTitle a {
	       	color:#386CB1;
	       	text-decoration:none;
	    	}

table#data td .descriptionTitle a:hover {
	       	color:#777;
	       	text-decoration:underline;
	    	}

table#data td .image {
	       	text-align:left;
	    	}

table#data td .listItemTitle {
	       	color:#999;
	    	}

table#data td .moreInfo {
	       	font:10px arial, sans-serif;
	       	text-align:right;
	       	padding:0 12px 30px 0;
	    	}

table#data td .stats {
		text-align:left;
		padding-left:5px;
	    	}

table#data td .price {
	       	font:bold 18px arial, trebuchet ms, georgia;
	       	color:#777;
	       	text-align:right;
	       	padding-right:20px;
	    	}


/* inventory (i)_content table */

table#i_content {
	       	width:100%;
	       	border-collapse:collapse;
	       	font:11px verdana, arial, sans-serif;
	       	}

td#i_contentLeft {
		width:145px;
		vertical-align:top;
		padding:5px;
		}

td#i_contentMiddle {
		vertical-align:top;
		/* text-align:left; */
		font:12px MS Trebuchet, Verdana;
		padding:7px;
		color:#777;
		}

td#i_contentMiddle .i_title {
		font:bold 18px MS Trebuchet, Verdana;
		text-align:center;
		color:#386CB1;
		}

td#i_contentMiddle .i_description {
		margin-top:17px;
		font:bold 12px Trebuchet-MS, Arial, Verdana;
		color:#555;
		}

td#i_contentOptions {
		height:30px;
		}

td#i_contentRight {
		width:345px;		/* IF you change this, you must also change #mainImage = (i_contentRight - 10) */
		vertical-align:top;
		text-align:right;
		background-color:#fff;
		}

/* inventory (i)_listing table */

table#i_listing {
	       	width:100%;
	       	border-collapse:collapse;
	       	font:11px verdana, arial, sans-serif;
	       	}

td#i_listingLeft {
		width:145px;
		vertical-align:top;
		padding:5px;
		}

td#i_listingMain {
		font:11px trebuchet ms, verdana, arial;
		vertical-align:top;
		padding:5px;
		color:#777;
		}

td#i_listingMain .listInventory {
		display:block;
		float:left;
		}

td#i_listingMain .navDisplay {
		width:250px;
		float:right;
		text-align:right;
		margin-top:7px;
		}

td#i_listingMain .navPages {
		height:27px;
		width:250px;
		float:right;
		vertical-align:top;
		text-align:right;
		}

td#i_listingMain .navPages_bottom {
		vertical-align:top;
		text-align:right;
		border-top:2px dashed #ccc;
		padding:12px 0 20px 0;
		}

td#i_listingMain .results {
		height:27px;
		width:350px;
		float:left;
		vertical-align:top;
		font:18px trebuchet ms, georgia, arial;
		}

td#i_listingMain .sort {
		width:350px;
		float:left;
		margin-top:7px;
		}

td#i_listingMain .sort a {
	       	color:#9c9c9c;
	       	margin-left:7px;
	       	text-decoration:none;
	        }

td#i_listingMain .sort a:hover {
	       	color:#386CB1;
	       	text-decoration:underline;
	        }

td#i_listingMain .sort a.sortedBy {
	       	color:#386CB1;
	       	margin-left:7px;
	       	text-decoration:none;
	        }

td#i_listingMain .sort a.sortedBy:hover {
	       	text-decoration:underline;
	        }


/* inventory (i)_options table */

table#i_options	{
	       	width:100%;
	       	border-collapse:collapse;
	       	font:11px arial, sans-serif;
	       	color:#386CB1;
	       	background-color:#fff;
	       	border-top:3px double #777;
	       	}

td#options_left {
		padding-top:2px;
		width:50%;
		}

td#options_right {
		padding-top:2px;
		width:50%;
		}

td#options_spacer {
		font:1px arial;
		height:7px;
		}

/* inventory (i)_stats (statistics) table */

table#i_stats	{
	       	margin-top:15px;
	       	width:100%;
	       	border-collapse:collapse;
	       	font:12px courier new, arial, sans-serif;
	       	color:#777;
	       	border:1px dashed #ccc;
	       	}

td#i_stat_title_price {
		width:40%;
		border-right:1px dashed #ccc;
		padding:3px 0 3px 7px;
		}

td#i_stat_value_price {
		padding:3px 0 3px 7px;
		font:bold 18px arial, verdana;
		}

td#i_stat_title {
		border-top:1px dashed #ccc;
		border-right:1px dashed #ccc;
		padding:0 0 0 7px;
		}

td#i_stat_value {
		border-top:1px dashed #ccc;
		padding:0 0 0 7px;
		font:bold 12px arial, verdana;
		color:#555;
		}

td#i_stat_title_shaded {
		border-top:1px dashed #ccc;
		border-right:1px dashed #ccc;
		padding:0 0 0 7px;
		background-color:#ececec;
		}

td#i_stat_value_shaded {
		border-top:1px dashed #ccc;
		padding:0 0 0 7px;
		font:bold 12px arial, verdana;
		color:#555;
		background-color:#ececec;
		}


/* inventory menu styles */

table#ddmenu	{
	       	width:100%;
	       	border-collapse:collapse;
	       	font:bold 12px arial, sans-serif;
	       	color:#000;
	       	border:0px dashed #ccc;
	       	}

table#ddsubmenu1 {
	       	width:100%;
	       	border-collapse:collapse;
	       	}

td.menuNormal	{
		height:25px;
		padding-left:5px;
		font:bold 12px arial, sans-serif;
		color:black;
		vertical-align:middle;
		background-image:url(images/auto_menu_button.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		}

td.menuHover	{
		height:25px;
		padding-left:5px;
		color:red;
		font:bold 12px arial, sans-serif;
		vertical-align:middle;
		background-image:url(images/auto_menu_button.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		/* background-color:transparent; */
		}

/* standard page layout */

table#standard_pg {
	       	width:100%;
	       	border-collapse:collapse;
	       	font:11px arial, sans-serif;
	       	color:#999;
	       	}

table#standard_pg td.left {
		width:145px;
		vertical-align:top;
		padding:5px;
		}

table#standard_pg td.right {
		vertical-align:top;
		padding:5px 5px 25px 5px;
		}

table#standard_pg td.right table {
		margin-top: 20px;
		width: 100%;
		}

table#standard_pg td.right img {
		float:right;
		margin:7px 7px 0 25px;
		}

table#standard_pg td.right .verbage {
		padding-top:7px;
		font:12px arial;
		color:#555;
		}

/*========= QUICK LINKS =========*/

.quick_links {
	   	margin:0 0 0 0;
	   	text-align: center;
	   	}

.quick_links input[type="button"],input[type="submit"] {

	   	}

.quick_links .item_apply {
	   	width: 80px;
	   	font: 12px arial, sans-serif;
	   	}

.quick_links .item_contact {
	   	width: 200px;
	   	font: 12px arial, sans-serif;
	   	}

/*========= CREDIT APPS =========*/

#pageHeader	{
	   	color: #000;
	   	width: 780px;
	   	height: 143px;
	   	padding: 0 0 0 20px;
	   	position: relative;
		color: black;
	   	background-image: url(http://www.autorto.com/images/auto_home_logo_sample.gif);		
               	background-repeat: no-repeat;
               	background-color: #fff;
               	background-position: 20px 20px;
	   	}

#pageBody	{
	   	width: 760px;
	   	color: #000;
	   	text-align: left;
	   	position: relative;
	   	border: 0px solid #ccc;
	   	padding: 0px 20px 10px 20px;
	   	background-color: #fff;
	   	}

#pageHeader .headerContact {
	   	text-align: right;
	   	height: 84px;
	   	padding: 25px 25px 0 0;
	   	font: 12px georgia, trebuchet ms, tahoma, times;
	   	color: #000;
	   	}

#pageHeader .headerContact .phone {
	   	font: bold 20px georgia, trebuchet ms, verdana, arial;
	   	color: #D0262B;
	   	}

#pageHeader .menuItem {
	   	height: 20px;
	   	border-right: 1px solid #705B16;
	   	float: left;
	   	font: bold 12px verdana, arial;
	   	padding: 4px 15px 0 15px;
	   	}

#pageHeader .menuItem a {
	   	color: blue;
	   	text-decoration: none;
	   	}

#pageHeader .menuItem a:hover {
	   	color: red;
	   	text-decoration: underline;
	   	}

#pageHeader .menuItem a.menuSelected {
	   	color: #D0262B;
	   	text-decoration: none;
	   	}

#pageHeader .menuItem a.menuSelected:hover {
	   	color: #D0262B;
	   	text-decoration: underline;
	   	}

#pageHeader .menuItem_selected {
	   	height: 20px;
	   	border-right: 1px solid #705B16;
	   	float: left;
	   	font: bold 12px verdana, arial;
	   	padding: 4px 15px 0 15px;
	   	}

#pageHeader .menuItem_selected a {
	   	color: blue;
	   	text-decoration: none;
	   	}

#pageHeader .menuItem_selected a:hover {
	   	color: red;
	   	text-decoration: underline;
	   	}

#pageHeader .menuItem_selected a.menuSelected {
	   	color: #D0262B;
	   	text-decoration: none;
	   	}

#pageHeader .menuItem_selected a.menuSelected:hover {
	   	color: #D0262B;
	   	text-decoration: underline;
	   	}

/*-----------------------------
  credit app
-----------------------------*/

#pageBody table#credit {
	       	color: #000;
	       	font: 11px bitstream vera sans;
	       	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/main_bg.jpg);
	       	}

#pageBody table#credit td input {
		border: 1px solid #000;
	       	}

#pageBody table#credit td .line {
	       	border-top: 1px dashed #000;
	       	}

#pageBody table#credit th.greeting {
	       	font: 12px bitstream vera sans;
	       	}