/* system.css */


/* Plugin Styles */
/* These styles are used by plugins through out the site. */

	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		

	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

		/* style for the containing div for the menu */
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#topdropmenu 
		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:83%;
			z-index:99;
			width:100%;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#topdropmenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#topdropmenu a {
			display:block;
			margin:0px;
			height:100%;
			text-decoration:none;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu ul ul {
			position:absolute;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:940px;} /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:170px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:170px;} /* width of level 2 leaves */
	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:24px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{width:154px;} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:170px;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:170px;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{width:130px; height:19px; font-size:110%; font-weight:bold; padding-top:5px; padding-left:8px; padding-right:15px;}
	div#topdropmenu ul.L1 li a	{width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	
	/* end top menu bar*/
	a img
	{
		border-style:none;
	}


/* reset.css */

/* v1.0 | 20080212 */

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}


/* master.css */


body { font: normal 62.5%/160% Tahoma, Arial, Verdana, Helvetica, sans-serif; margin: 3em 0; background: #290F3E url(bg_body.jpg) repeat-x; width: 100%;}

.ir, #header h1, #footer p, div#content div#contentPrimary ul.swatches li a { position: relative; }
.ir span, .ir a span, #header h1 span, #footer p span { position: absolute; width: 100%; height: 100%; display: block; }

#wrap { width: 966px; background: #fff; margin: 0 auto; padding: 15px; overflow: hidden; }


/* MAIN HEADER */
div#header { height: 110px; background: #32164E; margin-bottom: 5px; padding: 15px; font: normal 62.5%/160% Tahoma, Arial, Verdana, Helvetica, sans-serif; }

div#header p.branding { width: 205px; height: 80px; float: left; margin: 26px 0 0 12px; }
div#header p.branding span { background: url(logo.gif) no-repeat; }

div#header p.promo { width: 115px; height: 25px; float: right; clear:right; display:inline; margin: -2px 8px 0 7px; font-size: 2px; line-height: normal; color: #32164E; }
div#header p.promo span { background: url(aa-hotel-group-of-year.gif) no-repeat; }

div#header ul { overflow: hidden; float: right; margin: 0 6px 15px 0; }
div#header ul li { display: inline; }
div#header ul li a { display: block; float: left; color: #fff; font-size: 10px; line-height: 12px; padding: 0 8px; text-decoration: none; border-right: 1px solid #fff; }
div#header ul li a:hover { text-decoration: underline; }
div#header ul li:last-child a { border: none; padding: 0 0 0 10px; }

div.searchArea { margin-bottom: -1px; height: 35px; background: #32164E; overflow: hidden; padding-left: 10px; width: 956px; float: left; }

p.cta_number { width: 230px; height: 38px; background: #32164E; float: right; clear: right; padding: 5px 3px; font-size: 10px; margin: 0 20px 0 0; }
p.cta_number a span { background: url(number_header.jpg) no-repeat; width: 230px; height: 40px; }
/*p.cta_number a:hover span { background-position: 0 -22px; }*/


/* MAIN NAVIGATION */
ul#navigation { margin-bottom: 15px; background: #32164E; overflow: hidden; padding-left: 10px; width: 956px; float: left; font: normal 62.5%/160% Tahoma, Arial, Verdana, Helvetica, sans-serif; }
ul#navigation li { display: inline; }
ul#navigation li a { display: block; float: left; color: #fff; font-size: 10px; line-height: 35px; padding: 0 9px; text-transform: uppercase; text-decoration: none; }
ul#navigation li a:hover { background: #9A85A6; }

body.home ul#navigation li.nav1 a,
body.allHotels ul#navigation li.nav2 a,
body.spa ul#navigation li.nav3 a,
body.golf ul#navigation li.nav4 a,
body.weddings ul#navigation li.nav5 a,
body.occassions ul#navigation li.nav6 a, 
body.conferences ul#navigation li.nav7 a,
body.offers ul#navigation li.nav8 a,
body.gifts ul#navigation li.nav9 a { background: #92A0B3; } 


/* HEADER PAD*/
/*p.cta_pad { width: 117px; height: 35px; background: #32164E; float: right; padding: 7px 5px; font-size: 10px; display:inline;  }*/
p.cta_pad { width: 127px; height: 21px; background: #32164E; float: right; padding: 7px 5px; font-size: 10px; display:inline;  }
p.cta_pad a span {  width: 127px; height: 22px; }
p.cta_pad a:hover span { background-position: 0 -22px; }


div#contentPrimary { width: 100%; float: left; }
div#sub-headerbox { width: 100%; text-align: left; }
div#sub-headerbox a { padding: 12px 0px 12px 0px; text-align: center; color: #FFFFFF; background-color: #32164E; text-decoration:none; text-transform: uppercase; line-height: 35px; }
div#sub-headerbox a:hover { background: #9A85A6; }

div#siteInfo { clear: both; padding-top: 10px; font: normal 62.5%/160% Tahoma, Arial, Verdana, Helvetica, sans-serif; width: 800px;}
div#siteInfo ul { padding: 10px 0 0 20px; }
div#siteInfo ul li { display: inline; }
div#siteInfo ul li a { display: block; float: left; color: #32164E; font-size: 10px; line-height: 11px; padding: 0 10px; text-transform: uppercase; text-decoration: none; border-right: 1px solid #32164E; }
div#siteInfo ul li a:hover { text-decoration: underline; }
div#siteInfo ul li:last-child a { border: none; padding: 0 0 0 10px; }

/* MISC */


/* new css sam morrison - golf */

body.golf div#contentPrimary { width: 966px; background: #fff; overflow: visible; }


/* BRS Additions: */

div#contentPrimary div.content { /* border: 1px solid #678197; */ padding: 0px 20px 20px 20px; }
div#contentPrimary div.content h1 { font: 22px/24px Georgia, "Times New Roman", Times, serif; color: #678197; margin-bottom: 10px; }
div#contentPrimary div.content h2 { font: 17px/22px Georgia, "Times New Roman", Times, serif; color: #678197; margin: 25px 0 7px 0; }
div#contentPrimary div.content h3 { font: 15px/22px Georgia, "Times New Roman", Times, serif; color: #678197; margin: 25px 0 7px 0; }
div#contentPrimary div.content h4 { font: 13px/22px Georgia, "Times New Roman", Times, serif; color: #678197; margin: 25px 0 7px 0; }
p { font-size: 13px; color: #678197; line-height: 19px; margin: 0; }
div.content p { margin-bottom: 10px; }

.form_body { font-weight: bold; }