/*
Theme Name: findmyresort.com
Author: Mosaic Group LLC
Author URI: http://www.mosaicteam.com
Version: 1.0
*/
/*global resets*/
* {margin:0; padding:0}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong { font-weight: 700 }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }
.hidden {display: none;}

a, a:visited {text-decoration: underline; outline: none; }
a:hover {text-decoration: none;}

body {
	background: #2a3e68; /*url(images/bg-gradient.gif) repeat-y top left;*/
	color: #000000;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center; /* for IE */
	
}
#wrapper {
	width: 1001px;
	margin: 0 auto;
	position: relative;
}



/************ header *************/
#flash-header {
	width: 100%;
	height: 154px;
	top: 0;
	left: 0;
	position: absolute;
}

#header {
	height: 154px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

#logo {
	background: url(../images/logo.png) no-repeat top left;
	position: absolute;
	top: 12px;
	left: 20px;
	width: 261px;
	height: 74px;
}

#slogan {
	position: absolute;
	top: 45px;
	left: 322px;
}

/************ end header *************/



/************ navigation *************/

/*#navigation ul {
	position: relative;
	left: 0;
	list-style: none;
	height: 61px;
}
*/

#navigation { position: absolute; left: 25px; top: 117px; text-align: left;	width: 600px;}

ul.navbar {list-style: none;position: relative;}
ul.navbar li {float: left;}
ul.navbar li a 	{height:32px; display:block; top:0; left: 0;text-indent:-9999px; outline:none; border-bottom: none; }
li a.home, li a.specials, li a.about, li a.contact { background: url(../images/nav-sprite.png) no-repeat;}

li a.home  						{ background-position:0 0; width:80px;left: 0; }
li a.home:hover 				{ background-position:0px -32px }
li a.home.active				{ background-position:0px -32px }

li a.specials 					{ background-position:-90px 0px; width:140px; left:90px; }
li a.specials:hover 			{ background-position:-90px -32px }
li a.specials.active			{ background-position:-90px -32px }

li a.about 						{ background-position:-240px 0px; width:165px; left:240px; }
li a.about:hover				{ background-position:-240px -32px }
li a.about.active				{ background-position:-240px -32px }

li a.contact					{ background-position:-415px 0px; width:165px;left:415px; }
li a.contact:hover 				{ background-position:-415px -32px }
li a.contact.active				{ background-position:-415px -32px }



/*
#navigation ul li {
	display: inline;
	padding-right: 6px;
	font-size: 30px;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #ccff99;
	text-decoration: none;
}
*/

/************ end navigation *************/



/************ main-content *************/

#content {
	text-align: left;
	float: left;
	position: relative;
	background: #ffffff;
	width: 764px;
	padding: 10px;
	border: 1px solid #333333;
	min-height: 400px;
}

/*******tables******/
td {
	padding-bottom: 5px;
}

.main { 
	height: 400px;
}
.page-list {
	padding: 5px 0;
	font-size: 12px;
}

/*******homepage******/
#image-rotate {
	list-style: none;
	float: left;
	width: 515px;
	height: 400px;
}

#overlay {
	background: white;
	bottom: 10px;
	position: absolute;
	width: 515px;
	height: 160px;
	z-index: 3;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#overlay-text {
	background: none;
	bottom: 10px;
	position: absolute;
	width: 495px;
	height: 135px;
	padding: 15px 0 10px 20px;
	z-index: 4;
}

#overlay-text .left-column {
	float: left;
	/*width: 260px;*/
	margin-right: 30px;
}
#overlay-text .left-column p {
	font-size: 12px;
}

#overlay-text .right-column {
	float: left;
	width: 197px;
	padding-top: 3px;
}

#overlay-text .right-column a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}

.white-box {
	background: #ffffff;
	border: 1px solid #330066;
	margin-left: 1px;
	margin-top: 6px;
	padding: 10px;
}

#overlay-text h5 {
	color: #330066;
	font-size: 18px;
	padding-left: 35px;
	background: url(../images/purple-x.gif) 0px 2px no-repeat;
	overflow: visible;
	margin-bottom: 5px;
}

#overlay-text h5.last {
	margin-bottom: 0px;
}

p {
	font-size: 10px;
	color: #330066;
	text-align: left;
	line-height: 1.6em;
}

p.spacing {
	margin-bottom: 10px;
	text-align: justify;
}

h2 {
	font-size: 32px;
	color: #330066;
	height: 40px;
}
/*********Inner Pages*********/

.wrap {
	margin: 20px 30px 50px 20px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
}
.wrap a {
	color: #2f99c7;
}
.wrap a:hover {
	color: #45729c;
}

.breadcrumb {
	border-bottom: 2px solid #e0e2e3;
	margin-bottom: 30px;
}
.breadcrumb ul {
	list-style: none;
	margin-bottom: 5px;
}
.breadcrumb ul li {
	display: inline;
	padding: 5px;
	font-size: 10px;
}
.breadcrumb li a {
	color: #c4c5c6;
	text-decoration: none;
}
.breadcrumb li a.active {
	color: #2f99c7;
}
.breadcrumb span {
	font-size: 10px;
	color: #c4c5c6;
}

.listing-box {
	position: relative;
	width: 713px;
	border: 1px solid #330066;
	background: #f5f6f0;
}
.divider img {
	margin: 20px 0;
}
.listing {
	position: relative;
	width: 660px;
	margin: 45px 25px 25px 25px;
}
.listing p {
	color: #3f4449;
	font-size: 11px;
}

.banner {
	background: #8191b4; 
	height: 30px;
	position: absolute;
	top: 5px;
	left: 2px;
	width: 709px;
	
}
.banner.featured {
	background: url(../images/banner.png) no-repeat;
	left: -14px;
	height: 42px;
	width: 742px;
}
.banner h3 {
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-left: 40px;
	padding-top: 7px;
}
.left-side {
	width: 473px;
	float: left;
	height: 180px;
	position: relative;
}
.right-side {
	float: right;
	width: 187px;
	position: relative;
}
.address {
	margin-bottom: 10px;
	color: #808182;
}
.photo {
	float: left;
	background: url(../images/photo-bk.jpg) no-repeat;
	position: relative;
	width: 138px;
	height: 136px;
	margin-right: 10px;
}
.photo img {
	position: absolute;
	top: 10px;
	left: 12px;
	height: 90px;
	width: 115px;
}
.photo ul {
	list-style: none;
	position: absolute;
	top: 105px;
	left: 11px;
	font-size: 10px;
}
.photo ul li {
	display: inline;
	padding: 5px;
}

.description {
	width: 325px;
	position: relative;
	float: left;
}
.description.short {
	height: 140px;
}
.description.long {
	margin: 10px 60px 20px 0;
	height: 250px;
}
.description.long.fullwidth {
	width:auto;
}

.description h4 {
	text-indent: -9999px;
	background: url(../images/description-header.jpg) no-repeat;
	height: 37px;
	padding-bottom: 10px;
}

.icons {
	float: left;
	width: 473px;
	position: relative;
	
}
.icons ul {
	list-style: none;
	margin: 10px 5px;
	height: 28px;
}
.icons ul li {
	padding: 10px 2px 10px 2px;
	display: block;
	float: left;
	height: 28px;
}
.icons ul li:hover {
	opacity: .8;
	-moz-opacity: 80%;
}
.icons ul li.last-icon a {
	position: absolute;
	padding-left: 10px;
	padding-bottom: 5px;
	bottom: 0;
	font-size: 11px;
	text-decoration: none;
	
}

.rating {
	padding: 10px 0 20px 0;
}
.rating.short {
	float: right;
	position: relative;
}

.rating.long {
	right: 0;
	position: absolute;
	
}
.price {
	margin-bottom: 10px;
	float: right;
	position: relative;
}
.price h4 {
	text-indent: -9999px;
}
.price h4.no-flower {
	background: url(../images/price-header.jpg) no-repeat;
	height: 20px;
	width: 95px;
	width: 95px;
	float: right;
}
.price h4.flower {
	background: url(../images/price-flower.jpg) no-repeat;
	height: 37px;
	width: 134px;
	float: right;
}
.price p {
	font-size: 16px;
	color: #565a5e;
	text-align: right;
	padding: 5px 0;
}
.details-button {
	float: right;
	margin-right: -5px;
	
}
.details-button a {
	background: url(../images/details-button.jpg) no-repeat;
	height: 31px;
	width: 122px;
	display: block;
	float: right;
	/*margin-left: 70px;*/
	text-decoration: none;
}
.details-button a span {
	visibility: hidden;
}
.details-button a:hover {
	background-position: bottom;
}
.photo-large {
	float: right;
	background: url(../images/photo-bk-large.jpg) no-repeat;
	position: relative;
	width: 243px;
	height: 218px;
	margin-right: 10px;
}
.photo-large img {
	position: absolute;
	top: 15px;
	left: 18px;
	
}
.photo-large ul {
	list-style: none;
	position: absolute;
	top: 180px;
	left: 53px;
	font-size: 12px;
	color: #c4c5c6;
}
.photo-large ul li {
	display: inline;
	padding: 7px;
}

.ammenities {
	width: 385px;
	float: left;
	position: relative;
}
.ammenities h4 {
	text-indent: -9999px;
	background: url(../images/ammenities-header.png) no-repeat;
	height: 37px;
	padding-bottom: 10px;
}
.ammenities ul {
	width: 175px;
	float: left;
}
.ammenities ul.row1 {
	margin-right: 35px;
}
.ammenitites ul.row2 {
	margin-right: 0;
}
.ammenities ul li {
	background: url(../images/checkmark.png) no-repeat;
	padding-left: 19px;
	color: #3f4449;
	font-size: 11px;
	padding-bottom: 5px;
}

.buttons {
	float: right;
	margin-right: -5px;
	margin-bottom: 15px;
}

.buttons a span {
	visibility: hidden;
}

a.hotel {
	background: url(../images/hotel-sprite.png) no-repeat;
	height: 31px;
	width: 146px;
	text-decoration: none;
	display: block;
}
a.hotel:hover {
	
	background-position: bottom;
}

a.hotel-search {
	background: url(../images/search-sprite.png) no-repeat;
	height: 31px;
	width: 146px;
	text-decoration: none;
	display: block;
}
a.hotel-search:hover {
	background-position: bottom;
}

a.new-search {
	background: url(../images/newsearch-sprite.png) no-repeat;
	height: 31px;
	width: 146px;
	text-decoration: none;
	display: block;
}
a.new-search:hover {
	background-position: bottom;
}

/**********contact page**********/
#contact-form p {
	font-size: 12px;
	margin-right: 4px;
}

#contact-form td {
	padding: 8px 0;
}

#submit-button input {
	height: 20px;
	width: 150px;
	background-color: #2a3e68;
	border: 1px solid #000;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

#submit-button input:hover {
	background-color: #4e8aad;
}



/************ end main-content *************/


/************ form *************/

#right-img {
	float: right;
	width: 239px;
	height: 398px;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

#overlay-form {
	width: 219px;
	height: 380px;
	padding: 10px;
	background: none;
	top: 10px;
	left: 535px;
	position: absolute;
	z-index: 4;
}

#overlay-form h4 {
	font-size: 24px;
	color: #330066;
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #330066;
}

#overlay-form .section {
	margin-bottom: 25px;
}

#overlay-form .entry {
	margin-bottom: 5px;
	height: 20px;
}
#overlay-form .entry img {
	margin-top: -3px;
}

#overlay-form label {
	font-size: 11px;
	color: #330066;
	text-align: right;
	padding: 0;
	float: left;
	width: 65px;
	margin-right: 8px;
}

#overlay-form input {
	border: 1px solid #330066;
	float: left;
	width: 123px;
}

#overlay-form select {
	border: 1px solid #330066;
	float: left;
	width: 125px;
}

#overlay-form div.calendar input {
	width: 115px;
	margin-right: 5px;
}

#overlay-form div.amenities input {
	left: 197px;
	top: -33px;
	position: relative;
}

#overlay-form img.calendar {
	position: relative;
	top: -3px;
	left: 8px;
}

#overlay-form div.calendar a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}

#amenities_menu {
	display: none;
}

#amenities_menu ul {
	width: 105px;
	float: left;
	position: relative;
	top: 2px;
}

#amenities_menu ul.amenitiesCol1 {
	margin-right: 9px;
}

#amenities_menu li {
	font-size: 10px;
	color: #330066;
	list-style: none;
	padding-bottom: 6px;
	clear: left;
	line-height: 8px;
	width: 115px;
}

#amenities_menu li input {
	position: relative;
	top: -2px;
	margin-right: 5px;
	display: block;
	float: left;
	width: 10px;
	height: 17px;
	border: none;
}

#amenities_menu li span {
	position: relative;
	display: block;
	float: left;
	width: 86px;
	padding-bottom: 5px;
}

.button {
	position: relative;
	left: 68px;
	height: 20px;
}

#overlay-form .button input {
	width: 151px;
	height: 19px;
	color: #330066;
	background: #ffffff;
	cursor: pointer;
}

#overlay-form .button input:hover {
	border: 1px solid #aeca4c;
	cursor: pointer;
}

/************ end form *************/


/************ right sidebar *************/


#right-sidebar {
	position: relative;
	width: 200px;
	float: right;
	height: 400px;
}

#right-sidebar h4 {
	font-size: 24px;
	color: #ccff99;
	padding: 0px;
	border-bottom: 1px solid #ccff99;
	margin-bottom: 10px;
}

#right-sidebar ul {
	text-align: left;
	margin-bottom: 15px;
}

#right-sidebar ul li {
    background: url(../images/icon-arrowGreen.gif) 0px 2px no-repeat;
	font-size: 12px;
	color: #ccff99;
	padding-left: 14px;
	padding-bottom: 5px;
}

#right-sidebar ul li a, #right-sidebar ul li a:visited  {
	color: #ccff99;
}

#right-sidebar ul li a:hover {
	color: #ccff99;
}

/************ end right sidebar *************/


/************ footer *************/

#footer {
	text-align: left;
	width: 1001px;
	margin-left: 25px;
}


#footer ul {
	text-align: left;
	padding: 15px 0;

}

#footer ul li {
	display: inline;
	font-size: 11px;
	padding-right: 15px;
	color: #9999ff;
}

#footer ul li.last {
	padding-right: 0;
}

#footer ul li a, #footer ul li a:visited  {
	color: #9999ff;
}

#footer ul li a:hover  {
	color: #9999ff;
}

/************ end footer *************/


IMG.tooltip { padding-left:2px; }
#tt .bd {  /* body of tooltips */
	background-color: #f5f6f0;
	text-align: left;
	color: #3f4449;
	font-size: 11px;
	padding: 5px;
}

#advancedOptions.hidden {
	height:0px;
	overflow:hidden;
}

/********* used on main search page ********/
label#cityLabel {display:none;}
label#cityLabel.Unhidden {display:inline;}
span#cityFieldContainer {display:none;}
span#cityFieldContainer.Unhidden {display:inline;}
/*select#cityField { width: 200px; }*/

label#stateLabel {display:none;}
label#stateLabel.Unhidden {display:inline;}
span#statePleaseWait {display:none; font-size:10px;}
span#statePleaseWait img {padding-right:10px;}
span#cityPleaseWait {display:none; font-size:10px;}
span#cityPleaseWait img {padding-right:10px;}
span#stateFieldContainer {display:none;}
span#stateFieldContainer.Unhidden {display:inline;}
/*select#stateField { width: 200px; }*/


/***** framework stuff *****/
.error { color:#aa0000; }
.statusMsg { color:green; }
h2.pageTitle { font-family:sans-serif; padding-bottom:10px; }
.back-button { margin: 10px 0 0 20px; }

/*hotel admin*/
p.welcome{padding: 0px 0 10px 0px;	font-size: 12px;font-weight: 700;color: #fff;}
p.welcome span { color: #3399cc;}

td {padding: 5px 0;}
table.password td {	width: 200px;}

h5 {padding-bottom: 10px;}
h3.admin {padding: 5px;margin-bottom: 10px; background: #A6A6A6;}

.accordion_headings {background: #202F4E;border top: 1px solid #6493F4;	border-bottom: 1px solid #6493F4;padding: 5px;width: 175px;color: #fff; cursor:pointer; }
.heading-active {background: #6493f4;}

#right-sidebar ul.tabs {list-style: none;margin-bottom: 15px;}
#right-sidebar .tabs li {padding: 0 0 5px 14px;	color: #ccff99;}
#right-sidebar .tabs li a {	display: block;}
#right-sidebar .tabs li a:hover {text-decoration: none;}
#right-sidebar .tabs li a.active {color:#fff;text-decoration: none;}
#content_2, #content_3, #content_4 { display:none; }

/*media manager*/

.tabbed {
width: 100%;
}

.tabbed .tabs li {
list-style: none;
float: left;
padding-right: 10px;
}

.tabbed .tabs li a {
display: block;
padding: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
background: #202F4E;
}

.tabbed .tabs li a:hover {
	color: #B4CBD9; 
}
.tabbed .tabs li a.active {
background: #fff;
color: #B4CBD9;
}
.content{
display: none;
margin: 15px 0 10px 0;
}

#player {
	/* player dimension */
	width:432px;
	height:240px;
	display:block;
	position: relative;
}

input.invalid { border: solid 1px #c00000; }
select.invalid { border: solid 1px #c00000; }
textarea.invalid { border: solid 1px #c00000; }
label.invalid { color: red; }

#closeBtn {
	font-size: 0.9em;
    position:fixed;
    right:10px;
    cursor:pointer;
    color:#c00000;
    padding:4px;
    padding-left:8px;
    padding-right:7px;
    font-weight:bold;
    background-color:#f0f0f0;
    border-right:solid 2px #b0b0b0;
    border-bottom:solid 2px #b0b0b0;
}
#closeBtn.top { top:10px; right:15px;}
#closeBtn.bottom { bottom:10px; right:15px;}

#popupBody {
	padding: 6px 12px 6px 12px;
	text-align:left;
	color:white;
	font-size: 0.8em;
}
#popupBody h3 { color:white; margin-bottom:10px; color: #36aad1;}

.yui-skin-sam .yui-ac-content {
	margin-top: -4px;
}

#noImage_playBtn {
	padding-left: 18px;
	padding-top:40px;
}