/* @override http://car-van.se/style.css */

html, body {
	width:100%;
	height:100%;
	margin:0px; 
	padding:0px;
	font-family:verdana, sans-serif;
	font-size: 11px;
	line-height:1.8em;
	text-align:left;
	border:0;
	color:black;
}

p a, h3 a {color:black; text-decoration:underline;}
p a:hover {color:black;}

body {
	background: #ecebe0 url(bg.png) repeat-x;
}

span{display:none;}
img {border:0;}
ul {list-style:none; margin:0; padding:0;}
	
#Center {
	width:1000px;
	margin: 0 auto;
}

#Page {
	width:800px;
	float:left;
	background: url(pagebg.png);
}

.Header {
background: url(car+van2.jpg);

	width:750px;
	height:180px;
	margin:25px 25px 0;
}
.Header.v1 {background: url(car+van.jpg);}
.Header.v2 {background: url(car+van2.jpg);}

.Footer {
	clear:both;
	margin-top:50px;
	background: #ecebe0 url(footer.png) no-repeat;
	width:800px;
	height:200px;
	position:relative;
}

#FooterInfo1, #FooterInfo2, #FooterInfo3 {
	position:absolute;
	top:0px;
	left: 150px;
	color:#a19e8c;
	line-height:1.2em;
}

#FooterInfo2{
	left: 330px;

}

#FooterInfo3{
	left: 500px;
}

#FooterInfo strong {font-size:12px; font-weight:bold;}
#FooterInfo a, #FooterInfo a:hover {color:#a19e8c;}


#Content {
	width:700px;
	position:relative;
	left:50px;
	min-height:480px;
	}


#TextPart{
	width:275px;
	float: left;
	display: inline; /** ie needs this for float to work **/
	margin-top:20px;
}


h1 {
/*	text-transform: uppercase; */
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 21px;
	margin: 0.5em 0;
	letter-spacing: -0.05em;
	color:#a19e8c;
}

.Price, .Location {
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color:#8d8271;
	display:inline;
}
.Price {margin-right: 1em;} 

.Description {clear:both;margin-top:1em;}


.ContactButton:hover, .PrintButton:hover, .MoreInfoButton:hover {
	background-position:0 -50px;
}

.ContactButton {
	float:left;
	width: 151px; height:50px;
	margin:10px 0;
	background: url(contactbutton.png) no-repeat;
}

	
.PrintButton {
	float:left;
	width: 94px; height:50px;
	margin:10px 0 10px 20px;
	background: url(printbutton.png) no-repeat;
}

.MoreInfoButton {
	float:left;
	width: 94px; height:50px;
	background: url(moreinfobutton.png) no-repeat;
}

h2 {
	text-transform: uppercase;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 11px;
	margin: 3em 0 1em 0;
	color:#8d8271;
}	


#Features tr, #TextPart tr{
margin:0px;
font-size:10px;
min-height:30px;
background:white;
valign:top;
}

#Features tr.Alt, #TextPart tr.Alt{
background:none;
}

#Features tr.Alt, #TextPart tr.Alt{
margin:0px;
}

#Features tr td.a{
width: 320px;
}

#Features tr td.b{
width: 370px;
}

#TextPart tr td.a{
width: 120px;
}

#TextPart tr td.b{
width: 145px;
}

#Features td, #TextPart td{
padding-left:5px;
}



#Features{
clear:both;
width:700px;

}

#Images {
	position:absolute;
	top:0;
	right:-25px;
	width:440px;
	height:465px;
	background: url(imagesbg.png);
}

#Images p {
	position:absolute;
	top:450px;
	width:100%;
	text-align:center;
	color:#a19e8c;
}

.ImageBox {
	overflow:hidden;
  position:relative;
	top:30px;
	left:30px;
	width:380px;
	height:330px;
}


#ImageList {
	position:absolute;
	top:0;
	left:0;
	width:4800px;
	height:330px;
	margin: 0;

}

#ImageList li {
	float:left;
	width:380px;
	height:330px;
	overflow:hidden;
	margin-right:20px;
	cursor:pointer;
}


/* the following to center vertically and horizontally! */
		#ImageList li, .ThumbnailList li, .ListImage {
			position:relative;
			display:table;
			vertical-align:middle;
		}
		.ImageOuter{
			display:table-cell;
			vertical-align:middle;
		}
		.ImageMiddle{
			position:relative;
			left:50%;
			float:left;
		}
	
		.ImageInner{
			position:relative;
			text-align:right;
			left:-50%;
		}



.ThumbnailList {
	position:absolute;
	top:399px;
	left:25px;
	width:400px;
	overflow:hidden;
}

.ThumbnailList li {
	float:left;
	width:46px;
	height:48px;
	overflow:hidden;
	margin-right:2px;
	cursor:pointer;
}
		

ul#Navigator {
	float:right;
	width:200px;
	background:url(menubg.png) no-repeat;
	text-transform: uppercase;
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 10px;
}

#Navigator li{
	height:27px;
	width:100%;
	overflow:hidden;

}

#Navigator li a{	color:#7d7261; text-decoration:none;}
#Navigator li a:hover{background-position:-180px 0;}

#Navigator li a{
	display:block; /*for the a to actually obey height and width */ 
	left:10px;
	padding-top: 6px;
	margin-left: 10px;
	height:21px;
	width:180px;
	background:url(menubutton.png);
	text-align:center;
}


#Navigator .MenuStart {
	height:25px;
}

#Navigator .MenuEnd {
	height:12px;
	background:url(menubottom.png);
}

.BigPic {
	position:relative;
	left:-25px;
	width:750px;
	height:640px;
	cursor:pointer;
	display:none;
	text-align:center;
}

.BigPic img {
	margin:0 auto;
}
.BigPic p {
	width:100%;
	text-align:center;
	color:#a19e8c;
}

#CarList li {
	clear:both;
	height:185px;
	background:url(listimagebg.png) no-repeat;
	position:relative;
}

.ListImage {
	position:absolute;
	top:25px;
	left:25px;
	width:150px;
	height:130px;
}

.Information {
	position:absolute;
	top:25px;
	left:220px;
	height:185px;
	width:300px;
}


form.wwForm ul{
 margin:10px;
}
form.wwForm ul li{
 margin: 10px 0 0 0;
}
form.wwForm ul li label{
 display: block;
 font-weight: bold;
}
form.wwForm ul li input{
 width: 300px;
}
form.wwForm ul li textarea{
 width: 300px;
 height: 200px;
}
form.wwForm ul li input.wwSubmitButton{
 width: auto;
}
form.wwForm ul li ul.wwCheckBoxList{
  margin: 0;
  width: 298px;
  height: 300px;
  overflow: auto;
  border: 1px dotted #864;
}
form.wwForm ul li ul.wwCheckBoxList li input{
 width: auto;
}
form.wwForm ul li ul.wwCheckBoxList li label{
 display: inline;
 font-weight: normal;
}



div.BannerInfo{
  padding: 20px;
  margin: 20px;
  border: 1px dotted #000;
  background: #fff;
  overflow: auto;
}

div.wrapsven{
	float: left;
	width: 230px;
	height: 330px;
	position: relative;
	background: url(http://car-van.se/sven-inge.jpg) no-repeat;
	margin-top: 7px;
}

div.wrapsven p{
	position: absolute;
	top: 233px;
	left: 42px;
	color:#a19e8c;

}