html, body {
	margin: 0;
	padding: 0;
}
body {
	background-image: url('../images/site/bg.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737373;
}
a {
	color: #737373;
}
img {
	border: none;
}
h1 {
	font-size: 16px;
	color: #3a3839;
}
#panel {
	background-image: url('../images/site/panel-bg.gif');
	background-repeat: repeat-y;
	background-position: 96px 0px;
	width: 1022px;
	margin: 0 auto 0 auto;
}
#panel-bottom {
	background-image: url('../images/site/panel-bottom.gif');
	background-repeat: no-repeat;
	background-position: 96px bottom;
}


/* left sidebar */
#sidebar {
	float: left;
	width: 327px;
	background-image: url('../images/site/sidebar-bottom.png');
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 18px;
}
#sidebar-interior {
	background-image: url('../images/site/sidebar-bg.png');
	background-repeat: repeat-y;
	height: 863px;
}
#logo {
	padding: 21px 0 0 50px;
	height: 83px;
}
#side-package-container {
	position: relative;
	margin: 0 0 7px 16px;
	width: 301px;
}
div.side-image {
	position: relative;
	width: 301px;
	height: 200px;
	background-repeat: no-repeat;
	margin-left: 14px;
	margin-bottom: 0;
}
#side-image-1 { background-image: url('../images/side/image2.jpg'); }
#side-image-2 { background-image: url('../images/side/image2.jpg'); }

div.side-package {
	position: absolute;
	display: none;
	left: -14px;
	bottom: 0;
	font-size: 12px;
	font-weight: bold;
	color: White;
	padding: 20px 21px 14px 21px;
	width: 170px;
	background-image: url('../images/site/side-package-bg.png');
}
#side-package-container #side-offer-1 { display: block; }
div.side-package a {
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	color: White;
}
#sidebar-links {
	margin-top: 10px;
	padding: 10px 0 20px 69px;
}
#sidebar-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar-links li {
	background-repeat: no-repeat;
	background-position: left;
	height: 17px;
	padding: 4px 0 0 22px;
}
#sidebar-links li#share {
	padding: 12px 0 0 0;
	height: auto;
}
#sidebar-links a, #sidebar-links {
	color: #b3b3b3;
	text-decoration: none;
	font-size: 12px;
}
#network-title {
	font-size: 12px;
	margin: 0 0 6px 0;
	font-weight: bold;
}
#guest-comments { background-image: url('../images/icons/guest-comments.gif'); }
#green { background-image: url('../images/icons/green.gif'); }
#email-offers { background-image: url('../images/icons/email.gif'); }
#twitter { background-image: url('../images/icons/twitter.gif'); }
#facebook { background-image: url('../images/icons/facebook.gif'); }

#quick-info {
	padding-left: 69px;
	color: #b3b3b3;
}
#quick-info span {
	color: #8f2400;
}


/* header and menu */
#header {
	background-image: url('../images/site/header-bg.png');
	background-repeat: repeat-y;
	margin-left: 327px;
	height: 370px;
}
#header-content {
	height: 305px;
	width: 613px;
	margin-left: 7px;
	overflow: hidden;
	position: relative;
}
#header-content img {
	position: absolute;
	top: 0;
	left: 0;
}
#header-content img.image_top {
	z-index: 15;
}
#header-content img.image_bottom {
	z-index: 12;
}

#header table {
	padding: 0;
	border-collapse: collapse;
}
#header #nav1 {
	margin: 0 0 0 7px;
}
#header #nav2 {
	margin: 0 0 0 110px;	
}
#header table td {
	height: 40px;
	text-align: center;
	position: relative;
	vertical-align: middle;
	border-left: solid 1px #2f2c25;
}
#header table td:first-child {
	border-left: none;
}
#header table ul {
	list-style: none;
	margin: 0;
	padding: 9px 0 9px 7px;
	position: absolute;
	text-align: left;
	background-image: url('../images/site/menu-bg.png');
	display: none;
	z-index: 500;
}
#menu1 { width: 130px; }
#menu1 ul { width: 128px; }

#menu2 { width: 140px; }

#menu3 { width: 100px; }
#menu3 ul { width: 113px; }

#menu4 { width: 90px; }
#menu4 ul { width: 133px; }


#menu5 { width: 100px; }
#menu5 ul { width: 150px; }

#menu6 { width: 75px; }

#menu7 { width: 150px; }


#header a.lnk-main {
	color: White;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 40px;
	line-height: 40px;
}
#header a.lnk-main:hover, #header a.lnk-highlight {
	background-color: #b23003;
}
#header ul a {
	font-size: 12px;
	color: White;
	text-decoration: none;
	padding-left: 10px;
	background-position: left;
	background-repeat: no-repeat;
}	
#header ul li {
	padding-bottom: 4px;
}
#header ul a:hover {
	background-image: url('../images/site/menu-bullet.gif');
}


/* reservations */
#reservations {
	margin-left: 327px;
	height: 32px;
	padding: 15px 0 0 35px;
	background-image: url('../images/site/reservations-bg.png');
	background-repeat: no-repeat;
	background-position: left;
	position: relative;
}
#reservations div.rooms_field {
	position: relative;
}
#rooms_options {
	position: absolute;
	z-index: 1000;
	top: 22px !important;
	left: 56px !important;
	width: 30px !important;
	background-color: #fef4e0;
	padding: 6px 0 6px 6px;
	line-height: 150%;
}
#rooms_options a {
	color: #cc3300;
	text-decoration: none;
}
#reservations label {
	color: White;
	text-transform: uppercase;
	font-size: 12px;
	padding-right: 6px;
}
#reservations div.date_field {
	float: left;
	width: 175px;
}
#reservations div.date_field input, #reservations div.rooms_field input {
	border: none;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #cc3300;
	background-repeat: no-repeat;
	background-position: right center;
}
#reservations div.date_field input {
	width: 75px;
	background-image: url('../images/site/calendar.gif');
}
#reservations div.rooms_field input {
	width: 30px;
	background-image: url('../images/site/dropdown.gif');
}
#reservations div.rooms_field {
	float: left;
	width: 110px;
	padding-left: 10px;
}
#reservations div.submit_field { 
	float: left;
	width: 90px;
}
#reservations div.submit_field a {
	display: block;
	color: White;
	width: 84px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #d14100;
	padding: 6px 0 6px 0;
	text-align: center;
}

/* secondary menu */
ul.submenu {
	margin: 0 0 16px 0;
	padding: 0;
}
ul.submenu li {
	display: inline;
	padding-right: 8px;
}


#content-left {
	background-image: url('../images/site/content-left.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 327px;
	width: 617px;
	min-height: 412px;
}
#content {

}
#content-interior {
	padding: 21px 71px 31px 47px;
}

/* footer */
#footer-nav {
	padding: 0 57px 0 47px;
}
#footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-nav li {
	display: inline;
	white-space: nowrap;
	padding-right: 9px;
}
#footer-nav a {
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#footer-nav a:hover {
	text-decoration: underline;
}
#footer {
	margin: 18px 0 0 47px;
	padding: 12px 0;
	border-top: solid 1px #f4d4c9;
}
#footer, #footer a {
	text-decoration: none;
	font-size: 10px;
	color: #383838;
}
#footer a:hover {
	text-decoration: underline;
}
#footer img {
	vertical-align: top;
	margin-right: 8px;
}

/* weather */
#weather img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 6px;
}
#weather {
	font-size: 11px;
}

a.pdf {
	background-image: url('../images/pdficon_small.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 19px;
}



/* PRIMARY COLOR */
/* primary background color */
.primaryBG {
	background-color: ;
}
 
/* primary color for text */
.primaryColor, A.page:hover {
	color: ;
}
 
/* SECONDARY COLOR */
/* secondary background color */
.secondaryBG, .calendarStatusHeavy {
	background:  #3a3839 url('../images/site/bg.jpg');
}
 
/* secondary color for text */
.secondaryColor, A:hover, #headerBar A:hover {
	color: #cc3300;
}
 
/* tertiary color for text */
.tertiaryColor {
	color: #FFFFFF;
}
 
/* secondary color for borders */
.secondaryBorder, .stepText {
	border-color: #cc3300;
}
 
/* GRADIENTS OF SECONDARY COLOR */
.calendarStatusAvailable, .calendarSlotAvailable {
	background-color: white; /* lightest */
}
 
.calendarSlotAvailable {
	/* border:1px solid #ccc; */
	font-size:.1em;
}
 
.calendarStatusLight {
	background-color: #D8E0ED; /* medium-light */
}
 
.calendarStatusModerate { 
	background-color: #AFC0DA; /* medium */
}
 
.calendarSlotUnavailable {
	background-color: #D8E0ED; /* medium-light */
}
 
.calendarSlotSelected { 
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	background-color: #092161; /* medium */
}
 
.calendarSlotUnselected { 
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #cc3300;
}
 
.calendarSlotSelectedConnector	{
	background-color: #092161;
	height:1px;
	width:100%;
	font-size:.1em;
	margin-top:-1px;
	display:block;
	position:relative;
}
 
.calendarSlotUnselectedConnector	{
	background-color: #cc3300;
	height:1px;
	width:100%;
	font-size:.1em;
	margin-top:-1px;
	display:block;
	position:relative;
}
 
.scheduler_calendar_times	{
	color:#999;
}
.scheduler_calendar_times TD	{
	color:#999;
	border:1px solid #fff;
	width:100%;
}
 
#AddOnDaySelect,#AddOnTimeSelect	{
	width:140px;
}
 
.calendarStatusA { /* Available */
    background-color: #99ff99; 
    color: #000000;
} 
 
.calendarStatusB { /* Blocked */
    background-color: #ff0000;
    color: #ffffff;
} 
 
.calendarStatusL { /* LOS */
    background-color: #ff9900;
    color: #000000;
} 
 
.calendarStatusC { /* Closed to Arrival */
    background-color: #0000ff;
    color: #ffffff;
} 
 
.calendarStatusD { /* Closed to Departure */
    background-color: #aa00aa;
    color: #ffffff;
} 
 
.calendarStatusU { /* Unavailable */
    background-color: #c0c0c0;
    color: #000000;
} 
 
/* TAG STYLES */
TABLE.form TR {
    vertical-align: baseline;
} 
 
INPUT.text, INPUT.textSmall {
	font: 400
              11px
              Arial,
              sans-serif;
	width: 140px;
	border: 1px inset #999999;
	margin-left: 2px;
	margin-right: 3px;
        padding-left: 3px;
}
 
INPUT.textSmall {
	width: 65px;
}
 
SELECT {
	font: 400
              11px
              Arial,
              sans-serif;
	margin-left: 2px;
}
 
TEXTAREA {
	font: 400
              11px
              Arial,
              sans-serif;
	border: 1px inset #999999;
	padding-left: 5px;
}
 
/* CLASSES */
.step {
	height: 85px;
	width: 124px;
	background-repeat: no-repeat;
	color: #999999;
	padding: 0px 11px 0px 11px;
}
 
.stepText {
	font: bold
              14px
              Arial,
              sans-serif;
	padding-bottom: 19px;
	width: 100px;
	display: block;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	
}
 
.stepBlank { background-image: url('https://be.genares.net/insite/images/step_blank.gif'); }
.step1On { background-image: url('https://be.genares.net/insite/images/step_1_on.gif'); }
.step1Off { background-image: url('https://be.genares.net/insite/images/step_1_off.gif'); }
.step2On { background-image: url('https://be.genares.net/insite/images/step_2_on.gif'); }
.step2Off { background-image: url('https://be.genares.net/insite/images/step_2_off.gif'); }
.step3On { background-image: url('https://be.genares.net/insite/images/step_3_on.gif'); }
.step3Off { background-image: url('https://be.genares.net/insite/images/step_3_off.gif'); }
.step4On { background-image: url('https://be.genares.net/insite/images/step_4_on.gif'); }
.step4Off { background-image: url('https://be.genares.net/insite/images/step_4_off.gif'); }
.step5On { background-image: url('https://be.genares.net/insite/images/step_5_on.gif'); }
.step5Off { background-image: url('https://be.genares.net/insite/images/step_5_off.gif'); }
 
.tabs {
	background: url('https://be.genares.net/insite/images/tab_filler.gif') transparent repeat-x top left;
}
 
.tabOn, .tabOff {
	text-align: center;
}
 
.tabOn {
	background: url('https://be.genares.net/insite/images/tab_on.gif') transparent repeat-x top right;
}
 
.tabOff {
	background: url('https://be.genares.net/insite/images/tab_off.gif') transparent repeat-x top right;
}
 
.tabLabel {
	font: bold
              11px
              Arial,
              sans-serif;
	text-decoration: none;
	height: 21px;
	white-space: nowrap;
}
 
.tabOn .tabLabel {
	color: white;
}
 
.tabOff .tabLabel {
	color: #999999;
}
 
.tabFiller {
	background: url('https://be.genares.net/insite/images/tab_filler.gif') transparent repeat-x top right;
}
 
.tabBase {
	height: 3px;
	background: url('https://be.genares.net/insite/images/fade_left.gif') #8E8E8E no-repeat top left;
}
 
.borderLeft {
	background: url('https://be.genares.net/insite/images/border_left.gif') white repeat-y top left;
}
 
.borderRight {
	background: url('https://be.genares.net/insite/images/border_right.gif') white repeat-y top right;
}
 
.borderBottom {
	background: url('https://be.genares.net/insite/images/border_bottom.gif') white repeat-x bottom left;
}
 
.borderBottomWhite {
    background: url('https://be.genares.net/insite/images/border_bottom_white.gif') white repeat-x bottom left;
}
 
.controls {
	white-space: nowrap;
}
 
.title {
	font: 700
              18px
              Arial,
              sans-serif;
	color: white;
	padding: 8px 7px 6px 0px;
	height: 23px;
}
 
.titleBar {
	width: 80px;
}
 
.subtitle {
	margin-top: 5px;
}
 
.subtitleText {
	font: normal 16px Arial, Helvetica, sans-serif;
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}
 
.sideBox {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 5px solid white;
	padding: 10px;
}
 
.dailyRates {
	color: #FFFFFF;
	padding: 5px;
} 
 
.tableHeader {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}
 
.listTable {
	font: bold 11px Arial, Helvetica, sans-serif;
}
 
.leftMargin {
	padding-left: 15px;
}
 
.rightMargin {
	padding-right: 15px;
}
 
.whiteBG {
	background-color: #FFFFFF;
}
 
A.page, .pageCurrent, .page {
	font: bold
              11px
              Arial,
              sans-serif;
	color: #999999;
	margin: 0px 3px 0px 3px;
}
 
.pageCurrent {
	color: #000000;
}
 
.thumbnail {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: white;
}
 
.thumbnailBorder {
	position: absolute;
	margin-left: 10px;
	padding: 2px;
	background-color: white;
}
 
.heading {
	font-size: 12px;
	font-weight: bold;
}
 
.formLabel {
	height: 25px;
	display: block;
	text-align: right;
	position: relative;
}
 
.required {
	font-weight: bold;
}
 
.calendar {
	background-color: #CCCCCC;
	font: 400
              11px
              Arial,
              sans-serif;
}
 
.calendarHeader {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
 
.calendarSubheader {
	font-weight: bold;
	background-color: #999999;
	color: white;
	text-align: center;
}
 
.calendarDay {
	background-color: white;
	text-align: center;
}
 
.calendarHour {
	background-color: white;
	text-align: center;
}
 
.calendarPrice {
	font-size: 9px;
}
 
.calendarLegend {
	margin-top: 3px;
	text-align: center;
	font-weight: bold;
	color: #AAAAAA;
}
 
.calendarLegendSwatch {
	border: 1px solid #AAAAAA;
}
 
.calendarStatusAvailable, .calendarStatusLight, .calendarStatusModerate, .calendarStatusHeavy, .calendarStatusA, .calendarStatusB, .calendarStatusL, .calendarStatusC, .calendarStatusD, .calendarStatusU {
	text-align: center;
}
 
.dateSelected {
	color: #FFFFFF;
	background-color: #cc3300; /* secondary background color */
}
 
.dateSelectorPopup {
	/* display: none; Must be defined in 'style' attribute of the tag */
	background-color: white;
	position: absolute;
	border: 1px solid #333333;
	z-index: 999;
}
 
.packageSchedulePopup {
	/* display: none; Must be defined in 'style' attribute of the tag */
	background-color: white;
	position: absolute;
	border: 1px solid #333333;
	z-index: 999;
	padding: 5px;
	width: 350px;
	top: -300px;
	left: -350px;
}
 
.dayPopup {
	/* display: none; Must be defined in 'style' attribute of the tag */
	background-color: white;
	position: absolute;
	border: 1px solid #333333;
	z-index: 999;
}
 
.addonSchedulePopup {
	/* display: none; Must be defined in 'style' attribute of the tag */
	background-color: white;
	position: absolute;
	border: 1px solid #333333;
	z-index: 999;
	padding: 5px;
	width: 350px;
	top: -300px;
	left: -350px;
}
 
.terms {
	width: 550px;
	height: 100px;
	overflow-y: scroll;
	border: 1px solid #333333;
	padding: 5px;
}
 
.termsSSL {
	width: 430px;
	height: 100px;
	overflow-y: scroll;
	border: 1px solid #333333;
	padding: 5px;
}
 
.disabled {
	color: #999999;
}
 
/* PAGE ELEMENT STYLES */
#loading {
	/* display: none; Must be defined in 'style' attribute of the tag */
	position: absolute;
	overflow: hidden;
	font-weight: bold;
	z-index: 1000;
	border: 1px solid #333333;
	background-color: white;
	padding: 2px;
} 
 
#headerShadowLeft {
	width: 6px;
	background: url('https://be.genares.net/insite/images/header_shadow_left.gif') white no-repeat top right;
}
 
#headerLogo {
	background-color: white;
	margin: 5px 5px 0 5px;
}
 
#headerLogo a img { /* to remove the border around the logo when it is a link */
	border-style: none;
}
 
#headerShadow {
	height: 19px;
}
 
#headerBar {
	text-align: center;
	background: url('https://be.genares.net/insite/images/header_background.gif') white repeat-x top left;
}
 
#headerBar A {
	color: #999999;
	text-decoration: none;
	border-color: #CCCCCC;
}
 
#headerBar A:hover {
	border-color: white;
}
 
#headerShadowRight {
	width: 6px;
	background: url('https://be.genares.net/insite/images/header_shadow_right.gif') white no-repeat top left;
}
 
#footerShadowLeft {
	width: 6px;
	background: url('https://be.genares.net/insite/images/footer_shadow_left.gif') white no-repeat bottom right;
}
 
#footer {
	height: 59px;
}
 
#footerBar {
	text-align: center;
	height: 40px;
	background: url('https://be.genares.net/insite/images/footer_background.gif') white repeat-x top left;
}
 
#footerShadowRight {
	width: 6px;
	background: url('https://be.genares.net/insite/images/footer_shadow_right.gif') white no-repeat bottom left;
}
 
#contentArea {
	background: url('https://be.genares.net/insite/images/main_background.gif') white repeat-y top center;
}
 
#scheduleAddOnArea {
	background: #efefef;
}
.scheduleAddOnArea {
	background: #efefef;
}
 
#scheduledAddOnPackageArea {
	background: url('https://be.genares.net/insite/images/main_background.gif') white repeat-y top center;
}
 
#scheduleAddOnCalendarArea {
	background: url('https://be.genares.net/insite/images/main_background.gif') white repeat-y top center;
}
 
#mainContent {
	padding: 5px 5px 0px 0px;
	background-color: white;
}
 
#imageView {
	padding: 5px 0px 0px 5px;
	background-color: white;
}
 
#colorStripe {
	height: 5px;
	margin: 5px;
	display: block;
}
 
#sideWindow {
	width: 242px;
}
 
#mainWindow {
	width: 622px;
}
 
.bottomWhiteBorder      {
	border-bottom:1px solid #fff;
}
 
a.buttonGrey {
	background: transparent url('https://be.genares.net/insite/images/buttons/button_grey.gif') no-repeat scroll top right;
	display: block;
        color: #444;
	float: right; 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 18px;
	margin-right: 6px;
	padding-right: 8px;
	text-decoration: none;
	white-space: nowrap;
}
 
a.buttonGrey span {
	background: transparent url('https://be.genares.net/insite/images/buttons/button_grey_span.gif') no-repeat ;
	display: block;
	line-height: 8px;
	padding: 4px 0 6px 6px;
}
a.buttonGrey:hover {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}
 
a.buttonGrey:hover span {
	background-position: bottom left;
	padding: 4px 0 6px 6px; /* push text down 1px */
}
 
a.buttonColor {
	background: transparent url('https://be.genares.net/insite/images/buttons/button_color.gif') no-repeat scroll top right;
	display: block;
        color: #444;
	float: right; 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 18px;
	margin-right: 6px;
	padding-right: 8px;
	text-decoration: none;
	white-space: nowrap;
}
 
a.buttonColor span {
	background: transparent url('https://be.genares.net/insite/images/buttons/button_color_span.gif') no-repeat;
	display: block;
	line-height: 8px;
	padding: 4px 0 6px 6px;
}
a.buttonColor:hover {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}
 
a.buttonColor:hover span {
	background-position: bottom left;
	padding: 4px 0 6px 6px; /* push text down 1px */
}
 
.buttonSpacer { /* This helps keep IE from doing really strange things to the buttons. Mostly in tables. */
	visibility: hidden;
	font: bold 11px arial, sans-serif;
	line-height: 0;
	margin-right: 6px;
	padding-right: 8px;
        white-space: nowrap;
}
 
.nextPhoto {
	font-weight: bold;
	font-size: 8px;
	color: gray;
	text-decoration: none;
}
 
.hide {
	visibility: hidden;
}
 
.grayed {
	color: gray;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index: 90;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	z-index: 90;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none;	z-index: 999999;
 }

#overlay{ background-image: url(/img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	z-index: 90;
	}