/* ========================
Cottesloe Car & Ute Hire
CSS by Guy Lillico
06-02-2009 
======================== */

@import url("reset.css");

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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img	{
	border:none;
}

a	{
	text-decoration:underline;
	color:#138913;
}

a:hover	{
	color:#000;
	text-decoration:none;
}

a:hover img {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
	}	


h1	{
	padding:0;
	margin:8px 0 12px 0;
	font-size:22px;
	color:#4a5050;
}

h2	{
	padding:0;
	margin:12px 0 1px 0;
	font-size:15px;
}

h3	{
	padding:0;
	margin:12px 0 5px 0;
	font-size:16px;
}

h4	{
	padding:0;
	margin:0;
	font-size:14px;
}

	h4 a {
		text-decoration:none;
	}	


html {
	margin:0;
	padding:0;
	background:#424952 url('../images/html_bg.jpg') 0 0 repeat-x;
}

body {
	margin:0;
	padding:0;
	font-family: tahoma,arial,sans-serif;
	font-size:12px;
	color:#2d333a;
}

.clear	{
	height:0;
	width:0;
	clear:both;
}

.wrapper	{
	margin:0;
	padding:0;
}

.container {
	position:relative; 
	margin:0 auto;
	top:30px;
	padding-top:27px;
	width:944px;
	background: url('../images/header_top.gif') top center no-repeat;
	z-index:0;
}
	.floating_car {
		position:absolute;
		right:-8px;
		top:156px;
		background:url('../images/car_right-trans.png') 0 0 no-repeat;
		width:251px;
		height:124px;
		z-index:9;
	}

.header_container {
	position:relative;
	height:240px;
	padding:0;
	margin:0;
	background: url('../images/main_bg.gif') top center repeat-y;
	z-index:1;
}
.banner {
	position:absolute;
	top:20px;
	left:22px;
	width:900px;
	height:194px;
	margin: 0 auto;
	z-index:2;
}
	.phone_top {
		position:absolute;
		top:154px;
		left:111px;
	}

.header {
	width:900px;
	height:225px;
	position:absolute;
	top:0px;
	left:22px;
	padding:0;
	margin:0 auto;
	z-index:3;
}
	
	.logo h1 {
		position:absolute;
		top:0px;
		left:2px;
		z-index:8;
		width:342px;
		height:136px;
		background:url('../images/logo.gif') 0 0 no-repeat;	
		text-indent:-9999px;	
	}

	.logo h1 a {
		display:block;
		width:342px;
		height:136px;		
	}
	


.nav	{
	background:url('../images/nav_bg_left.gif') top left no-repeat;
	height:37px;
	width:866px;
	position:relative;
	top:187px;
	margin:0;
	padding: 0 0 0 33px;
}
	.nav ul	{
		margin:0;
		padding:0;
		width:866px;
		background:url('../images/nav_bg_right.gif') top right no-repeat;
		height:37px;
	}
		.nav li	{
			display:block;
			float:left;
			list-style:none;
			padding:0;
			margin:0;
		}
		.nav li a	{
			font-size:14px;
			color:#fff;
			text-decoration:none;
			padding:0;
		}
		.nav li a:hover	{
			text-decoration:underline;
		}
		
	#nav li {
	/* applied to all list items in nav */
	float : left;
	margin:0px;
	position : relative; /* required - used to position subs */
	height: 37px;

}

		
	#nav li a {
	display : block;
	height: 37px;
	overflow: hidden;
	text-decoration : none;
	text-indent: -999px;
}	
	
#nav li a:hover { filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }	
	
	/* images */
	#nav_home { background: url('../images/nav_home.gif') no-repeat 0 0; width:64px; }
	#nav_about { background: url('../images/nav_about.gif') no-repeat 0 0; width:80px; }
	#nav_car_hire { background: url('../images/nav_car_hire.gif') no-repeat 0 0; width:71px; }
	#nav_ute_hire { background: url('../images/nav_ute_hire.gif') no-repeat 0 0; width:73px; }
	#nav_location { background: url('../images/nav_location.gif') no-repeat 0 0; width:77px; }
	#nav_faq { background: url('../images/nav_faq.gif') no-repeat 0 0; width:49px; }
	#nav_tourist_info { background: url('../images/nav_tourist_information.gif') no-repeat 0 0; width:139px; }
	#nav_contact { background: url('../images/nav_contact_us.gif') no-repeat 0 0; width:91px; }
	
		
.main	{
	width:944px;
	background:url('../images/main_bg.gif') top center repeat-y;
	overflow:hidden;
	padding:0;
	margin:0;
}
	.sidebar	{
		float:right;
		width:201px;
		padding:27px 0 0 0; 
		margin:0;
		margin-right:12px;
		_margin-right:6px;
	}
		.cta_specials {
		}
		.cta_book {
			position:relative;
			top:-18px;
		}
		.cta_booking_form {
			display:block;
			height:133px;
			position:relative;
			top:-20px;
			width:192px;
			height:133px;
			}
		.cta_refer {
			background:url('../images/cta_refer_a_friend.gif') 0 0 no-repeat;
			width:192px;
			height:151px;
			padding: 48px 0 0 0;
			position:relative;
			top:-38px;
		}
	.content {
		float:left;
		width:671px;
		padding:0; 
		margin:0;
		line-height:18px;
		margin-left:30px;
		_margin-left:14px;
	}
		.content p {
			margin:6px 0;
		}
		
		.content h4 {
			margin:20px 0 5px 0;
		}
		.intro_txt	{
			margin:10px 10px 18px 10px;
		}
			.intro_txt h1	{
			}
		.content_fp	 {
			padding-top:16px;
		}
			.page_title {
				margin-bottom:15px;
			}
		.ivc {
			float:left;
			padding-top:8px;
			width:197px;
			height:171px;
			position:relative;
			left:-11px;
		}
		.ivc a:hover img {
			filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;	
			}	
		
		.subtitle_home {
			margin:0 0 3px 11px;
		}
		.cta_small_cars {
			background:url('../images/cta_small_cars2.jpg') 0 0 no-repeat;
			width:681px;
			height:206px;
			margin-bottom:6px;
		}
		.cta_large_cars {
			background:url('../images/cta_large_cars2.jpg') 0 0 no-repeat;
			width:681px;
			height:206px;
			margin-bottom:6px;
		}	
		.cta_people_mover {
			background:url('../images/cta_people_movers2.jpg') 0 0 no-repeat;
			width:681px;
			height:206px;
			margin-bottom:6px;
		}	
		.cta_utes_vans {
			background:url('../images/cta_utes_vans3.jpg') 0 0 no-repeat;
			width:698px;
			height:212px;
			margin-bottom:9px;			
		}
		.cta_title {
			width:415px;
			height:28px;
			text-transform:uppercase;
			color:#54555b;
			font-size:18px;
			position:relative;
			top:14px;
			left:38px;
		}
			.cta_title span {
				vertical-align:top;
				position:relative;
				top:6px;
				margin-left:30px;
			}
		.vehicle_details {
			color:#2f363e;
			line-height:14px;
			position:relative;
			top:27px;
			left:38px;
			float:left;
			margin-right:2px;
			display:block;
			width:200px;
			height:144px;			
		}
			.vehicle_details h3 {
				font-size:14px;
				font-weight:bold;
				color:#138913;
				padding:0;
				margin:0;
			}
			.vehicle_details ul,
			.product-description ul li {
				_margin-bottom:15px;
			}
			
			.vehicle_details ul li,
			.product-description ul li {
				background:url('../images/cta_list_item.gif') 0 4px no-repeat;
				padding-left:20px;
				_height:14px;
			}
			.more_info {
				position:absolute;
				bottom:5px;
				width:83px;
				height:16px;
				display:block;
			}
			.extra {
				width:230px;
			}
			.vehicle_details ul.extra_list_items {
				margin-top:54px;
			}
			
			
		.notes {
			padding: 8px 0 0 40px;
		
		}
			.notes span {
				text-decoration:underline;
			}
			.notes ol {
				margin:4px 0 0 11px;
			}	
			.notes li {
				margin-left:12px;
				padding:0 0 0 1px;
				list-style-type:decimal;
			}
		.standard_img img {
			margin:12px 0;
			border: 1px solid #bdc6d4;
		}		
			
.footer {
	padding: 22px 22px 10px 22px;
	background:url('../images/bottom_bg.gif') top center no-repeat;
	position:relative;
	line-height:19px;
	height:64px;
	_height:90px;
}
	.foot_links	{
		padding:15px 0 0 10px;
		float:left;
		color:#b8c6d3;
	}
		.foot_links a	{
			color:#b8c6d3;
			text-decoration:none;
		}
		.foot_links a:hover	{
			color:#fff;
			text-decoration:underline;
		}
		.foot_links span {
			color:#95a6b9;
		}
	.titan	{
		float:right;
		padding-top:14px;
	}
	
.referfrm {
	margin:0;
	padding:0;
	width:167px;
	float:right;
	position:relative;
	right:12px;
	}
.refer_txt {
	width: 156px;
	padding: 5px 4px 5px 6px;
	border: none;
	background: #bdc6d4;
	color: #000;
	margin-bottom: 5px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.refersubmit {
	background:#fff;
	width:76px;
	border:1px solid #a7aeb8;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 0;
	float:right;
	margin:0;
	cursor:pointer;
	margin-top:4px;
	}
.refersubmit:hover {
	background:#93a1b6;
	color:#fff;
}
.hidden {
	display:none;
	height:0;
	width:0;
	margin:0;
	padding:0;
	}

.content_backlink {
	font-size:11px;
	margin-top:30px;
}

.sitemap {
	margin-left:15px;
}
	.sitemap li {
		background:url('../images/cta_list_item.gif') 0 4px no-repeat;
		padding-left:20px;
		margin-left:15px;
		font-weight:bold;
		font-size:14px;		
	}
	.sitemap li ul {
		margin:8px 0;
	}
	.sitemap li li {
		font-weight:normal;
		font-style:italic;
		list-style-type:circle;
		padding-left:0px;
		background:none;

	}
	.sitemap li li a {
		text-decoration:none;
	}

/* ==== Shop Module ==== */

/* ==== Product Category Page ==== */
	
.product-subcategory {
	float:left;
	width:190px;
	margin:10px 8px 10px 0;
}
	
.category_title	a {
	text-decoration:none;
}

/* ==== Product List Page ==== */
.product {
	width:100%;
}

.product .product_image {
	float:left;
	margin-right:30px;
}

.product .product_details {
	float:left;
	border-bottom:1px solid #999999;
	padding:14px 0 20px 0;
}

.product .product_details .notes,
.product-description .notes {
	padding: 8px 0 0 0;
}

/* ==== Product View Page ==== */

.product_view_img {
	float:right;
	margin-right:90px;
}

/* ==== Misc ==== */

.gallery_nav {
	margin-top:30px;
	color:#666666;
}

.tourist_img {
	float:right;
	margin:3px 4px 10px 20px;
	border: 1px solid #bdc6d4;	
}
		
/* ==== Roster Calendar experimentation ==== */
div.roster_shift_list {
	font-size: 8pt;
	/*border: 1px solid black;*/
	text-align: center;
	min-height: 60px;
	max-height: 60px;
	overflow-y: auto;
	margin: 0px;
}
	div.roster_shift_list span.time {
		font-size: 7pt;
	}
table.calendar th {
	border: 1px solid #3591A8;
	background-color: #E0E0E0;
}
	table.calendar td.rm_cur_day {
		border: 1px solid black;
		text-align: left;
		text-indent: 0.5em;
		padding: 0px;
		width: 80px;
	}
	table.calendar div.rm_calendar_heading {
		text-align: center;
		font-weight: bold;
		font-size: 15pt;
		color: #505050;
		padding: 5px;
	}
	table.calendar div.rm_calendar_month_nav {
		text-align: center;
		word-spacing: 1.1em;
	}
	table.calendar div.rm_calendar_month_nav a,
	table.calendar div.rm_calendar_month_nav a:active,
	table.calendar div.rm_calendar_month_nav a:visited,
	table.calendar tr.rm_calendar_top_nav a,
	table.calendar tr.rm_calendar_top_nav a:active
	table.calendar tr.rm_calendar_top_nav a,visited {
		color: black;
	}
/* ==== Roster shift detail experminentation ==== */
.shift_key {
	font-weight: bold;
	padding-right: 10px;
}
/* ==== Search experimentation ==== */
div.search_result_item {
	border: 1px dotted black;
	margin-bottom: 15px;
	margin-left: 10px;
}
	div.search_result_item a {
		font-size: 16pt;
	}
	div.search_result_item .search_desc {
		text-indent: 25px;
		color: green;
	}
	
	
	
/* ==== Custom Form ==== */
	.custom_form {
		}
		.custom_form fieldset {
			width:580px;
			border:1px solid #ccc;
			padding:10px;
			}
			.custom_form fieldset legend {
				font-size:14px;
				font-weight:bold;
				}
			.custom_form label {
				line-height:normal;
				}
			.custom_form input {
				}
			.custom_form table {
				}
				.custom_form table tr {
					}
					.custom_form table tr td {
						}