@import url(style_dd4.css);

/* global */

*{margin:0;padding:0;}

body{
	font: 75% arial,sans-serif;
	background:#ffffff;
	color:#333333;
}

#wrapper p,
#wrapper li,
#wrapper h5,
#wrapper h4 {
	line-height: 1.3;
}

a{
	outline:0;
	color:#cf002d;
	text-decoration:none;
}

a:hover{
	color:#000000;
	text-decoration:underline;
}

a img{border:0;}
ul{list-style:none;}

#header ul a,
#footer ul a{
	color:#555555;
}

#footer ul a:hover{color:#000000;}

.nobreak{white-space:nowrap;}

.clear{
	clear:both;
}

img.inline_page{margin-bottom:15px;}

#searchBox{width:123px !important;}

.hide{display:none !important;}

div.button,
div.button_right{
       background:url(../images/buttons/left.gif) no-repeat left top;
       height:27px;
       padding-left:5px;
       padding-bottom:12px;
       clear:both;
       width:auto !important;
       float:none !important;
}

div.button a,
div.button_right a{
       background:url(../images/buttons/right.gif) no-repeat right top;
       padding:4px 10px 0 5px;
       height:27px;
       display:block;
       float:left;
       color:#fff;
       font-size:1.1em;
	   
} 

.login{
       background:url(../images/buttons/left.gif) no-repeat left top;
       height:27px;
       padding:4px 0 0 5px;
	   margin:5px 10px 5px 0;
	   width:auto;
	   float:left;
	   line-height: normal;
}

.login a{
       background:url(../images/buttons/right.gif) no-repeat right top;
	   padding:4px 10px 11px 6px;
	   margin-bottom:4px;
	   color:#fff;
	   width:auto;
       font-size:1.1em;  
}

.login a:hover{color:#FFF; }

div.button a:hover,
div.button_right a:hover{
       color:#fff;
} 

div.button_right{float:right !important;}


/* headings */

h1,
#home h2{
	border-bottom:2px solid #000000;
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:15px;
}

h1{margin-top:15px;}

/* fixes Mac safari homepage bug */
#wrapper #internal h1{display:none;}

#content h2{
	font-size:1.42em; /*17px*/
	clear:both;
	margin-bottom:19px;
}

h3{
	color:#cf002d;
	margin-bottom:7px;
	font-size:1.12em;
	clear:both;
}

#internal h3,
#sidebar h3,
#quicklinks h3{
	color:#000000;
	padding:8px 6px;
	margin:0 0 6px 0;
}

#content h3,
#sidebar h3{
	color:#000000;
	padding-bottom:3px;
	border-bottom:1px solid #000000;
}

#content h3{
	margin-bottom:13px;
}

#sidebar h3{
	padding-top:9px;
	padding-bottom:9px;
	background:#dbdbdb url(../images/corners_top_144.gif) no-repeat top left;
}

/* close up gaps within firefox */
#home #sidebar div{margin:0;}

#sidebar div.toggling{padding-bottom:2px;background:#f6f6f6 !important;}
#sidebar .toggling h3{margin-bottom:0;}
#sidebar .toggling h3.selected{margin-bottom:6px;}

#home #sidebar h3{background:#dbdbdb url(../images/corners_top_199.gif) no-repeat top left;}

#sidebar .toggling h3{
	background:#dbdbdb url(../images/corners_top_144_unselected.gif) no-repeat top left;
	cursor:pointer;
}

#sidebar .toggling h3.selected{background:#dbdbdb url(../images/corners_top_144_selected.gif) no-repeat top left;}

#home #sidebar .toggling h3{
	background:#dbdbdb url(../images/corners_top_199_unselected.gif) no-repeat top left;
	cursor:pointer;
}

#home #sidebar .toggling h3.selected{background:#dbdbdb url(../images/corners_top_199_selected.gif) no-repeat top left;}

#quicklinks{font-size:1em;}

#quicklinks h3{
	border-bottom:1px solid #9b9b9b;
	padding:3px 20px 3px 24px;
	cursor:pointer;
	margin-bottom:0;
}

#home #quicklinks h3 span{display:inline;}

h5{
	color:#cf002d;
	margin-top:0px;
	margin-bottom:2px;
	border-top:1px solid #dedede;
	font-size:1em;
	padding-top:10px;
}

h4{
	color:#000000;
	font-size:1.1em;
	margin-bottom:10px;
}

h5.first{
	border:0;
	margin-bottom:4px;
	clear:both;
}

div.rowFirst h5{
	border:0;
	padding-top:0;
}

/* hidden navigation elements */

hr{display:none;}

hr.hrseperator {
	display:block;
	height: 1px;
	border: 0;
	background-color: #cccccc;
	color: #cccccc;
	/*width: 97%;*/
}

h3.heading,
#jump_menu{
	position:absolute;
	top:-999px;
	left:-999px;
}

h3.footer{
	width:750px;
	height:14px;
	margin:0 auto;
	text-indent:-9999em;
	clear:both;
}

#sidebar h3{
	clear:both;
	line-height: 1.5em;
}

/* centered content */

#header,
ul#nav,
#wrapper{
	width:900px;
	margin:0 auto;
}

#wrapper #internal{
	width:885px !important;
	padding:180px 6px 0 9px;
}

#footer ul,
#footer p,
#footer div.infoBox{
	width:892px;
	margin:0 auto;
	
}
/* layout blocks */

#backdrop{background:#e0e0e0 url(../images/gradient.gif) repeat-x left top;}

#wrapper{
	background:#ffffff url(../images/ribbon_homepage.gif) no-repeat bottom right;
	overflow:auto;
	padding:0 0 80px 0;
	position:relative;
	clear:both;
	/*top: -1px;*/
}

#home #wrapper{
	overflow:visible;
	margin-bottom:15px;
}

#non-home #wrapper{
	padding-left:9px;
	padding-right:6px;
	width:883px;
	border:1px solid #dedede;
	border-bottom-color:#D0D0D0;
	border-top:0;
	background-image:url(../images/ribbon.gif);
}

#wrapper div{float:left;}

#wrapper #content{
	width:522px;
	overflow:hidden;
}

#wrapper #content.extendLeft{
	width:725px;
	overflow:hidden;
}

/*fix to hidden inputs in form rach*/
#wrapper #content.extendLeft input.hidden{
	clear:both;
	display:none;
	width:0px
}

#wrapper #content.extendLeft table.generic table td{
	border:0;	
}

#content.extendLeft form input{
width:auto;
display:inline;	
}

#content.extendLeft form input.larger{
height:21px;
}

/* end fix to hidden inputs in form rach*/


 
#wrapper #content.extendRight {
	width:680px;
	overflow:hidden;
}


#home #wrapper div {
	width:314px;
	margin-right:29px;
	float:left;
}

/* main content 

#content div{
	width:48.5%;
	float:right;
}
*/
div.unmunged { /* fix modem's odd css */
	width: auto !important;
	float: none !important;
}

#content div.columnFirst{
	float:left;
	clear:both;

}

#content div.columnfirst img {float:right;}
#content div.columnfirst p.logotext{ float:right;}

#internal div,
#sidebar div{
	padding-bottom:5px;
}

#quicklinks p,
#internal div p{
	margin:3px 10px 5px 10px;
	padding-bottom:2px;
}

/*
p.separated,
#internal p.separated{
	padding-bottom:8px;
	border-bottom:1px solid #aaaaaa;
	margin-bottom:8px;
}
*/

#sidebar p.separated,
#sidebar p.bar.separated{
	padding-top:5px;
	border-bottom:0;
	border-top:1px solid #dedede;
}

#home #sidebar p.bar.separated{
	margin-left:0;
	margin-right:0;
}

#sidebar p.separated a.left{display:block;float:left;}
#sidebar p.separated a.right{display:block;float:right;}

ul.clean li.separated{
	border-top:2px solid #878787 !important;
	margin-top:7px;
}

#content p.gavin {margin-bottom:15px;}

#content p.bar{
	padding:5px 10px 8px 10px;
	background:#ebebeb;
	float:left;
	clear:both;
}

#content p.bar{width:382px;}
#content.extendLeft p.bar{width:555px;}
#content.extendRight p.bar{width:540px;}

.link_top_border,
.pagination{
	clear:both;
	text-align:right;
	display:block;
	border-top:solid 1px #dbdbdb;
	padding-top:2px;
	margin-bottom:15px;
	width:100%;
	background:url(../images/global/links_fade.gif) repeat-x left top;
}

.pagination{
	text-align:left;
	padding-left:4px;
}

.pagination span{color:#878787;}

.lone_link{
	clear:both;
	float:none !important;
	width:auto !important;
	margin-bottom:15px;
	padding:0 !important;
	min-height:1px !important;
}

.lone_link h3{margin:0 !important;}

h3.link a{display:block;margin-top:8px;}
h3.link{border:none !important;}

#non-home #adviser{
	padding-bottom:0 !important;
	font-size:1em;
	margin-bottom:15px;
}

#non-home #adviser h3{
	text-indent:-9999px;
	background:url(../images/adviser_tv.gif) no-repeat center top;
}

#non-home #adviser p{
	background:url(../images/adviser_photo.jpg) no-repeat 92px 4px;
	padding:4px 60px 0 9px !important;
}

#non-home #adviser ul{padding:9px 9px 4px 9px;}

div.button_set{
	clear:both;
	width:100% !important;
	text-align:right;
	float:none !important;
	margin-bottom:12px;
}

.button_set p{float:left;}

ul.blog_author{
	clear:both;
	margin-bottom:15px !important;
	width:100%;
	float:left;
}

.blog_author li{height:1% !important;}

.blog_author a,
.blog_author span{
	display:block;
	padding-bottom:5px;
}

.blog_author li ul li a{display:inline;}
.blog_author span{display:block;}
.blog_author ul li.author span{font-size:0.9em;}

blockquote.clipping {
	background: #F6F6F6 url(../images/bg_clipping.gif) bottom right no-repeat;
	padding: 1em 1.5em;
	border-top: 1px solid #F6F6F6;
	margin-bottom: 15px;
}

/* tables */

table.th_override th{border-bottom:solid 1px #c4c4c4;}

table.tickcross{
	clear:both;
	margin-bottom:15px;
}

table.tickcross th,
table.tickcross td{
	padding:6px;
	vertical-align:top;
}

table.tickcross td{
	border-bottom:solid 1px #c4c4c4;
}

table.tickcross th{
	text-align:left;
	border-bottom:solid 2px #000;
}

table.tickcross tr.last td{border-bottom:none;}
table.tickcross tr.highlight{background:#f9f9f9;}

table.calendar{
	font-size:0.9em;
	margin-bottom:5px;
}

table.calendar td.selected{
	border:solid 1px #cf002d;
	background:#dbdbdb;
}

/* some whitespace, added by Gav */
table.generic { margin-bottom: 15px; }

th.right { text-align: right; }

table.generic td, table.generic th {
	border-right:#c4c4c4 1px solid;
	border-bottom:#c4c4c4 1px solid;
	padding:4px;
	font-size:0.9em;
}

table.generic tbody th {
	text-align: right;
	background-color: #FFFFFF;
	font-weight: normal;	
}

table.generic caption {
	text-align: left;
	font-weight: bold;
}

/* added 19-06-2007, Martin Burford, Modem Media */
table.th_override th{border-bottom:solid 1px #c4c4c4;}

table.generic th{ background-color:#DDD }

table.generic tr.highlight{ background-color:#F3F3F3}
table.generic tbody tr.highlight th { background-color:#F3F3F3}
table.generic td.white{ background-color:#FFF}


/* homepage content */

#home #featured_products {
	background:none;
}

#home #featured_products h3{
	margin-top:12px;
	padding:0 !important;
	font-size:1.1em;
}

#home #featured_products h3.first{margin-top:12px;}

#home #featured_products h3.link_highlight{
	border-top:solid 2px #c4c4c4;
	padding-top:12px !important;
	margin-top:0;
}

#home #featured_products p{
	border-bottom:solid 1px #c4c4c4;
	margin:0;
	padding-bottom:12px;
}

#home #featured_links ul li img{
	margin-right:0;
	float:none;
}

#home #featured_links h3 span{
	background:#cf002d;
	color:#ffffff;
	padding:0 3px;
	font-size:.8em;
	font-weight:bold;
	display:inline;
}

/* site header */
/*olympics logo amends (amended bottom margin value)*/
#header{
	background:#ffffff url(../images/header.gif) no-repeat;
	color:#000000;
	padding-top:0px;
	overflow:hidden;
	margin-bottom:10px;
}
/*olympics logo amends (amended top margin value)*/
#header img{
	float:left;
	margin:10px 0 0 10px;
}

/* to accommodate taller bank logo */
#header.bank img{
	margin-top:20px;
}
/*olympics logo amends (amended top margin value)*/
#header h2{
	float:right;
	clear:right;
	padding:0;
	margin:10px 2px 0 0;
	background:#ffffff url(../images/adviser_extranet.gif) no-repeat;
	color:#000000;
	width:171px;
	height:19px;
	text-indent:-9999em;
	border:0;
}
/*olympics logo amends (new style)*/
.link-header{
	color:#555555;
	font-size: 0.9em;
}

.search-header{
	color:#555555;
	font-size: 0.9em;
	font-weight:bold;
	padding-right:5px;
}

.olympic-text
{
	width:898px;
	margin:0 auto;
	padding:0 0 5px 0 !important; 
	font-size:1em !important; 
}
/*end of new style*/

#header ul{
	float:right;
	margin-right:12px;
}

#header ul li{
	padding:8px 13px 7px 13px ;
	background:transparent url(../images/login_background.gif) no-repeat bottom left;
}

#header ul li a{color:#cf002d;}
#header ul li.listFirst a{color:#666666;}

#header ul li a:hover,
#header ul li.listFirst a:hover{
	color:#000000;
}

#header ul li.listFirst{
	background:none;
	padding-left:0px;
	padding-right:7px;
}

#header ul,
#header label{
	font-size:.9em;
}


/* feature */

#content div.feature{
	padding:0 10px 0 0;
	float:left;
	clear:both;
	margin-bottom:15px;
	width:512px;
}

#content.extendLeft div.feature{width:715px;}
#content.extendRight div.feature{width:712px;}

#content div.feature p{padding-bottom:10px;}

#content div.feature img{
	padding-right:8px;
	float:left;
}

#content div.feature p.img_wrapper{padding:0 !important;}
#content div.feature p{margin-bottom:0 !important;}

#content div.feature h4 img{
	padding:2px 0 0 0;
	float:none;
	padding-left:2px;
	vertical-align:bottom;
	border-bottom:1px solid #ffffff;
}

#content div.feature.hero{
	background:#ffffff url(../images/stakeholderpension.gif) no-repeat bottom left;
	height:92px;
	border:0;
}

div.feature.hero h2,
div.feature.hero p{
	margin-left:113px;
}

#content div.feature.hero h2{
	color:#333333;
	font-weight:normal;
	font-size:2em;
	margin-top:15px;
	margin-bottom:6px;
}



div.feature.hero p a:hover{color:#000000;}

/* sidebar */

#sidebar{
	overflow:auto;
	padding:0 !important;
	width:144px;
}

#sidebar p,
#sidebar h4,
#sidebar ul{
	font-size:.9em;
}

#home #sidebar p,
#home #sidebar ul{
	font-size:1em;
	margin:0;
	padding-bottom:4px;
}

#wrapper #sidebar,
#home #wrapper #sidebar{
	margin-right:0;
	padding-top:4px;
	float: right;
}

#home #wrapper div#sidebar{
	width:199px;
	background-image:none;
	background:none;
	margin: -130px 0 0;
	float: right;
}

#wrapper #sidebar div{
	margin-right:0;
	margin-bottom:16px;
	width:100% !important;
	float:none;
}

#wrapper #sidebar div.grey{

	background:#f6f6f6;

}

#wrapper #sidebar div.promo{
	
	border: 1px solid #bbb;
	background: #fff;
	width: 197px !important;
	
}

#home div.toggling p{
	font-size:0.9em !important;
}

#wrapper #sidebar div h3.toggling{background:#dbdbdb url(../images/quicklinks_top.gif) no-repeat top left;border:solid 1px red;}

#sidebar p,
#sidebar h4{
	padding:0px 6px 4px 6px;
	color:#000000;
}

#home #sidebar p,
#home #sidebar h3,
#home #sidebar h4{
	padding-left:10px;
	padding-right:10px;
}

#sidebar h4{
	margin-top:2px;
	margin-bottom:2px;
	padding-top:6px;
	padding-bottom:0px;
}

#sidebar p.bar{
	text-align:right;
	overflow:auto;
	border-bottom:1px solid #dedede;
}

#sidebar p.bar span{float:left;}
#sidebar p.bar span.nobreak{float:none;}
#sidebar p.bar.separated{border-bottom:0;}

/* sidebar modules */

#sidebar ul{padding:0 6px;}
#sidebar ul li{padding:0px 0 5px 0;}

ul li a img{
	padding-left:2px;
	vertical-align:bottom;
	padding-bottom:1px;
}



#sidebar .promo h4 {
	font-size: 1em;
}

/* general modules */

#content p.button{
	text-align:right;
	margin-bottom:0 !important;
}

#content div.linksBox{
	clear:both;
	padding:10px 0 10px 10px;
	padding-bottom:0;
	background:#ebebeb;
	margin-bottom:15px;
	float:none;
	width:402px;
}

#content.extendLeft div.linksBox{width:565px !important;}
#content.extendRight div.linksBox{width:555px !important;}

#content div.linksBox h4{margin-bottom:4px;}
#content .linksBox ul{margin-bottom:10px;}

/* overlay modules */

div.overlay{
	border-bottom:1px solid #d3d3d3;
	width:256px;
	padding:0 0 0 10px;
	background:transparent url(../images/overlay_left.gif) no-repeat top left;
	min-height:30px;
	position:relative;
}

#content div.overlay{padding-bottom:0;}

div.overlay .firstItem{border-top:1px solid #d3d3d3;}

div.overlay .lastItem{
	border-bottom:1px solid #d3d3d3;
	padding-bottom:10px;
}

/* updated 09-07-2007, Martin Burford, Modem Media */
/* align padding adjustments, to accomodate new offset based on new top "arrow" image */
div.overlay p,
div.overlay h4{
	border:0 !important;
	color:#333333;
	padding:5px 10px 5px 0;
}

/* updated 09-07-2007, Martin Burford, Modem Media */
/* top padding added to accomodate new offset based on new top "arrow" image */
div.overlay h4{
	padding-top:23px;
}

div.overlay p.button{
	text-align:right;
	padding-bottom:5px;
}

/* updated 09-07-2007, Martin Burford, Modem Media */
/* top padding added */
div.overlay p.cornered{
	position:absolute;
	top:1px;
	right:1px;
	padding-top:23px;
}

/* buttons */

p.buttons_right{
	clear:both;
	text-align:right;
	margin-bottom:12px !important;
}

/* secure panels */

#content div.secure{
	background:#ebebeb url(../images/corners_top_secure_279.gif) no-repeat top left;
	padding:0;
	margin-bottom:15px;
	overflow:hidden;
	width:279px;
}

#content div.secure.columnFirst{
	float:left;
	clear:none;
}

#content div.secure p.button{
	padding-top:5px;
	padding-bottom:0;
}

#content div.secure p.footer{
	padding-bottom:20px;
	background:transparent url(../images/corners_bottom_secure_279.gif) no-repeat bottom left;
}

#content div.secure p,
#content div.secure h3{
	padding:0 52px 10px 12px;
}

#content div.secure h3{
	border:0;
	margin-top:11px;
	margin-bottom:0px;
	font-size:1.5em;
	font-weight:normal;
}

/* quicklinks */

#quicklinks.selected h3{background-image:url("../images/quicklinks_default.gif");}
#quicklinks.unselected h3{background-image:url("../images/quicklinks_top_selected.gif");}
#quicklinks{background:#d7d7d7 url("../images/quicklinks_bottom.gif") no-repeat bottom left;}
#quicklinks #client_quicklinks{background:#c4c4c4 url("../images/quicklinks_bottom.gif") no-repeat bottom left;}

/*commented out for white background*/
/*#home #quicklinks h3{background:transparent url("../images/quicklinks_top_black.gif") no-repeat top left;}*/
/*#home #quicklinks.selected h3{background-image:url("../images/quicklinks_top_selected_black.gif");}*/
/*#home #quicklinks{background:#d7d7d7 url("../images/quicklinks_bottom_black.gif") no-repeat bottom left;}*/
/*#home #quicklinks #client_quicklinks{background:#c4c4c4 url("../images/quicklinks_bottom_black.gif") no-repeat bottom left;}*/

#quicklinks,
#home #quicklinks{
	position:absolute;
	right:6px;
	top:10px;
	width:199px;
	padding-bottom:3px;
}

#quicklinks div,
#home #quicklinks div{
	display:none;
}

#internal #quicklinks{overflow:visible;}

#home #wrapper #quicklinks{
	width:199px !important;
	margin-top:0;
	margin-right:0;
	/*border-bottom:3px solid #000000;*/
	border-bottom:3px solid #ffffff;
	border-color:#FFF;
}

#client_quicklinks{
	position:absolute;
	right:9999px;
	border-left:3px solid #ffffff;
	border-bottom:2px solid #ffffff;
	font-size:.9em;
	width:199px;
}

#home #client_quicklinks{
	font-size:.9em;
	right:9999px;
	width:199px !important;
}

#home #client_quicklinks li a{font-size:1.1em;}

#home #quicklinks.selected #client_quicklinks{left:0;}
#quicklinks.selected #client_quicklinks{right:0px;}

#home #client_quicklinks{
	border-left:0;
	border-bottom-color:#ffffff;
}

#internal #client_quicklinks{margin-top:0px;}
 
#quicklinks p.bar{
	background:#f6f6f6;
	margin:5px;
	padding:1px 5px;
	text-align:right;
}

#quicklinks p.bar a{
	color:#000000;
	font-weight:bold;
	font-size:.9em;
}

#quicklinks p.bar span{float:left;}

#quicklinks p.instruction{
	font-weight:bold;
	color:#cf002d;
	background:url(../images/mql_icon_example_add_icon.gif) no-repeat 27px 2px;
	min-height:27px;
	padding:0 23px 10px 59px;
	border-bottom:1px solid #aaaaaa;
}

#quicklinks h3 img{
	vertical-align:bottom;
	margin-bottom:2px;
}

#client_quicklinks ul,
#internal #client_quicklinks ul{
	border-top:1px solid #BBB;
	list-style:none;
	margin-bottom:3px;
}

#client_quicklinks ul li{
	background:url(../images/mql_dotted.gif) repeat-x top;
	padding:3px;
	width:193px;
	text-align:right;
	clear:both;
	position:relative;
	overflow:auto;
}

#client_quicklinks ul li img{
	position:absolute;
	top:6px;
	right:10px;
}

#internal #client_quicklinks ul li{font-size:1em;}

#client_quicklinks ul li a.web,
#client_quicklinks ul li.listFirst a.web{
	background:url(../images/mql_icon_pages.gif) no-repeat 4px 0px;
	padding-left:25px;
	float:left;
	width:145px;
	text-align:left;
}

#client_quicklinks ul li.listFirst{background:none;}

p.addQuicklink{
	float:left;
	clear:both;
	background:#ebebeb url(../images/bar_left_34_quicklink.gif) no-repeat top left;
	margin-bottom:15px;
	margin-top: 5px;
	width:100%;
}

p.addQuicklink a{
	margin-left:33px;
	background:#ebebeb url(../images/bar_right_34.gif) no-repeat top right;
	display:block;
	padding-top:9px;
	min-height:25px;	
}

/* styling for big black buttons */

#content div.blackbarleft,
#content div.blackbarright {
	width: 197px;
	min-height: 61px;
	background-color: black;
	float:left;
	margin-bottom: 1em;
}

#content div.blackbarleft { margin-right: 8px; }

div.blackbarleft p,
div.blackbarright p {
	color: #fff;
	margin: 9px 14px 9px 57px;
}

div.blackbarcalc { background: #000 url(../images/buttons/blackbar_calc.gif) top left no-repeat; }
div.blackbarrecycle { background: #000 url(../images/buttons/blackbar_recycle.gif) top left no-repeat; }

div.blackbarleft a,
div.blackbarleft a:hover,
div.blackbarright a,
div.blackbarright a:hover {
	color: #fff;
	text-decoration: none;
}

/* site footer */

#footer{
	background:#ffffff url(../images/footer.gif) repeat-x;
	color:#000000;
	padding:12px 0 20px 0;
	overflow:auto;
	font-size:.9em;
	clear:both;
}

#footer ul{
	margin-bottom:7px;
	font-size:.9em;
	color:#777;
}

#footer ul.copyright{margin-bottom:10px;}
#footer ul.copyright li.listFirst{padding-right:8px;}

#footer p{
	color:#cf002d;
	margin-bottom:8px;
	padding:8px 0 0 8px;
	background:url(../images/global/footer_arrow_open.gif) no-repeat 0px 12px;
	cursor:pointer;
	border-top:solid 1px #bcbcbc;
}

#footer div.infoBox div{
	width:48%;
	padding-left:7px;
	float:right;
}

#footer div.infoBox div.columnFirst{
	float:left;
}

#footer div.infoBox div p{
	display:inline;
	color:#777;
	padding-left:0;
	background-image:none;
	cursor:default;
	border:0;
}

/* forms */

#header form{
	float:right;
	margin-top:4px;
	margin-bottom:5px;
	width:308px;
}

#content.extendLeft form{width:575px;}


#content form{
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
	width:100%;	
}

#header form fieldset,
#sidebar form fieldset{
	border:0;
}

#header form legend,
#sidebar form legend,
#sidebar form label{
	display:none;
}

#header form label{
	margin:5px 5px 0 0;
	font-weight:bold;
	color:#666666;
}

#header form select,
#header form input,
#header form label,
#sidebar form input{
	display:block;
	float:left;
}

#header form select{
	min-width:6em;
	font-size:110%;
	height:1.5em;
	margin:2px 3px 0 0;
}


/* put a margin top back in for the inputs in the header only? */
#header form input,
#wrapper #sidebar form fieldset input{
	height:1.3em;
	margin-top:2px;
	padding:0 3px;
}

#wrapper #sidebar form fieldset input,
#wrapper #sidebar form fieldset select{
	font-size:1em;
}

#wrapper #sidebar form fieldset input,
#wrapper #sidebar form fieldset select option{
	padding-top:2px;
}

#wrapper #sidebar div form{padding:0 6px;}
#home #wrapper #sidebar div form{padding:0 8px 0 10px; background:#f6f6f6;}

#sidebar div form input.button,
#home #wrapper #sidebar div form input.button{
	float:right;
}

#header form input{
	width:138px;
	margin-right:2px;
}

#sidebar form input{
	width:122px;
	margin:2px 0;
}

#sidebar form #emailBox_18 { width:90px !important; }

#sidebar form #nodisplay1,
#sidebar form #nodisplay2,
#sidebar form #nodisplay3,
#sidebar form #nodisplay4 {height:0px !important;}
#header form #nodisplay1,
#header form #nodisplay2 {clear:both; display:none; width:0px; height:0px !important;}

#sidebar form select{
	width:132px;
	margin:2px 0;
}

#home #sidebar form input{
	width:138px;
	max-width:179px;
}

#content form input{
/*
	margin-right:8px;
	width:170px;
*/
}

#content form p.agree_form input{
	display:inline;
	float:none;
	width:20px;
	text-align:center;
}

/*
#content form input.button,
*/
#header form input.button,
#wrapper #sidebar div form input.button{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	height:23px;
	float:right;
}
/* short term amends to fix search area - remove once full search is in place*/
#header form input.button{float:left !important;}

#header form input.button,
#wrapper #sidebar div form input.button{
	width:29px;
}

/*
#content form input.button{width:52px;}
*/

/* fix Modem's css for submit buttons for example */
input.unmunged {
	height:auto !important;
	width:auto !important;
}

/* fix for Safaris lack of support for form fieldset and label tags (non-homepage only) */
#signup_18,
#non-home #signup_51{min-height:50px;}
#sidebar div.form_wrapper{margin-bottom:15px; background:#f6f6f6;}

/* lists */

#content ul{margin-bottom:15px;}

#sidebar ul{
	font-size:.9em;
	margin-bottom:2px;
}

ul.clean,
ul#nav,
#internal ul,
#header ul,
#footer ul{
	overflow:auto;
}

ul.clean li,
ul#nav li,
#internal ul li,
#header ul li,
#footer ul li,
ul.blog_author li{
	list-style:none;
}

ul#nav li,
#header ul li,
#footer ul li,
ul.blog_author li{
	float:left;
}

ul li.listFirst,
#footer ul li.listFirst{
	border:0;
}

ul li.listFirst a,
#footer ul li.listFirst a{
	padding-left:0;
}

#footer ul li{border-left:1px solid silver;}
#footer ul li a{padding:0 8px;}

ul.clean{
	float:left;
	width:190px;
	margin-right:13px;
	padding:0;
}

ul#L1{padding-left:0;}
ul#L1 li{
	border-top:solid 1px #e7e7e7;
	margin-top:7px;
}

ul#L2,
ul#L3,
ul#L4,
ul#L5{
	padding:0 0 0 12px;
}

ul#L2 li,
ul#L3 li,
ul#L4 li,
ul#L5 li{
	border:0;
	margin-top:0;
}

ul#L1 li,
ul#L2 li,
ul#L3 li,
ul#L4 li,
ul#L5 li{
	padding:7px 0 0 0 !important;
	line-height: normal;
}

ul#L1 li.listFirst{padding-top:0 !important;}

ul#L2 li.listFirst,
ul#L3 li.listFirst,
ul#L4 li.listFirst,
ul#L5 li.listFirst{
	padding-top:7px !important;
}

ul.clean li.listFirst{
	border:0 !important;
	margin-top:0 !important;	
}

ul#L2{font-size:0.9em;}

ul.clean li a{
	color:#cf002d;
	display:block;
}

ul.clean li a:hover{color:#000000;}

ul.ticks{clear:both;}

#internal ul.ticks{padding-left:10px !important;}

ul.ticks li{
	padding:0 8px 6px 17px;
	background:transparent url(../images/tick-list_tick.gif) no-repeat 0px 3px;
}

ul.ticks ul.ticks li{ /*almost fixes nested ticks*/
	padding:6px 8px 0 17px;
	background:transparent url(../images/tick-list_tick.gif) no-repeat 0px 9px;
}


ul.bullets{clear:both;}

#internal ul.bullets{padding-left:10px !important;}

ul.bullets li{
	padding:0 8px 6px 17px;
	background:transparent url(../images/tick-list_bullet.gif) no-repeat 0px 3px;
}


ol li{ padding:0 8px 6px 17px; list-style-type:decimal; margin-left:30px  }
ol li a:hover{color:#000;}

dl {
	margin-bottom: 1em;
}

dt {
	font-weight:bold;
}

dd {
	margin:12px 0 12px 3em;
}


#non-home ul.register_head{
	margin-bottom:0;
	height:1% !important;
}

#non-home ul.register_head li.selected{border-color:#cf002d;}
#non-home ul.register_head li.last{margin-right:0;}

#non-home ul.register_head li{
	float:left;
	width:90px;
	margin:0 7px 13px 0;
	border-bottom:solid 2px #000;
	min-height:34px;
	text-align:center;
}

/* fix to allow html embedded lists within pages */
/* this particular scenario only fixes <ul>'s within <ol>'s as requested by Scottish Widows (12th June 2007) */
/* updated 19-06-2007, Martin Burford, Modem Media */
ol.override{
       margin:0 0 10px 28px !important;
       padding:0 !important;
       list-style:decimal !important;
}

ol.override li{padding-bottom:5px !important;}
ol.override ul.embedded li{padding:5px 0 0 0 !important;}
ol.override ul{margin:0 0 0 16px !important;}

ol.override ul li{
       list-style:disc !important;
       margin:0 0 0 16px !important;
}



/* column lists layout */

div.oneColumnList,
div.twoColumnList,
div.twoColumn{
	width:100% !important;
	padding:0;
	float:left;
	clear:both;
}

div.oneColumnList h5,
div.twoColumnList h5{
	padding:0;
}

div.twoColumnList div,
div.twoColumn div{
	float:right;
	width:48%;
	padding:0;
}

div.twoColumnList div.columnFirst,
div.twoColumn div.columnFirst{float:left;}

div.twoColumn{
	margin-bottom:15px;
	border-bottom:solid 1px #ccc;
	padding-bottom:15px !important;
}

div.twoColumn p{margin:0 !important;}

#sidebar ul.docs{margin-top:6px;}

#sidebar ul.docs{margin-left:3px;padding:0;}

#sidebar ul.docs li a,
#sidebar ul.pdf_sub_docs li a{
	padding-left:20px;
	padding-bottom:2px;
	background:transparent url(../images/mql_icon_docs.gif) no-repeat 3px 3px;
	display:block;
}

#sidebar ul.pdf_sub_docs li a{background:transparent url(../images/mql_icon_docs.gif) no-repeat 0 3px;}
#sidebar ul.pdf_sub_docs{border-top:solid 1px #dedede;padding-top:6px;}
#sidebar ul.pdf_sub_docs li{padding-bottom:0 !important;}

#sidebar ul.docs li ul{
	font-size:1em;
	padding-left:3px;
}



#sidebar ul.tools{margin-top:6px;}

#sidebar ul.tools{margin-left:3px;padding:0;}

#sidebar ul.tools li a,
#sidebar ul.pdf_sub_tools li a{
	padding-left:20px;
	padding-bottom:2px;
	background:transparent url(../images/mql_icon_tools.gif) no-repeat 3px 3px;
	display:block;
}


/* toggle animated blocks */

#content  div.xpando,
#content  div.xpando-content {
	/* undo Modem default div styles */
	float: none;
	width: auto;
	/* undo weird div styling for ie6 */
	height: auto;
}

.xpando-content {
	background-color: #efefef;
	padding: 5px 5px 7px;
}

div.xpando h4 {
	margin: 0.7em 0 0;
	padding: 5px 5px 5px 11px;
	border-bottom: 2px solid #cccccc;
	background: url(../images/global/toggle_contracted.gif) top left no-repeat;
}

div.xpando h4.xpanded {
	background: url(../images/global/toggle_expanded.gif) top left no-repeat;
}

div.xpando h4 a {
	color: #000;
	text-decoration: none !important;
}

div.xpando h4 a span.tog {
	font-weight: normal;
	padding-left: 0.5em;
}

.xpando-content span.indentL1, 
.xpando-content span.indentL2, 
.xpando-content span.indentL3 {
	display: block;
}

.xpando-content span.indentL1{padding-left:11px;background:url(../images/global/span_chevron_L1.gif) no-repeat left 4px;}
.xpando-content span.indentL2{padding-left:22px;background:url(../images/global/span_chevron_L1.gif) no-repeat 11px 4px;}
.xpando-content span.indentL3{padding-left:33px;background:url(../images/global/span_chevron_L1.gif) no-repeat 22px 4px;}

/* new line from Martin, untested as this does not yet occur in the site */
.xpando ul.margin_override{margin-bottom:0 !important;}




.caption
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:78%;
	line-height:1.1;
	color:#333333;
	padding:10px 0px 25px 0px
}

/* Podcasting */

#content h3.pc_audio {
	background: url(../images/buttons/audio_wee.gif) left 50% no-repeat;
	padding-left: 32px;
	line-height: 1.4;
	border: 0;
}

#content h3.pc_video {
	background: url(../images/buttons/video_wee.gif) left 50% no-repeat;
	padding-left: 32px;
	line-height: 1.4;
	border: 0;
}

div.podcast {
	border-top: 1px solid silver;
	padding: 14px 0 3px;
	margin-bottom: 18px;
}

div.podcast span.download {
	text-align: right;
}

/* Bold Numbers in ol */

ol.boldnumbers {
		color: #666666;
		font-weight: bold;
}

ol.boldnumbers li p {
		font-weight: normal;
		color: #333;
}

/* telephone numbers */
 span.tel { white-space: nowrap; }
 
/* bookmark button with bottom link*/
.bookmark_links {
	clear:both;
	border-top:solid 1px #dbdbdb;
	padding-top:2px;
	margin-bottom:15px !important;
	width:100% !important; 
	background:url(../images/global/links_fade.gif) repeat-x left top;
}
