/*
Procar Stylesheet

Design:
	Tryggvi Þór Hilmarsson

Markup, CSS and Programming:
	Arnar Yngvason
	
*/

img {
	border:0;
}

a {
	outline:0;
	color:#4b7fab;
	text-decoration:none;
}

#skypedetectionswf {
	display:none;
}

body {
	margin:0;
	padding:0;
	font-family:helvetica;
	font-size:13px;
	background:white url('../img/background.png') repeat-x;
}

#left p, ul li {
	line-height:17px;
}

h1 {
	font-size:22px;
	margin: 16px 0;
}

p {
	margin: 14px 0;
}

ul li, ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

ul li {
	padding-left:15px;
	background:transparent url('../img/bullet.png') no-repeat 3px 5px;
}

#wrapper {
	width:920px;
	margin:0 auto;
}

#header {
	height:90px;
	padding-top:20px;
	position:relative;
}



#logo {
	display:block;
	height:68px;
	width:359px;
	background-image:url('../img/logo2.png');
}

#inspired {
	position:absolute;
	right:1px;
	top:45px;
	display:block;
	height:20px;
	width:119px;
	background-image:url('../img/inspired.png');
}

#partners {
	position:absolute;
	right:1px;
	top:30px;
	display:block;
	height:45px;
	width:248px;
	background-image:url('../img/partners.png');
}


#content {
	background:white;
	width:900px;
	padding:0 10px;
	padding-bottom:40px;
}

#content div.full {
	width:920px;
	margin: 0 -10px;
}

#relative-container {
	position:relative;
	width:920px;
	height:37px;
	z-index:2;
}

#top-get-quote {
	background-image:url(../img/get_a_quote.png);
	width:920px;
	height:37px;
	z-index:200;
}

#rent-template #top-get-quote {
	position:absolute;
	background-image:url(../img/get_a_quote2.png);
	top:0;
	left:0;
	z-index:10;
}

#fp-ads,
#pf-ads .slides {
	height:400px;
	width:920px;
	position:relative;
	overflow:hidden;
	z-index:2;
}

#fp-ads .nav {
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
	/*width:500px;*/
}
#fp-ads .nav a {
	width:8px;
	height:8px;
	overflow:hidden;
	background: white;
	text-decoration:none;
	font-size:1px;
	color:white;
	margin: 0 5px;
	padding:0;
	display:block;
	float:left;
	-moz-border-radius:4px;
	border-radius:4px;
}
#fp-ads .nav a.activeSlide {
	background:#ddd;
	color:#ddd;
}
#fp-ads .nav a:focus {
	outline:none;
}

#top-get-qoute {
	position:relative;
	z-index:10;
}

#menu {
	position:relative;
	font-weight:bold;
	font-size:12px;
	height:30px;
	border-bottom:4px solid #bfd230;
	background-image:url('../img/menu.png');
	z-index:350;
	zoom:1;
}
	#menu li {
		float:left;
		position:relative;
		z-index:400;
		background:none;
		padding:0;
		height:30px;
		zoom:1;
	}

	#menu li.last {
		border-right:1px solid #1b2731;
	}

	#menu li.first a {
		border-left:0;
	}

	#menu li.home {
		border:0;
		float:none;
		position:abslute;
		top:0;
		left:0;
		z-index:200;
	}

	#menu li.home a {
		border:0;
	}

	#menu a {
		zoom:1;
		display:block;
		color:#c2d533;
		line-height:30px;
		text-decoration:none;
		padding: 0 11px;
		border-left: 1px solid #1b2731;
		border-right: 1px solid #507692;
	}

	#menu a:hover, #menu a.active {
		color:white;
	}
	
	#menu li ul {
		zoom:1;
		position:absolute;
		top:30px;
		left:0px;
		display:none;
		background-color:#19242d;
		border:0;
	}
	
	#menu li li {
		zoom:1;
		width:225px;
		float:none;
		clear:both;
		height:30px;
		border:0;
	}
	
	#menu ul ul {
		zoom:1;
		top:0;
		left:225px;
	}
	
	#menu li li a {
		zoom:1;
		border:0;
	}

#left {
	float:left;
	width:665px;
	padding-right:6px;
	border-right:1px solid #999;
}

#right {
	float:left;
	width:222px;
	padding-left:6px;
	overflow:hidden;
	border-left:1px solid #999;
	margin-left:-1px;
}

#bottom {
	position:relative;
	margin:0;
	padding: 4px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
	#bottom .grad {
		position:absolute;
		right:228px;
		top:-183px;
		background-image:url('../img/grad.png');
		width:1px;
		height:183px;
	}


#bottom img {
	float:left;
}

#cars {
	height:131px;
	/*border-top:4px solid #b7c92a;*/
	border-bottom:2px solid #416077;
	margin-bottom:4px;
	overflow:hidden;
}
	#cars .car {
		width:180px;
		height:131px;
		float:left;
		overflow:hidden;
		position:relative;
	}
		#cars .car a.overlay{
			display:block;
			width:180px;
			height:131px;
			position:absolute;
			top:0;
			left:0;
		}
	
		#cars .car .info {
			margin-top:10px;
			font-size:10px;
			line-height:14px;
			height:14px;
			overflow:hidden;
			color:#999;
			text-align:center;
		}

			#cars .car .info b {
				
			}
			
		#cars .car .info .model {
			display:inline;
		}
		
		#cars .car .info .price {
			color:#94a700;
			font-weight:bold;
			display:none;
		}

		#cars .car .image {
			height:100px;
			width:180px;
			margin-top:2px;
		}

#car {
	height:454px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#car .class-price {
	width:224px;
	height:37px;
	background-image:url('../img/class.png');
	line-height:37px;
	color:white;
	font-weight:bold;
}
	#car .class-price .class {
		font-weight:bold;
		font-size:15px;
		padding-left:23px;
		width:119px;
		float:left;
	}
	

#frontpage-template {
	padding-bottom:20px;
	background-color:white;
}

label {
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-top:6px;
}

label a {
	padding-left:10px;
}

input {
	width:216px;
	font-size:12px;
}

input.datepicker {
	width:186px;
}

input.submit {
	margin-top:16px;
	width:216px;
	padding:4px 0;
}

select {
	height:19px;
	width:216px;
	font-size:12px;
	line-height:12px;
}

#subpage-template {
}

#subpage-template #left {
	margin-bottom:40px;
}

#rent-template .full{
	overflow:hidden;
	position:relative;
}


#cars-select-container {
	position:relative;
	z-index:1;
}

#cars-select-container .overlay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:black;
	z-index:2;
	filter:alpha(opacity=60);
	opacity:0.6;
}

#cars-select {
	width:100%;
	margin-bottom:-1px;
}

	.category_head {
		height: 36px;
		line-height: 36px;
		font-size: 15px;
		padding-left: 10px;
		color: white;
		background-color:#666;
		text-shadow: 0 0 1px #aaa;
		cursor:pointer;
	}

	#cars-select h1, #rent-form  h1, a.fancy {
		display:block;
		font-weight:bold;
		font-size:12px;
		height:30px;
		line-height:30px;
		background-image:url('../img/menu.png');
		color:white;
		text-align:center;
	}

	#cars-select .car {
		position:relative;
		float:left;
		background-repeat:no-repeat;
		background-position: 90% 50%;
		width:450px;
		height:158px;
		padding-top:30px;
	}

	#cars-select .category {
		margin:0 auto;
		/*background-image:url('../img/car-grad.png');*/
		padding: 0 10px;
		overflow:hidden;
	}
	
	#cars-select .car .model {
		color:black;
		font-size:16px;
		display:block;
		font-weight:bold;
	}
	
	#cars-select  .info {
		color:black;
		font-size:13px;
		display:block;
		font-weight:normal;
		margin-top:10px;
	}
	
	#cars-select  .info span {
		font-weight:bold;
	}
	
	#cars-select  .price {
		color:#43637b;
		font-size:15px;
		font-weight:bold;
		margin-top:10px;
		display:block;
	}
	
	#cars-select  .perday {
		color:#43637b;
		font-size:14px;
		font-weight:bold;
	}

#select-category {
	margin:0 auto;
	padding: 20px 0 40px 0;
	width:300px;
}

#select-category div {
	float:left;
	cursor:pointer;
	margin:0 11px;
	font-weight:bold;
	font-size:14px;
	color:#b1b1b1;
}

#select-category div.selected,
#select-category div:hover {
	color:#747474;
}


#left ul li {
	padding-bottom:3px;
}


.confirm-template label {
	width: 110px;
	display: block;
	float:left;
}

.confirm-template .box.form  div{
	margin: 4px 0;
}


#rent-form ul li {
	padding-left:0;
	margin-left:0;
	background:none;
}

	#rent-form {
		width:915px;
		position:relative;
		display:block;
		margin-bottom:15px;
		padding:0;
	}
	
	#rent-form .col {
		width:294px;
		float:left;
		margin-right:9px;
		margin-bottom:-9px;
	}
	
	#rent-form .image {
		height:161px;
		background-repeat:no-repeat;
		background-position: center center;
	}
	
	#rent-form .box {
		border:1px solid #d2d2d2;
		margin:9px 0;
		padding:7px
	}
	
	#rent-form .box  li {
		width:100%;
		clear:both;
	}
	
	#rent-form .box  li  ul {
		float:left;
		clear:right;
		display:block;
		zoom:1;
		margin-top:2px;
	}
	
	#rent-form .box  li  ul li {
		/*margin-left:122px;*/
		clear:right;
	}
	
	#rent-form .box strong{
		display:block;
		margin-bottom:8px;
	}
	
	#rent-form ul li span{
		width:120px;
		display:block;
		float:left;
		font-weight:bold;
	}
	
	#options-col input {
		margin-right:8px;
		width:auto;
	}

	
	#rent-form .info {
		width:16px;
		height:16px;
	}
	
	#mathbox div,
	.mathbox div {
		margin: 3px 0;
	}
	
	#mathbox span,
	.mathbox span {
		font-weight:bold;
		display:block;
		float:left;
		width:190px;
	}
	
	#mathbox .total,
	.mathbox .total {
		margin-top:16px;
	}
	
.col textarea {
	width: 270px;
	height: 139px;
}

html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -161px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	width:100%;
	height:136px;
	padding-top:25px;
	background-image:url(../img/footer_bg.png);
	background-repeat:repeat-x;
}

#push {
	background:transparent;
}

#footer .inner {
	width:918px;
	margin:0 auto;
	height:102px;
	border-right:1px solid #636363;
	border-left:1px solid black;
}

#footer .inner div {
	height:102px;
	width:147px;
	float:left;
	padding-left:20px;
	border-left:1px solid #636363;
	border-right:1px solid black;
	padding-right:60px;
}

#footer .inner div.last {
	width:149px;
}

#footer .inner div,
#footer a{
	font-size:11px;
	color:#999;
}

#footer a:hover {
	color:#ccc;
}

#top-get-quote {
	position:relative;
}

#top-get-quote input,
#top-get-quote select {
	position:absolute;
	width:100px;
	top:6px;
}

#top_pickup_datetime {
	z-index:300;
	left: 259px;
}

#top_dropoff_datetime {
	z-index:300;
	left: 482px;
}

#top_car_type {
	left: 711px;
	top:9px !important;
}

#top_submit {
	position:absolute;
	height:32px;
	right:0;
	top:0;
	width: 108px;
	cursor: pointer;
}
/*
#timepick-popup {
	display: block;
	position: absolute;
	width: 345px;
	height: 300px;
	background-color: white;
	border: 1px solid black;
	z-index: 9999999999;
	top: 33px;
	left: 255px;
	opacity: 0.9;
}*/

#top_pickup_datetime_dd {
	position: absolute;
	width: 109px;
	height: 170px;
	background-color: white;
	border: 1px solid grey;
	z-index: 300;
	top: 33px;
	left: 259px;
	padding-left: 5px;
}

#top_pickup_datetime_dd input,
#top_pickup_datetime_dd select {
	position:static !important;
}


#top_dropoff_datetime_dd {
	position: absolute;
	width: 109px;
	height: 170px;
	background-color: white;
	border: 1px solid grey;
	z-index: 300;
	top: 33px;
	left: 482px;
	padding-left: 5px;
}

#top_dropoff_datetime_dd input,
#top_dropoff_datetime_dd select {
	position:static !important;
}

#top_pickup_datetime_dd .done,
#top_dropoff_datetime_dd .done {
	margin-top:10px;
}

#foo_overlay {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:190;
}


.clear, .clr {
	float:none;
	clear:both;
}