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


hr{margin:12px 0px 20px 0px; color:#ffffcc; background-color:#ffffcc; height:2px; border-bottom:solid 1px #ffffff;}


.wrapper{clear:both; overflow:visible;}
.marginleft50{margin-left:50px}
.marginleft100{margin-left:110px}
.margintop10{margin-top:10px !important}
.margintop20{margin-top:20px !important}
.margintop30{margin-top:30px !important}
.margintop40{margin-top:40px !important}
.margintop50{margin-top:50px !important}
.paddingtop20{padding-top:20px !important}
.paddingbottom20{padding-bottom:20px !important}
.top255{top:270px !important}
.paddinleft40{padding-left:40px}
.button-red{display:inline-block; width:auto; height:22px; margin:0px; float:right}
.button-red span{background-color:#990000; padding:2px 14px 2px 14px; display:block; color:#ffffff}

p.button-wrap{padding:4px 0px 0px 124px; overflow:hidden}
A.cal-icon
	{
	display:block;
	width:22px;
	height:20px;
	position:absolute;
	left:111px;
	top:18px;
	background:url(../images/calendar-icon.gif) no-repeat 0 0;
	}
IMG.dod-logo
	{
	position:absolute;
	top:18px; 
	left:25px;
	}

div.room-pic-wrapper
	{
	margin:12px 0px 12px 0px;
	overflow:hidden;
	}
div.room-pic-wrap
	{
	border:solid 2px #FBF2CD;
	margin-left:2px;
	width:auto;
	overflow:hidden;
	position:relative;
	width:220px;
	height:165px;
	}
div.room-pic-wrap:hover
	{
	cursor:hand;
	cursor:pointer;
	border-color:#cccccc;
	}
div.fade-pic
	{
	background-color:#000000;
	width:220px;
	height:165px;
	position:absolute;
	top:165px;
	left:0px;
	z-index:1;
	filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
	}	
div.room-title
	{
	z-index:2;
	position:absolute;
	width:220px;
	height:24px;
	top:20px;
	left:0px;
	display:none;
		color:#152839;
	background-color:#ffffff;
	padding:2px 0px 0px 4px;
	text-align:center;
	font:bold 14px verdana;
	}
	
IMG.img-room-pic
	{
	position:absolute;
	top:0px;
	left:0px;
	}	
	
a.button-left
	{
	display:block;
	height:26px;
	width:95px;
	overflow:hidden;
	color:#CCFFFF;
	background:url(../images/search_yellow_button_sprite.gif) no-repeat 0 0;
	text-decoration:none;
	}
.button-left:hover
	{
	background-position: 0px -26px;
	}
A.button-search
	{
	display:block;
	text-decoration:none;
	float:left;
	color:#ffffff;
	font:normal 11px verdana;
	position:absolute;
	top:270px;
	left:155px;
	}
A.button-search span
	{
	width:auto;
	display:block;
	padding:4px 14px;
	}
	
INPUT.inp-checkin,
INPUT.inp-checkout
	{
	width:100px;
	height:18px;
	}
	
INPUT.inp-search
	{
	display:inline;
	}

P,P.general-txt, .p
	{
	font:normal 14px arial;
	}
	.p ul
	{
	    list-style-type: disc;
	    margin-left: 15px;
	}

.aside P, .aside P.general-txt
{
	/*font:normal 14px/200% arial;*/
}
.article P, .article P.general-txt, .p-address
	{
	font-size: 14px;
	margin-top: 10px;
	}
P.loc-address
	{
	margin-top:20px;
	}
P.loc-address .header,
p.p-address .header
	{
	font:bold 14px arial;
	}
P.loc-address .bold
	{
	color:#333333;
	}
.aside P.sub-header
	{
	font: 14px arial;
	margin:12px 0px 12px 0px;
	clear:both;
	color: #213D99;
	}
.article P.sub-header
	{
	font: 16px arial;
	margin:12px 0px 12px 0px;
	clear:both;
	color: #213D99;
	}
/* START PHOTO SLIDER */	

SPAN#room_title
	{
	color:#333333;
	padding-left:4px;

	}	
	
div.slide-wrapper
	{
	width:660px;
	height:325px;
	position:relative;
	margin-left:20px;
	overflow:hidden;
	clear:both;
	margin-top: -25px;
	}
	.slide-wrapper div#control_bar
	{
	height:24px;
	width:660px;
	background:#111111;
	overflow:hidden;
	position:absolute;
	top:300px;
	left:0px;
	z-index:1111;
	}
	.slide-wrapper .vcr-link
	{
	position:absolute;
	top:4px;
	display:block;
	width:25px;
	height:15px;
	background:url(../images/vcr_controls_sprite.gif) no-repeat 0 0;
	cursor:pointer;
	left:12px;
	}
	.slide-wrapper #vcr_stop
	{
	position:absolute;
	background-position: -25px 0px;
	}
	.slide-wrapper #vcr_stop:hover
	{
	background-position: -25px -15px;
	}
	
	.slide-wrapper #vcr_play
	{
	position:absolute;
	}

   .slide-wrapper div#desc_wrap
   {
  	position:absolute;
	top:300px;
	left:0px;
	width:660px;
	height:1px;
	background-color:#000000;
	opacity:.75;
	filter:alpha(opacity=75);
     -moz-opacity:0.75;
	font:normal 13px/200% arial;
   }
   
    .slide-wrapper div#desc_txt
	{
	position:absolute;
	top:275px;
	left:0px;
	width:660px;
	height:60px;
	padding:2px 8px 8px 20px;
	vertical-align:top;
	font:normal 11px/120% verdana;
	z-index:1;
	color:#ffffff;
	display:none;
	}
	
	.slide-wrapper div#desc_txt #hotel_photo_title
	{
	width:250px;
	position:relative;
	font:normal 12px arial;
	margin:-20px 0px 2px 0px;
	}
	.slide-wrapper div#desc_txt p#p_desc_txt
	{
	position:relative;
	margin-top:0px;
	vertical-align:top;
	}
	
	.slide-wrapper div#desc_txt SPAN#room_title
	{
	color:#E24102;
	font-weight:bold;
	}
   
	.slide-wrapper a.arrow-room-left
	{
	position:absolute;
	left:-30px;
	top:1px;
	width:23px;
	height:15px;
	display:block;
	overflow:hidden;
	background:url(../images/arrow-control-sprite.gif) no-repeat -23px 0px;
	}
	.slide-wrapper a.arrow-room-right
	{
	position:absolute;
	left:84px;
	top:1px;
	width:23px;
	height:15px;
	display:block;
	overflow:hidden;
	background:url(../images/arrow-control-sprite.gif) no-repeat 0 0;
	}
	.slide-wrapper a.arrow-room-right:hover
	{
	background-position:0 -15px;
	}
	
	.slide-wrapper a.arrow-room-left:hover
	{
	background-position:-23px -15px;
	}
	.slide-wrapper .arrow-left-dis,
	slide-wrapper .arrow-left-dis:hover
	{
	background-position:0px -30px !important;
	}
	
	.slide-wrapper .arrow-right-dis,
	slide-wrapper .arrow-right-dis:hover
	{
	background-position:-23px -30px!important;
	}
	
div.photo-wrapper
	{
	top:0px;
	left:0px;
	text-align:center;
	width:660px;
	height:325px;
	overflow:hidden;
	position:absolute;
	}
div.photo-img-wrapper
	{
	width:1992px;
	height:325px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	}	
div.photo-img-wrap
	{
	width:660px;
	height:325px;
	overflow:hidden;
	float:left;
	background-color:#FBF2CD;
	text-align:center;
	margin-right:4px;
	}	
div.photo-img-wrap img
	{
	width:660px;
	height:325px;
	margin-left:auto;
	margin-right:auto;
	border:0;
	}		
	
div#photo_count
	{
	font:bold 12px arial;
	padding-top:2px;
	position:absolute;
	color:#666666;
	width:auto;
	white-space:nowrap;
	top:3px;
	left:540px;
	}
	

div.hotel-name-wrap
	{
	height:50px;
	clear:both;
	padding-left:20px;
	margin-top: -10px;
	margin-bottom: 10px;
	}
div.hotel-name-wrap h1
	{
	font:bold 23px arial;
	color:#213D57;
	}

div.form-wrapper
	{
	padding-top:2px;
	padding-left:12px;
	position:relative;
	height:350px;
	position:relative;
	background:url(../images/form-search-bg.png) no-repeat -15px 50px;
	overflow:visible;
	z-index:100;
	font: 12px arial;
	}
	.form-wrapper .form-cap
	{
	position:absolute;
	background:url(../images/form-search-cap.gif) no-repeat 0 0;
	width:279px;
	height:102px;
	left:0px;
	top:-23px;
	}
div.form-bar
	{
	position:absolute;
	top:84px;
	left:-21px;
	width:21px;
	height:239px;
	background:url(../images/navy-form-bar.gif) no-repeat 0 0;
	}	
div.form-header
	{
	background-color:#213d57;
	width:inherit;
	margin-top:82px;
	margin-left:-12px;
	clear:both;
	color:#ffffff;
	padding:2px 4px 2px 20px;
	font:normal 15px arial;
	}

div.el-wrapper
	{
	margin:5px 0px 0px 20px
	}

div.navy-map
	{
	background:url(../images/navylodging-map.png) no-repeat 0 0;
	width:271px;
	height:139px;
	}

div.army-map
	{
	background:url(../images/army-map.gif) no-repeat 0 0;
	width:271px;
	height:139px;
	}

div.airforce-map
	{
	background:url(../images/airforce-map.gif) no-repeat 0 0;
	width:271px;
	height:139px;
	}

div.el-wrap
	{
	width:auto;
	height:45px;
	position:relative;
	
	}
   .el-wrap label
   {
   font:normal 12px arial;
   top:0px;
   left:2px;
   }
   .el-wrap input,
   .el-wrap select
   {
   top:16px;
   left:2px;
   }
   
UL.nav-list
	{
	font:normal 12px arial;
	float:right;
	display:inline;
	margin:2px 0px 2px 0px;
	}   
    .nav-list li
	{
	display:inline;
	color:#666666;
	}
  .nav-list li a
	{
	text-decoration:none;
	color:#999999;
	margin:2px 12px;
	}
 .nav-list li a:hover
 	{
	text-decoration:underline;
	}

UL.facility-list
	{
	font:normal 12px/200% arial;
	margin:4px 0px 4px 0px;
	overflow:hidden;
	width:100%;
	}
	.facility-list li
	{
	padding:1px 2px 1px 4px;
	display:block;
	margin-bottom:4px;
	}
		
UL.amenities-long-list
	{
	font:normal 12px/200% arial;
	width:100%;
	margin:4px 0px 4px 0px;
	clear:both;
	}
UL.amenities-long-list li
	{
	display:block;
	white-space:nowrap;
	list-style:disc;
	margin:0px 0px 8px 8px;
	}
UL.amenities-med-list
	{
	font:normal 12px/200% arial;
	overflow:hidden;
	width:100%;
	margin:4px 0px 4px 0px;
	}
UL.amenities-med-list li
	{
	display:block;
	white-space:nowrap;
	list-style:disc;
	margin:0px 0px 12px 0px;
	width:160px;
	height:18px;
	float:left;
	}
UL.amenities-list
	{
	font:normal 12px/200% arial;
	overflow:hidden;
	width:100%;
	margin:4px 0px 4px 0px;
	}
UL.amenities-list li
	{
	display:block;
	white-space:nowrap;
	list-style:disc;
	padding:1px 1px 3px 4px;
	margin:0px 0px 12px 3px;
	width:90px;
	height:18px;
	background-color:#f0f0f0;
	float:left;
	}
UL.roomtype-list
	{
	font:normal 12px/200% arial;
	overflow:hidden;
	width:100%;
	margin:4px 0px 0px 0px;
	}
UL.roomtype-list li
	{
	display:block;
	padding:2px;
	padding-left:24px;
	margin-bottom:4px;
	margin-left:4px;
	height:20px;
	width:100%;
	background:url(../images/room-icon-standard.gif) no-repeat 2px 4px #f0f0f0;
	}
	.roomtype-list .room-icon-suite{background:url(../images/room-icon-suite.gif) no-repeat 2px 4px #f0f0f0 !important}
	.roomtype-list .room-icon-vip{background:url(../images/room-icon-vip.gif) no-repeat 2px 4px #f0f0f0 !important}

UL li.expander
{
	background:url(../images/Icons/positive.png) no-repeat 2px 4px #f0f0f0;
	cursor: pointer;
} 
.amenitiesExpander, .baseAmenitiesExpander, .vramenitiesExpander
{
	background:url(../images/Icons/positive.png) no-repeat 2px 2px #f0f0f0;
	cursor: pointer;
}

.baseAmenitiesExpander, .amenitiesExpander, .vramenitiesExpander, .hiderIcon, .hiderIconAreaAttractions, .hiderIconAreaEvents, .accommodationsExpander
{
    padding-left: 20px;
}

.show, .baseAmenitiesExpander, .accommodationsExpander, UL.roomtype-list li.accommodationsExpander
{
	background:url(../images/Icons/negative.png) no-repeat 2px 2px #f0f0f0 !important;
}
.hide, .showit
{
	background:url(../images/Icons/positive.png) no-repeat 2px 2px !important;
}

UL.roomtype-list li.showit
{
	background:url(../images/Icons/positive.png) no-repeat 2px 2px #f0f0f0 !important;
}

.negativeIcon
{
	background:url(../images/Icons/negative.png) no-repeat 2px 2px !important;
}
.positiveIcon
{
	background:url(../images/Icons/positive.png) no-repeat 2px 2px !important;
}

.propertyDetails .expander
{
	background:url(../images/Icons/positive.png) no-repeat 2px 4px #f0f0f0;
	cursor: pointer;
    padding: 5px;
}


.select-loc-dest
{
    width: 75%;
}




.unit, #featureblock .featureunit, #featurenav .featurenavunit
{
	float: left;
}

.size1of1
{
    width: 100%;
}

.el-wrap .size1of4
{
    width: 24%;
}

.size1of4
{
    width: 25%;
}

.size1of2
{
    width: 50%;
}

.size1of3
{
    width: 33%;
}

.size3of4
{
    width: 74%;
}



.MainMap
{
    width: 95%;
    height: 1000px;
}

.SearchMap
{
    width: 100%;
    height: 333px;
}


#LocationMap
{
    border: 1px solid black;
    clear: both;
    margin: 10px 0 5px 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.MapFilters
{
    float: left;
}

.socialNetworkWrapper
{
    background-color: #213D57;
    color: #FFFFFF;
}

.propertyDetails
{
	font:normal 12px/170% arial;
	overflow:hidden;
	margin:2px;
	background: #F0F0F0;
	padding: 2px 2px 2px 3px;
}

.header
{
    font: bold 14px arial;
}


.wrapper .el-wrap table
{
    width: 90%;
}


/*
.line:after,hr:after,.fancybg:after,figure.feature-screen:after,#resources-research figure.research-graph:after,.signupbg:after,
.banner:after,.bannerbg:after,#resources-research .legend #open:after,#resources-research .legend #click:after,.lost-banner:after,
.lost-bannerbg:after,#why-mailchimp .quoteslist li:after,.lastUnit:after
{
	clear:both;display:block;visibility:hidden;overflow:hidden;height:0!important;line-height:0;font-size:xx-large;
	content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "
}*/

.alert
{
    background:url(/images/alert_icon.gif) no-repeat 0 0;
    margin-left: 15px;
}


.banner-border-top
{
	background:url(../images/banner_border.png) no-repeat 0 0;
	min-height: 50px;
	width: 660px;
    position: absolute;
    padding-top: 15px;
    color: #FFFFFF;
}
.banner-border-bottom
{
	background:url(../images/banner_border.png) no-repeat 0 0;

    margin-top: -50px;
    height: 50px;
    width: 660px;
    color: #FFFFFF;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
}
.banner-border-bottom a
{
    text-decoration: none;
    color: #FFFFFF;
}

.hidden
{
    visibility: hidden;
}

.floatright
{
    float: right;
}
.floatleft
{
    float: left;
}

.highlightblue
{
    font-weight: bold;
    color: #213D99;
}

.searchtitle
{
    vertical-align: top;
    background-color: #EAEAEA;
    padding: 5px;
    border-top: 1px solid #CCCCCC;
}
.searchnavcontainer
{
    font-size: 12px;
    background-color: #EAEAEA;
    padding: 5px;
    /*vertical-align: top;
    padding: 5px;*/
}
/*.searchnav ul
{
    list-style:none;
    float: left;
}
.searchnav{
 float:right;
 position:relative;
 left:-50%;
 text-align:left;
 }
.searchnav ul{
 list-style:none; 
 position:relative;
 left:50%;
 } */
 
 .searchnav 
 {
     position: relative;
     text-align: left;
 }
 .searchnav ul li
 {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     float: left;
     margin: 0 0 -1px -1px;
     overflow: hidden;
     padding: 4px 17px;
 }

.searchnav li{float:left;position:relative;}/* ie needs position:relative here*/

.searchnav a{
 text-decoration:none;
 /*margin:10px;
 background:red;*/
 float:left;
 /*border:2px outset blue;*/
 /*color:#fff;*/
 padding:1px 5px;
 text-align:center;
 white-space:nowrap;

}
.searchnav a:hover
{ 
    /*border:2px inset blue;*/
    color: #FFFFFF;
    cursor: pointer;
    /*background:#f2f2f2;*/
  }
/* #content{overflow:hidden} hide horizontal scrollbar*/

.bookingAvailabilityMessageNavy
{
    width: 271px;
    margin-top: 30px;
    background-color: #8EB4E3;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 10px;
}

.bookingAvailabilityMessageNavy .message
{
    margin-left: 20px;
    margin-right: 20px;
}

	
	.top20
	{
	    margin-top: 20px;
	    padding-top: 20px;
	}
	
	.top40
	{
	    padding-top: 40px;
	}
	
	
.newsinfo
{
    font-family: Arial;
    font-size: 16px;
}

.newsinfo a
{
    color: #415765 !important;
    font-weight: bold;
}

.newsinfo .sub
{
    color: Gray;
    font-size: 75%;
}
.newsinfo li
{
    margin-bottom: 15px;
}

.leftalign
{
    text-align: left;
}