#booking {width:100%; border-collapse:collapse;}
#booking td { background:#fff; border:1px solid #E6E6E6; padding:7px 0 7px 15px; font-size:13px;}
#booking td.tourheader {font-size:16px; padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb;font-weight:bold}
#booking td.textremark {font-size:12px; padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb; border-top:1px solid #ffb22a; font-weight:bold;}
#booking td.yellow { background:#f6f6f6;}
.carttable {width:100%; border-collapse:collapse;}
.carttable td { background:#fff; border:1px solid #bbbbbb; padding:7px; font-size:13px;}
.carttable td.tourheader {font-size:16px; padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb; font-weight:bold;}
.carttable td.textremark {font-size:12px; padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb; font-weight:bold;}
.carttable td.yellow { background:#f6f6f6;}
td.txtbold {font-weight:bold; width:35%;}
#booking .txtbold .it {color:red}
#checkout .txtbold .it {color:red}
td.topictab {font-weight:bold;}
input.priceshow {color: #000;font-weight: bold;border: medium none;font-size: 15px;padding: 5px;width:30%;}
input.childrenage  { border:1px solid #bbbbbb; width:100px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
input.booking { border:1px solid #bbbbbb; width:207px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
input.book2ing { width:250px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(img/calendar.gif) top #111;}
select.booking { border:1px solid #bbbbbb; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;width:auto}
select.country { border:1px solid #bbbbbb; width:300px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
select.selecthotel { border:1px solid #bbbbbb; width:300px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
textarea.bodytextarea { border:1px solid #bbbbbb; width:390px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
input.sitesubmit {background:url(img/input.png) repeat-x top; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:4px 14px; border:1px solid #ee9216; font-weight:bold; cursor:pointer;}
a.btn_cart {background:url(img/input.png) repeat-x top; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:4px 14px; border:1px solid #ee9216; font-weight:bold; cursor:pointer; text-decoration:none}
#navigation, #main-menu ul, blockquote, .page-content table, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .booknow, .booknow-accompage,
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover, 
.ui-datepicker .ui-widget-header .ui-state-default:hover {
	border-color: #ff8e00;
}
.title-end, .blog-title .comment-count, .blog-title-single .comment-count, .event-prev .event-prev-date, #ui-datepicker-div .ui-datepicker-header,
.widget .widget-title h5 {
	background: #2087AF;
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover, 
.ui-datepicker .ui-widget-header .ui-state-default:hover, #footer a:hover, #footer-bottom a:hover {
	color: #ff8e00;
}

.datepicker, .page-content .datepicker {
	background: url(img/calendar.png) no-repeat right !important;
	border:1px solid #ccc;  !important;
	padding: 5px 5px 5px 5px  !important;
	color: #111  !important;
	cursor:pointer !important;
}

.datepicker:hover, .datepicker:focus {
	color: #424242 !important;
}

#ui-datepicker-div {
	font-size: 90%;
	padding: 10px;
	box-shadow: 0 0 4px rgba(136, 136, 136, 1);
	border: none;
	background: #fff;
}

#ui-datepicker-div a {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

#ui-datepicker-div .ui-datepicker-header {
	color: #fff;
	border: none;
	padding: 8px;
}

#ui-datepicker-div .ui-datepicker-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

#ui-datepicker-div .ui-icon-circle-triangle-e {
	background: url(img/arrow-r.png) no-repeat right center;
	background-position: 2px 7px;
	width: 10px;
	height: 20px;
	text-indent: -9999px;
}

#ui-datepicker-div .ui-icon-circle-triangle-w {
	background: url(img/arrow-l.png) no-repeat left center;
	background-position: 3px 7px;
	width: 15px;
	height: 20px;
	text-indent: -9999px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.4em !important;
    position: absolute;
    top: 10px;
    width: 1.4em !important;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	left: 10px;
}

.ui-datepicker .ui-datepicker-next {
	right: 0;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    background: none;
	border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #fff;
}

.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
	border: #ccc 1px solid;
	color: #424242;
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover, .ui-datepicker .ui-widget-header .ui-state-default:hover {
	border: 1px solid #2087AF;
	background:#2087AF;
	color:#fff;
}
.steps {padding:0;overflow: hidden;width: 100%;max-height: 69px;margin-bottom: 10px}
.steps ul, .steps li {margin: 0;padding: 0;list-style: none}

.steps ul {float: left;overflow: hidden;max-height: 38px;width: 100%;min-width: 38px;}


.steps li.step-1 {float: left;width:26%}
.steps li.step-2 {float: left;width:26%}
.steps li.step-3 {float: left;width:29%}
.steps li.step-4 {float: right;width:23%}

.steps li a {display: block;background: #d0d0d0;color: #fff;line-height: 1.5em;text-decoration: none}
.steps li a:hover { background: #666; }
.steps li.step {position: relative;z-index: 4}
.steps li.step a {position: relative;z-index: 4}
.steps li.step-yes a {background: transparent url('img/step-tick.png') center right no-repeat}
.steps li.step-non a {background: transparent url('img/step.png') center right no-repeat}
.steps li.step-nons a {background: transparent url('img/step_over.png') center right no-repeat}

.steps li.step-2, .steps li.step-2 a { z-index: 3; }
.steps li.step-3, .steps li.step-3 a { z-index: 2; }
.steps li.step-4, .steps li.step-4 a { z-index: 1; }
.steps li.step-2 { margin-left: -10px; }
.steps li.step-2 a { padding-left:5px; }

.steps li.step-3 { margin-left: -10px; }
.steps li.step-3 a {padding-left:5px;}

.steps li.step-4 {margin-left: -10px}
.steps li.step-4 a {background-position: left center;margin-left: -10px;padding-left: 10px;}


.steps li.step-1 a:hover {background: transparent url('img/step_over.png') center right no-repeat}
.steps li.step-2 a:hover {background: transparent url('img/step_over.png') center right no-repeat}
.steps li.step-3 a:hover {background: transparent url('img/step_over.png') center right no-repeat}
.steps li.step-4 a:hover {background: transparent url('img/step_over.png') center left no-repeat}
.steps li.step-1 a strong {font-size: 12px;background: transparent url("img/number-1-icon.png") no-repeat 4px center;padding: 12px 10px 12px 25px;line-height: 38px;}
.steps li.step-2 a strong {font-size: 12px;background: transparent url("img/number-2-icon.png") no-repeat 12px center;padding: 12px 10px 12px 35px;line-height: 38px}
.steps li.step-3 a strong {font-size: 12px;background: transparent url("img/number-3-icon.png") no-repeat 12px center;padding: 12px 10px 12px 35px;line-height: 38px}
.steps li.step-4 a strong {font-size: 12px;background: transparent url("img/number-4-icon.png") no-repeat 8px center;padding: 12px 10px 12px 32px;line-height: 38px}
.welcome {background: transparent url("img/thankyou.png") no-repeat scroll left top;padding:0 0 15px 159px}
.gd02 {display:none}
.carttable tr td p.tr_mobi2 {display:none}
#sign_up img {width:100%}
ul.pickup {    list-style-type: none;}
ul.pickup li {     list-style-type: none; background: url('img/ul-li-dot-green.png') no-repeat left center; padding: 5px 5px 5px 19px;}
#sign_up,#sign_ups {width:auto;background:#fff;padding: 15px;position: relative;display: none}
#close_x{background: rgb(238, 242, 247) url("img/download_sprite.jpg") no-repeat scroll center;width: 24px;height: 23px;overflow: hidden;line-height: 1000px;display: block;position: absolute;top: 5px;right: 5px;border-radius: 50%;padding:10px}
p.tr_mobi {display:none}
.topictab.tr_mbi1 {width: 24%}
@media screen and (max-width:768px){
.gd01 {display:none}
.gd02 {display:block}
.steps li.step-4 { margin-left: -10px; }
.steps li.step-3 { margin-left: -10px; }
.steps li.step-2 { margin-left: -10px; }
}
@media screen and (max-width: 480px){
.carttable td {display: block;}
td.txtbold {width:0%;display: none}
.carttable tr td p.tr_mobi2 {display:block;min-width:75px; width:32%;float: left;border-right: 1px dotted rgb(204, 204, 204);margin-right: 10px;}
td.tr_mobi23 span {font-weight:700}
p.tr_mobi {display:block;width:100%}
.gd01 {display:none}
.gd02 {display:block}
tr.tr_mobi22 {display:none}
tr.stripe td{background: rgba(83, 208, 255, 0.23) none repeat scroll 0% 0%;width: 100%;border: none;}

.mega_main_body .mega_content .bookingtable {padding:10px}
.mega_main_body .mega_content #booking {padding:10px;width: auto;}

.carttable td {display: block;border: none;border-bottom: 1px dotted #ddd}
.carttable tr {padding: 20px 10px;}
tr.tr_mobi21 td{background: rgba(83, 208, 255, 0.23) none repeat scroll 0% 0%;}
tr.tr_mobi21 td.tr_mobi24 {margin-bottom:10px}
tr.tr_mobi21 td.tr_mobi23 {margin-top:10px}
#name_mid {width: 16%;float:left;margin-right:3px}
.cusdel tbody tr td {border:none}
#hotel {width: 50%;float:left}
.cusdel tr td.topictab #phone {width:50%}
.cusdel tr td.topictab #customername {width:34%}
.cusdel tr td.topictab #customeremail {width:52%}
tr.tr_mobi21 td.tr_mobi23 {border-bottom: 1px dotted #ddd;}
.secode img {float:left}
.cusdel tr td.checkout {display:none}
.cusdel tr td.scheckout {text-align:center}
td.tr_mobi26 {display:none}
.carttable tr td.tr_mobi27 {background: rgba(137, 255, 168, 0.71) none repeat scroll 0% 0%;border-top: 1px dotted rgb(221, 221, 221);}
#booking tr td.colormb {background: rgba(83, 208, 255, 0.23) none repeat scroll 0% 0%;padding: 20px 10px;}
input.booking {display:block;width:auto}
td#inputmb {text-align:center}
select.booking {width: 54%}
textarea.bodytextarea {width:93%}
input.sitesubmit {font-size:16px; padding:8px 26px}
.steps li.step-4 {float: left}
.steps li.step-4 { margin-left: -10px; }
.steps li.step-3 { margin-left: -10px; }
.steps li.step-2 { margin-left: -10px; }
.steps li.step-1 { margin-left: -10px; }
.steps li.step-1 a strong,.steps li.step-2 a strong,.steps li.step-3 a strong,.steps li.step-4 a strong {background:none;padding: 12px 10px 12px 15px;font-size: 12px;letter-spacing: -1px}
.steps li.step-4 a {width: 142%}
td.tr_mbi1 {float: left;width: 30%;display: block;min-width:140px;float: left;border-right: 1px dotted #CCC;margin-right: 10px;font-weight: 400}
td.topictab {font-weight:400}
.welcome {background:none;padding: 0px 10px 15px 10px}
#booking td {padding: 20px 10px}
.carttable tbody tr td.pdt10 {padding-top:10px}
.carttable tbody tr td.pdb10 {padding-bottom:10px}
}