/* colors:
yellow 	#ffcc33
blue	#006699 
*/
/* Set background, scrollbars and font */
html,body {
	margin-top: 5pt;
	margin-bottom: 10pt;
	padding: 0;
	scrollbar-base-color:#000;
	scrollbar-face-color: #000;
	scrollbar-3dlight-color: #006699;
        scrollbar-dark-shadow-color: #006699;
	scrollbar-highlight-color: #000;
	scrollbar-shadow-color: #000;
   	scrollbar-arrow-color: #006699;
	scrollbar-darkshadow-color: #006699;
	scrollbar-track-color: #000;
	background: #000000;
	color: #006699;
	font-family: arial;
}

/* Set color of links */
a {
	color: 006699;
}
/************************************/
/* LAYOUT.PHP */
table {
	width: 100%;
}
/* center page */
td.layout {
	/*vertical-align: middle;*/
	text-align: center;
}
/* Position for page */
#container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 800px;	
}
/* Position for logo and menu */
#top {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 800px;
}
/* Position for page content */
#main {
	position: absolute;
	top: 195px;
	left: 0px;
	width: 800px;
}
/* font for copyright */
p.tiny {  
	text-align: center;
	font-size: 8pt 
}
/************************************/
/* INDEX.PHP
/* Position for slideshow
#slideshow { 
	position:absolute;
	left: 0px;
	top: 0px;
	     
}
/* Position for contact info
#bottom_left {
	position: absolute;
	left: 50px;
	top: 450px;
}
/************************************/
/* INVENTORY.PHP */
/* Position for form */
#order {
	position: relative;
	left: 620px;
}
/* Position for box containing a car */
div.boxes {
	position: relative;
	top: 0px;
	left: 0pt;
}
/* Position for picture of car */
div.pic { 	
	position: absolute;
	top: 4px;
	left: 4px;
}
/* Position for blue frame around box */
div.frame {
	position: absolute;
	top: 0px;
	left: 0pt;
}
/* Position for text header */
div.car_header { 	
	position: absolute;
	top: 10px;
	left: 240px;
}
/* Position for text body */
div.car { 	
	position: absolute;
	top: 45px;
	left: 240px;
}
/* Position for 'sold' banner */
div.sold {
	position: absolute;
	top: 10px;
	left: 320px;
}
/* Position for link to detail page */
div.detail_link {
	position: absolute;
	top: 90px;
	left: 650px
}
/* Formatting text for header on inventory page */
p.car_header {
	font-size:14pt;
	font-weight: bold;
	color: #006699;

}
/* Set lineheight for car info text */
p.car { 

	line-height: 20pt 
}
input.small {
	font-size: 8pt;
	color: #fff;
	background: #006699;
}
select.small {
	font-size: 7pt;
}
p.small {
	font-size: 9pt;
	font-weight: bold;
}
/**************************************/
/* DETAIL.PHP */
.hiddenPic {
	display:none;
}
/* Position for frame behind thumbnails */
#multi_frame {
	position: relative;
	left: 0px;
	top:0px;
}
/* Position for table with thumbnails */
#thumbs {
	position: absolute;
	left: 5px;
	top:5px;
	width: 220px;
}
/* Position for big picture */
#view {
	position: absolute;
	left: 240px;
	top: 0px;
}
/* Position for frame on big picture */
#car_frame{
	position: absolute;
	left: 0px;
	top: 0px;
}
/* Position for info block */
#info_block {
	position: relative;
	left: 0px;
	top:10px;
}
/* Position and background for header in info block */
#info_header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 45px;
	background: url(images/car_header.jpg);
} 
/* Position and background for text in info block */
#info_text {
	position: relative;
	left: 0px;
	top: 0px;
	width: 800px;
	background: url(images/car_desc.jpg) repeat;
}
#art_text {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;

	
	background: url(images/car_desc.jpg) repeat;
}
/* Position and background for marquee */
#contact_info {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 70px;
	background: url(images/marqueebg.jpg);
}
/* Position for video link */
#video_link {
	position: absolute;
	top: 0px;
	right: 30px;
}
/* Position of marquee */
#marquee {
	position: absolute;
	left: 5px;
	top: 40px;
	
}

/* Formatting text for header on detail page */
p.car_header_desc {
	font-size:14pt;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
}
p.info_title {
	font-size:14pt;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 30px;

}
/* formatting text for description on detail page */
p.car_desc { 
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*************************************************/
/* VIDEO.PHP */
/* Position of info block */
#video_info { 
	position: absolute;
	left: 475px;
	top:10px;
}
/* Position of text block */
#video_text {
	position: absolute;
	left: 30px;
	top:20px;
}
/*************************************************/
/* CONTACT.PHP */
/* Position for text block with Chris' contact info */
#chris {
	position: absolute;
	left: 100px;
	top: 50 px;
	width: 250px;
}
/* Position for text block with Dave's contact info */
#dave {
	position: absolute;
	left: 450px;
	top: 50 px;
	width: 250 px;
}
/* Position for appointment info */
#appointment {
	position:absolute;
	left: 250px;
	top: 200px;
	width: 300px;
}
/* Position for transport info */
#transport {
	position:absolute;
	left: 80px;
	top: 300px;
	width: 640px;
		
}
/* Yellow font on contact page */
p.contact {
	color: #ffcc33;
	font-size: 14pt;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
/* Yellow link */
a.contact {
	color: #ffcc33;
	text-decoration: none;
}
/*************************************************/
/* UPLOAD.PHP */
/* set  style for table */
table.upload {
	width: 85%;
}
/* Style for buttons */
input.black {
	font-size: 12pt;
	color:#fff;
	background: #006699;
}
/*************************************************/
/* INFO.PHP*/
#right {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 10pt;


}

#fdata {
	width: 500px;
	
}
/*DIRECTIONS.PHP*/
#dir_bg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;	
}
#dir_form {
	position: absolute;
	top: 80px;
	left: 140px;
	z-index: 1;	
}
input.directions {
	font-size: 14pt;
	font-weight: bold;
	color:#ffcc33;
	border: 3px solid #006699;
	background: #000000;
}
/*ABOUT.PHP*/
p.a_header {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 20px;
}
p.a_text {
	text-align: center;
	font-size: 12pt;
	margin-right: 20px;
	margin-left: 20px;
}