/* START RESET CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
.nav ul, ul.nav { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */

/* CSS Document */

/* BASICS */
body{
	background-color:#CCC;
	font:normal normal normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
body, select, input, textarea { color:#444; }

/* TAGS */
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a{ color:#297CDF; text-decoration:none; }
a:hover, a:active { color:#fc6000; outline:none; }
small { font-size:85%; }
strong, th { font-weight: bold; }
h2{ 
	border-bottom:5px solid #ddd;
	font-size:160%;
	margin-bottom:15px;
	padding-left:10px; 
}
h3{ 
	border-bottom:1px dotted #eee;
	color:#fc6000;
	font-size:120%; 
	margin-bottom:10px;
}
h3.emphasised{ 
	background-color:#F9F9F9;
	border:1px solid #fc6000;
	color:#fc6000; 
	font-size:14px;
	padding:5px 10px;
}
h3.emphasised big{ font-size:18px; }
::-moz-selection{ background: #fc6000; color:#fff; text-shadow: none; }
::selection { background:#fc6000; color:#fff; text-shadow: none; }
input, textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; }


.buttonWrap{
	float:left; margin:10px 0 0; width:100%;
}

.buttonWrap a{
	float:right;
	font-size:14px;
	line-height:27px;
	margin-right:15px;
}

button{
	background-color:#DF5337;
	border:1px solid #CF4226;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:14px;
	padding:3px 9px;
	text-shadow:0 1px 0 #333;
}

button:hover{
	-moz-box-shadow:0 0 4px #DF5337;
	-webkit-box-shadow:0 0 4px #DF5337;
	box-shadow:0 0 4px #DF5337;		
}

/* GLOBAL CLASSES */
.left{ float:left; }
.right{ float:right; }
.clearfix{ clear:both; }
.hidden{ display:none; }

/* STRUCTURE */
#container{
	background-color:#fff;
	margin:0 auto;
	width:960px;
	-moz-box-shadow:0 4px 8px #999;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;	
	-webkit-box-shadow:0 4px 8px #999;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;		
}

/* HEADER */
#header{ overflow:hidden; }
#header h1 a{
	background:#fff url(../images/logo_wroclaw_main.jpg) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin:15px 0 15px 20px;
	text-indent:-999em;
	width:343px;
}

#nav{ }
#nav ul{ /* background:#fff url(../images/button_bg.jpg) repeat-x scroll 0 0; */ display:block; margin:0 15px;}
#nav li{ display:inline; float:left; margin-right:2px; }
#nav li.active{ 
	margin-top:-6px; 
}
#nav li.active a{ background-color:#666; font-size:16px; padding:8px; }
#nav a{
	background-color:#999;
	color:#fff;
	display:block;
	height:17px;
	line-height:20px;
	padding:5px;
	text-decoration:none;
	-webkit-transition:all 300ms;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;	
}
#nav a:hover{ 
	background-color:#666;
}

/* CONTENT */
#mobileNo{ margin-bottom:5px; width:176px; }
#contentWrap{ border-bottom:1px solid #eee; overflow:hidden; padding:15px; margin-bottom:20px;}
#content{ float:right; padding-left:15px; width:610px; }
#content.single{ padding:0; width:930px; }
#sidebar{ float:left; width:305px; }

#summaryServicesList{ margin:20px 0; }
#summaryServicesList li{ margin-bottom:15px; }
#summaryServicesList span{ margin-right:15px; }
.confirmListRight, .confirmListLeft{ width:50%; }
.confirmList{ margin:10px 0; }
.confirmList li{ float:left; font-size:14px; margin-bottom:5px; width:100%; }
.confirmList strong{ float:left; margin-right:10px; text-align:right; width:120px; }

.totalPriceInfo{ font-size:16px; }

#paymentList{ background-color:#F9F9F9; padding:10px; }
#paymentList li{ margin-bottom:10px; line-height:18px; }
#paymentList input{ vertical-align:top; }
#paymentList label{ font-size:14px; }
#paymentList img{ margin-left:10px; vertical-align:top; }
#cashWrap{  }
#paypalWrap, #creditcardWrap{ opacity:.6; }

.icon_error{ vertical-align:middle; }
/* FOOTER */
#footer{ clear:both; margin-bottom:30px; padding:0 20px 20px; }
#footer p{ font-size:11px; text-align:center; }


/* ONLINE BOOKING */
#startFormStepperWrap{}
#startFormStepperWrap .inlineSteppers{ margin-right:20px; }
#startFormStepperWrap .inlineSteppers label small{ display:block; }
.wrapLabel{ margin-right:0 !important;  }
.wrapLabel label{ line-height:16px !important; text-align:right; }

#bookingWrap{ 
	background-color:#3b8aab; /* FF7D2F */
	border:6px solid #fff;
	overflow:hidden;
	padding:10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;				
	-moz-box-shadow:0 0 4px #999;
	-webkit-box-shadow:0 0 4px #999;	
	box-shadow:0 0 4px #999;	
}

#bookingWrap h3, #bookingWrap h2{
	border:0;
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 #444;
}
#bookingWrap h2{ border-bottom:1px dotted #33ccff; font-size:18px; margin-bottom:5px; padding-bottom:5px; }
#bookingWrap #bookingBody{ 
	display:block; 
	clear:both; 
	overflow:hidden;
	padding:10px; 
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;	
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
} 
#bookingWrap h4, #bookingWrap span{ color:#fff; }
#bookingWrap span{ margin:0 10px; line-height:24px; }
#bookingWrap label{ color:#fff; display:block; margin-bottom:5px; }
#bookingWrap select{ font-size:14px; }
#bookingWrap input, #bookingWrap select{
	border:0;
	font-size:14px;
	padding:4px;
}
#bookingWrap select{ }
#bookingWrap .formElements{ margin-bottom:10px; }
#bookingWrap .inlineElements{ overflow:hidden; }
#bookingWrap .blockElements label{ }

#bookingWrap h4{ border-top:1px dotted #33ccff; font-weight:normal; margin:10px 0; overflow:hidden; padding-top:10px; }
#bookingWrap .inlineLabels{ overflow:hidden; }
#bookingWrap .inlineLabels label{ float:left; margin-right:10px; text-align:right;  }
#bookingWrap .inlineLabels input{ float:left; margin-right:20px; text-align:center; width:20px; }
#bookingWrap button{
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(48,48,48)), color-stop(0.48, rgb(87,87,87)));
	background:-moz-linear-gradient(center bottom, rgb(48,48,48) 48%, rgb(87,87,87) 48%);
	background-color:#222;
	border:0;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	float:none;
	margin:20px auto 0;
	padding:6px 12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:160px;
	text-shadow:0 2px 0 #000;
}

/* #datetimeWrap selet, #datetimeWrap input, #datetimeWrap span{ float:left; display:inline; } */

.flightNumber{ width:220px !important;  }

#formWrap .dateTimeWrap{ margin-bottom:20px; }
.dateTimeWrap{ float:left; width:100%; }
.dateTimeWrap input{ 
	float:left; 
	margin:0 !important; 
	padding:4px !important; 
	text-align:center; 
	width:90px !important; 
} 
.dateTimeWrap span{ float:left; font-size:14px; margin:0 10px; line-height:26px; }
.dateTimeWrap select{ 
	margin:0 !important;
	padding:4px !important;
	width:49px !important; 
}
.calIcon{
	background:transparent url(../images/cal.png) no-repeat scroll 0 50%;
	display:inline;
	float:left;
	height:26px;
	margin-right:2px;
	width:26px;
}
/* .calIcon{ background:transparent url(../images/icon_date_time.png) no-repeat scroll 0 50%; } */
/* .timeIcon{ background:transparent url(../images/icon_date_time.png) no-repeat scroll -24px 50%; } */

.timeWrap{ float:left; }
.dateTimeWrap b{ color:#fff; }
#formWrap .dateTimeWrap b{ color:#444; }
#id_service{ width:100%; }

/* CALLENDAR */
#ui-datepicker-div { border: 1px solid #ddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #f9f9f9; font-size: 11px; padding: 3px; display: none; }
#ui-datepicker-div .ui-datepicker-header { text-align: center; font-weight: bold; background: #cae6f3; border: 1px solid #acd8eb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 2px 3px; }
#ui-datepicker-div td { border: 1px solid #eee; padding:4px 6px; text-align: center; }
#ui-datepicker-div td.ui-datepicker-unselectable { color: #999; }
#ui-datepicker-div td.ui-datepicker-current-day { background: #dbeef7; border: 1px solid #acd8eb; }
#ui-datepicker-div td.ui-datepicker-current-day a { color: #CA232A; }
#ui-datepicker-div td a { color: #333; text-decoration: none; font-size:12px; }
#ui-datepicker-div td a:hover { color: #ca232a; }

#ui-datepicker-div .ui-datepicker-prev { display: block; width: 5px; height: 8px; margin: 1px 0 0 0; float: left; background: url('/mk-booking/mki-form/css/arrows.png') no-repeat -9px 0; text-indent: -999em; cursor: pointer; padding: 2px; }
#ui-datepicker-div .ui-datepicker-next { display: block; width: 5px; height: 8px; margin: 1px 0 0 0; float: right; background: url('/mk-booking/mki-form/css/arrows.png') no-repeat 0 0; text-indent: -999em; cursor: pointer; padding: 2px; }
#ui-datepicker-div .ui-datepicker-prev:hover { background: url('/mk-booking/mki-form/css/arrows.png') no-repeat -9px -12px; }
#ui-datepicker-div .ui-datepicker-next:hover { background: url('/mk-booking/mki-form/css/arrows.png') no-repeat 0 -12px; }
/* END of CALENDAR */

#mksteps{ 
	background-color:#F4F4F4; 
	border:1px solid #ddd; 
	height:40px; 
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 1px 2px #eee;
	-webkit-box-shadow:0 1px 2px #eee;
	box-shadow:0 1px 2px #eee;
}
#mksteps li{ 
	background:transparent url(/images/step_arr.png) no-repeat scroll 100% 50%;
	display:inline; 
	float:left; 
	height:100%;
	margin:0 20px 0 10px; 
	line-height:38px;
	padding-right:40px;
	
}
#mksteps .active a{ color:#444; font-weight:bold; }
#mksteps a{ color:#999; display:block; font-size:14px; text-decoration:none; text-shadow:0 1px 0 #fff; }
#mksteps #step1{ margin-left:60px; }

.passendersWrap{ margin:20px 0 0; }
.passendersWrap legend{ margin-bottom:10px; }

.inlineSteppers{ display:inline; float:left; margin-right:30px; }
.inlineSteppers label{ float:left; margin-right:10px !important; width:auto !important; }

.stepperWrap{ 
	background-color:#fff;
	border:1px solid #ccc;
	float:left; 
	height:32px; 
	position:relative; 
	width:57px; 
	vertical-align:middle;
	
}
.stepperWrap input{ 
	border:0 !important;
	font-size:18px; 
	height:18px;
	margin:6px 0 0 0 !important;
	padding:0 !important;
	position:absolute; 
	text-align:center;
	width:40px; 
}
.stepperWrap .stepper{ border-left:1px solid #ccc; position:absolute; right:0; width:16px; }
.stepperWrap .stepperUp, .stepperWrap .stepperDown{ cursor:pointer; height:15px; width:16px; }
.stepperWrap .stepperUp{ 
	background:transparent url(../mk-booking/mki-form/css/stepper.gif) no-repeat scroll 0 0; 
	border-bottom:1px solid #ccc;
}
.stepperWrap .stepperDown{ 
	background:transparent url(../mk-booking/mki-form/css/stepper.gif) no-repeat scroll 0 100%; 
	border-top:1px solid #fff;
}
.stepperWrap .stepperUp:hover{ background-position:-17px 0;}
.stepperWrap .stepperUp:active{ background-position:-34px 0;}
.stepperWrap .stepperDown:hover{ background-position:-17px 100%;}
.stepperWrap .stepperDown:active{ background-position:-34px 100%;}

/* BOOKING STEP 2 */

#formWrap{ overflow:hidden; padding:25px 0 10px; }
#formBody{ float:left; width:650px; }
#formSidebar{ float:right; padding-left:20px; width:260px; position:relative; }

#formWrap fieldset{ }
#formWrap fieldset legend{ margin-bottom:10px; }
#formWrap fieldset.left, #formWrap fieldset.right{ width:50%; }
#formWrap fieldset.passengersWrap{ margin-bottom:20px; width:100%; }
#formWrap legend{ color:#666; font-size:14px; }
#formWrap .checkbox{ float:left; margin-right:10px; }

#additional .passengersWrap{ margin-bottom:0 !important; margin-top:20px; }

#mki-booking-form-step1{ font-size:11px; float:left; width:100%; }
#mki-booking-form-step1 h2 { margin:15px 0 0; color:#333; }
.boxWrap{ 
	background-color:#f9f9f9; 
	overflow:hidden; 
	padding:20px 20px;
}

#formWrap label{ display:block; margin:5px 0 2px; font-size:14px; }

.mki-booking-form  input.error, .mki-booking-form select.error, .mki-booking-form textarea.error{ 
	background-color:#FFE7DF;
	border:1px solid #CF3500; 
}
#fsmobile .fieldsWrap{ margin-right:15px; }
#mobileNo{ margin-bottom:0; }
.checkboxWrap{ background-image:none !important; }
.checkboxWrap .error{
	background-color:#FFE7DF;
	color:#CF3500; 
}
.errorMsg{ 
	background-color:#FFE7DF;
	border:1px solid #CF3500;
	color:#CF3500;
	font-size:14px; 
	margin-bottom:15px;
	padding:10px;
	text-align:center;
}

.mki-booking-form select{ width:180px; }
.mki-booking-form input{ }
.mki-booking-form input, .mki-booking-form select, .mki-booking-form textarea, .inputText{ 
	border:1px solid #bbb;
	font-size:14px; 
	padding:3px;
}

#mobile{ width:30px; }
#mobile2{ width:168px; }
#mki-price{
	background-color:#DF5337;
	color:#fff;
	display:block;
	padding:10px; 
	width:240px;
	position:absolute;
	top:0;
/* 	top:0; right:0; */
}
#mki-price.fixed{ top:15px; position:fixed; }

#mki-price h3{ color:#FFE4DF;}
#serviceListPrice{ border-bottom:1px solid #BF3317; padding-bottom:5px; }
#serviceListPrice li{ 
	display:block; 
	height:18px; 
	margin-bottom:5px;
	overflow:hidden; 
	position:relative; 
	white-space:nowrap; 
}
#serviceListPrice strong{ font-size:10px; }
.priceWrap{ 
	background-color:#DF5337;
	position:absolute;
	top:0; right:0;
	padding:2px 0 2px 15px;
	z-index:1;
}
#serviceListPrice span{}

#totalcostWrap{ background-color:#CF4226; padding:6px 2px 7px; position:relative; }
#totalcostWrap span{ text-align:right; }
#totalcostWrap .priceWrap{ background-color:#CF4226; right:2px; }
#totalcost{ background-color:#CF4226; font-size:18px; }

#comment-body{ height:100px; width:80%; }
.addInputs{ 
	background-color:#e9e9e9;
	border-bottom:1px solid #ccc;
	float:left;
	padding:10px;
	margin:5px 0 20px; 
	position:relative;
	width:590px;
}

#id_referer{ width:170px; }

.fieldsWrap{
	float:left;
	padding-right:25px;
}

.fieldCorrect{ background:transparent url(../images/icon_correct.png) no-repeat scroll 100% 50%; }
.fieldCorrect input, .fieldCorrect select{ 
	background-color:#E4FFDF;
	border:1px solid #1ECF00; 
}
.fieldError{ background:transparent url(../images/icon_error.png) no-repeat scroll 100% 50%; }
.fieldError input, .fieldError select{ 
	background-color:#FFE7DF;
	border:1px solid #CF3500; 
}

.requred{ color:red; font-size:11px; }

#additional li{ float:left; width:100%; }
#additional .checkboxWrap{
/* 	background-color:#FFBE0F; */
	color:#333;
	padding:0 4px 2px;
}

#additional .checkboxWrap input{ height:20px; width:20px; }
#additional .checkboxWrap label{ font-size:16px !important; }

.corner{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #e9e9e9;
	margin:0;	
	padding:0;
	width:0;
	position:absolute;
	top:-10px; left:7px;
}

#conditionsWrap{ margin-top:10px; }
#conditionsWrap .checkboxWrap{ float:left; margin-bottom:5px; width:100%; }
#conditionsWrap .checkboxWrap label{ float:left; font-size:12px !important; margin-left:5px; line-height:12px; } 
#conditionsWrap .checkboxWrap label a{ color:#222; font-weight:bold; text-decoration:underline; }
#conditionsWrap .checkboxWrap input{ float:left; }

#verificationInfo, #completeInfo, #errorInfo{
	background:#fff;
	border:4px solid #ccc;
	display:block;
	height:315px;
	margin:20px 0;
	padding:1px;
	text-align:center;
}
#verificationInfo div{ 
	background:#eee url(../images/icon_mail2.png) no-repeat scroll 50% 100%;
	display:block; 
	height:295px;
	padding:10px 0;
}
#verificationInfo h3{ 
	font-size:28px; 
	margin-bottom:15px;
	text-shadow:0 1px 0 #9F4209;	
}
#verificationInfo p, #completeInfo p, #errorInfo p{ font-size:18px; margin:0 auto; text-shadow:0 1px 0 #fff; width:85%; }

#completeInfo h3{
	color:#69BF0B;
	font-size:28px; 
	margin-top:15px;
	text-shadow:0 1px 0 #3A6F00;	
}
#completeInfo div{
/* 	background:#eee url(../images/icon_complete.png) no-repeat scroll 50% 90%; */
	background:#eee url(../images/icon_pass.png) no-repeat scroll 50% 95%;
	display:block; 
	height:295px;
	padding:10px 0;	
}

#errorInfo div{
/* 	background:#eee url(../images/icon_complete.png) no-repeat scroll 50% 90%; */
	background:#eee url(../images/icon_fail.png) no-repeat scroll 50% 95%;
	display:block; 
	height:295px;
	padding:10px 0;	
}

#errorInfo h3{
/* 	color:#ee0000; */
	font-size:28px; 
	margin-top:15px;
	text-shadow:0 1px 0 #3A6F00;
}

#summaryFormInline{ float:left; }
#summaryFormInline li{ float:left; display:inline; margin-right:40px; }
#summaryFormInline input{ width:100px; }
#summaryFormInline label{ font-size:14px; line-height:32px; }

.w3cbutton3 {
  margin: 1em 0;
  width: 9em;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin:2px;
}
.w3cbutton3 a {
  display: block;
  width: 100%;
 }
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

*/