@charset "utf-8";

/*------------------------------------------------------------------
[1. Common ]
*/	
.clear { clear: both;  }
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong { font-weight: bold; }
/* tables still need 'cellspacing="0"' in the markup */
p { font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; line-height: 24px; text-align: left; color:#333333; }
h1, h2,h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
h2, h3 {}
h1{ font-weight: bold; padding-top:10px; padding-bottom: 20px; margin-bottom: 25px; font-size:25px; color:#f1c434; letter-spacing:-0.03em; line-height:39px; width:635px; text-align: left; background: url(../img/h1_bg.png) left bottom no-repeat; }
h2  {margin-bottom:15px;font-size:21px;color:#d71920;	letter-spacing:-0.03em;	line-height:39px;background: url(../img/borderBot.png) left bottom no-repeat;}
h3 {padding-top:25px;font-size:14px;color:#d71920;	letter-spacing:-0.03em;	line-height:25px;padding-left:20px; }
h4 { padding-bottom: 10px; font-weight: bold; font-size: 16px; color: #df6432; letter-spacing:-0.03em; line-height: 20px; }
	.leftContent h4 a { padding: 0px; font-size: 16px; color: #d98d20; letter-spacing: -0.03em; line-height: 24px; }
	.leftContent h4 a:hover { text-decoration: underline; }
h5 {padding-top:11px;font-size:11px;color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:1;}
	.productListing h5 {padding-top:12px;font-size:17px;color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:1;}
	.productListing h5 a{padding-top:12px;font-size:17px;color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:1;}
	.productListing h5 a:hover{padding-top:12px;font-size:17px;color:#999999; font-family:Arial, Helvetica, sans-serif; line-height:1;text-decoration:none; }

.tourWrap h3 { color: #d73620; font-size: 14px;text-transform: uppercase; border: none; line-height: 18px; padding: 25px 15px 5px 20px; letter-spacing: 0.01em; background-image: none; }
.tourWrap p { color:#333; font-size: 11px; line-height: 13px; padding: 0px 0px 0px 20px; letter-spacing: 0.02em; }
.tourWrap .price {color: #f5821f; font-size: 12px; text-transform: uppercase; }
.tourWrap a { position: absolute; right: 25px; bottom: 20px; }
.tourWrap ul { width: 180px; font-size: 11px; padding: 5px 0px 0px 20px; }
	.tourWrap ul li { clear: both; line-height: 16px; margin: 0px; padding: 0px 0px 0px 15px; }
	.tourWrap ul li ul { padding: 5px 0px 5px 0px; }

.featuredNews h3{font-family:Arial, Helvetica, sans-serif;color:#d73620;font-size:14px;text-transform:capitalize;border:none;line-height:18px; padding: 0px 10px 0px 15px; letter-spacing:0.01em;}
.featuredNews .date{color:#7c6946;font-size:11px;line-height:7px;padding:10px 0px 0px 17px;}
.featuredNews p{color:#8e887e;font-size:11px;line-height:20px;padding:8px 20px 20px 17px;}

blockquote.testimonials{ font-size: 13px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; margin-left: 25px; padding: 15px;  border-left: 3px solid #ccc; background-color:#f9f9f9; }
hr {;border: none 0; background: url(../img/borderBot.png) left bottom no-repeat; height: 4px; margin-bottom: 9px;margin-top:19px; clear: both;}
blockquote {margin-left: 3em;margin-right: 3em;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "sd" "sds";}

.greyText{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ccc;line-height:20px;}
.redText{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#d51a00;}
.orangeText{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#df6432;line-height:20px;}
.orangeTextSmall{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#df6432;}

.contentWrapper a{text-decoration: none;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#d51a00;}
.contentWrapper a:hover {text-decoration:underline; color:#d51a00;}

a{text-decoration: none;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#d51a00;}
a:hover {text-decoration:underline; color:#d51a00;}

.thumbsL { width:150px; float:left; margin: 5px 10px 10px 1px; }
.intineryText { float: left; width: 460px; padding: 0px 0px 10px 10px; }

a img {	border: none;}
img.left {float:left;margin: 2px 20px 15px 0px;}
img.right {	float:right;margin: 3px 0 10px 20px;}
img.accred {float:right;margin: 5px 0 10px 20px;}

textarea{ padding: 5px 3px; border: 1px solid #EEBEA7; font: normal 11px Arial, Helvetica, sans-serif; color: #777; }
input{ padding: 2px 2px 2px 2px; }
input, select { padding: 2px 2px 2px 2px; border: 1px solid #EEBEA7; font: normal 11px Arial, Helvetica, sans-serif; color: #777; }
checkbox { text-align: left; }
input { text-align: left; }
	input.Btn { background:transparent none repeat scroll 0 0; border:medium none; margin:0; padding:0; }
	
.hide { display: none; }

p.date { padding: 0px; }
p.more { padding: 0px; }

/*------------------------------------------------------------------		
	[1.5 Table Styles ]		
	*/
	
table { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777; text-align: center; }
	.tableLeft{float:left;width:300px;}
	.tableRight{float:left;width:300px;}

	.actualContent table { width: 100%;  }
	.actualContent td { width: 50%; padding: 0px 40px 20px 0px; vertical-align: top; }	

	.confirm td { width: auto; padding: 0px 40px 20px 0px; vertical-align: top; }

.departure-table table td { padding:5px 5px 5px 0px;;width:200px; }
.tableLinks a{}
	.tableLinks a:hover {}
	
	span.book { float: left; width: 640px; text-align: right; }
	
/*------------------------------------------------------------------		
	[1.6 List Styles ]
	*/
ol, ul {
}
ul,li {	margin: 0;padding: 0;border: 0;}
ul {}
li { padding: 0px; }

ul.booking_form input,ul.booking_form textfield {margin:0;}

ul.booking_form {margin:0;padding:0; list-style-type:none;}

ul.booking_form li {margin:5px 0; background:0;padding:0;z-index: 0;display:block;clear:both;}
ul.booking_form li input,ul.booking_form li textarea {width:330px;}
ul.booking_form li input[type=radio], ul.booking_form li input[type=checkbox] ,ul.booking_form li input[type=image]{width:auto}

ul.booking_form li input[type=checkbox]{float:left;margin-right:10px;}

ul.booking_form li ul.radio_list li,ul.booking_form li ul.radio_list input, ul.booking_form li ul.radio_list label{float:left;display:block;clear:none;}

ul.booking_form li ul.radio_list label{float:left;display:block}

ul.booking_form li ul.radio_list input{}
ul.booking_form li ul.radio_list label{}
ul.booking_form li ul.radio_list li {min-width:120px;}
ul.booking_form li ul.checkbox_list li {display:block;}

ul.booking_form li ul.checkbox_list li input,
ul.booking_form li ul.checkbox_list li label{float:left;display:block;}
ul.booking_form li ul.checkbox_list li input {width:auto;}

ul.booking_form label {display:block;}

div.error { float: left; background: #fef1d0; border-top: 1px solid #ffe6aa; border-bottom: 1px solid #ffe6aa; color: #cd950e; padding: 20px; text-align: center; margin: 20px 0px 0px 0px; width: 600px; }
div.message {background:#f1c434;padding:10px 5px; margin-bottom:1em;}

ul.error_list {background:#de6411;margin:0px;padding:0px;}
ul.error_list  li {margin:0;padding:2px;}

/*------------------------------------------------------------------
[5. Pagination]
*/ 	

.pagination { float: left; width: 100%; padding: 20px 0px 20px 0px; }
	.pageRecords { float: left; }
		.pageRecords p { padding: 7px 0px 10px 0px; font-size: 11px; line-height: 18px; }
	.pageNavigation { padding: 6px 0px 0px 0px; float: right; }
		.pageNo, .pageNoActive { float: left;  border: 1px solid #636363; margin-left: 5px; text-align: center; font-size: 11px; }
			.pageNo p { float: left; display: block; color: #000;  }
			.pageNo a { text-decoration: none; color: #000; padding: 5px; display: block; background: #f9f9f9; margin-bottom: 0px; font-size: 11px; }
			.pageNo a:hover { color: #fff; background: #636363; }
		.pageNoActive { background: #636363; padding: 5px; color: #fff; font-weight: bold; }
		.pageLast, .pageFirst { float: left; }
		.pageLast { padding-left: 5px; }
			.pageLast p, .pageFirst p { font-size: 11px; line-height: 16px; padding: 3px 0px 0px 0px; }
			.pageLast a, .pageFirst a { color: #333; text-decoration: none; }
			.pageLast a:hover, .pageFirst a:hover { color: #000; }		
			
.tourInfo ul { font-size: 13px; }

.departure-table { width: 100%; float: left; }
	.departure-table table { width: 100%; }
			.departure-table table tr.year td { padding-left: 20px; padding-top: 20px; color: #d71920; font-size: 16px; font-weight: bold; }
			.departure-table table tr.month td { padding-left: 20px; background: #ececec; color: #d98d20; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; }
			.departure-table table tr.day td { padding-left: 20px; font-size: 12px; }

.itinerary-detail {  }
	.itinerary-detail h1 { background: none; margin-bottom: 0px; padding-top: 0px; }
	.itinerary-detail h2 { color: #f1c434; font-size: 16px; font-weight: bold; background: none; }

/*------------------------------------------------------------------
[6. Feedback]
*/ 	

.feedback-form {}
	.feedback-form .form-row { clear: both; padding: 20px 0px 0px 0px; }
		.feedback-form .form-label { float: left; line-height: 20px; width: 300px; font-size: 12px; padding-right: 20px; padding-bottom: 10px; color: #df6432; }
		.feedback-form .form-input { float: left; }
		.feedback-form .form-input select { width: 200px; padding: 5px; }
	.feedback-form p { clear: both; font-size: 14px; padding-top: 20px; font-weight: bold; }
	
	.feedback-form ul { padding-left: 0px; }
		.feedback-form ul li { background: none; padding-left: 0px; }
	
	#traveller_feedback_comment, #traveller_feedback_memorable_experience { width: 300px; height: 150px;  }
	
	label.error-label { font-weight: bold; }
	
	.long-text-input { width: 300px; height: 20px; border: 1px solid #ccc; }
	.short-text-input { width: 100px; height: 20px; border: 1px solid #ccc;}
	.long-text-area { width: 500px; height: 200px; border: 1px solid #ccc;}
	.country-select { padding: 5px; }
	
	.tourWrap img { float: left; width: 130px; margin: 0px; }
	
	.rightContent a { padding-top:11px; display: block; width: 185px; height: 28px; }
	.rightContent li.subLinks a { padding: 0px 0px 0px 10px; height:20px;}
	
	#map { padding: 10px 0px 0px 30px; }
	.map-button { float: right;  padding: 0px 40px 0px 0px; }

/*------------------------------------------------------------------
[7. Booking Form ]
*/ 	

.booking-menu { clear: both; }
	.booking-menu ul {  }
		.booking-menu ul li { color: #999; font-weight: bold; font-size: 15px; background: none; padding: none; float: left; width: 140px; }
		
.booking-menu ul li.selected { text-decoration: underline; color: #333; }

.booking-form { clear: both; padding: 30px 0px 30px 20px;  }
	.booking-form label { float: left; line-height: 20px; width: 650px; font-size: 12px; padding-right: 20px; padding-bottom: 10px; color: #df6432;  }
	.booking-form input { float: left; margin-bottom: 20px; font-weight: bold; padding-top: 4px; }
	.booking-form select { font-weight: bold; font-size: 14px; }
	.booking-form textarea { margin-bottom: 20px; }
	.confirm label { padding:0px; }
	
	#tour_booking_firstname { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_surname { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_mobile_number { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_email { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_where_did_hear_about_us_other { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_number_tickets_required { width: 50px; height: 22px; font-size: 14px; }
	#tour_booking_credit_card_name { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_credit_card_number { width: 300px; height: 22px; font-size: 14px; }
	#tour_booking_credit_card_expiry { float: left; padding: 5px; }
	
	#tour_booking_country_id, #tour_booking_tour_selection, #tour_booking_date_selection, #tour_booking_where_did_hear_about_us, #tour_booking_payment_request, #tour_booking_credit_card_expiry  { width: 300px; float: left; padding: 5px; margin-bottom: 20px; }
	
	#tour_booking_special_diet_info { clear: both; width: 500px; height: 100px; }
	#tour_booking_discount_card_info { clear: both; width: 500px; height: 100px; }
	
	.leftContent .booking-form ul.radio_list { padding: 10px 0px 10px 0px; }
		.leftContent .booking-form ul.radio_list li { clear: both; background: none; list-style-image: none; padding: 0px; }
		.leftContent .booking-form ul.radio_list li input { float: left; background: none; list-style-image: none;  }
		.leftContent .booking-form ul.radio_list li label {  float: left; width: 400px; color: #333;  padding: 0px 0px 0px 5px; font-weight: normal; }

	.leftContent .booking-form ul.checkbox_list {}
		.leftContent .booking-form ul.checkbox_list li { clear: both; width: 100%; background: none; padding: 0px; }
			.leftContent .booking-form ul.checkbox_list li input { float: left; }
			.leftContent .booking-form ul.checkbox_list li label { font-weight: normal; width: 400px; float: left; padding: 0px; }

	.booking-form ul.error_list { background: none; }
		.booking-form ul.error_list li { background: none; list-style-image: none; }
	
		.leftContent .booking-form ul.error_list li input { float: left; background: none; list-style-image: none; }
	
	.booking-form .largeTextInput { width: 250px; height: 24px; }
	
	.booking-buttons { clear: both; padding-top: 20px; } 
		.booking-buttons .left { float: left; } 
		.booking-buttons .right { float: right; padding-right: 40px; }
		
	.description {
		clear:both;
		background: #FFF0CF;
		padding: 15px 0 0 15px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.description p {
		color: #DF7842;
		font-style: italic;
	}
		
/*------------------------------------------------------------------
[8. Quiz Form ]
*/ 	
		
.quiz-form { clear: both; padding: 30px 0px 30px 0px;  }
	.quiz-form .form-row { clear: both; padding: 0px 0px 0px 0px; }
		.quiz-form .form-label { float: left; line-height: 20px; width: 650px; font-size: 12px; padding-right: 20px; padding-bottom: 10px; color: #df6432; }
		.quiz-form .form-input { float: left; margin-bottom: 20px; }
		.quiz-form .form-input select { width: 200px; padding: 5px; }		
		.quiz-form .form-input ul.radio_list {  padding: 0px; }		
		.quiz-form .form-input ul.radio_list li { background: none; padding: 0px 0px 5px 0px; }	
		
		.quiz-form .validation-message { clear: both; }
		
		.quiz-terms { padding-right: 40px; }	
			.quiz-terms ul { padding-bottom: 10px; }	
			
			
			.newsImages{margin:0 10px 10px 0;}
				.newsImages img{ margin:2px;}