/* colors:
	#ececff
	#c1c1ff
	#6a6aff
	#0000ff
blue	#0000bd burgee color
dark    #000055 
*/
/* Set background, scrollbars and font */
html,body {
	margin-top: 0pt;
	margin-bottom: 10pt;
	padding: 0;
	scrollbar-base-color:#ececff;
	scrollbar-face-color: #ececff;
	scrollbar-3dlight-color: #0000bd;
        scrollbar-dark-shadow-color: #0000bd;
	scrollbar-highlight-color: #ececff;
	scrollbar-shadow-color: #ececff;
   	scrollbar-arrow-color: #0000bd;
	scrollbar-darkshadow-color: #0000bd;
	scrollbar-track-color: #ececff;
	background: #ececff;
	color: #000055;
	font-family: Eras Medium ITC;
}

/* Set color of links */
a {
	color: 0000bd;
}
div#choose {
	position: absolute;
	top: 15px;
	right: 0px;
}
table.list {
	width: 100%;
	background: #f9f9ff;
	/*border-top: 2px dotted #0000bd;
	border-left: 2px dotted #0000bd;
	border-right: 2px dotted #0000bd;
	border-bottom: 2px dotted #0000bd;*/
}
hr { color: #0000bd;
	width: 70% }
table.small {
	width: 40%;
	border-top: 2px dotted #0000bd;
	border-left: 2px dotted #0000bd;
	border-right: 2px dotted #0000bd;
	border-bottom: 2px dotted #0000bd;
	background: #ffffff;
}
table.left {
		text-align: left
		}
td.left {
		text-align: left
		}
td.dark  {     color: #d3c5fe;
		background: #0000bd }
/************************************/
/* 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: 900px;	
}
/* Position for logo and menu */
#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
}
/* Position for page content */
#main {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 900px;
}
#menu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 120px;
	background: url(images/bg.jpg);
}
#quote{
	position: relative;
	top: 0px;
	left: 0px;
	width: 120px;
	background: url(images/bg.jpg);
}
#page {
	position: absolute;
	top: -5px;
	left: 120px;
	width: 780px;
}
/* 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;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#box {
	margin: 0px;
	padding: 0px;
}
/* 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 {
	border: #c1c1ff;
	font-size: 8pt;
	color: #fff;
	background: #0000bd;
}
select.small {
		
	font-size: 7pt;
	color: #000055;
	background: #f9f9ff;
}
p.small {
	font-size: 9pt;
	font-weight: bold;
}
/**************************************/
/* DETAIL.PHP */
/* 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;
}

/* 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;
}
/* 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: 9pt;
	color:#ececff;
	background: #0000bd;

}
input.blue {
	width: 28ex;
	font-size: 12pt;
	color: #ececff;
	background: #0000bd;
	border: #c1c1ff;
}
input.blue_big {
	width: 28ex;
	font-size: 12pt;
	color: #ececff;
	background: #0000bd;
	border: #c1c1ff;
}
input.small {
	color: #000055;
	background: #f9f9ff;
}
/*************************************************/
/* position for note on join page  */
div#email_note {
		position: absolute; top: 420px; left: 530px;
		text-align: left;
		}