* { font-family: Verdana, "Bitstream Vera Sans", Geneva, sans-serif; }

#leftbox {
	width: 210px;
    padding: 5px 11px;
	margin: 0;	
	float: left;
	/*height: 700px;*/
}

#mainbox {
	margin: 0 0 0 232px;
	padding: 5px 0 0 0;	
	/* width: 860px; */
    width: 760px;
	height: 700px;
}

/********************************************/
/* LEFT BOX                                 */
/********************************************/

#logobox {
	border: 0 none;
	width: 212px;
	height: auto;
	overflow: hidden;	
	margin: 0 0 5px 0;
}

#datebox {
	width: 210px;
	/*height: 300px;*/
    padding: 0 0 0 0;
	margin: 0 0 5px 0;
	border: 1px solid #AAAAAA;
}

#datebox .buttoncheck {
	border:0px;
	/*float:right;*/
	padding: 4px 8px 7px 8px;
	height:	27px;
	line-height: 19px;
	background:	#FF9900 ;
	color:	#FFFFFF ;
	font-weight: bold;	
	width: 100%;
	cursor: pointer;
	margin: 6px 0 0 0;
}


#datebox label {
	text-align: left;	
	font-weight: bold;
	font-size: 11px;
	display: block;
	margin: 6px 0 2px 0;
}

#datebox h3 {
	text-align: left;	
	font-weight: bold;
	font-size: 11px;
	display: block;
	margin: 10px 0 2px 0;
}

#dowarrival, #dowdeparture {
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	width: 22px;
	text-align: center;
	padding: 1px 0;
}

#numnights {
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	width: 14px;
	text-align: right;
	padding: 1px;
}

#availbox_arrival, 
#availbox_depart {
	position: relative;	
}

#availbox_arrival img, 
#availbox_depart img {
	display: block;
	position: absolute;
	right: 3px;
	top: 14px;
}

#dayarrival, 
#daydeparture {
	width: 50px;	
}
#monthyeardeparture, 
#monthyeararrival {
	width: 96px;
}

#datebox select {
	font-size: 10px;
}

#datebox option {
	padding: 0 0 0 0;
}

#datebox select.persons {
	min-width: 40px;	
}

.buttonbook {
	margin: 5px 0 0 10px;
	border: 1px solid #f90;
	padding: 5px 4px 7px 4px;
	height:	28px;
	background:	#FF9900;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	display: none;
	width: 290px;
	text-transform: uppercase;
    float: right;
}	

#datebox .buttoncheck:hover, 
.buttonbook:hover {
	color:	#000000;	
}

/* plus minus buttons booknow */
#nightsup {
	width: 17px;
	height: 16px;
	background: transparent url(../imgfront/plus_off.png) no-repeat;
	border: 0;
	cursor: pointer;
	margin-left: 4px;
}
#nightsup:hover {
	background: transparent url(../imgfront/plus_on.png) no-repeat;
}
#nightsdown {
	width: 17px;
	height: 16px;
	background: transparent url(../imgfront/minus_off.png) no-repeat;
	border: 0;
	cursor: pointer;
}
#nightsdown:hover {
	background: transparent url(../imgfront/minus_on.png) no-repeat;
}

#house {
	width: 195px;
}

#finderbox {
	width: 210px;
    padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 310px;
	border: 1px solid #AAAAAA;
	overflow: hidden;
}

#finderbox iframe { 
	padding: 0 0 0 2px; 
	overflow: hidden; 
	width: 206px;
	height: 306px;
	border: 0 none;
}

#datebox h2, 
#finderbox h2 {
	font-size: 14px;
	margin: 0 0 0 0;	
	padding: 5px 2px 0 2px;
}

#datebox table, 
#availbox table {
	width: 200px;
	margin: 0;
}

#rf {
	width: 200px;
	margin: 5px; 
	padding: 0;
	border:	0;
	outline: 0;
	vertical-align:	baseline;
}

#guestlinkwrap { 
    margin: 4px 2px;
    text-align: right;
}

/********************************************/
/* MAIN BOX                                 */
/********************************************/

#progressbar {
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	/* width: 858px; */
	width: 758px;
}

#progressbar ul {
	background: #fff url(images/progress_bg.png) repeat-x;
	border: 1px solid #AAAAAA;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 30px;
	width: 100%;
}

#progressbar ul li {
	float: left;
	height: 30px;	
	line-height: 30px;
	color: #999;
	padding: 0 30px;
	text-align: center;
}

#progressbar ul li.act {
	background: #fff url(images/progress_bg_act.png) repeat-x;
	color: #666;
}

#progressbar ul li.arrow {
	background: transparent url(images/progress_arr.png) no-repeat;
	width: 18px;
	padding: 0 0;
}

#progressbar ul li.pa {
	background-image: url(images/progress_arr_pass-act.png) !important;
}

#progressbar ul li.ap {
	background-image: url(images/progress_arr_act-pass.png) !important;
}

#hb {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

#stagepanel {
	height: 42px;
	overflow: hidden;
    border-bottom: 0 none;
}

#stagepanel li.addnew {
	background-image:url('../imgfront/new.png');
	background-repeat:no-repeat;	
	background-position: 3px 5px;
	padding-left: 16px;
}
#stagepanel li.addnew a.tab {
    width: 116px;
}
#stagepanel li.addnew a.tab span {
    white-space: normal;
}

/* proceed tab */

#proceedtab {
	float: right;
	background:	#FF9900 ;
	color: #FFFFFF ;
}

#proceedtab.ui-tabs-active {
	background:	#FFFFFF;
}

.p {
	color: #FFFFFF;
	font-weight: bold;
}

#proceedtab.ui-tabs-active .p {
	color: #000000;
}

#proceedtab.ui-state-hover .p { 
	color: #000000; 
}

#proceed {
	background: #FFFFFF;
	padding: 0;
	margin: 0;		
}

.mytab {
	padding: 0;
	margin: 0;	
}

.green {
	background:green !important;
}

#stage {
/* background: yellow !important; */	
	min-height: 618px;
}

#bookpos {
	background: #fff; 
	float: left;
	width: 430px;
	height: 552px;
	padding: 5px 2px 0 5px;
	margin: 0 0 0 0;
	overflow:auto;
	border: 1px solid #AAAAAA;	
}

#stage #button_back {
	position: relative;
	float: right;
	width: auto;
	margin: 0 4px 4px;
}

#address {
	background: #fff; 
	width: 288px;
	height: 520px;
	padding: 0 0 0 0;
	/*margin: 0 0 0 450px;*/
    margin: 0 0 0 0;
    float: right;
	overflow: auto;
	border: 1px solid #AAAAAA;	
}

#addresstable th {
	font-weight: bold;	
}

.box {
	border: none;
}

.products {
	/* width: 544px; */
	width: 444px;
	height: 318px;
	padding: 0;
	margin: 0 288px 0 0;
}
.productsbig {
	width: 444px;
	height: 551px;
	padding: 0;
	margin: 0 288px 0 0;
}
.extras {
	/* width: 544px; */
	width: 444px;
	height: 233px;
	padding: 0;
	margin: 2px 288px 0 0;
}

.hidden {
	display:none;
}
	
.remove {
	cursor:	pointer !important;
}

.clear {
    overflow: hidden;
	font-size: 0px;
	clear: both;
}

.accommodation {
/*	background: green !important; */
	padding: 5px 0 5px 5px !important;
	margin: 0 !important;
	height: 270px;
    /* width: 523px; */
    width: 432px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.extrasinner {
/*	background: green !important; */
	padding: 5px 0 5px 5px !important;
	margin: 0 !important;	
    height: 185px;
    /* width: 523px; */
    width: 432px;	
	overflow:auto
}

#ui-datepicker-div {
	z-index: 99 !important;	
    display: none;
}

#addressbox {
	margin: 5px 0 5px 5px;	
}

#addressbox label {
	display: block;
	margin: .25em 0 0 0;	
}

#addressbox input,
#addressbox select, 
#addressbox textarea {
	display: block;
	width: 95%;
}

#addressbox input[type=radio],
#addressbox input[type=checkbox] {
	width: 16px;	
}

#addressbox #adr_zip {
	display: inline !important;
	width: 20%;
}

#addressbox #adr_city {
	display: inline !important;
	width: 70%;
}

#addressbox input.readonly {
	border: 1px solid #FFF;
}

#addressbox label.radio,
#addressbox input.radiobox {
	display: inline;
}

#addressbox div.paydetails {
	margin: 0 0 0 20px;
}

#addressbox #label_mem, 
#addressbox #adr_mem {
    display: none;
}

h2.hostelname {
	padding-left: 4px; 
	background: #CC0000; 
	text-transform: uppercase; 
	color: #fff; 
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}

h2.hostelname a {
	color: #FFF;
}

table.t_houselistbook {
	width: 100%;	
}

table.t_houselistbook th { 
	background: #ccc; 
	color: #fff; 
	height: 20px; 
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

table.t_houselistbook th:first-child { 
	padding-left: 4px; 
}

table.t_houselistbook td {
	vertical-align: top;
	border-bottom: 1px dotted #333333;
    padding: 4px 2px;	
}

table.t_houselistbook td.nodots {
	border-bottom: 0 none;
}

table.t_houselistbook td.date span.regular {
	color: #090;	
}

table.t_houselistbook td.date span.changed {
	color: #900;	
}

table.t_houselistbook td.check {
	padding: 6px 2px 0 4px !important;
}	

table.t_houselistbook td.header {
	padding-left: 4px; 
	background: #CC0000; 
	text-transform: uppercase; 
	color: #fff; 
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

table.t_houselistbook td.header span.guests {
	font-weight: normal;
	line-height: 16px;
	text-transform: none;
    display: block;
}

table.t_houselistbook td.header p.housecontact, 
table.t_houselistbook td.header pre {
    text-transform: none;
    font-size: .8em;
    line-height: 1em;
    font-weight: normal;
}

table.t_houselistbook td.header pre {
    letter-spacing: normal;
    font-stretch: normal;
}

table.t_houselistbook td.discount {
	text-align: right;
	padding-right: 4px;
}

table.t_houselistbook td.total {
	font-weight: bold;
	text-align: right;
	border-bottom: 0 none;
	padding-right: 4px;
}

table.t_houselistbook td.subtotal {
    padding-top: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
}

table.t_houselistbook tr.pinad td {
	font-weight: bold;
	border-bottom: 0 none;
        white-space: nowrap;
        text-align: right;
}

table.t_houselistbook td.sum {
	text-align: right;
	padding-right: 4px;
}

table.t_houselistbook td.num {
	text-align: right;
	padding-right: 1px;
}

table.t_houselistbook td.numempty {
	padding-right: 0px;
	padding-left: 0px;
}


table.t_houselistbook th.right {
	text-align: right;
	padding-right: 4px;
}

#bookpos table.t_houselistbook {
	/*width: 527px !important;*/
	width: 99%;
}

td.accomm_images {
	text-align: center;
	
	/* hack so that the accomm_images column has a minimal width 
	 * e.g. needed if there are only pictures for normal accommodation articles but not for special accommodation articles */
	width: 1px;
}

#addressbox h2,
#bookpos h2 { font-size:1.4em; }

table.t_houselistbook td.pricemix {
	font-size: 10px;
	padding: 10px 0 0 4px !important;
	border-bottom: 0 none;
}

table.t_houselistbook td.resterrors {
	padding: 10px 0 0 4px !important;
	border-bottom: 0 none;
    color: #f00;
}

#finished {
	display: none;
}

#finished pre {
	font-family: Courier, monospace;
	font-size: 12px;
	line-height: 1.2em;
}

td.terms p { font-size: 10px; line-height: 1.5em; width: 98%; color: #555; }
td.terms a { font-size: 10px; color: #333; }

#wrapall { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* width: 1095px; */
	width: 995px;
}

#stage.tabs div.mytab ul.ui-tabs-nav { height: 27px; }

#stage.tabs div.mytab div.images { 
	float: right;  
	width: 288px;
	height: 552px;
}

#stage.tabs div.mytab div.images iframe {
	padding : 0px; 
	margin : 0px;
	width: 288px;
	height: 552px;
	
}

#stage.tabs .ui-tabs-panel {
	padding: 10px 6px;
}

#bceml { display: none; }

.emailinfo { display: none; }

.termspay {
	border: 1px dotted #aaa;
	background: #E6E6E6;
	width: 95%;
	padding: 3px;
	font-size: .8em;
	font-style: italic;
    margin-bottom: 1em;
}

/* article info popup dialogue */
.printinfo { display: none; }
h2.artheader { font-size: 12px; margin-bottom: .75em }
.artdesc { margin-bottom: .75em; line-height: 1.5em; }
.articleDescTerms { display: none; } /* Hide by default */
table.artprice th { font-weight: bold; padding: .5em 0; }
table.artprice td { padding: .2em 1em .2em 0; }

p.hint {
	color: #c00; 
	font-style: italic;
	width: 97%;
	background: #eee;
	border: 1px dotted #c00;
	font-style: italic;
	padding: 0.5em 0.3em;
	margin: 0.5em 0;
	text-align: center;
}

.proceed_container {
    position: relative;
    width: 424px;
    height: 33px;
}
.products .proceed_container, .productsbig .proceed_container {
    /*display: none !important;*/
    width: 416px;
}
.extras .proceed_container {
    /*display: none !important;*/
    width: 416px;
}
button.proceed {
	border: 0px;
	/*float:right;*/
	padding: 4px 8px 7px 8px;
	height:	27px;
	line-height: 19px;
	background:	#FF9900 ;
	color:	#FFFFFF ;
	font-weight: bold;	
	width: 100px;
	cursor: pointer;
    margin-top: 6px;
    display: block;
    position: absolute;
    right: 0;
    border-radius: 4px 4px 4px 4px;
    display: block;
}

/*
house info default iframe content
*/
#houseinfo {
    padding: 5px;
    border: 1px solid #AAAAAA;
    height: 540px;
    width: 276px;
    overflow: hidden;
}
#houseinfo h2 {
    font-size: 14px;
    margin: 0 0 .5em 0;
    color: #aaa;
}

#houseinfo p, 
#houseinfo table {
    font-size: 11px;
    line-height: 1.5em;
    margin: .5em 0 .75em 0;
    color: #333;
}

#houseinfo .housecontact th, 
#houseinfo .housecontact td {
    font-size: 11px;
    vertical-align: top;
}

#houseinfo .housecontact th {
    padding-right: 10px;
    font-weight: bold;
}

#terms_accepted_wrap { padding-top: 10px; }
#terms_accepted_wrap label, 
#terms_accepted_wrap input { display: inline; }
#extrainfo2_wrap { padding-top: 10px; padding-bottom: 10px; }
#extrainfo2_wrap input { float: left; }
#extrainfo2_wrap label { margin-left: 20px; line-height: 1.3em; margin-top: 0; }
#savefacebook_wrap { padding: 10px 0; }
#savefacebook_wrap input { float: left; }
#savefacebook_wrap label { margin-left: 20px; line-height: 1.3em; margin-top: 0; }

span.noresults { font-style: italic; display: block; padding: .75em .5em; }

#copyright { font-size: 10px; color: #ccc; display: block; margin: .2em 0; padding: 0 .1em; }

#copyright a { color: #ccc; text-decoration: none; }

.ui-dialog-titlebar-close {
	display: none !important;
}

.artInfo .ui-dialog-titlebar-close {
	display: block !important;
}

/* =Collections (Accordion)
-------------------------------------------------------------- */
tr.collection-header td {
    padding: 0;
}
tr.collection-header {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
tr.collection-header td {
}
tr.collection-header td a {
    display: block;
    padding: 4px 2px;
    font-weight: bold;
    text-decoration: none;
}
tr.collection-header td span.open-icon, 
tr.collection-header td span.close-icon {
    margin-right: 5px;
    width: 12px;
    background-color: #dedede;
    border: 1px solid #aaa;
    color: #353535;
    border-radius: 7px;
    text-align: center;
    vertical-align: top;
    font-size: 9px;
    line-height: 12px;
}
tr.collection-header.collection-closed span.open-icon {
    display: inline-block;
}
tr.collection-header td a:hover span.open-icon, 
tr.collection-header td a:hover span.close-icon {
    background-color: #ccc;
}
tr.collection-header.collection-closed span.close-icon {
    display: none;
}
tr.collection-header td span.open-icon {
    display: none;
}
tr.collection-header td span.close-icon {
    display: inline-block;
}
tr.collection-header td a {
    background-color: #eee;
}
tr.collection-header.collection-closed td a {
    background-color: #fff;
}
tr.collection-item {
}
tr.collection-item-last td {
}
tr.collection-header span.count {
    color: #bbb;
    margin-left: 0.3em;
}

select.uneeded {
    min-width: 35px;
}

#extras-hint {
    display: none;
}

.articles_note, .notice{
    background-color: #ffedbc;
    border: 1px solid #eeae01;
    border-radius: 5px;
    padding: 0.5em;
    margin-bottom: 0.5em;
    margin: 0.5em 3em 1em 1em;
}
.articles_warning, .warning{
    background-color: #ffcdbc;
    border: 1px solid #ee2e01;
    border-radius: 5px;
    padding: 0.5em;
    margin-bottom: 0.5em;
    margin: 0.5em 3em 1em 1em;
    font-weight: bold;
    color: #6f1500;
}

.sp_response {
	padding: 15px;
}

.sp_response .warning, .sp_response .notice {
	width: 250px;
}

.sp_response #houseinfo {
    height: auto;
    /*border: none;*/
}

.sp_response input {
    height: auto;
}

#ajax_loader {
	position: absolute;
	top: 309px; /* == #stage height divided by 2 */
	left: 222px; /* == .products width divided by 2 */
	margin-left: -33px; /* == width divided by 2 */
	margin-top: -33px; /* == height divided by 2 */
	z-index: 9999; /* just a big number so that the image is always in front */
}


#pafinder_legend ul {
    list-style-type: none;
    padding-left: 2px
}
#pafinder_legend ul li {
    background-color: transparent;
    background-image: url(images/pafinder_swatch.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 17px;
    margin: 1px 0;
}
#pafinder_legend ul li#legend_green {
    background-position: -40px 0;
}
#pafinder_legend ul li#legend_yellow {
    background-position: 0 -30px;
} 
#pafinder_legend ul li#legend_red {
    background-position: -40px -30px;
}
#pafinder_legend li span {
    display: block;
    font-size: 10px;
    color: #333;
    background: #fff;
    margin-left: 29px;
    padding-left: 2px;
    border-left: 2px solid #fff;
    height: 17px;
    line-height: 17px;
}

.sp_response .proceed {
    text-align: center;
    width: 276px;
    margin-bottom: 25px;
}
.sp_response .proceed a,
a#datatrans-link {
	padding: 4px 8px 7px 8px;
	height:	27px;
	line-height: 19px;
	background:	#FF9900 ;
	color:	#FFFFFF ;
	font-weight: bold;	
    border-radius: 4px 4px 4px 4px;
    text-decoration: none;
}

.email_add {
    display: none;
}

.promocode_error    {
    color: red;
}

/* promotion removing button(s) bookpos */
#promocoderemover {
	width: 10px;
	height: 10px;
	background: transparent url(../imgfront/delete_off.png) no-repeat;
	border: 0;
	cursor: pointer;
	margin-left: 4px;
}
#promocoderemover:hover {
	background: transparent url(../imgfront/delete.png) no-repeat;
}

.login_button {
    display: block;
}
.fellow_travelers {
    cursor: default;
}
.fellow_travelers .faces {
    white-space: nowrap;
    overflow: auto;
}
#bookpos .fellow_travelers {
    margin-top: 3em;
}
.fellow_travelers h3:before, .fb_share:before {
    content: url("../img/facebook.png");
    vertical-align: top;
    margin: 0.1em 0.3em 0 0;
    display: inline-block;
}
.fb_share {
    font-weight: bold;
    font-size: 12px;
}
.fellow_travelers h3 {
    margin-bottom: 0.5em;
}
.traveler {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 0;
}
.traveler img {
    display: block;
}
.traveler .name {
    display: block;
    text-align: center;
}

iframe.htmlConf {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 1.5em;
    border: 0;
}

tr.article-disabled {
    display: none;
}


#nightsup, #nightsdown { color: transparent; }

.article-tag {
    padding: 0.3em;
    margin: 0.2em 0.3em 0;
    cursor: default;
    border-radius: 4px;
    background-color: #eeeef3;
    color: #8b8b8b;
    font-size: 0.7em;
    display: inline-block;
    text-transform: uppercase;
}

.mercanet-form-container {
    margin-top: 20px;
}
.mercanet-form-container input {
    height: auto;
}

/*.warning*/


#terms_accepted_wrap #privacyPolicy { display: inline-block; }