@charset "utf-8";

@import url("core/global.css");
@import url("core/classes.css");
@import url("core/layout.css");
@import url("video.css");

@media screen
{
	/* Default columns */
	#col2 { margin: 0; width: 700px; }
	#col3 { display: none; }
	
	/* Venue columns */
	#venueCol2 { width: 465px; overflow: hidden; margin-right: 30px; float: left; }
	#venueCol3 { width: 205px; overflow: hidden; float: left; }

	/* Grey grad */
	.greyGrad { text-align: center; padding: 5px 0 5px 0; margin-bottom: 8px; }
        .greyGrad p { color: #555; font-size: 12px; margin: 0 0 3px 0; }
        .greyGrad .highlight { color: #0BA7DA; font-size: 1.6em; margin: 0; }
        .greyGrad ul { margin: 0; padding: 0; }
        .greyGrad li { margin: 0; padding: 0; list-style: none; }

	/* Alternative venues pod */
	#alternativeVenuesPod ul.etcBullet a,
	#alternativeVenuesPod ul.etcBullet a { text-decoration: none; color: #555; }
	#alternativeVenuesPod ul.etcBullet a:hover,
	#alternativeVenuesPod ul.etcBullet a:hover { text-decoration: underline; color: #CE1A75; }

		/* Key features pod */
        #keyFeaturesPod li, #whatsIncludedPod li, #nearestStationPod li { font-size: 1.1em; margin-bottom: 0.1em; color: #0ba7da; text-align: center; font-size: 1.1em; }

	/* Tab box */
	.tabBoxWrapper {  }
	.tabsWrapper { margin-bottom: -1px; width: 100%; height: 34px; z-index: 1; overflow: hidden; }
	.tab { margin-right: 2px; font-size: 10px; color: #777; text-decoration: none; text-align: center; display: block; float: left; padding: 8px 0 0 0; width: 113px; height: 19px; margin-top: 6px; background: url(/images/tabs.png) no-repeat; }
		.tab:hover, .tab.tabOn { color: #000; margin-top: 0; padding-top: 11px; height: 23px; }
		.tab.tabBlue { background-position: 0 -34px; color: #fff; }
	.tabBox { border: 1px solid #d2d2d2; }
	
	.thumbMapImage { margin-bottom: 1em; }
	
	#venueTabBox { width: 463px; }
		#venueTabBox .tabBox { width: 463px;}
		#venueTabBox .tabBoxContent { min-height: 392px; height: 392px; height: auto !important; margin: 16px; width: 430px; overflow: hidden; }
	 

	/* Floorplan room selector */
	#roomSelector { position: relative; width: 100%; }
		#roomSelector select { width: 140px; float: left; margin: 5px 13px 0 0; }
		#roomSelector input { float: left; }

	/* Download links */
        #downloadLinks { float: right; width: 107px; margin: 5px 0 0 0; }
	#downloadBrochure { }
        #downloadFloorplan {  }
        #downloadDirections { }

	/* Floorplan wrapper */
	#floorplanWrapper { position: relative; border: 1px solid #ddd; margin: 5px auto; width: 594px; height: 475px; }
        #floorplanControls { width: 594px; margin: 10px auto 10px auto; height: 50px; }
	
	/* Floorplan key */
	.keyIcon { float: left; line-height: 28px; font-size: 12px; text-transform: capitalize; margin: 10px 20px 0 0; color: #10A5D7; text-indent: 40px; background-repeat: no-repeat; background-position: 0 50%; }
	#coffeePoint { background-image: url(/images/coffee-point-icon.gif); }
	#restaurant { background-image: url(/images/restaurant-icon.gif); }
	#toilet { background-image: url(/images/wc-icon.gif); }
	#pdfDownload { text-indent: 30px; background-image: url(/images/pdf-icon.gif); margin-left: 53px; margin-right: 0; }
	#pdfDownload a { color: #D01975; text-decoration: none; }

        /* Plan Images */
	div.floorplanWrapper { width: 180px; height: 200px; margin: 0 18px 20px 38px; float: left; text-align: center; }
	div.floorplanWrapper img { margin-bottom: 10px; }

	/* Floorplan room selector */
	form#roomSelector.floorplanModal { position: relative; float: right; font-size: 10px; margin-bottom: 20px; width: 200px; height: 50px; background: url(/images/room-selector-bg.gif) no-repeat; }
	form#roomSelector.floorplanModal select { width: 150px; position: absolute; top: 22px; left: 8px; font-size: 10px; }
	form#roomSelector.floorplanModal input { position: absolute; height: 17px; width: 25px; top: 26px; right: 12px; border: 1px solid #fff; background-color: #fff; font-size: 9px; }
	form#roomSelector.floorplanModal p { position: absolute; margin: 0; top: 6px; width: 200px; text-align: center; font-size: 10px; color: #fff; }

        /* Contact Tab */
        .venueContactDetails { width: 185px; float: left; margin: 0 30px 0 0; }
}

@media print
{
    #venueCol1 { display: none; }
    #venueCol3 h6 { font-size: 1.3em; color: #00A6D6; }
    #alternativeVenuesPod { display: none; }
}