
/*
	Theme Name:					UBER theme 
	Inpired Name:				Imput	
	Theme URI:					http://www.uber-london.com/
	Description:				UBER Theme Laboratory 
	Version:						1.0
	Author: 						Jiri Mocicka
-----------------------------------------------------
	COLOR
	Dark Red						

	Light Red						RGB(103,56,86);	
	Crimson							RGB(169,56,114);	
	Flash								RGB(230,230,212);
	Dark Sand						RGB(183,182,152);
	Light sand 					RGB(241,241,225);

*/
@import url("MadeForText.css");
@import url("MadeforFlash.css");

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
body {
		background: RGB(84,39,68);
		color: RGB(192,192,192);
		background:url(/layout/img/bg.gif) RGB(84,39,68) repeat-x 0 0; 
		}

		#warrper {
				height:100%;
				width:100%;
				}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
		font-family: Arial, Helvetica, sans-serif;}
.left{ float:left; }
.right{ float:right; }
.clear{
		clear:both;
		font-size:1px;
		line-height:1px;
		}
a { color:RGB(169,56,114);
		}
		a img{ border:none; }
.line { 
		border-bottom: 1px solid RGB(239,239,229);
		text-align:center;
		clear:both;
		}
		/*------------------------------------------------------------------------------------------
	  Layout Styles
		--------------------------------------------------------------------------------------------*/
		#Container {
				top:0px;
				margin-left:auto;
				margin-right:auto;
				display:block;
				position:relative;
				width:830px;
				}
		 
		.headContainer {
				/* background:RGB(192,192,192); */
				}
				.topContainer {
						background:url(/layout/img/TOP.gif) no-repeat 0 0;
						display:block;
						position:relative;
						height:126px;   
						top:0px !important;
						}
				.loginContainer {
						margin-top:30px;
						float:right;
						}
				.bupaContainer {
						position: relative;
						margin-top:50px;
						float:left;
						left:550px;
						height:50px;
						width:170px;
						}
				.bupaContainer img {
						border:none;
						}
				.navContainer {
						display:block;
						position:relative;
						height:35px;
						z-index: 1000;
						}
		
		.bodyContainer 
		{
				/* background:RG(192,192,192);	*/
				}
				/*---------------------- MEDIA LAYOUT ------------------------------------------------- */
				.mediaContainer {
						display:block;
						position:relative;
						width: 830px;
						}
				#mediaContContainer {
						display:block;
						position:relative;
						margin: 5px 0 10px 0;						
						width:830px;
						/* max-width:830px; */
						width:830px;
						padding: 10px 0px 0px 0px;
						}
						/*-------------------- BEGIN ROUNDED CENTRED MEDIA BOX ------------------------------------------ */																
						#topMCWContainer {
								background: url(/layout/img/bg_topMedia.gif) center top no-repeat;
								display:block;
								position:relative;
								margin: 0px;
								height:10px;
								width:830px;
								}
						#copyMCContainer {
								background:url(/layout/img/bg_medContCont.gif) bottom no-repeat;
								background-color:RGB(34,4,23);
								display:block;
								position:relative;
								margin: 0px;
								min-height:80px;
								width:830px;
								}
						#copyMCContainerLarge {
								background:url(/layout/img/bg_medContCont.gif) bottom no-repeat;
								background-color:RGB(34,4,23);
								display:block;
								position:relative;
								margin: 0px;
								min-height:480px;
								width:830px;
								}
						#botMCContainer {
								background:url(/layout/img/bg_botMedia.gif) center bottom no-repeat;
								position:relative;
								margin: 0px;
								height:10px;
								width:830px;
								float: left;
								}
								/*-------------------- BEGIN ROUNDED GRADIENT MEDIA BOX ------------------------------ */
								/* index */
								
								#botMCGradContainer {
										background: url(/layout/img/botMediaGrad.gif) bottom no-repeat;
										display:block;
										margin: 0px;
										padding: 0px;										
										height:10px;
										width:830px;
										}
								/*-------------------- END ROUNDED GRADIENT MEDIA BOX ------------------------------ */		
								#botMContContainer {
										background: url(/layout/img/botMediaCont.gif) bottom no-repeat;
										display:block;
										height:10px;
										width:830px;
										}	
				/*-------------------- BEGIN ROUNDED GRADIENT CONTENT BOX ---------------------------------- */	
				#bodContContainer {
						/* for Index as is history */
						background-image: url(/layout/img/bg_bodyCont.gif);
						background-position: top;
						background-repeat:no-repeat;
						min-height:600px;
						height: auto;
						width: 830px;
						}										
				#botContContainer {
						background-image:url(/layout/img/bg_BottomCont.gif);
						display:block;
						height:10px;
						width:830px;
						float: left;
						position: relative;
						}
				#shopBotContContainer {
						background-image:url(/layout/img/bg_ShopBottomCont.gif);
						display:block;
						height:10px;
						width:830px;
						float: left;
						position: relative;
						}
				#shopTopContContainer {
						background-image:url(/layout/img/bg_ShopTopCont.gif);
						display:block;
						height:10px;
						width:830px;
						float: left;
						position: relative;
						}
				/*-------------------- DEFAULT ROUNDED BOX ---------------------------------- */																						

						/*-------------------- END ROUNDED MEDIA BOX ------------------------------------------ */																
				.mcContainer {
						float:left;
						display:block;
						position:relative;
						width:250px;
						margin:5px 0px 0px 0px;
						padding:0px 0px 0px 20px !important;
						}
						.mcContainer2 {
							float:left;
							display:block;
							position:relative;
							width:250px;
							margin:0px 0px 0px 20px;
							padding:0px 0px 0px 20px !important;
							}
						
					
/*-------------------- FOOTER ------------------------------------ */											
		.footContainer {
				display:block;
				text-align: center;
				clear:both;
				padding: 10px 0px 0px 0px;
				height:50px;
				color:RGB(255,255,255);
				width:830px;
				}	
				#footCopy {
						display:block;
						position:relative;
						text-align: center;
						font-size: 0.75em;
						color:#FFFFFF; /*RGB(55,6,36);*/
						line-height:1.3em;
						font-family: Helvetica, Arial, sans-serif;
						}
						#footCopy a {
								color:#FFFFFF; /*RGB(55,6,36);*/
								}
						#footCopy a:hover {
								color:RGB(190,161,175);
								}

/*-----------------------------------------------------------------------------------------------
  MEDIA Container Styles
-----------------------------------------------------------------------------------------------*/
		.mediaImage {
				border:0px;
				text-align:center;
				margin: 50px 0px 10px 0px;
				float: left;
				position: relative;
				width: 230px;
				height: auto;
				}
				
				.shopRgtColumn {
				border:0px;
				text-align:center;
				margin: 50px 0px 10px 0px;
				float: left;
				position: relative;
				width: 230px;
				height: auto;
				}
				
		.mediaImageSecure {
				border:0px;
				text-align:center;
				margin: 37px 0px 10px 0px;
				}
				.mediaImage img { 
						border:0px;
						margin: 0;
						}
				.mediaImageSecure img { 
						border:0px;
						margin: 0;
						}
						
				/*-------------------- BIG BUTTONS ------------------------------------ */								
				
				/*
				li#home {background:url(/layo/layout/img/BTN_Home.gif) 0 0 no-repeat; width:82px;}
				li#home:hover {background-position:-82px 0}
				*/

				#trialBTN {
						background:url(/layout/img/BTN_2nd_FreeTrial.gif) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#trialBTN:hover {
								background-position:0 -70px;}
						#trialBTN a {border:0px;}
						
						#feedback {
						background:url(/layout/img/feedback.jpg) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#feedback:hover {
						background:url(/layout/img/feedbackOn.jpg) 0 0 no-repeat;
								
								}
						#feedback a 
						{
						    display: none;
						    width: 100%;
						    height:70px;
						   display:block;
						} 		
								
						#tellafriend {
						background:url(/layout/img/tellafriend.jpg) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#tellafriend:hover {
						background:url(/layo/layout/img/tellafriendOn.jpg) 0 0 no-repeat;
								
								}
						#tellafriend a 
						{
						    display: none;
						    width: 100%;
						    height:70px;
						   display:block;
						} 	
				#careerBTN {
						background:url(/layout/img/BTN_2nd_Career.gif) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#careerBTN:hover {
								background-position:0 -70px;}
						#careerBTN a {border:0px;}				
				
				#bookBTN {
						background:url(/layout/img/BTN_2nd_Book.gif) 0 0 no-repeat;
						background-position:0 0px;
						width:225px; 
						height: auto;
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#bookBTN:hover {
								background-position:0 -70px;}
						#bookBTN a {border:0px;display:block;height:70px; }								
				
				#bookGroupBTN {
						background:url(/layout/img/BTN_Group_Book.gif) 0 0 no-repeat;
						background-position:0 0px;
						width:225px; 
						height: auto;
						margin:0px 0px 0px 10px;
						padding:0px;
						float: left;
						position: relative;
						}
						#bookGroupBTN:hover {
								background-position:0 -70px;}
						#bookGroupBTN a {border:0px;display:block;height:70px; }	
				
				
					#bookPersonalBTN {
						background:url(/layout/img/BTN_Personal_Book.gif) 0 0 no-repeat;
						background-position:0 0px;
						width:225px; 
						height: auto;
						margin:0px 0px 0px 10px;
						padding:0px;
						float: left;
						position: relative;
						}
						#bookPersonalBTN:hover {
								background-position:0 -70px;}
						#bookPersonalBTN a {border:0px;height:70px;display:block;  }	
						
				
					#buyBTN {
						background:url(/layout/img/buySession.gif) 0 0 no-repeat;
						background-position:0 0px;
						width:225px; 
						height:auto; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#buyBTN:hover {
								background-position:0 -70px;}
						#buyBTN a {border:0px; height:70px; display:block; }
				
				#locationBTN {
						background:url(/layout/img/BTN_2nd_Location.gif) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#locationBTN:hover {
								background-position:0 -70px;}
						#locationBTN a {border:0px;}	

				#benefitBTN {
						background:url(/layout/img/BTN_2nd_Benefit.gif) 0 0 no-repeat;
						display:block; 
						width:225px; 
						height:70px; 
						margin:5px 0px 7px 0px; 
						padding:0px;
						}
						#benefitBTN:hover {
								background-position:0 -70px;}
						#benefitBTN a {border:0px;}
						
				.mediaImage #contactBTN, .mediaImageSecure #contactBTN {
						background:url(/layout/img/BTN_2nd_Contact.gif) no-repeat 0 0;
						height:40px;
						display:block; margin: 0px auto 7px auto; text-align: left;
						}
						.mediaImage #contactBTN, .mediaImageSecure #contactBTN p{
								font-size: 22px;
								color: #ebebdb;
								font-weight:normal;
								padding: 30px 0 0 16px;
						}
						#contactBTN p 
						{
						    font-size: 22px;
								color: #ebebdb;
						    padding: 0px 0 0 4px;
						    }
				/*-------------------- BIG BUTTONS ------------------------------------ */						
						
		.mediaContent {
				display:block;
				position:relative; 
				}
				.mediaContent H2 {
						color:RGB(190,161,175);
						font-style:normal;
						}
				.mediaContent p {
						color:RGB(230,230,212);
						line-height:1.4em;
						}
				.mediaContent ul {
						list-style: circle url(/layo/layout/img/BTN_dot.gif);
						}
				.mediaContent li {
						padding:0;
						margin: 8px 0 8px 20px;
						}		
				.mediaContent img {
				/*	padding: 0px auto 0px auto; */
						margin: 0px auto 10px auto;
						}
				.mediaContent .moreCont {
						background:url(/layout/img/BTN_more_On.gif) no-repeat 0 0;
						display: block;
						width: 72px;
						height:10px;
						overflow: hidden !important;
						text-indent: -9999px;	
						}
				.mediaContent .moreCont:hover {
						background:url(/layout/img/BTN_more_Over.gif) no-repeat 0 0;
						display: block;
						width: 72px;
						height:10px;
						overflow: hidden !important;												
						text-indent: -9999px;	
						}

/*-----------------------------------------------------------------------------------------------
  HOME Content Container Styles
-----------------------------------------------------------------------------------------------*/
		#imgMCContainer {
			display:block;
			position:relative;
			float:left;
			margin:0px 7px 3px 0px;
			}
		#txtMCContainer {
			display:block;
			position:relative;
			width:120px;
			float:right;
			margin:0px;
			}
		#txtMCContainer H2 {
			margin:0px;
			line-height:1.1em;
			}
		
/*-----------------------------------------------------------------------------------------------
  ABOUT Content Container Styles Separate style for each page
-----------------------------------------------------------------------------------------------*/
		#aboutContContainer {
				/* for Index as is history */
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				min-height:620px;
				width: 830px;
				}
		
		#adleisureContContainer {
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				min-height:620px;
				width: 830px;
				}
		#fitContContainer {
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				height:1130px;
				width: 830px;
				}	
		#franchiseContContainer {
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				height:2000px;
				width: 830px;
				}	
				
				
				
					
/*-----------------------------------------------------------------------------------------------
  WHAT Content Container Styles
-----------------------------------------------------------------------------------------------*/
		.wwdContContainer {
				width: 820px;
				margin-left:20px;
				float:left;
				}

		#benefitContContainer {
				/* for Index as is history */
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				min-height:680px;
				width: 830px;
				}
				.benefitContent {
						margin:0px 10px 5px 2px;
						width:540px;
						}
						.benefitContent .benefitImg {
								float:left;
								margin:0px 10px 5px 2px;
								}
		#storiesContContainer {
				/* for Index as is history */
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				height:1200px;
				width: 830px;
				}								
		#enviromContContainer {
				/* for Index as is history */
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				min-height:700px;
				width: 830px;
				}
		/* just for main page */
		.lineUp {
				display: block;
				position:relative;
				width:800px;
				height:220px;
				text-align:left;
				}		
							
						
/*-----------------------------------------------------------------------------------------------
  LOCATION Content Container Styles
-----------------------------------------------------------------------------------------------*/

	/*-------------------- GENERAL DEFINITION  ---------------------------------- */
	#locationContContainer {
		display:block;
		position:relative;
		min-height:400px;
		height: auto;
		}
		.contContainer {
				position: relative;
				height: auto;
				float:left;
				width:560px;
				}
				.bodyContContainer {
						position:relative;
						height: auto;
						float:left;
						padding: 0px 0 10px 20px;
						width:420px;
						}
						/*-------------------- CATEGORY DEFINITION ---------------------------------- */
						/* Stratford */	
						#stratford {
							background-image: url(/layout/img/bg_bodyCont.gif);	
							height:1380px;
							}
						/* Loughton */		
						#loughton {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:1200px;
							}	
						/* Solihull */		
						#solihull {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:1105px;
							}	
						/* winchester */
						#winchester {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height: 1430px;
							}
						/* Barnes */		
						#barnes {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:1200px;
							}			
						/* Connaught Village */		
						#village {
							background-image: url(/layout/img/bg_bodyCont.gif);
							min-height:1190px;
							}
						/* Muswell Hill */		
						#muswellHill {
							background-image: url(/layout/img/bg_bodyCont.gif);
							min-height:1240px;
							}
						/* Stanmore */	
						#stanmore {
							background-image: url(/layout/img/bg_bodyCont.gif);	
							height:1440px;
							}
						/* Vauxhall  */								
						#vauxhall {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:1300px;
							}
						/* Hampstead */															
						#hampstead {
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:1350px;
							}	
						/* Hong Kong */															
						#honk{
							background-image: url(/layout/img/bg_bodyCont.gif);
							height:650px;
							}	
							
								
				
													
		.righContainer {
				float:right;	
				text-align:center;	
				display:block;
				position:relative;
				width:230px;
				padding-right:5px;				
				}		
				.txtContainer {
						display:block;
						position: relative;
						float:left;
						width:580px;
						min-height:400px;
				}
								
		#offerContainer {
				margin: -5px 20px 20px 2px;
				float:left;
				width:105px;
				height:200px;
				display:block;
				position:relative;
				}
				.imgOffer {
						margin:10px 0;}
				
				#offerContainer p {
					width: 105px;
					font-size:11px;
					line-height: 1.3em;
				}
				#offerContainerClean {
				margin: -5px 25px 20px 2px;
				float:left;
				width:105px;
				display:block;
				position:relative;
				clear:both;
				}		
				
				
				/*-----------------------------------------------------------------------------------------------
				  ADDRESS Content Container Styles
				-----------------------------------------------------------------------------------------------*/
				.addressContainer {
						display:block;
						position:relative;
						float:right;
						width:115px;
						}
						.addressContainer ul {
						list-style:none;
						margin:0px 0px 0px -38px;
						font-family:Arial, Helvetica, sans-serif;
						font-size: x-small;
						color:RGB(190,161,175);
						}				
						.nextPrevious {
							margin: 30px 0 0 0;
							padding-bottom: 20px;		
							}
					.next {	
						height: 26px;
						width: 61px;
						float: left;
						}
						.next a{	
							background: url(/layout/img/BTN_Next.gif) no-repeat 0 0;
							height: 23px;
							width: 45px;
							display:block;
							}
						.next a:hover{	
							background: url(/layout/img/BTN_Next.gif) no-repeat 0 -23px;
							height: 23px;
							width: 45px;
							}
					.previous {
						float: left;
						padding-right: 5px;
						}	
						.previous a{	
							background: url(/layout/img/BTN_Back.gif) no-repeat 0 0;
							height: 23px;
							width: 45px;
							display:block;
							}	
						.previous a:hover{	
							background: url(/layout/img/BTN_Back.gif) no-repeat 0 -23px;
					height: 23px;
					width: 45px;
				}	
						
				

/*-----------------------------------------------------------------------------------------------
  SHOP Content Container Styles Separate style for each page
-----------------------------------------------------------------------------------------------*/
		#shopContContainer {
				/* for Index as is history */
				background:url(/layout/img/bg_bodyCont.gif) 0 0 no-repeat;
				bbackground-color:White;
				min-height:620px;
				height:auto;
				position: relative;
				float: left;
				width: 830px;
				}	
	
				
/*-----------------------------------------------------------------------------------------------
  MY ACCOUNT Content Container Styles
-----------------------------------------------------------------------------------------------*/														
		#myaccount
			{
				background-image: url(/layout/img/bg_bodyCont.gif);
				height:1000px;
			}			
				
				
/*-----------------------------------------------------------------------------------------------
  NEWS Content Container Styles
-----------------------------------------------------------------------------------------------*/
		#newsContContainer {
				display:block;
				position:relative;
				background:url(/layout/img/bg_bodyCont.gif) 0 0 no-repeat;
				float:left;
				width:810px;
				padding: 0px 5px 10px 20px;
				}		

		.newsContContainer {
				float:left;
				padding: 0px 5px 10px 10px;
				width: 550px;
				}		
				.newsContent {
						
						margin:0px 10px 20px 2px;
						clear: right;}
				.newsImg {
						display:block;
						position:relative;
						float: left;
						margin:0px 0px 10px 0;
						padding-right: 10px;
						}
						.newsIco {
								float:left;
								display:block;
								position:relative;
								width:133px;
								margin:0px;
								padding: 0 10px 0 0 ;
							
								}
						.newstxtIco {
								float:left;
								display:block;
								position:relative;
								width:360px;
								margin:0;
								padding: 0;
								}
				#newsIcoContainer {
						width:540px;
						border-top: 1px solid #523947;
						clear: both;
						padding: 10px 0;
						}
						#newsIcoContainer h3{
						margin: 0;
						padding: 0;
						}
						#newsIcoContainer h3 a{
						margin: 0;
						padding: 0;
						}
						#newsIcoContainer a {
								color:RGB(190,161,175);
						}		
						#newsIcoContainer a:hover {
								color:RGB(255,255,255);
								}		
													
						
/*-----------------------------------------------------------------------------------------------
  CONTACT Container Styles
-----------------------------------------------------------------------------------------------*/

#contactContContainer {
				background:url(/layout/img/bg_bodyCont.gif) 0 0 no-repeat;
				background-position: top;
				background-repeat:no-repeat;
				min-height:720px;
				width: 830px;
				height: auto;
				float: left;
				position: relative;
				}
				#contactContContainer .contContainer {
						float:left;
						width:560px;
						}
				/* !!! have global behavior !!! */		
				.contactCContainer {
						margin:35px 0px 20px 20px;
						}
						
/*-----------------------------------------------------------------------------------------------
  FORM Container Style
-----------------------------------------------------------------------------------------------*/
#formContContainer {
		background-image: url(/layout/img/bg_bodyCont.gif);		
		display:block;
		position:relative;
		height:860px;
		}
		#bgBodyForm {
				background:url(/layout/img/bg_bodyForm.gif) no-repeat 0 0;
				width: 536px;
				height: 634px;
				padding:30px 10px 10px 10px;
				}

		.formName {
		font-family:Helvetica, Arial,  sans-serif;
		font-size:.8em;
		font-weight:bold;
		color: RGB(93,36,67);
		}

		.formDesc {
				background:RGB(150,147,140);
				margin:2px 0px 3px 0px;	
				padding:0px 10px 0px 0px;
				height:20px;
				width:219px;
				border: none;
				font-family:Helvetica, Arial,  sans-serif;
				font-size:.8em;
				color: RGB(30,30,30);
				text-align: left;
				}
		.formDesc:hover {
				background:RGB(160,157,150);
				}
		.formLeftColmn {
				display:block;
				position:relative;
				width:250px;
				float:left;}
		.formRightColmn	{
				display:block;
				position:relative;
				width:250px;
				float:left;
				}



/*-----------------------------------------------------------------------------------------------
  LOGIN Content Container Styles
-----------------------------------------------------------------------------------------------*/
#loginContContainer {
		background: url(/layout/img/FM_bg_Login.gif) no-repeat 0px 0px;		
		display:block;
		position:relative;
		height:397px;
		}
		.contContainer {
				display: block;
				position: relative;
				float:left;
				width:559px;
				height: auto;
				}
				.bodyContContainer {
						position:relative;
						float:left;
						padding: 0px 0 10px 20px;
						width:400px;
						}
				#formBox {
						display:block;
						position:relative;
						margin-left:20px;
						}
						#formRow1 {
								display:block;
								position:relative;
								margin: 25px 0px 0px 0px;
								}
						#formRow2 {
								display:block;
								position:relative;

								margin: 35px 0px 30px 0px;
								}
								#txtUsername {}
								#txtPassword {}
						#formRow3 {
								display:block;
								position:relative;
								clear:both;
								margin: 0px 0px 0px 0px;
								}
						#formRow4 {
								display:block;
								position:relative;
								clear:both;
								margin: 15px 0px 0px 0px;
								}
						.textRow {
								width:470px;
								float:left;
								color:#333333;
								font-family:Helvetica, Arial, sans-serif;
								font-size:9px;
								}
						.textHidden {
								visibility:hidden;
								width:470px;
								float:left;
								color:#333333;
								font-family:Helvetica, Arial, sans-serif;
								font-size:9px;
								}
						/*-----------------------------------------------------------------------------------------------
							STEPS Content Container Styles
						-----------------------------------------------------------------------------------------------*/
						#step1ContContainer {
								background: url(/layout/img/bg_bodyCont.gif);
								display:block;
								position:relative;
								float: left;
								min-height:860px;
								
								height: auto;
								}
								#step1ContContainerBG
								{
								    width: 100%;
								    float: left;
								    position:relative;
								    height: auto;
								    background: url(/layout/img/bg_bodyCont_BG.gif) repeat-y 0 0;
								    }
								#step1ContContainer 
								{
								    width: 100%;
								    float: left;
								    position:relative;
								   /* background-color: Black;*/
								    height: auto;
								    background: url(/layout/img/bg_bodyCont_Top.gif) no-repeat 0 0;
								    }
								    
								#step1ContContainerBtm 
								{
								    width: 100%;
								    float: left;
								    position:relative;
								    height: 18px;
								    background: url(/layout/img/bg_bodyCont_Btm.gif) no-repeat 0 0;
								    /*background-position: top left;*/
								    }
								    
								#bgBodyForm {
										background:url(/locati/layout/img/bg_bodyForm.gif) no-repeat 0 0;
										width: 536px;
										height: 634px;
										padding:30px 10px 10px 10px;
										}
						
								.formName {
										font-family:Helvetica, Arial,  sans-serif;
										font-size:.8em;
										font-weight:bold;
										color: RGB(93,36,67);
										}
						
								.formDesc {
										background:RGB(150,147,140);
										margin:2px 0px 3px 0px;	
										padding:0px 10px 0px 0px;
										height:20px;
										width:219px;
										border:hidden;
										font-family:Helvetica, Arial,  sans-serif;
										font-size:.8em;
										color: RGB(30,30,30);
										text-align: left;
										}
								.formDesc:hover {
										background:RGB(160,157,150);
										}
								.formLeftColmn {
										display:block;
										position:relative;
										width:250px;
										float:left;}
								.formRightColmn	{
										display:block;
										position:relative;
										width:250px;
										float:left;
										}
						/*-----------------------------------------------------------------------------------------------
							STEPS Content Container Styles
						-----------------------------------------------------------------------------------------------*/			
						        #step1Box 
						        {
						    	        width:540px;
										height:auto;
										position: relative;
								}
								.step1Frame_top {
										background:url(/layout/img/FM_st_hr.gif);
										background-repeat: no-repeat;
										width:540px;
										height: 14px;
										position: relative;
										}
								.step1Frame_content {
										background:url(/layout/img/FM_st_co.gif);
										width:540px;
										/*min-height: 300px;*/
										height: auto;
										position: relative;
										float: left;
										}
								.step1Frame_bottom {
										background:url(/layout/img/FM_st_ft.gif);
										background-repeat: no-repeat;
										width:540px;
										height:16px;
										position: relative;
										float: left;
										}
										/*-----------------------------------------------------------------------------------------------
										  TIME LINE Content Container Styles
											-----------------------------------------------------------------------------------------------*/	
										.timeLine_0 {
												background:url(/layout/img/TL_00.gif) no-repeat 0px 0px;
												width:500px;
												height:33px;
												padding-left:60px;
												}
										.timeLine_1 {
												background:url(/layout/img/TL_01.gif) no-repeat 0px 0px;
												width:500px;
												height:33px;
												padding-left:60px;
												}											
										.timeLine_2 {
												background:url(/layout/img/TL_02.gif) no-repeat 0px 0px;
												width:500px;
												height:33px;
												padding-left:60px;
												}
										.timeLine_3 {
												background:url(/layout/img/TL_03.gif) no-repeat 0px 0px;
												width:500px;
												height:33px;
												padding-left:60px;
												}											
												.BTN_line_tra {
														width: 108px;
														height: 33px;
														float: left;
														}

										/*-----------------------------------------------------------------------------------------------
										  SUP FRAMES Content Container Styles
											-----------------------------------------------------------------------------------------------*/											
										
										.frText {
												font-family: Helvetica, Arial, Verdana, sans-serif;
												color: RGB(53,23,40);
												}
                                        .position11 {
												margin:0px 5px 0px 0px;
												width: auto;
												height: auto;
												float: left;
												position: relative;	
												}
										/* help class */
										.position10 {
												padding:0px 5px 0px 15px;
												width: auto;
												height: auto;
												float: left;
												position: relative;	
												}
										/* help class */		
										.searchAbility {
												width: 510px;
												}
										/* */		
										.fr_hd{
												background:url(/layout/img/FM_fr_hr.gif);
												width: 510px;
												height: 34px;
												font-size:1px;	
												float:left;
												position: relative;
												clear: left;
												float: left;
												}
										.fr_co
										{
										   /* background: url(/layout/img/FM_fr_co_BG.gif) top left repeat-y;*/
												width: 470px;
												min-height: 300px;
												/*height: 1200px;float: left;*/
												height: auto;
												float:left;
												clear: left;
												padding-left: 40px;
												position: relative;	
												background: url(/layout/img/FM_fr_co_new.jpg) bottom left no-repeat;
												}
												
										.fr_co_BG
										{
										    width: 490px;
										    min-height: 300px;
										    height: auto;
										    float: left;
										    position: relative;
										    
										    background: url(/layout/img/FM_fr_co_BG.gif) top left repeat-y;
										    
										}
												.frContent 
												{
												    width: 450px;
												    float:left;
												    position: relative;
												    height: auto;
														/*margin: 0px 40px 0px 40px;*/
														color: RGB(53,23,40);
														}
														.frContentBG
														{
														    
														    width: 430px;
														    height: auto;
														    position: relative;
														     
														    /*background: url(/layout/img/FM_fr_co.gif) bottom no-repeat; */
														    }
										.fr_ft{
												background:url(/layout/img/FM_fr_ft.gif);
												width: 510px;
												height: 40px;
												font-size:1px;
												float: left;
												position: relative;
												}
												
						/* text container definition */								
						.BTN_thinyTxt {
								font-family:Helvetica, Arial, Verdana, sans-serif;
								color: RGB(53,23,40);
								width: 64px;
								height: 20px;
								display: block;
								padding: 7px 0px;	
								text-align: center;
								margin: 0px;
								}
						.BTN_thinyDate {
								font-family: Helvetica, Arial, Verdana, sans-serif;
								color: RGB(221,220,206);
								width: 54px;
								height: 20px;
								display: block;
								text-align: left;
								margin: 0px;
								}
						.BTN_thinyBook {
								font-family: Helvetica, Arial, Verdana, sans-serif;
								color: RGB(231,231,213);
								width: 54px;
								height: 20px;
								display: block;
								padding: 7px 0px;	
								text-align: center;
								margin: 0px;
								}				
						/* BTN container definition */		
						.BTN_Complete {
								background: url(/layout/img/BTN_RND_basic.gif) no-repeat 0px 0px;
								width: 74px;
								height: 32px;
								margin: 5px;
								float: left;
								}
						.BTN_Zoom {
								background: url(/layout/img/BTN_view.gif) no-repeat 0px 0px;
								width: 63px;
								height: 30px;
								/*margin: 5px*/
								float: left;
								}
						.BTN_Zoom:hover {
								background:url(/layout/img/BTN_view.gif) no-repeat 0px -30px;
								}
								
						.BTN_Zoom a
							{
							    width: 74px;
							    height: 30px;
							     display: block;
							}
											
						.BTN_Gray {
								background:url(/layout/img/BTN_book.gif) no-repeat 0px 0px;
								width: 74px;
								height: 30px;
								/*margin: 5px;*/
								float: left;
								}
						.BTN_Gray:hover
						{
						    background:url(/layout/img/BTN_book.gif) no-repeat 0px -30px;
						}		
							.BTN_Gray a
							{
							    width: 74px;
							    height: 30px;
							    display: block;
							}
								
						/*-----------------------------------------------------------------------------------------------
						  STEP 1 Content Container Styles
						-----------------------------------------------------------------------------------------------*/
						.frSelectContainer {
								height: 20px;
								width: 490px;
								margin: 0px 25px;
								position:relative;
								float: left;
								clear:left;
								}
								.frSelector 
										{
										width:200px;
										float: left;
										height: 50px;
										margin: 0px 0px 0px 0px;	
										display: block;
										font-family: Helvetica, Arial, Verdana, sans-serif;
								color: #fff;
								font-size: 11px;
										}
								.frSearch {
										float: right;
										margin-right: 20px;
										clear:left;
										position:relative;
										}
						/*-----------------------------------------------------------------------------------------------
						  STEP 2 Content Container Styles
						-----------------------------------------------------------------------------------------------*/											
						/* help class */
						.position20 {
								padding: 30px 5px 0px 15px;
								}
						.defContainer {
								background:url(/layout/img/FR_checkDef.gif);
								width: 386px;
								height: 20px;
								margin: 0px 2px 4px 50px;
								}
								.defContainer:hover {
								background:url(/layout/img/FR_checkDef_over.gif);
								width: 386px;
								height: 20px;
								margin: 0px 2px 4px 50px;
								}
								.timeDef {
										font-family:Helvetica, Arial, Verdana, sans-serif;
										color: RGB(53,23,40);
										font-size:.8em;
										width: 320px;
										height: 20px;
										display: block;
										padding: 3px 0px 0px 10px;	
										text-align: justify;
										margin: 0px;
										float:left;
										}
								.checkDef {
										margin-right: 0px;	
										width: 30px;
										height: 20px;
										float: right;
										}
						/*-----------------------------------------------------------------------------------------------
						  STEP 3 Content Container Styles
						-----------------------------------------------------------------------------------------------*/										
						/* help class */
						.position30 {
								padding: 30px 5px 0px 15px;
								}
						.confirmContainer {
								
								width: 380px;
								margin: 5px 10px 20px 30px;
								}
								.confirmText {
										font-family: Helvetica, Arial, sans-serif;
										color:RGB(53,23,40);
										font-size:.8em;
										height: 20px;
										width: 150px;
										margin-left: 30px;
										float: left;
										}
								.confirmHead {
										font-family: Helvetica, Arial, sans-serif;
										color:RGB(140,139,129);
										font-size:1em;								
										height: 20px;
										width: auto;
										margin-left: 60px;
										clear: both;
										}										
										
.bookingError
{
	padding: 40px 0px 20px 40px;
	font-family: Helvetica, Arial, sans-serif;
	color:RGB(140,139,129);
}
						
/*-----------------------------------------------------------------------------------------------
  LEGAL Content Container Styles Separate style for each page
-----------------------------------------------------------------------------------------------*/
		#termContContainer {
				background-image: url(/layout/img/bg_bodyCont.gif);
				background-position: top;
				background-repeat:no-repeat;
				min-height:4350px;
				width: 830px;
				}
		
		
/*-----------------------------------------------------------------------------------------------
  NEW Kat Styles
-----------------------------------------------------------------------------------------------*/

#quote {
	text-align: left;
	line-height: 1.2em;
	width: 220px;
	margin: 10px 0;
	font-size: 14px;
	
}

.imgLocation {
	margin: 0 0 20px 0;}

.asterix {
	color: #c7adba;
	line-height: 1em;
	
}

	.homeFeature {
				display:block;
				position:relative;
				padding: 0 0 0 10px;
				 
				}
				.homeFeature H2 {
						color:RGB(190,161,175);
						font-style:normal;
						}
				.homeFeature p {
						color:RGB(230,230,212);
						line-height:1.2em;
						}
						
				.homeFeatureImg {
					/*	padding: 0px auto 0px auto; */
						margin: 10px auto 0 auto;
						}
	
.readmore {
	height: 10px;
	width: 72px;
	overflow:hidden;
	text-indent: -9999px;	
}
						
.readmore a{
	background: url(/layout/img/BTN_readmore.gif) no-repeat 0 0;
	height: 10px;
	width: 72px;
	display: block;
	}
	
.readmore a:hover{
	background: url(/layout/img/BTN_readmore.gif) no-repeat 0 -10px;
}

.readmoreNews {
	height: 10px;
	width: 72px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;	
	margin-left: 0px;
}
						
.readmoreNews a{
	background: url(/layout/img/BTN_readmore.gif) no-repeat 0 0;
	height: 10px;
	width: 72px;
	display: block;
	overflow:hidden;
	}
	
.readmoreNews a:hover{
	background: url(/layout/img/BTN_readmore.gif) no-repeat 0 -10px;
}

.successstories {
	height: 20px;
	width: 136px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;	
}
						
.successstories a{
	background: url(/layout/img/BTN_stories.gif) no-repeat 0 0;
	height: 10px;
	width: 136px;
	display: block;
	overflow:hidden;
	}
	
.successstories a:hover{
	background: url(/layout/img/BTN_stories.gif) no-repeat 0 -10px;
}


.backtoNews {
	height: 20px;
	width: 95px;
	overflow:hidden;
	display:block;
	text-indent: -9999px;
	}
							
	.backtoNews a{
		background: url(/layout/img/BTN_backtonews.gif) no-repeat 0 0;
		height: 10px;
		width: 95px;
		display: block;
		overflow:hidden;
		}
	
		.backtoNews a:hover{
			background: url(/layout/img/BTN_backtonews.gif) no-repeat 0 -10px;
		}
		
.backtoWhatwedo {
	height: 20px;
	width: 139px;
	overflow:hidden;
	display:block;
	text-indent: -9999px;
	
	}
							
	.backtoWhatwedo a{
		background: url(/layout/img/BTN_backtoWhatwedo.gif) no-repeat 0 0;
		height: 10px;
		width: 139px;
		display: block;
		overflow:hidden;
		}
	
		.backtoWhatwedo a:hover{
			background: url(/layout/img/BTN_backtoWhatwedo.gif) no-repeat 0 -10px;
		}
		
.backtoMedia {
	height: 20px;
	width: 97px;
	overflow:hidden;
	display:block;
	text-indent: -9999px;
	
	}
	/* ---------------- BTN Media . Release . Article behaviour --------------- */						
	.backtoMedia a{
		background: url(/layout/img/BTN_backtoMedia.gif) no-repeat 0 0;
		height: 10px;
		width: 97px;
		display: block;
		overflow:hidden;
		}
	
		.backtoMedia a:hover{
			background: url(/layout/img/BTN_backtoMedia.gif) no-repeat 0 -10px;
		}


.smallText {
	font-size: 11px;
}

#homeFeatureContainer {
background:url(/layout/img/IMG_Home_Feature_Top.gif) no-repeat 0 0; height: 257px; margin: 20px 0 0 0;padding-top: 10px;
	}
	
	#homeFeatureContainer_Btm {
background:url(/layout/img/IMG_Home_Feature_Btm.gif) no-repeat 0 0; height: 9px; margin: 0;padding: 0px;
	}
	
#wwdFeatureContainer {
background:url(/layout/img/IMG_Home_Feature_Top.gif) no-repeat 0 0; height: 215px; margin: 20px 0 0 0;padding-top: 10px;
	}
	
	#wwdFeatureContainer_Long {
background:url(/layout/img/IMG_Home_Feature_Top.gif) no-repeat 0 0; height: 620px; margin: 20px 0 0 0;padding: 10px 20px;
	}
	
	#wwdFeatureContainer_Btm {
background:url(/layout/img/IMG_Home_Feature_Btm.gif) no-repeat 0 0; height: 9px; margin: 0;padding: 0px;
	}

.times {
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0;
	padding: 0;
}

.contentImg {
display:block;
position:relative;
float: left;
margin:0px 10px 10px 0;
padding: 0;
}





/* booking headers */
           
#bookingContainer 
{
width: 400px;
height: auto;
position: relative;
/*float: left;*/
    }
    
#bookingHeaders
{
display: block;
width: 430px;
height: auto;
position: relative;
/*float: left;
border: 1px solid #222; */  
text-transform: uppercase; 
margin: 0px;
padding: 0px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left;                   
}

#bookingHeaders LI
{
list-style: none;
float: left;
position: relative;
color: #5f5158;
height: 18px;

}
#bookingHeaders .day
{
width: 80px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left; 
}
#bookingHeaders .date
{
width: 80px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left; 
}
#bookingHeaders  .time
{
width: 260px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left; 
}
#bookingHeaders  .view
{
width: 74px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left; 
}
#bookingHeaders  .type
{
width: 44px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
background-position: bottom left; 
}


/* booking hlistings */

.bookingList
{
width: 450px;
height: auto;
position: relative;
float:left;
text-transform: uppercase; 
margin: 0px;
padding: 0px;     
/*clear: left; */           
}

.bookingList p
{
	color:RGB(169,56,114);
}

.bookingList LI
{
width: 450px;
list-style: none;
position: relative;
float: left;
color: #5f5158;
height: auto;
   
}

.bookingList UL 
{
margin: 0px;
padding: 0px;
float:left;
position:relative;

}
.bookingList UL LI
{
float: left;
height: auto;

}
.bookingList .day
{
width: 80px;
padding: 8px 0px 0px 0px;
}
.bookingList .date
{
width: 80px;
padding: 8px 0px 0px 0px;
}
.bookingList  .time
{
width: 118px;
padding: 8px 0px 0px 0px;
}
.bookingList  .view
{
width: 78px;
}
.bookingList  .type
{
width: 82px;
padding: 5px 0px 0px 0px;
}
.bookingList  .btm
{
    
    height: 3px;
    width: 430px;
background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
float: left;
position:relative;
}

/* booking datalist style */
.dList 
{
    margin: 20px 0px 0px 0px;
    
    }
  
.data 
{
height: 48px;
margin: 0px;
float: left; 
position: relative;
font-size:.8em;
font-family: Arial, Helvetica, sans-serif;

}
.item 
{
  padding: 0px;
  color:#5f5158;
 height: 48px;
  width: 425px;
  position: relative;
 
  background: url(/layout/img/btmBookingListBrdr.gif) repeat-x bottom left;
}   


/* form styles */

	input.text
	{

		border: none;
	}


		#bgBodyForm {
				background:url(/locati/layout/img/bg_bodyForm.gif) no-repeat 0 0;
				width: 536px;
				padding:35px 10px 10px 35px;
				float: left;
				position: relative;
				min-height: 200px;
				height: auto;
				
				}

		.formName {
				font-family:Helvetica, Arial,  sans-serif;
				font-size:0.8em;
				font-weight:bold;
				color: RGB(93,36,67);
				}

		.formDesc {
				border:0px;
				border:none;
				margin:2px 0px 3px 0px;	
				height:16px;
				width:203px;
				border:hidden;
				padding: 1px 3px 3px 3px;
				font-family:Helvetica, Arial,  sans-serif;
				font-size:.9em;
				color: RGB(93,36,67);
				}
		.formMulti {
				border:0px;
				border:none;
				margin:2px 0px 3px 0px;	
				width:219px;
				border:hidden;
				padding-top: 5px;
				font-family:Helvetica, Arial,  sans-serif;
				font-size:.9em;
				color: RGB(93,36,67);
				}	
		.formDesc:hover {
				
				}
		#formBlock {
				display:block;
				height:350px;
				width:500px;
				display:block;
				position:relative;
				margin: 0px 0px 20px 0px;}				
				.formLeftColmn {
						display:block;
						position:relative;
						width:250px;
						float:left;}
				.formRightColmn	{
						display:block;
						position:relative;
						width:250px;
						float:left;
						}
				.textRow {
						width:470px;
						float:left;
						color:#333333;
						font-family:Helvetica, Arial, sans-serif;
						font-size:9px;
						}
				.textRow2 {
						width:470px;
						float:left;
						color:#333333;
						font-family:Helvetica, Arial, sans-serif;
						}
						.formText {
								margin:2px 0px 3px 0px;	
								padding:0px 10px 0px 0px;
								height: 20px;
								width: 219px;
								border:hidden;
								font-family:Helvetica, Arial,  sans-serif;
								font-size:.8em;
								color: RGB(30,30,30);
								text-align: left;
								}
						.formTextMulti {
								margin:2px 0px 3px 0px;	
								padding:0px 10px 0px 0px;
								width: 219px;
								border:hidden;
								font-family:Helvetica, Arial,  sans-serif;
								font-size:.8em;
								color: RGB(30,30,30);
								text-align: left;
							}
								.sendBTN {
										padding:100px 0px 10px 120px;}
								.BTN_Send {
										position:relative;
										display:block;
										}

								#sendForm {
										padding: 0;
										margin: 0 2px 0 0;
										display: block;
										position:relative;
										width: 99px;
										height: 35px;
										float: left;
										text-indent: -9999px;
										}
								#sendForm a { background:url(/layout/img/BTN_Send.gif) 0 0 no-repeat 99px;}
								#sendForm a:hover {background-position:-99px 0}
		
		.formCenter {
				width:470px;
				display:block;
				position:relative;
				clear:both;
				margin: 0px 0px 0px 0px;
				}
				.formCenter .mediaContent ul {
						padding:0px 0px 0px 0px;
						margin:0px 0px 0px 0px;
						list-style: circle url(/layout/img/BTN_dot.gif);
						font-size:9px;
						}
						ul, li
						{
							padding:0px 0px 0px 0px;
							margin:0px 0px 0px 0px;
						}
	.send
	{
		background:url(/layout/img/BTN_Send_On.gif) no-repeat;
		width:97px;
		height:43px;
		border:0;
		cursor:pointer;
	}
	
	
	/* form styles */
	
	   .formTop 
      {  
          
          background:url(/layout/img/formTop.gif) no-repeat 0 0;
          width: 536px;
          height: 33px;
          position: relative;
          float: left;
          
          
          }
      .formContent
      {
           position: relative;
          float: left;
          min-height: 300px;
          height: auto;
         width: 500px;
          background:url(/layout/img/formBGFade.jpg) no-repeat bottom left;
          padding: 0px 0px 0px 20px;
          
          }
      .formBtm 
      {
           background:url(/layout/img/formBtm.gif) no-repeat 0 0;
          width: 536px;
          height: 46px;
          position: relative;
          float: left;
          clear: left;
          
          }
          .formBG
      {
             background:url(/layout/img/formBG.gif) repeat-y 0 0;
          width: 536px;
          min-height: 300px;
          height: auto;
          position: relative;
          float: left;
          }
         .formContainer 
         {
              width: 536px;
              min-height: 500px;
              height: auto;
              position: relative;
              float: left;
             }
             
             
             .BookBtn 
             {
                 background-image: url(/layout/img/BTN_book_session.gif) no-repeat 0 0;
                 width: 225px;
                 height: 70px;
                 position: relative;
                 display: block;
                 }
                 
            .BookBtn:hover
             {
                 background-image: url(/layout/img/BTN_book_session.gif) no-repeat -70px 0;
                  
                 }
                 
		.error
		{
			color: #ff0000;
			font-size: 12px;
			padding-left: 40px;
			font-family: Arial, verdana, Georgias;
		}
		.mandatoryText
		{
			font-family: Arial, Verdana, Georgia;
			font-size: 10px;
			color: #411c31;
		}
		.helpText
		{
			font-family: Arial, Verdana, Georgia;
			font-size: 10px;
			color: #411c31;
		}
		.quote {font-family: Arial, Helvetica, sans-serif;padding-bottom:10px;color:#993368;}
		.quote span {display:block;font-size:11px;font-style:italic;}