/* CSS Document */

/* Structure Layout */
html, body {
    height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #0961A1;
	font-family: "Lucida Grande", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 2em;
	color: #333333;
}
a:link {
	color: #0C4D92;
	text-decoration: underline;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.relative {position:relative;}
.absolute {position:absolute;}
#pagename {
	bottom:0;
	left:0;
	position: absolute;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.light{color:#CCCCCC;}
h2,h3,h4 {
	padding:0px;
	margin:0px;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#0C4D92;
	font-size:180%;
	font-weight: lighter;
	}
h1 {
	display:block;
	padding:0px;
	margin:0;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#0C4D92;
	font-size:200%;
	line-height:200%;
	font-weight: lighter;
	
	}
.clear{height:0px;}
/* Icon fix -- */
.iconfix img{
	margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}
/* Custom */

.largeblue {
color:#0C4D92;
font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:130%;
line-height:160%;
font-weight:lighter;
}
.smalltext{font-size:80%;}

form input{padding:0; margin:0}
form.minibooking {
	padding:0px;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.minibooking label {display:block;width:100%}
.minibooking input#date {border:1px solid #333333;
height:16px;
margin:0;
padding:2px;
position:absolute;
top:29px;
width:90px;}
.minibooking .date {width:120px; float:left; position:relative; height:51px; margin-bottom:0 !important}
.minibooking .date .calendaricon {
	border:1px solid #333333;
	display:block;
	height:18px;
	position:absolute;
	right:3px;
	top:29px;
	width:26px;
	padding-top: 2px;
	padding-left: 2px;
	background-color: #FFFFFF;
}
.minibooking .rooms,.minibooking .adults,.minibooking .nights,.minibooking .children{
	width:42px;
	float:left;
	margin-left: 17px;
	height:51px;
	 margin-bottom:0 !important
}
.minibooking .button {
	width:119px;
	margin: 10px 0 0 180px;
	height: 36px;
}
.minibooking select {
	border:1px solid #333333;
	height:22px;
	padding:2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 42px;
}

.borderbottom {border-bottom:1px solid #5B656C;}
.borderbottomLight {border-bottom:1px solid #CCCCCC;}

#topbar {
	background-color: #5B656C;
	color: #FFFFFF;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: x-small;
	line-height: 26px;
	height: 26px;
}
#topbar a {color:#FFFFFF;}

#container {
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#footer {
background:#5B656C;
position:relative;
color:#ffffff;
display:block;
font-size:80%;
height:20px;
margin:0 auto 0 auto;
padding:5px;
width:970px;
text-align: center;
}
#footer a {color:#ffffff;}

#footer span {text-align:right; position:absolute; width:970px; right:0px}

#footer ul {padding:0px; margin:0px; width:970px;}
#footer ul  li {
	padding:0px;
	float:right;
	list-style-type: none;
}
#footer ul  li a {
	border-right:1px solid #5B656C;
display:block;
height:15px;
line-height:15px;
margin:0 10px 0 0;
padding:0 10px 0 0;;
}
/* Custom Styles - */
.bannerimage{
	display:block;
	margin:30px 0 10px 0;
}

.bannertitle{
	font-size:120%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	color:#0C4D92;
}
.bannertext{
font-size:90%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
#map {border:1px solid #999999;}


ul.blocklist {margin:0px; padding:0px;}
ul.blocklist li {
border:1px solid #999999;
display:block;
list-style-type:none;
margin:10px 10px 10px 0;
padding:5px;
}
ul.blocklist li a {
display:block;
}

ul.blocklist li img{
	margin:0 3px -5px 0 !important;
    padding:0;
    border:none;
	}

/* TOP NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#topnav {
	display: block;
	list-style: none;
	bottom: 0px;
	background-image: url(/images/navback.png);
	background-repeat: repeat-x;
	position: relative;
}
#topnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#topnav li span {
	margin: 0px;
	padding: 0px;
	display: block;
}
#topnav  li a {
	font: normal 14px/40px Arial, Helvetica, "Lucida Grande";
	color: #5B656C;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	text-transform: capitalize;
	height: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#topnav li a:hover {
	color: #0C4D92;
}
#topnav li a.selected, #nav li a.selected:hover  {
	color:#0C4D92;
	background-image: url(/contents/selected.png);
	background-repeat: no-repeat;
	background-position: center 27px;
}
#last { border-right:1px solid #FFFFFF; }

/* BOTTOM NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#botnav {
	background-color: #5B656C;
	color: #FFFFFF;
	text-align: right;
	padding-top: 0px;
	position:relative;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: x-small;
}
#boynat a {color:#FFFFFF;}

/* SUB NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#subnav {
	padding:0px;
	margin-top: 0px 0px 10px 0px;
}	
#subnav  ul {
	display:block;
	list-style-type:none;
	padding:0;
	height: 30px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-top:1px dotted #CCCCCC;
}
#subnav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#subnav li a {
	list-style-type: none;
	display: block;
	color:#5B656C;
	text-decoration: none;
	background-image: url(/images/subnav-tab.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	margin:3px 10px 0 0;
	padding:0 10px 0 0;
	float: left;
	
}
#subnav li li a{ color:#66CC33; padding-left:20px;}
#subnav li a:hover {
	color:#0C4D92;
	font-weight: normal;
}

/* Lists */

ul.list {padding:0;margin:0;}
ul.list li {
	border-bottom:1px dotted #666666;
float:left;
list-style-type:none;
margin:0 10px 0 0;
padding:3px 0;
width:260px;
color:#0C4D92;
}

/* Steps */

.steps {
	background-image: url(/images/step-unselected.png);
	background-repeat: repeat-x;
	background-position:-25px center;
}
.steps a, .stepstabs a {
	text-decoration: none;
}
.steps ul,.stepstabs ul{
	padding:0;
	margin:0;
	width: 510px;
}
.steps ul li, .stepstabs ul li{
	float:left;
	list-style-type:none;
	margin:0;
	width:100px;
	color:#0C4D92;
	text-align: center;
	font-size: 80%;
}
.steps .stage{
	float:left;
	display: block;
	height: 20px;
	background-image: url(/images/step-selected.png);
	background-repeat: repeat-x;
	background-position: -39px center;
}
.curvedboxTop{
	display:block;
	width:100%;
	background-image: url(/images/corners.png);
	background-repeat: no-repeat;
	height: 16px;
	margin-top: 20px;
}

/* Search Box */

.curvedboxBottom{
	display:block;
	width:100%;
	background-image: url(/images/corners.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 16px;
}
.curvedbox{color:#FFFFFF; background:#70787F;}

/* Booking options */

ul.bookingoptions label{
border-right:1px dotted #999999;
display:block;
float:left;
height:25px;
line-height:25px;
margin-right:20px;
width:140px;
}
ul.bookingoptions input, ul.bookingoptions select{
border:1px solid #CCCCCC;
float:left;
font-size:100%;
padding:2px;
width:310px;
}
.minisubtext {font-size:70%;
line-height:10px;
margin-left:20px;}
abbr {
	cursor: help;
 	 border-bottom: none;
	 color:#CC0000;}
	 
.bookingoptions .formfieldalert{border-color:#CC0000; border-width:2px !important;}


ul.bookingoptions {
	color:#333333;
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.bookingoptions li {
	color:#333333;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	margin:0 0 -1px 0;
	height: 30px;
}
ul.bookingoptions li.listalert {
	background-color: #FBE3E4;
	
}
div.listalert {
	background-color: #FBE3E4;
	
}
ul.bookingoptions li img, ul.bookingoptions li span img{
	margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
ul.bookingoptions ul li img, ul.bookingoptions ul li span img{
	margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
ul.bookingoptions li .card_icons img{
	margin:10px 3px -3px 0!important;
    padding:0;
    border:none;
    width:auto;
    height:auto;
}
ul.bookingoptions li ul {padding:20px 0 20px 0;margin:0px; list-style-type:none; }
ul.bookingoptions li ul li{
	background-color:#F6F6F6;
border-style:dotted none none;
border-top:1px dotted #666666;
margin:0;
padding:5px;
}
ul.bookingoptions button, ul.bookingoptions .buttons{margin:0px; float:right;}

/* Booking options */

ul.bookingselected {margin:0; padding:0;}


/* Totals */

ul.totals {
	margin:0px;
	list-style-type:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0;
	font-size:80%;
}
ul.totals li{
	background-color:#F6F6F6;
border-style:dotted none none;
border-top:1px dotted #666666;
margin:0;
padding:0 5px;
}
ul.totals li .delete{
	display:block;
	margin:0;
	padding:6px 0 0 5px;
}
ul.totals li .delete a{
	display:block;
}
ul.totals img {border:none;}

ul.totals li.listdesc{
	background-color:#BBC6D3;
}
ul.totals li.listtotal{
	color:#FFFFFF !important;
	background:#70787F;
	padding:0 10px 0 0 !important;
}

/* Totals  Table*/

.totals table {
	border-collapse:collapse;
	margin-bottom: 10px;
}

.totals table td {
	padding:2px;
	margin:0px;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	border-collapse:collapse;
	text-align: center;
}
.totals table th {
	padding:10px 2px 10px 2px;
	margin:0px;
	text-align: center;
	line-height: 100%;
}

.buttons a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
button.positive, .buttons a.positive {
color:#529214;
}
.buttons a.confirm:hover, button.confirm:hover {
background-color:#E6EFC2 !important;
border:1px solid #C6D880;
color:#529214 !important;
}
button.confirm, .buttons a.confirm {
color:#FFFFFF !important;
background-color:#6D757C !important;
}
buttons a.negative:hover, button.negative:hover {
background:#FBE3E4 none repeat scroll 0 0;
border:1px solid #FBC2C4;
color:#D12F19;
}
button.negative, .buttons a.negative {
color:#D12F19;
}
.buttons button[type] {
line-height:17px;
padding:5px 10px 5px 7px;
}

button:hover, .buttons a:hover {
background-color:#DFF4FF;
border:1px solid #C2E1EF;
color:#336699;
}
.buttons button {
overflow:visible;
padding:4px 10px 3px 7px;
width:auto;
}
.buttons a, .buttons button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F5F5F5;
border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
border-style:solid;
border-width:1px;
color:#565656;
cursor:pointer;
display:block;
float:left;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0 0px 0 0;
padding:5px 10px 6px 7px;
text-decoration:none;
}
