@charset "utf-8";
/**
 * GLOBAL STYLES
 */
html, body, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
map, area, 
blockquote, img, a, span, p, 
form, input, select, textarea, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background: top left repeat-x url(../gfx/bg.gif) #EBF4FF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link,
a:visited { color: #002969; text-decoration: none; }

a:hover,
a:active { color:#FF9900; }

div.clear { clear: both; }
div.clear2 { clear: both; display: block; height: 0.1px; overflow: hidden; }
div.inline { display: inline; }

img { display: block; }

ul, ol { margin: 7px 0px 7px 20px; }
ul ul,
ul ol, 
ol ol,
ol ul { margin-bottom: auto; margin-top: auto; }

p, table { margin: 12px 0px 12px 0px; }

h1,h2,h3,h4,h5,h6 { color: #002969; margin: 12px 0px; }
h1 { font-size: 19px; font-weight: normal; }
h2 { font-size: 17px; font-weight: normal; }
h3 { font-size: 15px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; font-style: italic; }
h6 { font-size: 13px; font-weight: normal; font-style: italic; }

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
input.text { border: 1px solid #CCCCCC; }
input.radio {}
input.checkbox {}
input.image { margin: 0px; padding: 0px; border: none; background: none; }
textarea { border: 1px solid #CCCCCC; }
select { border: 1px solid #CCCCCC; }
/**
 * LAYOUT
 */
#page-wrapper {
	margin: 0 auto;
	width: 1000px;
	/*background-color: #CC3300;	*/
}

#header {
	width: inherit;
	height: 65px;
	padding: 0px 7px 0px 7px;
	/*background-color: #009999;*/
}

/**
 * HEADER
 */
#logo { 
	position: relative;
	top: 6px;
	left: 5px;
	float: left;
}

#header #top-links { float: right; }
#header .links-block {
	border-left: 1px solid #E2E1E4;
	float: left; 
	height: 36px; 
	padding: 0px 0px 0px 10px;
	margin: 0px 15px 0px 0px;
}

#header span.title,
#header #top-links a {
	display: inline;
	font-size: 10px;
	margin-left: 5px;
	position: relative;
	top: 8px;
}
#header span.title { color: #666666; }

/**
 * MAIN MENU
 */
#main-menu { font-size: 12px; position: relative; z-index: 300; height: 49px; }
#main-menu div.item {
	float: left;
	display: inline;
	margin: 0px 5px 0px 0px;
	position: relative;
}
#main-menu div.split {
	float: left;
	height: 26px;
	width: 1px;
	margin: 15px 5px 0px 0px;
	overflow: hidden;
	border-left: 1px solid #CCCCCC;
}

#main-menu div.item.first a {
	margin-left: 17px;
}
#main-menu div.item.first a.active {
	margin-left: 0px;
}

#main-menu a:link,
#main-menu a:visited { 
	color: #003F81;
	height: 22px;
	float: left;
	display: inline-block;
	padding: 19px 5px 0px 5px; 
}
#main-menu a.active:link,
#main-menu a.active:visited {
	background: top left repeat-x url(../gfx/menu-active-bg.jpg);
	font-size: 15px;
	margin: 0px;
}
#main-menu a:hover,
#main-menu a:active { color: #FF9900; }

#main-menu span.left { 
	background: top left no-repeat url(../gfx/menu-active-left.jpg); 
	width: 17px; 
	height: 41px; 
	display: inline-block;
	float: left;
}

#main-menu div.first span.left { 
	background: top left no-repeat url(../gfx/menu-active-left-first.png); 
	width: 17px; 
	height: 49px; 
	display: inline-block;
	float: left;
}

#main-menu span.right { 
	background: top left no-repeat url(../gfx/menu-active-right.jpg); 
	width: 17px; 
	height: 41px; 
	display: inline-block;
	float: left;
}

#main-menu span.updated {
	display: block;
	float: left;
	width: 40px;
	height: 19px;
	top: -2px;
	left: 0px;
	position: absolute;
	background: top left no-repeat url(../gfx/menu-updated.jpg);
}

#main-menu span.new {
	display: block;
	float: left;
	width: 23px;
	height: 19px;
	top: -2px;
	left: 0px;
	position: absolute;
	background: top left no-repeat url(../gfx/menu-new.jpg);
}

/**
 * Submenu
 */
ul.submenu { list-style: none; font-size: 12px; color: #1D588C; margin: 0px 0px 25px 0px; position: relative; }
ul.submenu li { padding: 0px 0px 3px 16px; }
ul.submenu li.title {
	background: 0px 5px no-repeat url(../gfx/bullet-yellow.jpg);
	line-height: 150%;
	font-weight: bold;
	font-size: 14px;
}

ul.submenu a:link,
ul.submenu a:visited { color: #1D588C; }
ul.submenu a.special:link,
ul.submenu a.special:visited { color: #CC0000; }
ul.submenu a.special:hover,
ul.submenu a.special:active,
ul.submenu a:hover,
ul.submenu a:active { color: #FF9900; }

ul.submenu span.new { 
	width: 27px; 
	height: 10px;
	position: relative;
	left: 15px;
	display: inline-block;
	background: top left no-repeat url(../gfx/submenu-new.jpg);
}

/**
 * Your Location (breadcrumb)
 */
#your-location { 
	color: #666666; 
	font-size: 10px;
	line-height: 30px;
	margin-bottom: 10px; 
}
#your-location a:link,
#your-location a:visited { 
	color: #666666; 
	text-decoration: underline; 
}

#your-location a:hover,
#your-location a:active { color: #FF9900; }

/**
 * Special offers
 */
#special-offers { 
	position: relative;
	width: 1000px;
	top: -15px;
	/* background-color: #003399; */ }
#special-offers.vertical { top: 0px; width: 250px; }

#special-offers .item {
	width: 230px;
	height: 184px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	float: left;
	background: top left no-repeat scroll url(../gfx/specialoffer_bg.png);
}
#special-offers .item-small {
	width: 230px;
	height: 176px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	float: left;
	background: top left no-repeat scroll url(../gfx/specialoffer_small_bg.png);
}
#special-offers.vertical .item { float: none; margin-bottom: -3px; }

#special-offers-vertical .item {
	width: 230px;
	height: 184px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	background: top left no-repeat url(../gfx/specialoffer_bg.png);
}

#special-offers .image {
	width: 230px;
	height: 122px;
	overflow: hidden;
}

#special-offers .item span.type {
	width: 59px;
	height: 59px;
	position: absolute;
	margin: -3px 0px 0px -3px;
	background-color: #00CC66;
}
#special-offers .item span.limited {
	background: top left no-repeat url(../gfx/special-limited.png);
}
#special-offers .item span.new {
	background: top left no-repeat url(../gfx/special-newroute.png);
}
#special-offers .item span.play {
	background: top left no-repeat url(../gfx/special-playandwin.png);
}

#special-offers * {
	color: #003366;
	font-weight: bold;
	font-size: 12px;
}
#special-offers div.left { float: left; width: 105px; display: inline; margin: 15px 0px 0px 10px; overflow: hidden; }
#special-offers div.right { text-align: right; float: right; position: relative; margin: 7px 10px 0px 0px; width: 105px; display: inline; overflow: hidden; }
#special-offers .item-small div.left { margin-top: 13px; }
#special-offers .item-small div.right { margin-top: 5px; }
#special-offers div.text { margin: 15px 10px 0px 10px; }
#special-offers span.title { font-size: 17px; }
#special-offers span.big { font-size: 26px; }
#special-offers span.red { font-size: 10px; color: #FF0000; }
#special-offers span.small-gray { font-size: 10px; color: #666666; }
#special-offers a.more { display: block; margin: 5px 0px 0px 5px; }

#special-pager {
	text-align: center; 
	line-height: 35px; 
	font-size: 16px; 
	margin: 0px 7px;
}
#special-pager .prev { float: left; }
#special-pager .next { float: right; }

/**
 * Quick links
 */
#quicklinks { clear: both; }
#quicklinks a:link,
#quicklinks a:visited { 
	float: left;
	display: inline-block;
	margin: 0px 4px 0px 4px;
}

/**
 * Footer links
 */
#footer-links {
	margin-top: 5px;
}
#footer-links table {
	margin: 0px 7px 0px 7px;
}
#footer-links table td.split { width: 8px; overflow: hidden; }
#footer-links td.left-column,
#footer-links td.right-column {
	width: 444px;	
	background-color: #FFFFFF;
	padding: 15px 35px 15px 15px;
	vertical-align: top;
}

#footer-links td.right-column {
	width: 434px;
}

#footer-links ul {
	list-style: none;
}
#footer-links ul.left { 
	float: left;
	width: 200px; 
}
#footer-links ul.right { 
	float: left;
	width: 200px;
	margin-left: 10px;
} 
#footer-links ul li {
	background: 0px 3px no-repeat url(../gfx/bullet-yellow.jpg);
	padding: 0px 0px 10px 16px;
	color: #1D588C;
	line-height: 150%;
}
#footer-links ul.gray { margin-top: 10px; }
#footer-links ul.gray li { color: #666666; }

#footer-links * { font-size: 12px; }

#footer-links a {
	font-size: 12px;
}

#footer-links h2 {
	font-size: 20px;
	font-weight: normal;
	color: #1D588C;
	margin: 0px 0px 10px 0px;
}

#footer-links div.date { 
	color: #666666; 
	font-size: 10px;
	padding: 3px 0px 0px 0px; 
}

#footer-links div.date a {
	font-size: 10px;
	text-decoration: underline;
	color: #666666;
}
#footer-links div.date a:hover,
#footer-links div.date a:active { color: #FF9900; }

/**
 * Bottom links
 */
#bottom-links {
	background-color: #FFFFFF;
	margin: 10px 7px 0px 7px;
	padding: 0px 15px 0px 15px;
	line-height: 35px;
}

#bottom-links img { vertical-align: middle; display: inline; }
#bottom-links img.icon { margin: 0px 5px 0px 15px; }
#bottom-links img.split { margin: 0px 5px 0px 15px; }
#bottom-links span.title { font-size: 16px; color: #666666; }

#bottom-links a.big { font-size: 16px; color: #3E8FBC; text-decoration: underline; top: 2px; }
#bottom-links a.big:hover,
#bottom-links a.big:active { color: #FF9900; }

#bottom-links a {
	position: relative;
	z-index: 300;
}

#copyright {
	margin-top: 10px;
	text-align: right;
	color: #80A3C4;
	padding-right: 153px;
	font-size: 10px;
	position: relative;
	margin-bottom: 60px;
}
#copyright img { position: absolute; top: -57px; right: 15px; z-index: 200; }


/**
 * content area
 */
#contentarea { position: relative; top: -15px; margin: 0px 0px 0px 0px; z-index: 100; width: 1000px; /*background-color: #00CC66;*/ }
#contentarea.front {}
#contentarea.front div.column-left {
	width: 750px;
	float: left;
}
#contentarea.front div.column-left div.content {
	width: 736px;
	padding: 0px 7px 0px 7px;
	background: top left repeat-y url(../gfx/content-small-bg.png);
}
#contentarea.front div.column-right { 
	width: 250px;
	float: left;
	overflow: hidden;
}

/**
 * Boxes
 */
img.shadow { display: block; }

div.box-wide { }
div.box-wide div.content { width: 1000px; padding: 0px 7px 0px 7px; background: top left repeat-y url(../gfx/content-bg.png); }
div.box-wide div.sidebar-left {
	width: 210px;
	padding: 30px 10px 0px 20px;
	float: left;
	overflow: hidden;
	position: relative;
}
div.box-wide div.column-right {
	float: right;
	width: 656px;
	padding: 0px 55px 60px 35px;
	background: left top no-repeat url(../gfx/rightcolumn-bg.png);
	overflow: hidden;
	position: relative;
}

/**
 * Front map / image
 */
#front-map {
	width: 372px; 
	display: inline; 
	margin: 0px 3px 0px 0px; 
	height: 413px; 
	float: right;
	overflow: hidden;
}

/**
 * Booking form
 */
#booking-form {
	width: 333px; 
	height: 403px;
	padding: 10px 0px 0px 25px;
	margin: 0px 0px 0px 3px;
	overflow: hidden;
	display: inline; 
	float: left; 
	color: #002C66;
	font-size: 12px;
	position: relative;
}

div.booking-form-right input.rounded,
#booking-form input.rounded {
	height: 18px;
	padding: 3px 2px 0px 2px;
	color: #003F85;
	background-color: #DEEEFF;
	border: 1px solid #CCCCCD;
	text-align: left;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.booking-form-right .title,
#booking-form .title {
	color: #FF6600;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.booking-form-right .group,
#booking-form .group {
	margin-bottom: 7px;
}
#booking-form input.radio { 
	vertical-align: middle;
	border: none;
	padding: 0px;
	margin: -2px 3px 0px 10px; 
}
div.booking-form-right label.small,
#booking-form label.small {
	font-size: 11px;
}
#booking-form span.message {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #cc0000;
}
#booking-form .dates .column {
	float: left;
	display: inline;
	width: 160px;
}
#booking-form .dates div.title,
#booking-form .dates label.title,
#booking-form .dates select {
	margin: 0px 0px 5px 0px;
}
#booking-form .dates label.title {
	display: block;
}
#booking-form .dates select {
	width: 143px;
	padding: 1px;
	border: 1px solid #CCCCCD;
	background-color: #DEEEFF;
	color: #003F85;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#booking-form .dates input {
	vertical-align: middle;
	border: none;
	padding: 0px;
	width: 15px;
	margin: -2px 3px 0px 0px;
}

#booking-form .dates input.text {
	width: 139px;
	height: 18px;
	padding: 3px 2px 0px 2px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCD;
	background-color: #DEEEFF;
	color: #003F85;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
	font-weight: bold;
}

#booking-form .calendar-wrap {
	height: 166px;
}
#booking-form .calendar {
	color: #003F85;
	width: 133px;
	padding: 5px;
	border: 1px solid #CCCCCD;
	background-color: #DEEEFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0px 0px 5px 0px;
}

#booking-form .calendar .select-month {
	font-size: 11px;
	text-align: center;
	height: 17px;
}

#booking-form .calendar .select-month a {
	width: 19px;
	height: 16px;
	display: inline-block;
}
#booking-form .calendar .select-month a.prev:link,
#booking-form .calendar .select-month a.prev:visited {
	float: left;
	background: 7px 3px no-repeat url(../gfx/calendar-arrow-left.png) #ffffff;
}

#booking-form .calendar .select-month a.next:link,
#booking-form .calendar .select-month a.next:visited {
	float: right;
	background: 8px 3px no-repeat url(../gfx/calendar-arrow-right.png) #ffffff;
}
/* cal begin */
#booking-form table.cal {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#booking-form table.cal th,
#booking-form table.cal td {
	border: 1px solid #CCCCCC;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}
#booking-form table.cal th.red {
	color: #CC0000;
}
#booking-form table.cal td.direct {
	background-color: #DEEEFF;
	font-weight: bold;	
}

#booking-form table.cal a:link,
#booking-form table.cal a:visited {
	color: #003F85;
	display: block;
	width: 18px;
	height: 15px;
	padding: 3px 0px 0px 0px;
}
#booking-form table.cal td.unavailable a:link,
#booking-form table.cal td.unavailable a:visited {
	color: #B2C5DA;
}

#booking-form table.cal a.selected:link,
#booking-form table.cal a.selected:visited {
	background-color: #ff9900;
	color: #000000;
	font-weight: bold;
}
#booking-form table.cal a:hover,
#booking-form table.cal a:active {
	background-color: #003F85;
	color: #FFFFFF;
}

#booking-form table.cal th {
	background: top left repeat-x url(../gfx/calendar-header-bg.png);
}



/* cal end */

#booking-form .passangers div.title { 
	clear: both;
	margin: 0px 0px 5px 0px;
}
#booking-form .passangers label,
#booking-form .passangers input {
	float: left;
}
#booking-form .passangers label {
	font-size: 11px;
	margin: 0px 5px 0px 0px;
}
#booking-form .passangers label span {
	font-size: 10px;
	color: #666666;
}
#booking-form .passangers input {
	width: 24px;
	margin: 0px 15px 0px 0px;
	text-align: center;
}

#booking-form .discount label {
	display: block;
	margin: 0px 0px 5px 0px;
	clear: both;
}
#booking-form .discount input {
	float: left;
}
#booking-form input.submit { float: right; margin: 0px 30px 0px 0px; }

/* book hotel */
div.booking-form-right {
	width: 372px; 
	display: inline; 
	margin: 0px 3px 0px 0px; 
	height: 413px; 
	float: right;
	overflow: hidden;
	position: relative;
	background: 0 0 no-repeat url(../gfx/booking-right-bg.png);
}
div.booking-form-right div.submit {
	text-align: right;
	padding: 0 30px 0 0;
}
div.booking-form-right div.rooms {
	padding-left: 45px;
	padding-bottom: 40px;
}
div.booking-form-right div.rooms input {
	width: 24px;
	text-align: center;
}

div.booking-form-right div.rooms th {
	font-size: 12px;
	color: #002C66;
	font-weight: normal;
	text-align: center;
	padding: 0 10px 10px 10px;
}
div.booking-form-right div.rooms th.title {
	text-align: left;
}
div.booking-form-right div.rooms th span.info {
	color: #666666;
	font-size: 11px;
}
div.booking-form-right div.rooms td {
	padding: 0 10px 3px 10px;
	text-align: center;
}
div.booking-form-right div.rooms td.name {
	text-align: right;
}
div.booking-form-right div.rooms td label {
	font-size: 11px;
	color: #002C66;
	font-weight: normal;
}