/*
   Teir1 Widgets CSS
   
   Sidebar Widget CSS specifically for Home, Hot Deals, Locations, Vehicles
   
*/

/*

blue stripe: #1448B3
links: #36CEA2

*/

/* ======================= */
/* = Branch Home Sidebar = */
/* ======================= */

.side_container {
	padding: 0 18px 0 25px;
	margin-bottom: 1.5em;
}
	.side_container h2 {
		margin: 0.2em 0 0.5em 0;
		font-size: 1.6em;
	}
	.side_container h3 {
		padding-bottom: 0.25em;
		margin-bottom: 0.5em;
		border-bottom: 2px solid #0E2B8D;	
	}
	.side_container .small {
		margin-bottom: 0;	
	}
	.side_container img {
		display: block;	
		margin-bottom: 0.5em;
	}


/* ================== */
/* = Orange Sidebar = */
/* ================== */

.orange {
	width: auto;
	padding: 120px 0 20px 0;
	background: #ED8819 url('../images/deals/hot_deals_back.png') repeat-x 0 0;
	position: relative;
	z-index: 0;
	color: #222;
	font-weight: bold;
}
	.orange h1 {
		color: #ED712E;
		font-size: 3.7em;
		text-transform: uppercase;
		font-style: italic;
		font-weight: bold;
		position: absolute;
		right: 0;
		top: 0;
		height: 79px;
		width: 325px;
		padding: 21px 0 0 62px;
		background: transparent url('../images/deals/header_back.png') repeat-x left top;
	}
	.orange h2 {
		font-size: 1.6em;
		margin-top: 0;
		font-weight: bold;
	}
	.orange h2,
	.orange a, .orange a:link, .orange a:visited { /* trying to fix blue link quirk */
		color: #fff;
	}
	.orange a {
		display: block;
		text-decoration: none;
	}
	.orange ul {
		list-style: none;
		margin: 0;
		position: relative;
		z-index: 2;
	}
		.orange li {
			padding: 5px 20px;
			margin: 0;
			color: #fff;
		}
		
	.orange .current,
	.orange .current h2,
	.orange .current a,
	.orange li:hover,
	.orange li:hover h2,
	.orange li:hover a/*,
		.orange a:focus*/ {
		color: #E75A24;
		border-color: #E75A24;
	}
	
/* =============== */
/* = Widget Help = */
/* =============== */

.text_widget h1 {
	padding-left: 77px;
	width: 310px;	
}

.text_widget ul {
	margin: 0 20px 0 20px;
}

.text_widget li {
	border-left: 5px solid #fff;
	padding: 0 0 0 15px;
}
.text_widget a {
	display: inline;
	text-decoration: underline;
}

.text_widget li:hover,
.text_widget li:hover h2,
.text_widget li:hover a {
	color: #fff;
	border-color: #fff;
}

/* ==================== */
/* = Widget Hot Deals = */
/* ==================== */

#hot_deals_widget li {
	margin-bottom: 0.7em;
}
	#hot_deals_widget li h2 {
		margin-bottom: 0.2em;
	}
	#hot_deals_widget li p {
		margin-bottom: 0;
	}
	#hot_deals_widget li a {
		border-left: 5px solid #fff;	
		padding-left: 10px;
		overflow: hidden;
	}
#hot_deals_widget li.current a,
#hot_deals_widget li:hover a,
#hot_deals_widget a:focus,
#hot_deals_widget a:focus h2 {
	color: #E75A24;
	border-color: #E75A24;
}
#hot_deals_widget li.current,
#hot_deals_widget li:hover,
#hot_deals_widget li:focus,
#hot_deals_widget li:active {
	background: #FFDA7D;
}

/* ==================== */
/* = Widget Locations = */
/* ==================== */

#locations_widget ul {
	padding-bottom: 40px;
}

#locations_widget li {
	padding: 5px 20px 5px 20px;
	margin: 0;
	color: #fff;
	border: none;
	cursor: pointer;
}
	#locations_widget li h2 {
		float: left;
		margin: 0 !important;
		border-left: 5px solid #fff;
		color: #fff;
		padding-left: 10px;
		font-weight: normal;
		font-size: 1.5em;
	}
	#locations_widget li h4 {
		float: right;
		margin: 0;
		line-height: 1.5em;
		font-size: 1em;	
		font-weight: normal;
	}
		#locations_widget li h4 a {
			color: #FFF2D3;
		}
		
	#locations_widget li.current,
	#locations_widget li:hover {
		background: #FFDA7D;
		_background-position: 0 -33px;
	}
	#locations_widget li.current h2,
	#locations_widget li:hover h2 {
		border-color: #E75A24;
		color: #E75A24;
		font-weight: bold;	
	}
	#locations_widget li.current h4 a,
	#locations_widget li:hover h4 a {
		color: #E75A24;
		font-weight: bold;	
		text-decoration: underline;
	}
	#locations_widget li:hover h4 a:hover {
		text-decoration: none;
	}
		
/* ============== */
/* = Widget Map = */
/* ============== */

#map_widget #map_canvas {
	border: 2px solid #ccc;
	background: #99B3CC;
	width: 330px;
	height: 325px;
	margin: 0;
	overflow: hidden;
}
	#map_nav {
		margin: 1em 0 2.5em 0;
		font-size: 0.85em;
	}
		#map_nav ul {
			width: 145px;
			margin: 0 10px 0 4px;
			padding: 0 0 0 10px;
			list-style-position: inside;
			float: left;
			line-height: 1.2em;
			font-weight: bold;
			color: #0E2B8D;
			border-left: 2px solid #ccc;
/*			border: 1px solid blue;*/
		}
			#map_nav a:hover,
			#map_nav li.current a {
				color: #1448B3;
			}


/* ================== */
/* = Widget Booking = */
/* ================== */

/* General */
.book {
	min-height: 300px;
	background: #86817f url('../images/book/home_book_back.png') repeat-x left top;
	position: relative;
	padding: 80px 10px 5px 10px;
}
	.book h1 {
		color: #BCB5B1;
		font-size: 3.7em;
		text-transform: uppercase;
		font-style: italic;
		font-weight: bold;
		position: absolute;
		right: 0;
		top: 0;
		/*height: 84px;*/
		width: 325px;
		padding: 10px 0 0 62px;
		background: transparent url('../images/book/header_back.png') no-repeat left top;
		z-index: 0;
		margin-bottom:0;
	}
	.book h2 {
		position: relative;
		font-size: 1.9em;
		font-weight: bold;
		margin: 0.2em 0 0 0;
	}
	.book label {
		/*margin: 10px 0 2px 0;*/
		font-size: 1.1em;
		font-weight: bold;
		color: #333133;
		float: left;
		clear: left;
	}
		.book label span {
			font-weight: normal;	
		}
	select.location {
		width: 130px;
		margin: 0 6px 0 0;
		float: left;
		clear: left;
	}
	input.date{
		width: 84px;
		float: left;
		padding: 3px 2px;
	}
	.book select {
		float: left;
	}
	.book select.timepicker {
		margin: 0 0 0 6px;
	}
	.book button {
		width: 30px;
		float: left;
		padding: 3px 0 2px 0;
	}
	.book input[type="checkbox"] {
		width: 13px;
		height: 13px;
	}
	.namefields {
		margin-top: 5px;
	}
	.namefields div{
		margin-top: 5px;
		margin-bottom: 0px;
		height: 1.75em;
	}
		.namefields label {
			width: 185px;	
		}
		.namefields input {
			width: 165px;
			/*margin: 8px 0 2px 5px;*/
			
		}
	.book #actions {
		width: 190px;
		margin: 20px 0 0 -10px;
		height: 50px;
		background: url('../images/book/book_bar_back.png') repeat-x 0 0;
		clear: both;
		position: relative;
	}
		.book #actions input {
			position: relative;
			margin: -1px -188px 0 0;
			border: none;
			padding: 0;
	
			/* FIR */
			padding-top: 48px;
			width: 188px;
			background: url('../images/book/update_btn.png') no-repeat 0 0;
			overflow: hidden;
			height: 0;
		}
		.book #actions input:hover {
			background-position: 0 -48px;
		}
		
		.book #actions #back_btn {
			display: block;
			position: relative;
			right: -10px;
			top: -1px;
			border: none;
			padding: 0;
	
			/* FIR */
			padding-top: 48px;
			width: 124px;
			background: url('../images/book/back_btn.png') no-repeat 0 0;
			overflow: hidden;
			height: 0;
		}
		.book #actions #back_btn:hover {
			background-position: 0 -48px;
		}
	
/* Specific Rules */
#home_book {
	float: left;
	width: 367px;
	padding: 90px 10px 5px 10px;
}
	#home_book h1 {
		top: 23px;
	}
	#home_book #actions {
		width: 240px;
	}
	#home_book #actions input {
		background: url('../images/book/quote_book_btn.png') no-repeat 0 0;
	}
	#home_book #actions input:hover {
		background-position: 0 -48px;
	}

/* Status Rules */

p.book_info {
	float: left;
	margin: 11px 0 2px 20px;
}

.status table {
	font-size: 1.2em;
	margin-top: 0.5em;
	color: #333133;
}
	.status table td {
		vertical-align: top;
	}
	.status table .alt_odd {
		background: #DEDAD8;
	}
	.status table .alt_even {
		background: #d2cdca;
	}
	.status table .kmstatus {
		background: #eEeAe8;
	}
	.status table tr.even td {
		background: #a8a4a2;
	}
	.status table tr.odd td {
		background: #bab5b3;
	}
	.status .label {		
		font-size: 1.1em;
		font-weight: bold;
	}
	.status ul {	
		list-style: circle;	
		margin: 0 0 0 15px;
		font-size: 0.85em;
	}
	
.status #actions {
	width: 10px !important;
}