/*
   Author: Adam Carlson
   Last updated: 01/25/07
   ------------------------------------
   Default stylesheet for UPcars.com
*/


/*------*/
/* body */
/*------*/

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

a:link, a:active {
	color: rgb(0,0,153);
}

a:hover, a:visited {
	color: rgb(102,102,204);
}


/*-----------*/
/* container */
/*-----------*/

#container {
	margin: auto auto;
	width: 900px;
	border: 1px solid rgb(0,0,153);
 	background-color: rgb(255,255,255);
}


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

#header {
	position: relative;
	height: 185px;
	width: 100%;
	text-align: center;
	background-color: rgb(255,255,255);
}


/*----------------*/
/* left navigation */
/*----------------*/

#nav_left {
	width: 110px;
	float: left;
	position: relative;
	background-color: rgb(234,234,234);
	padding: 0.5em 0.25em;
 	border-right: 1px solid rgb(0,0,153);
 	border-bottom: 1px solid rgb(0,0,153);
}

#nav_left ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#nav_left li {
	margin-left: 0.15em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-size: 110%;
	font-weight: bold;
}


/*----------------*/
/* top navigation */
/*----------------*/

#nav_top {
	background-color: rgb(0,0,153);
	color: rgb(255,255,255);
	padding: 0.15em 0.5em;
	text-align: center;
}


/*------------------*/
/* main content box */
/*------------------*/

#content_main {
 	width: 775px;
 	float: right;
 	position: relative;
 	color: rgb(0,0,0);
 	background-color: rgb(255,255,255);
 	padding: 0.5em 0.5em 0.5em 0;
}


/*---------------*/
/* left content */
/*---------------*/

#content_left {
	position: relative;
	float: left;
	display: inline;
	width: 620px;
}


/*---------------*/
/* right content */
/*---------------*/

#content_right {
	float: right;
	postion: relative;
	width: 145px;
}


/*---------*/
/* content */
/*---------*/

.content {
	text-align: left;
	color: rgb(0,0,0);
	background-color: rgb(234,234,234);
	padding: 0.25em 0.25em;
}

.content h2, .content h3 {
	color: rgb(255,255,255);
	background-color: rgb(0,0,153);
	padding: 0 0.2em;
}

.front_box {
	text-align: left;
	color: rgb(0,0,0);
	background-color: rgb(234,234,234);
	padding: 0 0 0.1em 0;
	border: 1px solid rgb(0,0,153);
	margin: 0.5em 0 0.5em 0.5em
}

.front_box h2, .front_box h3 {
	color: rgb(255,255,255);
	background-color: rgb(0,0,153);
	padding: 0 0.2em;
	margin: 0;
}

.front_container {
	width: 620px;
}


/*--------*/
/* footer */
/*--------*/

#footer {
	padding: 0.25em 0;
	height: 100px;
	background-color: rgb(204,204,204);
	text-align: center;
	clear: both;
}


/*--------*/
/* tables */
/*--------*/

.listings {
	width: 100%;
}

.listings td, .listings th, .listings table, .every_auto td, .every_auto th, .every_auto table {
	border: 0;
}

.listings th {
	background-color: rgb(204,204,204);
	padding: 0.25em 0.25em;
}

.listingrowon {
	background-color: rgb(255,255,255);
	padding: 0.25em 0.25em;
}

.listingrowoff {
	background-color: rgb(204,204,204);
	padding: 0.25em 0.25em;
}

.every_auto {
	width: 100%;
	font-size: 90%;
}

.autorowon {
	background-color: rgb(255,255,255);
}

.autorowoff {
	background-color: rgb(204,204,204);
}

.col0 {
	width: 8%;
}

.col1 {
	width: 17%;
}

.col2 {
	width: 50%;
}

.col3 {
	width: 19%;
}

.col4 {
	width: 6%;
}

.front_container table {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	cellspacing: 0;
	cellpadding: 0;
}


/*--------*/
/* images */
/*--------*/

img {
	border: 0;
}


/*------------*/
/* paragraphs */
/*------------*/

.front_box p {
	padding: 0 0.35em;
}

/*-------*/
/* forms */
/*-------*/

form {
	width: 100%;
}

label {
	float: left;
	width: 8em;
}

input {
	width: 12em;
}

input.button {
	width: 6em;
}

input.radio {
	width: 1.5em;
}

form div {
	margin-bottom: 0.5em;
}


/*---------------*/
/* misc. classes */
/*---------------*/

.error {
	font-weight: bold;
	color: rgb(255,0,0);
}

.notice {
	color: rgb(0,0,153);
}

.indent {
	padding-left: 0.5em;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.leftside {
	float: left;
}

.rightside {
	float: right;
}

.no_border {
	border: 0;
}

.inline {
	display: inline;
}

.normal_text {
	font-size: 0.8em;
	font-weight: normal;
}


/*----------------------*/
/* float containers fix */
/*----------------------*/

.clearfix:after {
	content: ".";
 	display: block;
	height: 0;
 	clear: both;
 	visibility: hidden;
 }

.clearfix {
	display: inline-table;
}


/*-------------------*/
/* hides from IE-mac */
/*-------------------*/

html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*----------------*/
/* printer styles */
/*----------------*/

@media print {
	/* hide the left navigation column when printing */
	#nav_left {
		display: none;
	}

	/* hide the right column (banners) when printing */
	#right_content {
		display: none;
	}
	
	/* hide the top navigation when printing */
	#nav_top {
		display: none;
	}

	#twocols, #maincol {
		width: 100%;
		float: none;
	}
}