
.logo {
	margin-top:10px;
	margin-left:0px;
}
.menublock {
	border-bottom:1px solid #ff0000;
	padding:12px 0 0 0;
	height:65px;
}
.menublock a{
	display:block;
	font-size:1.2em;
	line-height:1.46em;
	color:#333;
}
.menublock span.welcome {
	color:#ff3333;
	font-size:1.2em;
	line-height:1.46em;
	font-weight:bold;
	}
a.signin {
	color:#FF3333;
	font-weight:bold;
	}



.mapnav {
	margin:0 5px 0 15px;
}
.mapcont {
	height:350px;
	background:#FFEFE5;
	margin-top:20px;
	margin-left:0px;
	padding:10px 0;
}

.mapinfo {
	position:absolute;
	top:25px;
	left:272px;
	background:#fff;
	border:1px solid #999;
	width:260px;
	padding:4px;
	}
.mapinfo p{
	margin:0 0 3px 15px;
	color:#333;
	font-size:1.1em;
	}
p.mapname {
	font-weight:bold;
	}
p.mapprice {
	color:#FF3300;
	margin-top:15px;
	}
.mapinfo a {
	font-size:1.1em;
	color:#333;
	font-weight:bold;
	}


/*CALENDAR---------------------------------*/

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}
input.calendar, select.calendar {
	width: 99px;
	float:left;
	margin-right:5px;
}
button.calendar {
	background: url(../img/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover, button.calendar.active {
	background-position: 0 20px;
}
div.calendar {
	background: url(../img/calendar.png);
	height: 195px;
	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(../img/calendar-prev.gif);
	left: 0;
}
div.calendar caption a.next {
	background-image: url(../img/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: #0597DB;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(../img/calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(../img/calendar-valid.gif);
	color: #0597DB;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(../img/calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(../img/calendar-td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active,  div.calendar td.hover {
	background: url(../img/calendar-valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}
/*TITLES---------------------------------*/
h1 {
	float:left;
	padding:5px 10px;
	font-size:3em;
	color:#FFF;
	margin:0;
	font-weight:normal;
	font-family:Trebuchet MS, Tahoma, Verdana, Arial;
}
h1.search {
	background:#FF3333;
}
div.top h1 {
	background:#FF9900;
	width:200px;
}
div.recommend h1 {
	background:#339900;
}
div.topoffers h1 {
	background:#663399;
}
div.news h1 {
	background:#FF0066;
}
div.weather h1 {
	background:#0099CC;
	width:280px;
}
div.allhotels h1 {
	background:#FF3300;
	width:280px;
}
div.gallery h1, div.verify h1, div.photo h1 {
	background:#999;
}
div.booking h1 {
	background:#FF3333;
}
div.rates h1 {
	background:#663399;
	margin-bottom:10px;
}
div.other h1 {
	background:#FF0066;
	margin-bottom:10px;
}
div.photos h1 {
	background:#999;
}
div.myhotels h1, div.about h1 {
	background:#FF3333;
}
/*MAIN BLOCKS---------------------------------*/
div.map {
	margin:0px;
}
div.top {
	position:relative;
	border:1px solid #FF9900;
	margin-top:10px;
}
div.recommend {
	position:relative;
	margin:10px 0 0 0;
}
div.topoffers {
	position:relative;
	margin-top:20px;
}
div.news {
	position:relative;
	margin-top:20px;
}
div.weather {
	position:relative;
	margin-top:20px;
	border:1px solid #0099CC;
}
div.allhotels {
	position:relative;
	margin-top:20px;
	border:1px solid #FF3300;
}
div.gallery, div.verify {
	position:relative;
	margin-top:20px;
}
div.booking, div.rates, div.other, div.photos, div.myhotels, div.about, div.photo {
	margin-top:15px;
	margin-left:15px;
}


div.footer {
	border-top: #ccc solid 1px;
	color:#666;
	font-size:1.1em;
	padding:0 5px;
	margin-top:20px;
	}
	
div#footl {
	display:inline;
	float:left;
	padding:5px 0 0 0px;
}

div#footr {
	display:inline;
	float:right;
	padding-right:0px;
	width:190px;
}	
p.madeby {
	float:left;
	margin-top:10px;
	}
p.madeby a{
	color:#666;
	}
p.madeby a:hover{
	color:#FF3333;
	}
img.madeby {
	float:right;
	margin-top:0px;
	}
	

/*BOOKING---------------------------------*/
div.step {
	margin:10px 0;
}
div.booking table th {
	text-align:left;
	color:#333;
	font-weight:normal;
	padding:7px 5px 7px 0;
	width:160px;
}
td.fe {
	width:240px;
}
td.note {
	padding:0 0 10px 0;
}
a.roomp {
	color:#333;
	font-size:1em;
	background:url(../img/roomphotos.gif) no-repeat;
	padding-left:20px;
}
   span.remove a {
	color:#333;
	font-size:1.2em;
	background:url(../img/remove.gif) no-repeat;
	padding-left:17px;
}
div.hr {
	height:1px;
	border-bottom:1px solid #ccc;
	margin:10px 0;
}
div.total {
	border-top:1px solid #ccc;
	background:#F0F0F0;
	padding:10px 10px 10px 20px;
	font-size:1.3em;
	margin:10px 0 5px -20px;
}
div.onemore {
	font-size:1.3em;
	margin-bottom:20px;
}
div.onemore a {
	color:#333;
}
.submitr {
	font-size:1.5em;
	font-weight:bold;
	padding:3px 5px;
}
.booking img {
	margin-left:3px;
}
div#progress {
	margin:20px 0;
	}







div.topoffers div.grid_4 {
	margin-top:10px;
	margin-right:10px;
	position:relative;
}
div.topoffers div.grid_4 img {
	float:left;
	border:1px solid #666;
}
div.topoffers div.grid_4 p {
	color:#505050;
	font-size:1.2em;
	line-height:1.2em;
	padding-left:130px;
}
div.weather table td {
	font-size:1.2em;
	padding:6px 10px;
	color:#333;
}
div.weather table tr.odd td {
	background:#E5F5FA;
}
div.weather table td.temp {
	font-weight:bold;
	padding:6px 0;
}
div.weather table td.precip {
	padding:0;
	margin:0;
}
div.weather table td.precip img{
	margin:2px 0 -5px 0;
}
sup {
	position:relative;
	top:-5px;
	font-size:0.7em;
}
div.allhotels table td {
	font-size:1.2em;
	padding:4px 10px;
	color:#333;
}
div.allhotels table a {
	color:#333;
}
div.allhotels table tr.odd td {
	background:#FFEAE5;
}
div.allhotels table td.rate {
	color:#666;
	text-align:right;
}
div.gallery img.gal, div.photo img.gal {
	border:1px solid #999;
	padding:6px;
	margin:10px 10px 0 0;
}
div.gallery a, div.photo a {
	position:relative;
}
div.photos ul li {
	float:left;
	margin:0;
	list-style:none;
}
div.photos img {
	border:1px solid #999;
	padding:6px;
	margin:10px 14px 0 0;
	clear:both;
}
div.photos a {
	text-decoration:none;
	color:#333;
	font-size:1.2em;
}
div.photos p {
	text-align:center;
	background:#EAEAEA;
	margin:0 14px 0 0px;
	padding:3px 0;
}
.findf {
	padding-left:10px;
	font-size:1.2em;
}
div#map {
	border:1px solid #666;
	width:684px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
div#slide {
	font-size:0.1em;
	position:relative;
	margin-top:15px;
	border-bottom:1px solid #999;
	width:180px;
	margin-bottom:10px;
}
div#slide div {
	position:absolute;
	top:-5px;
	height:5px;
}
div#slide div.mark {
	border-left:1px solid #999;
	height:5px;
}
div.slider {
	position:absolute;
	margin-left:-4px;
}
div.top table td {
	font-family:Tahoma, Verdana, Arial;
	font-size:1.1em;
	line-height:1.45em;
	padding:3px 0 3px 12px;
	color:#333;
}
div.top table td a {
	color:#333;
}
div.top table tr.odd td {
	background:#FFF5E5;
}
.hotphoto {
	margin-top:10px;
	width:158px;
	padding:0;
	display:inline;
	float: left;
	border:1px solid #CCC;
}
.hotphoto img {
	margin:0;
	}
	
div.myright .hotphoto {
	margin:10px 0 0 10px;
	}	
.hotdescr {
	margin-top:10px;
	height:190px;
	position:relative;
	background:none;
	overflow:visible
}
.hotdescr p, .hotdescr h2 {
	margin:0px 0 10px 10px;
	font-size:1.2em;
	line-height:1.3em;
}
.hotdescr h2 {
	font-size:1.5em;
	font-weight:bold;
	color:#339900;
}
.hotdescr h2 a{
	color:#339900;
}
.hotdescr p {
	color:#333;
}
.hotdescr h2 img {
	position:relative;
	top:-5px;
}
div.recommend .more {
	position:absolute;
	bottom:0;
	left:170px;
}
div.recommend .more a {
	color:#339900;
	font-size:1.2em;
}
div.topoffers .more {
	position:absolute;
	bottom:0;
	left:130px;
}
div.topoffers .more a {
	color:#663399;
	font-size:1.2em;
}
div.gallery .more {
	position:absolute;
	bottom:-15px;
	right:10px;
}
div.gallery .more a {
	color:#999;
	font-size:1.2em;
	font-weight:bold;
}
.shad2col {
	width:140px;
	position:absolute;
	bottom:-16px;
	_bottom:-17px;
	left:0;
}
.shad4col {
	width:300px;
	position:absolute;
	bottom:-19px;
	left:0;
}
.shadphoto {
	width:196px;
	position:absolute;
	bottom:-12px;
	left:0;
}
a.book {
	float:right;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

/*BUTTONS============================================
*/
a.button {
	color: #444;
	display: block;
	float: left;
	font: bold 12px arial, sans-serif;
	height: 24px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: underline;
}
a.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.but_r {
	background: transparent url('../img/bg_button_a.png') no-repeat scroll top right;
}
a.but_r span {
	background: transparent url('../img/bg_button_span.png') no-repeat;
}
a.but_g {
	background: transparent url('../img/bg_buttong_a.png') no-repeat scroll top right;
}
a.but_g span {
	background: transparent url('../img/bg_buttong_span.png') no-repeat;
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}
div.rates a.button {
	float:right;
	margin-top:25px;
	}
div.rates div.currency {
	margin:12px 0 0 10px;
	float:left;
	display:inline;
	font-size:1.2em;
	color:#333;
	}
div.rates form {
	display:inline;
	}
a.cancel {
	margin:10px 0 0 25px;
	}	
	

/*HOTEL PAGE============================================
*/
div.address {
	background:#FFEFE5;
	border-left:1px solid #FF3333;
	margin:10px 0 0 0;
	padding:10px;
	display: inline;
	float: left;
	width:205px;
}
.hotdescr_i {
	padding:0;
}
.hotdescr_i p {
	color:#333;
	margin:0px 0 10px 0px;
	font-size:1.2em;
	line-height:1.3em;
}
div.address ul {
	list-style:none;
	font-size:1.2em;
	font-style:italic;
	color:#666;
	margin:0;
	padding:0;
}
div.address ul li {
	margin:0;
}
div.address ul li.ad {
	margin-top:10px;
}
div.rates table {
	border:1px solid #ccc;
}
div.rates table td {
	font-size:1.2em;
	color:#333;
	border-right:1px solid #ccc;
	padding:5px 0 5px 10px;
}
div.rates table th {
	padding:5px 0;
	font-size:1.3em;
	font-weight:bold;
	background:url(../img/rates_gr.jpg) repeat-x;
	border-right:1px solid #E0E0E0;
}
div.rates table tr.odd td {
	background:#EFEAF5;
}
/*SEARCH RESULTS============================================
*/	
div.results {
	border-top:3px solid #666;
	font-size:1.2em;
}
div.results tr th {
	text-align:left;
	color:#fff;
	background:#8C8C8C;
	padding:5px;
}
div.results tr td {
	text-align:left;
	color:#333;
	padding:5px 5px;
}
img.circle {
	position:relative;
	margin-bottom:-5px;
	_margin-bottom:-4px;
	margin-left:15px;
}
div.results tr.odd td {
	background:#F4F4F4;
}
div.results a.name {
	color:#333;
	font-weight:bold;
}
div.results a.name:hover {
	color:#FF3300;
}
a.moreinfo {
	color:#FF3300;
	font-weight:bold;
}
div.results a.moreinfo:hover {
	color:#666;
}
div.paging {
	margin:10px 0px;
	text-align:center;
	color:#333;
}
div.paging a {
	color:#666;
	margin:0 2px;
	font-size:1em;
}
div.paging a#current {
	text-decoration:none;
	font-weight:bold;
	color:#FF3300;
}

/*USERPAGE============================================
*/
div.mynav {
	padding:0;
	margin:0;
}
div#navcontainer {
	border-right:#CCCCCC 4px solid;
	text-align:left;
	margin:10px 0 0 0;
}
ul#menul {
	padding:0;
	border-right:#CCCCCC 4px solid;
	text-align:left;
	margin:10px 0 0 10px;
}
ul#menul li {
	margin-left:0;
	}
ul#menul {
	list-style-type: none;
	text-align: left;
}
ul#menul li a {
	text-align: left;
	font-size: 1.3em;
	line-height:1.6em;
	color: #333;
}
ul#menul li a:hover {
	color: #666;
}
ul#menul li a#current {
	color: #333;
	font-weight:bold;
}


ul.orderlist {
	list-style:none;
	margin:10px 0 0 -4px;
	padding:0;
	border-left:4px solid #ccc;
}
ul.mybooking {
	border:0;
	margin-left:-10px;
	}
ul.orderlist li {
	padding:3px 3em;
	margin:0;
	position:relative;
	color:#333;
	font-size:1.2em;
	height:1.9em;
}
ul.mybooking li {
	padding:7px 3em 0 3em;
	}

ul.orderlist li a {
	margin:0;
	height:1.9em;
	color:#333;
	line-height:1.9em;
}
ul.orderlist li a:hover {
	color:#666;
}
ul.orderlist li.odd {
	background-color:#F5F5F5;
}
a.status {
	position:absolute;
	top:5px;
	left:450px;
	_left:410px;
	}
a.status img {
	}
span.data {
	width:150px;
	display:block;
	float:left;
	font-weight:bold;
	}
span.data_r {
	width:200px;
	display:block;
	float:left;
	}	
	
	
	
	
div.cc_form {
	background:#F5F5F5;
	padding:10px 30px;
	}
div.cc_form table td{
	font-size:1.3em;
	color:#333;
	padding:4px 0;
	}
div.cc_form table td input {
	height:20px;
	font-size:1.2em;
	}
div.cc_form table td span.cc_help {
	font-size:1em;
	color:#666;
	background:#fff;
	margin:0;
	padding:4px 10px 7px 10px;
	_padding:10px 10px 2px 10px;
	margin-left:20px;
	}
div#cc_submit {
	margin:10px 0 0 30px;
	}
div#cc_submit input{
	font-size:1.4em;
	font-weight:normal;
	padding:2px;
	width:80px;
	}
	
div.error {
	border:1px solid #FF3333;
	background:#FFD2D2;
	padding:10px 30px;
	font-size:1.2em;
	color:#333;
	}
div.error ul li{
	margin:3px 0 0 14px;
	font-style:italic;
	}
div.error p.wrong {
	margin:0 0 5px 0;
	font-size:1em
	}
	
	
div.register {
	background:#F5F5F5;
	padding:10px 20px;
	margin:10px 0;
	}
div.register table td{
	font-size:1.1em;
	color:#333;
	padding:3px 0;
	}
div.register table td input {
	height:20px;
	font-size:1.2em;
	}

div.verify table {
	margin:10px 0 0 0;
	font-size:1.3em;
	}	
div.verify table tr.odd td, div.verify table tr.odd th  {
	background:#F5F5F5;
	}
div.verify table tr td, div.verify table tr th {	
	padding:5px;
	}
div.verify table tr th {
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}
div.verifyb {
	margin:10px 0 0 10px;
	}
	
	
	
div.imgdescr {
	color:#666;
	text-align:center;
	font-style:italic;
	font-size:1.1em;
	padding:3px 0 0 0;
	}
	