/*
 BHP / Nameless
 main styles
 Developed by Ollie B 28/08/07
 Reworked by Dil Lehal for KC Global Canada June-July 2009
*/

.launch #maincontent #content.landing ul.secLinks li:after,
.businessMatters:after,
.upAndRunning:after,
#footer:after,
#leftcolumn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ----------------------------------------------- */
/* GENERAL */
/* ----------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 0.7em;
		padding: 0 0 10px 0;
		background-color : #fff
	}

	a {
		color: #ff0000;
	}

	a:hover {
		text-decoration: none;
	}

	p {
		margin: 0;
		padding: 0;
		line-height: 1.3em
	}

	img {
		border: 0;
		display: block;
	}

	.hide {
		position: absolute;
		left: -6000em!important;
	}

	.clear {
		clear: both;
	}

	.bold {
		font-weight: bolder;
	}

	fieldset {
		border: 0;
	}

/* ----------------------------------------------- */
/* PAGE LAYOUT */
/* ----------------------------------------------- */

	#outer-wrapper {
		padding-top: 20px;
	}

		#wrapper {
			width: 898px;
			margin: 0 auto 0 auto;
			text-align: left;
			padding: 0;
		}


/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */

	#header {
		position: relative;
		/*height: 117px;*/
		background: #fff url(/_images/background/bg_header_books.jpg) no-repeat left bottom;
		padding-bottom: 10px;
	}

		#header li.first {
			padding-left: 5px;
			background: none;
		}

		#header li {
			padding: 3px 5px 0 6px;
			list-style-type: none;
			display: inline;
			font-size: 11px;
			float: left;
			min-height: 23px; /* have to use height in ie6 */
			background: transparent url(/_images/nav/bg_tabDivider.png) no-repeat left center;
		}

			#header li.selected a {
				color: #8e8e8e;
			}

			#header li a {
				color: #333333;
				text-decoration: none;
				float: left;
				display: block;
				padding-top: 3px;
			}

			#header li a:hover,
			#header li a:focus {
				text-decoration: underline;
			}

/* logo image */

		a#logo {
			display: block;
			margin: 0 0 18px 0;
			padding-top: 6px;
			float: left;
		}

/* Courtesy nav */

		#header #cnav {
			float: right;
			margin-right: -5px;
		}

			#header #cnav li.first {
				background: none;
				padding-left: 0;
			}

			#header #cnav li {
				background: transparent url(/_images/nav/bg_cnavDivider.png) no-repeat left 6px;
				padding-top: 0;
				min-height: 0;
			}

				#header #cnav li a {
					color: #565656;
				}

/* Search form */

		#searchform {
			display: block;
			float: right;
			margin-top: 18px;
			clear: right;
			margin-bottom: 12px;
		}

			#searchform #search {
				border: 0 none;
				background: #f7f7f8 url(/_images/background/bg_searchbox.png) no-repeat left;
				color: #666666;
				padding: 3px 7px;
				width: 141px;
				font-size: 0.9em;
				float: left;
				min-height: 14px;
			}

			#searchform #submit {
				border: 0 none;
				background: white url(/_images/background/bg_submit_button.png) no-repeat left top;
				color: #fff;
				padding: 1px 12px 3px 0;
				font-size: 0.9em;
				float: left;
				font-weight: bolder;
				width: 64px;
				height: 20px;
				min-height: 20px;
			}

			#searchform.fr #submit {
				background: white url(/_images/background/bg_submit_button_fr.png) no-repeat left top;
				width: 88px;
			}

/* h1 is main title */

		#header h1 {
			overflow: hidden; /* to stop the title covering the page content when text size is increased */
			font-size: 1.6em;

			clear: both;
		}

		#header h1.en,
		#header h1.en a {
			width: 268px;
			height: 75px;
		}

		#header h1.fr,
		#header h1.fr a {
			width: 316px;
			height: 75px;
		}

			#header h1 a {
				display: block;
				text-decoration: none;
				position: relative;
				color: #000;
			}

			#header h1 span {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px; /* top and left values needed for netscape 7 */
				left: 0px;
				cursor : pointer;
			}

			#header h1.en span {
				background: url(/_images/logos/hd_main_title_en.gif) no-repeat left top;
			}

			#header h1.fr span {
				background: url(/_images/logos/hd_main_title_fr.gif) no-repeat left top;
			}

#header .backLink {
	margin: 15px 0 0 10px;
	font-size: 1.1em;
}

/* ----------------------------------------------- */
/* MAIN CONTENT */
/* ----------------------------------------------- */

	#maincontent {
		width: 898px;
		float: left;
		margin-top: 0;
		min-height: 450px;
	}

	.home #maincontent {
		margin-top: 23px;
	}


/* text colors */

		#maincontent .grey {
			color: #666;
		}

		#maincontent .green {
			color: #3e9b0a;
		}

		#maincontent .red {
			color: #ff0000;
		}

		#maincontent .blue {
			color: #0b5eb7;
		}

/* pagetitle */

		#maincontent #pagetitle {
			background: transparent url(/_images/background/bg_pagetitle_676.gif) no-repeat left top;
			width: 676px;
			min-height: 52px;
			border-bottom: 1px solid #b0b6bb;
			float: left;
			clear: both;
		}

			#maincontent #pagetitle h2 strong {
				font-weight: bold;
			}

			#maincontent #pagetitle h2 {
				color: #000;
				margin: 18px 0 0 10px;
				padding: 0;
				font-weight: normal;
				font-size: 18px;
			}

			#maincontent #pagetitle p,
			#maincontent #pagetitle a {
				float: right;
				clear: both;
				text-align: right;
				font-size: 1.1em;
			}

			#maincontent #pagetitle p {
				margin: -28px 8px 0 0;
			}

			#maincontent #pagetitle a {
				color: #FF0000;
				margin: -15px 11px 10px 0
			}


/* content */

	#maincontent #content {
		width: 352px; /* what is the general case for this? - make it width when article page is loaded (2col) */
		margin: 18px 20px 10px 0;
		float: left;
		font-size: 1.1em;
	}

		#maincontent #content h2,
		#maincontent #leftcontent h2 {
			font-size: 1.47em;
			color: #000;
			margin-bottom: 15px;
			font-weight: normal;
		}

		.news #maincontent #content h2,
		.briefing #maincontent #content h2 {
			font-size: 1.8em;
		}

		#maincontent #content h3 {
			font-size: 1.3em;
			color: #666;
			margin-bottom: 5px;
		}

		.news #maincontent #content h3 {
			font-size: 1.47em;
		}

		#maincontent #content p {
			margin-bottom: 15px;
			font-size: 1em;
		}

/* article-list */

			#maincontent #leftcontent .article-list li,
			#maincontent #content .article-list li {
				list-style: none;
				/*margin-bottom : 30px;
				margin-right : 20px;
				margin-left: 10px;*/
				margin: 0 20px 30px 0;
			}

				#maincontent #leftcontent .article-list li h3,
				#maincontent #content .article-list li h3 {
					font-size: 1em;
					font-weight: normal;
				}

				#maincontent #leftcontent .article-list li p,
				#maincontent #content .article-list li p {
					color: #666;
				}

				#maincontent #leftcontent .article-list li img,
				#maincontent #content .article-list li img {
					float:left;
					margin:3px 8px 0 0;
				}

				#maincontent #leftcontent .article-list li.hasvideo,
				#maincontent #content .article-list li.hasvideo {
					/*padding-right : 90px;*/
					min-height : 90px;

				}

				  #maincontent #leftcontent .article-list li.hasvideo p,
				  #maincontent #content .article-list li.hasvideo p,
		  #maincontent #leftcontent .article-list li.hasvideo h3,
		  #maincontent #content .article-list li.hasvideo h3 {
			margin-right : 90px;
		  }

				  #maincontent #leftcontent .article-list li.hasvideo a,
				  #maincontent #content .article-list li.hasvideo a {
					display : block;
					position : relative;
				  }

				  #maincontent #leftcontent .article-list li.hasvideo a span,
				  #maincontent #content .article-list li.hasvideo a span {
					display : block;
					width : 79px;
					height : 89px;
					position : absolute;
					top : 0px;
					left : 242px;
					background : url(../_images/background/bg_home_video_icon.gif) no-repeat top left;
				  }


/* link-list */


			#maincontent #content .link-list h3 {
				margin: 15px 10px 15px 10px;
				font-size: 1.1em;
				font-weight: normal;
			}

			#maincontent #content .link-list ul {
				background: #fff url(/_images/background/bg_link_list.png) repeat-y left top;
				padding: 10px 0 5px 0;
				margin: 0 0 15px 0;
			}

			#maincontent #content .link-list li {
				list-style: none;
				padding: 0 10px 8px 15px;
				margin: 0;
				font-size: 1.06em;
			}


/* toppofpage */

	#maincontent #content .topofpage {
		float: left;
		clear: both;
		margin: 10px 0 20px 10px;
	}

	.search #maincontent #content .topofpage {
		margin-left: 0;
	}

	#maincontent #content .topofpage li {
		list-style: none;
		background: transparent url(/_images/nav/topofpage.gif) no-repeat 0 4px;
		padding-left: 13px;
		font-size: 0.9em;
	}


/* video container */
  #playercontainer {
    margin-left:10px;
    width:331px;
  }

	#maincontent #content #videocontainer {
		float: right;
		width: auto;
		margin: 0 0 10px 20px;

		/********************************************************************************
		 ********************************************************************************
		 **                                                                            **
		 ** Code to allow Caption/Text-Alternative edititing                           **
		 **                                                                            **
		 ********************************************************************************
		 ********************************************************************************
		 *
		position: relative;
		width: 256px;
		height: 210px;
		border: 1px solid black;
		*/
	}

		/********************************************************************************
		 ********************************************************************************
		 **                                                                            **
		 ** Code to allow Caption/Text-Alternative edititing                           **
		 **                                                                            **
		 ********************************************************************************
		 ********************************************************************************
		 *
		#maincontent #content #videocontainer #playercontainer {
			position: absolute;
			width: 256px;
		}

		#maincontent #content #videocontainer #textcontainer {
			position: absolute;
			width: 256px;
			height: 160px;
			margin-top: 20px;
			overflow: scroll;
		}

		#maincontent #content #videocontainer .caption {
			position: absolute;
			bottom: 0;
			width: 256px;
			height: 15px;
		}
		*/

/* rightcolumn */

	#maincontent #rightcolumn {
		width: 202px;
		margin: 0;
		/*border-left: #fff solid 10px;*/
		float: left;
	}

		.home #maincontent #rightcolumn {
			margin-top: 14px;
		}

/* left content */
	#maincontent #leftcontent {
		width: 314px;
		float: left;
		margin-right: 15px;
		background: transparent url(/_images/background/bg_leftcontent.png) no-repeat left top;
		font-size: 1.1em;
		padding-top: 5px;
	}

/* ----------------------------------------------- */
/* leftcolumn */
/* ----------------------------------------------- */

	#maincontent #leftcolumn {
		width: 696px;
		float: left;
	}

/* ----------------------------------------------- */
/* rightcolumn */
/* ----------------------------------------------- */

	#maincontent #rightcolumn .adverts {
		text-align: center;
		margin-bottom: 30px;
	}

		#maincontent #rightcolumn .adverts img {
			display: inline;
		}

/* ----------------------------------------------- */
/* ASSETS */
/* ----------------------------------------------- */

/* asset1 (international business), asset2 (green business), social enterprises*/

		#maincontent .asset1,
		#maincontent .asset2,
		#maincontent .socialEnterprises,
		#maincontent .asset10 {
			margin-bottom: 10px;
			/*padding: 15px 7px 5px 10px;*/

			overflow: hidden;
			position: relative;
			width: 178px;
			height: 72px;
		}

		#maincontent .asset1 {
			height: 84px;
		}

		#maincontent .asset2 {
			height: 60px;
		}

		#maincontent .socialEnterprises {
			height: 72px;
		}

		#maincontent .emailNewslettersBanner {
			margin-bottom: 20px;
		}



		#maincontent .businessNetwork,
		#maincontent .businessNetworkBig {
			margin-bottom: 20px;
			margin-top: 10px;
		}

		#maincontent .businessNetworkBig {
			margin-top: 0;
		}

		#maincontent .asset1 span,
		#maincontent .asset2 span,
		#maincontent .socialEnterprises span,
		#maincontent .asset10 span {
			position: absolute;
			height: 100%;
			width: 100%;
		}

		#maincontent .asset1 span {
			background: transparent url(/_images/background/bg_asset1.gif) no-repeat left top;
		}

		#maincontent .asset2 span {
			background: transparent url(/_images/background/bg_asset2.gif) no-repeat left top;
		}

		#maincontent .socialEnterprises span {
			background: transparent url(/_images/background/bg_social_enterprises.gif) no-repeat left top;
		}

/* asset3 (small business news) */

	/* to allow smallbusiness banner (1st) then email newsletters small banner (2nd) to sit together. This way when smallbusiness banner is removed, the email nwesletters small banner will still look correct (news page example) */
		#maincontent #rightcolumn .asset3 {
			border-bottom: 0;
		}

		#maincontent #rightcolumn .asset3-rhs {
			margin-bottom: 0;
		}



	/* end override styles */

		#maincontent .asset3,
		#maincontent .emailNewsBannerSmall {
			background: transparent url(/_images/background/bg_asset3.jpg) no-repeat right bottom;
			border-bottom: 1px solid #b5bec0;
			padding: 8px 35px 8px 8px;
			font-size: 1.6em;
			font-weight: normal;
			width: 135px;
		}

		#maincontent .emailNewsBannerSmall {
			border-top: 1px solid #b5bec0;
		}

		#maincontent .emailNewsBannerSmall {
			background: transparent url(/_images/background/bg_emailNewsBannerSmall.jpg) no-repeat right bottom;
			margin-bottom: 10px;
		}

			#maincontent .asset3 a {
				text-decoration: none;
				color: #000;
			}

			#maincontent .emailNewsBannerSmall a {
				text-decoration: none;
				color: #000;
			}

				#maincontent .emailNewsBannerSmall a span {
					color: #ff0000;
				}

				#maincontent .asset3 a span {
					color: #666;
				}

		#maincontent .asset3-rhs {
			border-top: 1px solid #b5bec0;
			margin-bottom: 10px;
		}

/* asset4 (e-newsletter) */

		#maincontent .asset4 {
			background: transparent url(/_images/common/asset4_img.jpg) no-repeat 5px 0;
			padding: 8px 0 11px 0;
			margin: 20px 0 10px 0;
			border-left: #fff solid 10px;
			border-right: #fff solid 10px;
		}

			#maincontent .asset4 h3 {
				margin: 0 0 31px 27px;
				font-size: 1.4em;
				line-height: 1.4em;
			}

				#maincontent .asset4 h3 a {
					text-decoration: none;
					color: #fff;
					padding: 5px;
					display: block;
					width: 93px;
					height: 52px;
					background-color: #000;
				}

			#maincontent .asset4 p {
				font-size: 1.1em;
				padding: 0 0 0 6px;
			}

			#maincontent .asset4 a {
				text-decoration: underline;
			}

				#maincontent .asset4 a:hover {
					text-decoration: none;
				}

			#maincontent .large {
				font-size: 1.7em;
				font-weight: normal;
			}

/* asset5 (other news) */

		#maincontent .asset5 {
			border-bottom: 1px solid #b5bec0;
			padding: 17px 68px 0 10px;
			font-size: 1.6em;
			font-weight: normal;
		}

		#maincontent #rightcolumn .asset5 {
			padding: 0 0 10px 10px;
		}

/* asset6 (up & running) */

		#maincontent .asset6 {
			margin: 20px 0 10px 0;
			text-align: left;
			border-left: #fff solid 5px;
			border-right: #fff solid 5px;
		}

		#maincontent .asset6 h3 {
			background: transparent url(/_images/background/bg_asset6.gif) no-repeat right 3px;
			padding: 0 20px 3px 0;
			float: left;
			clear: both;
			font-size: 2em;
		}

			#maincontent .asset6 h3 a {
				color: #000;
				text-decoration: none;
			}

		#maincontent .asset6 p {
			font-size: 1.3em;
		}

			#maincontent .asset6 p a {
				color: #666;
				text-decoration: none;
			}


/* asset7 (business tv) */

		#maincontent #content .asset7 {
			border-bottom: 5px solid #ff0000;
			background: #fff url(/_images/background/bg_content_advert_home_top.gif) no-repeat 0 40px;
			width: 352px;
			margin-bottom: 10px;
			float: left;
			color : black;
			text-decoration : none;
			display : block;
		}

			#maincontent #content .asset7-container {
				background: transparent url(/_images/background/bg_content_advert_home_main.gif) no-repeat;
				float: left;
				width: 342px;
				padding: 5px
			}

				#maincontent #content .asset7-content {
					background: transparent url(/_images/common/content_advert_home.png) no-repeat right bottom;
					float: left;
					width: 322px;
					height: 100%;
					padding: 63px 5px 5px 15px;
				}

		  #maincontent #content .asset7-content a {
            position : relative;
          }

		  #maincontent #content .asset7-content a span {
            position : absolute;
            width : 352px;
            display : block;
            float : left;
            left : -20px;
            top : -143px;
            height : 173px;
          }


					#maincontent #content .asset7-content h3,
					#maincontent #content .asset7-content p {
						width: 190px;
					}

					#maincontent #content .asset7-content h3 {
						font-size: 1.7em;
						margin-bottom: 6px;
						color: #000;
					}

						#maincontent #content .asset7-content h3 span {
							font-size: 1em;
							font-weight: bold;
						}

					#maincontent #content .asset7-content p {
						margin: 0 0 4px 0;
					}

					/*#maincontent #content .asset7-content p.link {
						color: #ff0000;
						text-decoration : underline;
					}

					#maincontent #content a.asset7:hover p.link {
						text-decoration : none;
					}*/

/* asset8 (what to do next) */

		#maincontent .asset8 {
			margin-bottom: 32px;
		}

			#maincontent .asset8 h3 {
				color: #fff;
				background-color: #b4b4b4;
				padding: 10px;
				font-size: 1.4em;
			}

			#maincontent .asset8 ul {
				background-color: #eaeaea;
				padding: 10px 10px 3px 10px;
			}

			#maincontent .asset8 li {
				list-style: none;
				padding-bottom: 10px;
				font-size: 1.1em;
			}

				#maincontent .asset8 li h4 {
					font-size: 1em;
					font-weight: normal;
				}

			/*#maincontent .asset8 span {
				background: transparent url(/_images/common/asset8_img1.jpg) no-repeat left top;
				width: 178px;
				height: 103px;
				display: block;
			}

			#maincontent .asset8-img1 span {
				background-image: url(/_images/common/asset8_img1.jpg);
			}

			#maincontent .asset8-img2 span {
				background-image: url(/_images/common/asset8_img2.jpg);
			}

			#maincontent .asset8-img3 span {
				background-image: url(/_images/common/asset8_img3.jpg);
			}

			#maincontent .asset8-img4 span {
				background-image: url(/_images/common/asset8_img3.jpg);
			}*/


/* asset9 (setup franchise, start business) */

		#maincontent .asset9 {
			background: #fff url(/_images/background/bg_asset9_top.gif) no-repeat left top;
			margin-bottom: 15px;
			padding-top: 5px;
		}

			#maincontent .asset9 ul {
				background: #fff url(/_images/background/bg_asset9_main.gif) no-repeat right bottom;
				border-top: 1px solid #bbb;
				padding: 10px 10px 3px 10px;
			}

			#maincontent .asset9 li {
				list-style: none;
				font-size: 1.1em;
				padding-bottom: 10px;
			}

				#maincontent .asset9 li a {
					text-decoration: none;
				}

					#maincontent .asset9 li a:hover {
						text-decoration: underline;
					}


/* asset10 (writing a business plan)*/
/* asset1 (international business), asset2 (green business)*/

	#maincontent .asset10 {
		margin-top : 15px;
		height: 151px;
	}

		#maincontent .asset10 span {
			background: transparent url(/_images/background/bg_asset10.gif) no-repeat right top;
		}

		/*#maincontent .asset10 h3 {
		font-size : 1.48em;
		font-weight : normal;
	  }

		  #maincontent .asset10 h3 a{
		padding-top : 20px;
		padding-right : 50px;
		padding-bottom : 8px;
	  }

      #maincontent .asset10 a {
        text-decoration : none;
        display : block;
      }

		#maincontent .asset10 a.arrow {
		  background : transparent url(/_images/nav/bullet_subnav.gif) no-repeat scroll 0 10px;
          padding-left : 12px;
          padding-top : 8px;
          display : block;
          padding-bottom : 8px;
          font-size : 1.1em;

        }

      #maincontent .asset10 p a {
       color : #666666;
       font-size : 1.15em;
	  }*/

      .asset11 {
				display : block;
				margin : 25px 0 15px 0;
			}

/*Google adwords banner*/
.googleAdwordsBanner,
.emailNewslettersBanner,
.businessNetwork,
.businessNetworkBig {
	float : right;
	margin-bottom : 25px;
}

/* ----------------------------------------------- */
/* PAGINATION */
/* ----------------------------------------------- */

	#maincontent #content .pagination {
		display: block;
		padding: 0;
		margin: 10px 0 25px 0;
		padding: 0;
	}

	#maincontent #content .bottom {
		margin-top: 25px;
	}

		#maincontent #content .pagination p {
			color: #000;
		}

		#maincontent #content .pagination a {
			text-decoration: underline;
		}

			#maincontent #content .pagination a:hover {
				text-decoration: none;
			}

		#maincontent #content .pagination p {
			display: inline;
			margin: 0;
		}


/* -------- page numbers list ----------- */

		#maincontent #content .pagination ul.pages {
			display: inline;
			margin: 0 0 0 5px;
		}

			#maincontent #content .pagination ul.pages li {
				display: inline;
				margin: 0 5px 0 0;
				padding: 0;
				background: none;
				font-size: 1em;
			}

				#maincontent #content .pagination ul.pages li.current {
					text-decoration: none;
					font-weight: bolder;
				}

				#maincontent #content .pagination ul.pages li.first {
					padding-right: 12px;
					background: transparent url(/_images/nav/bg_pagin_pages_divider.gif) no-repeat right;
				}

				#maincontent #content .pagination ul.pages li.last {
					padding-left: 12px;
					background: transparent url(/_images/nav/bg_pagin_pages_divider.gif) no-repeat left;
				}

/* -------- prev next list ----------- */

		#maincontent #content .pagination ul.nav {
			float: right;
			margin: -15px 5px 0 0;
			list-style: none;
		}

			#maincontent #content .pagination ul.nav li {
				float: left;
				margin: 0;
				padding: 0;
				background: none;
				font-size: 1em;
				color: #666;
			}


				#maincontent #content .pagination ul.nav li a {
					text-decoration: none;
				}

					#maincontent #content .pagination ul.nav li a:hover {
						text-decoration: underline;
					}

/* --------- previous button styles ----------- */

				#maincontent #content .pagination ul.nav li.back {
					padding: 0 7px 0 0;
				}

					#maincontent #content .pagination ul.nav li.back a {
						background: #fff url(/_images/nav/bullet_pagin_previous.gif) no-repeat left 3px;
						padding: 0 0 0 10px;
					}

					#maincontent #content .pagination ul.nav li.back .inactive  {
						background: #fff url(/_images/nav/bullet_pagin_previousnolink.gif) no-repeat left 3px;
						padding: 0 0 0 10px;
					}



/* --------- next button styles ----------- */

				#maincontent #content .pagination ul.nav li.next  {
					background: #fff url(/_images/nav/bg_pagin_divider.gif) no-repeat 0 2px;
					padding: 0 0 0 9px;
				}

					#maincontent #content .pagination ul.nav li.next a  {
						background: #fff url(/_images/nav/bullet_pagin_next.gif) no-repeat right 3px;
						padding: 0 10px 0 0;
					}

					#maincontent #content .pagination ul.nav li.next .inactive  {
						background: #fff url(/_images/nav/bullet_pagin_nextnolink.gif) no-repeat right 3px;
						padding: 0 10px 0 0;
					}


/* ----------------------------------------------- */
/* PAGE LAYOUT VARIATIONS */
/* ----------------------------------------------- */

/* 3 columns w pagetitle (default)
-----------------------------------
Used by:
 - article.html
*/

/* 3 columns w/o page title
----------------------------
Used by:
 - index.html
 - launch.html
 - list.html
*/

		/*.nopagetitle #header {
			background: #fff url(/_images/background/bg_header_nopagetitle.gif) no-repeat left bottom;
		}*/

		/*.nopagetitle #footer {
			background: #fff url(/_images/background/bg_footer_nopagetitle.gif) no-repeat left top;
		}*/

		.nopagetitle #maincontent #pagetitle {
			display: none;
		}

			.nopagetitle #maincontent #subnav {
				background: transparent url(/_images/background/bg_subnav_158.gif) no-repeat left top;
				margin-top: 0;
				padding-top: 5px;
				/*width: 178px;*/
			}

			.nopagetitle #maincontent #content {
				background: transparent url(/_images/background/bg_content_498.gif) no-repeat left top;
				margin-top: 0;
				padding-top: 5px;
			}

			.nopagetitle #maincontent #rightcolumn {
				margin-top: 0;
			}


/* Content widths */
			.launch #maincontent #content,
			.list #maincontent #content,
			.briefing #maincontent #content {
				width: 498px;
			}

			.home #maincontent #content {
				width: 352px;
				margin-right: 15px;
				background: #fff url('/_images/background/bg_content_352.png') no-repeat left top;
			}

			.two-column #maincontent #content {
				width: 676px;
			}

			.news #maincontent #content,
			.search #maincontent #content,
			.static #maincontent #content {
				padding-left: 10px;
				width: 666px; /* 10px less than 676px due to padding */
			}


/* 2 columns w/o page title
----------------------------
Used by:
 - article_list.html
 - briefing.html
 - briefing_video.html
 - checklist.html
*/

		/*.two-column #header {
			background: #fff url(/_images/background/bg_header_2column.gif) no-repeat left bottom;
		}*/

		/*.two-column #footer {
			background: #fff url(/_images/background/bg_footer_2column.gif) no-repeat left top;
		}*/

			.two-column #maincontent #subnav {
				display: none;
			}


/* asset variations */

/* ----------------------------------------------- */
/* CUSTOM PAGE STYLES */
/* ----------------------------------------------- */
/* HOMEPAGE */
/* mainnav */

/* breadcrumb */

	/*.home #breadcrumb {
		min-height: 82px;
	}*/

		.home #breadcrumb ul {
			display: none;
		}

		.home #breadcrumb h2 {
			display: block;
		}

		/*.home #breadcrumb #searchform {
			margin-top: 50px;
		}*/


/* content */

			.home #maincontent #content h2,
			.home #maincontent #leftcontent h2 {
				border-bottom: 1px solid #b5bec0;
				padding: 10px;
			}

			.home #maincontent #leftcontent .article-list li {
				margin-right: 0;
				margin-bottom: 15px;
				border: 3px solid #f8f8f8;
				border-bottom: none;
				padding: 9px 9px 9px 10px;
				min-height: 74px;
				background: #ededed url(/_images/background/bg_featurebox.png) repeat-x left bottom;
			}

				 .home #maincontent #leftcontent .article-list li h3,
				 .two-column #maincontent #leftcontent .article-list li h3{
					font-size: 1.14em;
					margin-bottom: 9px;
				 }

				.home #maincontent #leftcontent .article-list li p{
					margin-bottom : 0;
				}

				.home #maincontent #leftcontent .article-list li:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
				}

/* LAUNCH PAGE */
/* content */

			.launch #maincontent #content h2 {
				padding: 0 10px 0 10px;
			}

			.launch #maincontent #content img {
				float: right;
				margin-top: 15px;
			}

					.launch #maincontent #content .article-list li {
						margin-left: 10px;
						margin-right: 0;
					}

					.launch #maincontent #content .link-list p {
						/*margin: 15px 10px 15px 10px;*/
						color: #666;
						font-size: 1em;
					}

							.launch #maincontent #content .link-list .article-list li {
								margin-left: 0;
							}



/* BRIEFING PAGE */
/* content */

			.briefing #maincontent #content img {
				float: right;
				margin: 0 0 10px 0;
				border-right: 15px solid #fff;
				border-left: 15px solid #fff;
				background: #fff;
			}

/* intro text */

	.briefing #maincontent #content .standfirst p,
	.briefing #maincontent #content .introtext,
	.article .standfirst p,
	.article .introtext
   p {
		margin: 0 15px 15px 0;
		color: #000;
	}

		.briefing #maincontent #content .htdi .standfirst p,
		.briefing #maincontent #content .htdi .introtext p {
			background: none;
			padding: 0;
			margin: 0 15px 15px 0;
			color: #000;
		}

/* contents */

	.briefing #maincontent #content div.contents h3 {
		margin-top: 0;
	}

		.briefing #maincontent #content div.contents ol {
			margin: 0;
			padding: 4px 0 0 28px;
		}

			.briefing #maincontent #content div.contents ol li {
				margin: 0 0 6px 0;
				padding: 0;
				list-style-type: none;
				position: relative;
				font-size: 1.06em;
			}

				.briefing #maincontent #content div.contents ol li span {
					position: absolute;
					left: -14px;
				}
/* htdi */

		#maincontent #content .htdi p {
			background: transparent url(/_images/nav/bullet_pagin_nextnolink_alt.gif) no-repeat  10px 3px;
			padding: 0 0 5px 22px;
		}

			.briefing #maincontent #content .htdi .section p {
				color: #000;
			}

			#maincontent #content .htdi p span {
				background: #fff;
				margin: 0 2px 0 -22px;
			}


/* SBU article intro */

		.briefing #maincontent #content .intro {
			font-style: italic;
		}


/* briefing-list */

			.briefing #maincontent #content ul {
				background: #f4f7f8 url(/_images/background/bg_content_498.gif) no-repeat left top;
				padding: 15px 15px 5px 15px;
				margin: 0 0 15px 0;
			}

				.briefing #maincontent #content ul li {
					list-style: none;
					display: block;
					background: transparent url(/_images/nav/bullet_subnav.gif) no-repeat  0 2px;
					padding: 0 0 9px 12px;
				}

					.briefing #maincontent #content li strong,
					.briefing #maincontent #content p strong {
						color: #000;
						font-weight: bold;
					}


			.briefing #maincontent #content h3 {
				border-bottom: 1px solid #b0b6bb;
				color: #000;
				padding-bottom: 10px;
				margin: 20px 0 10px 0;
			}

			.briefing #maincontent #content h4 {
				color: #666;
				text-transform: uppercase;
				margin: 0 0 8px 0;
				font-size: 1em;
			}

			.briefing #maincontent #content p {
				margin-bottom: 8px;
				/*
				color: #666;
				*/
			}

				.briefing #maincontent #content .section p {
					color: #666;
				}

				.briefing #maincontent #content li strong {
					color: #FF0000;
					font-weight: bold;
				}

/* checklist */

			/* checklist h3 */
			.briefing #maincontent #content .checklist {
				margin-bottom: 15px;
				font-size: 1.9em;
				font-weight: normal;
				color: #000;
				border: none;
				padding: 0;
			}

			.briefing #maincontent #content ol {
				margin: 0 20px 0 32px;
			}

				.briefing #maincontent #content ol > li {
					padding: 0 0 15px 0;
				}


/* quote */

	.briefing #maincontent #content .quote {
		margin: 0 25px 15px 15px;
	}

		.briefing #maincontent #content .quote q {
			color: #0b5eb7;
			font-style: italic;
			display: block;
		}

		.briefing #maincontent #content .quote cite {
			font-style: normal;
			color: #000;
			display: block;
		}


/* signpost */

	#maincontent #content .signpost p,
	#maincontent #content .signpost li {
		font-style: italic;
	}


/* boxout */

	#maincontent #content .boxout {
		background: transparent url(/_images/background/bg_boxout.jpg) no-repeat top left;
		padding-bottom: 10px;
		border-top: 10px solid #fff;
	}

		#maincontent #content .boxout h4 {
			color: #000;
			padding: 10px 0 0 15px;
			margin-bottom: 10px;
			font-size: 1.06em;
		}

		#maincontent #content .boxout p {
			margin-left: 15px;
		}

		#maincontent #content .boxout ul {
			background: none;
			padding: 0 0 0 15px;
			margin-bottom: 10px;
		}

		#maincontent #content .boxout ul li {
			color: #666;
			background: transparent url(/_images/nav/bullet_pagin_nextnolink_alt.gif) no-repeat  1px 3px;
		}

/* normal styles */
/* resets overidden generic styles */

/* top of page */

	.briefing #maincontent #content .topofpage {
		background: none;
		margin: 10px 0 20px 0;
		padding: 0;
		width: auto;
	}

		.briefing #maincontent #content .topofpage li {
			list-style: none;
			background: transparent url(/_images/nav/topofpage.gif) no-repeat 0 4px;
			padding-left: 13px;
			width: auto;
		}


/* LIST PAGE */
/* content */

			.list #maincontent #content h2 {
				border-bottom: 1px solid #b5bec0;
				padding: 10px;
				font-size: 1.7em;
			}

			.list #maincontent #content img {
				float: right;
				margin-top: 15px;
			}

					.list #maincontent #content .link-list p {
						margin: 15px 10px 15px 10px;
						color: #666;
						font-size: 1em;
					}

					.list #maincontent #content .article-list li {
						margin-left: 10px;
						margin-right: 0;
					}

						.list #maincontent #content .link-list .article-list li {
							margin-left: 0;
						}


/* NEWS ARTICLE LIST PAGE */
/* asset3 */

		.article-list #maincontent .asset3 a,
		.article-list #maincontent .asset3 a span {
			color: #ff0000;
		}


/* NEWS DETAIL PAGE */
/* content */

		.news #maincontent #content ul {
			margin: 5px 10px 10px 20px;
		}

			.news #maincontent #content i ul {
				margin: 15px 0 10px 0;
				list-style: none;
			}

		.news #maincontent #content ol {
			margin: 5px 10px 10px 25px;
		}

		.news #maincontent #content li {
			margin: 0;
		}

			.news #maincontent #content .topofpage {
				margin: 10px 0 20px 0px;
			}

/* asset3 */

		.news #maincontent .asset3 a,
		.news #maincontent .asset3 a span {
			color: #ff0000;
		}


/* TERMS & CONDITIONS */
/* content */

			.terms #maincontent #content h3 {
				font-size: 1.2em;
			}


/* SEARCH RESULTS */

			.search #maincontent #content h3 {
				font-size: 1.2em;
				font-weight: normal;
			}

			.search #maincontent #content p {
				margin-bottom: 0px;
				color: #666;
			}

					.search #maincontent #content p strong {
						color: #000;
					}

			.search #maincontent #content .result {
				margin-bottom: 20px;
				display: block;
			}

				.search #maincontent #content .result p {
					margin-bottom: 10px;
				}



/* SITEMAP */
#maincontent #content #sitemap h2{
	margin-bottom: 5px;
	font-size: 1.8em;
}
#sitemap div.section{
	margin-bottom: 20px;
}
#sitemap li {
	list-style-type: none;
}
#sitemap ul ul {
	padding-left: 14px;
}
#sitemap a {
	line-height: 21px;
}
#sitemap ul a {
	padding-left: 12px;
	background: url(/_images/nav/sitemap_arrow_hover.gif) no-repeat left center;
}
#sitemap ul.leafsection {
	margin: 3px 0 12px 0;
}
#sitemap ul.leafsection a {
	padding-left: 20px;
	background: url(/_images/nav/sitemap_article.gif) no-repeat left center;
}


/* RSS FEED */

p.feed {
	margin:5px 0 15px 10px;
}

	p.feed a {
		background: transparent url(/_images/background/feed_icon_home.gif) no-repeat 0 8px;
		padding:10px 0 10px 25px;
		margin:0;
		font-size: 1.1em;
	}


/* HOME PAGE */

.home #maincontent #content #homevideocontainer h2 {
	border-bottom: 0;
	margin-bottom: 0;
	background: none;
}

.home #maincontent #content #homevideocontainer p {
	padding: 0 10px;
	color: #666666;
}

/*.home #maincontent #content h2 {
	background: transparent url(/_images/background/bg_content.gif) no-repeat left top;
}*/

/* E-NEWSLETTER LANDING*/

.launch #maincontent #content.landing p.top {
	padding-top: 13px;
}

ul.secLinks {
	/* styles would go here */
}
	/* clearfix applied */
	ul.secLinks li {
		list-style-type: none;
		margin-bottom: 15px;
		clear: both;
	}

		#maincontent #content ul.secLinks li h3 a {
			color: #666;
			text-decoration: none;
		}

		.launch #maincontent #content.landing ul.secLinks li a img {
			float: left;
			width: 130px;
			margin-top: 0;
		}

		.launch #maincontent #content.landing ul.secLinks li p {
			float: left;
			width: 212px;
			margin-left: 10px;
		}

/* E-NEWSLETTER */

.contentImg {
	margin: 0 0 15px 15px;
	float: right;
}

#images_bar {
	/*border-bottom: 1px solid #000000;*/
	margin: 30px 0pt 0pt;
	padding: 0pt 0pt 10px;
}

	#images_bar img {
		margin:0pt 4px 0pt 0pt;
		display: inline;
	}

.upAndRunning {
	margin-bottom: 15px;
}


/* E-NEWSLETTER - REGISTRATION FORM PAGE */

.registrationForm td {
	padding-bottom: 5px;
}

.registrationForm select {
	min-width: 110px;
}

.registrationForm #tickbox {
	padding-right: 10px;
}

.registrationForm ul {
	padding-left: 15px;
}

.registrationForm li {
	padding-bottom: 5px;
}


/*****************************
 * MINIBOOK STYLES
 *****************************/
.minibook #maincontent #pagetitle{
	width: 100%;
	background: none;
}
.minibook #maincontent #content{
	width: 100%;
	margin-left: 10px;
}
.minibook #maincontent #content h3 {
	color: #000;
}


#minibook_form{
	width: 100%;
}
#minibook_form .action a{
	margin-right: 15px;
}
#minibook_form .action img{
	display: inline;
	vertical-align: middle;
}
#minibook_form h3{
	color: #000;
}
#minibook_form #articleTable, #minibook_form #selectedArticles{
	padding-top: 20px;
	clear: both;
}

#minibook_form table{
	width: 100%;
	border-collapse: collapse;
}
#minibook_form table tr td{
	border-bottom: 1px solid #b1b6bc;
}

#minibook_form .inputContainer{
	padding: 10px 0;
	width: 50%;
	float: left;
}
#minibook_form .inputContainer label{
	background: transparent url(/_images/minibook/section_bullet.png) no-repeat left center;
	padding-left: 18px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
}
#minibook_form .inputContainer select{
	margin-left: 18px;
	width: 410px;
}


#articleTable .tableWrapper{
	height: 246px;
	border: 3px solid #E1E1E1;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: 18px;
	width: 95%;
}
#articleTable h3 {
	background: transparent url(/_images/minibook/table_bullet.png) no-repeat left center;
	padding-left: 18px;
}

#articleTable tr td{
	line-height: 40px;
}
#articleTable td.article {
	background: transparent url(/_images/minibook/article_add.png) no-repeat 7px center;
	padding-left: 30px;
}
#articleTable td.action, #selectedArticles td.action {
	text-align: right;
}
#articleTable td.action span {
	font-style: italic;
	padding-right: 30px;
	color: #5d5d5d;
}

#selectedArticles{
	padding-left: 18px;
	margin: 10px 0;
	width: 95%;
}
#selectedArticles table{
	margin-left: 3px;
}
#selectedArticles td.article {
	background: transparent url(/_images/minibook/article.png) no-repeat 7px center;
	padding-left: 30px;
	line-height: 40px;
}

#selectedArticles .generate {
	border-top: 1px solid #D8D8D8;
	margin-top: 40px;
}
#selectedArticles .generate hr {
	display: none;
}
#selectedArticles .generate img {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	background-color: #FFF;
	margin-top: -13px;
	padding: 0 26px;
}


#minibookGeneration {
	text-align: left;
	margin: 0 auto;
}
#minibookGeneration .contents{
	margin: 20px auto 50px auto;
	border-collapse: collapse;
	width: 620px;
}
#minibookGeneration .contents th{
	font-weight: normal;
	font-size: 2em;
	line-height: 60px;
	padding-left: 30px;
	text-align: left;
}
#minibookGeneration .contents td{
	font-size: 1.4em;
	border-bottom: 1px solid red;
	line-height: 35px;
	padding-left: 30px;
}

#minibookGeneration .briefing #maincontent,
#minibookGeneration .briefing #maincontent #content{
	width: inherit;
	float: none;
	margin: 0;
}
#minibookGeneration .briefing #maincontent #content img {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#minibookGeneration .briefing #maincontent,
#minibookGeneration .briefing #maincontent #content{
	margin: 0 auto;
}

.article, .frontCoverContainer, .contents {
	page-break-after: always;
}

#minibookGeneration .frontCoverContainer {
	width: 100%;
	height: 100%;
	padding-top: 0.5cm;
}

#minibookGeneration .briefing #maincontent #content .contentsHeader,
#minibookGeneration .briefing #maincontent #content .frontCoverContainer img.frontCover {
	margin: 0 auto;
}

#minibookGeneration .briefing #maincontent #content .contentsHeader {
	padding-top: 1cm;
	margin: 0 auto;
}