/* CSS Document */
/* Style Sheet for Affordable Truck and RV  for new layout on May 2, 2008 */

/*  --- global body codes ---  */

body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif; 
	background-color:#fff; 
	color:#333;
	background-image: url(atrv_images/flag-bkgrd.jpg);  /*  flag-bkgrd.jpg  bg02wide.gif*/
	background-repeat:repeat-y;
	margin: 0px;
	}
	/*--- page content holder ---  */	

#container	{
	width: 900px;
	margin: 0 auto 0 50px;
	}


/* ---  global content headings  ---  */

h2	{
	color:#990002;
	margin-bottom:2px;
	}

h3.webadd	{
	color:#330066;
	margin: 0 5px;
	padding:0;
	text-align:right;
	font-size:80%;
	}

h3.address	{
	color:#330066;
	margin: 0 5px;
	padding:3px 0 2px 0;
	border-top:#990002 dashed 2px;
	position:absolute;
	text-align:right;
	font-size:80%;
	left: 545px;
	top: 106px;
	}

h3.hours	{
	margin:0; 
	padding:0;
	}

h3	{
	color:#330066;
	margin: 20px 0;
	padding: 0 0 2px -10px;
	}
	
h3.find		{
	margin-bottom:5px;
	text-align:center;
	}
	
h4	{
	margin:0; 
	padding:0;
	color:#330066;
	}

.subhead	{
	color: #990002;
	font-weight: bold;
	font-variant: small-caps;
}

.clear	{
	clear:left;
	}

/*  --- this is the header division for logo, date, address, etc. ---  */

	/* --- the header container ---   */ 	

#top	{
	width:900px;
	position:relative;
	padding: 0;
	z-index:999999 !important;
	height:auto;
	}

	/*  --- header contents  --- */

#top h1	{    /* for logo */
	padding: 0px;
	margin:0px;
	}

.date	{    
	font-size:12px;
	font-weight:bold;
	color: #990002;
	padding-right:16px;
	padding-top:2px;
	text-align: right;
	position:relative;
	float:right;
	}
	

/* -----  menu container area in division Top ------ */

#menu	{
	position:absolute;
	left: 0;
	top: 130px;
	width:895px;
  	padding:0;
	background-color:#990002;
	border:#330066 3px solid;
	border-left: 4px;
	border-right: 4px;
	height:29px;
	line-height:100%;
	z-index:999998 !important;
  }	
		

	/* -----  main content area   ----- */

#content	{
	margin-left: 135px;
	margin-right: 130px;
	padding: 3em 3em 1em 2em;
	font-size:80%;
	position:relative;
	top:-30px;
	line-height:140%;
	z-index:0;
	}
	
/*  ---  left side lot photos section --  */

#leftcol	{
	float:left;
	width: 135px;
	margin: 0;
	padding: 1em;
	position:relative;
	top:-20px;
	}

	/* ---  lot image list --- */
	
#leftcol ul	{
	list-style-type:none;
	margin-left:-10px;
	float:right;
	}

#leftcol img	{
	border:#330066 thin solid;
	padding:2px;
	}	


	/* ---right division container --- */
	
#rightcol	{
/*	position:relative; */ 
	float: right;
	width: 120px;
	height:auto;
	margin: 0;
	padding: 1em;
	text-align:center;
/*	background-color:#330066;  added a blue background and may use... but needs work  5/1-08  */
	}


		/* ------------- Manufacturers logo section  ----------------*/

.authorized {
	font-size: 10px;
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	line-height:90%;
	text-align:center;
	border-bottom: #990002 thin dotted;
	border-top: #990002 thin dotted;
	}

	/*  ---  supplier image logos and links  --- */
	

#rightcol	ul	{
	list-style-type:none;
	}
		
#rightcol li	{
	text-align:center;
	margin-left:-25px;
	}
	
.supplier a {
	padding: 3px;
	width: 120px; 
	height: auto; 
	background-color: #fff; 
	}

.supplier a:hover {
	padding: 3px;
	width: 122px;
	height: auto; 
	background-color: #dfe1e7;
	}
	
	/* --------------  styles for the hours of direction page section  ---------------  */

.season	{
	font-size: x-small;
	margin:0;
	padding:0;
	margin-bottom: 5px;
	}


.days {
	font-size: small;
	color: #990002;
	font-weight: bold;
	margin:0;
	padding:0;
	}

.time {
	font-size: small;
	color:#330066; 
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
#location	{
	 text-align:center; 
	 margin-bottom:0;
	 margin-top:0;
	}
	
.map	{
	font-size:smaller;
	text-align:center;
	color:#990002;
	
	}
/*  ----  direction tables ---*/	
	
table.direction	{
	width:450px;
	border:0px;
	}	
	
table.direction  td	{
	border:none;
	}

/* -----------------  styles for inventory tables ------------------  */

table	{
	width:550px;
	font-size:85%;
	color:#333333;
	margin-left:15px;
	}
table h5	{
	color:#990002;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#efefef;
	}
	
tr.header	{
	background-color:#330066;
	color:#FFF;
	height:20px;
	border-color:#990002;
	text-align:center;
	font-size:12px;
/*	font-weight:bold; */

	}

tr,td	{
	height:17px;
	border:#CCCCCC thin solid;
	padding-left:5px;
	padding-right:5px;
	margin-left:10px;
	}	

td.sold	{
	border:none;
	background-color:#FFFFFF;
	color:#990002;
	font-weight:bold;
	}
	
	
.inventorynotice	{
	color:#990002;
	font-size:10px;
	}
	
/*  --- styles for text type table on inventory pages   --- */	

table.texttype	{
	width:502px;
	background-color:transparent;
	border:none;
	padding:0;
	margin:0;
	margin-left:15px;
	}
	
table.texttype td	{	
	border:none;
	height:auto;
	padding:0;
	margin:0;
	}
table.texttype tr	{	
	border:none;
	height:21px;
	width:auto;
	}

.bannertext	{
	width:510px;
	background-image:url(atrv_images/text-type_bg-full.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:250px;
	top: 185px;
	}

/*  -----  styles for the internet special specs  tables --- and features ul  --- */

table.specs	{	
	width:auto;
	background:#fff;
	border:#306 1px solid;
	font-size:.7em;
	color:#990002;
	float:left;
	}

table.specs	th	{	
	color:#330066;
	}

/*  ----   styles for the old adbox  remade for new internet specials  ----  */
	

.adlink {font-size: 10px; font-style: normal;}

a.adlink {color: #990002; text-decoration: underline;}

a.adlink:hover {color: #990002; text-decoration: none;}

.header {font-weight:bold; font-size:16px; color:#fff;}

a.header {font-weight: bold; color: white; text-decoration:underline;}

a.header:hover {color:#fff; text-decoration:none;}

.adcontent {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, sans-serif;}



/* -----------  second alternate ad  layout making it like the table layout, using CSS  ------ */

	/* this is the ad layout currently being used  */

#adbox	{
	position:relative;
	width:755px;
	height:600px;
	float:left;
	margin-bottom:25px;
/*	border:#990000 thin dotted;*/
/*	background-color:#FFFFCC;*/
	}
	
#item	{
	font-weight:bold;
	font-size:16px;
	color:#fff;
	float:left;
	padding:2px 1px 1px 1px;
	margin-left:3px;
	}


#price	{
	font-weight:bold;
	font-size:16px;
	color:#fff;
	float:right;
	padding:2px 1px 1px 1px;
	margin-right:3px;
	}
	
.wasprice	{
	position:absolute;
	/*	font-weight: bold;  */
	color: #CC0000;
	left: 272px;
	top: 1px;
	width: 147px;
	}
	
	
#adbox p	{
	width:275px;
	padding:0 5px 0 1px;
	margin-left:5px;
	margin-right:5px;
	font-size:.7em;
	color:#333;

	}

#adbox p.adtext	{
	width:320px;
	padding:0 2px 0 1px;
	margin-left:10px;
	margin-right:2px;
	font-size:.8em;
	color:#333;
	}	
	
.dmvfees{
	margin-left:30px;
	color:#990002;
	}	


.ad	{
	width:300px;
	padding:0 15px 0 3px;
	margin-left:5px; 
	margin-right:25px;
	margin-bottom:0; 
	font-size: 85%;
	color:#333;
	}

.standout	{
	color: #fff;
	font-weight:400;
	}	
	
	
.standout2	{
	color: #330066;
	font-weight:700;
	}

	
#adbox img	{
	float:right;
	border:2px #990002 thin;
	padding:2px;
	margin-top:10px;
	}
	
#adbox img.2	{
	float:left;
	border:2px #990002 thin;
	padding:2px;
	margin-top:10px;
	}
	

#adbox li	{
	list-style:square;
	font-size:.8em;
	
	}
	
img.floorplan	{
	position:relative;
	top:10px;
	left:0;
	}
	
#finance	{
	border: #330066 medium dotted;
	width:40%;
/*	float:right;  
	position: relative;
	top:5px;
	left: 0;*/
	background-color: #990000;
	padding:5px 2px;
	text-align:center;
	font-size:100%;
	color:#990000;
	}	
	
	
#payment	{
	position:absolute;
	left: 688px;
	top: 155px;
	width:100px;
	height:86px;
	}
	
#payment p	{
	position:absolute;
	left: 25px;
	top: 51px;
	width:80px;
	padding:2px;
	font-weight:bold;
	font-size:16px;
	color:#330066;
	z-index:2;
	}
	
		
.thumbnail_ad	{
	float:right;
	z-index:2;
	border:#000066 thin solid;
	padding:0;
	margin:0;
	margin-left:2px;
/*	left: 194px;
	top: 132px;  */
	}
	
		
#redband	{
	width:745px;
	height:25px;
	background-color:#990002;
	z-index:0;
	border:#330099 thin solid;
	}
	
#redband img	{
	position:absolute;
	z-index:0;  /* was z-4 but changed for snoflake image */
	left: 770px;
	top: 19px;
/*	left: 484px;
	top: -28px; */
	}
	
#blueband	{
	width:730px;
	height:22px;
	position:absolute;
	background-color:#330066;
	z-index:2;
	top: 6px;
	left:3px;
	border:#000 thin solid;
	}

#blueband img	{
	position:absolute;
	z-index:4;
	left: 534px;
	top: -19px;
	z-index:4;
	}	


#adlinks	{
	width:auto;
	height:25px;
/*	background-color:#fff;  */
	z-index:3;
	padding:5px;
	text-align:center;
	clear:both; 
	}
	  
#adlinks hr	{
	color:#330066;
	width:400px;
	}
	
div.thumbnails	{
	position:absolute;
	width:379px;
	background-color:#fff;
/*	border:#990002 thin solid; */
	left: 360px;
	top: 343px;
	padding:5px 2px;
	}
	
table.thumbnails	{
	width:379px;
	border:none;
/*	background-color:#990002; */
	color:#990002;
	font-size:.7em;
	padding:0;
	margin:0;
	}
.thumbnails	tr td	{	
	border: none;
	}	
div.prop	{
	height:30px;
	width:1px;
	}		

/* end of ad box coding  */


/* -------  end of internet special adbox remake   may not need all  ------  */

/*  ---  nickel and harley footers  */

#nickelfooter	{
	background-color:#CCCCCC;
	border:#990000 medium solid;
	position:relative;
	width:80%;
	height:auto;
	font-size:18px;
	padding:4px;
	text-align:center;
	}
	
#harleyfooter	{
	position:relative;
	clear:both;
	width:80%;
	padding:5px;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:0px;
	color:#330099;
	text-align:center;
	}

	/* -----------------   begin of footer section and bottom navigation  ---------------  */


		/* --- footer container --- */
#footer		{
	clear: both;
	margin: 0;
	padding: .5em;
	text-align:center;
	font-size:x-small;
	}


		/* ---  footer links ---  */	
#footer a:link {
	text-decoration:none;
	font-variant:small-caps; 
	color:#330066;
	}
#footer a:visited {
	text-decoration:none;
	font-variant:small-caps; 
	color: #330066;
	}	
#footer a:hover {
	text-decoration:none;
	font-variant:small-caps; 
	color:#990002;
	}	


	
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		/*background-color:transparent;*/
		margin-left:75px; 
		width:825px;
		background-color:#990002;
		z-index:999999 !important;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:8px 20px 5px;
		background-color:#990002;
		color:#ffffff;
		font-family:Arial;
		font-size:14px;
		text-decoration:none;
/*		border-width:4px 0px;
		border-style:solid;
		border-color:#330066;  */
		text-align:center;
				font-weight:600;

	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:none;
		color:#330066;
		font-weight:600;

	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
		color:#330066;

	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:8px;
		margin:0px;
		background-color:transparent; 
		border-style:none;
		z-index:999999 !important;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		color:#ffffff;
		border-width:0px;
		border-style:none;
		text-align:left;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:none;
		color: #330066;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#d5d9e5;
		color:#333333;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		border-style:dotted;
		border-color:#330066;
	}