/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1;	color: black;	background: white;}
ol, ul { list-style: none; line-height: 20px; list-style-position:outside; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

strong {font-weight: bold;}
.clear {clear:both;}
/* SITE CSS */
body {background: #548190; font-family: "Times New Roman", Times, serif; }
#wrapper {width: 970px; margin: 0px auto;}
#header {color: #fff; background: #DFCCCA; background-image:url(../bpimages/sign_up_bg.jpg); background-repeat:repeat-y; background-position:right; }
  #header #topnav {background:#ffffff url(../bpimages/header1.jpg) no-repeat; width: 970px; height: auto; font-family:"Times New Roman",Times,serif; font-size: 12px; font-weight:bold; position:relative; }
  #header #topnav ul {padding-top: 114px; margin-left: 0px; width: 970px;}
  #header #topnav ul li {display: inline; padding: 0px 10px; background: url(../bpimages/nav-border.jpg) no-repeat top right;}	
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    #header #topnav ul li {padding: 0px 9px;}	
}	  
	  #header #topnav ul  li.last{background: none;}	
		  #header #topnav ul li img {margin: 0px 10px;}
		  #header #topnav ul li a {color: #680005; text-decoration: none; }
		  #header #topnav ul li a:hover { text-decoration: underline; color:#fff;}
		  
#header #topnav a.right { position:absolute; top:0; right:0; }
#header #topnav a.left { position:absolute; top:0; left:0; }
		  
  #header #teaser {background: #f5e9e3; width: 261px; min-height: 467px; border: #FFF 4px solid; float: left;}
	  #header #teaser .dropdowns_heading { font-size: 13px; color:#680005; line-height:20px; font-weight: bold; letter-spacing: 1.75px;}
	  #header #teaser .hr {background: url(../bpimages/teaser_hr.gif); width: 204px; height: 9px; border: 0; margin: 7px;}
	  #header #teaser .hr hr {display:none;}
	  
	  #header #teaser #reserve {width: 197px; border: 1px solid #dfccca; margin: 6px; padding: 26px 25px 25px 25px; background: #f5e9e3;}
		  #header #teaser #reserve input.checkBtn {background: url(../bpimages/teaser_checkAvail.gif); height: 36px; width: 204px; border: none; cursor: pointer;}
		   	#header #teaser .dropdowns #arriveMonth, #header #teaser .dropdowns #departMonth {width: 125px; margin-right:5px;}
			#header #teaser .dropdowns select {border: 1px solid #7f9db9; font-family: "Times New Roman", Times, serif; }

		  #header #teaser td.calendar {width: 62px; }
		  #header #teaser td.calendar .calendarIcon {width: 30px; height: 12px; float: right; vertical-align:bottom; }
		   #header #teaser td.calendar img{cursor:pointer; float: right;}
		 
		  #header #teaser #occupancy {margin: 10px 0 7px 0; width: 200px; overflow: hidden;}
			  #header #teaser #occupancy select {border: 1px solid #7f9db9; font-family: "Times New Roman", Times, serif; float:left; width: 80px; text-align:center;}
			  #header #teaser #occupancy select.children {float:right;}
		   #header #teaser #teaserCancelModify {text-align: center; margin-top: 9px;}
		   
		#header #teaser #signUp {width: 206px; border: 1px solid #dfccca; margin: 0 6px 4px 6px; padding: 24px 21px 10px 20px; background: #f9e0d3; text-align: center; overflow:hidden;}
#header #teaser #signUp #sh_sufs {color: black; font-size: 12px; }
#header #teaser #signUp #sh_sufs .sserror p {font-weight:bold;}
	#header #teaser #signUp #sh_sufs input {width: 180px; border: 1px solid #7f9db9; font-family: "Times New Roman", Times, serif; margin: 5px 1px;}
#header #teaser #signUp #sh_sufs  input.sssubmit {border: none; background: url(../bpimages/teaser_submit.gif); height: 36px; width: 204px; border: none; cursor: pointer;text-align:center; float: left;}

#header #teaser #left_specials { text-align:center; margin-top:6px; width:261px; }
#header #teaser #left_specials a { display:block; margin-bottom:5px; }
#header #teaser #left_specials a img { border:1px solid #DFCCCA; }

#header #teaser_box { width:962px; height:35px; position:relative; margin:6px 0 0;  border-left:4px solid #bfd1d5; border-right:4px solid #bfd1d5; background:#90a8b2; overflow:hidden; }
#header #teaser_box form *{ float:left; }
#header #teaser_box form input, #header #teaser_box form select { font-size:10px; vertical-align:middle; margin-right:4px; margin-top:8px; }
#header #teaser_box form img.title { float:left; margin:5px 10px 0 5px; }
#header #teaser_box form input { background:#ffffff url('../bpimages/teaser_cal.jpg') no-repeat 98% bottom; width:116px; cursor:pointer; }
#header #teaser_box form select { height:20px; }
#header #teaser_box form button { width:164px; height:33px; background:url('../bpimages/teaser_button.jpg') no-repeat; border:none; cursor:pointer; margin-bottom:2px; margin-left:-2px; }
#header #teaser_box form button span { visibility:hidden; vertical-align:middle; }
#header #teaser_box form a {float: left; margin-left:3px; margin-top:4px; }


div#teaser007 {margin-top:2px;}
div#teaser007 table.ymtb {border-collapse:collapse; border:1px solid #000000;}
div#teaser007 table.ymtb thead tr th {background-color:#3889a4; color:#000000; width:25px; height:22px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; cursor:default; -moz-user-select:none; -khtml-user-select:none; text-align:center; font-weight:bold;}
div#teaser007 table.ymtb thead tr th.ymtprevious {font-size:15px; color:#000000; cursor:pointer;}
div#teaser007 table.ymtb thead tr th.ymtymh {}
div#teaser007 table.ymtb thead tr th.ymtnext {font-size:15px; color:#000000; cursor:pointer;}
div#teaser007 table.ymtb tbody tr td {background-color:#ffffff; color:#000000; width:25px; height:20px; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-align:center; cursor:pointer; -moz-user-select:none; -khtml-user-select:none; vertical-align:middle;}
div#teaser007 table.ymtb tbody tr td.ymdblockinvalid {color:#ffffff; cursor:default;}
div#teaser007 table.ymtb tbody tr td.ymdrangeinvalid {color:#cccccc; text-decoration:line-through; cursor:default;}
div#teaser007 table.ymtb tbody tr td:hover {background-color:#b27282;}
div#teaser007 table.ymtb tbody tr td.ymdblockinvalid:hover {background-color:#ffffff;}
div#teaser007 table.ymtb tbody tr td.ymdrangeinvalid:hover {background-color:#ffffff;}
div#teaser007 div#closebuttoncontainer {text-align:center;}
div#teaser007 div#closebuttoncontainer button {margin:3px auto 0; padding:1px 2px; border:1px solid #000000; font-size:11px; font-family:Verdana, Geneva, sans-serif; background-color:#ffffff; color:#000000; cursor:pointer;}

		
		
  #header #row2 #headerimg {border-top: white 4px solid; border-right: white 4px solid; border-bottom: white 4px solid; float: right; height: 467px;}
 /* #header #row2 #flash-content {height: 466px; width: 697px; z-index: 2; overflow: hidden;} */
 #wrapper #header #flash-content {width: 697px; height: 466px; background: #fff /*#4c5363*/; z-index: 2; overflow: hidden;}
  
  #header #row3 {background: #839fa8; border-left: 4px solid #87a7b1; border-right: 4px solid #87a7b1; clear: both; height: 37px; }
	  #header #row3 ul { margin-left: 7px; float: right; margin-top: 7px; font-size: 11px;}
	  #header #row3 ul li {display: inline;}	
	  #header #row3 ul li a {color: #fff; text-decoration: none; margin: 0 10px; line-height: 15px; }
	  	#header #row3 ul li a:hover {text-decoration: underline;}
	  #header #row3 ul li a.flags {color: #fff; text-decoration: none; margin: 5px 2px 0 2px; line-height: 15px; }
	  #header #row3 ul li img {border: 1px solid white; }
 	span.hidden {display: none;}

#content {background: #F0E1DC; border-left: 4px #fff solid; border-right: 4px #fff solid; overflow: hidden; border-bottom: 4px #fff solid; overflow: hidden; padding-bottom: 25px; position: relative;}

  #content #col1 {width: 271px; padding: 10px 6px 6px 6px; float: left;}
	#content #col1 img {border: 4px #fff solid; margin-bottom: 6px;}
  #content #col1 #weather{background: #F0E1DC url(../bpimages/col1_weather.jpg); width: 241px; height: 110; border: 4px #fff solid; margin-bottom: 9px; overflow: hidden; padding: 30px 0 10px 10px; color: #3c6472; font-weight: bold; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size: 13px;}
 
  #content #col1 #weather #weatherimage {padding: 15px 10px 0px 20px;float: left;}
  #content #col1 #weather  #weathertext {float: left; padding-top: 22px; padding-bottom: 5px;}
	  #content #col1 #weather #time { float: left; width: 163px; }
  #content #col1 #weather img {width: 45px; height: 45px; border: none;}
  #content #col1 p {padding: 0px 15px;}
  #content #col1 #tripadvisor { margin:auto; width: 160px;}
 	#TA_rated472 { width: 160px; }
  
    #content #col2 {float: right; width: 559px; margin: 27px 60px 30px 60px;}
  	#content #col2 h3 { margin: 10px; text-transform: uppercase; color: #662c3d; font-size: 13px; font-weight: 700;}
	body#dates div#bookingengine div.message { margin: 20px 0 10px 0; text-transform: uppercase; color: #662c3d; font-size: 14px; font-weight: 700;}
	#content #col2 h4 {color:#6e3848; font-weight: bold; margin-top: 20px;} 
	#content #col2 p, #content #col1 p {font-size: 14px; margin: 14px 0px; letter-spacing: .5px; line-height: 20px; }
	#content #col2 ul {margin-left: 15px;}
	#content #col2 ul li{list-style-image: url(../bpimages/amenities_bullet.gif); }
	#content #col2 a {color: #700839; text-decoration: none;}
	#content #col2 a.italic {font-style: italic; }
		#content #col2 a:hover {text-decoration: underline;}
  
  #content #contentfooter {clear:both; float: right; width: 559px; margin-left: 60px; }
	#content #contentfooter a {color:#801746; text-decoration:none; list-style:disc; font-weight: bold;  }
		#content #contentfooter a:hover {text-decoration:underline;}
		
#footer {height: 100px; width: 100%; color: #FFF; text-align: center; font-size: 11px; line-height: 15px; margin-top: 17px;}
#footer a {color: #fff; text-decoration: underline;}
	#footer ul {}
	  #footer ul li {display: inline; }
	  	#footer ul li img { margin: 0px 3px;}
		#footer ul li a {color: #fff; text-decoration: none;}
			#footer ul li a:hover {text-decoration: underline;}
	#footer p {margin-top: 15px;}
	

#content #col1 div.social { text-align:center; width:259px; margin:10px 0; }
#content #col1 div.social img { border:none; }

/* Accommodations */
body#accommodations #content #col2 {float: left; width: 600px; margin: 27px 30px 30px 30px;}
body#accommodations #content #col2 .rooms {border-bottom: 4px #fff solid; clear:both; overflow:hidden; padding: 10px 0 0 5px; width: 100%; margin-top: 17px;}
	body#accommodations #content #col2 .rooms img {float: right; border: 4px #fff solid; border-bottom: none;  margin-left: 5px;}
	body#accommodations #content #col2 .rooms ul {float: left; line-height: 20px; font-size: 14px; width: 32%;}
		body#accommodations #content #col2 .rooms li {color:#6e3848; list-style:disc; font-weight: bold; }
		/* body#accommodations #content #col2 .rooms a {text-decoration: underline; font-style:italic; color:#7D1143;}*/
		body#accommodations #content #col2 .rooms p.list {margin:0px; font-size: 14px; font-weight: normal; color: black;}
		body#accommodations #content #col2 .rooms p.small {font-size: 10px; line-height: 11px; margin: 0px; padding: 0px;}
		
/* Attractions */
body#attractions #content #col2 ul {margin-top: 14px;}
body#attractions #content #col2 ul li.link {list-style-image: url(../bpimages/purple_bullet.gif);}
	body#attractions #content #col2 ul li a {color:#801746; text-decoration:underline; list-style:disc; font-weight: bold; font-style:italic; }
			body#attractions #content #col2 ul.break li a {color:#000; text-decoration:underline; list-style:disc; font-weight: normal; font-style: normal;}

/* Dining */
body#dining #content #col2 span { margin: 0; color: #810f45; font-size: 14px; font-weight: bold;}

/* Location */
body#location #content #col2 ul {margin-left: 0;}
body#location #content #col2 ul li{list-style-image: none; }

/* Specials */
body#specials #content #col2 .border {postion: relative; border-bottom: 4px #fff solid; clear:both; overflow:hidden; width:550px;}
body#specials #content #col2 .specials {postion: relative; border-bottom: 4px #fff solid; clear:both; overflow:hidden; padding: 25px 0 0 20px; width:550px;}
	body#specials #content #col2 .specials img {float: right; border: 4px #fff solid; border-bottom: none; }
	body#specials #content #col2 .specials img.book {float: left; border: none; margin-top: 10px;}
	body#specials #content #col2 .specials ul {float: left; line-height: 20px; font-size: 14px; width: 325px;}
		body#specials #content #col2 .specials li {color:#6e3848; list-style:disc; font-weight: bold; }
		body#specials #content #col2 .specials a {text-decoration: underline; font-style:italic; color:#7D1143;}
	body#specials #content #col2 .specials p {float: left; line-height: 20px; font-size: 14px; width: 325px; font-weight: bold;}
	body#specials #content #col2 .specials p.list {margin:0px; font-size: 13px; font-weight: normal; line-height: 14px; color: black;}
	
	
/* Specials - Travel Agent */
body#travelagent_packages #content #col2 .border {postion: relative; border-bottom: 4px #fff solid; clear:both; overflow:hidden; width:550px;}
body#travelagent_packages #content #col2 .specials {postion: relative; border-bottom: 4px #fff solid; clear:both; overflow:hidden; padding: 25px 0 0 20px; width:550px;}
	body#travelagent_packages #content #col2 .specials img {float: right; border: 4px #fff solid; border-bottom: none; }
	body#travelagent_packages #content #col2 .specials img.book {float: left; border: none; margin-top: 10px;}
	body#travelagent_packages #content #col2 .specials ul {float: left; line-height: 20px; font-size: 14px; width: 325px;}
		body#travelagent_packages #content #col2 .specials li {color:#6e3848; list-style:disc; font-weight: bold; }
		body#travelagent_packages #content #col2 .specials a {text-decoration: underline; font-style:italic; color:#7D1143;}
	body#travelagent_packages #content #col2 .specials p {float: left; line-height: 20px; font-size: 14px; width: 325px; font-weight: bold;}
	body#travelagent_packages #content #col2 .specials p.list {margin:0px; font-size: 13px; font-weight: normal; line-height: 14px; color: black;}

#content #col2 h4 span.blurb { display:block; font-size:80%; margin-top:6px; }
	
/* Comments */
body#comments #wrapper #content {line-height: 18px;}
body#comments #wrapper #content dl dd {margin-left:10px;}
	body#comments #wrapper #content form div {clear:both;}
	body#comments #wrapper #content label {float:left; width: 95px;}
	body#comments #wrapper #content form {margin-top: 40px;}
	body#comments #wrapper #content .imgBtn {background: url(../bpimages/submit.gif); cursor: pointer; margin-left: 121px; width: 71px; height: 24px; border: none; padding-bottom: 1px;}
	body#comments #wrapper #content #formsubmit {clear:both; float: left;}
	body#comments #wrapper #content form input, body#comments #wrapper #content form textarea {float: left; background:#FFFDF6; border: 1px solid #908F8D; width: 190px; margin-bottom: 9px;}
	body#comments #wrapper #content form div.cp { width:300px; }
	body#comments #wrapper #content form div.cp input { margin-left:95px; }
	
/* Groups */
	body#groups #content #col2 li a {text-decoration: underline; color:#7D1143;}

/* Booking Engine */
#befooter {height: 100px; width: 100%; color: #5C1938; text-align: center; font-size: 11px; line-height: 15px; margin-top: 17px;}
#befooter a {color: #5C1938; text-decoration: underline;}
	#befooter ul {}
	  #befooter ul li {display: inline;}
	  	#befooter ul li img { margin: 0px 3px;}
		#befooter ul li a {color: #5C1938; text-decoration: none;}
			#footer ul li a:hover {text-decoration: underline;}
	#befooter p {margin-top: 15px;}
	
/* Spiffy */
	.hidden { display: none; }

/* Teaser w. Calendars */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
	z-index: 3;
	position: ;
	font-size: 10px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #ccc; /* CHANGED f66 */
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #ccc; /* CHANGED f66 */
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 8px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	color: #000;
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	background: url('../bpimages/leftarrowblack.gif') no-repeat 5px 2px;
	.background: url('../bpimages/leftarrowblack.gif') no-repeat 5px 0px;
	position: absolute;
	top: 10px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	color: #017AC3;
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	background: url('../bpimages/rightarrowblack.gif') no-repeat 92px 2px;
	.background: url('../bpimages/rightarrowblack.gif') no-repeat 92px 0px;
	position: absolute;
	top: 10px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

div.dp-calendar {  }

#calendarIcon img {
	cursor: pointer;
}

div.dp-popup div.dp-nav-next a.dp-nav-next-year,
div.dp-popup div.dp-nav-prev a.dp-nav-prev-year {display: none;}

#articlebutton {margin: 20px 0;}
	#articlebutton ul li {cursor: pointer;}
.button {margin: 5px 0; cursor:pointer;}
#articlecontent h2 {text-transform: uppercase; font-weight:bold;}
#articlecontent #discoverFlorida {display:none;}
#articlecontent #beachResort {display:none;}
#articlecontent #thingsToLookFor {display:none;}
#articlecontent #review {display:none;}
#articlecontent #sunSand {display:none;}
#articlecontent #findingHotel{display:none;}

ul.pdf { margin-top:25px; }
ul.pdf li { list-style-image:url('../bpimages/adobe_pdf_icon.gif') !important; }

/* Monthly Rental */
table.rental { border-collapse:collapse; border:1px solid #000000; }
table.rental tr th, table.rental tr td { border:1px solid #000000; padding:4px 6px; }
table.rental tr td { text-align:center; }

em { font-style:italic; }
#content #col2 ul.nolist li { list-style-image:none; }