/* ========================================================

   TEMPLATE LAYOUT STYLES
   
   Adjust the basic layout according to the page template 
   specified in the body class
   */


/* TEMPLATE 1: Local navigation, main content and supporting content */
body.template-1 #main-content{
  	width: 353px;
  	margin-right: 19px;
  	margin-left: 186px;
}

body.template-3 #main-content2{
  	margin-left: 10px;
  	margin-top: 10px;
  	margin-right: 10px;
}

body.template-1 #local-navigation{  
  	margin-left:-744px
}
/* TEMPLATE 2: Local navigation and main content, no supporting content */
body.template-2 #main-content{	
  	width: 558px;
  	margin-left: 186px;
}
body.template-2 #local-navigation{
  	margin-left:-744px
}
body.template-2 #supporting-content{
  	position: absolute;
	left: -999px;
}
/* TEMPLATE 3: Local navigation and main content, no supporting content, right margin */
body.template-3 #main-content{	
  	width: 537px;
  	margin-left: 186px;
}
body.template-3 #local-navigation{
  	margin-left:-723px
}
body.template-3 #supporting-content{
  	position: absolute;
	left: -999px;
}
/* TEMPLATE 4: Main and supporting content, no local navigation */
body.template-4 #main-content{	
   	width: 520px;
   	margin-right: 19px;
   	margin-left: 19px;
}
body.template-4 #local-navigation{
  	position: absolute;
	left: -999px;
}
/* TEMPLATE 5: Main content (no margins), no supporting content or local navigation */
body.template-5 #main-content{	
   	width: 744px;
}
body.template-5 #supporting-content,
body.template-5 #local-navigation{
  	position: absolute;
	left: -999px;
}
/* TEMPLATE 6: Main content, no supporting content or local navigation */
body.template-6 #main-content{	
   	width: 706px;
   	margin-left: 19px;
   	margin-right: 19px;
}
body.template-6 #supporting-content,
body.template-6 #local-navigation{
  	position: absolute;
	left: -999px;
}
/* TEMPLATE 7, 8 & 9: Microsite */
body.template-7 #main-content,
body.template-8 #main-content{	
   	width: 744px;
   	background:  url(../../../images/tfl/online/panel-shadow.gif) repeat-x;
   	margin:0;
   	padding-top: 19px 
}
body.template-8 #main-content{
   	width: 706px;
   	padding-left: 19px;
   	padding-right: 19px;
}
/*
body.template-7 #supporting-content,
body.template-7 #local-navigation,
body.template-7 #corporate-links .linklist,
body.template-8 #supporting-content,
body.template-8 #local-navigation,
body.template-8 #corporate-links .linklist,
body.template-9 #supporting-content,
body.template-9 #local-navigation,
body.template-9 #corporate-links .linklist,{
  	position: absolute;
	left: -999px;
}
*/
body.template-7 #branding,
body.template-8 #branding,
body.template-9 #branding{
  	background:  url(../images/logo-small.gif) no-repeat;
  	padding-top: 0;
 	 height: 50px;
  	margin-bottom: 0;
} 
body.template-7 #branding p,
body.template-8 #branding p,
body.template-9 #branding p{
  	position: absolute;
  	left: -999px;
} 
body.template-9{
	background-image: none;
}
body.template-9 #main-content{
   	width: auto;
   	background:  url(../../../images/tfl/online/panel-shadow.gif) repeat-x;
   	margin:0;
	padding-left: 19px;
	padding-right: 19px;
   	padding-top: 19px ;
}
body.template-9 #container{
   	width: auto;
}

#microsite-tools{
  	text-align: right;
  	padding-top: 15px;
}
body.template-9 #microsite-tools{
  	width: 100%;
	margin-left: 0;
}
#microsite-tools a{
  	margin-right: 19px;
}