*
{
	padding: 0px;
	margin: 0px;
}

body 
{
    background: #4C677D url(../images/DealerGrad.jpg) top left repeat-x;
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
    color: #000;
}

form
{
	padding: 0;
	margin: 0;
}

img { border: none; }

a, a:visited
{
	color: #00f;
	text-decoration: none;
}
    a:hover
    {
        /*color: #ffbe23;*/
        text-decoration: underline;
    }
    
    a img  /* for images that are links, we don't want it to have a border */
    {
		border: 0;
    }

.left { text-align: left; }
.right { text-align: right; }
.doNotShow { display: none; }


/* Label/Form styles */
.dropdown
{}


.checkbox, .checkbox input
{
	float: left;
	width: 14px;
	height: 16px;
}
.checkbox label
{
	float: left;
	padding-left: 4px;
}

.checkboxlist
{
	width: 100%;
}
	.checkboxlist td
	{
		vertical-align: top;
		padding-bottom: 8px;
	}
	.checkboxlist td input
	{
		width: 14px;
		height: 16px;
		margin: 0 5px;
		vertical-align: top;
		float: left;
	}
	
	
.radio
{
	width: 14px;
	height: 16px;
	margin-right: 4px;
}
	/* this class will make sure the rating labels for the 
	   condition report aligns with the radio selections  */
	.conditionHeader
	{
		display: inline-block;
		font-weight: bold;
		text-align: center;
		margin-right: 4px;
		width: 14px;
	}
	
	
.button
{
	background-color: #390;
	font-family: Arial;
    font-size: 12px;
    padding: 2px 0;
    font-weight: bold;
    color: #fff;
    border: 0;
    width: 100px;
}
	.button:hover
	{
		background-color: #40bf00;
	}	


	

/* End Label/Form styles */



/*  Bullet list styles */
ul.bulletList, ul.bulletListSpreaded
{
	list-style-type: circle;
}
ol.bulletList, ol.bulletListSpreaded
{
	list-style-type: decimal;
	padding-right: 15px;
}

.bulletList, .bulletListSpreaded
{
	margin-left: 42px;
	
}
	.bulletListSpreaded
	{
		line-height: 22px;
	}

	.bulletList ol, .bulletList ul, 
	.bulletListSpreaded ol, .bulletListSpreaded ul
	{
		margin-left: 42px;
	}
	
	.bulletList ol li ol, .bulletList ul li ul, 
	.bulletListSpreaded ol li ol, .bulletListSpreaded ul li ul
	{
		margin-left: 42px;
	}
/* End Bullet list styles */




/* Page Layout */

h1 /* aka Page Banner */
{
	display:block;
	height: 110px;
    width: 930px;
    text-indent: -1000000px;
    background-image: url(../images/pHeader0.jpg); 
  /*  border-bottom: solid 2px #090100; */
    
}

#main
{
	height: 100%;
	width: 930px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#headerLinks
{
	text-align: right;
	color: #fff;
	font-size: 7pt;
	font-weight: bold;
    padding: 3px 0 4px 0;
}
	#headerLinks a, #headerLinks a:visited
	{
		color: #fff;
	}
    #headerLinks a:hover 
    {
        color: #ffbe23;
        text-decoration: none;
    }

#content
{
	clear: both;
	float: left;
	width: 914px;  /* 930px - 8px - 8px = 914px */
	padding: 0 8px 8px 8px;
	background-color: #d7d6d6;
	/*background: #d7d6d6 url(../images/DealerGrad.jpg) top left no-repeat;*/
}
	#breadcrumb
	{
		float: left;
		width: 100%;
		height: 12px;
		line-height: 25px;
		vertical-align: middle;
		font-weight: bold;
		color: #333;
	}
		#breadcrumb a, #breadcrumb a:visited
		{
			color: #00f;
			text-decoration: none;
		}
		#breadcrumb a:hover
		{
			text-decoration: underline;
		}
		
	#topContent
	{
		float: left;
		width: 100%;
		/*background-color: Yellow;*/
	}
		#topContent #bottomLeftContent
		{
			margin-top: 5px;
			float: left;
			width: 455px;
			/*background-color: Orange;*/

			/*_height: -1px;*/
		}
		#topContent #bottomRightContent
		{
			margin-top: 5px;
			float: right;
			width: 455px;
			/*background-color: Green;*/

			/*_height: -1px;*/
		}
		
		
		

#footer
{
	float: left;
	clear: both;
	font-size: 7pt;
	color: #fff;
	width: 914px;  /* 930px - 8px - 8px = 914px */
	padding: 8px;
	background-color:SlateGray;
}

    #footerTradeMark
    {
		float: left;
		color:#fff;
    }
    #footerLinks
    {
		float: right;
    }
		#footerLinks .footerLink
		{
			color:#fff;
			font-weight: bold;
		}
		#footerLinks .footerLink:hover
		{
			color: #ffbe23;
            text-decoration: none;
		}
/* End Page Layout */


/* Calendar/Event */
#calendarSection
{
	margin: 0 auto;
	padding: 10px;
}

	.calendar
	{
		font-family: Arial;
		font-weight: bold;
        height: 62px; 
        width: 405px;
        margin-bottom: 13px;
	}
		.date
		{
			float: left;
			background: #fff url(../images/calBg.jpg) top left no-repeat;
			height: 62px;
			width: 62px;
		}
			.month
			{
				float: left;
				text-align: center;
				vertical-align: bottom;
				color: #fff;
				font-size: 12px;
				margin: 9px 0 0 8px;
				width: 46px;
				height: 16px;
			}
			.day
			{
				float: left;
				width: 46px;
				height: 30px;
				margin: 0 0 0 8px;
				text-align: center;
				color: #000;
				font-size: 28px;
				vertical-align: top;
				line-height: 30px;
			}
		.eventInfo
		{
			float: right;
			margin-top: 10px;
			width: 325px;
			max-height: 42px;
			_height: 42px;
			vertical-align: middle;
			overflow: hidden;
		}
/* End Calendar/Event */



/* Inventory */
.Inventory
{
	/*background-color: Yellow;*/
	margin: 10px 15px;
	width: 884px;
	border: 1px solid #dcdcdc;
}
	.InventoryHeader
	{
		background-color: #dcdcdc;
		background: url(../images/grid_hea.gif) repeat-x;
		text-align: left;
		height: 24px;
	}
		.InventoryHeader th
		{
			vertical-align: top;
			padding-top: 4px;
		}
		.InventoryHeader th a
		{
			color: #666;
		}
	.InventoryRowA { background-color: #fff; }	
	.InventoryRowB { background-color: #eee; }

	.InventoryRowA td img, .InventoryRowB td img
	{ 
	    border: solid 1px #ccc !important; 
	    margin: 3px; 
	    width: 110px;
	    height: 82px;
	    display: block;
	}
	.InventoryPager
	{
		/*background-color: #fec422;*/
	}
		.PagerLabel
		{
			float: left;
			padding: 5px 3px 3px 3px;
			font-weight: bold;
			line-height: 10px;
			vertical-align: top;
			color: #666;
		}
		
		.PagerControlsLeft, .PagerControlsRight
		{
			padding: 3px 3px 3px 0;
			vertical-align: middle;
		}
			.PagerControlsLeft { float: left; }
			.PagerControlsRight { float: right; }
		
			
			.PagerButton, .PagerFirst, .PagerPrev, .PagerNext, .PagerLast
			{
				width: 13px;
				height: 14px;
				background-color:#fec422;
				border: none;
				text-indent: -10000px;
				float: left;
				line-height: 0px;  /* needed because IE doesn't work right with negative text indents */
				margin-left: 5px;
			}
				.PagerFirst { background: url(../images/pager_fi.gif) no-repeat; }
				.PagerFirst:hover { background: url(../images/pager_fi.gif) no-repeat; }
				
				.PagerPrev { background: url(../images/pager_pr.gif) no-repeat; }
				.PagerPrev:hover { background: url(../images/pager_pr.gif) no-repeat; }
				
				.PagerNext { background: url(../images/pager_ne.gif) no-repeat; }
				.PagerNext:hover { background: url(../images/pager_ne.gif) no-repeat; }
				
				.PagerLast { background: url(../images/pager_la.gif) no-repeat; }
				.PagerLast:hover { background: url(../images/pager_la.gif) no-repeat; }
			
			.PagerDropdown
			{
				font-size: 9px;
				float: left;
				margin-left: 5px;
			}
		
	span.blink
	{
	    color: #cc0000;
	    font-weight: bold;
	}
	
	
	
	
.inventoryActionMenuContainer
{
	float: left;
	padding: 0;
	position: relative;
	border: 1px solid #ccc;
}
.inventoryActionMenu
{
	float: left;
	width: 80px;
	z-index: 100;
}
	.inventoryEditLink
	{
		float: left;
		padding: 0px 2px 0 4px;
	}
	.inventoryMenuButton
	{
		float: left;
		width: 19px;
		height: 15px;
		text-indent: -100000px;
		background: url(../images/nArrowDown.gif) 3px 2px no-repeat;
		border-left: 1px solid #ccc;
	}
		.inventoryMenuButton:hover
		{
			background-color: #dfdfdf;
			cursor: hand;
		}
	
	.inventoryActionMenuItems
	{
		z-index: 1000;
		width: 100px;
		top: 15px;
		left: -1px;
		float: left;
		border: 1px solid #ccc;
		position: absolute;
		background-color: #fff;
	}
		.inventoryActionMenuItems li
		{
			padding: 2px 2px 2px 4px;
		}
		.inventoryActionMenuItems li:hover
		{
			background-color: #dfdfdf;
		}
		


/* End Inventory */



/* Content Box */

#topContent h2, #bottomContent h2
{
	float: left;
	font-size: 10pt;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 25px;
    color: #fff; 
}
	/* Difference is the size of the title image */
	#topContent h2
	{
		width: 889px;  /* 914px - 25px = 889px */
		background: url(../images/cHeading.jpg) no-repeat;
	}

	#topContent #bottomLeftContent h2,
	#topContent #bottomRightContent h2
	{
		width: 430px; /* 455px - 25px = 430px */
		background: url(../images/cHeadingBg455.jpg);
	}


.contentSection
{
	float: left;
	background-color: #fff;
}
	/* the padding above each section between the section header title and the content */
	.contentSectionFull, .contentSectionLeft, .contentSectionRight, .contentSectionBottom, .contentSectionFullF
	{
		padding-top: 8px;
		padding-bottom: 15px;
	}
	
	.contentSectionFull, .contentSectionLeft, .contentSectionRight, .contentSectionFullF
	{
		min-height: 420px;
		_height: 420px;
	
	}
	
	.contentSectionFull
	{
		float: left;
		width: 100%;
	}
	.contentSectionLeft
	{
		float: left;
		width: 540px;
	}
		.contentSection p
		{
			padding: 8px 8px 8px 25px;
		}

	.contentSectionRight
	{
		float: right;
		width: 374px;
	}
		.contentSectionRight .imgContainer
		{
			clear: both;
			text-align: right;
			padding-right: 15px;
		}
	.contentmain
	{
		min-height: 200px;
		_height: 200px;
	}	
		/* home page calendar overrides */
		.contentSectionRight #calendarSection
		{
			border-top: 1px solid #92b9d6;
			width: 280px;
		}		
			.contentSectionRight #calendarSection .calendar
			{
				width: 100%;
			}
			.contentSectionRight #calendarSection .eventInfo
			{
				width: 200px;
			}
		/* end home page calendar overrides */
		
			
	.contentSectionBottom
	{
		float: left;
		width: 455px;
		height: 210px;
		overflow: auto;
	}

  .contentSectionFullF
	{
		float: left;
		width: 915px;
		background-image:url(http://www.netautox.com/Present/Style/images/featuredvehicles.png)
		}


/* Information/Profile Box */
.infoBox
{
	float: left;
	width: 882px;
	margin: 10px 15px;
	border: solid 1px #ccc;
}
	.infoBox p
	{
		padding-top: 0px;
		padding-left: 8px;
	}

	.infoBox h3
	{
		display: block;
		font-size: 12px;
		padding: 5px 5px 5px 8px;
		margin-bottom: 8px;
        border-bottom: solid 1px #ccc;
        background-color: #eee;
	}
	
	.inputSection
	{
		clear: both;
		float: left;
		width: 100%;
		overflow: auto;
	}
		.inputSection h4
		{
			display: block;
			font-size: 12px;
			padding: 3px 6px;
			margin-bottom: 5px;
			background-color: #efefef;
		}
		
		.inputSection .innerSection
		{
			float: left;
		}
		.inputSection .innerSectionBox
		{
			float: left;
			width: 844px;
			margin: 10px 10px 0px 10px;
		}

		.row
		{
			clear: both;
			width: 100%;
			padding-bottom: 8px;
			float: left;
			
			/*background-color: Orange;*/
		}

		.label
		{
			float: left;
			min-height: 19px;
			_height: 19px;
			text-align: right;
			font-weight: bold;
			padding-right: 10px;
			
			/*background-color: Red;*/
		}
		.required
		{
			color: #f00;
			margin-right: 5px;
		}
		.error
		{
			color: #f00;
		}
	.field
	{
		float: left;
		/*white-space: nowrap;*/		
		/*background-color: Yellow;*/
	}
		.smallest { width: 100px; }
		.smaller { width: 200px; }
		.small { width: 300px; }
		.normal { width: 400px; }
		.wide { width: 500px; }
		.wider { width: 600px; }
		.widest { width: 700px; }
		.full { width: 100%; }
		
.buttons
{
	float: right;
	text-align: right;
	padding-right: 15px;
}

.featuredBox
{
	float: left;
	width: 810px;
	margin: 10px 15px;
	border:none;
	padding-top:50px;
}
			
/* End Information/Profile Box */





/* Start UsersTable */
.UsersTable
{
	margin:0 auto 10px auto;
	width: 97%;
	border-collapse: collapse;
}
	.UsersTable th
	{
		text-align: left;
		padding: 5px 0 2px 0;
		border-bottom: 1px solid #ccc;
	}
	
	.UsersTable td
	{
		padding: 3px 0 3px 0;
	}
	
	.UsersTable .RowA { background-color: #fff; }
	.UsersTable .RowB { background-color: #eee; }

/* End UsersTable */



/* Tabbed Vehicle Detail */
.tabbedVehicleDetailContainer
{
	/*background-color: Yellow;*/
	margin: 10px 15px;
	width: 510px; /* 540px - 30px = 510px*/
	float: left;
}
	.tabbedContentBox
	{
		float: left;
		padding: 9px;
		width: 490px;  /* 510px - 20px = 490px */
		height: 454px;
		max-height: 494px; /* this is the height of the box when there's two rows of thumbnails */
		_height: 494px;
		position: relative;
		overflow: auto;
		background-color: #deecfd;
	}
		/* this is added here to toggle the container class so the height adjusts in the gallery */
		.tabBoxMinHeight .tabbedContentBox { height: 454px !important; }
		.tabBoxMaxHeight .tabbedContentBox { height: 494px !important; }
	
		.tabbedContentBox .row
		{
			width: 473px;
		}


		.galleryImagesTitle
		{
			position: absolute;
			top: 392px;
			left: 8px;
			font-weight: bold;
			font-size: 12px;
			/*background-color: Red;*/ 
		}
		.galleryImages
		{
			float: left;
			margin: 0;
			list-style-type: none;
		}
			.mainImage
			{
				/*width: 320px;
				height: 240px;*/
				float: left;
				width: 488px; /* 490px - 2px border = 488px */
				height: 367px; /* was 368px with the 490px */
				margin: 0 0 25px 0;
				overflow: hidden;
				border: 1px solid #8db2e3;
			}
				.mainImage img
				{
					/*width: 320px;
					height: 240px;*/
					width: 488px; /* 490px - 2px border = 488px */
					height: 367px; /* was 368px with the 490px */
				}
			
				.galleryImages li
				{
					float: left;
					width: 41px;
					height: 32px;
					margin-right: 10px;
					margin-top: 10px;
					overflow: hidden;
					position: relative;
				}
				.galleryImages li img { margin-top: 1px; }
				
					.thumbnailFrame
					{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 41px;
						height: 32px;
						background: url(../images/thumbfra.gif) no-repeat top left;
					}
					.thumbnailFrame:hover
					{
						cursor: hand;
						background: url(../images/thumbfrb.gif) no-repeat top left;
					}
					.NoImagesText
					{
						float: left;
						margin-top: 15px;
					}

			.vehicleInfoListTitle
			{
				display: block;
				font-size: 110%;
				font-weight: bold;
				padding-bottom: 2px;
				margin-bottom: 8px;
				border-bottom: 1px solid #000;

			}
			.vehicleInfoList
			{
				clear: both;
				float: left;
				list-style-type: none;
				padding: 2px 0 20px 0;
				width: 473px;
			}
				.vehicleInfoList li
				{
					float: left;
					width: 100%;
					padding-bottom: 5px;
				}
				
					.vehicleInfoList li img
					{
						height: 31px;
						width: 41px;
					}


.disclaimer
{
	color: Red;
	padding: 0 2px;
}
.disclaimerText
{
	float: left;
	font-size: 80%;
	color: #666;
}



.vehicleInfoHeader
{
	float: left;
	width: 100%;
	margin-top: 9px;
	font-size: 18px;
}
.vehicleInfoPrice
{
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0;
	font-size: 16px;
	color: Red;
}
.vehicleInfoContact
{
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0 15px 0;
	font-size: 11px;
}
/* End Tabbed Vehicle Detail Box */



/* Misc. styles */
.redTag
{
	height: 200px; 
	width: 360px;
}
#printRedTag
{
	padding: 0 15px 15px 0;
	text-align: right;
}

#signUpImage
{
	padding: 30px 0;
	text-align: center;
}

#siteMap
{
	padding-left: 20px;
}

#googleMap
{
	margin-right: 15px;
	width: 359;
	height: 420px;
}

.chartMPG
{
	float: left;
	width: 180px;
	background: url(../images/mpg_bg00.gif) no-repeat top center;
}
	.city { float: left; padding-bottom: 8px; }
	.hwy { float: right; padding-bottom: 8px; }

		.title
		{
			font-weight: bold;
			float: left;
			width: 70px;
			text-align: center;
		}
		.MPG
		{
			clear: both;
			float: left;
			padding: 2px 0;
			font-weight: bold;
			font-size: 16px;
			width: 70px;
			text-align: center;
		}


.blockText
{
	display: block;
	margin-left: 15px;
}

.featuredVehicles
{
	text-align: center;
	width: 125px;
	padding-bottom: 20px;
}
	.featuredVehicles img
	{
		display: block;
		width: 110px;
		height: 82px;
	}


.thumbnailInfo
{
	float: left;
	width: 125px;
	padding: 3px 0 2px 0;
	text-align: center;
}

.thumbnailInfo input
{
	margin: 0 auto;
	width: 25px;
	text-align: center;
}


.thumbnailInfo .checkbox
{
	margin-left: 12px;
}

.thumbnailInfo .checkboxText
{
	float: left;
	line-height: 14px;
}





/* Content Font Styles */
.infoLarge
{
	color: #4c677e;/*#666666;*/
	font-size: 14px;/*16px;*/
	font-weight: bold;   
}

.infoVehicleInfo
{
	font-family: Tahoma;/*Tahoma Verdana Geneva MS Sans Serif Helvetica Arial;*/
	font-size: 11px;
	/*color: #c0bbb7;*/
	font-weight: normal;
}







.infoHead
{
	margin: 20px;
	font-family: Tahoma;/*Tahoma Verdana Geneva MS Sans Serif Helvetica Arial;*/
    font: Tahoma;
    color: #4c677e;/*#666666;*/
	font-size: 14px;/*16px;*/
	font-weight: bold;                
}
.infoStd
{
	font-family: Tahoma;/*Tahoma Verdana Geneva MS Sans Serif Helvetica Arial;*/
    font: Tahoma;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
}
.infoLrg
{
	font-family: Arial;/*Tahoma Verdana Geneva MS Sans Serif Helvetica Arial;*/
    font: Arial;
    font-size: 16px;
    text-decoration: none;
    color: #666666;
}
/*End Content Font Styles */