body  {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
background: #F5F6F9;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

/* Heading Tags */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #F886B6;
}

h1 {
	font-size:1.125em;
	line-height:1.636em
}

h2 { font-size:1.125em }

h3 { font-size:0.875em }
	
h4, h5 {
	font-size: 100%;
}

.tinytxt {
	font-size: 80%;
}


#container { 
	width: 800px;
	background: url(/images/bg_main.gif) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	width: 800px;
	padding: 0;
	margin: 0;
	float: left;
	background: url(/images/bg_header.gif) no-repeat; 
} 

#header #logo {
	float: left;
	width: 256px;
	padding: 20px 0 6px 20px;
	margin: 0;
}

#subhead { 
	width: 784px;
	padding: 4px 8px;
	background: url(/images/bg_subhead.gif) no-repeat;
	float: left;
}



/*- Main Nav = mainnav -*/

#mainnav {
	float:right;
    width: 500px;
    font-size:85%;
	font-weight: bold;
    line-height:normal; 
}

/*- Main Top Nav = topnav -*/
#mainnav #topnnav {
	float:right;
    width: 125px;
	margin: 0 auto;
	padding: 0;
    font-size:0.75em;
    line-height:normal;
}
#mainnav #topnnav ul {
	margin: 0;
	padding:0;
	list-style:none
}

#mainnav #topnnav li {
	display:inline;
	margin:0;
	padding:0;
	background: none;
}

#mainnav #topnnav a {
	float:right;
	display:block;
	color: #4997F4;
    margin:0;
    padding: 4px 8px;
    text-decoration:none;
	background: none;
}

#mainnav #topnnav a:hover {
	color: #217CC9;	
}

#mainnav ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top: 88px;
}

#mainnav li {
	display:inline;
	margin:0;
	padding:0;
}

#mainnav a {
	float: right;
	color: #F886B6;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
	background:url(/images/topnavL.gif) no-repeat left top;
}

#mainnav a span {
    float:right;
    display:block;
    background:url(/images/topnavR.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:none;}
/* End IE5-Mac hack */

#mainnav a:hover span {
	color:#F886B6;
}

#mainnav a:hover {
 	background-position:0% -42px;
}

#mainnav a:hover span {
	background-position:100% -42px;
}                        

#subhead #shimage {
	float: left;
	width:  541px;
	height: 187px;
	padding: 0;
	margin: 0;
	background: url(/images/home_header.jpg) no-repeat;
}

#subhead #leftad {
	float: right;
	width: 225px;
	padding: 5px;
	margin: 0;
	background: none;
	
}
#leftad {
	font-size: 0.875em;
	background: none;
	text-align: left;
}

#shtext {
	font-size: 75%;
	background: #FFF url(/images/headtext_shadow.gif) bottom no-repeat;
	padding: 5px 10px 10px 10px;
}

body#home #shtext {
	text-align: center;
	font-weight: bold;

}

	
#sidebar {
	float: right; 
	width: 235px;/* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 8px 0 0;
	margin: 20px 0;
}

#main {
	padding: 0;
	margin:0 0 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar div contains, the column space 	will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar ends. */
}

#main a {
	color: #217BC3;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}

#main #content {
	width: 784px;
	padding:8px;
	margin: 5px 0;
	float: left;
	background: #F7F8EA;
}

#main #content p {
	text-align: left;
	padding: 0 0 12px 0;
	margin: 0; 
}

img {
	border-style: none;
	display: block;
}

#col1, #col2 {
	width: 49%;
	float: left;
	margin-bottom: 4px;
}

#col2 {
	float: right;
}

#col1 h3, 
#col2 h3 {
	padding-left: 5px;
}

#content #gallery {
	float: right;
	width: 191px;
	padding: 0 0 0 0;
	margin: 0 0 8px 12px;
	
}

#content #gallery img {
	display: block;
	
}

#content #gallery img.photo {
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
}

#content .check {
	float: right;
	width: 128px;
}

#content .credits {
	margin-right: 4px;
	padding: 8px 0;
}

#content .viewgal {
	margin-top: 4px;
	float: right;
}

/* Home Page Styles and Mods */

#hmtoprow {
	width: 774px;
	float: left;
	padding: 2px 4px;
	margin: 5px 8px 0 8px;
	border: 1px solid #F0F0CF;
	background: #F7F8EA;
	height: auto;
}

#hmtoprow a {
	color: #FF33CC;
	font-size: 85%;
	text-decoration: none;
}

#hmtoprow a:hover {
	color: #FF66CC;
}

#hmtoprow #hmsidebar {
	float: right; 
	width: 295px;/* since this element is floated, a width must be given */
	padding: 0;
	margin: 0;
}

#hmtoprow #sidenav {
	width: 295px;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}

#hmtoprow #sidenav ul {
width: 295px;
height: 85px;
margin: 0;
padding: 0;
border: 0;
position: relative;
background: url(/images/hm_sidenav.gif);
background-image: url(/images/hm_sidenav.gif);
}

#hmtoprow #sidenav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	font-size: 90%;
	background: none;
}
	
#hmtoprow #sidenav ul li, 
#hmtoprow #sidenav a {
	height: 85px;
	display: block;
}

#hmtoprow #sidenav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#hmtoprow #sn1 {
left: 0; 
width: 70px;
}
#hmtoprow #sn2 {
left: 113px;
width: 70px;
}
#hmtoprow #sn3 {
left: 225px;
width: 70px;
}

#hmtoprow #sn1 a:hover {background: transparent url(/images/hm_sidenav.gif) 0 -86px no-repeat;}
#hmtoprow #sn2 a:hover {background: transparent url(/images/hm_sidenav.gif) -113px -86px no-repeat;}
#hmtoprow #sn3 a:hover {background: transparent url(/images/hm_sidenav.gif) -225px -86px no-repeat;}

#hmtoprow #sidead {
position: relative;
width: 291px;
padding: 1px;
margin-top: 5px;
background: #FFF;
border: 1px solid #CCC;
height: 100%;
}

#hmtoprow #inner{
width: 464px;
float: left;
background: #C9E2FE;
padding: 5px;
color: #CBE2FD;
}


#hmtoprow #inner #feat {
width: 200px;
float: right;
}

#hmtoprow .featbx {
	width:200px;
	padding:0 0 0 0;
	margin: 0 0 5px 0; 
	background:url(/images/rndbx2_btm.gif) bottom left no-repeat;
}
#hmtoprow .featbx h4,
#hmbtmrow h4 {
font-size: .95em;
font-weight: normal;
margin: 0;
padding: 8px 0 2px 5px;
color: #F886B6;
display: block;
background:url(/images/rndbx2_top.gif) no-repeat left top;
}
#hmtoprow .featbx p,
#hmtoprow .featbx p a {
	font-size: 0.8em;
	padding: 5px 0;
	margin:0;
	text-align: center;
	color:#4997F4;
}

#hmtoprow .featbx #imgbx {
	width: 200px;
	border-style: none;
	background: #FEF1F9;
}

#hmtoprow .featbx #imgbx img {
	width: 150px;
	margin: 0 auto;
	border: 1px solid #CCC;
	padding: 4px;
	background: #FFF;
}

#hmtoprow .lead {
	padding-left: 50px;
	margin: 0 0 0 50px;
}

#hmtoprow #inner h5 {
	color: #000;
	font-size: 80%;
	margin: 0 0 2px 0;
	padding: 0; 
}

#hmtoprow #ftr {
	display:block;
	width: 250px;
	float: left;
 	padding: 0;
	margin: 2px 0 0 0;
}

#hmbtmrow {
	width: 776px;
	float: left;
	padding: 8px 4px;
	margin: 5px 8px 0 8px;
	background: #EEECCE url(../images/bg_hmbtmrow.gif) left bottom repeat-x;
}

#hmbtmrow #hmcontent {
	width: 471px;
	float: left;
}

#hmbtmrow #hmcontent h3 {
	font-size: 130%;
	font-weight: normal;
	padding: 4px 8px 2px 8px;
	background: url(/images/bg_titleblu.gif) left top repeat-x;
	border: 1px solid #CCE8E5;
}

#hmbtmrow #srchpnl {
	float: left;
	width: 258px;
	margin: 2px 0 10px 0;
	background: #F2F1DB url(/images/hm_pnlbdr.gif) left bottom no-repeat;
}

#hmbtmrow #srchpnl p {
	font-size: 85%;
	margin: 0 0 4px 0;
	padding: 4px 8px;	
}

#hmbtmrow #signup {
	width: 212px;
	height: 138px;
	float: right;
	margin: 0 0 10px 0;
	background: url(/images/bg_signup.jpg) left top no-repeat;
}

#hmbtmrow #signup p {
	font-size: 80%;
	padding: 35px 10px 5px 10px;
	margin: 0;
}

#hmbtmrow #signup #hmsignup {
	width: 192px;
	padding: 0;
	margin: 4px auto;
}

#hmbtmrow #signup #email {
	width: 110px;
	padding: 0;
	margin: 0;
	float: left;
}

#hmbtmrow #signup #button,
#button2{
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	float: right;
}

#button2 {
	margin: 5px 0;
}

#hmbtmrow #blogpnl {
	border: 1px solid #CCE8E5;
	background: #DDD;	
}

#hmbtmrow #blogpnl div.post {
	padding: 5px;
	margin: 1px 0 0 0;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	background: #FFFFF2 url(/images/bg_blogpst.gif) left bottom repeat-x;
}

#hmbtmrow #blogpnl .post h4 {
padding: 0;
margin: 2px 0 8px;
color: #000;
display: block;
background: none;
}

#hmbtmrow #blogpnl .post p {
padding: 0;
margin: 0 0 4px 0;
font-size: 0.75em;
}

#hmbtmrow #blogpnl .more {
	padding: 0 0 0 16px;
	margin: 4px 0;
	float: right;
	font-size: 0.75em;
	color: #FF33CC;
	background: url(/images/bullet_post.gif) left top no-repeat; 
}

#hmbtmrow #blogpnl .more a:hover {
	color: #FF33CC;
	text-decoration: none;
}

#hmbtmrow #disc {
	margin:0;
	padding:4px 8px;
}
#hmbtmrow #disc select {
	font-size:9px;
	padding: 0;
	margin: 0;
}

#hmbtmrow #disc label {
	font-size: 0.625em;
	display: block;
	margin: 0 0 5px 0;
}

#hmbtmrow #disc label.fleft {
	float: left;
	margin: 0 10px 0 0;
	width: 125px;
}

#hmbtmrow #disc label.fleft select {
	float: left;
	width: 125px;
	padding: 0;
}

#hmbtmrow #sidepan {
	width: 295px;
	float: right;

}

#hmbtmrow #calbox {
	width: 295px;
	padding: 0;
	background: #FFFFF2 url(/images/bg_hmcal.gif) left bottom;

}

#hmbtmrow #calbox h3 {
	font-size: 130%;
	font-weight: normal;
	color: #444;
	padding: 4px 8px 2px 8px;
	background: url(/images/bg_titlepnk.gif) left top repeat-x;
	border: 1px solid #F6D7DB;
}

#hmbtmrow #calbox ul{
	clear: both;
	margin: 4px 0;
	padding: 0;
	background: #FFF;
	list-style: none;
}

#hmbtmrow #calbox li{
	width: 100px;
	float: left;
	margin: 0;
	padding: 5px;
}

#hmbtmrow #calbox li.first{
	width: 65px;
}

#hmbtmrow #sidepan .ad {
	width: 290px;
	margin-top: 10px;
	padding: 1px;
	font-size: 140%;
	text-align: center;
	color: #666;
	background: #FFF;

}
#searchpnl {
width: 255px;
margin:0;
padding:0;
float: left;
background: #fff;
}
#searchpnl2 {
width: 281px;
display: block;
float: left;
}

#searchpnl2 #resort {
	padding: 5px;
	background: #fff;
}

#hmtoprow p.lbl {
	margin:0;
	padding:2px 5px;
	color:#00ADEF;
	font-size:0.875em;
	background: #fff;
}

#listcontainer {
width: 245px;
height: 261px;
margin: 0;
padding:0;
display: none;
position: absolute;
background: url(http://resortrentalsintl.com/images/newcontainer.gif) no-repeat left top;
}

#listcontainer #close,
#listcontainer #example1 {
display: none;
}

#pulldown {
	width: 245px;
	height: 24px;
	padding: 0; 
	margin:0;
	display: block;
	cursor:pointer;
}

#pulldown{
background: url(http://resortrentalsintl.com/images/dropdown.gif) no-repeat left bottom;
}

#pulldown h3,
#listcontainer #close{
display:block;
width: 204px;
margin:0;
padding:3px 30px 2px 10px;
color: #555;
font-size: 12px;
cursor:pointer;
font-weight: normal;
cursor: pointer;
}

#searchpnl #resort {
padding: 5px;
background: #fff url(/images/bg_resorttop_home.gif) left top no-repeat;;
}

#hmtoprow #resort p.lbl {
padding: 2px 0;
}

#resort h2, 
#resorttop h2 {
color:#FB667E;
font-size:1em;
font-weight:400;
margin:0;
padding:4px 0 8px 50px
}

#resorttop {
	background:transparent url(/images/icon_search.gif) no-repeat scroll left top;
	border-style: none;
	min-height: 36px;
	margin-bottom: 5px;
}


 #resort #example1 {
	width: 230px;
	margin: 1px 0 0 0;
	padding: 2px 5px;
	list-style-type: none;
	padding-bottom: 0;
	position: absolute;
	height: 218px;
	overflow: auto;
	font-size: 0.8em;

}

#resort #example1 .statelist .city {
	margin-left: 10px;
	padding-left: 10px;
	list-style-type: none;
}

#resort #example1 .citylist {
	font-size: 0.95em;
	list-style-type: none;
}

#resort #example1 .statelist {
	background-color: #EFEFEF;
	padding: 3px;
	margin: 3px;
	padding-right: 7px;
	margin-right: 7px;
	list-style-type: none;
}

#resort #example1 .statelist h2 {
	color:#4997F4;
	margin: 0;
	padding: 0;
}
#resort #example1 .resortlist .resort { list-style-type: none; }


#hmtoprow #dest {
	width: 245px;
	float: left;
 	padding: 0;
	margin-top: 4px;
	color: #000;
	background: #fff;
}

#hmtoprow .btm {
	width: 245px;
	float: left;
	text-align: right;
	display: block;
	padding: 4px 5px;
	margin: 0;
	font-size:0.75em;
	color: #4997F4;
	background: #fff url(/images/bg_resortbtm_home.gif) left bottom no-repeat;
}



#hmtoprow #dest label {
	display: block;
	color: #DC77B6;
	padding: 0;
	margin: 0;
}

#hmtoprow #inner #dest #col1 label,
#hmtoprow #inner #dest #col2 label {
	font-size: 85%;
	color: #000;
	padding: 2px;
	display: inline;
	margin: 0;
}

 #dest .country {
	padding-left: 5px;
	float: left;
	display: inline;
}

 #dest .citymenu {
	list-style: none;
	padding: 0;
	margin:0;
}

#dest .citymenu li {
font-size: 0.75em;
display: block;
margin-left: 10px;
padding:0 0 0 10px;
background: url(/images/bullet_white.gif) no-repeat scroll left center;
}
#dest .citymenu li a {
	color: #217bc3;
	text-decoration: none;
}
#dest .citymenu li a:hover {
	text-decoration: underline;
}

.halfcol h3 {
	font-size: 0.813em;
	font-weight: 200;
	color:#6697CC;
	padding-left: 5px;
}

/* End Home Page Styles */

#main .featbox,
#main #dir {
	width: auto; 
	padding: 18px;
	margin: 0;
}

.featbox a,
.featbox a:visited {
	color: #217CC9;
	text-decoration: none;
}

.featbox a:hover {
	text-decoration: underline;
}

.featbox .panel {
	width: 48%;
	float: left;
	padding-right: 10px;
	margin: 0;
}

.featbox h3 {
	font-size: 140%;
	padding: 10px 0 5px 0;
	margin: 0;
}

.featbox ul {
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}

.featbox li {
	margin: 0 0 .3em 0;
	padding: 0 0 0 4px;
}

.featbox p.address {
	width: auto;
	float: left;
	font-weight: bold;
	padding: 5px 20px 5px 0;
	margin: 0;
}

#featbox #rooms {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}

.featbox #rooms h3 {
	color: #8FAAC0;

}
.featbox #rooms ul {
	clear: both;
	float: left;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #DDD;
	
}

.featbox #rooms li {
	line-height: 1.1em;
}

.featbox #rooms li.type {
	width: 25%;
	float: left;
	padding: 0;
	margin: 0;
}
.featbox #rooms li.occu {
	width: 20%;
	float: left;
	padding: 0;
	margin: 0;
}
.featbox #rooms li.desc {
	width: 55%;
	float: left;
	padding: 0;
	margin: 0;
}
.featbox #rooms li h4 {
	padding: 0;
	margin: 0;
	
}

.featbox #poli {
	color: #444;
	margin: 0;
	padding: 10;
}

.featbox h3 {
	padding: 10px 0 5px 0;
	margin: 0;
}

.featbox p {
	padding: 0 0 5px 0;
	margin: 0;
}


.box275 {
	width: 425px;
	float: left;
	display: block;
}

.box275 li {
	margin: 0;
	font-size:1.167em;
	color: #333;
	font-weight: bold;
	display: block;
}

.box275 li span {
	float: right;
}

.box275 ul{
	margin: 10px 0;
	padding: 10px;
	list-style-type: none;
}


#main .box275 li a {
	color: #2D6EAB;
	display: block;
	border-bottom: 1px solid #e8e8e8;
	text-decoration: none;
	padding: 5px 5px 8px 26px;
	background: url(http://resortrentalsintl.com/images/bullets/add-green.gif) no-repeat 0px 8px;
}


#main .box275 li a:hover {
	background-color: #FFF;
}

#main #content .box275 p.details {
	display:block;
	float: none;
	padding: 0;
	font-weight: normal;
	color: #333;
}

.box275 li.first { border-top: none; }

#rates {
	width: 124px;
	height:75px;
	min-height:75px;
	display: block;
	float: right;
	padding: 4px 2px 2px;
	margin: 5px 10px 0 0;
	text-align: center;
	text-decoration: none;
	background: url(http://resortrentalsintl.com/images/rates.gif) no-repeat left top;	
}

#rates a:hover {
color: #41CBF9;
}

#rates img {
width: 110px;
display: block;
padding: 0;
margin: 5px auto;
}

#rates span {
	font-size: 12px;
}
#rates .checkavail {
	width: auto;
	margin: 2px auto;
	display: block;
}

#content ul#maps {
	font-size:0.75em;
	background:#FFF;
	float:right;
	line-height:1.5em;
	width:77px;
	margin:0 10px 10px 0;
	padding:5px;
	border: 1px solid #EEE;
}

ul#maps li {
	list-style:none;
	width:auto;
	margin:0 0 .4em;
	padding:2px 0 2px 20px
}

#content ul#maps li.map { background:url(http://resortrentalsintl.com/images/bullets/bullet_map.gif) no-repeat 0 1px }

#content ul#maps li.directions { background:url(http://resortrentalsintl.com/images/bullets/bullet_car.gif) no-repeat 0 1px }

#content ul#maps li.print { background:url(http://resortrentalsintl.com/images/bullets/bullet_printer.gif) no-repeat 0 1px }



/* Internal SideNavigation */

#sidebar #sidenav {
	width: 235px;
	height: 62px;
	border: 0;
	padding: 0;
	margin: 0;
}

#sidebar #sidenav ul {
	margin: 0;
	padding: 0;
	width: 235px;
	height: 62px;
	border: 0;
	position: relative;
	background: url(../images/sidenav.gif);
}

#sidebar #sidenav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	font-size: 90%;
	background: none;
}
	
#sidebar #sidenav ul li, 
#sidebar #sidenav a {
	height: 62px;
	display: block;
}

#sidebar #sidenav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#sidebar #sn1 {left: 0; width: 61px;}
#sidebar #sn2 {left: 61px; width: 62px;}
#sidebar #sn3 {left: 123px; width: 61px;}
#sidebar #sn4 {left: 184px; width: 51px;}

#sidebar #sn1 a:hover {background: transparent url(../images/sidenav.gif) 0 -63px no-repeat;}
#sidebar #sn2 a:hover {background: transparent url(../images/sidenav.gif) -61px -63px no-repeat;}
#sidebar #sn3 a:hover {background: transparent url(../images/sidenav.gif) -123px -63px no-repeat;}
#sidebar #sn4 a:hover {background: transparent url(../images/sidenav.gif) -184px -63px no-repeat;}

#sidebar #sidenav a:active, 
#sidebar #sidenav a:focus,
#hmtoprow #sidenav a:active,
#hmtoprow #sidenav a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
}

#sidebar h3.title {
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 10px 5px;
	background: url(/images/sidetitle_bg.gif) left center no-repeat;
}

#sidebar ul, #sidebar dl {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
}

#sidebar li {
	margin: 0 0 .3em 8px;
	padding: 0 0 0 14px;
	background: url(/images/bullet_pink.gif) no-repeat 0 4px;
}	

.teaser {
	width:235px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:url(/images/rndbx.gif) bottom left no-repeat;
}
.teaser h3 {
	margin:0;
	padding:7px 10px 3px 10px;
	color: #FFF;
	background:url(/images/rndbx.gif) top left no-repeat;
}
.teaser p {
	margin:0;
	font-size: 85%;
	padding: 0 10px 3px;
	border-width: 0 1px;
	background:#F1C3D2;
}

/* Directory Styles */

#dir #list {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#dir #list h3 {
	font-size: 100%;
	color: #000;
	float: left;
	padding: 20px 10px 20px 10px;
	margin: 0;
}

#dir #list h3.cat {
	padding-left: 48px;
	background: url(../images/globe.gif) top left no-repeat;
}

#dir #list #dirsearch {
	padding: 0;
	margin: 0;
}

#dir #list #dirsearch label.cat,
#dir #list #dirsearch label.loc {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 0;
}

#dir #list #dirsearch label.loc {
	padding-left: 48px;
	background: url(../images/globe.gif) top left no-repeat;
}

#dir #list #dirsearch #filter {
	clear: both;
	float: left;
	width: 490px;
	padding: 0;
	margin-left: 30px;
}


#dir #list #dirsearch #filter input {
	float: left;
	padding: 0;
	margin: 0 0 0 10px; 
}


#dir #list #dirsearch #filter label {
	font-weight: bold;
	font-size: 10px;
	color: #333;
	float: left;
	padding: 2px 0 0 2px;
	margin: 0 0 5px 0;
}

#dir #list #dirsearch input.search {
	margin: 10px 40px 0 0;
	float: right;

}

#dir h2 {
	font-size: 200%;
	color: #51493F;
	display: block;
	padding: 5px 0;
	margin: 0;
}
#dir h4 {
	font-size: 140%;
	font-weight: normal;
	color: #000;
	display: block;
	padding: 5px;
	margin: 0 0 5px 0;
	background: #F4CED8;
}

dl.featured {
float: left;
width: 465px;
margin: 2px 0 8px;
padding: 5px 5px 8px;
display: inline;
background: #EFF8F6;
border: 1px solid #CCC;
font-size: 100%;
}

dl.free {
	float: left;
	width: 513px;
	margin: 2px 0;
	padding: 5px;
	display: inline;
	border: 1px solid #CCC;
	background: #FFF;
}

dt {
	margin: 0;
	padding: 0 0 5px 0;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	color: #000;
}

dl.free dt {
	float: left;
	width: 150px;
	padding: 0 10px 0 0;
}

dl.free dt .title {
	font-size: 1em;
	font-weight: bold;
	color: #000;	
}

dd {
	margin: 0;
	padding: 0;
	color: #000;
}

dd.overview{
	width: 195px;
	font-size: 0.75em;
	margin-left: 120px;
	display: block;
	
}

dd.addr {
	width: 125px;
	float: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: bottom;
	color: #000;
}

dd.addr img {
margin: 0 auto;
}

dl.free dd.addr {
	margin-top: 0; 
	font-size: 11px;
}

dl dd.img{
	margin: 0;
}

dd.img img {
	width: 100px;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
	border: 1px solid #AAA;
	background: #FFF;
	display: block;
}



/* Footer */
#subfooter {
	float: left;
	width: 800px;
	font-size: 11px;
	padding: 0;
	margin: 0;
	background: #FFF url(/images/subfooter_bg.gif) no-repeat 4px top;
}

#Lsubfoot {
	padding: 24px 0 0 80px;
	margin: 0;
}

#Lsubfoot li {
	color: #F886B6;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}

#Lsubfoot li a {
	color: #F886B6;
	text-decoration: none;
}

#Lsubfoot li a:hover {
	color: #217CC9;
}

#Rsubfoot {
	margin: 0;
	float: right;
}

#Rsubfoot li {
	color: #8FAAC0;
	padding: 0 8px 0 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	text-align: right;
}

#Rsubfoot li a {
	color: #8FAAC0;
	text-decoration: none;
}


#Rsubfoot li a:hover {
	color: #F886B6;
}

#footmap {
	width: 792px;
	font-size: 11px;
	float: left; 
	margin: 0;
	padding-bottom: 8px;
}

#footmap .column { 
	width: 80px; 
	padding-right:8px;
	margin-top: 8px;
	float: left;
}

#footmap ul {
	padding: 0; 
	margin: 0;
	list-style: none;
}
	
#footmap li {
    line-height:15px;
	padding: 0; 
	margin: 0;
	list-style: none;
}
#footmap li h3 { 
	font-size: 11px;
	color: #555; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#footmap a {
	display: inline-block; 
}

#footmap a {
	display: block; 
}

#footmap a:link,
#footmap a:visited {  
	color: #AACDAC;
	text-decoration: none;
 }
 
 #footmap a:hover {
 	text-decoration: underline;
}

/* Custom Footer Columns */
#footmap .column.first {
	margin-left: 4em;
	display: inline;
	width: 60px;
}
	
#footmap .colmed { 
	width: 60px;
}
#footmap .colsmall { 
	width: 50px;
}

#footmap #colphone {
	width: 200px;
	float: right;
	color: #217CC9;
	font-size: 14px;
}

#footmap #colphone ul {
	text-align: right;
}

#footmap #colphone li {
	line-height: 1.1em;
} 
	
#btmfooter { 
	width: 800px;
	margin: 0;
	padding: 0;
	color:  #333;
	text-align: center;
	background-color: #D2E1C5;
}
 
#btmfooter p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0;
	font-size: 10px;
	line-height: .8em;
}

#btmfooter img.aff {
	padding: 8px 0;
	margin: 0;
	border-style: none;
}

#btmfooter p.fstart {
	padding-top: 10px;
}

#btmfooter p#phone {
	font-size: 12px;
}
#btmfooter p#copy {
	color: #333;
	padding-bottom: 8px;
}

.photo {
	margin: 20px 20px 0 0; 
	background: #FFF;
	border: 1px solid #DDD;
	display: block;
	padding: 2px;
	float: right
}
#rates span.five {
color: #cc6600;
float: none;
font-size: 1.8em;
font-weight: 400;
padding:5px 0 0;
padding-left: 0pt;
padding-top: 5px;
margin: 5px 0 5px -2px;
}

.rmrates {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 8px;
	height: auto;
	background: #F5F9FB;
	border-top: 1px solid #DCEBF3;
	border-bottom: 1px solid #DCEBF3;   
} 

.rmrates li {
	padding-left: 5px;
}

.rmrates .head {
	padding-left: 20px;
	font-weight:bold;
	background: url(http://resortrentalsintl.com/images/bullets/document.gif) no-repeat left center;	
} 

.rmrates .specs {
	color: #555;
	padding-left: 20px;
}

.rmrates .price {
	float: right;
	margin-left: 5px;
	width: 130px;
	text-align: center;
	color:#006CA2; 
}

#large {
	width: 90%;
	height: 330px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
	float: none;
}

#large img {
	width: auto;
	height: auto;
	border: 1px solid #CFCDC2;
	padding: 8px;
	background-color: #FFF;
	max-height: 330px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: visible;
	text-align: center;
}
#thumbnail {
	top: 325px;
	width: auto;
	min-width: 90%;
	max-width: 450px;
	height: auto;
	float: left;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	_margin-left: 5%;
	_margin-right: 5%;
	padding: 5px;
	background: #fff;
	display: block;
}

#thumbnail li {
	opacity: .65;
	float: left;
	display: inline;
	overflow: hidden;
	background-position: 50% 50%;
	border: 1px solid #ccc;
	margin: 6px;
}

#thumbnail li:hover {
	opacity: 1;
	border: 1px solid #000;
}

#thumbnail a {
	display: inline;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-position: 50% 50%;
}

#thumbnail a:hover {
	border-color: #405061;
	opacity: 1;
}

.galthumb {
	width: 60px;
	height: 60px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 1px solid #ccc;
	float: left;
	background-position: 50% 50%;
}

.galthumb a {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.galthumb a img {
	float: left;
	position: absolute;
	top: -20px;
	left: -50px;
}
.TabbedPanelsContent h3 {
 font-size:1.333em 
}

.ui-accordion {
	list-style-type: none;
	width: 100%;
	margin-left: 0;
	padding-left: 0px;
	text-decoration: none;
}

.ui-accordion div {
	text-decoration: none;
}

.ui-accordion li {
	text-decoration: none;
}

.ui-accordion li .ui-accordion-header {
	display: block;
	height: 28px;
	text-decoration: none;
	line-height: 28px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	background-position: left;
	background-repeat: no-repeat;
}

#TabbedPanels1 .ui-accordion li .ui-accordion-header {
	background-image: url(http://resortrentalsintl.com/images/bullets/maximize.gif);
}

.ui-accordion li:hover .ui-accordion-left {
	text-decoration: none;
}

.ui-accordion li:hover .ui-accordion-header {
	text-decoration: none;
}

.ui-accordion li:hover .ui-accordion-right {
	text-decoration: none;
}

.ui-accordion .ui-accordion-header a:hover {
	text-decoration: none;
}

.ui-accordion li.selected div {
	display: block;
	text-decoration: none;
}

#TabbedPanels1 .ui-accordion li.selected .ui-accordion-left {
	background-image: url(http://resortrentalsintl.com/images/bullets/minimize.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
}

#TabbedPanels1 .ui-accordion li.selected .ui-accordion-header {
	background-image: url(http://resortrentalsintl.com/images/bullets/minimize.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
}

#TabbedPanels1 .ui-accordion li.selected .ui-accordion-right {
	background-image: url(http://resortrentalsintl.com/images/bullets/minimize.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
}

#area  ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0 5px 0 0;
}

#area li.item {
	color: #000;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin-bottom: 0;
	clear: both;
}

#area li .links {
	display: block;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

#area li .links  a:hover {
	color: #19577D;
}

#area li .pad {
	color: #006CA2;
	clear: both;
}

.shade {
	padding: 10px 10px 5px;
	background-color: #F7F7F7;
	border-bottom: solid 1px #eee;
}

.row {
	background: url(http://resortrentalsintl.com/images/bg_greygrad.gif) repeat-x left bottom;
	padding: 0 5px 5px;
	margin-bottom: 5px;
}
.icon {
	margin-bottom: -4px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	display: inline;
}

.pad {
	text-decoration: none;
	padding-left: 24px;
}

.pad a {
	text-decoration: none;
}

.pad a:hover {
	text-decoration: none;
}

.pad a h3:hover {
	text-decoration: none;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.halfcol {
	width:49%;
	float: left;
}

#hotDeals {
padding: 2px;
 border: 1px solid #ccc;
}
.crown {
	padding: 0 0 0 5px;
}
.title,
.subtitle {
margin-left: 20px;
}
.title {
	float:left;
}
.subtitle {
font-size: 0.88em;
color: #666666;
clear: left;
padding-top: 4px;
font-weight: normal;
}

.TabbedPanelsTabGroup {
	display: block;
	float: left;
	
}

#discover {
	height: 297px;
	width: 485px;
	margin: 0;
}

#TabbedPanels2 {
margin: 0 0 10px 0;
width: 485px;
top: -30px;
}

.col{
position: absolute;
float: left;
top:585px;
width:485px;
height:30px;
background:#fff;
}
.col {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; 
 opacity:0.7;
}

.citytitle{
width:300px;
padding: 4px 10px;
height:22px;
z-index: 99;
}

#main #content p.cost {
font-size: 1.8em;
font-weight: 400;
margin: 0 auto;
padding: 8px 0;
display: block;
text-align: center;
color: #cc6600;
}

.TabbedPanelsContent {
	padding:10px;
}

.TabbedPanelsContent h3 {
	clear:both;
	display: block;
	padding: 5px 0;
}

#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab span a {
color: #666666;
text-decoration: none;
}

h3.map {
clear:none;
}

#bookbox {
background: #FFF;
padding: 10px;
}

#bookbox p {
	font-size:0.75em;
	margin:0;
	padding:5px 10px 5px 0
}
#bookbox #verticalForm {
	float:right;
	text-align:left;
	width:203px;
	margin:0;
	padding:0
}

#bookbox #verticalForm fieldset {
	background:#F1F1F1;
	border:1px solid #DDD;
	float:right;
	width:180px;
	padding:8px
}

#bookbox .leftbox,
#bookbox .fltlft{
	float: left;
	background:#F2F7FF;
	width:270px;
	margin:0;
	padding:8px
}
#bookbox .fltlft {
	display: block;
	background: none;
	font-size: 0.6875em;
}

#bookbox .leftbox #verticalForm fieldset { float:none }

#bookbox .leftbox ul, #fullbox ul {
	float:left;
	width:70%;
	margin:0 0 8px;
	padding:0
}

#bookbox .leftbox li, #fullbox li {
	list-style:none;
	margin-bottom:4px;
	text-align:right;
	padding:0
}

#bookbox .leftbox li { clear:both }

#bookbox .leftbox span {
	padding-right:4px;
	width:150px
}
#bookbox .rightbox {
	width: 161px;
	float: right;

}

#bookbox .rightbox1, #bookbox .rightbox2 {
	font-size:0.75em;
	background:#FAF1C3;
	float:right;
	width:145px;
	margin:0 0 4px;
	padding:8px;
	display: block;
}

#bookbox .rightbox2 {
	background:#FDFDFD;
	margin-bottom:8px
}

#bookbox .rightbox2 #totalb {
	font-weight:700;
	left:-4000px;
	position:absolute
}

#bookbox .rightbox1,
#bookbox .rightbox2 {
	float: none;
}
#bookbox h1 {
	border-bottom:1px solid #CCC;
	color:#000;
	margin:18px 0;
	padding:0
}

#bookbox h2 {
	color:#F26522;
	display:block;
	margin:0 0 4px;
	font-size: 1em; 
}

#bookbox dl {
	font-size:0.6875em;
	display:block;
	line-height:1.5em;
	width:336px;
	margin:0 0 12px
}

#bookbox .leftbox dl {
	float:left;
	width:auto;
}

#bookbox dt {
	float:left;
	font-weight:700;
	margin-right:10px;
	text-align:right;
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
}

#bookbox dl dd {
	display:block;
	float:left;
	margin-left:0;
	text-align:left;
	width:140px
}

#bookbox #hilite p {
	display:block;
	float:none;
	text-align:left
}

#bookbox #rpanel {
	color:#777;
	margin-bottom:5px;
	font-size:1.06em;
	display:block;
	float:left;
	width:100%;
	background:url(/images/bullets/blue_pointer.gif) center left no-repeat
}

#bookbox #rpanel span {
	padding:0 0 0 20px;
	float:left;
}

#bookbox #rpanel a {
	width:200px;
	float:right;
	font-size:0.71em
}

#resortinfo {
	list-style: none;
	margin: 0 0 5px;
	padding: 5px;
	font-size: 0.75em;
	background: #FFFFF6;
	width: 490px;
}

#resortinfo p{
	font-size: 100%;
}
#fullbox {
	color:#000;
	float:none;
	width:500px;
	margin:12px auto;
	padding:0;
	background: #FFF;
}

#fullbox .hilite { color:#FF9834 }

#fullbox form {
	text-align:left;
	width:100%
}

#fullbox form fieldset {
	background:#F9F9F9;
	border:solid 1px #DDD;
	display:block;
	width:478px;
	margin:0 0 12px;
	padding:10px
}

#fullbox form label {
	float:left;
	font-size:12px;
	width:180px;
	margin:4px 30px 4px 0
}

#fullbox form input {
	margin-top:3px;
	width:180px
}

#fullbox form label.dates input {
	float:left;
	width:125px
}

#fullbox form select {
	display:block;
	float:left;
	margin-top:3px
}

#fullbox form label.field-first, #fullbox form label.field-address, #fullbox form label.field-ccnum { clear:left }

#fullbox form label.field-state, #fullbox form label.company_state { width:95px }

#fullbox form label.field-state select, #fullbox form label.company_state input {
	float:left;
	width:95px;
	padding:0
}

#fullbox form label.field-promo {
	float:left;
	margin-left:5px;
	width:180px
}

#fullbox form label.field-promo input {
	float:left;
	width:180px
}

#fullbox input#checkbox {
	display:block;
	float:left;
	margin:0;
	padding:0
}

#fullbox label.field-checkbox {
	clear:none;
	width:125px;
	margin:0 0 0 12px;
	padding:0 0 15px
}

#fullbox textarea {
	display:block;
	width:180px;
	margin:3px 5px 0 0
}

#fullbox label.comment textarea { width:400px }

#fullbox #button {
	float:right;
	margin-top:24px
}

#fullbox .field-terms #terms, #fullbox #fsubmit .hilite #chkinsur, #fullbox #fsubmit .hilite #samebill {
	display:inline;
	width:auto
}

#fullbox #fsubmit #button {
	width:auto;
	margin:0
}

#fullbox #fsubmit .field-terms {
	display:block;
	float:left;
	margin-left:5px;
	width:250px
}

#verticalForm { padding-top:1em }

#verticalForm h4 {
	color:#F26522;
	display:block;
	font-size:0.875em;
	margin:0;
	padding:0 0 2px
}

#verticalForm fieldset {
	border:none;
	display:block;
	margin:0 0 12px;
	padding:1em
}

#verticalForm fieldset ul {
	list-style-type:none;
	width:160px;
	margin:5px 0;
	padding:0
}

#verticalForm fieldset span.note {
	color:#000;
	font-weight:400;
	margin:0;
	padding:0 0 12px
}

#verticalForm fieldset.radio {
	width:15em;
	margin:1em 0;
	padding:0
}

#verticalForm fieldset.radio input {
	clear:both;
	float:left;
	width:auto
}

#verticalForm input { width:13em }

#verticalForm label {
	display:block;
	font-size:0.75em;
	font-weight:700;
	padding-bottom:1em
}

#verticalForm label .hint {
	font-size:85%;
	font-weight:400
}

#verticalForm label.first {
	padding-bottom:4px;
	padding-top:2px
}

#verticalForm select {
	display:block;
	margin-bottom:4px
}

#verticalForm label.fleft {
	float:left;
	width:150px;
	margin:0 10px 0 0
}

#verticalForm label.fleft select {
	float:left;
	width:150px;
	padding:0
}

#weekspec #verticalForm #submit {
	float:right;
	font-size:0.625em;
	width:80px;
	margin:0;
	padding:0
}

#verticalForm label.fleft, #weekspec #verticalForm .fleft #month, #weekspec #verticalForm .fleft #year {
	float:left;
	width:95px
}

#resortinfo li {
	float: none;
	padding: 2px;
	margin: 0;
	text-align: left;
}
#hearaboutus{
width:auto;
float: left;
}