/* CSS Document */
html
{
min-height: 100%;
height: auto;
}

body
{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
background: #3197FF url(media/holbg.jpg) repeat-x left top;
}

#container
{
width: 976px;
margin: auto;
padding: 0px;
background: #FFFFFF;
}

#header
{
position: relative;
top: 0px;
width: 976px;
height: 212px;
background: #FFCC00 url(media/letgetawayholday-bg.jpg) no-repeat center top;
}
#header h1
{
display: none;
}
#headerlinks
{
position: relative;
float: right;
right: 0px;
text-align: right;
font-size: 12px;
color: #F6CFAA;
padding: 0px;
margin: 0px;
width: 500px;
}
#headerlinks ul
{
margin: 13px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
#headerlinks ul li
{
float: left;
height: 30px;
line-height: 30px;
margin-right: 10px;
}


#headerlinks a
{
color: #F6CFAA;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

#headerlinks a:hover
{
color: #AC4E25;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

#wrapper
{
	width: 976px;
	position: absolute;
	left: 50%;
	margin-left: -488px;
	padding: 0px;
	background: #FFF url(media/mainbg.jpg) repeat-y center top;
}

#content
{
position: relative;
text-align: left;
width: 774px;
font-size: 12px;
float: right;
background: #FFF url(media/topmainbg.jpg) no-repeat left top;
}
#content2
{
position: relative;
text-align: left;
width: 774px;
font-size: 12px;
float: right;
background: #FFF;
}

#leftnav
{
/*border: 1px solid #000;*/
position: relative;
width: 202px;
float: left;
margin: 0px;
padding: 0px;
z-index: 300px;
}

#leftnav h4
{
margin: 0px;
padding: 0px;
}

#nav
{
/*border: 1px solid #000;*/
position: relative;
width: 202px;
top: 0px;
text-align: left;
margin: 0px;
background: url(media/leftnavbg.jpg) no-repeat left top;
}
#navfooter
{
position: relative;
top: 0px;
}

#maincontent
{
position: relative;
top: 40px;
margin-right: 10px;
font-size: 12px;
}

#maincontent a.mtext:link
{
color: #0072BB;
text-decoration: underline;
}
#maincontent a.mtext:active
{
color: #0072BB;
text-decoration: underline;
}
#maincontent a.mtext:visited
{
color: #0072BB;
text-decoration: underline;
}
#maincontent a.mtext:hover
{
color: #82BA3F;
text-decoration: underline;
}

#topmainnav
{
position: absolute;
float: right;
right: 0px;
margin: 0px;
padding: 0px;
top: 12px;
height: 30px;
width: 750px;
line-height: 30px;
color: #FFFFFF;
}
#topmainnav h3
{
font-size: 14px;
margin: 0px;
padding: 0px;
}

#glowingtabs{
float:left;
position: relative;
right: 10px;
margin: 0px 0px 0px 106px;
width: 750px;
font-size:14px;
line-height:normal;
/*border-bottom: 1px solid #7e9fff; Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
line-height: 27px;
}

#glowingtabs a{
float:left;
background:url(media/glowtab-left.gif) no-repeat left 1px;
margin:0;
margin-right: 2px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(media/glowtab.gif) no-repeat right 1px;
padding: 2px 8px 0px 3px;
font-weight:bold;
color:#fff;
}

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

#glowingtabs a:hover span {
color: #FFCC00;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -30px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color: #FFCC00;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -30px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}

/*//////////////////////////*/
#glowingtabs a .tabs span
{
float:left;
display:block;
background:url(media/glowtab.gif) no-repeat right 1px;
padding: 2px 8px 0px 3px;
font-weight:bold;
color:#fff;
}

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

#glowingtabs a:hover .tabs span
{
color: #FFCC00;
}

#glowingtabs #current a .tabs span
{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color: #FFCC00;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -30px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover .tabs span
{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}


/*//////////////////////////*/
#footer
{
padding-top: 0px;
height: 136px;
position: relative;
top: 0px;
left: 0px;
width: 976px;
font-size: 12px;
color: #FFF;
background: url(media/footerbg.jpg) no-repeat center bottom;
border: 1px solid #000;
}

#footer a.footlink:hover
{
color: #000;
}
#footer a.footlink:link
{
color: #FFF;
}
#footer a.footlink:active
{
color: #FFF;
}
#footer a.footlink:visited
{
color: #FFF;
}

#footer ul
{
margin: 0px 0px 0px 260px;
padding: 0px;
}

#footer ul li
{
display: inline;
float: left;
margin: 0px 80px 0px 0px;
padding: 0px;
}

#buttons
{
width: 780px;
position: absolute;
top: 280px;
text-align: right;
left: 50%;
margin-left: -390px;
margin-top: 0px;
font-size:14px;
/*border: 1px solid #7e9fff; Add border strip to bottom of menu*/
}

#buttons ul
{
position: relative;
z-index: 100;
float: right;
top: 0px;
right: 10px;
width: 181px;
margin: 0px;
padding: 0px;
}

#buttons ul li
{
color: #FFF;
margin-right: 20px;
text-align: center;
margin-bottom: 6px;
display: block;
height: 23px;
width: 181px;
line-height:22px;
background: #FFFFFF url(img/vbut1.jpg) no-repeat;
list-style: none;
}

#buttons ul li a
{
display: block;
text-decoration: none;
color: #FFF;
}

#buttons ul li a:hover
{
display: block;
text-decoration: underline;
background: #FFFFFF url(img/vbut2.jpg) no-repeat;
color: #000000;
}

.tabletextheader
{
font-size: 18px;
color: #FFF;
font-weight: bold;
}
.tabletext
{
font-size: 12px;
color: #000000;
}
.tabletextprice
{
font-size: 16px;
color: #2B4DBC;
font-weight: bold;
}

a.viagrabuttons:link
{
text-decoration: none;
color: #FFF;
font-weight: bold;
}
a.viagrabuttons:active
{
text-decoration: none;
color: #FFF;
font-weight: bold;
}
a.viagrabuttons:visited
{
text-decoration: none;
color: #FFF;
font-weight: bold;
}
a.viagrabuttons:hover
{
text-decoration: none;
color: #000;
font-weight: bold;
}
fieldset.formFieldSet
{
padding: 4px;
width: 480px;
border: solid 1px #0072BB;
}
legend.formLegend
{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: #B9D6E7;
padding: 6px;
border: solid 1px #0072BB;
}

textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 440px;
height: 100px;
border: solid 1px #003276;
}

textarea.formTextArea2
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 200px;
height: 100px;
border: solid 1px #003276;
}
#country
{
position: relative;
left: 7px;
width: 168px;
border: 1px solid #003276;
font-size: 12px;
}
#state
{
position: relative;
left: 7px;
width: 168px;
border: 1px solid #003276;
font-size: 12px;
}
#city
{
position: relative;
left: 7px;
width: 168px;
border: 1px solid #003276;
font-size: 12px;
}
label
{
font-size: 14px; font-weight:bold; margin: 0px 0px 0px 10px; padding: 0px 0px 4px 0px; color: #004A96;
}

#leftnavlinks
{
width: 181px;
background: #FFF;
text-align: left;
padding: 0px;
}
#leftnavlinks ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#leftnavlinks ul li
{
float: left;
position: relative;
display: block;
background: url(media/advertiselinkbg.gif) no-repeat;
height: 31px;
line-height: 31px;
width: 181px;
font-size: 12px;
}
#leftnavlinks ul li a:link, a:visited, a:active
{
font-weight: bold;
color: #960090;
text-decoration: none;
}
#leftnavlinks ul li a:hover
{
color: #000000;
}
#maincentrecontent
{
float: left;
width: 590px;
}
#maincentrecontent h1
{
color: #004A96;
font-size: 18px;
margin: 20px 20px 0px 20px;
}

#maincentrecontent p
{
margin: 0px 0px 20px 20px;
}

#maincentrecontent2
{
float: left;
width: 690px;
}
#maincentrecontent2 h1
{
color: #004A96;
font-size: 18px;
margin: 20px 20px 0px 20px;
}

#propertyhome ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 600px;
}

#propertyhome ul li
{
display: block;
float: left;
margin-left: 18px;
margin-top: 10px;
width: 559px;
height: 131px;
}
#propertyhome img
{
float: left;
margin-left: 10px;
margin-top: 17px;
border: 0px;
}
#propertyhome h2
{
font-size: 16px;
margin: 0px;
padding: 0px;
line-height: 16px;

}
#moreinfo
{
float: right;
position: relative;
top: 90px;
right: 20px;
}

#propertyhome ul li a
{
display: block;
color: #004A96;
background: url(media/propertybg3.jpg) no-repeat;
text-decoration: none;
width: 559px;
height: 131px;
}
#propertyhome ul li a:hover
{
cursor:pointer;
background: url(media/propertybg2.jpg) no-repeat;
display: block;
color: #FFF;
width: 559px;
height: 131px;
}
/*
#propertyhome a.mainhomes:link, a.mainhomes:visited, a.mainhomes:active
{
display: block;
color: #004A96;
background: url(media/propertybg1.jpg) no-repeat;
text-decoration: none;
width: 559px;
height: 131px;
}
#propertyhome ul li a.mainhomes:hover
{
cursor:pointer;
background: url(media/propertybg.jpg) no-repeat;
display: block;
color: #FFF;
width: 559px;
height: 131px;
}
#propertyhome h2 a:hover
{
font-size: 16px;
margin: 0px;
padding: 0px;
line-height: 16px;
color: #FFF;
}
*/
#propertyhome #active1 a
{
background: url(media/propertybg2.jpg) no-repeat;
color: #FFF;
}
#propertyhome #active1 li
{
margin-top: 0px;
}
/*html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
*/
#propertyhome2
{
margin: 20px 20px 0px 20px;
padding: 10px;
border: 4px solid #F8B800;
}

#propertyhome3
{
margin: 20px 20px 0px 20px;
width: 524px;
padding: 10px;
border: 4px solid #F8B800;
}

#property
{
margin: 20px 20px 0px 20px;
width: 550px;
}
#property ul
{
margin: 0px;
width: 550px;
padding: 0px;
list-style-type: none;
}

#property ul li
{
float: left;
width: 252px;
height: 230px;
margin: 0px 0px 30px 16px;
padding: 0px;
display: inline;
}
#property img
{
border: 0px;
}

table.amenities
{
clear: right;
width: 250px;
line-height: 14px;
border-collapse: collapse;
border: 4px solid #F8B800;
color: #4F6480;
background: #F0F0F0;
}
table.amenities thead tr
{
color: #000033;
background: #F8B800;
}
table.amenities thead tr th
{
padding: 4px;
text-align: center;
}
table.amenities tbody tr th
{
padding: 4px;
}
table.amenities tbody tr td
{
text-align: center;
}


table.amenities caption
{
margin: 0;
padding: 4px;
color: #032469;
line-height: 16px;
font-size: 16px;
text-align: left;
font-weight: bold;
}

table.dailyrates caption
{
margin: 0;
padding: 4px;
color: #032469;
line-height: 16px;
font-size: 16px;
font-weight: bold;
}
table.dailyrates
{
margin-left: auto;
margin-right: auto;
width: 548px;
line-height: 14px;
border-collapse: collapse;
border: 4px solid #F8B800;
color: #4F6480;
background: #F0F0F0;
}
table.dailyrates thead tr
{
color: #000033;
background: #F8B800;
}


table.amenities2
{
clear: right;
width: 250px;
line-height: 14px;
border-collapse: collapse;
border: 4px solid #F8B800;
color: #4F6480;
background: #F0F0F0;
}
table.amenities2 thead tr
{
color: #000033;
background: #F8B800;
}
table.amenities2 thead tr th
{
padding: 4px;
text-align: center;
}
table.amenities2 tbody tr th
{
padding: 4px;
}
table.amenities2 tbody tr td
{
text-align: center;
}

th.spec
{
width: 50px;
}
td.spec2
{
width: 50px;
}

#advertisediv
{
float: left;
margin: 20px 0px 0px 20px;
width: 560px;
}

#advertisediv fieldset
{
margin: 1px 4px 1px 0px;
padding: 0px 10px 1px 1px;
border: 1px solid #CCC;
background: #f8f8f8;
}

#advertisediv legend
{
font-weight: bold;
}

#advertisediv label
{
display: block;
float: left;
width: 180px;
margin: 4px 0px 0px 20px;
padding: 0px;
}
#advertisediv input[type="text"]
{
margin: 0px;
border-top: 2px solid #004A96;
border-left: 2px solid #004A96;
border-bottom: 1px solid #004A96;
border-right: 1px solid #004A96;
width: 180px;
}
#advertisediv input:focus
{
background: #ffc;
}
select
{
border-top: 2px solid #004A96;
border-left: 2px solid #004A96;
border-bottom: 1px solid #004A96;
border-right: 1px solid #004A96;
}

.required
{
font-size: 12px;
color: #760000;
}

a.owners:link
{
color: #000;
}
a.owners:hover
{
color: #000;
}
a.owners:visited
{
color: #000;
}
a.owners:active
{
color: #000;
}


a.loginlink:link
{
color: #004A96;
}
a.loginlink:hover
{
color: #960090;
}
a.loginlink:visited
{
color: #004A96;
}
a.loginlink:active
{
color: #004A96;
}

.errortext
{
color: red;
}

/*pagination*/
.pagination {
	padding: 0px;
	margin: 0px;
}

.pagination ul{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 2px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}

/*end of pagination*/
.textfields
{
width: 50px;
}

#listlinks
{
margin: 48px 0px 0px 0px;
padding: 0px;
float: left;
}
#listlinks img
{
float: left;
margin: 0px 12px 0px 0px;
padding: 0px;
/*border: 2px #FFB0B0 solid;*/
width: 180px;
height: 135px;
}

#listlinks ul
{
margin: 0px 0px 10px 10px;
/*border: 1px solid #000;*/
padding: 0px;
}

#listlinks ul li
{
margin: 0px 0px 10px 0px;
background: #6b9aea;
/*border: 1px solid #000;*/
padding: 10px 20px 10px 20px;
list-style: none;
font-size: 14px;
text-align: left;
width: 536px;
}
#listlinks h3
{
font-size: 16px;
border: 0px;
}
#listlinks ul li a:link
{
color: #ffcc01;
font-size: 14px;
}
#listlinks ul li a:active
{
color: #ffcc01;
font-size: 14px;
}
#listlinks ul li a:visited
{
color: #ffcc01;
font-size: 14px;
}
#listlinks ul li a:hover
{
color: #FFF;
font-size: 14px;
}


#main { padding: 1em; }

pre { margin-bottom: 1em; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li
{
list-style-type: none;
}
.basic, #list2, #list3, #navigation
{
/*width:20em;*/
}

#log
{
position:fixed;
bottom: 0;
right:1em;
text-align:right;
}
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 490px;
	border: 1px solid black;
	margin: 0px 0px 0px 10px;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a.tabs {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.basic a.tabs:hover {
	background-color: white;
	color: #FFF;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: #FFF;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}

.menu_list {	
	width: 566px;
	margin: 0px;
}
p.menu_head {
	padding: 5px 10px 5px 16px;
	cursor: pointer;
	position: relative;
	margin: 1px 0px;
    font-weight:bold;
    background: #eef4d3 url(media/left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  margin: 0px;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
    margin: 0px;
  text-decoration:underline;
  }
  
  
  
  
#propertyhomedestin ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 600px;
}

#propertyhomedestin ul li
{
display: block;
float: left;
margin-left: 18px;
margin-top: 10px;
width: 559px;
height: 131px;
}
#propertyhomedestin img
{
float: left;
margin-left: 10px;
margin-top: 17px;
border: 0px;
}
#propertyhomedestin h2
{
font-size: 16px;
margin: 0px;
padding: 0px;
line-height: 16px;

}
/*
#moreinfo
{
float: right;
position: relative;
top: 90px;
right: 20px;
}
*/

#propertyhomedestin ul li a
{
display: block;
color: #004A96;
background: url(media/propertybg3.jpg) no-repeat;
text-decoration: none;
width: 559px;
height: 131px;
}
#propertyhomedestin ul li a:hover
{
cursor:pointer;
background: url(media/propertybg2.jpg) no-repeat;
display: block;
color: #FFF;
width: 559px;
height: 131px;
}
/*
#propertyhome a.mainhomes:link, a.mainhomes:visited, a.mainhomes:active
{
display: block;
color: #004A96;
background: url(media/propertybg1.jpg) no-repeat;
text-decoration: none;
width: 559px;
height: 131px;
}
#propertyhome ul li a.mainhomes:hover
{
cursor:pointer;
background: url(media/propertybg.jpg) no-repeat;
display: block;
color: #FFF;
width: 559px;
height: 131px;
}
#propertyhome h2 a:hover
{
font-size: 16px;
margin: 0px;
padding: 0px;
line-height: 16px;
color: #FFF;
}
*/
#propertyhomedestin #active1 a
{
background: url(media/propertybg2.jpg) no-repeat;
color: #FFF;
}
#propertyhomedestin #active1 li
{
margin-top: 0px;
}


a:focus {
	outline: none;
}
#panel {
	background: #FFCC00;
	padding: 10px 0px;
	height: auto;
	display: none;
	width: 570px;
	margin: 10px auto 0px auto;
}
.slide {

	margin: 0px auto;
	border-top: solid 4px #422410;
	width: 570px;
	background: url(media/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(media/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 280px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}