/* CSS Document */
/* ifaGlobalStyles.css */
/* IFAonline Global stylesheet */
/* Last Updated: 13/07/2006 */
/* Updated by: John Holt */
/* Revisions: */

* {
	padding: 0px;
	border: 0px;
	margin: 0px;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	}
	
body {
	text-align: center;
	}
	

/* Accessibility */
.accessibility	{
	display:none;
}

	
/* Form styles */

input, textarea, select {
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	border: 1px solid #999999;
	margin-top: 5px;
	padding-left: 3px;
	}

input.checkbox {
	border: 0px;
	background-color: white;
	}

.searchForm {
	width: 100%
	}

.inputButton {
	border: 1px solid #999999;
	}	


#outerWrapper {
	display: block;
	width: 986px;
	xborder: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	xbackground: url("http://www.yourmortgage.co.uk/images/ym_sitestyle/margin_left.gif") top left repeat-y;
	}
	
#outerWrapperB {
	margin:0; 
	padding:0;
	/* background:url("http://www.incisivemedia.com/ifaonline/images/ifa2006/margin_right.gif") top right repeat-y; */
	}
	
#watermark {
	margin:0;
	padding:0;
	width: 686px;
	background-color: red;
	xbackground: url("http://www.incisivemedia.com/ifaonline/images/ifa2006/ifa_watermark_test.gif") top right repeat;
	}
	
#header {
	display: block;
	width: 984px;
	height: 174px;
	background-color: white;
	}
	
#leftCol {
	float: left;
	display: inline-block;
	width: 199px;
	border-right: 0px solid red;
	text-align: center;
	margin-top: 4px;
	}
	
#mainContent {
	float: left;
	display: inline-block;
	width: 536px;
	}
	
#rightCol {
	float: left;
	display: inline-block;
	width: 249px;
	margin-top: 4px;
	background:#FDE9EA;
	}
	
#footer {
	float: none;
	display: inline-block;
	width: 986px;
	height: 96px;
	border-top: 1px solid #cccccc;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	
/* footer */

#footer {
#border-top: 1px solid #3A5772;
#padding: 0px 0px 10px 0px;
#font-size:1em;
#margin-top:0px;
#color: #3A5772;
}

#footer .footcopy {
float:left;
}
#footer .footlink{
float:right;
}
#footer .footlink a {
color: #3A5772;
text-decoration: underline;
font-weight:normal;
}
#footer .footlink a:hover {
color: #666;
text-decoration: none;
}
#footer .footlink ul {
display: inline;
margin:0;
}
#footer .footlink li {
display: inline;
}
/* footer end */
	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
	}
	

/* styles for header */
.corpBranding {
	float: left;
	width: 984px;
	height: 21px;
	background-color: #004275;
	}
	
.ifaLogo {
	float: left;
	display: inline;
	width: 240px;
	height: 44px;
	margin-top: 10px;
	margin-left: 6px;
	}
	
.leaderboardTop {
	float: right;
	display: inline;
	width: 468px;
	height: 60px;
	margin-top: 15px;
	margin-right: 3px;
	}
	
.bannerTop{
	padding-top: 17px;
	padding-left: 129px;
	}
	
#loginArea {
	float: right;
	display: inline;
	width: 468px;
	height: 20px;
	margin-top: 15px;
	margin-right: 3px;
	text-align: right;
	}


.topNavArea {
	float: left;
	display: inline;
	width: 984px;
	height: 20px;
	
	margin-top: 5px;
	margin-bottom: 0px;
	list-style: none;
	text-align: center;
	}
	
#skipper {
	position: absolute;
	top: 0; left: 0;
	width: 780px;
	text-indent: -600em;
	color: #fff;
	background: transparent;
	font-size: 0.8em;
	z-index: -1; 
}

#skipper:focus, #skipper:hover, #skipper:active {
	display: block;
	text-indent: 25px;
	background: #c9e8ed;
	font-weight: bold;
	color: #000;
	padding: 0.2em 0.2em 0.2em 0;
	z-index: 5;
}
	
/* ******************* STYLES FOR TOP NAVIGATION BAR ****************** */
#topNav, #topNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;

	text-align: left;
}

#topNav a {
	display: block;
	color: #FFFFFF;
	background-color:#FF0000;
	text-decoration: none;
	background: #FF0000 url('../img/nav_color3.gif') no-repeat 100% 0px;
}

#topNav a:hover {
	background-color: #E45559;
	color: white;
	}

#topNav li { /* all list items */
	float: left;
	width: 123px;/* width needed or else Opera goes nuts */
	/* border: 1px solid #cccccc;*/
	border-right: 0px;	
	
}

#topNav li ul { /* second-level lists */
	text-align: left;
	position: absolute;
	background: #311863;
	/* border-right: 1px solid #cccccc; */
	width: 122px;
	margin-left: -1px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
}

#topNav li ul a{ /* second-level lists */
	color: white;
}

#topNav li ul a:hover{ /* second-level lists */
	color: #311863;
	background-color: white;
}


#topNav li:hover ul, #topNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/************************** END TOP NAVIGATION STYLES *****************************/

/* ******************* STYLES FOR TOP SUB NAVIGATION BAR ****************** */
#topSubNav {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	line-height: 20px;
	background-color:#FFB7BA;
}

#topSubNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color:#FFB7BA;
	text-align: left;
}

#topSubNav a {
	display: block;
	color: #000;
	background-color:#FFB7BA;
	text-decoration: none;
}

#topSubNav a:hover {
	background-color: #FFB7BA;
	color: white;
	}

#topSubNav li { /* all list items */
	float: left;
	margin-right: 20px solid #F9B9BA;
	background-color: #FFB7BA;
	width: 100px; /* width needed or else Opera goes nuts */
}


/************************** END TOP SUB NAVIGATION STYLES *****************************/


/* ======== side menu styling============= */

.tablemenu {
padding:0;
color:#000;
margin-bottom:1em;
}
.tablemenu h3 {
background:#F9B9BA;
color:#000;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.tablemenu ul {
list-style:none;
margin:0;
padding:0;
}
.tablemenu li {
border-bottom:1px solid #F9B9BA;
margin:0;
font-size:1.1em;
}
.tablemenu li a {
display:block;
padding:3px 5px 3px 0.5em;
border-left:10px solid #FDE9EA;
border-right:20px solid#F9B9BA;
background-color:#FDE9EA;
color:#000;
text-align:left;
font-weight:bold;
text-decoration:none;
}
html>body .tablemenu li a{
width:auto;
}
.tablemenu li a:hover, a#active_menu:link, a#active_menu:visited {
border-left:10px solid#F9B9BA;
border-right:20px solid#FDE9EA;
background-color:#F9B9BA;
color:#000;
font-weight:bold;
}
/* ======== end side menu styling ========== */


	

/* styles for left column */
.tile {
	float: left;
	display: inline;
	width: 120px;
	margin-top: 8px;
	margin-bottom: 2px;
	}	
	
#leftCol .tile {
	margin-left: 14px;
	}
	
.leftBox {
	float: left;
	display: inline;
	width: 199px;
	margin-top: 8px;
	margin-bottom: 4px;
	}		
	
#leftNav {
	float: right;
	display: inline;
	width: 140px;
	margin-right: 8px;
	margin-top: 8px;
	text-align: right;
	}

#leftNav a {
	font-family: verdana;
	font-size: 11px;
	color: #311863;
	text-decoration: none;
	line-height: 1.5;
	}
	
#leftNav a:hover {
	text-decoration: underline;
	}

#leftNav .main {
	font-weight: bold;
	}
		
#closeNewsAndArticles {
	display: block;
	}
	
#openTrackTheNews {
	display: none;
	}

	
	
	
/* styles for the main content section */
#mainMarginFour {
	width: 528px;
	margin: 4px;
	margin-top: 0px;
	}
		
#mainMarginFour img {
	display: inline;
	margin-right: 4px;
	}
	
#mainFullWidth {
	margin-left: 4px;
	margin-right: 4px;
	}
	
#mainLeftMiddle {
	float: left;
	width: 528px;
	}
	
#mainRight {
	float: left;
	width: 226px; 
	/*background-color: #CCCC66;*/
	}

.topStoryBox {
	float: left;
	display: inline;
	width: 520px;
	margin: 4px;
	margin-bottom: 0px;
	background:#FCFCFC;
	}

.topStoryBox img {
    float:right;
	display: inline;
	border: 1px solid white;
	margin: 4px;
	}

.topStoryBox sponsorImg {
    float:right;
	display: inline;
	border: 0px solid white;
	margin: 4px;
	}
	
.topNewsStoryBox {
	float: left;
	display: inline;
	width: 520px;
	margin: 4px;
	margin-bottom: 15px;
	}

.topNewsStoryBox img {
	border: 1px solid black;
	}	

.box256 {
	float: left;
	display: inline;
	width: 256px;
	margin: 4px;
	margin-bottom: 15px;
	}
	
.box256Header {
	float: left;
	display: block;
	width: 256px;
	height: 14px;
	margin-bottom: 3px;
	/* background-color: #F9B9BA; */
	}
	
.box256HeaderCoffee {
	float: left;
	display: block;
	width: 256px;
	height: 14px;
	margin-bottom: 3px;
	background-color: #d6b699;
	}
	
	
.box256Image {
	float: left;
	display: inline;
	}
	
.box256Text {
	float: left;
	width: 156px;
	display: inline;
	}
	
.box256NoMargin {
	float: left;
	display: inline;
	width: 256px;
	margin-top: 4px;
	margin-bottom: 15px;
	}
	
.box300 {
	float: left;
	display: inline;
	width: 310px;
	margin: 2px;
	margin-bottom: 5px;
	}		
	
.box220 {
	float: left;
	display: inline;
	width: 200px;
	margin: 4px;
	margin-bottom: 15px;
	}
	
.box220Header {
	float: left;
	display: block;
	width: 200px;
	height: 3px;
	margin-bottom: 3px;
	}	
	
.box220Text {
	float: left;
	width: 200px;
	display: inline;
	}		
	
.box444 {
	float: left;
	display: inline;
	width: 443px;
	margin: 4px;
	margin-bottom: 15px;
	}
	
.box520Header {
	float: left;
	display: block;
	width: 520px;
	height: 14px;
	margin-bottom: 3px;
	background-color: #dddddd;
	}
	
.box520NoMargin {
	float: left;
	display: inline;
	width: 520px;
	margin: 4px;
	margin-bottom: 0px;
	}		
	
.box444Header {
	float: left;
	display: block;
	width: 444px;
	height: 14px;
	margin-bottom: 3px;
	background-color: #dddddd;
	}
	
.box444NoMargin {
	float: left;
	display: inline;
	width: 444px;
	margin: 4px;
	margin-bottom: 0px;
	}
	
.articleSlot {	
	clear: both;
	margin-top: 12px;
	}
	
.articleSlot img {
	float: left;
	display: inline;
	}
	
.pageHeader {
	margin-bottom: 15px;
	}	
			
#articleMPU {
	width: 200px;
	height: 200px;
	float: right;
	margin: 4px;
	display: inline;
	}
	
#articlePic {
	width: 60px;
	height: 80px;
	float: right;
	display: inline;
	margin-right: 8px;
	}
	
#blogPic {
	width: 60px;
	height: 80px;
	float: left;
	display: inline;
	margin-right: 8px;
	}
	
#curvedBox {
	float: right;
	display: inline;
	width: 218px;
	margin: 4px;
	background-color: #e3e9ff;
	}
	
.curvedBoxText {
 	margin-left: 15px;
	margin-right: 15px;
	}

.curvedBoxTop {
	float: right;
	display: inline;
	width: 218px;
	height: 16px;
	background: #e3e9ff url(http://www.incisivemedia.com/ifaonline/images/ifa2006/lgt_blue_box_top_218x16.gif) no-repeat top right;
	}
	
.curvedBoxBtm {
	float: right;
	display: inline;
	width: 218px;
	height: 16px;
	background: #e3e9ff url(http://www.incisivemedia.com/ifaonline/images/ifa2006/lgt_blue_box_bottom_218x16.gif) no-repeat bottom right;
	}
	
	
.rightBottom {
	float: right;
	display: inline;
	width: 218px;
	margin: 4px;
	margin-top: 8px;
	}
	
#tvChapters { overflow:auto; height:200px; width:320px;text-align:left; }
	
.spacer5 {
	height: 15px;
	font-size: 1px;
	}

.spacer15 {
	height: 15px;
	font-size: 1px;
	}
	



	
	
/* styles for right column */
#rightCol .tile {
	margin-left: 15px;
	}
	
.rightBox {
	float: left;
	display: inline;
	width: 220px;
	margin-top: 10px;
	margin-left: 15px;
	}		
	
.searchBox {
	float: left;
	display: inline;
	width: 170px;
	height: 130px;
	margin-top: 10px;
	margin-left: 15px;
	}
	
	
.paula {
	float: left;
	display: inline;
	width: 220px;
	margin-top: 10px;
	margin-left: 15px;
	}	
	
.paulaImage {
	margin: 2px;
	float: block;
	display: inline;
	}	
	
.skyscraper {
	float: left;
	display: inline;
	width: 170px;
	height: 600px;
	margin-top: 0px;
	margin-left: 15px;
	}
	
	
/* styles for footer */
.incisiveBrand {
	float: left;
	display: inline;
	width: 95px;
	height: 60px;
	margin-left: 17px;
	margin-top: 18px;
	}
	
.leaderboardBtm {
	float: left;
	display: inline;
	width: 728px;
	height: 90px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 17px;
	}
	
.bottomBanner {
	padding-top: 15px;
	}
	
#tableBorder td{
	border: 1px solid #cccccc;
	padding: 2px;
	}

.divider_dotted {	
	margin-bottom: 5px;
	border-top: 2px dotted #FF0000; 
}




/* TICKER */
/*  news ticker styles */
#news_ticker {width:100%;text-align:left;margin-top:0px;margin-bottom:10px;overflow:hidden;height:20px;color:#000;}
#ticker {margin-top:5px;padding:0;list-style-type: none;height: 1.2em;list-style-position:outside;font-size:1.05em;}
#ticker-holder {display:block;float:left;width:800px;;text-align:left;height:20px;}
#ticker li  {list-style-type: none;list-style-position:outside;height:20px;}
#ticker li.news-ticker-element-visible {display: block;height:50px;}
#ticker li.news-ticker-element-hidden {display: none;color: rgb(0,0,0);}

/* ticker controls */	
#ticker-controls input .image{width:9px; height:11px;}
#ticker-pause, #ticker-forward, #ticker-back {width:9px; height:11px; border:0px solid #FFFFFF;} 
#ticker-controls input:hover {cursor: pointer;}
#ticker-controls {margin:7px 0px 0px 8px; padding:0px; width:60px;float:left;border:0px solid #cccccc;height:20px;}
#ticker strong, #ticker li {color: #000;font-size: 1.05em;background-color:#f6f6f6; border:0px solid #cccccc; margin:0; padding-left:5px;height:20px;}
#ticker a {text-decoration:none; color:#000; font-weight:bold; border:0;}        
#ticker-controls input {margin:0;padding:0;}
#ticker-controls input:hover, #ticker-controls span:hover {cursor: pointer;}
#ticker-controls span {display:block;float:left;padding:0px 4px;}

/*  nav ticker styles */
#nav2_ticker { 
  position: relative;
  text-align: left;
  background: #f6f6f6;
  background-position:   left center; 
  background-repeat: repeat-x;
  width: 984px;
  height: 28px;
  padding: 0px;
  z-index: 1;
  overflow: hidden; 
  margin: 0px auto 0px; 
  border-left: 1px solid #cccccc;
  /*background-image: url('background.gif'); */
  /*border-right: 1px solid #cccccc;*/
  border-top: 1px solid #cccccc;  
  border-bottom: 1px solid #cccccc; 
}