@charset "utf-8";
/* CSS Document */

html {
   background: #07405d url('images/bg_gradient.jpg') repeat-x top;
   padding:    0;
   height:     100%; 
   margin:0 }
      
body {
        background:   url('images/bg_falls.jpg') no-repeat center top;
        height: 980px;
        color: #000000;
        font-family:  Arial, Helvetica, sans-serif;
		font-size: 5pt;
		line-height: 1.5em;
        margin:       0;
        zoom: 1; padding-left:0; padding-right:0; padding-top:90px; padding-bottom:10px;      }

p {line-height:1.5em;}

p ul li{line-height:1.5em;}
li {line-height:1.5em;}

#wrapper {
	position: relative;
    padding:    0;
    margin:   	auto;
    width:      946px;
    z-index: 1
	
      }


#wrapper #container_top{
		position: relative;
        background: url('images/container_top.png') no-repeat;
        width:946px;
        height: 17px;
        	z-index: 2
}

#wrapper #container_content{
position: relative;
    background-color: #ffffff;
    /*width: 934px;*/
        padding: 6px 6px 4px 6px;
        	z-index: 2;
			min-height:450px;
}

#wrapper #container_bottom{
position: relative;
        background: url('images/container_bottom.png') no-repeat;
        width:946px;
        height: 17px;
position: relative
}

#wrapper #header{
    width: 926px;
	position: relative;
    background:url(images/BSW_header.jpg) top left no-repeat #ffffff;
    height: 113px;
    padding: 10px;
    z-index: 2;
}
#header_left{
position: relative;
float: left;
width: 430px;
          	z-index: 4
}


#footer {color:#ffffff; size:12px;}
#footer p{color:#FFF; size:12px;}
#footer A{
      text-decoration: none; color:#ffffff}
#footer a:hover{
      text-decoration: underline; color:#ffffff}
	  

/***********************/
/* Horizontal Navigation Formatting */
/***********************/
#wrapper div#top_menu_container{
position: relative;
    background-color: #ffffff;
    width: 934px;
        padding: 10px 6px 4px 6px;

        	z-index: 2
}



div#rollover	{
	height: 36px;
	width: 934px;
	margin: 0;
	padding: 0;
	display: inline;
	}

div#rollover ul#button	{
	height: 36px;
	width: 980px;
	background:     url(images/nav_bar_matrix.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#rollover ul#button li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#button li, ul#button a {
	height: 36px;
	display: block;
	outline: none;
	}
	
div#rollover ul#button li a {
	text-indent: -9999px;
	text-decoration: none;
	border-style: none;
	}

#home {left: 0px; width: 73px;}
#rooms {left: 72px; width: 68px;}
#packages {left: 140px; width: 94px;}
#home a:hover {background: transparent url(images/nav_bar_matrix.jpg) 0px -72px no-repeat;}
#rooms a:hover {background: transparent url(images/nav_bar_matrix.jpg) -72px -72px no-repeat;}
#packages a:hover {background: transparent url(images/nav_bar_matrix.jpg) -140px -72px no-repeat;}

#home .selected {background: transparent url(images/nav_bar_matrix.jpg) 0px -36px no-repeat;}
#rooms .selected {background: transparent url(images/nav_bar_matrix.jpg) -72px -36px no-repeat;}
#packages .selected {background: transparent url(images/nav_bar_matrix.jpg) -140px -36px no-repeat;}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
#leftContainer {
	width:200px;
	float:left;
	border:none;
    z-index: 5
	}
#reserve{
	background:#e3e3e5 url('images/bg_menu_left.jpg') repeat-x;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
	padding:5px;
	padding-bottom:1px;
	margin-bottom:5px;
	}
#reserve table tr td{padding-bottom:3px;}
#reserve table tr td h3 {color:#090}
#reserve  table label{
	color:#0657b1;
	font-size:14px;
	}
	
#leftContainer .promo{
	width:200px;
}

#theResForm { border:none;}

#reserve .datebutton{
	margin-botton:-5px;
	border:none;
}

#room_display, #reservation_info {font-size:12px;}

#room_display .header td{
	font-size:105%;
	padding:2px;
	padding-left:3px;
	color:#FFF;
}

#room_display .header{
	background:#1761a9;
}

#room_display a {color:#FF3300; text-decoration:none;}
#room_display a:hover {color:#990000; text-decoration:underline;}

#room_display  .BookNow img{
	border:none;
}

#room_display  .room td{
	font-size:105%;
	border:#E2E2E2 1px solid;
	padding-left:5px;
	height:30px;
	max-height:50px;
}

#room_display  .room td img{
	float:left;
	padding:5px;
	border:none;
}

#room_display  .room td .limRooms {
	color:#900; font-size:90%; font-weight:bold; clear:both; padding-left:10px;
}

#room_display  .disclaimer{ font-size:80%; color:#333;}

#room_display  .room-title{}

#room_display  .alternate td {background-color:#f0f5fc}

#room_display  .guarantee {
	background:url(images/rooms_bottom.png) top no-repeat; 
	text-align:right; 
	margin-left:-5px; 
	height:28px;}
	
#room_display  .guarantee td{
	color:#FFF; font-size:105%; padding-right:20px; 
}
/*-----------pop-up image--------*/
.pic {
	width:125px;
	background-color: #FFFFFF;
	position: relative;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

/*---------AMENITIES----------------------*/
.amenities{width:100%; margin:10px;}
.amenities div {width:180px; float:left;}

.pic a.p1, #pic a.p1:visited {
	border: 0px;
	background: #FFFFFF;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
}

.pic a.p1:hover {
	border: 0px;
	color: #000000;
	text-decoration: none;
}

.pic a.p1:hover .large {
	padding:0px;
	border: 1px solid #000000;
	display: block;
	height: 150px;
	left: 50px;
	position: absolute;
	top: 0px;
	width: 200px;
	z-index:5;
}

.pic a img{border: 0px;}
#room_display  .room  .rate{
	color:#79B854;
	font-size:150%;
	text-align:right;
	padding-right:10px;
	min-width:70;}
	
#room_display  .room  .dailyrate{
	color:#333;
	text-align:right;
	padding-right:5px;
	min-width:50px;}

.room_details{
	background-color:#FFF;
	border:1px #CCC solid;
	padding:10px;
	margin:5px;
}
.details-row td{
	background: url(images/stripe.png) top left repeat #CCC;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
}

.details-row td table td{
	border:none;
}

/*----------------Reserve Pg---------------------*/

#reservation_info {padding:5px; padding:10px;}

#reservation_info .header td{border-bottom:#036 2px solid;}
#reservation_info .header td  img{ border:none; float:right;}
#reservation_info .header td h2 { margin-bottom:-3px; font-weight:normal;}
#reservation_info th .reqField {float:right; padding-left:20px; font-size:80%; margin-top:-3px;}


#reservation_info td {padding:2px;}


#reservation_info th {
	padding-top:15px;
	font-size:105%;
	text-align:left;
	border-bottom:#D5DEEE thin dotted;
	color:#2E2E2E;
	}

/*----------------Pop-up---------------------*/
.pop-up {background:url(images/pop-up_header.jpg) top left repeat-x #FFF;   position:absolute;; z-index:10; background-color:#FFF; border:#666 2px solid; padding-bottom:15px; top:40%; left:40%}
.pop-title {color:#FFF; font-size:105%; width:100%; height:35px; padding-top:1px; padding-left:20px;}
.pop-title h2 {line-height:0.0em}
.pop-content {line-height:1.5em; font-size:12px; padding:5px; overflow:auto; width:90%;  margin:auto; border:1px #CCC dotted; margin-top:15px; text-align:left}
.pop-up_footer {width:20px; margin:auto; margin-top:10px;}
.pop-up_footer img {border:none}


#container_content .pop-up {top:20%; left:20%}



.rateType {text-decoration:underline}


#note, #enhancements{
	background: url(images/stripe_light.png) top left repeat #CCC;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
    width:180px;
    margin-bottom:5px;
    padding:10px;
    font-size:12px;
    line-height:1.5em;
}


.more{display:table-cell; vertical-align:bottom; text-align:right; padding-left:75px;}

#main {min-height:600px; width:710px; float:right; margin:5px;}

.extendstay td { background-color:#5d97cf; color:#FFF;  font-size:120%; text-align:right; border-bottom:2px solid #335d87;}
.extendstay td input {margin-right:25px; margin-top:2px;} 
#resSummary {font-size:15px;}