/* @override http://stenshagen.garage.upstruct.com/css/framework.css */


@import "reset.css";
@import "typography.css";

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Globals
//
///////////////////////////////////////////////////////////////////////////////////
*/

body {
	color:black;
	font-size: 12px;
	line-height: 1.5em;
}

hr{
	height: 1px;
	border-width: 0;
	border-bottom: 1px dotted gray;
	margin-bottom: 10px;
	margin-top: 10px;
}

#frame{ width: 785px; margin: 15px; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Brands
//
///////////////////////////////////////////////////////////////////////////////////
*/
#brands,#search{ background-color: #C4C6C5; }
#brands{ width: 60px; vertical-align: top; padding-top: 180px; text-align: center; }
#brands img{ margin-top: 5px; position: relative; left: 2px; }


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Topnav
//
///////////////////////////////////////////////////////////////////////////////////
*/
#topnav{ 
	background-color: #80A7BF; 
	width: 215px; 
	height: 182px;
	[color:white;
		height: 184px;
	];
} 

#topnav #stenshagen-logo{ margin-left: 13px; margin-top: 20px; margin-bottom: 10px; }
#topnav ul{ margin-left: 39px; }
#topnav li{ list-style-image: url(../images/framework/topnav-arrow.gif); list-style-position: outside; margin-bottom: 6px; }
#topnav a{ color: white; text-decoration: none; }
#topnav a:hover{ text-decoration: underline; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Search
//
///////////////////////////////////////////////////////////////////////////////////
*/
#search{
	vertical-align: middle;
	height: 40px;
	font-size: 10px;
	padding-left: 10px;
}

#search-form input[type="text"]{
	border: solid 1px black;
	width: 85px;
	padding: 3px;
	font-size: 10px;
}
#search-form input[type=submit],
#search-form input[type=button] {
	background-color: #C4C6C5;
	border: solid 1px black;
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	position: relative;
	top: 1px;
	[color:black;
		padding-top: 3px; /*Affects Safari for Macintosh only (v1-3). .*/
		padding-bottom: 3px;
		top:0;
	];
}

#search-form input:focus{ border: solid 1px #2B93A2; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Navigation
//
///////////////////////////////////////////////////////////////////////////////////
*/
#navigation{
	background-color: black;
	vertical-align: middle;
	color: white;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 13px;
	padding-bottom: 12px;
	z-index: 200;
}

#navigation a {
	color: white;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 7px;
}
#navigation a:hover{ color: Gray; }

#navigation ul {
	padding: 0;
	margin-bottom: 15px;
	list-style: none;
	padding-bottom: 0px;
}


#navigation li ul { 
	position: absolute;
	/*background: url(../images/framework/navigation-background-trans.png);*/
	background-color: black;

	color: white;
	width: 160px;
	padding-top: 0px;
	padding-bottom: 0px;
	left: -999em;
	
	margin-left: -12px;
}

#navigation li ul li {
	float: none;
	padding: 4px 10px 4px 12px;
	margin: 0px;
	border-bottom: 1px solid white;
	border-right: none;
}

#navigation li ul li:last-child {
	border-bottom: none;
}


#navigation a {
	display: block;
}

/*#navigation li a:after {
	content: '  | ';
}*/

#navigation li:last-child a:after {
	content : none;
}

#navigation li ul li a:after {
	content: none;
}

#navigation li { 
	float: left;
/*	border-right: 1px solid white;
	padding-right: 4px;
	padding-left: 4px;*/
}

#navigation li:last-child {
	border-right: none;
}


#navigation li ul ul {
	margin: -22px 0 0 148px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#navigation li ul ul li {
	padding: 4px 10px 4px 10px;
}

#navigation li:hover ul ul, 
#navigation li.sfhover ul ul { 
	left: -999em;
}


/* Lists nested under hovered list items */
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li.sfhover ul,
#navigation li li.sfhover ul { 
	left: auto;
}


#body-content {
	margin-top: 15px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Campaign
//
///////////////////////////////////////////////////////////////////////////////////
*/
.campaign{ }
#campaign1{ width: 340px; }
#campaign2{ width: 170px; }
#campaign3,#campaign4,#campaign5{ width: 170px; vertical-align: top; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Content text styles
//
///////////////////////////////////////////////////////////////////////////////////
*/
#maincontent,#sidebar{ vertical-align: top; }

.hdividers{
	border-right: 1px solid silver;
	border-left: 1px solid silver;
}

#maincontent p,#maincontent h1,#maincontent h2,#maincontent h3,
#maincontent h4,#maincontent h5,#maincontent h6{
	padding: 0 10px 0 10px;
}



#maincontent img{
	/*padding: 5px;*/
}

#frontpagecontent p {
	margin-top: -15px;
	padding: 0;
}

#sidebar.grey{ background-color: #C4C6C5; }

#sidebar .title{
	font-size: 12px;
	background-color: #6C6D6C;
	color: white;
	text-align: center;
	font-weight: bold;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 10px;
}

#sidebar p,#sidebar h1,#sidebar h2,#sidebar h3,
#sidebar h4,#sidebar h5,#sidebar h6{
	padding: 0 10px 0 10px;
}

#sidebar a:link,
#sidebar a:visited {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar p:first-child {
	padding: 0;
	margin: 0;
}

.car-listing{ margin: 0 10px 0 10px; font-size: 9px; }
.car-listing th{ width: 95px; }
.car-listing .km{ width: 55px; }

.cars-listing{
	width: 98%;
}

.cars-listing img{
	vertical-align: middle;
}

.col{
	width: 240px;
	float: left;
	margin-right: 10px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Form
//
///////////////////////////////////////////////////////////////////////////////////
*/

.f{ padding: 0 10px 0 10px; }
.f label{ }
.f input[type=text],
.f input[type=text],
.f textarea{
	width: 184px;
	border: 1px solid silver;
	padding: 3px;
	font-size: 11px;
}
.f label textarea{ height: 100px; }
.f label input:focus,
.f label textarea:focus { border: solid 1px #80A7BF; }
.f label input[type=button],
.f label input[type=submit] {
	background-color: #80A7BF;
	border: solid 1px silver;
	padding-top: 3px;
	padding-bottom: 1px;
	color:white;
	float: right;
	[color:white;
		padding-top: 3px; /*Affects Safari for Macintosh only (v1-3). .*/
		padding-bottom: 3px;
		top:0;
	];
}

input[type=button], input[type=submit] {
	background-color: #80A7BF;
	border: solid 1px silver;
	padding-top: 3px;
	padding-bottom: 1px;
	color:white;
	[color:white;
		padding-top: 3px; /*Affects Safari for Macintosh only (v1-3). .*/
		padding-bottom: 3px;
		top:0;
	];
}

#form-errors {
	color: #A80313;
	margin-bottom: 10px;
}

#order-success {
	width: 100%;
	text-align: center;
	font-size: 25px;
	color: #A80313;
	margin-top: 200px;
	line-height: 1.3em;
}

#order-success span {
	font-size: 16px;
	color: black;
	margin-top: 10px;
	line-height: 1.1em;
}

#phone-lookup {
	border: none;
	background: transparent url(../images/framework/get-address-trans.png) no-repeat 0 0;
	height: 33px;
	width: 135px;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Footer
//
///////////////////////////////////////////////////////////////////////////////////
*/