﻿body
{ 
	font-family: Arial,Verdana,'Sans-Serif'; 
	font-size: 12px; 
	min-width: 960px; 
	color: #484848; 
	line-height:20px;
}

input,textarea,select { font-family: Arial,Verdana,'Sans-Serif';}

/*a, h1,h2,h3,h4,h5 { font-family:'Trebuchet MS', Arial, Verdana, 'Sans-Serif'; }*/
a,h1,h2,h3,h4,h5,h6,.subtitle1,.subtitle2,.subtitle3,subtitle4,#resort-home .resort-home-summary, #footer { font-family: "Lucida Grande","Lucida Sans Unicode",Arial;}


h1 {font-size: 24px;}
h2 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size:16px;}
h6 {font-size:12px;}
.subtitle1 {font-size:14px;}
.subtitle2 {font-size:13px;}
.subtitle3 {font-size:12px; line-height:12px;}
.subtitle4 {font-size:10px;}
h1,h2,h3,h4,h5 {margin-bottom: 10px;}
a {color: #003473; text-decoration: underline; cursor: pointer; /*border-bottom: dotted 1px #F58426;*/}

/*larger hyperlinks are underlined
a.subtitle1 {text-decoration: underline;}
a.subtitle2 {text-decoration: underline;}*/
#header-culture-selector a {color: #FFF;}
label {float: left;}

p { padding: 0px 0px 4px 0px; clear:left; }

img {border:0 none; margin:0; padding:0;}

hr {border:0px; border-top:1px dotted #BDBDBD; height:0px; margin: 5px 0px 5px 0px; clear: both;}

input,textarea,select {border:1px solid #B8B8B8;color:#444;font-size:11px;background:#fff;margin: 0px 2px 5px 0px;}
/*input[type=text]{height:16px;}*/

input[disabled], input[readonly] { border-style: none; }

.parts{padding:0; margin-bottom: 20px;}
.clear{clear:both;}
.highlight {color:#E91A20;}
.highlight-invert{color:#FFF;}
.highlight-dark{color:#000;}
.bold {font-weight:bold;}
.center {text-align: center;}
.validator {background-color: #FFFFCC;}
.alert {color: #FF3333;}

.alert-container,.alert-row
{
	background: #f3d8d8 url(images/messaging/error_bg.png) 50% 50% repeat; 
	color: #2e2e2e;
}
.alert-container
{
	border: 1px solid #850125; 
	padding: 5px;
}
.info {color: #000;}
.hide {display:none;}

/* header + culture selector*/
div.header-spacer{margin-left: 40px;}
#header-content {position: relative;}
#header-our-group {position: absolute; left: 10px;}
#header-our-group span, #header-our-group a, #header-login a {color: #FFF;}
#header-culture{ position: absolute; left: 790px;}
#header-login {position: absolute; right:0;}
#main-nav {position: relative;}


/*footer*/
#footer a {text-decoration: none;}
div.footer-payments, div.footer-advertise, div.footer-advertise{ width: 215px; }
div.footer-aboutus{ width: 140px; }
div.footer-our-sites { width: 300px; }
div.footer-payments, div.footer-our-sites, 
div.footer-aboutus,div.footer-advertise {margin-left: 10px; padding: 5px; min-height: 100px;}
div.footer-payments, div.footer-our-sites, 
div.footer-aboutus {border-right-style: dotted; border-right-width: 1px;}
div.footer-aboutus ul { list-style-type: none;}

/*home page resort section*/
#resort-home{width:100%; height: 204px; background: transparent url('images/general/resort.jpg') no-repeat top left; margin-bottom: 20px;}
#resort-home .resort-home-search { padding-left:0px;}
#resort-home .resort-home-summary {padding: 80px 0 0 30px; color: #FFF;}
#resort-home .resort-home-headline {width: 400px;}
#resort-home-overview {width: 450px;}

/*search div with coloured background*/ 
div.search{width: 201px; background-color: #003473; padding:10px; min-height: 170px; }
div.search-top {background: transparent url(images/rounded/div_fill_top.gif) no-repeat scroll top left; height: 5px; z-index:1;}
div.search h4, div.search label {color: #FFF;}
div.search label {font-weight: bold;}
div.search-bottom {background: transparent url(images/rounded/div_fill_bottom.gif) no-repeat scroll bottom left;height: 5px;z-index:2;}

/*rounded div with gray background and border*/
div.nofill{width: 200px; background-color: #F5F5F5; padding: 10px; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9;}
div.nofill-top {background: url(images/rounded/div_nofill_top.gif) no-repeat top left ; height: 5px;}
div.nofill label {font-weight: bold;}
div.nofill-bottom {background:url(images/rounded/div_nofill_bottom.gif) no-repeat bottom left;height: 5px;}

/*rounded full width div with gray background and border*/
div.nofill-large{width: 890px; background-color: #FFF; padding: 9px; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9;}
div.nofill-large-top {background: url(images/rounded/div_nofill_l_top.gif) no-repeat top left ; height: 5px;}
div.nofill-large label {font-weight: bold;}
div.nofill-large-bottom {background:url(images/rounded/div_nofill_l_bottom.gif) no-repeat bottom left; height: 5px;}

/*square div with white background and border*/
div.nofill-home-spacer{margin-left: 40px; }
div.nofill-home {width: 200px; min-height: 180px; padding: 10px 0 10px 0; border-top-style: dotted; border-top-width: 1px; }
div.nofill-home a {position:absolute;bottom:0;}

/*our lets*/
div.our-lets-spacer{margin-left: 40px;}

/*square div with coloured background*/
div.highlight-container{background-color: #BABABA; color: #FFF; padding: 3px; text-align: center; font-weight: bold;}

/*weather*/
.weather,.weather-forecast{ width: 190px; border: solid 1px #D9D9D9;padding: 5px; min-height: 67px;}
.weather .location {font-family: "Lucida Grande","Lucida Sans Unicode",Arial;font-weight: bold;}
.weather-forecast td {text-align: center;}
.weather-forecast table{ width: 100%;}
.weather-forecast table th{ color:#FFF; background-color: #E91A20;}

/*booking quote with fill*/
.fill{width: 201px; background-color: #003473; padding:10px;}
.fill-top {background: transparent url(images/rounded/div_fill_top.gif) no-repeat scroll top left; height: 5px; z-index:1;}
.fill h4, .fill p {color: #FFF;}
.fill label {font-weight: bold;}
.fill-bottom {background: transparent url(images/rounded/div_fill_bottom.gif) no-repeat scroll bottom left;height: 5px;z-index:2;}

/*user profile*/
div.profile-spacer{margin-left: 40px;}
div.profile{background: transparent url(images/general/manager_stamp.gif) no-repeat top right; min-width:300px;}

.search-filter li
{ 
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}


.site-list
{ 
	margin-right:15px; 
}

.generic-list li
{ 
	list-style-type: none; margin-left:10px; 
	position: relative;
	padding: 0px 0px 0px 20px;
	background: transparent url(images/general/li.gif) no-repeat 0 4px;
}


.booking-terms li
{ 
	list-style-type: none; margin-left:10px; 
	position: relative;
	padding: 0px 10px 0px 20px;
	background: transparent url(images/general/li.gif) no-repeat 0 4px;
}
.user-menu li
{ 
	list-style-type: none; margin-left:10px; 
	position: relative;
	padding: 0px 5px 0px 5px;
	display: block;
	float: left;
}

/*image gallery edit*/
.image-frame,.image-selected, .image-noframe
{
	padding: 2px;
	margin: 2px;
}
.image-frame,.image-selected
{
	border: solid 1px #BDBDBD ! important;
}
.image-selected
{
	background-color: #E5E5E5;
}
.image-noframe
{
	border: none;
}
.image-link
{
	cursor:pointer; 
	vertical-align:middle; 
}
	
/*image and video title overlay*/
.ic-main{
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
}

.ic-box{
	position:absolute;
	bottom:0;
	left:0; /* since it's positioned absolutely it will need a width, but not height, that would fill the entire box covering the image */
	width:100%;
}

.ic-box-bg{
	background:#E5E5E5;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.ic-desc{
	padding:5px;
	font-weight:normal;
}

.vc-desc
{
	padding:5px;
	font-weight:normal;
}

.ic-desc, .vc-desc, .char-count
{
	font-family:'Trebuchet MS', Arial, Verdana, Sans-Serif;	
	font-size:0.75em;
	text-align:center; 
}


