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

.clear {clear:both;}

img {max-width:100%; height:auto}

.mainwrap {width:1000px; margin:0 auto; border-bottom: 2px solid #FFF;}
.mainwrap2 {width:800px; margin:0 auto; border-bottom: 2px solid #FFF;}

.maincontentwrap {width:100%; float:left; width:100%; background:#fff}


.header {float:left; width:94%; padding:13px 3%}
.header .logo {float:left;}
.header .phone_right {float:right;}


.mobile_nav {display:none;}
.navigation {float:left; width:100%; position:relative}
.navigation ul {list-style:none; margin:0px; padding:0px;}
.navigation ul li {float:left; margin-left:2px; position:relative}
.navigation ul li a {color: #FFFFFF;
	
  font-stretch: normal;
  text-decoration: none;
  background-color: #FF6600;
  text-align: left;
  text-indent: 4px;
  display: block;
  border: 1px solid #333333;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  padding:0 17px;
  font-family: Arial, Helvetica, sans-serif;}
.navigation ul ul {display:none; position:absolute; left:0px; top:26px; width:150px;}
.navigation ul ul li {width:100%; margin:0px 0 -1px 0; padding:0px;}
.navigation ul li:hover ul {display:block;}



.mainwrap2 .navigation ul li a {padding:0 6px;}

.contentwrap {float:left; width:100%;}
#homepage .contentwrap {float:left; width:80%;}


.sidebar1 {float:left; width:200px; background:#FBB560}


.contentbox {float:right; width:800px;}
.home_content {float:left; width:100%;}
#home {height:676px;}
#home .title {padding: 15px 20px 0px;}
#home h1 {margin-left:0px;}
.home_content ul {list-style:none; margin:0px; padding:0px 2%; width:96%; float:left;}
.home_content ul li {float:left; width:50%;}

.home_content ul li.h_hotdeals {padding:50px 0 0 0;}

.homebuttons {float:left; width:100%;}
.homebuttons ul {list-style:none; margin:0px; padding:0px}
.homebuttons ul li {float:left; width:33.33%; text-align:center}


.note {height:74px; text-align:center; width:100%}
.note p {padding:25px 0 0 0; text-align:center}

.note2 {height:auto; text-align:center; background:#FBB560; margin:-10px 0; padding:30px 0 20px 0; border:2px solid #fff; border-top:1px solid #fff; }
.note2 p {text-align:center}

.note3 {height:auto; text-align:center; width:100%; background:#FBB560; padding:30px 0 20px 0; float:left;}
.note2 p {text-align:center}

/***********************/

.banner {width:100%; float:left}
.banner img {width:100%; height:auto; max-width:100%}

.mainBody2 {padding:10px 0px; background:#FFC775; margin:0 2px;}
.mainBody2 .actBorder {padding:0 5px;}

.mainBody2 hr {width:100%; border:0px; border-bottom:1px solid #fff; margin:0px; padding:0px;}
.mainBody2 p {padding:0 5px;}

.pakageslist {width:796px; float:left; list-style:none; margin:0px; padding:0px; margin-left:-5px; border-bottom:1px solid #fff; margin-bottom:10px}
.pakageslist li {float:left; width:100%; border-top:1px solid #fff; background:#FBB560; padding:10px 0}
.pakageslist li.even {background:#FFC775;}
.pakageslist li .pakg_pic {float:left; padding:0 15px;}

.pakageslist li .packgcontent {float:left; width:570px;}

.packgcontent .buttons {float:left; width:100%; margin:20px 0 0 0}
.packgcontent .buttons .button1 {float:left;}
.packgcontent .buttons .button2 {float:right;}

.dealswrap {float:left; width:100%; padding:20px 0}
.dealswrap ul {list-style:none; margin:0px; padding:0px;}
.dealswrap ul li {width:33.33%; text-align:center; float:left;}

.orangebg {background:#fbb560; padding:10px 0}
.orangelight {background:#FFC775;}
.orangelight3 {background:#FEE3C2;}

.accom_detail {float:left; width:100%; border-top:1px solid #fff}
.accom_detail ul {margin:0px; padding:0px; list-style:none;}
.accom_detail ul li {padding:15px; border-bottom:1px solid #fff;}

.accom_detail ul li .accom_content {float:left; width:50%;}
.accom_detail ul li .accom_content .button {float:right;}
.accom_detail ul li .accom_content .pics {width:100%; float:left;}
.accom_detail ul li .accom_faci {float:right; width:47%;}

.accom_detail ul li .reserv_btns {width:100%; float:left}
.accom_detail ul li .reserv_btns li {width:33%; border:0px; float:left; text-align:center; padding:15px 0 0 0px}

#accomm .close {float:right; height:auto !important}
#accomm h1 {padding:0 15px;}
#accomm ul {list-style:none; margin:0px; padding:0px}
#accomm ul li {padding:15px; border-bottom:1px solid #fff;}

#accomm ul li .col_half {float:left; width:48%; padding:0 1%}
#accomm ul li.pics img {height:110px;}

#accomm ul li .feature, #accomm ul li .useful {width:48%; padding-top:20px}


#accomm ul li .feature {float:left;}
#accomm ul li .useful {float:right;}

#accomm ul li .feature ul, #accomm ul li .useful ul {padding-left:15px;}

#accomm ul li .feature li, #accomm ul li .useful li {padding:3px 0; border:0px; list-style:disc; list-style-position:inside; font-size:12px;}


.activitiesbox {width:100%; border-bottom:1px solid #fff;}
.activitiesbox ul {list-style:none; margin:0px; padding:0px}
.activitiesbox ul li {padding:15px; background:#FBB560; border-top:1px solid #fff;}
.activitiesbox ul li.even {background:#FFC775;}
.activitiesbox ul li .active_title {float:left; width:300px;}

.activitiesbox ul li h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; color: #004a80; text-indent: 0px; padding-top: 4px; padding-bottom: 2px; font-weight: normal; margin: 4px;}

.activitiesbox ul li h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: capitalize; color: #004a80; text-indent: 0px; padding-top: 4px; font-weight: normal; padding-bottom: 2px; margin-top: 0px; margin-bottom: 0px;}


.activity_buttons {float:right; width:460px; text-align:center}


.activity_buttons .act1s, .activity_buttons .act2s {float:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; margin: 0px; padding:8px 0 4px 0; line-height: 12px; text-align:center; height: 32px; width: 124px}

.activity_buttons .act1s a, .activity_buttons .act2s a {display:block; line-height:24px}
.activity_buttons .doublline a {line-height:12px;}
.activitiesbox ul li .act1s {background: url(../design/act1.png) no-repeat center center}
.activitiesbox ul li .act2s {background: url(../design/act2.png) no-repeat center center;}

.activitiesbox ul li .active_pic {float:left; width:170px; text-align:center; padding:5px 0 0 0}
.activitiesbox ul li .active_pic .rating {padding:10px 0 0 0;}

.activitiesbox ul li .activity_detail {float:left; width:590px;}
.activitiesbox ul li .activity_detail .buttons {float:left; width:100%;}
.activitiesbox ul li .activity_detail .buttons ul {border:0px;}
.activitiesbox ul li .activity_detail .buttons li {width:33.33%; text-align:center; border:0px; float:left; padding:0px; background:none}


.acivity_detail_wrap {float:left; width:100%;}
.acivity_detail_wrap ul {list-style:none; padding:0px; margin:0px; border-bottom:1px solid #fff;}
.acivity_detail_wrap ul li {border-top:1px solid #fff; padding:15px; background:#FFC775}
.acivity_detail_wrap ul li h3 {padding-bottom:15px;}
.acivity_detail_wrap ul li .picsbox {float:left; width:170px;}
.acivity_detail_wrap ul li .picsbox img {margin:0 0 10px 0; float:left}
.acivity_detail_wrap ul li .textbox {float:left; width:590px;}
.acivity_detail_wrap ul li .textbox ul {list-style:disc; list-style-position:inside; border:0px; padding-left:30px}
.acivity_detail_wrap ul li .textbox ul li {padding:3px 0; border:0px;}

div#menu {width:96%;}
div#menu ul {list-style:disc; list-style-position:inside; border:0px; padding-left:30px} 
div#menu ul li {padding:3px 0; border:0px; background:none}

.pricewrap {float:left; width:100%; background:#FFC775; padding:15px 0; border-bottom:2px solid #fff; border-top:1px solid #fff}
.pricewrap h2 {padding:10px 0;}
.pricewrap table {}

.pricewrap .buttons {width:100%;}
.pricewrap .buttons ul {border:0px;}
.pricewrap .buttons ul li {padding:0px; float:left; width:33.33%; text-align:center; border:0px}

.pricebox {width: 600px; margin: 0 auto; padding-bottom: 25px;}

.bookonline {float:right;}

.contactform {float:left; width:100%; background:#ffc775; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:12px; padding-bottom:20px}
.contactform #contactForm  {width:570px; margin:0 auto;}
.contactform b {font-size:12px;}

.avrg_temp {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0}

.languagesbox {float:left; width:100%; background:#ffc775; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px 0}


.orangelight2 {background:#FFC775; padding:20px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.map_distances {width:90%; padding:20px 5%}
.au_map {width:45%; float:left;}
.distances {float:right; width:45%}

#mc {width:90%; margin:0 auto;}

.trip_pics {width:100%; padding-bottom:20px;}
.trip_pics ul {list-style:none; margin:0px; padding:0px;}
.trip_pics ul li {float:left; width:25%; text-align:center;}
.trip_pics ul li img {width:100%;}


.trip_plannr_form {width:600px; margin:0 auto;}

.pkg_pricebox {width:100%; float:left; text-align:center; padding-bottom:10px}
.pkg_pricebox img {vertical-align:middle; float:none;}

.right {float:right;}

.packag_deals {width:94%; float:left; border-top:1px solid #fff; padding:10px 3%}
.packag_deals ul {list-style:none; margin:0px; padding:0px;}
.packag_deals ul li {float:left; width:50%; padding:10px 0}
.packag_deals ul li img {float:left; margin-right:10px}
.packag_deals ul li.right img {float:right; margin-left:10px}


.pkg_prcing {border-top:1px solid #fff; float:left; width:100%}
.pkg_prcing img {float:right; margin:0 30px 0 0}

.pakg_summery_wrap {float:left; width:100%; padding:15px 0; border-bottom:1px solid #fff}
.pakg_summery {width:80%; margin:0px auto;}

.pakg_faqs {float:left; width:100%; padding:20px 0px;}


.pakgincludes {border-top:1px solid #fff; padding:20px; float:left;}
.pakgincludes img {float:left; padding-right:10px}


#formPackages fieldset legend {text-align:center;}
.pack_details {float:left; width:100%;}
.formrow {float:left; width:100%; margin:1px 0}
.formrow.even {background:#FBC58E; padding:0px 0;}
.formrow.even th, .formrow.even td {padding:5px;}

.formrow div {float:left; padding:0px 0}
.formrow label {float:left; width:150px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold}
.formrow div input, .formrow div select {margin:3px;}
.formrow div span {float:left; margin:3px;}
.formrow .rooms {float:right;}

.datefield {width:120px;}
.datefield input {float:left;}
.adultsfield {width:120px;}

.ages th {width:150px; text-align:right; background:#F68C1E; padding-right:5px; color:#fff; padding:5px; font-weight:bold}

.contact_details {float:left; width:100%;}
.contact_details ul {list-style:none; margin:0px; padding:0px;}
.contact_details ul li {float:left; width:50%; padding:0px; margin:1px 0}
.contact_details ul li label {float:left; width:150px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold}
.contact_details ul li input {width:195px; margin:3px 2px}
.contact_details ul li.ogn, .contact_details ul li.e_mail, .contact_details ul li.src {width:100%;}
.contact_details ul li.ogn input {width:560px}

.contact_details ul li.src textarea {width:560px; height:30px; margin:3px 2px}
.contact_details ul li.src input[type="text"] {width:560px; height:20px; line-height:20px; margin:3px 2px}


#formPackages th, #formPackages td {padding:5px;}


.total_cost {float:left; width:100%;}
.total_cost ul {list-style:none; margin:0px; padding:0px;}
.total_cost li {float:left; width:180px; margin:1px; background:#FBC58E; padding:0px}
.total_cost label {float:left; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold; margin-right:1px}
.total_cost div {float:left; height:25px; line-height:25px; padding:0 5px;}

.total_cost li.total {width:auto; float:right; text-align:right; margin-top:20px; font-size:12px; background:none}
.total_cost li.total label {height: 22px; line-height: 25px; width: 200px;}
.total_cost li.total span {font-size: 20px; font-weight: bold; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; border: 1px solid #CCC; padding: 4px; background: #FFF; width:200px; float:left;}



.contact_details2 li {background:#FBC58E;}

.contact_details ul li div {float:left; width:193px; margin-left:3px; line-height:25px}
.contact_details ul li.ogn div, .contact_details ul li.e_mail div, .contact_details ul li.src div {width:557px;}


.payment_wrap {float:left; width:100%;}
.payment_wrap ul {list-style:none; margin:0px; padding:0px;}
.payment_wrap ul li {margin:1px 0; padding:0px; width:100%; float:left;}
.payment_box {float:left; width:360px;}
.payment_box label {float:left; width:160px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold;}
.payment_box div {float:left; margin:2px 3px;}

.payment_details {float:right; width:370px; position:relative}
.payment_details img {margin:0px; padding:0px; position:absolute; top:30px; left:0px;}
.payment_details ul {float:right; width:230px;}
.payment_details ul li label {float:left; text-align:right; width:110px;}
.payment_details ul li div {float:right; font-size: 16px; color: #900; background: #FFF; border: 1px solid #F68C1E; width: 110px; text-align: center; height: 30px; line-height: 30px;}


.olpayments {padding:10px;}
.olpaymnt_wrap {float:left; width:100%;}
.olpaymnt_wrap h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #790000; text-align: left; padding:4px 0; margin:0px;}
.olpaymnt_wrap ul {list-style:none; padding:0px; margin:0px;}
.olpaymnt_wrap li {float:left; width:50%; padding:0px; margin:1px 0; min-height:25px}
.olpaymnt_wrap li label {float:left; width:150px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold}
.olpaymnt_wrap li div {float: left; width: 193px; margin-left: 3px; line-height: 25px;}

.accom_details {float:left; width:100%;}

.paymentdetails2 ul li label {width:100%; background:none; font-size:20px; color:#790000; text-align:left;}
.paymentdetails2 ul li div {width:auto; padding:0 15px;}


.sformbtn {width:100%; text-align:right;}

.vehical_hire_wrap {float:left; width:90%; padding:20px 5%}
.vehical_hire_wrap ul {list-style:none; margin:0px; padding:0px;}
.vehical_hire_wrap ul li {float:left; width:50%; margin:1px 0; padding:0px; min-height:25px}
.vehical_hire_wrap ul li label {float:left; width:150px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold}
.vehical_hire_wrap ul li div {float: left; width: 183px; margin-left: 3px; line-height: 25px;}
.vehical_hire_wrap ul li #ddate {width:100px;}
.vehical_hire_wrap ul li.rfr, .vehical_hire_wrap ul li.km_rates, .vehical_hire_wrap ul li.btns {width:100%;}
.vehical_hire_wrap ul li.rfr span {display:block; margin-left:170px;}

.vehical_hire_wrap ul li.km_rates span {float:left; width:150px; text-align:right; background:#F68C1E; color:#fff; padding:5px; font-weight:bold}
.vehical_hire_wrap ul li.km_rates label {width:auto; background:none; padding:0px; font-weight:normal; text-align:left; color:#790000}

.vehical_hire_wrap ul li.slctroom {float:left; width:100%;}
.vehical_hire_wrap ul li.slctroom div {width:auto;}

.vehical_hire_wrap ul li.btns {padding-top:15px;}


#car {max-width:inherit;}

.slct_vehicl label {height:30px; line-height:30px;}
.slct_option label {height:30px; line-height:30px;}
.slct_option div label {background: none !important; color: #000 !important; font-weight: normal !important; text-align: left !important; line-height: 12px; height: auto; padding: 0 !important;}


.olpymnts select {width:100%;}


.olpymnts .availblty {width:100%;}
.olpymnts .availblty div label {background:none !important; text-align:left !important; color:#000 !important; font-weight:normal !important}



/* media 768-1024 */
@media only screen and (max-width: 960px) {
	.mainwrap, .mainwrap2 {width:750px}
	
	.mobile_nav {width:94%; display:block; line-height:30px; padding:0 3%; cursor:pointer; padding-bottom:10px; font-size:16px; font-weight:bold; color:#5c0000}
	.mobile_nav img {float:right;}
	
	.navigation ul.nav {width:100%; background:#FF6600; float:left; display:none}
	.navigation ul li {width:100%; margin:0px; border:0px}
	.navigation a.menu:link, .navigation a.menu:visited, .navigation a.menu:hover, .navigation a.menu:active, .navigation a.menu:hover {border:0px;}
	
	.navigation ul ul {display:block; position:static; padding-left:40px}
	.navigation ul ul a {border:0px;}
	
	.contentbox {width:550px;}
	#home {height:667px; background-size:cover;}
	.home_content ul li {width:100%;}
	.home_content ul li.h_hotdeals {padding:15px 0;}
	
	
	#home div {padding:6px 0;}
	.homebuttons ul li img {margin:0px;}
	
	
	.pakageslist {width:746px;}
	.pakageslist li .packgcontent {width:500px;}
	
	
	.activity_buttons {width:410px;}
	.activitiesbox ul li .activity_detail {width:540px;}
	
	.acivity_detail_wrap ul li .textbox {width:540px;}
	
	
	.contact_details ul li input {width:165px;}
	.contact_details ul li.ogn input {width:505px;}
	.contact_details ul li.src textarea {width:505px;}
	.contact_details ul li.src input[type="text"] {width:505px;}
	
	.contact_details ul li div {width:162px}
	.contact_details ul li.ogn div, .contact_details ul li.e_mail div, .contact_details ul li.src div {width:502px;}
	
	.total_cost li {width:168px;}
	
	
	.payment_box {width:350px;}
	.payment_details {width:330px;}
	
	
	.vehical_hire_wrap ul li div {width:167px;}
	
	
	
}
/* media 480-768 */
@media only screen and (max-width: 768px) {
	.mainwrap, .mainwrap2 {width:600px}
	
	.contentbox {width:100%;}
	
	#home {height:auto; float:left; width:100%}
	.home_content ul li.h_hotdeals {
		display:none;	
	}
	
	.homebuttons ul li {width:100%;}
	
	.note {width:100%; height:auto; padding:20px 0; float:left;}
	.note p {padding:0px;}
	
	.sidebar1 {padding:0 200px;}
	
	.pakageslist {width:596px;}
	.pakageslist li .pakg_pic {width:100%; padding:0px 0 15px 0; text-align:center;}
	.pakageslist li .packgcontent {width:90%; padding:0 5%; text-align:center}
	.pakageslist li .packgcontent p {text-align:center;}
	
	
	.dealswrap ul li {width:100%;}
	
	.accom_detail ul li .accom_content {width:100%;}
	.accom_detail ul li .accom_faci {width:100%;}
	.accom_detail ul li .accom_faci table {width:100%;}
	.accom_detail ul li .accom_faci table th, .accom_detail ul li .accom_faci table td {font-size:10px;}
	.accom_detail ul li .accom_content .pics {padding:15px 0;}
	
	#accomm ul li .col_half {float:left; width:100%; padding:0px}
	#accomm ul li .feature, #accomm ul li .useful {width:100%; padding-top:20px}
	
	
	.activity_buttons {width:100%;}
	.activitiesbox ul li .active_pic {width:100%;}
	.activitiesbox ul li .activity_detail {width:100%;}
	
	.acivity_detail_wrap ul li .picsbox {width:100%}
	.acivity_detail_wrap ul li .picsbox br {display:none;}
	.acivity_detail_wrap ul li .picsbox p {float:left; margin:0px;}
	.acivity_detail_wrap ul li .picsbox img {float:left; margin:5px}
	.acivity_detail_wrap ul li .textbox {width:100%}
	.pricebox {width:400px;}
	
	
	.contactform #contactForm  {width:90%; margin:0 auto;}
	.contactform #contactForm input, .contactform #contactForm textarea {width:250px;}
	.contactform #contactForm input[type="image"] {width:auto;}
	
	.map_distances {width:90%; padding:20px 5%}
	.au_map {width:100%; float:left; text-align:center}
	.distances {float:right; width:100%}
	
	
	.trip_plannr_form {width:440px; margin:0 auto;}
	.trip_plannr_form #arrival {width:240px;}
	
	
	.packag_deals ul li {width: 46%; padding: 10px 2%;}
	.packag_deals ul li img {width:100%; height:auto; margin:0px;}
	
	.formrow .rooms {float:left;}
	
	#formPackages .wide {width:200px;}
	
	#steps {padding-top:70px;}
	
	.total_cost li {width:193px;}
	
	.total_cost li.total label {width:180px;}
	.total_cost li.total span {width:180px;}
	
	.contact_details ul li {width:100%;}
	
	.contact_details ul li input, .contact_details ul li.ogn input, .contact_details ul li.src textarea {width:220px;}
	.contact_details ul li.src input[type="text"] {width:220px;}
	
	.contact_details ul li div {width:217px}
	.contact_details ul li.ogn div, .contact_details ul li.e_mail div, .contact_details ul li.src div {width:217px;}
	
	#package_booking {padding:0px;}
	#formPackages {padding:5px;}
	
	.extra_activ th, .extra_activ td {font-size:10px;}
	
	.payment_box {width:100%;}
	.payment_details {width:100%; padding: 70px 0 0 0;}
	.payment_details img {top:10px;}
	
	.payment_details ul {width:100%; float:left;}
	.payment_details ul li label {width:200px; text-align:left; line-height:30px}
	.payment_details ul li label br {display:none;}
	
	.payment_details ul li div {width:180px;}
	
	
	.hotdealsbooking #steps {padding: 170px 0 10px 10px; width: 94%; height: auto;}
	
	
	.olpaymnt_wrap li {width:100%;}
	
	a.infoLeft:hover span, a.infoRight:hover span {width:370px; white-space:normal;}
	
	#tmap b {width:100%;}
	
	.vehical_hire_wrap ul li {width:100%;}
	.vehical_hire_wrap ul li div {width:230px;}
	
	.vehical_hire_wrap ul li.km_rates span {text-align:left; width:100%}
	
	.pkg_booking input[type="text"], .pkg_booking select, .pkg_booking textarea {width:200px !important;}
	
}
/* media 320-480 */
@media only screen and (max-width:600px) {
	
	.package_page table, table#list { 
		width: 100%; 
		border-collapse: collapse; 
	}
	
	.package_page table, .package_page thead, .package_page tbody, .package_page th, .package_page td, .package_page tr, table#list table, table#list thead, table#list tbody, table#list th, table#list td, table#list tr { 
			display: block; 
		}
	
	img#car {
		width:100%;
	}
	
	#formPackages table, #formPackages thead, #formPackages tbody, #formPackages th, #formPackages td, #formPackages tr {
		display:inline;
	}
	
	#formPackages table a {
		display:block;
		clear:both;	
	}
	/** NEW **/
	.spacer {display:none !important;}
	.acivity_detail_wrap ul li .picsbox img, .accom_content .pics img {
		width:100%;	
	}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.package_page thead tr, table#list thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		/** NEW	**/
		/*.package_page tr, table#list tr  { border: 1px solid #ccc; }*/
		
		.package_page td, table#list td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			/** NEW	**/
			padding:5px;
		}
		
		.package_page td:before, table#list td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
	
	
	.mainBody2 p {
		text-align:justify;	
	}
	#itinerary img {
		width:100%;	
	}
	
	.hide_mobile {
		display:none;	
	}
	/** NEW
	**/
	.vehicalpics_wrap {max-height:inherit !important;}
	.vehical_pics td {display:inline; border-bottom:0px !important;}
	.vehicalpics_wrap .image_rotation {display:none !important;}
	
	.mainwrap, .mainwrap2 {width:310px;}
	
	#accomm .close {float:none;}
	#home {background:#C0D1E1;}
	
	.header .logo {width:255px; float:none; margin:0 auto;}
	.header .phone_right {float:none; width:120px; margin:0 auto;}
	
	#homepage .contentwrap {float:left; width:100%;}
	.sidebar1 {padding:0px; width:100%;}
	.sidebar1 img {
		width:100%;	
	}
	
	.pakageslist {width:306px;}
	
	.packgcontent .buttons .button1, .packgcontent .buttons .button2 {float:none;}
	
	.accom_detail ul li.desert .accom_faci {width:100%; float:left;}
	.accom_detail ul li .reserv_btns li {width:100%;}
	
	#accomm ul li.pics img {height:80px; margin: 5px;}
	
	.activitiesbox ul li .activity_detail .buttons li {width:100%;}
	.pricebox {width:280px;}
	.pricebox img {padding:0px; margin:0px; width:200px}
	.pricewrap .buttons ul li {width:100%;}
	
	.bookonline {float:none;}
	
	
	.contactform #contactForm input, .contactform #contactForm textarea {width:150px;}
	
	
	.trip_plannr_form {width:290px; margin:0 auto;}
	.trip_plannr_form th {width:150px;}
	.trip_plannr_form #arrival {width:90px;}
	.trip_plannr_form #date_from {width:90px;}
	
	.itinerary_results th, .itinerary_results td {font-size:9px;}
	
	.packag_deals ul li {width:100%; padding:10px 0%;}
	.packag_deals ul li img, .packag_deals ul li.right img  {margin:0 0px 10px 0; float:left;}
	
	.formrow label {width:100px;}
	.ages th {width:100px;}
	
	#steps div {width:23%; margin:0 2px; font-size:20px;}
	#package_booking {padding:0px;}
	#formPackages .wide {width:120px;}
	#formPackages fieldset {padding:0px;}
	#formPackages .table th, #formPackages .table td {font-size:10px; padding:0 2px;}
	#formPackages .table select {width:100px;}
	
	
	.contact_details ul li label {width:100px; margin-left:6px}
	.contact_details ul li input, .contact_details ul li.ogn input, .contact_details ul li.src textarea {width:150px;}
	.contact_details ul li.src input[type="text"] {width:150px;}
	
	.contact_details ul li div {width:147px}
	.contact_details ul li.ogn div, .contact_details ul li.e_mail div, .contact_details ul li.src div {width:147px;}
	
	.total_cost li {width: 90%; margin: 1px 5%;}
	
	.total_cost li.total label {width:246px; text-align:center; margin-left:6px;}
	.total_cost li.total span {width:246px; text-align:center; margin-left:6px}
	
	.accom_detail .hotel_box div, .accom_detail .rooms2 div {width:180px;}
	
	.payment_box label {width:280px; text-align:left;}
	.payment_details {padding:70px 0 10px 0;}
	.payment_details ul {width: 96%; float: right;}
	.payment_details ul li div {float:left;}

	.hotdealsbooking #steps {background-size:100%;}
	
	.olpaymnt_wrap li label {width: 96%; text-align: left;}	
	
	a.infoLeft:hover span, a.infoRight:hover span {width:230px; white-space:normal;}
	.infoRight img {max-width:none;}
	
	
	.vehical_hire_wrap {width: 100%; padding: 20px 0%;}
	.vehical_hire_wrap ul li label {width:96%; text-align:left}
	.vehical_hire_wrap ul li div {width:100%; margin:3px 0;}
	
	.vehical_hire_wrap ul li.rfr span {margin-left:5px;}
	
	#map {max-width:100%;}
	
	.add_actvity {font-size:10px;}	
	
	.summerytbl {font-size:10px;}
	
	.custmr_details input[type="text"], .custmr_details textarea {width:150px !important;}
	
	.pkg_booking input[type="text"], .pkg_booking select, .pkg_booking textarea {width:150px !important;}
	.olpymnts label {margin-bottom:3px;}
		
}