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

* { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; }

body { text-align: center; background-color: #FFFFFF; }
#clear, .clear { clear: both; }

/* NAVIGATION & BOOK NOW */
ul.navigation  { padding-top: 10px; }
.navigation li { list-style: none; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.65em; }
	.navigation li a:link, .navigation li a:visited { color: #000000; text-decoration: none; text-transform: uppercase;  }
	.navigation li a:active, .navigation li a:hover { color: #A37A08; text-decoration: none;  }
	
	/* main nav active states */
	body#Trackside #trackside, body#Trackside_windsorforest #trackside, body#Trackside_panoramic #trackside, body#Trackside_trackside_rest #trackside, body#Trackside_carriages #trackside, body#Paradering_rapavillion #trackside,  body#Paradering_rapavilion #ringside, body#Paradering #trackside, body#Paradering_oldpaddock #ringside,  body#Paradering_imperialevents #ringside, body#Boxes_private #boxes, body#Boxes_paddockchalets #boxes, body#Boxes_bessboroughbox #boxes, body#Boxes_ra_village #boxes, body#Boxes_qarooms #boxes, body#FashionShow #fashionshow, body#AfterParty #afterparty, body#Contact #contact { color: #A37A08; background-image: url(../images/site/nav.jpg); background-repeat: no-repeat; background-position: center left; }
	
	/* subnav active states */
	 body#Trackside_windsorforest #windsorforest, body#Trackside_panoramic #panoramic, body#Trackside_trackside_rest #trackside_rest, body#Trackside_carriages #carriages, body#Paradering #paradering, body#Paradering_greenyard #greenyard, body#Paradering_oldpaddock #oldpaddock, body#Paradering_rapavilion #rapavilion, body#Paradering_rapavillion #rapavillion, body#Paradering_imperialevents #imperialevents, body#Boxes_private #privateboxes, body#Boxes_paddockchalets #paddockchalets, body#Boxes_bessboroughbox #bessboroughbox, body#Boxes_ra_village #ra_village, body#Boxes_qarooms #qarooms, body#Paradering_rapavillion #rasandringham { color: #A37A08; }
	



/* HOME */
#dropshadowHome { margin-right: auto; margin-left: auto; margin-top: 5px; width: 950px; height: 690px; padding-right: 20px; padding-bottom: 20px; background: url(../images/site/home_background_shadow.jpg) no-repeat right top; } 
#wrapperHome { width: 950px; height: 690px; text-align: left; background: url(../images/site/home_2010_2.jpg) no-repeat left top; border: solid 1px #DFDFDF; }

	#wrapperHome .logo { padding: 20px 18px 20px 0px; float: right;}
	#wrapperHome .navigation { float: right; margin-top: 364px; clear: both; text-align: right; } /* float: left; margin-top: 460px; */
	#wrapperHome .navigation li a:link, #wrapperHome .navigation li a:visited { padding-right: 28px; color: #FFFFFF; line-height: 11px; } /*padding-left: 28px; color: #FFFFFF;*/
	#wrapperHome .navigation li a:active, #wrapperHome .navigation li a:hover { padding-right: 28px; background: url(../images/site/nav_home_09.jpg) no-repeat center right; } /*padding-left: 28px; background: url(../images/site/nav_home_09.jpg) no-repeat center left;*/
	
	#wrapperHome a.bookNow  { font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; float: right; clear: right; color: #FFFFFF; margin-top: 15px; margin-right: 28px; padding-right: 28px; background: url(../images/site/chevrons_home.gif) no-repeat center right; display: block; width: 120px; }
	

	

/* GENERIC ELEMENTS */
 
/* wrappers */
#dropshadow { margin-right: auto; margin-left: auto; margin-top: 5px; width: 950px; height: 820px; padding-right: 20px; padding-bottom: 20px; background: url(../images/site/background_shadow.jpg) no-repeat right top; } 
#wrapper { width: 950px; height: 800px; text-align: left; background-color: #FFFFFF; padding: 0px; border: solid 1px #DFDFDF; }

#topNav { width: 914px; padding: 20px 36px 5px 0px; }
	#topNav .navigation { width: 380px; float: left; }
			.navigation li a:link, .navigation li a:visited { padding-left: 70px;  }
			.navigation li a:active, .navigation li a:hover { padding-left: 70px; background: url(../images/site/nav.jpg) no-repeat center left; }
	
	#topNav .subnav {  width: 270px; float: left; font-family: Arial, Helvetica, sans-serif;  font-size: 0.9em; }
			ul.subnav { padding-top: 10px; }
			.subnav li { list-style: none; padding: 0px; }
			.subnav li a:link, .subnav li a:visited { background: url(../images/site/subnav_icon.gif) no-repeat left center; padding-left: 10px; font-size: 0.75em; color: #000000; text-decoration: none; text-transform: none;  }
			.subnav li a:active, .subnav li a:hover { color: #A37A08; text-decoration: none; }
	
	#topNav .logo { float: right; }
	
/* restuarant content */
#hospitalityContent { width: 910px; margin-top: 35px; }
#hospitalityContent #vertical_container { float: left; width: 320px; padding: 0px 20px 0px 16px;   }
	.vertical_accordion_toggle { width: 280px;  display: block; cursor: pointer; margin: 0px; height: 24px; padding: 4px 20px 0px 20px; font-size: 0.7em; }
	.vertical_accordion_toggle_active {width: 280px;  display: block; cursor: pointer; margin: 0px; height: 24px; padding: 4px 20px 0px 20px; font-size: 0.7em; }
	.vertical_accordion_content {   width: 320px; overflow: hidden;  }
	.vertical_accordion_content div { height: 427px;overflow: auto; }
			

#hospitalityContent #gallery { float: right; width: 530px; height: 595px; padding: 0px 16px 0px 0px; }
		#hospitalityContent #imageContainer { height: 595px;  position:relative; }  
		#hospitalityContent #imageContainer img { display:none;  position:absolute;  top:0px; left:0px; height: 595px;  width:530px;  opacity: -0.01; } 

/* fashion content */

#fashionContent { width: 950px; margin-top: 25px; }
#fashionContent #gallery { width: 950px; height: 265px; position:relative; }
		#fashionContent #imageContainer { height: 265px;  background-color: #FFFFFF; }  
		#fashionContent #imageContainer img { display: none; position: absolute; top:0px; left:0px; height: 265px; width:950px;  opacity: -0.01; } 

#fashionContent #accordion { width: 878px; margin: 0px 36px 0px 36px; height: 331px;  }
	#fashionContent .intro { width: 264px; float: left; } 


	.horizontal_accordion_toggle { float: left; display: block; height: 320px; cursor: pointer; margin: 0px; width: 23px; padding-right: 2px; }
	.horizontal_accordion_toggle_active { }

	.horizontal_accordion_content	{
	height: 10px; /* We need to define a height for the accordion as it stretches the width */
	float: left; /* This make sure it stays horizontal */
	width: 430px; overflow: hidden; height: 320px;  }

.tab1, .tab2, .tab3, .tab4, .tab5 { height: 320px;  }

/* GALLERY LAYOUT */
#galleryWrapper { border: solid 5px #FFFFFF; margin-top: 5px; }
#galleries { float: left; width: 100px; }
	#galleries h2 { color: #A37A08; font-family: "Times New Roman", Times, serif; font-size: 1em; text-transform: uppercase; padding: 5px 0px 5px 0px; }
	#galleries a { color: #A37A08; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 5px 0px 5px 0px; text-decoration: none; }
#show { float: left; width: 478px; }	


/* copy styles */
.vertical_accordion_content p, .intro p, .horizontal_accordion_content p { padding: 10px 20px 5px 20px; font-size: 0.7em; }
	.vertical_accordion_content p, .vertical_accordion_content li, .vertical_accordion_content td { color: #000000; }
	.intro p { color:#FFFFFF; }
	.phone  { font-size: 1.25em; color: #A37A08;}
	strong { font-weight: bold; }
	
ul.vertical_accordion_content { padding-top: 10px;  }
.vertical_accordion_content li, .horizontal_accordion_content li { margin-left: 20px; padding: 0px 20px 0px 10px; font-size: 0.7em; background: url(../images/site/subnav_icon.gif) no-repeat left 8px; }

	li em, p em { font-style: italic; font-weight: bold; }

.vertical_accordion_content table, .horizontal_accordion_content table { margin: 10px 20px 5px 20px; }
	.vertical_accordion_content td, .horizontal_accordion_content td { padding: 2px; font-size: 0.7em; }
	td.heading { color: #A37A08; padding: 5px 0px 5px 0px; font-size: 0.8em;}
	td sup {color: #A37A08; font-size: 0.75em;}


			.vertical_accordion_content p a, .vertical_accordion_content li a { background-image: none; text-transform: none; color: #000000; font-size: 1em; padding: 0px; }
			.vertical_accordion_content p a:link, .vertical_accordion_content p a:visited { text-decoration: underline; }
			.vertical_accordion_content p a:hover, .vertical_accordion_content p a:active { color: #A37A08; text-decoration: underline; background-image: none;}
			
			.vertical_accordion_content li a:link, .vertical_accordion_contentli a:visited { text-decoration: underline; }
			.vertical_accordion_content li a:hover, .vertical_accordion_content li a:active { color: #A37A08; text-decoration: underline; background-image: none;}
			
.vertical_accordion_content h1, .intro h1 { padding: 10px 20px 5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.65em; }
.vertical_accordion_content h2, .horizontal_accordion_content h2 { padding: 10px 20px 5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; }
.vertical_accordion_content h3, .horizontal_accordion_content h3 { padding: 10px 20px 5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; }
	.vertical_accordion_content h1, .vertical_accordion_content h2, .horizontal_accordion_content h2, .vertical_accordion_content h3, .horizontal_accordion_content h3 { color: #A37A08; }
	.intro h1 { color: #FFFFFF; }
	

#hospitalityContent a:link.bookNow, #hospitalityContent a:visited.bookNow { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; padding-right: 25px; background: url(../images/site/black_chevron.gif) no-repeat right 2px; text-align: right; }
#hospitalityContent a:hover.bookNow, #hospitalityContent a:active.bookNow  { color: #A37A08; background: url(../images/site/gold_chevron.gif) no-repeat right 2px;}
#fashionContent a:link.bookNow, #fashionContent a:visited.bookNow { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; padding-right: 25px; background: url(../images/site/black_chevron.gif) no-repeat right 2px; text-align: right; }
#fashionContent a:hover.bookNow, #fashionContent a:active.bookNow { color: #A37A08; background: url(../images/site/gold_chevron.gif) no-repeat right 2px;}