/*
================================================================================
	LAYOUT
================================================================================
*/
div.row {
	display			: block;
	clear			: both;
	padding-top		: 20px;
	line-height		: 1.25;
	}

div.row3 {
	clear			: left;
	padding-top		: 20px;
	}


div.left-1 {
/*	clear			: left;*/
	float			: left;
	margin-right	: 20px;
	}

div.left-2 {
	clear			: left;
	float			: left;
	}

div.right-1,
div.right-2 {
	float			: right;
	}

div.centre-1 {
	margin-left		: 337px;
/*	width			: 300px;*/
	}

/*
===============================================================================
	WELCOME PAGE
===============================================================================
*/

#welcome-left {
	margin-right	: 270px;
	clear			: left;
	}

#welcome-right {
	float			: right;
	width			: 261px;
	}

span.selected-item {
	color			: #66BB4A;
	}

/*
===============================================================================
	FEED BOXES
===============================================================================
*/

.feed-header {
	display			: block;
	height			: 44px;
	width			: 261px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/box-event-head.jpg) no-repeat white;
	}

.feed {
	color			: white;
/*	font-weight		: bold;*/
	background		: url(../images/box-event.jpg) no-repeat #00314C;
	}

.feed-footer {
	clear			: left;
	height			: 16px;
	background		: url(../images/box-event-foot.jpg) no-repeat white;
	padding-top		: 2px;
	margin-bottom	: 20px;
	}

.feed a {
	color			: white;
	text-decoration	: none;
	}

.feed a:hover {
	color			: #66BB4A;
	}

.feed-header-title {
	color			: #00476E;
	padding-left	: 20px;
	padding-top		: 10px;
	font-size		: 140%;
	}

.feed-item {
	height			: 42px;
	width			: 285px;
	margin-right	: 5px;
	margin-left		: 6px;
	padding-left	: 10px;
	padding-right	: 10px;
	padding-top		: 2px;
	border-bottom	: 1px solid #DDDDDD;
	}

.feed-date {
	display			: inline;
	color			: #A9A9A9;
	}

span.feed-headline {
/*	display:inline;*/
/*	padding-top		: 2px;*/
/*	margin-bottom	: 5px;*/
	}

.feed-headline img {
	float			: left;
	margin-left     :-12px;
	margin-top 	    :-10px;
	padding-top		: 12px;
	padding-right	: 10px;
	padding-bottom	: 10px;
	}

.feed-item p {
	padding			: 0 20px 0 20px;
	}

p.feed-headline {
	margin-top		: 2px;
	}

.feed-continuation a {
	margin-top		: 0.5em;
	padding-left	: 1.5em;
	}

.event-header {
	display			: block;
	height			: 44px;
	width			: 261px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/box-event-head.jpg) no-repeat white;
	}

.event {
	color			: white;
	font-weight		: bold;
	background		: url(../images/box-event.jpg) no-repeat #00314C;
	}

.event-footer {
	clear			: left;
	height			: 16px;
	background		: url(../images/box-event-foot.jpg) no-repeat white;
	padding-top		: 2px;
	margin-bottom	: 20px;
	}

.links-boxout {
	float			: right;
	width			: 260px;
	}


/*
===============================================================================
	ROUNDBOX
===============================================================================
*/

.roundbox-header {
	display			: block;
	height			: 47px;
	width			: 260px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/roundbox-head.jpg) no-repeat white;
	}

.roundbox {
	color			: white;
	width			: 260px;
	font-weight		: bold;
	background		: url(../images/roundbox.jpg) repeat-y #00314C;
	}

.roundbox-footer {
	clear			: left;
	height			: 18px;
	background		: url(../images/roundbox-foot.jpg) no-repeat white;
	margin-bottom	: 20px;
	}

.roundbox a {
	color			: white;
	text-decoration	: none;
	}

.roundbox a:hover {
	color			: #66BB4A;
	}

.roundbox img {
	float			: right;
	margin-right	: 4px;
	}

.roundbox-headline {
	color			: #00476E;
	padding-left	: 18px;
	padding-top		: 12px;
	font-size		: 150%;
	}

.roundbox-header-nav {
	display			: block;
	height			: 47px;
	width			: 260px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/roundbox-head-nav.jpg) no-repeat white;
	}

.roundbox p.campaign {
	font-weight		: normal;
	padding			: 0.5em 1em 0 1em;
	}

.roundbox p.campaign a {
	font-weight		: bold;
	}

/*
===============================================================================
	SPECIAL ITEM
===============================================================================
*/

#left-column {
	margin-right	: 270px;
	clear			: left;
}

#right-column {
	float			: right;
	width			: 261px;
	}

.top-image img {
	float			: left;
	margin-right	: 8px;
	border-right	: 1px solid white;
	}

.top-headline {
	padding-left	: 20px;
	padding-top		: 12px;
	font-size		: 150%;
	}

.top-headline a {
	padding-left	: 20px;
	padding-top		: 10px;
	font-size		: 150%;
	}

#article-body {
	line-height		: 1.5;
	background		: url(../images/article-body.jpg) repeat-y white;
	padding			: 0 3em 0 2em;
	}

#article-body-footer {
	clear			: left;
	height			: 20px;
	background		: url(../images/article-body-foot.jpg) no-repeat white;
	margin-bottom	: 20px;
	}

#article-body p {
	padding-bottom	: 1em;
	}

#article-body a {
	color			: #B1004F;
	}

#article-body a:hover {
	color			: green;
	}

#article-body table {
	border-collapse	: collapse;
	border			: 1px solid #00476E;
	margin			: 0 auto 2em auto;
	}

#article-body td {
	padding			: 0.5em;
	border			: 1px solid #00476E;
	}

.article-headline {
	color			: #687cb0;
	font-size		: 180%;
	font-weight		: bold;
	margin-bottom	: 1em;
	}

.article-header {
	color			: #66BB4A;
	font-weight		: bold;
	font-size		: 120%;
	}

.article-table-header {
	color			: #507d3f;
	font-weight		: bold;
	font-size		: 120%;
	}

.article-small-text {
	font-size		: 80%;
	}

#special-main-header {
	display			: block;
	height			: 44px;
	width			: 709px;
	color			: white;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/special-main-head.jpg) no-repeat white;
	border-bottom	: 1px solid white;
	}

#special-main {
	color			: white;
	font-weight		: bold;
	background		: url(../images/special-main.jpg) repeat-y white;
	height			: 187px;
	padding			: 0 10px 0 5px;
	}

#special-main p {
	font-size		: 150%;
	padding-right	: 2em;
	}


#special-main-footer {
	clear			: left;
	height			: 36px;
	background		: url(../images/special-main-foot.jpg) no-repeat white;
	border-top		: 1px solid white;
	padding-top		: 2px;
	}


.image-boxout {
	float			: right;
	width			: 260px;
	}

.image-boxout img {
	margin-top		: 1em;
	border-top		: 1px solid white;
	border-bottom	: 1px solid white;
}

.video-boxout {
	float			: right;
	width			: 260px;
	}


.video-boxout object {
	float			: right;
	margin-right	: 4px;
	}

p.video-caption,p.video-copyright {
	clear			: both;
	font-size		: 80%;
	font-weight		: normal;
	padding			: 0.5em 1em 0.5em 2em;
	}

.article-image-caption {
	clear			: both;
	font-size		: 80%;
	padding			: 0.5em 1em 1em 2em;
	}

.article-image-copyright {
	color			: #C0E6FB;
	font-size		: 80%;
	font-weight		: normal;
	padding			: 0.5em 1em 0 2em;
	}

.main-image-copyright {
	color			: #C0E6FB;
	font-size		: 80%;
	font-weight		: normal;
	}


.nav-box	 {
	margin-right	: 5px;
	margin-left		: 6px;
	padding			: 0.5em 1em 1em 1em;
	border-bottom	: 1px solid #00476E;
	}


p.extra-link {
	width			: 210px;
	margin-left		: auto;
	margin-right	: auto;
	font-weight		: normal;
	padding-top		: 1em;
	}
/*
===============================================================================
	MEMBERSHIP BANNER
===============================================================================
*/
#member-header { /* container */
	width			: 993px;
	margin-top		: 20px;
	}

#training-header-header,
#testing-header-header,
#membership-header-header,
#consultancy-header-header,
#member-header-header {
	display			: block;
	height			: 46px;
	width			: 993px;
	color			: #1abecd;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/bu-lock-header-top.jpg) no-repeat white;
	}

#member-header-header p.top-headline a {
	color			: #1ABECD;
	text-decoration	: none;
	font-size		: 100%;
	padding-left	: 0;
	}

/*
===============================================================================
	COLOUR SWITCHES FOR SECTOR PAGE HEADERS
===============================================================================
*/
#consultancy-header-header p.top-headline {
	color			: #77009E;
	}

#testing-header-header p.top-headline {
	color			: #00A1B8;
	}

#membership-header-header p.top-headline {
	color			: #1ABECD;
	}

#training-header-header p.top-headline {
	color			: #E5B200;
	}
/*
===============================================================================
*/

#member-header-header p.top-headline a:hover {
	color			: red;
	}

#consultancy-header-main,
#member-header-main {
/*	color			: #1abecd; */
/*	font-weight		: bold; */
	line-height		: 1.5;
	background		: url(../images/bu-lock-header-back.jpg) repeat-y white;
	height			: 187px;
	padding			: 0 13px 0 5px;
	}

#consultancy-header-main p,
#member-header-main p {
	padding-top		: 15px;
	font-weight		: bold;
	}

#member-header-main a {
	color			: red;
	}

#member-header-main a:hover {
	color			: #00476E;
	}

#member-header-footer {
	clear			: left;
	height			: 33px;
	background		: url(../images/bu-lock-header-bottom.jpg) no-repeat white;
	padding-top		: 2px;
	color			: #1abecd;
	text-decoration	: none;
	font-weight		: bold;
	padding-left	: 20px;
	}

.member-banner img {
	float			: left;
	margin-right	: 20px;
	border-right	: 1px solid #e2eef6;
	}

/*
================================================================================
	CONTENT BOX
================================================================================
*/

.content-box-header {
	display			: block;
	height			: 40px;
	width			: 653px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/pale-box-header-wide.jpg) no-repeat white;
	}

.content-box-body {
	width			: 613px;
	padding			: 20px 20px 0 20px;
	background		: url(../images/pale-box-body-wide.jpg) repeat-y white;
	}

.content-box-footer {
	width			: 653px;
	height			: 30px;
	background		: url(../images/pale-box-footer-wide.jpg) no-repeat bottom white;
	margin-bottom	: 20px;
	}

.content-header-title {
	color			: #00476E;
	padding-left	: 20px;
	padding-top		: 10px;
	font-size		: 140%;
	}

.content-box-body h3 {
	font-size		: 110%;
	font-weight		: bold;
	padding-bottom	: 10px;
	}

.content-box-body h3.benefit-headline {
	color			: #1abecd;
	}

.content-box-body h3.subhead {
	padding-left	: 20px;
	}

.content-box-body p {
	padding			: 0 20px 1em 20px;
	}

.content-box-body ul {
	list-style		: none;
	padding-left	: 3em;
	}

.pale-box-body-fluid ul {
	list-style		: none;
	}

.content-box-body ul.dots {
	list-style		: disc;
	padding-left	: 3em;
	}

img.membership-image {
	padding-top		: 20px;
	}

/*
===============================================================================
	MEMBER LOCKED BANNER
===============================================================================
*/
#member-lock { /* container */
	width			: 993px;
	margin-top		: 20px;
	margin-bottom	: 10px;
	}

#member-lock-header {
	display			: block;
	height			: 46px;
	width			: 993px;
	color			: #1abecd;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/bu-lock-header-top.jpg) no-repeat white;
	}

#member-lock-main {
/*	color			: #1abecd; */
/*	font-weight		: bold; */
	line-height		: 1.5;
	background		: url(../images/bu-lock-header-back.jpg) repeat-y white;
	height			: 187px;
	padding			: 0 13px 0 5px;
	}

#member-lock-main p {
	padding-top		: 10px;
	}

#member-lock-main a {
	color			: red;
	}

#member-lock-main a:hover {
	color			: #00476E;
	}

#member-lock-footer {
	clear			: left;
	height			: 33px;
	background		: url(../images/bu-lock-header-bottom.jpg) no-repeat white;
	padding-top		: 2px;
	color			: #1abecd;
	text-decoration	: none;
	font-weight		: bold;
	padding-left	: 20px;
	}

.member-banner img {
	float			: left;
	margin-right	: 20px;
	border-right	: 1px solid #e2eef6;
	}
/*
===============================================================================
	MEMBER LOGIN
===============================================================================
*/
.login-boxout {
	float			: right;
	width			: 263px;
	}

.login-header {
	display			: block;
	height			: 44px;
	width			: 263px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/bu-lock-login-top.jpg) no-repeat white;
	}

.login-main {
	height			: 202px;
	font-weight		: bold;
	background		: url(../images/bu-lock-login-back.jpg) repeat-y #00314C;
	}

.login-footer {
	clear			: left;
	height			: 18px;
	background		: url(../images/bu-lock-login-bottom.jpg) no-repeat white;
	margin-bottom	: 20px;
	}

form.login {
	padding			: 30px 10px;
	}

form.login-small {
	padding			: 16px 10px 1px  10px;
	}

div.login-form-row {
	margin-bottom	: 30px;
	}

div.login-form-row-small {
	margin-bottom	: 16px;
	}

form.login-small label,
form.login label {
	font-size		: 10px;
	}

div.login-form-left {
	float			: left;
	width			: 65px;
	text-align		: right;
	padding			: 0.3em 0.4em 0.2em 0.2em;
	}

input.login-text {
	width			: 159px;
	padding			: 0.2em;
	border			: 2px solid #737d8d;
	}

div.login-form-centre button {
	float			: right;
	border			: none;
	background		: #f8f8f8;
	}

/*
===============================================================================
	ARTICLE LOCKED HEADER
===============================================================================
*/
#article-lock-header {
	display			: block;
	height			: 47px;
	width			: 709px;
	color			: #1abecd;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/bu-lock-article-top.jpg) no-repeat white;
	}

#article-lock-main {
/*	color			: #1abecd;*/
/*	font-weight		: bold;*/
	background		: url(../images/bu-lock-article-back.jpg) repeat-y white;
	height			: 187px;
	padding			: 0 10px 0 5px;
	}

#article-lock-main img.right {
	float			: right;
	margin-left		: 10px;
	margin-right	: 6px;
	}

#article-lock-main p {
	padding			: 0 10px 5px 10px;
	}

#article-lock-main a {
	color			: red;
	}

#article-lock-main a:hover {
	color			: #00476E;
	}

#article-lock-footer {
	clear			: left;
	height			: 34px;
	background		: url(../images/bu-lock-article-bottom.jpg) no-repeat white;
	padding-top		: 2px;
	color			: #1abecd;
	text-decoration	: none;
	font-weight		: bold;
	padding-left	: 20px;
	}

.member-lock-image img {
	float			: left;
	margin-right	: 10px;
	border-right	: 1px solid #e2eef6;
	border-left		: 1px solid #e2eef6;
	}

.lock-image-copyright {
	padding-top		: 10px;
	color			: #AAAAAA;
	font-size		: 80%;
	font-weight		: normal;
	}


/*
===============================================================================
	ACCREDITED LABS
===============================================================================
*/
#lab-left-column {
	margin-right	: 320px;
	clear			: left;
	}

#lab-right-column {
	float			: right;
	clear			: left;
	width			: 319px;
	}

#lab-right-column div.pale-box-footer {
	margin-bottom	: 20px;
	}

#lab-right-column hr {
	height			: 20px;
	border			: none;
	}

#lab-left-column ul a {
	text-decoration	: none;
	}

.links-boxout {
	width			: 260px;
	}

.lab-list table {
	border-collapse	: collapse;
	width			: 99%;
	}

.lab-list th {
	background		: #cdc7c7;
	color			: white;
	text-align		: left;
	padding			: 0.25em;
	}

.lab-list td {
	padding			: 0.25em;
	}

.lab-list td a {
	text-decoration	: none;
	}

.lab-list th a {
	color			: white;
	text-decoration	: none;
	}

.lab-list th a:hover {
	color			: blue;
	text-decoration	: none;
	}

div.lab-logo {
	float			: left;
	margin-top		: 8px;
	margin-right	: 1em;
	margin-bottom	: 1em;
	text-align		: right;
	}

div.lab-logo p {
	color			: #00A4E8;
	margin-top		: -6px;
	padding-right	: 2px;
	}

img.accreditation-logo {
	float			: left;
	margin			: 0 30px 30px 0;
	}

div.warning {
	border			: 5px solid red;
	padding			: 2em;
	}

div.lab-data {
	padding-top		: 20px;
	}

ul.lab-data li {
	margin-left		: 220px;
	}

.lab-headline {
	color			: #00476E;
	padding-left	: 20px;
	padding-top		: 10px;
	font-size		: 150%;
	}


input.test-search {
	padding			: 0.2em;
	margin-right	: 10px;
	}

/*
=========================================================================
    CHINA OFFICE
=========================================================================
*/

#china-main-header {
	display			: block;
	height			: 34px;
	width			: 652px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(../images/china-box-header-wide.jpg) no-repeat white;
	}

#china-main-header {
	color			: #AF0303;
	padding-left	: 20px;
	padding-top		: 10px;
	font-size		: 160%;
	}

#china-main-body {
	width			: 652px;
	height			: 515px;
	background		: url(../images/china-box.jpg) no-repeat white;
	}

.china-box-header,
.china-box-header-wide {
	display			: block;
	height			: 47px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	margin-top		: 20px;
	}

.china-box-header {
	width			: 316px;
	background		: url(../images/white_right_column_head.png) no-repeat white;
	}

.china-box-header-wide {
	width			: 652px;
	background		: url(../images/white_left_column_head.png) no-repeat white;
	}

.china-box-header p,
.china-box-header-wide p {
	color			: #AF0303;
	font-size		: 160%;
	padding-left	: 20px;
	padding-top		: 15px;
	}

.china-box-body {
	width			: 316px;
	background		: url(../images/white_right_column_body.png) repeat-y white;
	}

.china-box-body-wide {
	width			: 652px;
	padding-top		: 10px;
	padding-left	: 20px;
	background		: url(../images/white_left_column_body.png) repeat-y white;
	}

.china-box-body-wide p {
	color			: #AF0303;
	font-weight		: bold;
	}

.china-box-body-wide a {
	color			: #AF0303;
	font-weight		: bold;
	text-decoration	: none;
	}

.china-box-body-wide a:hover {
	color			: #00476E;
	}

.china-box-footer,
.china-box-footer-wide {
	display			: block;
	height			: 47px;
	}

.china-box-footer {
	width			: 316px;
	background		: url(../images/white_right_column_foot.png) no-repeat white;
	}

.china-box-footer-wide {
	width			: 652px;
	background		: url(../images/white_left_column_foot.png) no-repeat white;
	}

.china-box-body ul {
	padding-top		: 10px;
	padding-right	: 30px;
	}

.china-box-body li {
	margin-left		: -9px;
	line-height		: 1.5;
	}

.china-box-body a {
	color			: white;
	}

.china-box-body a:hover {
	color			: #FEED00;
	}

#china-stb-row {
	display			: block;
	width			: 652px;
	margin-top		: 20px;
	padding-left	: 3px;
	}


span.almost-too-long {
	font-weight		: bold;
	color			: #FFB709;
	}

span.too-long {
	font-weight		: bold;
	color			: #880000;
	}

/*
============================================================
PAGE IMAGE LAYOUT
============================================================
*/

div.page-right-1 {
	float			: right;
	width			: 311px;
	}

.page-image-container {
	display			: block;
	float			: right;
	width			: 310px;
	margin-left		: 20px;
	}

img.page-image {
	margin-top		: 20px;
	}

p.page-image-copyright {
	width			: 299px;
	float			: right;
	clear			: both;
	color			: #AAAAAA;
	text-align		: right;
	}

p.page-image-caption {
	width			: 299px;
	float			: right;
	clear			: both;
	padding-left	: 10px;
	}