/* CSS Document : Screen */


/* ================ PAGE ELEMENTS ================= */
body, html.td 	{margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvitica, sans-serif; color: #333; font-size: 0.7em;} /* Arial, font-size: 0.9em; */
body 	{background: #F6F6F6; margin-top:5px; /* drop the page by 5px. Pale grey background. #eeeeee */}
img 	{border-style: none;}
h1		{font-size: 1.3em; color: #003C71; font-weight: 600; font-family:  Arial, Verdana, Helvitica, sans-serif;}
h2		{font-size: 1.25em; color: #336699; font-weight: 600; font-family:  Verdana, Helvitica, sans-serif;}
h3		{font-size: 1.0em; color: #003C71; font-weight: 600; font-family:  Verdana,Arial, Helvitica, sans-serif;}
h4		{font-size: 1em; color: #003C71; font-weight: 600;  margin-top: 0.8em; margin-bottom: 0.75em;}
code 	{font-size: 1.0em;}

/* ===================== TABLE ======================== */
table.genericTable 				{border: 1px solid #326496; font-size: 1em; margin: 0 0 20px 0;} /* border-collapse: collapse; ced2e3*/
table.genericTable th 			{color: #000; background-color: #ccc; font-size: 0.9em; text-align: left; font-weight:bold;} /* C5C4BB 007BC6  007EC5 */
table.genericTable td			{padding: 4px 5px 4px 10px; }
table.genericTable td.noBorder	{border: 0px; }

table.genericTable a 			{color: #003366;}
table.genericTable a:hover 		{color: #9aa3cc;}
table.genericTable img.fileIcon {margin: 0 5px 0 0;}
/*
 table.specs, td {border: 1px solid red; border-collapse: collapse; } 
 td.specs {border-style: solid; border-right: 1px solid black; } 
*/

#tableDraftImage {background-image: url('../images/backgrounds/draft.gif'); background-repeat: no-repeat;  background-position:center; } /* background-attachment:fixed; - this makes it move with the page! */
.darkgreytablerow	{ font-family: arial, helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #808080; }
.bluerow	{background-color: #007EC5; } /* blue colour */
.downloadsrow	{background-color: #214F37; color: #fff;}
.resourcerow	{background-color: #1B4E4E; color: #fff; }
.totalrow	{background-color: #ffffff; border-top: 2px solid #ced2e3; font-weight: bold; color: #000000;}
.tablerow	{font-size: 11px; color: #555555; background-color: #FFFFFF; }


/* ================ FORM STYLE ==================== */
.formBox	{padding: 3em; border: 1px solid #99C2DE; padding-top: 0px;} 
.genericform {border: 1px solid #BCD3DE; /* E8F0FB 99C2DE; */ margin: 0px; /* width: 100%; */ margin-bottom: 2em; padding: 10px 2px; padding-left:2em;}  /* E8F0FB  E66924 */
form .formheading	{/* font-weight: 300; */ font-size: 1.3em;	padding-bottom: 0.5em; margin-bottom:0em;	font-weight:700;}  
form tr.first td {padding-top: 10px;}	
form tr.nonfirst td	{padding-bottom: 5px; /* border: 1px solid green; */}
form input 	{border: 1px solid #ccc; line-height: 1.2em; padding: 2px 0 2px 4px;}
form label	{font-weight: 600;}
form .labelRight	{text-align:right;	width: 250px;}
form .textBox	{width: 210px; /* 75px;*/ color: #333333; background-color: #E8F0FB;}
form .selectBox	{color: #333333; background-color: #E8F0FB; }	
form .radioBtn {width: auto; border: 0;}	
form .checkBox {width: auto; border: 0;}	
form  textarea 	{line-height: 1.2em; padding: 2px 0 2px 4px; width: 290px; height: 60px; background-color: #E8F0FB;}
.btn {background-color: #003c71; border-top: 1px solid #6c90af; border-right: 1px solid #00284a; border-bottom: 1px solid #00284a; border-left: 1px solid #366892;  
	font-size: 90%; font-weight: bold; color: #FFFFFF; padding: 2px 0 2px 0; width: 150px;}


/* ================== FAVOURITES BUTTON ===================== */
form#favourite  { margin: 0px; padding: 0px;; width: 100%; margin-bottom: 12px; border: 0px }
#favourite .btn {background-color: #003c71; border-top: 1px solid #6c90af; border-right: 1px solid #00284a; border-bottom: 1px solid #00284a; border-left: 1px solid #366892;  
				font-size: 90%; font-weight: bold; color: #FFFFFF; padding: 5px 0 2px 0; width: 148px; margin-top: 0.3em;}	
  
/* =============== LOGIN ==================== */
#login form {margin: 5px 0px; border: 0px ; }
#login  form input 	{border: 1px solid #ccc; line-height: 1.1em; padding: 0px 0 2px 4px; width: 120px; margin: 2px 0px;}
#login .btn {background-color: #003c71; border-top: 1px solid #6c90af; border-right: 1px solid #00284a; border-bottom: 1px solid #00284a; border-left: 1px solid #366892;  
			font-size: 90%; font-weight: bold; color: #FFFFFF; padding: 2px 0 2px 0; width: 100px; margin-bottom: 2px; margin-top: 5px; width: 90px;}

/* =============== GENERIC ELEMENTS ============ */
.skiplinks	{/*visibility: hidden; This maintains an empty space at the top whilst the display:none  doesn't */display:none;}
.clear	{clear: both;}
.error	{background:#fcc;}
.msg	{color: red;}
.linkSpacing	{line-height: 1.5em;}
.headingUnderline	{border-bottom: 1px solid #99C2DE;} /* E8F0FB 007EC5 */
.smallText 	{font-size: 0.9em;}
.smallText1 	{font-size: 0.8em;}
.centreElement {text-align: center;}
.lineSeparator	{width: 75%; color: #007EC5; margin : 2em 6em; height: 1px;}
.textRight	{padding-right: 2em; text-align: right;}
/* #printButton {clear: both;  padding: 5px 0 0px 165px;   font-size: 0.7em;}  */
.paleBlue	{color: #99C2DE;}
.skyBlue	{background-color: #C0D8EE;}
.midBlue	{color: #007EC5;	}
.whiteText{color: white; }
.midBlueRow	{background-color:  #007EC5;  color: #ffffff; font-weight: bold;}
.veryLightGreyRow	{background-color: #F0F0F0;} /* #F7F7F7 E9E9E9*/
.lightGreyRow	{background-color: #E6E6E6;}
.midGreyRow	{background-color: #aaaaaa;}
.greyRow	{background-color: #808080; color: #ffffff; font-weight: bold;}
.listTitle	{color: #336699; font-weight: bold;}
.listPlain {list-style: none; }
.negativeNumber	{color: #cc0000;}
.compPriceDataMove {width:50px; border: 1px solid #000000;  margin-bottom: 0.3em; background-color: #e8f0fb; }
#errorMsg	{margin: 1em 0;	border-top: 1px solid #ccc;	padding-left: 1em;}
.msgBody h1	{font-size: 1.4em; color: red;}
.txtMsg		{font-size: 1em;	padding: 1em 0px;}

/* ===================== HEADER =======================*/
#header 	{width: 960px; height: 60px; padding: 0px 15px 0px 15px; margin: 0px; overflow: auto; background-color:#fff; }
#header #logo	{width:	200px; height: 55px; float: left; border: 0px solid #000000; padding-top: 5px;}
#header img.logo	{float:left; padding:0px 0px 0px 0px;}
#header p#strapline	{float:right; color: #E66924; font-style: italic; font-weight: bold; font-size: 1.1em; padding: 17px 20px 0px 25px; margin: 1px 0px;}
#header #londonClock	{/* color: #333; */ font-weight: normal; font-size: 0.9em; margin-left: 400px; margin-top: 40px;}


/* ===================== TOP NAVIGATION =================== */
#topNavigation {clear: both; padding: 5px 10px 2px 4px; margin: 0; list-style: none; font-size: 1em; font-family: Arial, Helvitica, sans-serif; }
#topNavigation ul {padding: 0px 0px 0px 0px; margin: 0px; float: left;}
#topNavigation li	{float:left; list-style: none; margin: 0px; padding: 0px; }
#topNavigation li a:link {color: white;}
#topNavigation li a:visited {color: white;} /* */
#topBar {background-color: #c5c4bb; border-bottom: 1px solid #838172; height: 4px; margin: 0px 5px;}

/* ===================== MENU TABS ==================== */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */
.menutab	{margin-bottom: 1em; font: bold 1.0em Arial; padding-top: 4px;}
.menutab ul	{padding: 3px 19px 2px 5px; margin-left: 0; margin-top: 1px; margin-bottom: 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/
			border-bottom: 1px solid #929492; position: relative; top: 1px; padding-top: 4px;}
.menutab li.bb	{display: inline; margin: 0; position: relative; top: 1px; padding-top: 4px;}
.menutab li.bb a{text-decoration: none; padding: 3px 15px 2px 5px; margin: 0; margin-right: 1px; /*distance between each tab*/ border-left: 1px solid #DDD;
				color: black; /* font-size: 13px; */ font: bold 1.0em Arial; background: #007EC5 url(../images/tabs/tabright.gif) top right no-repeat;
				position: relative; top: 1px; padding-top: 4px;} /*background: #007EC5*/
.menutab  li.bb a:visited{color: black; padding-top: 4px;}
.menutab  li.bb a:hover	{background-color: #909090;/*CDDADA*/ color: navy; position: relative; top: 1px; padding-top: 4px;}
.menutab li.bb.selected a{ /*selected tab effect*/ background-color: #808080; /* C5C4BB */ color: black; position: relative; top: 1px; padding-top: 4px;}
/*.menutabGO li a{text-decoration: none; padding: 3px 15px 2px 5px; margin: 0; margin-right: 1px; distance between each tab border-left: 1px solid #DDD;
				color: black;  font-size: 13px;  font: bold 1.0em Arial; background: #F54B00 url(../images/tabs/tabright.gif) top right no-repeat;
				position: relative; top: 1px; padding-top: 4px;}*/
	/*CP*/			
/*.menutab li bbb{text-decoration: none; padding: 3px 15px 2px 5px; margin: 0; margin-right: 1px; distance between each tab border-left: 1px solid #DDD;
				color: black;  font-size: 13px;  font: bold 1.0em Arial; background: #F54B00 url(../images/tabs/tabright.gif) top right no-repeat;
				position: relative; top: 1px; padding-top: 4px;} */	
				
				
/*li.bbb	{display: inline; margin: 0; position: relative; top: 1px; padding-top: 4px;}
.bbb a {text-decoration: none; padding: 3px 15px 2px 5px; margin: 0; margin-right: 1px; /*distance between each tab*/ /*border-left: 1px /*solid #DDD;
				color: black; /* font-size: 13px; */ /*font: bold 1.0em Arial; background: #F54B00 url(../images/tabs/tabright.gif) top /*right no-repeat;
				position: relative; top: 1px; padding-top: 4px;}
.bbb a.:visited{color: black; padding-top: 4px;} 
.bbb a:hover	{background-color: #909090 ;/*CDDADA*/ /*color: navy; position: relative; top: 1px; padding-top: 4px;}
/*.bbb a.selected a{ /*selected tab effect*/ /*background-color: #808080; /* C5C4BB */ /*color: black; position: relative; top: 1px; /*padding-top: 4px;}
*/

.menutab li.cc	{display: inline; margin: 0; position: relative; top: 1px; padding-top: 4px;}
.menutab li.cc a{text-decoration: none; padding: 3px 15px 2px 5px; margin: 0; margin-right: 1px; /*distance between each tab*/ border-left: 1px solid #DDD;
				color: black; /* font-size: 13px; */ font: bold 1.0em Arial; background: #F54B00 url(../images/tabs/tabright.gif) top right no-repeat;
				position: relative; top: 1px; padding-top: 4px;} /*background: #007EC5*/
.menutab  li.cc a:visited{color: black; padding-top: 4px;}
.menutab  li.cc a:hover	{background-color: #909090;/*CDDADA*/ color: navy; position: relative; top: 1px; padding-top: 4px;}
.menutab li.cc.selected a{ /*selected tab effect*/ background-color: #808080; /* C5C4BB */ color: black; position: relative; top: 1px; padding-top: 4px;}				
				
/* ============= PAGE LAYOUT ================ */
#leftCol {width: 180px;  /*170px */ padding-top: 5px; float: left;  /* added for new tab 9 jan2009 */ clear: both;} 
#rightCol	{width: 150px;  font-size: 1em; margin-top: 5px; margin-left: 0px; margin-right: 5px; float: right; padding-top: 0px;} 
#content	{width: 640px; padding: 0px; float: left; margin: 0px 0px 0px 0px; padding-left: 0px;  /* 10px */ padding-right: 5px; line-height: 1.3em; padding-top: 5px; padding-bottom: 1em;} 
#homeContent	{width: 800px;  /* 625px */ padding: 0px; float: left; margin: 0px 0px 0px 0px; padding-left: 5px;  /* 10px */ padding-right: 10px; line-height: 1.3em; padding-top: 5px; padding-bottom: 1em;}
#contentExtended {width: 805px; padding: 0px; float: left; margin: 0px 0px 0px 0px; padding-left: 5px;  /* 10px */ padding-right: 10px; line-height: 1.3em; padding-top: 5px; padding-bottom: 1em;}
#wrap	{width: 990px; margin: 0px auto; padding: 0px; border: 1px solid #99C2DE ; /*ddd          #007EC5; #003C71 #B6D8FF #FC9D4A #E37A08*/ margin-top: 5px; background-color:#fff;}			
#mainframe {} /* font-size: 0.75em; */		 	 

/*#greyBrder {border: 1px solid #C0C0C0;}
#greyBrderBottom {border-bottom: 1px solid #C0C0C0;}*/


/* =============== LEFT HAND NAV ============== */
#leftCol #leftNav {padding: 0px; margin: 0px 25px 0px 0px;}
#leftCol #leftNav ul {list-style: none; margin: 0; padding: 0;}
#leftCol #leftNav li {margin: 0 0 0px 7px; padding: 0px; font-weight: normal; }	
#leftCol #leftNav .link	{border-bottom: 1px solid #ddd;}
#leftCol #leftNav .selectedLink	{font-weight: 700; border-bottom: 1px solid #ddd; }
#leftCol #leftNav li a:link {text-decoration: none;  display: block; padding: 3px 0 6px 0px; margin: 0;  color: #003C71;}
#leftCol #leftNav li a:visited {text-decoration: none;  display: block; padding: 3px 0 6px 0px; margin: 0; color: #003C71;}
#leftCol #leftNav li a:hover {text-decoration: none;  display: block; padding: 3px 0 6px 0px; margin: 0; color: #003C71; background: #eeeeee;}
#leftCol #leftNav li a:active {text-decoration: none;  display: block; padding: 3px 0 6px 0px; margin: 0; color: #003C71;}
div#leftCol h4 {margin-top: 10px; padding:  0.5em 1em 0.5em  0.75em; font-size: 1.2em; font-weight: bold; color: #003C71;}
div#leftCol h4  a { text-decoration: none; }

/* ============== RIGHT COLUMN ================ */
#rightCol div#login		{border: 1px solid #ccc; color: #003c71; margin-top: 0px; margin-bottom: 1em; padding: 0.5em; padding-top: 0px;}
#rightCol div#login .favLinks {padding-right: 0.15em;}
#rightCol #login a:link	{/* display: inline; makes links into a block, rather than inline */ padding: 1px 0 2px 0px;/* line separation effect */ margin: 0; color: #003c71;}
#rightCol #login a:visited 	{/* display: inline; makes links into a block, rather than inline */ padding: 1px 0 2px 0px;/* line separation effect */ margin: 0; color: #003c71;}
#rightCol #login a:hover 	{/* display: inline; makes links into a block, rather than inline */ padding: 1px 0 2px 0px;/* line separation effect */ margin: 0; color: #003c71;}
#rightCol .advert	{ /*background-color: #333; width: 150px; */ margin: 0.5em 0px; /* height: 120px; color: #fff; */ /* Ideally 200px but it will make the page scroll */}
div.pagelink a:link{/*makes links into a block, rather than inline */ padding: 1px 0 2px 0px;/* line separation effect */ margin: 0; color: #003c71;}
	

/* =============== FOOTER ==================== */
#footer	{clear: both;  padding: 1px 0 0px 185px;   font-size: 0.9em;  border-top: 1px solid #ccc ; /* #ccc #003C71 #B6D8FF #E37A08 #FC9D4A */} 
/* TODO: this  positions a line in the footer
 #footer hr { 
	border-top: 1px solid red;
} 
*/
#footer ul {margin: 0;  padding: 0; clear:both;} 
#footer li {list-style: none; float: left; margin: 0 15px 0 0;}
#footer .footLinks 		{padding: 5px 0 3px 0;}	
#footer .footLinks a 	{padding: 0 1px 0 4px; color: #003C71;}	
#footer #copyright	{clear: both; padding-top: 0.6em; font-size: 1em; margin-left: 60px;}

/* ============== MAIN BODY  CONTENT ========*/	
/* TODO: clean up below */
#content #pageTitle {font-size: 1.5em; font-weight: bold; padding-bottom: 10px; padding-top: 7px; border-bottom: 1px solid #ccc; color: #003C71; line-height: 1em;  font-family: Arial, Verdana, Helvetica, sans-serif;}	
#content p	{/* font-size: 1em; */ line-height: 1.4em;}	
#content ul {line-height: 1.5em;}
#content li a:link, a:link {text-decoration: underline; font-family: Verdana,Arial,  Helvetica, sans-serif; color: #003C71;}  /*display: block; padding: 3px 0 6px 15px; margin: 0;  */
#content li a:visited, a:visited {text-decoration: underline;  color: #003C71;}
#content li a:hover, a:hover {text-decoration: underline; color: #003C71;}
#content li a:active, a:active {text-decoration: underline; color: #003C71;}	
/* #content h2	{font-size: 1.2em; font-weight: bold; color: #E66924; padding: 0.5em; padding-left: 0px; margin-bottom: 0px; border-bottom: 1px solid #ddd;}	*/
#content h3.normal	{ color: #333;  font-family: Verdana, Arial, Helvitica, sans-serif; font-weight: normal; padding: 0.5em; padding-left: 0px; margin-bottom: 0px;}
#contentExtended #pageTitle	{font-size: 1.5em; padding-bottom: 10px; padding-top: 7px; border-bottom: 1px solid #ccc; color: #003C71;}	

/* ================ HOME PAGE ================= */
#homepagecontent {width: 810px; padding: 0; float: left; margin: 5px 0px 0 0; background-color: #FFFFFF; font-size:0.9em;  padding-left: 10px; 
					 padding-right: 10px; height: 100%; line-height: 1.3em; } /* 630px */					 
#homepagecontent #homepageImage	{padding: 0px; margin-left: -4px;}	
h1#homepageheading	{font-size: 1.5em; font-weight: normal; color: #E66924 ;	 /* E37A08 This orange is incorrect, better to go with E66924 */ margin-bottom: 0px;}
.hometext {padding-left: 1em; padding-right: 1em;}

/* ================= delayed prices tabs =============== */
ul.tabs { list-style-type: none; padding: 0; margin: 0; }
ul.tabs li { float: left; padding: 0; margin: 0; padding-top: 0; background: url('../images/tab_right.gif') no-repeat right top; margin-right: 1px; height: 1.5em; border-bottom: 1px solid #A2BCD6; width:120px; color: #666; }
ul.tabs li a:link, ul.tabs li a:visited	{ display: block; padding: 0px 10px; text-decoration: none; background: url('../images/tab_left.gif') no-repeat left top; }
ul.tabs li a:hover  { color: #333; font-weight: 700; }
ul.tabs li a.tabSelected { font-weight: 700; color: #000; }
	
/* ================ SITEMAP ============= */
#sitemap li 		{ font-weight: normal; padding-bottom:0.3em;} /* list-style: url(../images/bullet.gif); */
#sitemap .sitemapHeader 	{ font-weight: bold; text-transform: none; list-style:none; list-style-image: none; padding: 0em;} /* font-family: Arial, Helvetica, san-serif; font-size: 12px; color: #003c71; */