@charset "utf-8";
/* CSS Document */

body {
	font-family:"Segoe UI Symbol";
}

.wrapper {
	min-height:100%;
	position:relative;
}

.container {
	width:1024px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:120px;
	margin-bottom:20px;
}

h1 {
	text-indent:-9999px;
	background:url(../img/logo.png) no-repeat;
	width:254px;
	height:95px;
	float:left;
}

h2 {
	color:#FFF;
	font-size:26px;
	margin:10px;
}

h3 {
	font-size:20px;
	color:#2d64a9;
}

h4 {
	color:#FFF;
	font-size:16px;
	text-align:left;
}

h5 {
	font-size:18px;
	color:#2d64a9;
	font-weight:lighter;
	margin-left:10px;
}

p {
	margin:10px 0;
	font-size:18px;
}

a {
	color:#206286;
	text-decoration:none;
}

.txtBox {
	border:1px solid #000;
	width:200px;
	height:24px;
}

.txtBoxLong {
	border:1px solid #000;
	width:400px;
	height:24px;
}

textarea {
	border:1px solid #000;
	height:80px;
	width:400px;
	vertical-align:top;
}

form ul li {
	margin-bottom:10px;
}

.defaultBtn {
	width:auto;
	background:#2d64a9;
	border-radius:4px;
	padding:5px 10px;
	border:0;
	color:#FFF;
	font-size:17px;
	cursor:pointer;
}

.btnWhite {
	width:auto;
	background:#FFF;
	border-radius:4px;
	padding:5px 10px;
	border:0;
	color:#2d64a9;
	font-size:17px;
	cursor:pointer;
}

.msgSuccess {
	font-size:16px;
	color:#009900;
	text-align:center;
}

.msgFailure {
	font-size:16px;
	color:#900;
	text-align:center;
}

/* NOW THE FIXED STYLES */

.header {
	width:1024;
}

.loginForm {
	width:766px;
	float:right;
	text-align:right;
}

.loginPageForm {
	margin-top:20px;
}


/* navigation menu */
.nav {
	margin-top:20px;
	background:#058d65;
}

.nav ul {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.nav ul li {
	display:inline;
	margin-right:50px;
}

.nav ul li a {
	color:#FFF;
	padding:10px;
	font-size:24px;
}

.nav ul li a:hover {
	background:#FFF;
	color:#058d65;
	transition:0.3s;
}


/*.pictureSlider {
	position:relative;
	overflow:auto;
}

.pictureSlider ul {
	list-style:none;
}

.pictureSlider ul li {
	float:left;
	height:300px;
}*/

.contentBlock {
	margin-top:20px;
	width:1024px;
	clear:both;
}

.bookCar {
	color:#FFF;
	background:#2d64a9;
	border:2px solid #b3bdc9;
	border-radius:6px;
	width:256px;
	float:left;
	margin-right:30.5px;
	margin-left:30.5px;
}

.bookCar ul {
	margin-left:30px;
	margin-bottom:20px;
	font-size:16px;
}

#errorMsg {
	display:none;
	color:#F00;
	text-align:center;
	font-size:13px;
}

.textBlock {
	width:640px; /* 768px -128 for the margins and -6 for all the borders */
	margin-right:30.5px;
	margin-left:30.5px;
	float:left;
}

/* about and services page */

.aboutPage, .servicesPage {
	margin-top:30px;
	margin-left:30px;
}

.aboutPage p, .servicesPage p {
	font-size:14px;
}

.servicesPage {
	width:100%;
}

.servicesPage ul {
	margin-left:30px;
	margin-top:10px;
}

.servicesPage ul li {
	margin-bottom:15px;
	font-size:14px;
}

.servicesPage img {
	width:300px;
	margin-left:30px;
}


/* about and services page */

/* car hire page */

.carHirePage ul li, .carHirePage p {
	font-size:14px;
}

.shalomRentalGuide {
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
}

.shalomRentalGuide ul {
	width:60%;
	margin:0 auto;
}

.shalomRentalGuide ul li {
	display:inline;
	float:left;
	width:100px;
	margin-left:30px;
}

.shalomRentalGuide ul li h6 {
	font-size:20px;
	background:#2d64a9;
	padding:10px;
	color:#FFF;
	text-align:center;
	width:30px;
	height:30px;
	margin:0 auto;
	border-radius:50%;
}

.shalomRentalGuide ul li p {
	color:#000;
	background:#FFF;
	text-align:center;
}


.termsAndConditions {
	width:45%;
	margin-left:4%;
	float:left;
	margin-bottom:20px;
}

.termsAndConditions ul {
	margin-top:10px;
}

.termsAndConditions ul li{
	margin-bottom:10px;
}

.shalomRates {
	width:100%;
	float:left;
	margin-bottom:20px;
}

.shalomRates h4 {
	color:#2d64a9;
	margin-top:10px;
	margin-bottom:10px;
}

.shalomRates .rates {
	margin-left:30px;
	float:left;
	font-size:14px;
}

.ratesTable {
	margin-top:10px;
}

.ratesTable tr, .ratesTable td, .ratesTable th {
	border:1px solid #033;
}

.ratesTable td, .ratesTable th {
	padding:5px;
}

/* car hire page */

/* footer */

.footer {
	width:100%;
	background:#2d64a9;
	height:100px;
	text-align:left;
	color:#FFF;
	margin-bottom:0;
	border-top:3px solid #163E6D;
	position:absolute;
	bottom:0;
}

.footer ul {
	width:30%;
	margin-left:3.333333333333333%;
	float:left;
	font-size:14px;
}

.footer ul li {
	padding-left:10px;
}

.footer ul li a {
	color:#FFF;
}
/* footer */

/* contacts page */

.contactDetails {
	width:254px;
	float:left;
}

.contactDetails p {
	margin-left:10px;
	font-size:14px;
}

.contactForm {
	float:left;
	width:512px;
	margin-left:254px;
	
}

.googleMap {
	margin-top:10px;
	width:100%;
}

#carList {
	width:90%;
	margin-top:20px;
	
}

#carList tr {
	
}

#carList tr td {
	padding:5px;
}

#carList th {
	font-weight:bold;
	
}

#carList tr td img {
	width:250px;
	height:auto;
	
}

#carList tr td {
	
	width:25%;
}

#carList tr td p {
	width:auto;
	
}

/* car details page */

.carDetails {
	width:100%;
	
}

.carDetails .carPictureSlider {
	width:50%;
	float:left;
	
}

.carDetails .textBlock {
	width:40%;
	margin-left:6%;
	float:left;
	
}


/* booking and booking status */

.bookingStatus {
	margin-top:20px;
}


/* MANAGEMENT SIDE CSS */

.management_menu {
	margin-top:20px;
	width:100%;
	float:left;
	text-align:center;
	display:block;
}

.management_menu ul li {
	margin-bottom:20px;
	text-transform:uppercase;
	background:#0b253d;
	padding:10px 5px;
	display:inline;
	float:left;
}

.management_menu ul li a {
	text-decoration:none;
	color:#FFF;
	background:#0b253d;
	padding:auto;
}

.management_menu ul li a:hover {
	background:#FFF;
	border:1px solid #0b253d;
	color:#0b253d;
}

.car_bookings {
	margin-top:20px;
	width:100%;
	margin-left:30px;
	float:left;
	
}

.available_cars {
	margin-top:20px;
	width:700px;
	margin-left:30px;
	float:left;
	
}

.add_new_car {
	margin-top:20px;
	width:700px;
	margin-left:30px;
	float:left;
	
}

.add_new_car form ul li {
	margin-bottom:20px;
}

.bookingsTable {
	border:1px solid #000;
}

.bookingsTable tr th {
	font-weight:bold;
	border:1px solid #000;
}

.bookingsTable tr {
	border:1px solid #000;
	padding:6px;
}

.bookingsTable tr td {
	padding:6px;
	border:1px solid #000;

}

.bookingDetails img {
	width:250px;
	height:auto;
	vertical-align:top;
}

/* MANAGEMENT SIDE CSS */



/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}