@charset "utf-8";
/* CSS Document */

body {
	margin:0; padding:0;
	text-align:center;
	background:#fff;
	color:#000;
	font:1em Arial, Helvetica, sans-serif;
	position:relative;
}

a:active, a:focus { border:none; outline:none;}
.f-left { float:left;}
.f-right { float:right;}
.c-left { clear:left;}
.c-right { clear:right;}
.c-both {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
}

a img { border:none;}

ul, ol, li { margin:0; padding:0;}
.normal-content {
	margin:0 20px 10px;
}
.sub-header, .normal-content h1 {
	font:1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:-2px;
	color:#000;
	margin:0 20px 10px;
	padding:0;
	clear:left;
}
.normal-content h1 { margin:0 0 10px;}
.sub-header span, .normal-content h1 span { color:#415563;}
.sub-header small.under-header {
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
.normal-content p { margin:10px 0; font:0.8em Arial, Helvetica, sans-serif;}
.normal-content table { margin:10px 0; font:0.8em Arial, Helvetica, sans-serif;}

ul.arrow-grey-right {
	text-align:right;
	padding:0 10px 10px;
}
ul.arrow-grey-right li {
	text-align:right;
	list-style:none;
}
ul.arrow-grey-right li a {
	text-decoration:none;
	color:#666;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	padding:1px 12px 1px 3px;
	background:url(../images/box-arrow-dgrey.gif) right center no-repeat transparent;
}

ul.arrow-white-left {}
ul.arrow-white-left li {
	list-style:none;
	margin:0; padding:2px 6px 2px 0;
	float:left;
	width:160px;
}
ul.arrow-white-left li a {
	display:block;
	padding:0 0 0 13px;
	background:url(../images/box-arrow-dark-white.gif) left center no-repeat transparent;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

ul.package-list {}
ul.package-list li {
	list-style:none;
	float:left;
	display:inline;
	width:231px;
	border:1px solid #c0c0c0;
	margin:0 0 10px 10px;
	position:relative;
	padding:0;
	height:149px;
	overflow:hidden;
}
ul.package-list li a { 
	display:block; 
	margin:0; padding:0;
	text-decoration:none;
}
ul.package-list li strong { 
	display:block;
	margin:0; padding:3px 5px 0;
	width:221px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../images/transparent-overay-light.png) left top repeat transparent;
	height:21px;
	position:absolute;
	left:0;
	bottom:10px;
	z-index:9;
}
ul.package-list li strong span {
	color:#415563;
	padding:0 13px 0 0;
	background:url(../images/arrow-dbl-right.gif) right center no-repeat transparent;
}
ul.package-list li a img {
	position:absolute;
	left:0;
	top:0;
	z-index:8;
	display:block;
}


ul.region-list { padding:0 0 20px;}
ul.region-list li {
	list-style:none;
	float:left;
	width:353px;
	height:180px;
	border:1px solid #c0c0c0;
	position:relative;
	overflow:hidden;
	display:inline;
	margin:0 0 10px 10px;
}
ul.region-list li img {
	position:absolute;
	left:0; top:0;
	z-index:15;
}
ul.region-list li .white-overlay {
	position:absolute;
	left:0;
	bottom:10px;
	background:url(../images/transparent-overay-light.png) left top repeat transparent;
	padding:4px 10px;
	width:333px;
	z-index:16;
	cursor:pointer;
}
ul.region-list li a { text-decoration:none;}
ul.region-list li a strong { color:#000;}
ul.region-list li a strong span {
	background:url(../images/arrow-dbl-right.gif) right center no-repeat transparent;
	color:#415563;
	padding:0 14px 0 0;
}

ul.region-list li a .white-overlay .region-brief { display:none;}
ul.region-list li a:hover .white-overlay .region-brief,
ul.region-list li:hover a .white-overlay .region-brief { 
	display:block;
	font:0.75em Arial, Helvetica, sans-serif;
	color:#000;
}


ul.resorts-list { padding:0 0 20px;}
ul.resorts-list li {
	list-style:none;
	float:left;
	width:353px;
	height:180px;
	border:1px solid #c0c0c0;
	position:relative;
	overflow:hidden;
	display:inline;
	margin:0 0 10px 10px;
}
ul.resorts-list li img {
	position:absolute;
	left:0; top:0;
	z-index:15;
}
ul.resorts-list li .white-overlay {
	position:absolute;
	left:0;
	bottom:10px;
	background:url(../images/transparent-overay-light.png) left top repeat transparent;
	padding:4px 10px;
	width:333px;
	z-index:16;
	cursor:pointer;
}
ul.resorts-list li a { text-decoration:none;}
ul.resorts-list li a strong { color:#000;}
ul.resorts-list li a strong span {
	background:url(../images/arrow-dbl-right.gif) right center no-repeat transparent;
	color:#415563;
	padding:0 14px 0 0;
}

ul.resorts-list li a .white-overlay .resorts-brief { display:none;}
ul.resorts-list li a:hover .white-overlay .resorts-brief,
ul.resorts-list li:hover a .white-overlay .resorts-brief { 
	display:block;
	font:0.75em Arial, Helvetica, sans-serif;
	color:#000;
}

.browse-controls {
	float:left;
	width:690px;
	margin:0 20px;
	padding:10px 0;
}
.pagination {
	float:left;
	font:1.1em Arial, Helvetica, sans-serif;
}
.pagination span.pages { 
	float:left;
	padding:3px 10px 4px 0;
}
.pagination ul {
	float:left;
	background-color:#f4f4f4;
	border:1px solid #e0e0e0;
	padding:2px 0 3px;
}
.pagination ul li {
	float:left;
	list-style:none;
}
.pagination ul li a {
	color:#666;
	text-decoration:none;
	padding:11px 6px;
}
.pagination ul li a:hover { color:#000;}
.pagination ul li .curr {
	color:#000;
	padding:8px 11px;
	text-align:center;
	position:relative;
	top:-1px;
	background:url(../images/pagination-curr-bg.gif) left top no-repeat transparent;
}

.sort-controls {
	font:1.1em Arial, Helvetica, sans-serif;
	float:right;
	padding:0;
}
.sort-controls select {
	background-color:#f4f4f4;
	border:1px solid #e0e0e0;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#444;
}


a.dbl-arrow, a.dbl-arrow-small, a.dbl-arrow-down, a.two-color {
	font:20px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#000;
	text-decoration:none;
	padding:0 15px 3px 0;
	background:url(../images/arrow-dbl-right.gif) right center no-repeat transparent;
	display:block;
	text-align:right;
	margin:10px;
}
a.dbl-arrow span, a.two-color span { color:#415563;}
a.dbl-arrow.open, a.dbl-arrow-down { background-image:url(../images/arrow-dbl-down.gif);}
a.two-color { 
	background:none; 
	padding:0;
	text-align:left;
	margin:10px 0;
}
a.dbl-arrow-small, a.dbl-arrow-down { 
	font-size:15px;
	font-weight:bold;
	text-align:left;
	display:inline;
}
.submit-dbl-arrow {
	background:url(../images/arrow-dbl-right.gif) right center no-repeat transparent;
	border:none;
	padding:0 15px 3px 0;
	margin:0;
	font:20px Arial, Helvetica, sans-serif;
	color:#000;
}


.wrap { 
	margin:0 auto;
	text-align:left;
	width:970px;
	position:relative;
}


#content {
	padding:195px 0 0;
}
#main-cols {
	float:left;
	width:970px;
}
#main-right {
	float:right;
	width:730px;
}
#main-left {
	margin:0 730px 0 0;
}


#head {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:185px;
}
#top-bar {
	background-color:#415563;
	height:18px;
	padding:4px 0 0;
	overflow:hidden;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:0; top:0;
	width:100%;
	z-index:99;
}
#top-bar ul { float:right;}
#top-bar ul li {
	list-style:none;
	display:inline;
	margin:0 0 0 20px; padding:0;
}
#top-bar ul li a {
	color:#fff;
	text-decoration:none;
	background:url(../images/box-arrow-top-bar.gif) left center no-repeat transparent;
	padding:0 0 0 14px;
}

#header {
/*	background:url(../images/head-bg-1.jpg) left bottom no-repeat transparent;	*/
	border:1px solid #000;
	border-top:none;
	padding:22px 0 0;
	height:163px;
	z-index:99;
}

#logo { 
	margin:0; padding:0;
	position:absolute;
	right:20px; bottom:40px;
}
#logo a {
	display:block;
	width:950px;
	height:123px;
	background:url(../images/logo.png) right bottom no-repeat transparent;
	overflow:hidden;
	text-indent:-9999px;
}

#nav-search {
	position:absolute;
	right:5px;
	bottom:0px;
	background:url(../images/top-nav-bg.png) left top repeat-x transparent;
	/* border-left:1px solid #cfcac7; */
	padding:0 0 0 7px;
	height:37px;
}
#nav-search ul { 
	padding:6px 7px 0 0; 
	margin:1px 0 0;
	float:left;
	border-right:1px solid #323534;
}
#nav-search ul li {
	display:inline;
	margin:0; padding:0; list-style:none;
}
#nav-search ul li a {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:3px 9px 4px 0;
}
#nav-search ul li a:hover {
	background:url(../images/nav-hover-right.gif) right top no-repeat transparent;
}
#nav-search ul li a span {
	padding:3px 0 4px 9px;
}
#nav-search ul li a:hover span {
	background:url(../images/nav-hover-left.gif) left top no-repeat transparent;
}

#quick-search {
	float:left;
	background:url(../images/top-search-bg.gif) left top repeat-x transparent;
	border-left:1px solid #d8d8d8;
	padding:5px 7px 0;
	margin:1px 0 0;
	height:31px;
}
#quick-search .text, #quick-search .btn-search {
	background:url(../images/top-input-bg.gif) left top no-repeat transparent;
	border:none;
	font:bold 0.8em/1em Arial, Helvetica, sans-serif;
	color:#fff;
	width:148px;
	margin:0;
	padding:5px 5px 2px;
}
#quick-search .btn-search {
	background:url(../images/top-btn-bg.gif) left top no-repeat transparent;
	text-align:center;
	width:34px;
	position:relative;
	top:1px;
}


#footer {
	clear:both;
	background:url(../images/foot-bg.gif) left top repeat-x #fff;
	margin:0;
	padding:15px 0 0;
}

.footer-block {
	float:left;
	width:150px;
	margin:0 15px 0 0;
}
#footer h5, #footer h5 a {
	margin:2px 0; padding:0;
	color:#666;
	text-decoration:none;
}
.footer-block ul li {
	list-style:none;
	display:block;
	float:left;
	width:150px;
	font:0.7em Arial, Helvetica, sans-serif;
	padding:2px 0 0;
}
.footer-block ul li a {
	color:#000;
	text-decoration:none;
}

.footer-right {
	float:right;
	text-align:right;
}
.footer-right p { font:0.7em Arial, Helvetica, sans-serif;}
#foot-phone {
	font:1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666;
	letter-spacing:-1.4px;
	display:block;
}
#foot-phone span { color:#415563;}

.invalid {
	background-color: #FF5555;
}
div.offer-box {
	width: 280px;
	margin: 0 20px 10px 0;
	float: left;
	overflow:hidden;


}

div.offer-box span	{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.9em !important;
	

}
div.offer-box h4 {
	font-weight: bold;
	margin: 1px 0;
	text-align: center;
	color: #000;
	background:url(../images/grey_1.gif) left top repeat transparent;
	height:30px;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	padding-top:10px;
}
div.offer-box div.offer-desc {
	color: #fff;
	background-color:#9a9c8d;
	height:25px;	
	margin-top:5px;
	padding:5px;
	font-size:0.9em;
}

div.offer-box img {
	max-height:150px;
	overflow:hidden;
}

.offer-acc-desc	{
	min-height:80px;
	max-height:80px;
	overflow:hidden;
}