/* Booking v2 */
	/* custom styles*/
		.ui-mobile  div#container_43 { background:none!important;}
	
	/* borders */
		/* main*/
		#flow_mainView #datefields ,
		.flow_leftView #datepicker_mob,
		.ui-mobile input#input_giftcard,
		.ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv table tr td input ,
		.ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv #signup_form input,
		.ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv #signup_form input { 
			border: 1px solid;
		}
		/* top */
		.ui-mobile  .new_flow_mobile .flow_fullView div.flow_prodgroup{
			border-top:1px solid;
		}
		
		/* no border */
		.ui-mobile  .new_flow_mobile .flow_fullView  div.flow_prodgroup:first-child,
		.ui-mobile  .portal_view ,
		.new_flow_buttons_popup.ui-btn.ui-shadow.ui-corner-all,
		.new_flow_mobile.portrait .flow_leftView .new_flow_buttons:hover, 
		.new_flow_mobile.portrait .flow_leftView .new_flow_buttons,
		.new_flow_mobile.landscape .flow_leftView .new_flow_buttons:hover, 
		.new_flow_mobile.landscape .flow_leftView .new_flow_buttons,
		.new_flow_mobile #datefields,
		.new_flow_mobile .new_flow_giftcards .new_flow_input_flowSelection.new_flow_flowname,
		.new_flow_mobile.landscape .flow_leftView .new_flow_giftcards,
		.new_flow_mobile.portrait .flow_leftView .new_flow_giftcards,
		#flow_mainView  .flow_leftView form .new_flow_mainDiv,
		#flow_mainView .flow_leftView  .new_flow_logindiv,
		.flow_leftView .ui-datepicker .ui-datepicker-prev:hover,
		.flow_leftView .ui-datepicker .ui-datepicker-next:hover,
		.flow_leftView .ui-state-default, 
		.flow_leftView .ui-widget-content .ui-state-default, 
		.flow_leftView .ui-widget-header .ui-state-default,
		.flow_leftView  .ui-datepicker .ui-datepicker-header,
		#flow_mainView .flow_mainView h2.flow_main_header,
		#flow_mainView .new_flow_logindiv p,
		ui-mobile body#main_body,
		a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext,
		#flow_mainView .flow_leftView  #calendar_form #prodtime  h2,
		#flow_mainView .flow_leftView .xplanbookext.choice,
		#flow_mainView .flow_leftView .xplanbookext.choice span{
			border:none!important;
		}
	
	/* positioning */
		/* relative */
		.new_flow_mobile.portrait ul.result li, .new_flow_mobile.portrait .flow_product_list ul.result li.new_flow_product_name, .flow_fullView .flow_prodgroup,
		#flow_mainView.flow_mainView, #flow_mainView #discount_voucher  #giftcardInfo, #flow_mainView .new_flow_product_name, .new_flow_mobile.landscape ul.result li,
		#flow_mainView .flow_fullView .new_flow_flowname, #flow_mainView .flow_leftView .new_flow_flowname, .new_flow_mobile .flow_leftView div#giftcard, div.xplanbookext.slidecont,
		#flow_mainView div#discount_voucher, .new_flow_mobile.portrait div#giftcard_payment, .new_flow_mobile.landscape div#giftcard_payment, .ui-mobile .portal_main .ui-header,
		.new_flow_mobile.landscape .flow_product_list ul.result li.new_flow_product_name , #flow_mainView .new_flow_giftcards .new_flow_input_flowSelection, .flow_leftView .flow_prodgroup
		{
			position:relative;
		}
	
		/* Floats */
			/* left */
			#flow_mainView .flow_leftView  [id^="xplanbookext_main_"] span, #flow_mainView .product_row_even, #flow_mainView .product_row_uneven,
			.new_flow_mobile table, .ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv table tr td input, #flow_mainView div#discount_voucher,
			.new_flow_mobile.portrait ul.result li, .new_flow_mobile.portrait .flow_product_list ul.result li.new_flow_product_name, #flow_mainView ul.result li.new_flow_product_name,
			#flow_mainView ul.result li span.new_flow_product_price, .new_flow_mobile tr , .new_flow_mobile .mob_singleProd_detail .mobile-product-price, #flow_mainView .flow_leftView .xplanbookext.choice,
			#flow_mainView .flow_leftView .xplanbookext.choice span, .flow_leftView .admin form, .flow_leftView .admin form h2, .new_flow_mobile form .new_flow_mainDiv h3.xplanbookext,
			.newflow_confirmView button, div#login_popup table.xplanbookext.forms , .new_flow_mobile [id^=catOpen], .new_flow_mobile [id^=catClosed], #flow_mainView [id^=catOpen], 
			#flow_mainView .new_flow_product_category, #flow_mainView [id^=catClosed], #flow_mainView #datefields , .flow_leftView #datepicker_mob, .new_flow_mobile.portrait div#main_flow , .new_flow_mobile table.xplanbookext.forms tr,
			.new_flow_mobile .flow_rightView #newflow_cart td , .new_flow_mobile.landscape .flow_rightView, .new_flow_mobile .ui-datepicker-calendar tr{
				/*float:left!important;*/
			}
			.new_flow_mobile .new_flow_main_prod_result, .new_flow_mobile.portrait .flow_leftView .mob_singleProd_detail h2, #flow_mainView .flow_leftView .flow_prodtimes_single,
			#flow_mainView .flow_leftView .products.prodAdvancedInfo, #flow_mainView .flow_leftView ul.result.product_row_even, #flow_mainView .flow_leftView ul.result.product_row_uneven ,
			#flow_mainView .flow_leftView .prodBasicInfo, #flow_mainView .flow_leftView .prodAdvancedInfo, #flow_mainView .new_flow_main_prod_result, #flow_mainView .new_flow_flowname ,
			div.flow_thumb, .new_flow_mobile input#[type=radio], #flow_mainView .new_flow_product_name, .new_flow_mobile.landscape .flow_leftView, .ui-mobile  .portal_view,
			.new_flow_mobile .categoryDiv.mob_cat_text p, #flow_mainView .flow_leftView h2 , #flow_mainView .flow_img_canvas, #flow_mainView .flow_leftView .products, .flow_leftView table  #singlebook_prod,
			.xplanbookext.login.buttons, .flow_fullView, div#login_popup , div#login_popup p , div#login_popup h2.xplanbookext , .flow_leftView div.xplanbookext.admin, #portal_save_customer .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
			#flow_mainView .new_flow_giftcards, .ui-mobile .new_flow_mobile div.xplanbookext.hr, .flow_rightView .flow_widget td, .new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist tr td,
			.new_flow_mobile .flow_leftView .mob_singleProd_detail .flow_singlebook_prod_description p, .ui-mobile  .new_flow_mobile .flow_leftView .new_flow_logindiv table{
				float:left!important;
			}
			.new_flow_mobile .ui-datepicker, #flow_mainView #datefields, #flow_mainView .newflow_confirmView,.new_flow_mobile .flow_leftView ul.result#singleResult li,.new_flow_mobile.landscape .flow_product_list span.new_flow_person ,
			.portrait .flow_rightView,.flow_prod_detail_img.single img , .flow_leftView .flow_prod_detail_img.single, #flow_mainView .flow_fullView  .new_flow_input_flowSelection.new_flow_flowname,
			#flow_mainView .new_flow_giftcards .new_flow_input_flowSelection, #flow_mainView span.neflow_name ,.portrait table.mob_singleProd_detail tr,hr.flow_seperator,
			.portrait table.mob_singleProd_detail tr td, .new_flow_mobile .flow_leftView div#giftcard, #flow_mainView .flow_leftView  #calendar_form label, #flow_mainView .flow_leftView  .prodAdvancedInfo .prod_image,
			#flow_mainView .flow_rightView .overlayPanelSmallSub,.new_flow_mobile .flow_leftView #giftcard_error,.ui-mobile input#input_giftcard
			{
				float:left!important;
			}
			/* none */
			.new_flow_mobile table.flow_cat_header tr, #flow_mainView.flow_mainView, .new_flow_mobile.portrait .flow_leftView .new_flow_logindiv table tr td ,
			.new_flow_mobile.landscape .flow_leftView .new_flow_logindiv table tr td {
				float:none!important;
			}
			
	/* sizes */
		/* pixels */
		.flow_fullView, .flow_fullView .flow_prodgroup, .flow_fullView .new_flow_flowname,
		.flow_leftView  [id$="_next_summary_form"]{ 
			width:775px;
		}
		#flow_mainView div.flow_thumb, .flow_leftView table h2 , .flow_leftView p#book_buttons, #flow_mainView #datefields,
		.flow_leftView form, .flow_leftView  .prodAdvancedInfo, .flow_leftView .flow_product_list table, .flow_leftView .new_flow_logindiv table,
		.flow_leftView .flow_prodgroup, .flow_leftView table  #singlebook_prod, .flow_leftView .new_flow_logindiv #signup_form tr, #flow_mainView .new_flow_main_prod_result 
		{
			width: 750px;
			margin: 10px 0px!important;
		}
		#flow_mainView .product_row_even,
		#flow_mainView .product_row_uneven,
		#flow_mainView .flow_leftView .flow_prodtimes_single,
		#flow_mainView .flow_leftView .products.prodAdvancedInfo, 
		#flow_mainView .flow_leftView ul.result.product_row_even, 
		#flow_mainView .flow_leftView ul.result.product_row_uneven, 
		#flow_mainView .new_flow_main_prod_result ul.result.product_row_even,
		#flow_mainView div.xplanbookext.loading,
		#flow_mainView .flow_leftView .prodBasicInfo,
		#flow_mainView .flow_leftView .prodAdvancedInfo,
		#flow_mainView .flow_leftView .xplanbookext.error {
			/*width:720px!important;*/
		}
		#flow_mainView .flow_leftView  #calendar_form #prodtime ,
		#flow_mainView .flow_leftView #prodtime ,
		.flow_leftView h2,
		.flow_leftView .new_flow_flowname,
		.flow_leftView .new_flow_giftcards,
		.flow_leftView  .flow_singlebook_prod_description,
		#flow_mainView .flow_fullView .new_flow_giftcards,
		.flow_leftView #giftcard_error{ 
			width: 680px; 
		}
		#flow_mainView form#xplanbookext_newflow_book,
		#flow_mainView .flow_leftView form input#loginname,
		#flow_mainView .flow_leftView form input#loginpass{ 
			width:650px;
		}
		#flow_mainView .new_flow_product_row { width: 600px;} 
		#flow_mainView p.flow_warntext { width: 500px;} 
		
		/* percentages */	
		new_flow_mobile .flow_leftView .new_flow_logindiv #signup_form td  span, #flow_mainView .flow_leftView  [id^="xplanbookext_main_"] h2, #flow_mainView .new_flow_choice_option,
		#flow_mainView .new_flow_logindiv p, #flow_mainView table.xplanbookext.prodlist, #flow_mainView .flow_leftView  .new_flow_logindiv, #flow_mainView div.products,
		.xplanbookext.agreement, #flow_mainView .flow_leftView  hr.flow_seperator, div.xplanbookext.slidecont , table.xplanbookext.prodlist, .new_flow_choice_option,
		.new_flow_mobile table, #flow_mainView .flow_leftView .xplanbookext.choice, #flow_mainView .flow_leftView .xplanbookext.choice span, .new_flow_mobile tr , div#login_popup table.xplanbookext.forms ,
		#flow_mainView div#discount_voucher, .new_flow_mobile .mob_singleProd_detail .mobile-product-price, .ui-mobile .new_flow_mobile.portrait .flow_leftView .new_flow_logindiv table tr td input,
		.new_flow_mobile .ui-datepicker, .new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist , .new_flow_mobile .flow_leftView .mob_singleProd_detail .flow_singlebook_prod_description p,
		.ui-mobile  .new_flow_mobile .flow_leftView .new_flow_logindiv table, #portal_save_customer .ui-btn.ui-input-btn.ui-corner-all.ui-shadow, .new_flow_mobile .flow_product_list form#xplanbookext_newflow_book,
		.new_flow_mobile .ui-datepicker-calendar tr, #flow_mainView .newflow_confirmView , .new_flow_mobile form .new_flow_mainDiv h3.xplanbookext, .ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv table tr td input, 
		.new_flow_mobile .new_flow_giftcards .new_flow_input_flowSelection.new_flow_flowname, .ui-mobile .new_flow_mobile.landscape .flow_fullView .flow_prodgroup button, #flow_mainView input#input_giftcard, hr.flow_seperator, .new_flow_mobile .flow_leftView  .mob_singleProd_detail .mobile-product-title,
		.ui-mobile .new_flow_mobile.landscape .flow_leftView .new_flow_logindiv table tr td input,#flow_mainView .new_flow_product_category{
			width: 100%!important;
		}
		.ui-mobile  .new_flow_mobile .flow_fullView div.flow_prodgroup {
		width:92%!important;
		}
		
		
		#flow_mainView .flow_fullView  .new_flow_input_flowSelection.new_flow_flowname ,
		#flow_mainView .flow_leftView .new_flow_logindiv #signup_form td{
			width:50%;
		}
		.new_flow_mobile .flow_leftView ul.result#singleResult li{
			width:40%;
		}
		
		
	/* Margins */
		/* main */
		#portal_save_customer .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,	
		#flow_mainView .newflow_confirmView ,	
		#flow_mainView #datefields form#calendar_form {
			margin: 10px!important;
		}
	
		/* left */
		
		.flow_leftView h2,
		.flow_leftView .new_flow_flowname,
		.flow_leftView .new_flow_giftcards,
		.flow_leftView  .flow_singlebook_prod_description,
		.flow_leftView #giftcard_error,
		.xplanbookext.agreement,
		.flow_fullView,
		[id$='_next_summary_form'] input[type="radio"],
		[id$='_next_summary_form'] input[type="checkbox"],
		.flow_leftView  [id$="_next_summary_form"]{ 
			margin-left:20px; 
		}
		
		/* no margin */
		#flow_mainView .new_flow_main_prod_result ul.result.product_row_even h3,
		#flow_mainView ul.result li span,
		.flow_leftView #datepicker_mob .ui-datepicker ,
		#flow_mainView div#cancel_reservation button.new_flow_buttons_popup,
		#flow_mainView .flow_singlebook_prod_description p,
		.new_flow_mobile.portrait .flow_leftView .new_flow_giftcards ,
		.new_flow_mobile.landscape .flow_leftView .new_flow_giftcards ,
		.new_flow_mobile .flow_leftView .ui-datepicker,
		.new_flow_mobile .flow_rightView	span.xplanbookext.flow_h2,
		.new_flow_mobile #datefields,
		.new_flow_mobile.landscape .flow_leftView form#calendar_form,
		.new_flow_mobile .flow_leftView ul.result#singleResult li,
		.ui-mobile .portal_main .ui-header,
		.new_flow_mobile input#[type=radio] {
			margin: 0px!important;
		}
		
	/* paddings */
		/* main */
		.newflow_confirmView ,
		#flow_mainView div#giftcard,
		#flow_mainView div#giftcard_payment,
		#flow_mainView p.newflow_description,
		#flow_mainView .new_flow_flowname ,
		.bookext_newflow_admin,	
		.flow_fullView{
			padding:20px;
		}
		.newflow_confirmView button,
		p#time_warning_text ,
		#calendar_form,
		#flow_mainView #newflow_cart #cart_div,
		.flow_leftView div.xplanbookext.admin {
			padding:10px;
		}
		.new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist tr td,
		#flow_mainView div.new_flow_logindiv input,
			#flow_mainView div.new_flow_logindiv select,
		#flow_mainView div.xplanbookext.agreement,
		#flow_mainView div.new_flow_buttons_upsell.xplanbookext.buttons,
		.new_flow_mobile div.new_flow_buttons_upsell.xplanbookext.buttons,
		#flow_mainView .new_flow_buttons_flowSelection,
		.new_flow_mobile .new_flow_buttons_flowSelection,
		#flow_mainView .new_flow_buttons_popup,
		.new_flow_mobile .new_flow_buttons_popup,
		#flow_mainView .new_flow_buttons,
		.portal.buttons.continue,
		#portal_save_customer .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
		.new_flow_mobile .new_flow_buttons,
		.ui-mobile .new_flow_mobile.portrait .flow_leftView .buttonFooter button,
		.ui-mobile .new_flow_mobile.landscape .flow_leftView .buttonFooter button,
		button.new_flow_buttons_popup,
		.new_flow_mobile .new_flow_buttons_popup,
		.new_flow_mobile button.new_flow_buttons_popup,
		#cancel_reservation button.new_flow_buttons_popup,
		.xplanbookext.buttons,
		.new_flow_buttons.next,
		.ui-mobile .new_flow_mobile .flow_fullView .flow_prodgroup button,
		#portal_save_customer input#savecustomer,
		#flow_mainView.flow_mainView{
			padding: 5px!important;
		}
	
		/* mobile main */
		.ui-mobile  div#menuPanel .ui-panel-inner, 
		.new_flow_mobile .new_flow_main_prod_result,
		.ui-mobile  .portal_view .portal.even,
		.ui-mobile  .portal_view .portal.uneven,
		.ui-mobile   .portal.column_title,
		.ui-mobile  .portal.collapse {
			padding: 2vw!important;
		}
		.portrait .flow_rightView ,
		.new_flow_mobile #xplanbookext_pass p,
		.new_flow_mobile #remove_item_cart p,
		.new_flow_mobile #cancelResPanel p { 
			padding: 2%!important;
		}
		
		/* no padding */
		.new_flow_mobile .flow_product_list form#xplanbookext_newflow_book,
		.new_flow_mobile.landscape ul.result li,
		.new_flow_mobile.landscape .flow_product_list ul.result li.new_flow_product_name ,
		.new_flow_mobile.portrait ul.result li,
		.new_flow_mobile.portrait .flow_product_list ul.result li.new_flow_product_name,
		.new_flow_mobile .ui-datepicker-calendar tr th,
		.new_flow_mobile .ui-datepicker-calendar tr td,
		.new_flow_mobile .new_flow_giftcards .new_flow_input_flowSelection.new_flow_flowname,
		.ui-header,
		#flow_mainView .new_flow_logindiv table.new_flow.info tr td,
		#flow_mainView #discount_voucher  #giftcardInfo,
		.flow_leftView #datepicker_mob .ui-datepicker,
		.flow_leftView #datepicker_mob,
		#flow_mainView ul.result li span,
		#flow_mainView ul.result li ,
		#flow_mainView div.flow_thumb,
		.flow_leftView table h2 ,
		.flow_leftView p#book_buttons,
		#flow_mainView #datefields,
		.flow_leftView form,
		.flow_leftView  .prodAdvancedInfo,
		.flow_leftView .flow_product_list table,
		.flow_leftView .new_flow_logindiv table,
		.flow_leftView .flow_prodgroup,
		.flow_leftView table  #singlebook_prod,
		.flow_leftView .new_flow_logindiv #signup_form tr,
		#flow_mainView .new_flow_main_prod_result,
		#flow_mainView form#xplanbookext_newflow_book ,		
		div.flow_thumb {
			padding: 0px!important;
		}
	
	/* colors */
	
		/* main contrast text color */
		span.flow_thumb,
		#flow_mainView .new_flow_buttons_flowSelection a,
		#flow_mainView .new_flow_buttons_popup a,
		#flow_mainView .new_flow_buttons  a,
		.xplanbookext .portal_tab.current, 
		.xplanbookext .portal_tab:hover,
		.new_flow_mobile #xplanbookext_pass p,
		.portal_tab_mobile a,
		#flow_mainView .new_flow_product_category,
		.portal.column_title, flow_leftView .ui-datepicker thead,
		#flow_mainView div.xplanbookext.loading,
		.new_flow_mobile #remove_item_cart p,
		.new_flow_mobile #cancelResPanel p { 
			color: #fff!important;
		}
	
		/*main background color*/
		.ui-mobile .flow_rightView #newflow_cart ,
		.new_flow_mobile.portrait div#main_flow,
		#flow_mainView .new_flow_product_row,
		#flow_mainView .float.buttonFooter,
		.new_flow_mobile  .ui-select .ui-btn,
		.new_flow_mobile .ui-radio .ui-btn,
		.flow_fullView,
		.newflow_confirmView,
		.bookext_newflow_admin,
		#flow_mainView #newflow_cart #cart_div,
		.flow_mainView .flow_leftView,
		.new_flow_mobile.landscape .flow_leftView,
		.new_flow_mobile .new_flow_mainDiv,
		.new_flow_mobile.portrait .flow_leftView .new_flow_giftcards,
		.new_flow_mobile.landscape .flow_leftView .new_flow_giftcards,
		#flow_mainView #datefields ,
		div.portal_tab_mobile,
		#flow_mainView .newflow_confirmView,
		.new_flow_mobile.landscape h2.flow_main_header,
		.new_flow_mobile #xplanbookext_pass input#pw { 
				background-color:#FFF;
		}
		/* head color */
		.flow_leftView .ui-datepicker .ui-datepicker-header ,
		#flow_mainView .new_flow_main_prod_result ,
		.ui-header,.new_flow_mobile span.new_flow_person,
		.ui-mobile  div#menuPanel,
		a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext::after,
		.ui-mobile .new_flow_mobile .flow_product_list table, 
		#flow_mainView .flow_leftView .flow_product_list table .new_flow_product_category 
		{
			background-color:#5fb7e7!important; 
			color:#FFF!important;
		}
		#flow_mainView  div.overlayPanel { background-color: #5fb7e7;}
		.ui-mobile  div#menuPanel { border-right: 1px solid #5fb7e7;}
		
		
		/* sub color */
		#flow_mainView div.xplanbookext.loading { background-color: #5fb7e7;}
		#flow_mainView  p.flow_memo { color: ##5fb7e7;}
			/* border colors */
			#flow_mainView .flow_leftView  #calendar_form select{ border: 1px solid ##5fb7e7; }
			.new_flow_mobile hr{border: 1px solid #fff;}
			hr.flow_seperator,
			#flow_mainView .flow_leftView  hr.flow_seperator ,
			.flow_fullView .flow_prodgroup,
			.flow_leftView .flow_prodgroup{ border-bottom: 1px solid ##5fb7e7;}
			
		/* button colors */
		#cancel_reservation button.new_flow_buttons_popup:hover,
		button.new_flow_buttons_popup,
		#flow_mainView :hover.new_flow_buttons_popup, 
		#flow_mainView  div.new_flow_buttons_upsell:hover,
		#flow_mainView .new_flow_buttons_flowSelection:hover,
		#flow_mainView .new_flow_buttons_popup:hover,
		#flow_mainView .new_flow_buttons_flowSelection a:hover ,
		#flow_mainView .new_flow_buttons_popup a:hover,
		#flow_mainView :hover.new_flow_buttons,
		.xplanbookext.buttons:hover,
		.xplanbookext #portal_save_customer input#savecustomer:hover{
			background-color:#808080;
			color:#fff;
		}
		#flow_mainView .flow_leftView .xplanbookext.buttons{ background-color: #5fb7e7;}
		#flow_mainView .flow_leftView .xplanbookext.buttons:hover{ background-color: #808080;}
		
		/* misc font color */
		#flow_mainView  .new_flow_product_category { color: #000000;}
		#flow_mainView p.flow_warntext { color: #333;}
		
		/* error color */
		div#giftcard_error {
			color: #ff0000;
		}
		
		/* no color  or bg image*/
		.flow_leftView .ui-state-default,
		.flow_leftView .ui-widget-content .ui-state-default, 
		.flow_leftView .ui-widget-header .ui-state-default,
		#flow_mainView .product_row_even,
		#flow_mainView .product_row_uneven,
		#flow_mainView .flow_leftView .flow_prodtimes_single,
		#flow_mainView .flow_leftView .products.prodAdvancedInfo, 
		#flow_mainView .flow_leftView ul.result.product_row_even, 
		#flow_mainView .flow_leftView ul.result.product_row_uneven,
		div:hover.xplanbookext.maincat,
		div.xplanbookext.maincat,
		.new_flow_mobile .flow_leftView .new_flow_logindiv #signup_form td  span,
		a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext,
		.flow_leftView .ui-datepicker .ui-datepicker-prev:hover,
		.flow_leftView .ui-datepicker .ui-datepicker-next:hover,
		#flow_mainView .flow_leftView .new_flow_logindiv #signup_form td{
			background:transparent;
		}
		span.flow_thumb {background-color:transparent;}

	/* Fonts */
		/* header font*/
		.new_flow_mobile h2.flow_main_header,
		#flow_mainView h1.xplanbookext, 
		#flow_mainView h2.xplanbookext,
		#flow_mainView h1.xplanbookext a ,
		#flow_mainView .flow_leftView .xplanbookext.choice,
		#flow_mainView .flow_leftView .xplanbookext.choice span,
		#flow_mainView .flow_leftView h2,
		#flow_mainView h2.flow_main_header,
		#flow_mainView div#cancel_reservation h3,
		#flow_mainView .flow_leftView .new_flow_logindiv h3,
		#flow_mainView .new_flow_logindiv p,
		#flow_mainView .flow_rightView .overlayPanelSmallSub h3,
		[id^="xplanbookext_loginform_"] h2,
		#cancel_reservation h3
		{
			color: #333333;
			margin: 10px 0 0;
			font-size: 32px!important;
			font-family: 'Bree Serif';
			font-weight: 400;
			text-align: left;
			line-height: 28px;
			background-color:transparent;
			padding: 10px 0px;
			font-style:normal;
		}
		#flow_mainView .flow_mainView h2.flow_main_header{ margin: 10px 20px;}
		/* sub header */
		.new_flow_mobile h2.xplanbookext,
		#flow_mainView .flow_h1,
		.new_flow_mobile .flow_h1,
		#flow_mainView .flow_h2,
		.new_flow_mobile  .flow_h2,
		#flow_mainView .flow_leftView h4,
		.new_flow_mobile  .flow_leftView h4,
		#flow_mainView .flow_leftView .mobile-product-title,
		.new_flow_mobile .flow_leftView .mobile-product-title,
		#flow_mainView .flow_leftView .mobile-product-price,
		.new_flow_mobile .flow_leftView .mobile-product-price,
		#flow_mainView ul.result li,
		.new_flow_mobile ul.result li,
		#flow_mainView  h3.xplanbookext,
		.new_flow_mobile h3.xplanbookext,
		#flow_mainView p.flow_memo, 
		.new_flow_mobile p.flow_memo,
		#flow_mainView .new_flow_product_category,
		#flow_mainView .flow_mainView h3.xplanbookext,
		.new_flow_mobile .flow_mainView h3.xplanbookext,
		#flow_mainView .new_flow_product_name h3,
		.new_flow_mobile .new_flow_product_name h3,
		#flow_mainView .new_flow_flowname,
		.new_flow_mobile .new_flow_product_name,
		#flow_mainView .new_flow_product_category,
		#flow_mainView .categoryDiv p b,
		.xplanbookext.forms td.xplanbookext.choice,
		.xplanbookext.forms td.xplanbookext.choice span
		{
			color: #5fb7e7!important;
			font-size: 16px!important;
			font-family: 'Bree Serif'!important;
			text-transform: uppercase;
			letter-spacing: -0.1px;
			font-weight: 400;
		}
		.new_flow_mobile .new_flow_product_category{
			font-size: 14px!important;
			font-family: 'Bree Serif'!important;
			text-transform: uppercase;
			letter-spacing: -0.1px;
			font-weight: 400;
		}
		/* subheader contrast color */
		.new_flow_mobile .new_flow_product_category,
		#flow_mainView .new_flow_main_prod_result ul.result.product_row_even h3,
		#flow_mainView .new_flow_main_prod_result .new_flow_product_price{ color:#FFF!important; }
		
		.new_flow_mobile #cancel_reservation h3{
						font-weight: normal;
			font-size: 15px!important;	
			color: #FFF!important;
			font-family: 'Lato'!important;
		}
		
		
		/* content font */
		#flow_mainView p,
		#flow_mainView input,
		#flow_mainView select,
		#flow_mainView #forgot_pass p,
		#flow_mainView .flow_leftView  #calendar_form label,
		#flow_mainView .new_flow_logindiv p span,
		#flow_mainView .products.prodAdvancedInfo,
		#flow_mainView .flow_extra_prod_text,
		#flow_mainView .flow_leftView  #calendar_form #prodtime  h2,
		#flow_mainView #main_flow,
		#flow_mainView #cart_date_message,
		#flow_mainView #cart_div p,
		#flow_mainView tr td #flow_mainView td,
		#flow_mainView #newflow_dateselect, 
		#flow_mainView #datepicker_mob, 
		#flow_mainView #prodtime, 
		p#time_warning_text,
		#flow_mainView #datefields,
		#flow_mainView ul.result li span.flow_guest_text,
		#flow_mainView #newflow_cart #cart_div td,
		#portal_save_customer td,
		#portal_save_customer td input,
		.xplanbookext.portal_tab,
		.xplanbookext.portal_tab.current,
		.portal,
		.portal.content .portal.reservation_overview{
			font-weight: normal;
			font-size: 15px!important;	
			color: #555555!important;
			font-family: 'Lato'!important;
			background-color:#FFFFFF;
		}
		/* (smaller) main font mobile */
		.new_flow_mobile  p,
		.ui-content h2 ,
		.new_flow_mobile input, 
		.new_flow_mobile select,
		.new_flow_mobile #forgot_pass p,
		.new_flow_mobile .new_flow_logindiv p span,
		.new_flow_mobile .flow_leftView  #calendar_form label,
		.new_flow_mobile .products.prodAdvancedInfo, 
		.new_flow_mobile .flow_extra_prod_text, 
		.new_flow_mobile .flow_leftView  #calendar_form #prodtime  h2,
		.new_flow_mobile #main_flow,
		.new_flow_mobile #cart_date_message, 
		.new_flow_mobile #cart_div p, 
		.new_flow_mobile tr td #flow_mainView td, 
		.new_flow_mobile #newflow_dateselect, 
		.new_flow_mobile #datepicker_mob, 
		.new_flow_mobile #prodtime, 
		.new_flow_mobile  #datefields,
		.new_flow_mobile ul.result li span.flow_guest_text,
		.ui-mobile table.xplanbookext.prodlist,
		.new_flow_mobile #newflow_cart #cart_div td {
			font-weight: normal;
			font-size: 14px!important;	
			color: #555555!important;
			font-family: 'Lato'!important;
		}
		
		/* textlinks*/
		.forgottenLink,
		.xplanbookext.agreement{
			font-family: 'Lato', 'Arial Unicode MS', Helvetica, Sans-Serif;
			text-decoration: underline;
			color:#5fb7e7;
		}
		.forgottenLink:hover,
		.xplanbookext.agreement:hover{ color:#555!important;}	
	
	/* Buttons */
		/* flow step buttons  */
		span.flow_thumb {
			border-radius: 0px;
			padding: 13px 0px 13px 0px;
			width: 175px;
			display: inline;
			float: left;
			margin: 1px 6px 0px 0px;
			text-align: center;
		}
		span.flow_thumb.active{
			 background-position: -30px 0px;
		}

		/* normal buttons */
		#flow_mainView div.new_flow_buttons_upsell.xplanbookext.buttons,
		.new_flow_mobile div.new_flow_buttons_upsell.xplanbookext.buttons,
		#flow_mainView .new_flow_buttons_flowSelection,
		.new_flow_mobile .new_flow_buttons_flowSelection,
		#flow_mainView .new_flow_buttons_popup,
		.new_flow_mobile .new_flow_buttons_popup,
		#flow_mainView .new_flow_buttons,
		.portal.buttons.continue,
		#portal_save_customer .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
		.new_flow_mobile .new_flow_buttons,
		.ui-mobile .new_flow_mobile.portrait .flow_leftView .buttonFooter button,
		.ui-mobile .new_flow_mobile.landscape .flow_leftView .buttonFooter button,
		button.new_flow_buttons_popup,
		.new_flow_mobile .new_flow_buttons_popup,
		.new_flow_mobile button.new_flow_buttons_popup,
		#cancel_reservation button.new_flow_buttons_popup,
		.xplanbookext.buttons,
		.new_flow_buttons.next,
		#portal_save_customer input#savecustomer{
			min-height: 20px;
			text-align: center;
			background-color:#5fb7e7;
			color: #FFFFFF!important;
			margin: auto;
			margin-right: 1vw;
			cursor: pointer;
			border:none;
			border-radius: 2px;
			font-weight: normal!important;
			display: inline;
			text-align: center;
			text-decoration: none;
			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
			text-transform: uppercase;
			transition: .2s;
			width:30%;
			vertical-align: middle;
			min-height:25px!important;
			font-size: 13px!important;
			font-family: 'Roboto',Arial,sans-serif!important;
		}
		#flow_mainView .new_flow_buttons_flowSelection,
		#flow_mainView .new_flow_logindiv button.new_flow_buttons{ width:200px;}
		#flow_mainView .new_flow_buttons_flowSelection a,
		#flow_mainView .new_flow_buttons_popup a,
		#flow_mainView .new_flow_buttons  a{
			font-size: 1.6em;
			font-weight:bold;
		} 
		.xplanbookext.login.buttons {
			margin: 10px 0px;
		}
		#portal_save_customer input#savecustomer {
			width: 158px;
			float: left;
			margin: 25px 0px!important;
		}
		#flow_mainView div#cancel_reservation button.new_flow_buttons_popup { width: 172px; }	
	
	/* Hidden objects */
		#flow_mainView div.xplanbookext.hr hr,
		#flow_mainView div#cancel_reservation hr,
		#flow_mainView .xplanbookext.hr,
		#flow_mainView .flow_leftView pre,
		#flow_mainView .flow_leftView table hr,
		#flow_mainView .flow_leftView .flow_singlebook_prod_description  img.bbcode_img,
		#flow_mainView .flow_leftView .prodAdvancedInfo img.bbcode_img, 
		#flow_mainView .flow_fullView .prodAdvancedInfo img.bbcode_img,
		#flow_mainView .flow_leftView .new_flow_logindiv hr,
		#flow_mainView .flow_rightView .overlayPanelSmallSub hr ,
		#flow_mainView .flow_leftView  .mobile-product-category ,
		.newflow_confirmView .xplanbookext.error,
		.newflow_confirmView .xplanbookext.loading,
		.new_flow_mobile .xplanbookext.loading, 
		.new_flow_mobile #xplanbookext_error,
		.ui-mobile #xplanbookext_loading,
		.ui-mobile #xplanbookext_error,
		#newflow_cart .xplanbookext.loading,
		#newflow_cart .xplanbookext.error,
		.new_flow_mobile  .xplanbookext.error span,
		div.xplanbookext.slide{
			display: none;
		}
		
	/* Misc styling */
	
		/* flow steps */
		div.flow_thumb {
			height: 42px;
			margin: 0px 0px 30px 0px;
		}
		/* Main & full view */
		#flow_mainView.flow_mainView{
			margin-left: auto!important;
			margin-right: auto!important;
			width: 1088px!important;
			margin-top: -80px;
		}
		.flow_fullView{ min-height:500px; }
		
		/* Left view */
		#flow_mainView .flow_leftView  #calendar_form #prodtime {clear: left;}
		#flow_mainView .flow_leftView #prodtime p{height:50px;}
		.flow_leftView table.xplanbookext.forms select {width: 94%;}
		.flow_mainView .flow_leftView{
			width:760px;
			padding:15px;
			margin-right:10px;
			margin-bottom:120px!important;
		}
		.flow_leftView table  #singlebook_prod {
			border:1px solid #333;
			margin: 20px 0px;
		}
		#flow_mainView  table.xplanbookext.forms  td {width: 50%;}
		
		/* Right view */
		.flow_rightView .flow_widget,
		.flow_rightView .youtube_chrome,
		.flow_rightView .flow_widget object,
		.flow_rightView {
			width: 260px;
			float: left!important;
			margin-left:10px;
		}
		.ui-mobile .flow_rightView{ top:0px; }
		.flow_rightView .flow_widget{ margin-top:5px; }
		.flow_widget img { width:0px;}
		.flow_rightView .flow_widget td{ border-spacing:0px;}
		.flow_rightView #newflow_cart td{ vertical-align: top;}
		
		/* Cart */ 
		#flow_mainView div#newflow_cart { margin-top: 0px;}
		#flow_mainView #newflow_cart #cart_div td{ padding-left:10px;}
		#flow_mainView #newflow_cart #cart_div tr.flow_card_coll_item td{
			font-family:arial;
			font-size:13px;
			padding-left:0px;
			font-weight:bold;
		}
		#flow_mainView #cart_div .xplanbookext.flow_h1 {
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;
		}
		
		/* step thumb image */
		.new_flow_mobile .ui-content span.flow_thumb,
		span.flow_thumb {
			background-image: url(http://sites.zpiderz.com/saunastate/images/xplanbookext/flowsteps.png)!important;
			background-repeat: no-repeat;
			background-position: -29px -42px;
			background-size: 202px 84px;
		}
		.ui-mobile .new_flow_mobile span.flow_thumb.active {background-position: -29px 0px;}
		
		/* Overview */		
		#flow_mainView .new_flow_giftcards .new_flow_input_flowSelection,
		#flow_mainView span.neflow_name {
			width: 75%;
			margin-top: 10px;
			height: 10px;
			text-align:left;
		}
		#flow_mainView .flow_leftView .new_flow_input_flowSelection.new_flow_flowname { width: 50%;}
		#flow_mainView .new_flow_giftcards .new_flow_input_flowSelection{ margin-top: 0px;}
		#flow_mainView p.newflow_description {
		  position: absolute;
			top: 30px;
			left:0px;
			width: 29.4vw;
			background-color: #eee1e8;
			color: #000;
			border-radius: 10px;
			display:none;
			z-index:900;
		}
		#flow_mainView [id^=flowClosed] {
			background-image: url(http://sites.zpiderz.com/fitlandflow/images/photo/previews/info.png);
			background-size: 23px 23px;
			background-repeat: no-repeat;
			background-position: top left;
			width: 23px;
			height: 23px;
		}
		
		/* Giftcard inputs & forms */
		#flow_mainView .new_flow_giftcards { padding: 10px 0px 30px 0px;}
		#flow_mainView .new_flow_giftcards .new_flow_buttons_flowSelection{ 
			margin-right:0px; 
			margin-top:45px;
		}
		#flow_mainView #giftcardInfo {
			position: absolute;
			top: 10px;
			left: 50%;
			background-image: url(http://sites.zpiderz.com/xplandemo/images/photo/previews/info.png);
			background-size: 25px 25px;
			background-repeat: no-repeat;
			background-position: top left;
			width: 25px;
			height: 25px;
		}
		#flow_mainView #discount_voucher img#info-image{
			content:url(http://sites.zpiderz.com/xplandemo/images/photo/previews/info.png);
			background-size: 25px 25px;
			background-repeat: no-repeat;
			background-position: top left;
			width: 25px;
			height: 25px;
		}
		#flow_mainView .flow_fullView  .new_flow_input_flowSelection.new_flow_flowname { margin-bottom: 20px; }
		#flow_mainView .flow_fullView #giftcardInfo{ left: 60%;}
		#flow_mainView .flow_leftView #giftcardInfo { left: 135%;}
		#flow_mainView input#input_giftcard {
			margin-top: 2%;
			border: 1px solid #000;
			padding: 4px;
		}
		#flow_mainView .flow_fullView #giftcard_error {
			width: 58vw;
			margin-left: 4vw;
		}
		#flow_mainView .flow_leftView #giftcard_error { 
			/*margin-left: 3vw;*/
		}
		#flow_mainView div#giftcard,
		#flow_mainView div#giftcard_payment{
			position: absolute;
			top: 15px;
			width: 400px;
			background-color:#777777;
			color:#000;
			border-radius:10px;
		}
		#flow_mainView div#giftcard_payment{ top: 70px;}
		#flow_mainView .flow_fullView div#giftcard { left: 64%;}
		#flow_mainView .flow_leftView  div#giftcard {
			top: 56px;
			left: 0px;
			width: 43vw;
			z-index:900;
		}

		/* cats */
		.flow_leftView .flow_product_list table{ margin-bottom: 2px!important;}
		.new_flow_mobile [id^=catOpen],
		.new_flow_mobile [id^=catClosed],
		#flow_mainView [id^=catOpen], 
		#flow_mainView [id^=catClosed] {
			background-image: url(http://zuidwolde.xplanonline.com/files/images/icons.png);
			background-size: 500px 30px;
			background-repeat: no-repeat;
			width: 28px!important;
			height: 28px!important;
			margin: 10px 15px;
		}
		.new_flow_mobile [id^=catOpen],
		#flow_mainView [id^=catOpen]{ background-position: -210px 0px;}
		.new_flow_mobile [id^=catClosed],
		#flow_mainView [id^=catClosed] { background-position: -180px 0px;}
		
		/* prods */
		#flow_mainView .flow_leftView .products { line-height: 22px;}
		#flow_mainView div.xplanbookext.error {
			background-color: #FFF694;
			color: #FF0000;
			padding:5px 20px;
			margin-bottom: 20px;
			font-weight: bold;
			display: none;
			float:left;
		}
		#flow_mainView .new_flow_product_name {
			max-width:660px;
			width:auto;
		}
		#flow_mainView ul.result li.new_flow_product_name,
		#flow_mainView ul.result li span.new_flow_product_price{  width:auto; }
		#flow_mainView ul.result li { margin: 10px 10px!important;}
		
		#flow_mainView #singlebook_prod ul.result li { min-width: 46%;}	
		#flow_mainView .new_flow_product_name span{
		position:absolute!important;
		top:-2px;
		left:105%;
		}
		#flow_mainView .flow_checkboxStyle{
			width: 14px;
			height: 14px;
			margin-bottom:4px;
		} 
		#flow_mainView .product_row_even,
		#flow_mainView .product_row_uneven,
		#flow_mainView .flow_leftView .flow_prodtimes_single,
		#flow_mainView .flow_leftView .products.prodAdvancedInfo, 
		#flow_mainView .flow_leftView ul.result.product_row_even, 
		#flow_mainView .flow_leftView ul.result.product_row_uneven { padding: 2px 1vw;}
		#flow_mainView .flow_img_canvas {margin: 5px;}
		.ui-mobile [id^=prodClosed],
		.ui-mobile [id^=prodOpen],
		#flow_mainView [id^=prodClosed],
		#flow_mainView [id^=prodOpen] {
			background-image: url(http://zuidwolde.xplanonline.com/files/images/icons.png);
			background-size: 380px 23px;
			background-repeat: no-repeat;
			background-position: -205px 0px;
			width: 23px;
			height: 23px;
		}
		
		/* coll prods */
		#flow_mainView .new_flow_person {
			width: 42%;
			border:1px solid #353842;
			background:#FFF;
			padding:2%;
			margin:2%;
		}
		.new_flow_product_category th{padding:10px 15px;}
		
		/* full view & prod group */
		#flow_mainView .new_flow_input_flowSelection { text-align: center;}
		.flow_fullView .flow_prodgroup { margin: 10px 20px; }
		.flow_leftView .flow_prodgroup a,
		.flow_fullView .flow_prodgroup a{
			position:absolute;
			bottom:10px;
			right:10px;
		}		
		.flow_leftView .flow_prod_detail_img.single { width: 310px; }
		.flow_prod_detail_img.single img {
			width: 290px;
			border:1px solid #666;
		}
		.flow_leftView.float .categoryDiv p{
			width: 27vw;
			margin-bottom: 7vh;
		}
		
		/* Prod page */
		#flow_mainView .flow_leftView .mobile-product-title,
		#flow_mainView .flow_leftView .mobile-product-price {
			float: left;
			display: inline;
		}
		#flow_mainView .flow_leftView .mobile-product-price {
			width: 25%;
			text-align:right;
		}
		#flow_mainView .flow_leftView  .flow_singlebook_prod_description{padding-bottom:20px;}
		#flow_mainView .flow_leftView  .flow_singlebook_prod_description button#nextflow { margin-right: 0px;}
		#flow_mainView .mobile-product-title { width:75%; }
		
		/* warnings */
		#flow_mainView div#cancel_reservation h3,
		#flow_mainView .flow_rightView .overlayPanelSmallSub h3 { text-align: center; }
		#flow_mainView .flow_leftView h2 { height: 20px;}
		#flow_mainView .flow_leftView table h2 { 
			height: 20px;
			width:100%;
			}

		/* Datepicker */	
		#flow_mainView #datefields { margin: 0 1vw 20px;}
		.flow_leftView #datepicker_mob{
			display: none;
			width: 96%;
			margin-bottom: 20px;
		}
		.flow_leftView  .ui-datepicker .ui-datepicker-header {
			color:#fff;
			height:70px;
			vertical-align:middle;
		}
		.flow_leftView .ui-datepicker-title{ padding-top:20px;}
		.flow_leftView .ui-datepicker table{
			max-width:100.1%;
			width:100.1%;
		}
		.flow_leftView .ui-datepicker thead { background-color:#353842;}
		.flow_leftView  .ui-datepicker-week-col{ text-align:center;}
		.flow_leftView  .ui-datepicker td a,
		.flow_leftView   .ui-datepicker td span{ height: 20px;}
		.flow_leftView  .ui-datepicker td:hover,
		.flow_leftView  .ui-datepicker td:hover a{
			 background-color: #353842;
			 color:#FFF;
		}
		.flow_leftView .ui-datepicker-unselectable{ background-color: #ccc;}
		.flow_leftView .ui-state-active, 
		.flow_leftView .ui-widget-content .ui-state-active, 
		.flow_leftView .ui-widget-header .ui-state-active { border: 2px solid #353842;}
		.flow_leftView .ui-datepicker-today{}
		.flow_leftView .ui-datepicker .ui-datepicker-next, 
		.flow_leftView .ui-datepicker .ui-datepicker-prev{
			background-image: url(http://sites.zpiderz.com/zuidwolde/files/images/icons.png);
			width: 30px;
			height: 30px;
			margin-top: 25px;
		}
		.flow_leftView .ui-datepicker .ui-datepicker-prev{
			background-position: -240px 0px;
			margin-left: 25px;
		} 
		.flow_leftView .ui-datepicker .ui-datepicker-next{ 
			background-position: -180px 0px;
			margin-right: 25px;
		}
		.flow_leftView .ui-datepicker .ui-datepicker-prev:hover,
		.flow_leftView .ui-datepicker .ui-datepicker-next:hover{ cursor:pointer; }
		.flow_leftView .ui-datepicker .ui-datepicker-next span,
		.flow_leftView .ui-datepicker .ui-datepicker-prev  span{ background:none!important;}
		 
	/* popups */
		#flow_mainView .flow_rightView .overlayPanelSmallSub{ height: 165px;}
		#flow_mainView #forgot_pass form{ width: 38vw;}
		#flow_mainView #siglebook_nextflow .new_flow_flowname { width:480px;}
		#flow_mainView #siglebook_nextflow .new_flow_buttons_popup {
			float: left;
			margin: 20px 3vw;
		} 
		#flow_mainView .overlayPanelSmallSub {
			padding: 1vw;
			text-align: center;
			float: left;
			/*width: 520px;*/
		}
		#forgot_pass h3,
		#cancel_reservation h3{
		text-align:center!important;
		}
		 #cancel_reservation button.new_flow_buttons_popup{width:40%;}
		#forgot_pass input{
			width: 40%;
			margin-left: 5%;
		}
		
		/*inputs*/
		#flow_mainView .flow_leftView  #calendar_form #date_mob_alternate {
			border: 1px solid #333;
			margin-left: 45px;
		}
		#flow_mainView .flow_leftView  #calendar_form #persons{
			width: 40px;
			margin-left: 61px;
			margin-bottom:10px;
		}
		#flow_mainView .flow_leftView  #calendar_form select#starttime,
		#flow_mainView .flow_leftView  #calendar_form select#endtime{
			float:left;
			width:65px;
			display:inline;	
		}
		#flow_mainView .flow_leftView .new_flow_logindiv #signup_form input{ width:95%;}
		#flow_mainView .flow_leftView .new_flow_logindiv #signup_form select{ width:264px;}
		#flow_mainView table.xplanbookext.forms textarea { height: 70px;}	
		
		/* login and payment */
		#flow_mainView table.xplanbookext.prodlist { border-collapse: collapse;}
		#flow_mainView .new_flow_logindiv p{ margin-top:20px;}
		#flow_mainView td.xplanbookext.removeitem, 
		#flow_mainView span.xplanbookext.agreement {
			cursor: pointer;
			text-decoration:underline;
		}
		#flow_mainView div.xplanbookext.agreement {
			overflow: auto;
			height: 200px;
			float: left;
			width: 100%;
			margin: 10px 0px;
			display: none;
			margin:5px;
			border:1px solid #666;
		}
		.xplanbookext.agreement{
		 float:left;
		 margin:5px 0px;
		}
		button.xplanbookext.new_flow_buttons.back,
		button.xplanbookext.new_flow_buttons.next{
			float: left;
			margin: 20px!important;
		}	
		#flow_mainView #discount_voucher  #giftcardInfo{
		width:100%;
		left:0px;
		top:0px;
		background:none;
		height: 60px;
		}
		#flow_mainView #discount_voucher input#input_giftcard {
			margin-top: 2%;
			border: 1px solid #000;
			padding: 4px;
			width: 30%;
		}
		#flow_mainView div#discount_voucher { margin-top: 10px;}
	/* reservation confirmed screen */
	.newflow_confirmView {
		width: 1088px!important;
		margin-left: auto!important;
		margin-right: auto!important;
		height: 420px;
		margin-top: -80px;
	}
		.ui-mobile .newflow_confirmView {
		width: 100%!important;
		margin-left: auto!important;
		margin-right: auto!important;
		height: 420px;
		margin-top:0px;
	}
	
	.newflow_confirmView div.flow_thumb{ width:100%;}
	.newflow_confirmView button{ margin-top: 10px;}
	
	/* misc styles */	
		#flow_mainView div.xplanbookext.loading {
			padding: 1vw;
			margin-bottom: 20px;
			display: none;
			text-align: center;
			float: left;
		}
		hr.flow_seperator {
		border-top: 0px;
		}
		#flow_mainView .flow_leftView  hr.flow_seperator{ border-bottom: 1px solid;}
		#flow_mainView .flow_leftView  hr.flow_seperator { border-top:none;}
				
		/* unknown styles */
		#flow_mainView .new_flow_product_row {
			border: 1px solid #777777;
			border-radius: 5px;
		}
		#flow_mainView .flow_leftView table .mobile-image-gallery {
			display: inline;
			float: left;
			width: 570px;
			height: 200px;
			overflow: hidden;
			text-align: left;
		}
		#flow_mainView .flow_leftView table .mobile-image-gallery img {
			max-height: 200px;
			max-width: 200px;
		}
		#flow_mainView #cancelResPanel { padding-top: 100px;}
		#flow_mainView .moreInfo {
			background-image: url(http://sites.zpiderz.com/thermae/images/xplanbookext/info.png);
			background-size: 15px 15px;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			width: 15px;
			height: 15px;
			}	
		#flow_mainView hr.flow_line { display: block;}
		#flow_mainView .flow_leftView .new_flow_person ul {
			padding-top: 0px;
			padding-right: 10px;
			padding-bottom: 0px;
			padding-left: 10px;
		}
		#flow_mainView .flow_leftView .new_flow_person img {
			margin-top: 10px;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 10px;
		}
		#flow_mainView .flow_leftView .new_flow_person .products {
			background-color: #EDEDED;
			color: #666666;
			font-size: 12px;
			font-family: arial;
			line-height: 16px;
		}
		#flow_mainView .new_flow_prodimage{ width: 25%;}
		#flow_mainView .new_flow_prodtext{
			width: 65%;
			padding-left: 15px;
		}
		#flow_mainView div.new_flow_logindiv input,
		#flow_mainView div.new_flow_logindiv select{
			border:solid 1px grey;
			background-color:white;
			margin-bottom: 5px;
		}
		#flow_mainView .flow_leftView  .prodAdvancedInfo .prod_image {
			width: 300px;
			margin-right: 15px;
			margin-bottom: 15px;
			margin-left: 0px;
		}
		#flow_mainView .flow_leftView  #calendar_form label{
			width:141px;
			float:left;
			display:inline;
			margin-right:10px;
			margin-bottom:10px;
			clear:left;
		}
		#flow_mainView .flow_fullView .categoryDiv p{ width:495px;}
		#flow_mainView .flow_fullView .categoryDiv img, .flow_leftView  .categoryDiv img{
			float: left;
			width: 160px;
			height: auto;
			border-style:solid;
			border-width: 1px;
			border-color:#333;
			margin-right: 15px;
		}
		#flow_mainView .flow_leftView  tr td input[type="text"] {}
		#flow_mainView .flow_leftView  tr td input[type="radio"] {
			width: 20px;
			margin-left: 10px;
		}
		#flow_mainView .flow_leftView .flow_prodgroup b, 
		#flow_mainView .flow_leftView b { display: block;}
		#flow_mainView .new_flow_logindiv table.new_flow.info tr td {
			padding-right: 10px;
			padding-bottom: 5px;
			vertical-align: middle;
			float:left;
		}
		#flow_mainView .new_flow_logindiv table.new_flow.info select { margin-left: 14px; }
		#flow_mainView div#cancel_reservation {
			padding: 30px;
			width: 350px;
			height: 165px;
		}
		#flow_mainView .flow_card_coll_item{
		font-weight:bold;
		color:#333;
		}
		#flow_mainView .newflow_confirmView {
			padding: 15px;
			border-radius: 5px;
			border: 1px solid #000;
		}

/* // Booking Mobile v2 // */

	/* main*/
	.ui-mobile body#main_body {
		height: 99.9%;
		background-position: 0px 0px!important;
	}
	
	/* Menu */
	.new_flow_mobile.landscape .ui-panel {
		width: 50vw;
		z-index: 9999!important;
	}
	.new_flow_mobile.portrait .ui-panel {
		width: 75vw;
		z-index: 9999!important;
	}
	.ui-mobile div#menuPanel .ui-panel-inner  a.zmenu_2.ui-btn:first-child{ border-top:none; }
	.ui-mobile div#menuPanel .ui-panel-inner  a.zmenu_2.ui-btn{
		width: 50vw!important;
		color:#FFF!important;
		text-shadow:none;
		padding: 2vh 2vw!important;
		text-transform: uppercase!important;
		font-size: 18px!important;
		font-family: 'Bree serif', serif!important;
	}
	.ui-mobile .landscape div#menuPanel .ui-panel-inner  a.zmenu_2.ui-btn{ width: 50vw!important;}
	.ui-mobile .portrait div#menuPanel .ui-panel-inner  a.zmenu_2.ui-btn{ width: 70vw!important;}
	.ui-panel-dismiss.ui-panel-dismiss-position-left.ui-panel-dismiss-display-push.ui-panel-dismiss-open {
		position: fixed;
		background-color: #333;
		opacity: 0.6;
		height: 100vh!important;
	}
	.new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist tr td{
	float:left;
	}
	.new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist tr{
	width:104%!important;
	}

	/* Home */
		.portrait table.mob_singleProd_detail tr { width: 90vw;}
		.portrait table.mob_singleProd_detail tr td { max-width: 87vw; }
		.new_flow_mobile table,
		.new_flow_mobile tr,
		.new_flow_mobile td{
			height:auto!important;
		}
		.new_flow_mobile.portrait .flow_leftView .new_flow_giftcards { width: 80vw; }
		.new_flow_mobile.landscape .flow_leftView .new_flow_giftcards { width: 56vw; }
		.new_flow_mobile.portrait .new_flow_buttons_flowSelection {
			width: 90%!important;
			margin:3%!important;
		}
		.new_flow_mobile.portrait .flow_leftView #giftcardInfo {
			left: 86%;
			top: 0px;
		}
		.new_flow_mobile.landscape .flow_leftView #giftcardInfo {
			left: 93%;
			top: 0px;
		}
		.new_flow_mobile .flow_leftView #giftcard_error { margin-left: 0px;}
		.new_flow_mobile.landscape h2.flow_main_header { margin-bottom: 20px;}
		.new_flow_mobile.landscape .flow_leftView #giftcard_error { width: 54vw;}
		.new_flow_mobile.portrait .flow_leftView #giftcard_error { width: 82vw; }
		.new_flow_mobile .new_flow_giftcards .new_flow_buttons_flowSelection { margin-top:20px;}
		.new_flow_mobile .new_flow_giftcards .new_flow_input_flowSelection.new_flow_flowname { margin: 5px 0px; }
		.new_flow_mobile input#input_giftcard { margin-top: 15px;}
		.new_flow_mobile .flow_leftView div#giftcard {
			top: -121px;
			left: 0px;
			width: 87%;
			z-index: 900;
			background: #ccc;
			padding: 20px;
		}		
		
		
		
	/* thumb steps*/
		.new_flow_mobile.portrait .ui-content div.flow_thumb {
			margin: 1vh 3vw!important;
			width: 92vw;
		}
		
		
		
		.new_flow_mobile.landscape .ui-content div.flow_thumb {
			margin: 1vh 2vw!important;
			width: 95.5vw;
		}
		.ui-mobile .portrait .newflow_confirmView  div.flow_thumb { width: 82vw;}
		.ui-mobile .landscape .newflow_confirmView  div.flow_thumb {width: 88vw;}
		
		.ui-mobile .new_flow_mobile span.flow_thumb {background-color: #5fb7e7!important; }
		.new_flow_mobile.portrait .ui-content span.flow_thumb ,
		.new_flow_mobile.landscape .ui-content span.flow_thumb { background-size: 110% 85px;}
		.new_flow_mobile.portrait .ui-content .flow_leftView  div.flow_thumb { width:92%;}
		.new_flow_mobile.landscape .ui-content .flow_leftView  div.flow_thumb { width: 60vw;}

	/* left view*/
		.new_flow_mobile .flow_leftView form { padding: 5px 0px;}
		.new_flow_mobile.portrait .flow_leftView form#calendar_form { width: 81vw; }
		.new_flow_mobile.landscape .flow_leftView form#calendar_form { width: 56vw;}
		.new_flow_mobile .flow_leftView #datepicker_mob { width: 99%;}
		.new_flow_mobile.landscape .flow_leftView {
			width: 64vw!important;
			padding: 0px 1vw;
			margin: 2%!important;
		}
	/* confirm view */	
	
	.ui-mobile .newflow_confirmView  h2 {
		width: 86%;
		clear: both;
		font: 16px arial;
		padding: 10px;
		float: left;
	}
	

	/* datepicker */
		.new_flow_mobile.landscape .flow_leftView form#calendar_form { width: 61vw;}
		.new_flow_mobile  .ui-datepicker .ui-datepicker-header { font-size: 12px;}
		.new_flow_mobile .ui-datepicker-calendar tr th,
		.new_flow_mobile .ui-datepicker-calendar tr td{
			width: 12.5%!important;
			height: 19%!important;
			font-size: 12px;
			float: left!important;
		}
		/* header */
		a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext {
			top: .125em;
			color: transparent;
		}
		a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext::after{ border-radius: 0px; }
		.portrait a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext::after{ width: 7vw; background-size: 7vw;}
		.landscape a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext::after{ width: 6vw; background-size: 6vw 7vh; }
		
	/* product list */
		.new_flow_mobile .flow_leftView tr.new_flow_product_category [id^=catOpen], 
		.new_flow_mobile .flow_leftView tr.new_flow_product_category [id^=catClosed] {
			width: 28px!important;
			height: 30px!important;
		}
		.new_flow_mobile.portrait ul.result li,
		.new_flow_mobile.portrait .flow_product_list ul.result li.new_flow_product_name { max-width: 65vw; }
		.new_flow_mobile.portrait ul.result li{ width: 73vw;}
		.new_flow_mobile.portrait .flow_product_list ul.result li.new_flow_product_name {width:65vw;}

		.new_flow_mobile.landscape .flow_product_list {
			width: 62vw;
			margin-left: 1vw;
		}
		.new_flow_mobile.landscape ul.result li,
		.new_flow_mobile.landscape .flow_product_list ul.result li.new_flow_product_name {
			width: 60vw;
			max-width: 60vw;
		}
		.new_flow_mobile.landscape .flow_product_list ul.result li.new_flow_product_name {width: 49vw;}
		.new_flow_mobile .flow_leftView div.flow_thumb{ height:auto;}
		.new_flow_mobile .new_flow_product_name span {
			position: absolute!important;
			top: -4px;
			left: 108%;
		}
		.new_flow_mobile .flow_leftView ul.result#singleResult li{
			display: inline;
			max-width: 50%;
		}
		.new_flow_mobile .flow_product_list table ,
		.new_flow_mobile.portrait ul.result,
		.new_flow_mobile .product_row_even,
		.new_flow_mobile .product_row_uneven,
		.new_flow_mobile .flow_leftView .flow_prodtimes_single,
		.new_flow_mobile .flow_leftView .products.prodAdvancedInfo,
		.new_flow_mobile .flow_leftView ul.result.product_row_even,
		.new_flow_mobile .flow_leftView ul.result.product_row_uneven{
			width: 100%!important;
			padding: 10px 0px!important;
			text-overflow: ellipsis;
			overflow-x: hidden;
		}
		.new_flow_mobile.portrait div#main_flow {
			padding: 2vw 0vh;
			width: 92vw;
		}
		.new_flow_mobile table.xplanbookext.forms tr,
		.new_flow_mobile .flow_rightView #newflow_cart td {
			height: auto!important;
			width: auto!important;
		}
		.new_flow_mobile.landscape .flow_product_list span.new_flow_person {
			width: 52vw!important;
			padding: 3vw!important;
			margin: 2vw;
		}
		
	/* buttons */
		.new_flow_mobile.landscape .flow_leftView .buttonFooter #book_buttons button:hover, 
		.new_flow_mobile.landscape .flow_leftView .buttonFooter #book_buttons button {
			width: 32%!important;
			height: 15vh!important;
			float: left;
			margin: 1vh 1% 3vh 0 !important;
			padding: 1%!important;
			font: bold 0.9em arial!important;
		}
		.new_flow_mobile.portrait .flow_leftView .new_flow_logindiv table tr td { width: 34vw!important;}
		.ui-mobile .new_flow_mobile .flow_fullView .flow_prodgroup button { height:40px; }
		.new_flow_mobile .flow_fullView div.categoryDiv.mob_cat_text { margin-bottom:40px;}
		
	/* right view + cart */
		.portrait .flow_rightView {
			width: 80%!important;
			margin: 5%!important;
		}
		.new_flow_mobile.landscape .flow_rightView { width: 26vw!important;}	
		.new_flow_mobile.landscape .flow_rightView div#cart_div { padding: 1vw; }
		.new_flow_mobile.portrait .flow_rightView div#cart_div { padding: 20px 10px;}
		.new_flow_mobile input#[type=radio] {
			width: 15vw!important;
			text-align: left;
		}
		.new_flow_mobile div.flow_thumb{ height:auto!important; }
		
		/* Login screen */	
		.ui-mobile .new_flow_mobile .flow_leftView .new_flow_logindiv table tr td input { clear: both; }
		.ui-mobile .new_flow_mobile.portrait .flow_leftView .new_flow_logindiv table tr td { width: 36vw!important; }
		.ui-mobile .new_flow_mobile.landscape .flow_leftView .new_flow_logindiv table tr td { width: 29vw!important; }
		.ui-mobile .new_flow_mobile.landscape .new_flow_logindiv hr.flow_seperator { width:62vw;}
		.ui-mobile .new_flow_mobile.portrait .new_flow_logindiv hr.flow_seperator { width:85vw;}
		
		/* payment screen */	
		.new_flow_mobile .new_flow_mainDiv{ margin: 0vh 3vw;} 
		.new_flow_mobile.portrait .new_flow_mainDiv { width: 83vw;}
		.new_flow_mobile.landscape .new_flow_mainDiv { width: 86vw;}
		.new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist ,
		.new_flow_mobile .new_flow_mainDiv table.xplanbookext.prodlist tr{ padding:5px 0px!important;}
		.new_flow_mobile.portrait .new_flow_mainDiv table.xplanbookext.prodlist tr td:first-child{ min-width:33%!important;}
		.new_flow_mobile.landscape .new_flow_mainDiv table.xplanbookext.prodlist tr td:first-child{ min-width:25%!important;}
		.new_flow_mobile form .new_flow_mainDiv h3.xplanbookext { padding: 10px 0px 0px 0px;}
		.new_flow_mobile #discount_voucher input#input_giftcard { width: 100%; }
		 .new_flow_mobile #discount_voucher span#giftcardInfo img { display:block;}
		 .new_flow_mobile.portrait div#giftcard_payment {
			top: 0px;
			width: 70vw;
		 }
		  .new_flow_mobile.landscape div#giftcard_payment {
			top: 0px;
			width: 80vw;
		 }
		 
	/*popups*/
		.new_flow_mobile #xplanbookext_pass input#pw {
			width: 90%;
			margin: 0px 5%;
		}
		.new_flow_mobile div#mob_single_book_next { width: 90vw;}
		.new_flow_mobile.portrait div#mob_single_book_next_data { width: 83vw!important;}
		.new_flow_mobile.landscape div#mob_single_book_next_data { width: 86vw!important;}
		.new_flow_mobile .new_flow_main_prod_result { background: #a1daf8; }
		
	/* Singlebook */
		.new_flow_mobile.portrait .flow_leftView .flow_prodgroup a, 
		.new_flow_mobile.portrait .flow_fullView .flow_prodgroup a {
			position: absolute;
			bottom: -10px;
			right: 10px;
		}
		.new_flow_mobile.landscape .flow_leftView .flow_prodgroup a, 
		.new_flow_mobile.landscape .flow_fullView .flow_prodgroup a {
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		.new_flow_mobile.portrait .flow_leftView .flow_singlebook_prod_description { width: 84vw;}
		.new_flow_mobile .mob_singleProd_detail .mobile-product-price { text-align: left;}
		.new_flow_mobile .categoryDiv.mob_cat_text p {
			width: 50vw;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.new_flow_mobile  #flow_mainView .flow_fullView .categoryDiv img, .flow_leftView .categoryDiv img { width:125px;}
		.new_flow_mobile .flow_leftView .mob_singleProd_detail .flow_singlebook_prod_description p {
			margin-left: 0%;
			padding: 10px 0px!important;
		}
		button.new_flow_buttons_popup.ui-btn.ui-shadow.ui-corner-all {
			width: 40vw;
			float: left;
			margin-top: 7px;
			padding: 10px!important;
}
		.new_flow_mobile .flow_leftView .mob_singleProd_detail  #singlebook_prod { width: 92%;}
		.new_flow_mobile.portrait .flow_leftView .mob_singleProd_detail .new_flow_buttons:hover,
		.new_flow_mobile.portrait .flow_leftView .mob_singleProd_detail .new_flow_buttons {width: 97%;}
		.new_flow_mobile.portrait .flow_leftView .flow_prodgroup { width: 98%;}
		.new_flow_mobile.landscape .flow_leftView .flow_prodgroup { width: 96%;}
		.new_flow_mobile .flow_leftView  .categoryDiv.mob_cat_text { padding-bottom: 42px;}
	/* Floating Footer */	
	#flow_mainView .float.buttonFooter {	border-top: 10px solid #353842; }	
	#flow_mainView .float.buttonFooter button.new_flow_buttons { width:20%; }

	
/* // Portal // */
div#login_popup { width: 580px;}
div#login_popup h2.xplanbookext {
    width: 96%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin: 2%;
}
div#login_popup p {
    width: 92%;
    text-align: left;
    padding: 4%;
}
.portal_view .portal.column_medium {
    width: 13%;
	font-size: 15px!important;
}
.xplanbookext .portal_tabs {
    overflow: hidden;
    height: 40px;
}
.xplanbookext.portal_tab, .xplanbookext.portal_tab.current {
	height: 40px;
    padding: 5px 10px 0px 10px;
	border-radius:0px;
}
.xplanbookext .portal_tab.current, 
.xplanbookext .portal_tab:hover {
    background-color: #b22f2f;
    overflow-y: visible;
    border: 2px solid #b22f2f;
}
.portal.column_title {
    font: bold 16px arial;
    padding: 0.5% 1%;
    width: 98%;
    float: left;
    margin-top: 1%;
    background-color: #a1daf8!important;
}
.portal.column_title span {
    margin-top: 5px!important;
	line-height: 23px!important;
    font: bold 16px CenturyGothic-Regular,'Century Gothic',Helvetica,Courier!important;
    color: #353842!important;
}	

/* Portal Mobile */
.ui-mobile .portal_main .ui-header{
    height: 2em;
	border-width: 1px 0;
    border-style: solid;
}
.ui-mobile .portal_main  a.ui-btn-left.ui-btn.ui-icon-bars.ui-btn-icon-notext::after {
    width: 6vw;
    background-size: 6vw 7vh;
}
.ui-mobile  .portal_view { width: 100vw;}
.portal_tab_mobile a{
	width: 50vw!important;
    text-shadow: none;
    padding: 2vh 2vw!important;
    text-transform: uppercase!important;
    font-size: 18px!important;
    font-family: 'Marcellus', serif!important;
}
.ui-mobile   .portal.column_title { width: 86vw;}
.ui-mobile  .portal.collapse {
    background-color: #CCC;
    width: 86vw;
}
.ui-mobile   .potal.column_total {
    float: left;
    width: 86%;
    border: 1px solid #333;
    padding: 1% 8% 1% 1%;
    text-align: right;
    margin: 2%;
}

/* // v2 admin // */
	.bookext_newflow_admin {
		color: #000;
		width: 95vw;
	}
	.flow_leftView div.xplanbookext.admin {
		margin-top:10px;
		margin-bottom:10px;
		width:570px;
		color:#fff;
		border-width:1px;
		border-style:solid;
		border-color:#333;
	}
	.flow_leftView .admin form,
	.flow_leftView .admin form h2{ width:96%; }
	.flow_leftView  a.xplanbookext.admin span{
		display:inline;
		color:#333;
		width:175px;
		text-decoration:underline;
			border-width:0px;
		border-style:none;
		border-color:#333;
	}
	.flow_leftView a.xplanbookext.admin  span:hover{
		color:#666;
			width:175px;
			display:inline;
		text-decoration:underline;
			border-width:0px;
		border-style:none;
		border-color:#333;
	}
	.flow_leftView .xplanbookext.admin h2.xplanbookext{
		font-size: 12px;
		font-family: verdana,serif;
		line-height: 16px;
		font-weight: bold;
		color: #333;
	}
	.bookext_newflow_admin input[type="checkbox"]{ width:20px!important;}
	table#container_40_tab .bookext_newflow_admin  tr{ height:25px; } 

#xplanbookext_198_next_confirm_loading{ display:none}