/* CSS Document Transylvania Hotel Booking 2008*/

body, html{margin:0; padding:0; background:#fff; color:#333333; font:normal 13px Arial, Arial, "Trebuchet MS";}
h1{color:#30576c; font:bold 20px Verdan, Arial, "Trebuchet MS"; padding:0px 0px 0 10px; margin:0;}
h2{color:#2A5A71; font:bold 17px/20px Arial, Helvetica, sans-serif; padding:4px 10px 2px 10px; margin:0px;  background-color:#f9f9f9; border:1px solid #dddddd;}
h3, h4{color:#b72323; font:bold 13px/20px Arial, Helvetica, sans-serif;  margin:0; padding:0px 0px 0 10px;}
h5{color:#2A5A71; font:bold 14px/20px Arial, Helvetica, sans-serif; padding:4px 10px 2px 10px; margin:10px 0 5px 0;  background-color:#f9f9f9; border:1px solid #dddddd; display:block;}

h6 {color:#b72323; font:bold 13px/20px Arial, Helvetica, sans-serif;  margin:0; background-color:#FFFF66; display:block;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

p {color:#333333; font:normal 13px/16px Arial, "Trebuchet MS"; padding:5px 10px 5px 10px; margin:0; text-align:left;}


ul{margin:0; padding:0 0  0 10px;}
ul li {font:normal 12px/16px Arial, "Trebuchet MS"; padding:0 0 6px 0; margin:0; list-style:none;}
ol li {font:normal 12px/16px Arial, "Trebuchet MS"; padding:0 0 6px 0; margin:0;}

a:link, a:visited{color:#1a4b65; text-decoration:underline;}
a:hover,  a:active{color:#b72323;}

div.clearer10 {clear: both; display: block; margin: 0; padding: 0; height:10px; line-height:10px;}
div.clearer20 {clear: both; display: block; margin: 0; padding: 0; height:20px; line-height:20px;}
div.clearer1 {clear: both; display: block; margin: 0; padding: 0; height:1px; line-height:1px;}
div.clearer5 {clear: both; display: block; margin: 0; padding: 0; height:5px; line-height:5px;}


/*DIV LAYOUT*/

#wrapper{width:100%; margin:0 auto; padding:0; text-align:center;}

	#header{width:1000px; margin:0 auto 0 auto; padding:0; text-align:left; border:0px solid;}
	.logo{margin:0; padding:30px 0 0 0px; float:left; display:inline; width:160px; float:left;}
	.headbanner{margin:0 0 0 0; padding:0; float:left; display:inline; float:left; width:730px;}
	#header h1{font:normal 11px Arial, Helvetica, sans-serif; color:#5a5e5f; display:block; padding:10px 0 10px 0;}
	.headmenu {width:90px;  float:left; display:inline; padding:0; margin:20px 0 0 10px;}
	.headmenu p{padding:0; margin:0; background:url(../images/separator2.gif) bottom left repeat-x; display:block;}
	.headmenu  a:link, .headmenu  a:visited  { font:bold 10px/20px Arial, Helvetica, sans-serif; color:#5a5e5f; text-decoration:none;  }
	.headmenu  a:hover, .headmenu  a:active  { font:bold 10px/20px Arial, Helvetica, sans-serif;  color:#9a1414;  text-decoration:underline; }

	#leader {width:1002px; background: url(../images/leader.gif) top repeat-y; margin:0 auto 0 auto; padding:0; border:0px solid; text-align:left; }
	#leadercol-1 {width:320px; margin:10px 11px 0 11px; padding:0; float:left; display:inline;}
	#leadercol-1  p {padding:0px 10px 5px 0px; margin:0; float:left; display:block; width:92px;}
	#leadercol-2  p {padding:0px 10px 7px 0px; margin:0; float:left; display:block; width:92px;}
	#leadercol-2 {width:320px; margin:10px 11px 0 11px; padding:0; float:left; display:inline;}
	#leadercol-3 {width:300px; margin:10px 0px 0 10px; padding:0; float:left; display:inline;}
	#leadercol-3  p {padding:0px 0px 7px 0px; margin:0; float:left; display:block; width:180px;}
	#leader h3 {display:block; color:#FFFFFF; font:normal 17px "Trebuchet MS", Trebuchet Ms, Arial, Helvetica, sans-serif; background: url(../images/smile-only.png) 5px 0 no-repeat;
	padding:0 0 10px 35px;}
	#leader img { float:left; margin:5px 10px 10px 0; padding:0px; border:1px solid #CCCCCC;}
	#leader a:link, #leader a:visited  { font:bold 11px/12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;  }
	#leader a:hover, #leader a:active  { font:bold 11px/12px Arial, Helvetica, sans-serif;  color:#fff;  text-decoration:underline; }

#separator{background: url(../images/separator.gif) top left repeat-x; margin:0; padding:0; display:block; height:22px; line-height:22px; clear:both; }

	#holder{width:1000px;  margin:0 auto; padding:0; border:0px solid; text-align:left;}

			.box{margin:0 0  10px 0; padding:0; }
			.hotelpagecontentjustify p {text-align: justify;}

		#left{width:150px; padding:0; margin:0; float:left; display:inline; /*background-color:#CCCC99;*/}
			#left h3 { background:#99142d; color:#fff;margin:1px 1px 5px 1px; padding:2px 0 2px 10px;}
			#left .box{width:150px; /*background:#FFFFFF url(../images/box1-bg.gif) bottom repeat-y;*/ border:1px solid #dddddd;}
			#left .bottom{width:150px; height:10px; min-height:10px; /*background:#E5E3D4 url(../images/box1-bot.gif) top no-repeat;*/ padding:0; margin:0;}



		#main{width:505px; padding:0; margin:0 15px 0 15px; float:left; display:inline;}

			#main h1{padding:0px 0px 0 10px; margin:0 0 10px 0;}
				#main h1 a:link, #main h1 a:visited{color:#b72323; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
				#main h1 a:hover,  #main h1 a:active{ text-decoration:none;}

			#main h3{display:block; width:480px; /*background:url(../images/box2-top.gif) no-repeat top;*/}
			#main .box{width:505px; /*background:#FFFFFF url(../images/box2-bg.gif) bottom repeat-y;*/  border-bottom:1px dotted #999999; padding:10px 0 0 0;}
			#main .bottom{width:505px; height:10px; min-height:10px; /*background:url(../images/box2-bot.gif) bottom no-repeat;*/}
			#main .box p{padding:5px 10px 10px 10px; margin:0;}
	#main .box	p#hotellink {  padding:0 0 5px 10px; margin:0;font:bold 11px Arial, Helvetica, sans-serif; color:#999999;}
	#main .box p#hotellink a:link  { font:bold 11px Arial, Helvetica, sans-serif; color:#999999;  }
	#main .box p#hotellink a:visited  { font:bold 11px Arial, Helvetica, sans-serif;  color:#999999; }

			.hoteldata{width:320px; float:left; padding:0; margin:0; display:inline;}
			.hotelphoto{width:180px; float:left; padding:0; margin:0; display:inline;}
			.bookthishotel{font:bold 17px/20px Arial, Helvetica, sans-serif;}

			#flashmap{width:480px; height:300px; min-height:300px; background:#ffffff; padding:0; margin:0 0 0 10px;}

		#right{width:180px;  padding:0; margin:0;  float:left; display:inline; /*background-color:#CddF99;*/}

			#right h3{/*background:#f9faec; color:#65655f;*/ background:#7a9e3d; color:#fff;margin:1px 1px 5px 1px; padding:2px 0 2px 10px;}
			#right h4{display:block; width:100%;}
			#right .box{width:180px; /*background:url(../images/box3-bg.gif) repeat-y;*/border:1px solid #dddddd; }
			#right .bottom{width:180px; height:10px; min-height:10px; /*background:#E5E3D4 url(../images/box3-bot.gif) top no-repeat;*/}
			#right ul li{padding:0 0 6px 0px; /*background:url(../images/arrow-icon.gif) no-repeat 0 4px;*/}

			#right .box-review  h3{ background:#bea285; color:#fff;margin:1px 1px 5px 1px; padding:2px 0 2px 10px;}
			#right .box-review {width:180px; /*background:url(../images/box3-bg.gif) repeat-y;*/border:1px solid #dddddd; }
			#right .box-review  p {font:normal 11px Arial, "Trebuchet MS"; padding:0px 10px 0px 10px; margin:0; text-align:left;}
			#right .box-review p.reviewer{color:#bea285; font:bold 11px/17px Arial, "Trebuchet MS"; padding:0 10px 5px 0; text-align: right;}

		#rightbox h3 {background:#e25a1e; color:#FFFFFF; margin:1px; padding:2px 0 2px 10px;}

	#bannerdiv{width:120px;  padding:0; margin:0 0px 0 15px;  float:left; display:inline; text-align:right;}

	#footerdiv {width:100%; margin:0 auto 0 auto; padding:0; background-color:#5a5e5f; border:0px solid; text-align:center; }
	#footer{width:1000px; margin:0 auto; padding:0;  text-align:left;}
		#footer p{color:#dedede; font:normal 11px/17px Arial, "Trebuchet MS"; padding:10px;}
		#footer a:link, #footer a:visited{color:#ffffff; text-decoration:underline; padding:0 16px 0 0;}
		#footer a:hover,  #footer a:active{text-decoration:none;}

ul.list01 {margin: 0 0 0 10px; padding: 0;}
ul.list01 li {list-style:none; padding:0 0 6px 10px; background:url(../images/list-img.gif) no-repeat 0 7px;}



/*MORE TEXT FORMATING*/

strong{color:#2A5A71; font:bold 13px/17px Arial, "Trebuchet MS";}
.ratingtable td{color:#333333; font:normal 10px Arial, "Trebuchet MS"; padding:0; margin:0;}
.ratingtable2 td{color:#333333; font:normal 13px Arial, "Trebuchet MS"; padding:0 6px 0 6px; margin:0 6px 0 6px;}
.comment{width: 50%; float: left; border:0px solid #000000;}
.rating{width: 39%; float: left; border:0px solid #000000; margin: 0 0 0 20px !important; margin: 0 0 0 10px;}
.title{ font:bold 12px Arial, "Trebuchet MS"; width: 93%; background: #eaeaea; border:0px solid #000000; margin: 0 auto; color: #333333; padding: 3px 0 1px 5px; height: 20px;}
.Title {color: #B72323;}

.oldprice{color:#666666; font:normal 13px/17px Arial, "Trebuchet MS"; text-decoration:line-through;}
.newprice{color:#b72323; font:bold 13px/20px Arial, Helvetica, sans-serif; padding:0; margin:0;}

.details, a.details:link, a.details:visited{color:#2A5A71; font:bold 13px/17px Arial, "Trebuchet MS"; padding:0 0 0 27px; background:url(../images/info-icon.gif) no-repeat 0 2px;}
a.details:hover, a.details:active{color:#b72323; font:bold 13px/17px Arial, "Trebuchet MS";}
.details2, a.details2:link, a.details2:visited{color:#2A5A71; font:bold 13px/17px Arial, "Trebuchet MS"; padding:0 0 0 6px; cursor: pointer;}
a.details2:hover, a.details2:active{color:#b72323; font:bold 13px/17px Arial, "Trebuchet MS";}

.reviews{color:#2A5A71; font:bold 13px/17px Arial, "Trebuchet MS";}
.reviews, a.reviews:link, a.reviews:visited{color:#2A5A71; font:bold 13px/17px Arial, "Trebuchet MS"; padding:0 0 0 24px; background:url(../images/review-icon.gif) no-repeat 0 2px; margin:0 0 0 6px;}
a.reviews:hover, a.reviews:active{color:#b72323; font:bold 13px/17px Arial, "Trebuchet MS";}

.commenter{ font-style:italic; float:right;}


.imagethumb {width:99%; text-align:center; padding:0;  margin: 0 auto; border: 0px solid #423423; display: block; float: left;}
.imagesmall img {text-align:center; padding:0;  margin:10px 0px 0 5px; border: 1px solid #fff; display: block; float: left; padding:6px; background:#e5e3d4;}
.imageframe {width:100%; text-align:center; padding:0;  margin: 0 auto; border: 0px solid #423423; display: block;}

/* ez a gombokhoz kell, sliding door css*/

a.sliding:link, a.sliding:visited{background:url(../images/button-left.gif) no-repeat left; color:#FFFFFF; text-decoration:none; font:bold 14px/24px Arial, Helvetica, sans-serif; margin:0; padding:3px 0 3px 12px; float:left; display:inline; border: 0px solid #000000;}
a.sliding:hover, a.sliding:active{color:#FFFFFF;}

hr {text-align: center; width: 90%; border:none; background:#E5E3D4; color:#E5E3D4; height:1px; min-height:1px;}

a.paginlink:link, a.paginlink:visited{color:#b72323; background:url(../images/paginate-hover.gif) no-repeat; text-align:center; padding:2px 3px 4px 3px; display:block; width:18px; float:left; margin:0 2px; text-decoration:none;}

a.paginlink:hover, a.paginlink:active{background:url(../images/paginate-hover.gif) no-repeat 0 -23px; color:#fff;}

.caltoday{display:block; width:18px; float:left; padding:2px 3px 4px 3px;}

a.bookme:link, a.bookme:visited,a.bookme:hover,a.bookme:active{margin:0 0 0 6px; padding:1px 14px 10px 16px;  width:135px; height:20px; border:none;background:url(../images/bookme.gif)  no-repeat; font-weight:bold; color:#FFFFFF; text-decoration:none;}


/****************/
/* FORM-ATTING */
/****************/

INPUT {width: 220px; border: 1px solid #cecece; background:url(../images/inputbg.gif) repeat-x #FFFFFF; margin: 3px 0 3px 0; font-size: 11px; padding:3px;}
SELECT {width: 220px; border: 1px solid #cecece; background: #ffffff url(../images/inputbg.gif) repeat-x; margin: 0 0 3px 0; font-size: 11px;}
.select {width: 220px; border: 1px solid #cecece; background: #ffffff url(../images/inputbg.gif) repeat-x; margin: 0 0 3px 0; font-size: 11px;}
TEXTAREA {width: 220px; height: 100px; border: 1px solid #cecece; background: #ffffff url(../images/inputbg.gif) repeat-x; margin: 0 0 3px 0; font-size: 11px;}
.checkbox{width: 20px; border: 1px solid #000000; background: #ffffff; margin: 0 5px 0 8px; font-size: 11px;}
.radio{width: 20px; border: 0px solid #000000; background: #ffffff; margin: 0; }
.submit {margin:5px 5px 0 0; width:80px; height: 20px; float:right; border:none;cursor:pointer; background:url(../images/ok-button.gif)  no-repeat; font-weight:bold; color:#FFFFFF;}
.search-button {position: relative; margin:5px 0 0 50px; width:80px; height: 20px; border:none; cursor:pointer; background:url(../images/ok-button.gif)  no-repeat; font-weight:bold; color:#FFFFFF;}

.maininput{width:263px;}
.maintextarea{width:268px;}

.selectdate{width:150px;}

.unselected {
	margin: 0 13px 0 13px;
	padding: 0 13px 0 13px;
	color: #666;
	background: transparent url(../images/radio0.gif) no-repeat 0% 50%;
}
.selected {
	margin: 0 13px 0 13px;
    padding: 0 13px 0 13px;
	color: #000;
	background: transparent url(../images/radio1.gif) no-repeat 0% 50%;
}
.selected:hover {
	background-image: url(../images/radio1.gif); cursor: pointer;
}
.unselected:hover {
	color: #333 !important;
	background-image: url(../images/radio1.gif); cursor: pointer;
}
.unchecked {
	margin: 0 13px 0 13px;
	padding: 0 13px 0 13px;
	color: #666;
	background: transparent url(../images/radio0.gif) no-repeat 0% 50%;
}
.checked {
	margin: 0 13px 0 13px;
    padding: 0 13px 0 13px;
	color: #000;
	background: transparent url(../images/check1.gif) no-repeat 0% 50%;
}
.checked:hover {
	background-image: url(../images/check1.gif); cursor: pointer;
}
.unchecked:hover {
	color: #333 !important;
	background-image: url(../images/check1.gif); cursor: pointer;
}


/****************/
/* AJAX SHITZ */
/****************/

.ajax_loading {
	padding: 20px 0;
	background: url(../images/ajax-loader.gif) no-repeat center;z-index:10000;
}
.button_prepare {
	padding: 20px 0;
	background: url(../images/button-preparing.gif) no-repeat;z-index:10000;
}

.error {  color: red; font-size: 10px; font-weight: bold; margin:0 2px 0 2px; padding:0;
}

.noterror {  color: green; font-size: 11px; font-weight: bold;
}

/****************/
/* FOR SLIDER   */
/****************/

.gutter {

height: 46px;
min-height:46px;
width:110px;
margin:0 0 0 10px;
padding: 0 0 0 0;
background: url(../images/16sliderbg.png) bottom no-repeat;}

* html .gutter {

height: 46px;
min-height:46px;
width:110px;
margin:0;
padding: 0 0 0 0;
background: url(../images/16sliderbg.png) 6px 19px no-repeat; border:1px solid #fff;}

html>body #minKnobA { padding:0; margin:0;}
html>body #maxKnobA { margin:0; padding:0;}
#minKnobA { padding:0; margin:0 0 0 0px;}
* html #minKnobA { padding:0; margin:0 0 0 0px;}
#maxKnobA { padding:0; margin:0 0 0 0px;}
* html #maxKnobA { padding:0; margin:1px 0 0 0px; /*border: 1px solid red;*/}

#sliderLabelA { padding:0px 0 5px 20px;}

.knob {
position: absolute;
height: 16px;
min-height:16px;
width:8px;
background:url(../images/16ball.gif) bottom no-repeat;
cursor:pointer;
padding:0;
margin:0;
}

/********************/
/* FOR AUTOCOMPLETE */
/********************/


div.autocompleter-loading
{
	float:					left;
	clear:					right;
	background:				#fff url(../images/ajax-loader.gif) no-repeat center;
	width:					20px;
	height:					16px;
}

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #eee;
	background-color:		white;
	border-right-color:		#ddd;
	border-bottom-color:	#ddd;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
}

ul.autocompleter-choices li
{
	position:				relative;
	padding:				0.1em 1.5em 0.1em 1em;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				10px;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	font-weight:			bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/********************/
/* FOR CALENDAR     */
/********************/

input.calendar,
select.calendar {
float: left;
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin:4px 0 0 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;

}

div.calendar {
	background: url(../images/calendar.png);
	height: 185px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}
	div.calendar * {
		margin: 0;
		padding: 0;
	}
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}

	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color:#bfb88c;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #ff2124;
		background:url(../images/calendar-noplace.gif);
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}

/**************************/
/*   FOR FORM VALIDATION  */
/**************************/

#bookingform .red {
	border: 1px solid red;
}

#bookingform label.red {
	border: none;
	color: red;
}

#bookingform .customRed {
	border: none;
	color: red;
}


#bookingform label {
	float: left;
	width: 180px;
}

#bookingform .customRed {
	border: none;
	color: red;
}

#validationMessage {
	padding: 0;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 0;
	color: red;
	font-weight: bold;
	display: none;
}

#bookingform .errorMessage {
	color: red;
	/*margin: -20px 0 0 -200px;*/
	font-size: 0.8em;
	border: 1px solid red;
	color: red;
	background: white;
	cursor: move;
	height: 15px;
	 width: 180px;
	overflow: hidden;
	padding: 3px;
	display:block;
	z-index: 1000;
}


/* BLOG PART */
.post_block {padding-top: 15px;}
.main_title a {text-decoration: none!important;}
.main_title h3 {font-size: 18px!important; cursor: pointer;}
.main_title h3:hover {color:#1a4b65;}
.subtitle1 {padding:5px 0px 0 10px;}
.readmore {color: #B72323; padding:5px 10px 0 0; text-transform: uppercase; float: right; font-weight: 900;}
.back {color: #B72323; padding:5px 0 0 10px; text-transform: uppercase; float: left; font-weight: 900;}
.lead-bottom {position: relative; width: 488px; border-bottom: 1px dotted #999999; height: 10px; margin: 0 0 10px 9px;}

.post-area {padding-top: 15px;}
.post-area p {margin-top: 0; padding-top: 0; line-height: normal;}