@charset "utf-8";
#nav {
	height: 100px;
    margin: 0 auto;
    position: relative;
    width: 920px;
    z-index: 12;	
	
}

#navLeft {
	height: 100px;
    left: 0;
    position: absolute;
    width: 388px;
    z-index: 4;
}

#navRight {
    height: 100px;
    left: 532px;
    position: absolute;
    width: 388px;
    z-index: 4;
}

#navLogo {
	height: 115px;
    left: 388px;
    position: absolute;
    top: -10px;
    width: 144px;
    z-index: 6;
}

#navLeftTop {
	background-image: url(../images/bg-nav-left_top.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	height: 70px;
	z-index: 5;
}

#navLeftBottom {
	background-image: url(../images/bg-nav-left_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	margin-top: -10px;
	z-index: 5;
}
				
/* attach image */
#navLeftBottom li a {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	text-indent: -9999px;
}

/* sprite positioning */
a.locations {
    background-position: -10px -27px;
    width: 72px;
}

.locationsRoll { /*to replace by adding style in js */
	background-position: -182px -27px;
	width: 72px;
}

a.offers {
    background-position: -10px -77px;
    width: 49px;
}

.offersRoll {
    background-position: -182px -77px;
    width: 49px;
}

a.meetingsWeddings {
    background-position: -10px -43px;
    width: 124px;
}

.meetingsWeddingsRoll {
    background-position: -182px -43px;
    width: 124px;
}

a.spa {
    background-position: -10px -59px;
    width: 20px;
}

.spaRoll {
    background-position: -182px -59px;
    width: 20px;
}

.bullet1, .bullet2, .bullet3 {
	background-image: url(../images/nav.gif);
	background-position: -10px -172px;
	width: 2px;
	display: block;
	height: 10px;
	margin: 0 6px 0 6px;
	cursor: none;
}

#navRightTop {
	background-image: url(../images/bg-nav-right_top.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	height: 70px;
	z-index: 5;
}

#navRightBottom {
	background-image: url("../images/bg-nav-right_bottom.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 38px;
    margin-top: -10px;
    z-index: 5;
}

#navRightBottom li a {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	text-indent: -9999px;
}

a.reservations {
    background-position: -10px -158px;
    width: 96px;
}

.reservationsRoll {
    background-position: -182px -158px;
    width: 96px;
}

a.shop {
   background-position: -10px -138px;
   width: 28px;
}

.shopRoll {
   background-position: -182px -138px;
   width: 28px;
}

a.residences {
	background-position: -10px -122px;
    width: 115px;
}

.residencesRoll {
	background-position: -182px -122px;
    width: 115px;
}

a.rewards {
    background-position: -10px -106px;
    width: 51px;
}

.rewardsRoll {
    background-position: -182px -106px;
    width: 51px;
}

/* end photo positioning */

/* position nav elements */

/* left */

#navLeftList li#loc.close {
	margin: 0 34px 0 10px;
}

#navLeftList li#loc.open {
	margin: 0 34px 0 10px;
}

#navLeftList li#ofr.close {
	margin: 0 34px 0 0;
}

#navLeftList li#ofr.open {
	margin: 0 34px 0 0;
}

#navLeftList li#mtg.close {
	margin: 0 7px 0 0;
}

#navLeftList li#mtg.open {
	margin: 0 7px 0 0;
}

#navLeftList li#mtg.close {
	margin: 0 1px 0 0;
}

#navLeftList li#mtg.open {
	margin: 0 1px 0 0;
}

#navLeftList li#spa.close {
	margin: 0 0 0 0;
}

#navLeftList li#spa.open {
	margin: 0 0 0 0;
}

/* right */

#navRightList li#res.close {
	margin: 0 0 0 24px;
}

#navRightList li#res.open {
	margin: 0 0 0 24px;
}

#navRightList li#shp.close {
	margin: 0 0 0 1px;
}

#navRightList li#shp.open {
	margin: 0 0 0 1px;
}

#navRightList li#rac.close {
	margin: 0 1px 0 1px;
}

#navRightList li#rac.open {
	margin: 0 1px 0 1px;
}

#navRightList li#rew.close {
	margin: 0 1px 0 0;
}

#navRightList li#rew.open {
	margin: 0 1px 0 0;
}
/* END position nav elements */

#navLogo img {
	border: none 0px transparent;
}

/* ---- drop down ---- */

#toppanel {
	display: none; /* set inital visibility */
    margin: 0 auto;
    position: absolute;
    top: 90px;
	height: 125px; /* was 138, why so high? */
    width: 920px;
    z-index: 3;
}

#toppanel a {	
	text-decoration: none;
}

/* Initial Panel styles */
#panelLoc, #panelOfr, #panelMtg, #panelSpa, #panelRewards, #panelRac, #panelShop {
    margin: 0 auto;
    position: absolute;
    width: 902px; /* width: 100%; */ /* ABC */
    display: none; /* set inital visibility */
    z-index: 4;
}

/* for Min Panel */

#panelStory {
    margin: 0 0 0 -5px;
    position: absolute;
    width: 100%;
    display: none; /* set inital visibility */
    z-index: 4;
}

/*#toppanelReservations {
    margin: 0 auto;
    position: absolute;
    top: 80px;
    width: 920px;
	display: block;  set initial visibility 
    z-index: 2;
}*/

#toppanelReservations {
	margin: 0 auto;
	position: absolute;
	top: 80px;
	left: 644px;
	width: 270px;
	height: 320px;
	display: none;
	visibility:hidden;
	z-index: 2;
}

/*"inside" to style around IE7*/
#panelReservations, #panelReservationsInside { 
    margin: 0 0 0 0;
    position: absolute;
	right: 0;
    display: block; /* set initial visibility */
    z-index: 4;
}

.navContent {
	background-color: #fff;
    margin: 0 auto;
    text-align: left;
    width: 912px;
	height: 132px;
	position: relative;
    left: -4px;
    top: -128px;

	-moz-opacity: .3; /*mozilla*/
	filter: alpha(opacity=30); /*ie*/
	opacity: .3; /*CSS3*/
	
	-moz-box-shadow: 0 3px 5px #000;
	-webkit-box-shadow: 0 3px 5px #000;
	box-shadow: 0 3px 5px #000; /*css3*/
}

.backing {
	background: #fff;
	height: 127px;
	width: 902px;
	list-style-type: none;
	margin: 0 0 0 5px;
	
	/*opacity: 1;*/
	/*filter: alpha(opacity=100); ie*/
}

/* for R-C story */
#toppanelStory {
	position: absolute;
	top: 44px; 
	width: 173px;
	margin: 0 auto;
	height: 130px;
	z-index: 4;
	display: none;
}

#toppanelStory a {	
	text-decoration: none;
}

/* for "THE RITZ-CARLTON STORY" dropdown menu <topPanelStory> outside transparent border layer*/
.navContentStory {
    /*background-image: url(../images/bg-white-30.png);
    background-repeat: repeat;*/
    background-color: #fff;
    position: relative;
    top: -130px;        /*  top: -108px;  */
	height: 136px;      /*  height: 114px;  */
    width: 188px;      /*  width: 183px;  */
    z-index: -2;	

	-moz-opacity: .3; /*mozilla*/
	filter: alpha(opacity=30); /*ie*/
	opacity: .3; /*CSS3*/
	
	-moz-box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	box-shadow: 0 3px 5px #888888; /*css3*/
}

/* for "THE RITZ-CARLTON STORY" dropdown menu <topPanelStory> inside gray color layer*/
.backingStory {
	background: #fff; 
    height: 170px;      /*  height: 148px; */
    width: 178px;
	list-style-type: none;
    margin: -5px 0 0 5px;
}


/* for R-C Rewards Login  -------------------------------- Start -------- */

#panelRewLogin {
    margin: 0 0 0 3px;
    position: absolute;
    width: 100%;
    display: none; /* set inital visibility */
    z-index: 4;
    height:300px;
}

#toppanelRewLogin 
{
	position: absolute; 
	top: 44px;        /*44px*/
	left: 750px;      /*New*/
	width: 173px;
	margin: 0 auto;
	height: 0px;                      /* height: 130px;*/
	z-index: 4;
	display: none;	
}

#toppanelRewLogin a {	
	text-decoration: none;
}

/* for "THE RITZ-CARLTON Rewards Login" dropdown menu <topPanelRewLogin> outside transparent border layer*/
.navContentRewLogin {
    /*background-image: url(../images/bg-white-30.png);
    background-repeat: repeat;*/
    background-color: #fff;
    position: relative;
    top: -231px;        /*  top: -130px;  prev: top: -108px;  */
    height: 237px;      /* height: 136px; prev :  height: 114px;  */ 	     
    width: 188px;
    z-index: -2;	

	-moz-opacity: .3; /*mozilla*/
	filter: alpha(opacity=30); /*ie*/
	opacity: .3; /*CSS3*/
	
	-moz-box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	box-shadow: 0 3px 5px #888888; /*css3*/
}

/* for "THE RITZ-CARLTON Rewards Login" dropdown menu <topPanelRewLogin> inside gray color layer*/
.backingRewLogin {
	background: #fff; 
    height: 270px;      /* height: 170px; prev: height: 148px; */
    width: 178px;
	list-style-type: none;
    margin: -5px 0 0 5px;
}

/* for R-C Rewards Login ------------------------------- End -------- */


/* for reservations form - rest are in separate style sheet */
.navContentRes {
	background-image: none; /*initial setting*/
	background-repeat: repeat;
	margin: 0 -2px 0 0;
	float: right;
	width: 258px;
	height: 313px;
}

.navContentResOn {
	background-image: url(../images/bg-white-30.png);/**/ /*onClick setting*/
	/*background-color: #fff; */
	
	/*-moz-opacity: .75; mozilla*/
	/*filter: alpha(opacity=75); ie*/
	/*opacity: .75; CSS3*/
	/*
	-moz-box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	box-shadow: 0 3px 5px #888888; css3*/
}

/* floating reservation widget */
.navContentResShort {
	background-image: url(../images/bg-white-30.png);
	background-repeat: repeat;/**/
	/*background-color: #fff; */
	
	/*-moz-opacity: .75; mozilla*/
	/*filter: alpha(opacity=75); ie*/
	/*opacity: .75; CSS3*/

	margin: 157px 8px 0 0; 
	float: right;
	width: 258px;
	height: 103px;
	/*
	-moz-box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	box-shadow: 0 3px 5px #888888; css3*/
}

.backingRes {
	background: none; /*initial setting*/
	height: 298px;
	width: 248px;
	list-style-type: none;
    margin: -15px 0 0 5px;
	
	/*filter: alpha(opacity=100); ie*/
	opacity: 1; /*CSS3*/
}

.backingResOn {
	background: #fff; /*onClick setting*/
}

/* floating reservation widget */
.backingResShort {
	background: #fff;
	height: 91px;
	width: 248px;
	list-style-type: none;
	margin: 5px 0 0 4px;
	border: 1px solid transparent;
	
	filter: alpha(opacity=85); /*ie*/
	opacity: .85; /*CSS3*/
}

.textBar {
	background-image: url(../images/bg-white-75.png);
	background-repeat: repeat;/**/
	/*background-color: #fff; */
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #404040;
	text-decoration: none;
	letter-spacing: .14em;
	list-style-type: none;
	width: 95%;
	padding: 8px;
	position: relative;
	top: 85px;
	
	 /*-moz-opacity: .75;mozilla*/
	/*filter: alpha(opacity=75); ie*/
	/*opacity: .75; CSS3*/
}

.navItemLink:hover span.textBar {
	color: #3d7a99;
	background: #fff;
}

.descript {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #4c4c4c;
	letter-spacing: .10em;
	text-transform: none;
}

.descriptCompressed {
	font-size: 0.94em;
	line-height: 1.4em;
	letter-spacing: 0em;
}

/*for short floating reservation panel*/
.resDatePicker {
	float: left;
	width: 109px;
}

.resDatePickerRight {
	float: left;
	width: 109px;
}


.resNightPickerRight 
{
	visibility:hidden;
	display:none;
	float: left;
	width: 85px;
}

#resWidgetFlexDates
{
    margin: 18px 0 0 0;
    padding: 3px 0 6px 0;
    width: 126px;
}

#_rw_flex_dates_check
{
	margin-top:5px;
}

#resWidgetMinRooms
{
    margin:0;
    padding: 3px 0 6px 0;
    width: 54px;
}
#resWidgetMinGuests
{
    margin:0;
    padding: 3px 0 6px 0;
    width: 54px;
}


/** reservation nav styles  - taken out of inline styles because of IE7 **/

form.jqtransformdone div.resPage1LocBy {
	margin: -12px 0 0 12px;
}

form.jqtransformdone div.resPage123Close {
	float: right;
	margin: 4px 10px 0 0;
}

form.jqtransformdone div.resPage1LocBy .hotel {
	float: left;
	clear: left;
}

form.jqtransformdone div.resPage1LocBy .region {
	float: left;
	clear: none;
}

form.jqtransformdone div.resPage1ButtonFind {
	float: left; 
	clear: none;
	margin: 8px 0 0 -12px;
}

form.jqtransformdone div.resPage1Code {
	margin: 0 12px 1px 12px;
}

form.jqtransformdone div.resPage2Call {
	margin: 0 auto 0 auto; 
	width: 99%; 
	float: none; 
	position: relative;
	top: 5px;
}

form.jqtransformdone div.resPage3ButtonFind {
	float: right; 
	clear: none; 
	margin: 3px 12px 0 0;
}

form.jqtransformdone div.resPage3Or { 
	background-image: url(../images/dot-leader.png); 
	background-repeat: repeat-x; 
	background-position: 0 10px;
	background-color: #fff;
	width: 222px; 
	margin: 4px 0 0 12px; 
	text-align: center;
}

/* ---- toggle menu states ---- */

.close {
	float: left;
	position: relative;
	height: 33px;
	cursor: pointer;
}

.open {
	float: left;
	position: relative;
	height: 33px;
	cursor: pointer;

	background-image: url(../images/rollover_arrow6.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	height: 32px;
}

/* ------------ individual li & photo bg position  ------------ */

/* ---- Locations --- Old 3 images -*/

/*ul#panelLoc li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 4px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelLoc li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 6px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelLoc li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 8px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

*/

/* ---- Locations --- New 4 images -*/
ul#panelLoc li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
    left: 4px;
}

ul#panelLoc li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 6px;					
}

ul#panelLoc li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 8px;					
}

ul#panelLoc li.four {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;		
	left: 10px;
}

/* ---- END Locations ----*/

/* ---- Offers ----*/
ul#panelOfr li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
    left: 4px;
}

ul#panelOfr li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 6px;					
}

ul#panelOfr li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 8px;					
}

ul#panelOfr li.four {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;		
	left: 10px;
}
/* ---- END Offers ----*/

/* ---- Meetings & Weddings ----*/
ul#panelMtg li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 4px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelMtg li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 6px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelMtg li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 8px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}
/* ---- END Meetings & Weddings ----*/

/* ---- Spa ----*/
ul#panelSpa li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
    left: 4px;
}

ul#panelSpa li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 6px;					
}

ul#panelSpa li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 8px;					
}

ul#panelSpa li.four {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;		
	left: 10px;
}
/* ---- END Spa ----*/

/* ------------------------------------------------ */

/* ---- rewards ----*/
ul#panelRewards li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
    left: 4px;
}

ul#panelRewards li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 6px;					
}

ul#panelRewards li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;
	left: 8px;					
}

ul#panelRewards li.four {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    list-style: none outside none;
    position: relative;	
    height: 127px;
	width: 222px;
	top: -3px;		
	left: 10px;
}
/* ---- END rewards ----*/

/* ---- Residences & Clubs ----*/
ul#panelRac li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 4px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 446px;
}

ul#panelRac li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 6px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 446px;
}

ul#panelRac a li span.textBar {
	width: 430px;
}

/* ---- END Residences & Clubs ----*/

/* ---- Shop ----*/
ul#panelShop li.one {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 3px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelShop li.two {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 5px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}

ul#panelShop li.three {
    background-position: left 3px;
    background-repeat: no-repeat;
    float: left;
    top: -3px;
    left: 7px;
    list-style: none outside none;
    position: relative;
    height: 127px;
    width: 297px;
}
/* ---- END Shop ----*/

/* ---- nav type  ---- */

#navRCStory li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .14em;
	line-height: 1.3em;
	color: #737373;
	text-decoration: none;
	float: left;
	list-style-type: none;
	position: relative;
	top: 40px;
	margin-left: 10px;
 	/*cursor: pointer;*/
	z-index: 4;
 }

/* for R-C story*/
ul#navRCStory a li.replicate {
	color: #3d7a99;
    top: 1px;
	left: 0px;
    width: 160px;
}

ul#navRCStory a li.link {
	color: #737373;
	top: 14px;
	left: 0px;
	border-bottom: dotted 1px #737373;
	width: 162px;
	text-transform: none;
	padding: 5px 0 7px 0;
}

ul#navRCStory a li.link:hover {
	color: #3d7a99;
}

#navRewardsLogin li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: #737373;
	text-decoration: none;
	float: right;
	list-style-type: none;
	list-style-image: url(../images/bullet-arrow-off.png);
	position: relative;
	top: 40px;
	right: 12px;
	cursor: pointer;
}

#navRewardsLogin li:hover {
	color: #3d7a99;
	list-style-image: url(../images/bullet-arrow-on.png);
}

#navLeftList li {
	float: left;
	list-style-type: none;
	position: relative;
	top: 10px;
	cursor: pointer;
}

#navRightList li {
	float: right;
	list-style-type: none;
	position: relative;
	top: 10px;
	right: 12px;
	cursor: pointer;
}

/*custom space for links*/

#loc {
	margin: 0 16px 0 10px;
}

#ofr {
	margin: 0 16px 0 0;
}

#res {
	margin: 0 0 0 16px;
}

/*dual link image formatting*/

#navRightBottom li a.mainNavLinks, #navLeftBottom li a.mainNavLinks {
	background-image: none;
    position:absolute;
}

#mainNavResidencesLink {
	top:-3px;
	width:67px;
}

#mainNavClubsLink {
	left:80px;
	top:-3px;
	width:36px;
}

#mainNavMeetingsLink {
	top:-3px;
	width:55px;
}

#mainNavWeddingsLink {
	left:67px;
	top:-3px;
	width:56px;
}

/* ----- fixed position res widget ----- */
				
#panelReservationsFixedPosit { 
	margin: 0 0 0 0;
	position: absolute;
	top: 124px; /*this sets the top*/
	right: 0;
	display: block;
	z-index: 4;
}

/* for reservations form - rest are in separate style sheet */
.navContentResFixedPosit {
	background-image: block; 
	background-repeat: repeat;
	margin: 0 3px 0 0;
	float: right;
	width: 258px;
	height: 316px;
}

.backingResOnFixedPosit {
	background: #fff;
	margin: 5px 0 0 5px;
}

.backingResFixedPosit {
	background: block;
	height: 306px;
	width: 248px;
	list-style-type: none;
    margin: 5px 0 0 4px;
}

.fixedPositButton {
	margin: 12px 0 0 0;
	height: 30px;
	width: 244px;
	float: left;
}

.fixedPositButton div.rowElem input {
	margin: 0 0 0 0px;
	float: left;
	clear: both;
	width: 80px;
}

.fixedPositButton div.rowElem label {
	margin: -28px 0 0 89px;	
	float: right;
	clear: right;
	width: 122px;
}

#resOnline.tabPageContent div.rowElem label.whatIsPositFixed {
    margin: -18px 0 0 148px;
    position: absolute;
}

.fixedPositRules1 {
    float: left;
    height: 24px;
    width: 240px;
	margin: 0 0 0 0;
}

.fixedPositRules2 {
    float: left;
    /*height: 72px;*/
    width: 240px;
	margin: -15px 0 -10px;
}

/*fighting global3 to style a single checkbox!*/
.fixedPositRules1 div.rowElem label input {
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
}

.hRule1 {
	border-bottom: 1px solid #DDDDDD;
	border-style: none none solid;
	border-width: 0 0 1px;
	float: left;
	width: 216px;
	margin: 6px 0 12px 12px;
}

.hRule2 {
	border-bottom: 1px solid #DDDDDD;
	border-style: none none solid;
	border-width: 0 0 1px;
	float: left;
	width: 216px;
	margin: 6px 0 0 12px;
}

.fixedPositRules2 div.rowElem div.fixedPositToggle label.corpCode {
	font-size: 8px;
	width: 70px;
    margin: -28px 0 0 148px;
    position: absolute;
}

.fixedPositRules2 div.rowElem div.fixedPositToggle label.groupCode {
	font-size: 8px;
	width: 70px;
    margin: -22px 0 0 148px;
    position: absolute;
}

.promoSpacer {
	height: 14px;
	width: 18px;
	float: left;
	background-image: url(../images/plus-box.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 5px 0 0 -1px;
}

.promoSpacerOff {
	height: 14px;
	width: 18px;
	float: left;
	background-image: none;
}

/*collapse button icon*/
.collIco {
    background: url(../images/minus-box.png) no-repeat scroll 11px 6px transparent;
}

/*expand button icon*/
.expIco {
    background: url(../images/plus-box.png) no-repeat scroll 11px 6px transparent;
}

.fixedPositToggle {
	margin:	20px 0 0 0;
	width: 234px;
	height: 52px;
	display: none;
}

.resWidgetMinMargin
{
	margin-top: 4px !important;
}


/* ----- END fixed position res widget ----- */


/* ---------- END nav.css ---------- */



#navRewardsLogin2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .14em;
	line-height: 1.3em;
	color: #737373;
	text-decoration: none;
	float: left;
	list-style-type: none;
	position: relative;
	top: 40px;
	margin-left: 10px;
 	cursor: pointer;
	z-index: 4;
 }
 
ul#navRewardsLogin2 li.hdg
 {
	top:10px; 	
	text-align:center;
	font-weight:bold;
 }

/* for R-C story*/
ul#navRewardsLogin2 a li.replicate {
	color: #3d7a99;
    top: 1px;
	left: 0px;
    width: 160px;
}

ul#navRewardsLogin2 a li.link {
	color: #737373;
	top: 14px;
	left: 0px;
	border-bottom: dotted 1px #737373;
	width: 162px;
	text-transform: none;
	padding: 5px 0 7px 0;
}

ul#navRewardsLogin2 a li.link:hover {
	color: #3d7a99;
}

#navRCRewards  
{
	
}

#navRCRewards li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .14em;
	line-height: 1.3em;
	color: #737373;
	text-decoration: none;
	float: right;
	list-style-type: none;
	position: relative;
	top: 40px;
	margin-right: 10px;
 	/*cursor: pointer;*/
	z-index: 4;
 }

/* for R-C story*/
ul#navRCRewards a li.replicate {
	color: #3d7a99;
    top: 1px;
	left: 0px;
    width: 160px;
}

ul#navRCRewards a li.link {
	color: #737373;
	top: 14px;
	left: 0px;
	border-bottom: dotted 1px #737373;
	width: 162px;
	text-transform: none;
	padding: 5px 0 7px 0;
}

ul#navRCRewards a li.link:hover {
	color: #3d7a99;
}