﻿/* © 2007 Quba New Media */
/* XHTML / CSS Helen.Barclay'07 */
@import url(cat-nav.css);
@import url(forms.css);
@import url(headers.css);
@import url(domestic.css);
@import url(domesticSpec.css);
@import url(products.css);
@import url(tabs.css);
@import url(lc_tabs.css);
@import url(training.css);
@import url(events.css);
@import url(useraccounts.css);
@import url(jquery.css);

/* -- GLOBAL STYLES 
-------------------------------------------------------------------------------*/
body {
 } 

html {
 } 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.8em;
 	background:#ffffff;
	color:#4b4b4b;
	 }
	
	


/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
dd { 
	margin:0; padding:0; }

dt { 
	margin:0; padding:0; }

dl { 
	margin:0; padding:0; }

label { 
	margin:0; padding:0; }

fieldset { 
	margin:0; padding:0; }

input { 
	margin:0; padding:0; }

form { 
	margin:0; padding:0; }

ol li { 
	margin:0; padding:0; }

ol { 
	margin:0; padding:0; }

ul li { 
	margin:0; padding:0; }

ul { 
	margin:0; padding:0; }

h5 { 
	margin:0; padding:0; }

h4 { 
	margin:0; padding:0; }

h3 { 
	margin:0; padding:0; }

h2 { 
	margin:0; padding:0; }

h1 { 
	margin:0; padding:0; }

p { 
	margin:0; padding:0; }
	
em { 
	margin:0px; padding:0px; }

blockquote { 
	margin-left:20px; margin-right:40px; padding:0; }

body { 
	margin:0; padding:0; }

fieldset { 
	border:none;}

ol li.products { 
	list-style-image:url('../../images/buttons/bullet.gif');
 }
	
ol li { 
	list-style-type:decimal; }

ul li { 
	list-style-type:none; }

hr { 
	display:none; }

.invisible { 
	display:none; }

legend {
	display: none;
}

td {
	border-bottom :1px solid #E1E1E1; 
}

td.clear{
	border-bottom :0.1px;
}

th {
	border-bottom :1px solid #E1E1E1; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleanertop{
	clear:both;
	font-size:0.1em;
	height:10px;
	background:#ffffff;
}

.cleaner{
	clear:both;
	font-size:0.1em;
	height:10px;
}

.clear{
	clear:both;
}

input{
	border:solid 1px #e1e1e1;
	color:#4b4b4b;
	padding:2px;
}




/* -- GLOBAL LINK STYLES 
-------------------------------------------------------------------------------*/
a {
	outline:none; }
	
a:active { 
	color:#db443c;
	text-decoration:none;
	}  

a:visited { 
	color:#db443c;
	text-decoration:none;
	 }  

a:link { 
	color:#db443c;
	text-decoration:none;
	 }  

a:hover {
	color:#db443c;
	text-decoration: underline;
	} 
	
img {
	border:none;
}


/*===================================================================================================
1) @font-face definitions
===================================================================================================*/
@font-face {
    font-family: 'Variable';
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_regular.eot');
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_regular.eot?iefix') format('embedded-opentype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_regular.woff') format('woff'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_regular.ttf') format('truetype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_regular.svg#webfont') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Variable bold';
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_bold.eot');
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_bold.eot?iefix') format('embedded-opentype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_bold.woff') format('woff'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_bold.ttf') format('truetype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_bold.svg#webfont') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Variable black';
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_black.eot');
	src: url('http://www.thenbs.com/includes/fonts/Variable/Variable_black.eot?iefix') format('embedded-opentype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_black.woff') format('woff'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_black.ttf') format('truetype'),
	     url('http://www.thenbs.com/includes/fonts/Variable/Variable_black.svg#webfont') format('svg');
    font-style: normal;
}

.variable {
	font-family: 'Variable', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:inherit;
	line-height:1.4;
	color:inherit;
}


.variable-bold {
	font-family: 'Variable bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:inherit;
	line-height:1.4;
	color:inherit;
}

.variable-black {
	font-family: 'Variable black', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:inherit;
	line-height:1.4;
	color:inherit;
}




h1 {
	font-weight:bold;
	font-size:1.3em;
	color:#4b4b4b;
}

h1.variables {
	font-weight:normal;
	font-family: 'Variable bold', Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#4b4b4b;
}


h2 {
	clear:both;
	color:#4b4b4b;
	font-size:1.2em;
}

h3 {
	font-weight:bold;
	font-size:1.3em;
	color:#4b4b4b;
}

h3.prodBox {
	color:#4b4b4b;
	font-size:1.2em;
	margin: 0 0 10px 0;
}

h3.green {
	clear:both;
	color:#4b4b4b;
	font-size:1.2em;
}

h4 {
	color:#4b4b4b;
	font-size:1.2em;
	margin: 0 0 10px 0;
}

h4.green {
	clear:both;
	color:#4b4b4b;
	font-size:1.2em;
}

h5 {
	clear:both;
	color:#4b4b4b;
	font-size:1.2em;
}

.approvedDocuments {
	clear:both;
	color:#ffffff;
	background-color:#50b849;
	padding:5px;
	font-size:1.2em;
}

.bold {
	font-weight: bold;
}

.txtcontent p {
	margin:10px 0 10px 0;
}

.largetxtcontent p {
	margin:10px 0 10px 0;
	font-size:1.2em;
}

p.quotetxtcontent {
	border-top:dotted 1px #db443c;
	border-bottom:dotted 1px #db443c;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	font-size:1.2em;
}

p.quotelarge {
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	font-size:1.4em;
	line-height:normal;
	color:#db443c;
	text-align:center;
}


.redtxt{
	color:#db443c;
}

.greentxt{
	color:#4b4b4b;
}

.whitetxt{
	color:#ffffff;
}

.outline {
	float:left;
	display:inline;
	border: solid 1px #E1E1E1;
	margin:0 0 10px 0;
	padding:10px;
}

.tabletext {
	font-size:0.8em;
}

.tabletxt {
	font-size:0.8em;
	padding: 5px 0 5px 0;
}

	.middle{ display:inline; vertical-align:middle; }


/* Blockquote */

blockquote cite {
	color: #4b4b4b;
	font-size: 12px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}


/* Blockquote */

.largetxtcontent blockquote {
  display:block;
  padding: 40px 20px 15px 50px;
  margin: 0 0 20px;
  position: relative;
  font-family: 'Variable bold', Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.2;
  color: #4b4b4b;
  text-align: justify;


				
}

.largetxtcontent blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: 'Variable bold', Arial, Helvetica, sans-serif;
  font-size: 3em;
  font-weight: bold;
  color: #24b0bf;
  
  /*Positioning*/
  position: absolute;
  left: 20px;
  top:10px;
}

.largetxtcontent blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.largetxtcontent blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #24b0bf;
}

.largetxtcontent blockquote a:hover{
 color: #666;
}

.largetxtcontent blockquote em{
  font-style: italic;
}	

.largetxtcontent blockquote cite {
	color: #4b4b4b;
	font-size: 0.9em;
	display: block;
	margin-top: 5px;
	font-style:normal;
	font-family:'Variable bold', Arial, Helvetica, sans-serif;
}
 
.largetxtcontent blockquote cite:before {
	content: "\2014 \2009";
}




/* Buttons */
/*-------------------------------------------------------------------------------*/

.button{
	float:right;
	display:inline;
	text-align:right;
	background:url(../../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button a:hover {
	color:#4b4b4b;
}


.trigger-overlay-button{
	float:right;
	display:inline;
	text-align:right;
	background:url(../../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.trigger-overlay-button a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.trigger-overlay-button a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.trigger-overlay-button a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.trigger-overlay-button a:hover {
	color:#4b4b4b;
}





/* Button Left */

.buttonLeft {
	float:left;
	display:inline;
	text-align:left;
	background:url(../../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.buttonLeft a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.buttonLeft a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.buttonLeft a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.buttonLeft a:hover {
	color:#4b4b4b;
}


/* Button-large */

.button-large{
	float:right;
	display:inline;
	text-align:right;
	background:url(../../images/buttons/button-large-bg.gif) no-repeat;
	width:120px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-large a:visited{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-large a:active{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-large a:link{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

/* Button-very-large */

.button-very-large{
	background:url(../../images/buttons/button-very-large.gif) no-repeat;
	width:160px;
	height:22px;
	color:#fff;
	padding-top: 2px;
    text-align: center;
    float: left;
}

.button-very-large a:visited{
	color:#fff;
	text-decoration:none;
}

.button-very-large a:active{
	color:#fff;
	text-decoration:none;
}

.button-very-large a:link{
	color:#fff;
	text-decoration:none;
}

/* Button-very-small */

.button-very-small{
	float:right;
	display:inline;
	text-align:right;
	background:url(../../images/buttons/button-very-small.gif) no-repeat;
	width:25px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-very-small a:visited{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-very-small a:active{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-very-small a:link{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

/* Button-buy */

.button-buy{
	text-align:right;
	background:url(../../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-buy a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-buy a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

.button-buy a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:
}

/* Button-search */

.button-search{
	float:right;
	display:inline;
	text-align:right;
	background:url(../../images/buttons/button-very-large.gif) no-repeat;
	width:160px;
	height:22px;
	color:white;
	margin:0px 0 0 0;
	padding:0;
	border:0;
	text-align:center;
}

.button-search a:visited{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button-search a:active{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button-search a:link{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button a:hover {
	color:#4b4b4b;
}

.button-very-small a:hover {
	color:#4b4b4b;
}

.button-buy a:hover {
	color:#4b4b4b;
}

.button-very-large a:hover {
	color:#4b4b4b;
}

.button-search a:hover {
	color:#4b4b4b;
}

.button-large {
	color:#4b4b4b;
}

.button a:hover {
	color:#4b4b4b;
}

	.button-blue {
		background: #24b0bf; /* Old browsers */
		/* background: #24b0bf -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); 
		background: #24b0bf -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); 
		background: #24b0bf -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #24b0bf -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #24b0bf -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #24b0bf linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); */
		border: none;
		-moz-border-radius: 20px;
		border-radius: 20px;
	  	color: #fff;
	  	display: inline-block;
	  	font-size: 20px;
	  	margin-top: 20px;
	  	margin-bottom: 20px;
	  	padding: 10px 20px;
	  	font-family: 'Variable black', Arial, Helvetica, sans-serif; }



	.button-blue a{ font-family:inherit; font-size:20px; border-bottom:none; color:#fff; text-decoration:none; -webkit-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); -moz-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); -o-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53)}
	.button-blue a:hover,.button-blue a:focus{ font-family:inherit; font-size:20px; color:#e0e0e0; text-decoration:none; }


	.button-purple {
		background: #8b78cc; /* Old browsers */
		/* background: #8b78cc -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); 
		background: #8b78cc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); 
		background: #8b78cc -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #8b78cc -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #8b78cc -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); 
		background: #8b78cc linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); */
		border: none;
		-moz-border-radius: 20px;
		border-radius: 20px;
	  	color: #fff;
	  	display: inline-block;
	  	font-size: 20px;
	  	margin-top: 20px;
	  	margin-bottom: 20px;
	  	padding: 10px 20px;
	  	font-family: 'Variable black', Arial, Helvetica, sans-serif; }



	.button-purple a{ font-family:inherit; font-size:20px; border-bottom:none; color:#fff; text-decoration:none; -webkit-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); -moz-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); -o-transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53); transition:all .5s cubic-bezier(0.55,0.085,0.68,0.53)}
	.button-purple a:hover,.button-blue a:focus{ font-family:inherit; font-size:20px; color:#e0e0e0; text-decoration:none; }





/* Lines and spacers */
/*-------------------------------------------------------------------------------*/

.topline{
	border-top:solid 1px #E1E1E1;
	padding:10px 0 0 0;
}

.bottomline{
	border-bottom:solid 1px #E1E1E1;
	padding:10px 0 10px 0;
}

.bottomlineHeader{
	border-bottom:solid 1px #E1E1E1;
	padding:10px 0 10px 0;
	margin-bottom:10px;
}

.no-border{
	border-bottom:none; 
}

.big-border{
	border-bottom:2px solid #747474; 
}


.channels{
	padding-top:5px;
}

.jobs{
	padding-bottom:5px;
}

/* 'Spectrum' bars */

.spectrum-bar-01 {
	background:url('../../images/bars/spectrum_bar_1_160px.jpg') no-repeat; /* 160px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-02 {
	background:url('../../images/bars/spectrum_bar_1_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-03 {
	background:url('../../images/bars/spectrum_bar_4_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-04 {
	background:url('../../images/bars/spectrum_bar_5_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-05 {
	background:url('../../images/bars/spectrum_bar_6_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-06 {
	background:url('../../images/bars/spectrum_bar_7_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-07 {
	background:url('../../images/bars/spectrum_bar_8_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-08 {
	background:url('../../images/bars/spectrum_bar_9_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-09 {
	background:url('../../images/bars/spectrum_bar_10_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-10 {
	background:url('../../images/bars/spectrum_bar_11_245px.jpg') no-repeat; /* 245px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-11 {
	background:url('../../images/bars/spectrum_bar_2_245px.jpg') no-repeat; /* 245px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-12 {
	background:url('../../images/bars/spectrum_bar_3_245px.jpg') no-repeat; /* 245px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-13 {
	background:url('../../images/bars/spectrum_bar_1_255px.jpg') no-repeat; /* 255px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-14 {
	background:url('../../images/bars/spectrum_bar_1_340px.jpg') no-repeat; /* 340px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-15 {
	background:url('../../images/bars/spectrum_bar_1_425px.jpg') no-repeat; /* 425px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-16 {
	background:url('../../images/bars/spectrum_bar_2_425px.jpg') no-repeat; /* 425px x 12px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-17 {
	background:url('../../images/bars/spectrum_bar_1_520px.jpg') no-repeat; /* 520px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-18 {
	background:url('../../images/bars/spectrum_bar_3_595px.jpg') no-repeat; /* 595px x 3px */
	margin:-15px 0 -10px 0;
}

.spectrum-bar-19 {
	background:url('../../images/bars/spectrum_bar_1_595px.jpg') no-repeat; /* 595px x 12px */
	margin:-15px 0 0 0;
}

.spectrum-bar-20 {
	background:url('../../images/bars/spectrum_bar_2_595px.jpg') no-repeat; /* 595px x 12px */
	margin:-15px 0 0 0;
}

.spectrum-bar-21 {
	background:url('../../images/bars/spectrum_bar_4_595px.jpg') no-repeat; /* 595px x 12px */
	margin:-15px 0 0 0;
}

.spectrum-bar-22 {
	background:url('../../images/bars/spectrum_bar_5_595px.jpg') no-repeat; /* 595px x 12px */
	margin:-15px 0 0 0;
}

/* Other bars */

.greyBar {
	border-bottom: 3px #e1e1e1 solid;
}

/* -- GLOBAL STYLES
-------------------------------------------------------------------------------*/

.margintop{
	margin:10px 0 0 0;
}
.marginright{
	margin:0 10px 0 0;
}

.nomargin{
	margin:0 0 0 0;
}

.centre{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.underline{
	text-decoration: underline;
}

.floatLeft{
	float: left;
	padding:10px 10px 0 0;
}

.floatRight{
	float: right;
	padding:10px 10px 0 0;
}

.floatLeftAlt{
	float: left;
	margin:5px 10px 0 0;
}

.floatLeftPadding{
	float: left;
	margin:4px 20px 20px 0;
}


.floatRightAlt{
	float: right;
	margin: 5px 0 10px 5px;
}

.floatRightPadding{
	float: right;
	margin: 4px 0 20px 20px;
}

.imageBorder{
	border: solid 1px #E1E1E1;
}

.italic{
	font-style: oblique;
}

.blankBorder{
	border: solid 0px #ffffff;
}

p.smallPrint	{
	font-size: 0.8em;
}

p.author	{
	padding:10px 0 0 0;
}

p.qualifications	{
	font-size: 0.8em;
	padding:0 0 10px 0;
}

li.sublist	{
	margin:0px 0 -5px 0;
}

li.smallGap	{
	margin:0px 0 -5px 0;
}

h3.features a {
	color:#db443c;
	text-decoration:none;
}

h3.features a:visited {
	color:#db443c;
	text-decoration:none;
}

h3.features a:active {
	color:#db443c;
	text-decoration:none;
}

h3.features a:link {
	color:#db443c;
	text-decoration:none;
}

h3.features a:hover{
	color:#db443c;
	text-decoration: underline;
}

.twitter {
   	padding-bottom:40px; 
}

.dropshadow {
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.droppedshadow {
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,0.5);
	box-shadow:0 5px 15px rgba(0,0,0,0.5);
}




/* -- GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {	
	margin:0 auto;
	padding:0 0 10px 0;
	width:945px;
	background:#ffffff;
	font-size:1.2em;
	}
	
#content{
	width:945px;
	padding:0;
}

#footer{
	clear:both;
	margin:0 auto;
	width:945px;
	padding:0 0 10px 0;
	border-top: solid 10px #ffffff;
	font-size:1.1em;
}

#footer ul{
	float:left;
	display:inline;
	margin:10px 0 10px -10px;
}


#footer ul li {
	list-style-type: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	background: url(../../images/css/nav-divider.gif) no-repeat;
	background-position: right;
}


#footer a:visited {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer a:active {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer a:link {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover{
	color:#db443c;
	text-decoration: underline; 
}

.hdr-1010 a:hover
{
    height: 22px;
    width: 163px;
	display:block;
	margin:0 0 5px 0;
}

.hdr-1010 a:visited
{
    height: 22px;
    width: 163px;
	display:block;
	margin:0 0 5px 0;
}

.hdr-1010 a:active
{
    height: 22px;
    width: 163px;
	display:block;
	margin:0 0 5px 0;
}

.hdr-1010 a:link
{
    height: 22px;
    width: 163px;
	display:block;
	margin:0 0 5px 0;
}

.hdr-1010 a:hover {
    background: url(../../images/icons/10_10_grey.gif) no-repeat;
}

.hdr-1010 a:visited {
    background: url(../../images/icons/10_10_grey.gif) no-repeat;
}

.hdr-1010 a:active {
    background: url(../../images/icons/10_10_grey.gif) no-repeat;
}

.hdr-1010 a:link {
    background: url(../../images/icons/10_10_grey.gif) no-repeat;
}

.hdr-1010 a:hover {
    background: url(../../images/icons/10_10.gif) no-repeat;
}

.contact {
	float:right;
	display:inline;
	margin:10px 0 10px 0;
}

.phone {
	font-size:1.8em;
	font-weight:bold;
}

#bookmarking {
	width:330px;
	padding:5px;
	margin:0 auto;
	text-align: left;
}

#addThis {
	width:160px;
	margin:0 auto;
	text-align: left;
}

/* LHS / RHS menu hovers */

#menuLinks a:visited {
	color:#db443c;
	text-decoration:none;
	font-weight:normal;
}


#menuLinks a:active {
	color:#db443c;
	text-decoration:none;
	font-weight:normal;
}


#menuLinks a:link {
	color:#db443c;
	text-decoration:none;
	font-weight:normal;
}

#menuLinks a:hover{
	color:#4b4b4b;
	text-decoration: underline; 
}


/* -- SITE CLASS
-------------------------------------------------------------------------------*/

#header-nav {
	float:right;
	display:inline;
	text-align:right;
	padding:15px 0 0 0;
}

ul.global-nav li {
	float:left;
 	display:inline;
	margin:0;
	list-style-type: none;
	padding:0 15px 0 15px;
	font-size:0.9em;
	background: url(../../images/css/nav-divider.gif) no-repeat;
	background-position: right;
	color:#4b4b4b;
}

ul.global-nav li.end {
	background:none;
	padding:0 0 0 15px;
}

ul.global-nav li table {
	margin:-4px 0 0 0;
}


ul.global-nav li a:visited {
	color:#4b4b4b;
	text-decoration:none;
}


ul.global-nav li a:active {
	color:#4b4b4b;
	text-decoration:none;
}


ul.global-nav li a:link {
	color:#4b4b4b;
	text-decoration:none;
}

ul.global-nav li a:hover {
	color:#afafaf;
	text-decoration:underline;
}

input.submit-button {
	text-align:right;
	background:url(../../images/buttons/arrow.gif) no-repeat;
	color:white;
	width:17px;
	height:18px;
	border:none;
}

input.submitText-button {
	text-align:right;
	background:url(../../images/buttons/button-Submit.gif) no-repeat;
	color:white;
	width:91px;
	height:22px;
	border:none;
}

input.resetText-button {
	text-align:right;
	background:url(../../images/buttons/button-Reset.gif) no-repeat;
	color:white;
	width:91px;
	height:22px;
	border:none;
}

input.grey {
	border:solid 1px #ffffff;
	color:#4b4b4b;
	background-color:#e1e1e1;
	padding:2px;
}

/* -- SITE CLASS
-------------------------------------------------------------------------------*/
.banner {
	float:left;
	display:inline;
	margin:-7px 0 10px 0;
}

.banner-tactics {
	float:left;
	display:inline;
	margin:-7px 0 10px 0;
}

ul.home-lists{
	float:left;
	display:inline;
	list-style-type:none;
}

ul.home-lists li{
	border-top: solid 1px #e1e1e1;
	width:170px;
	list-style-position:outside;
}


ul.home-lists li.twocol {
	width:350px;
}

ul.home-lists li a:visited {
	color:#4b4b4b;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li a:active {
	color:#4b4b4b;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li a:link {
	color:#4b4b4b;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li.over{
	background:#e8eded;
}


ul.home-lists li a:hover{
	background:#e8eded;
}


ul.features li{
	float:left;
	display:inline;
	width:565px;
	border-top:solid 1px #E1E1E1;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

ul.featuresNarrow li{
	float:left;
	display:inline;
	border-top:solid 1px #E1E1E1;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

ul.features li h3 a:visited {
	color:#db443c;
	text-decoration:none;
}

ul.features li h3 a:active {
	color:#db443c;
	text-decoration:none;
}

ul.features li h3 a:link {
	color:#db443c;
	text-decoration:none;
}

ul.features li h3 a:hover{
	color:#db443c;
	text-decoration: underline;
}

ul.features-plain li{
	float:left;
	display:inline;
	width:515px;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

ul.features-plain li h3 a:visited {
	color:#4b4b4b;
	text-decoration:none;
}

ul.features-plain li h3 a:active {
	color:#4b4b4b;
	text-decoration:none;
}

ul.features-plain li h3 a:link {
	color:#4b4b4b;
	text-decoration:none;
}

ul.features-plain li h3 a:hover{
	color:#db443c;
}

.features-image{
	float:left;
	display:inline;
	padding:0 10px 0 0;
}


.advert{
	display:inline;
	margin:10px 0 4px 0;
}

.content-banner {
    float:left;
    display:inline;
    width:750px;
}

/*-------------------------------------------------------------
These are the landing page styles*/


ul.breadcrumb{
	float:none; 
	margin:5px 0 0 0;
	padding:0 0 5px 0;
}

ul.breadcrumb li {
	float:none;
	display:inline;
	margin:0 10px 0 0;
	text-wrap:normal;
}

ul.breadcrumb li a:visited {color:#4b4b4b;}

ul.breadcrumb li a:active {color:#4b4b4b;}

ul.breadcrumb li a:link {color:#4b4b4b;}
ul.breadcrumb li a:hover {color:#db443c;}

ul.lhs-lists{
	list-style-type:none;
}

ul.lhs-lists li{
	border-top: solid 1px #e1e1e1;
	width:160px;
	list-style-position:outside;
}

ul.lhs-lists li.top{
	border-top: solid 0px #ffffff;
	width:160px;
	list-style-position:outside;
}

ul.lhs-lists li a:visited {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li a:active {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li a:link {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li.on a:visited {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li.on a:active {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li.on a:link {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: bold;
}

ul.lhs-lists li.over{
	background:#e1e1e1;
}

ul.lhs-lists li a:hover{
	background:#e1e1e1;
}

ul.lhs-lists li ul {
	margin:0 0 0 30px;
}

ul.lhs-lists li ul li{
	border-top: solid 1px #e1e1e1;
	width:130px;
	margin-left:-12px;
	list-style-image: url(../../images/buttons/bullet.gif);
}

ul.lhs-lists li.on ul li a:visited {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li.on ul li a:active {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li.on ul li a:link {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li ul li a:visited {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li ul li a:active {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li ul li a:link {
	color:#db443c;
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-weight: normal;
}

ul.lhs-lists li ul li.over{
	background:#e1e1e1;
}


ul.lhs-lists li ul li a:hover{
	background:#e1e1e1;
}


.icon{
	float:left;  
	display:inline;  
	margin:0 10px 0 0;
}

p.intro{
	color:#4b4b4b; 
	padding:0 0 10px 0;
}

.date {
	color:#999999
}


ul.glossary {margin:20px 0 0 0;}


ul.glossary li {
	float:left;
	display:inline;
	margin:0 3px 0 3px;
}


.txtcontent ol{
	list-style-type: decimal;
	margin:0 0 0 20px;
	
}


.txtcontent ul{
	list-style-type: circle;
	margin:0 0 0 20px;
	
}


.txtcontent ol li{
	list-style-type: decimal;
	padding:0 0 5px 0;
	margin-left:5px;
}


.txtcontent ul li{
	list-style-type: disc;
	padding:0 0 5px 0;
	margin-left:5px;
}

/* Home page styles */

.features-txt a {
	text-decoration:none;
}

.features-txt a:hover {
	color:#db443c;
	text-decoration:underline;
}

/* Publication Index styles */

#docimage {
	float: left;
	/*width: 20%;*/
	width: 184px; /* 184 is width of image in page */
	margin: 0;
	padding: 0;
	}

#doctext {
	float: left;
	width: 60%;
	margin: 0 0 0 20px;
	padding: 0;
	}


/* Educator styles */
/*-------------------------------------------------------------------------------*/

.educatorColor {
	background-color:	#E0F3EB;
}

.educatorColorGrey {
	background-color:	#e8eded;
}


/* Scope and content */
/*-------------------------------------------------------------------------------*/

.Standard	{
	color: #0000ff;
	font-weight: bold;
	}
	
.Intermediate	{
	color: #009933;
	font-weight: bold;
}

.Minor	{
	color: #ff0000;
	font-weight: bold;
}

p.whitetxt a {
	color:#ffffff;
}

p.whitetxtscope {
	color:#ffffff;
	line-height:10px;
	font-weight:bold;
}

p.whitetxtscope a {
	color:#ffffff;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
}

p.whitetxtscope a:hover {
	color:#ffffff;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
}

p.greytxt {
	color:#cccccc;
	line-height:10px;
	font-weight:bold;
}

p.greytxt a {
	color:#cccccc;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
}

p.greytxt a:hover {
	color:#db443c;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
}

td.scope {
	border-bottom:1px solid #E1E1E1; 
	border-top:0px solid #ffffff; 
	border-left:0px solid #ffffff; 
	border-right:0px solid #ffffff; 
	background-color:#ffffff;
	line-height:25px;
}

td.scopeHeader {
	border-bottom:1px solid #E1E1E1; 
	border-top:0px solid #ffffff; 
	border-left:0px solid #ffffff; 
	border-right:0px solid #ffffff; 
	background-color:#ffffff;
}

td.scopeHeader p {
	margin: 3px 0px 3px 0px;
}

td.scopeShow {
	border-bottom:1px solid #E1E1E1; 
	border-top:0px solid #ffffff; 
	border-left:0px solid #ffffff; 
	border-right:0px solid #ffffff; 
	background-color:#E1E1E1;
	line-height:25px;
}

td.scopeShowHeader {
	border-bottom:1px solid #db443c; 
	border-top:0px solid #ffffff; 
	border-left:0px solid #ffffff; 
	border-right:0px solid #ffffff; 
	background-color:#db443c;
	color:#ffffff;
}

td.scopeShowHeader p {
	margin: 3px 0px 3px 0px;
}

td.grey {
    background-color:#ffffff;
}

/* User Accounts AJAX styles */
/*-------------------------------------------------------------------------------*/

.validatorCalloutHighlight
{
    background-color: #E1E1E1;
}

.invalid
{
	color: Red;
}
.valid
{
	color: #db443c;
}
.warning
{
	color:blue;
}

/*  // image swap for perspective //  */
/*-------------------------------------------------------------------------------*/

.imageSwap {
			border: 1px solid #000000;
			}
			
/*  // Marketing opportunities page //  */
/*-------------------------------------------------------------------------------*/
			
.contactRight 	{
			float:right;
			display:inline;
			}
			
.contactLeft 	{
			float:left;
			display:inline;
			width:420px;
			padding-bottom:5px;
			}

/*  // NBS Learning Channels pages - image overlay //  */
/*-------------------------------------------------------------------------------*/

a.LCpic {
  text-decoration:none;
  position:relative;
  display:block;
  padding:0px;
  margin-right:0px;
}

a.LCpic span.play-icon{
  visibility:hidden;
  position:absolute;
  left:5%;
  top:5%;
}

a.LCpic:hover span.play-icon{
  visibility:visible;
}

/*  // NBS Learning Channels pages - caption overlay //  */
/*-------------------------------------------------------------------------------*/

.boxgrid{ 
  width: 340px; 
  height: 250px; 
  margin:0; 
  float:left; 
  background:#161613; 
  border: none; 
  overflow: hidden; 
  position: relative; 
}

.boxgrid img{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  border: 0; 
}

.boxgrid p{ 
  padding: 0 10px; 
  color:#afafaf; 
  font-weight:bold; 
  font:10pt Arial, sans-serif; 
}

.boxgrid h3 {
  margin: 10px 10px 0 10px;
  font-weight:bold;
  font-size:1.3em;
  color:#ffffff;
}

				
.boxcaption{ 
  float: left; 
  position: absolute; 
  background: #000; 
  height: 120px; 
  width: 100%; 
  opacity: .8; 
/* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }

.captionfull .boxcaption {
  top: 250;
  left: 0;
}

.caption .boxcaption {
  top: 210;
  left: 0;
}

/*  // Tweet button - don't display the number of tweets //  */
/*-------------------------------------------------------------------------------*/

a.retweet strong
{
    display:none;
}

/*  // ColorBox styling //  */
/*-------------------------------------------------------------------------------*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxBottomLeft{clear:left;}
#cboxMiddleLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxLoadingOverlay{position:absolute; top:0; left:0; width:100%;}
#cboxSlideshow{cursor:pointer;}

#cboxClose{cursor:pointer;}

#cboxNext{cursor:pointer;}

#cboxPrevious{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#E1E1E1;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../../images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../../images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../../images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../../images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../../images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../../images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../../images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../../images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../../images/colorbox/loading.gif) 150px 110px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/nbsChannels/colorbox../../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*  // NBS TV styles //  */
/*-------------------------------------------------------------------------------*/

#sitewrapper-tv {	
	margin:0 auto;
	padding:0 0 10px 0;
	width:945px;
	background:#ffffff;
	font-size:1.2em;
	background-position: bottom;
	}
	
.spacer{
	clear:both;
	font-size:0.1em;
	height:10px;
}

.contentcol-tvPage {
	float:left;
	display:inline;
	width:945px;
	margin:0 auto;
}

.contentcol-98 {
	float:left;
	display:inline;
	width:98px;
	margin:0 23px 0 0;
}

.contentcol-98-last {
	float:left;
	display:inline;
	width:98px;
	margin:0 auto;
}


.contentcol-195 {
	float:left;
	display:inline;
	width:195px;
	margin:0 55px 0 0;
}

.contentcol-195-last {
	float:left;
	display:inline;
	width:195px;
	margin:0 auto;
}

.contentcol-195-spacer {
	float:left;
	display:inline;
	width:195px;
	height:10px;
	margin:0 55px 0 0;
	border-top:solid 1px #E1E1E1;
}

.contentcol-195-spacer-last {
	float:left;
	display:inline;
	width:195px;
	height:10px;
	margin:0 auto;
	border-top:solid 1px #E1E1E1;
}


.contentcol-640-left {
	float:left;
	display:inline;
	width:640px;
	margin:0 auto;
}

.contentcol-285-right {
	float:left;
	display:inline;
	width:285px;
	margin:0 0 0 20px;
}

.contentcol-460-left {
	float:left;
	display:inline;
	width:460px;
	margin:0 25px 0px 0;
}

.contentcol-460-Right {
	float:left;
	display:inline;
	width:460px;
	margin:0 0px 0px 0;
}

.contentcol-tvPageLeft {
	float:left;
	display:inline;
	width:500px;
	margin:0 10px 0px 0;
}

.contentcol-tvPageRight {
	float:left;
	display:inline;
	width:430px;
	margin:0 0px 0px 0;
}

.video-640-left {
	float:left;
	display:inline;
	width:640px;
	margin:0 10px 0px 0;
}

.panel-sponsor {
	display:inline;
	float:left;
	margin:-5px 0 15px 0;
	padding:0;
	height:100%;
	}
	
.panelBody-sponsor {
	width:560px;
	height:90px;
	}

.info-290-Right {
	float:left;
	display:inline;
	width:290px;
	margin:0 0px 0px 0;
}

.discover {
	float:left;
	display:inline;
	width:430px;
	margin:0 0px 0px 0;
	border-bottom:1px #E1E1E1 solid;
}

.discover-left {
	float:left;
	display:inline;
	width:100px;
	margin:0 10px 0px 0;
}

.discover-right {
	float:left;
	display:inline;
	width:320px;
	margin:0 0px 0px 0;
}

.tabletext {
	font-size:0.8em;
}

.sidebar-block {
	float:left;
	display:inline;
	margin:0 0 0 0;
	vertical-align:text-top;
	padding:0;
	background:#e1e1e1;
	width:430px;
}

.sidebar {
	float:left;
	display:inline;
	width:410px;
	margin:0 10px 0 10px;
	padding:0;
	vertical-align:text-top;
	color:#4b4b4b;
	text-align:left;
}	

.sidebar a {
	text-decoration:none; 
	color:#db443c;
}

.sidebar a:active {
	text-decoration:none; 
	color:#db443c;
}

.sidebar a:visited {
	text-decoration:none; 
	color:#db443c;
}

.sidebar a:hover {
	text-decoration:underline; 
	color:#db443c;
}


.sidebarGreen-block {
	float:left;
	display:inline;
	margin:0 0 0 0;
	vertical-align:text-top;
	padding:0;
	background:#214d46;
	width:430px;
}

.sidebarGreen {
	float:left;
	display:inline;
	width:410px;
	margin:0 10px 0 10px;
	padding:0;
	vertical-align:text-top;
	color:#ffffff;
	text-align:left;
}	

.sidebarGreen a {
	text-decoration:underline; 
	color:#ffffff;
}

.sidebarGreen a:active {
	text-decoration:underline; 
	color:#ffffff;
}

.sidebarGreen a:visited {
	text-decoration:underline; 
	color:#ffffff;
}

.sidebarGreen a:hover {
	text-decoration:underline; 
	color:#db443c;
}

.br-grey {
}

.bl-grey {
}

.tr-grey {
}

.tl-grey {
}

.tr-grey {
	}
	
.bl-grey {
	}
	
.br-grey {
}

.br-outer {
}

.bl-outer {
}

.tr-outer {
}

.tl-outer {
}

.tl-outer {
}

.tr-outer {
}
	
.bl-outer {
}
	
.br-outer {
}

.bottomlineHeaderBlack{
	border-bottom:solid 1px #000000;
	padding:10px 0 10px 0;
	margin-bottom:10px;
}

.guidance {
    overflow:auto; 
    height:200px;
    width:400px;
    background-color:#ffffff;
	margin-bottom:10px;
	padding:0px 5px 5px 5px;
}

.signup {
	float:left;
	display:inline;
	width:940px;
	padding:10px 0px 0px 0;
	border-top:2px #db443c solid;
	margin-bottom:10px;
}

#footer-tv{
	clear:both;
	margin:0 auto;
	width:945px;
	border-top: solid 10px #ffffff;
	font-size:1.1em;
}

#footer-tv ul{
	float:left;
	display:inline;
	margin:10px 0 10px -10px;
}


#footer-tv ul li {
	list-style-type: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	background: url(../../images/css/nav-divider.gif) no-repeat;
	background-position: right;
}


#footer-tv a:visited {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer-tv a:active {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer-tv a:link {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}

#footer-tv a:hover{
	color:#db443c;
	text-decoration: underline; 
}

.contact-tv {
	float:right;
	display:inline;
	margin:10px 0 10px 20px;
}

#footer-tactics{
	clear:both;
	margin:0 auto;
	width:940px;
	border-top: solid 10px #ffffff;
	font-size:1.1em;
}

#footer-tactics ul{
	float:left;
	display:inline;
	margin:10px 0 10px -10px;
}


#footer-tactics ul li {
	list-style-type: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	background: url(../../images/css/nav-divider.gif) no-repeat;
	background-position: right;
}


#footer-tactics a:visited {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer-tactics a:active {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}


#footer-tactics a:link {
	color:#4b4b4b;
	text-decoration:none;
	font-weight:normal;
}

#footer-tactics a:hover{
	color:#db443c;
	text-decoration: underline; 
}

.nbsTVfeatured
{
    background: url('../../images/bars/nbsTV-FeaturedFrame.png') repeat;
    width: 565px;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
}

.nbsTVfeaturedothers
{
    width: 600px;
    margin: 15px 0px 0px 0px;
}

.nbsTVfeaturedsmall
{
    width: 190px;
    float: left;
    display: inline;
    margin: 0px 10px 0px 0px;
}

.nbsTVfeaturedotherslist
{
    width: 600px;
    margin: 15px 0px 0px 0px;
}

.nbsTVfeaturedsmalllist
{
    width: 140px;
    height: 175px;
    float: left;
    display: inline;
    margin: 12px 10px 0px 0px;
}

.titletable
{
    border: 0 !important;
}


/*  // Solutions area styles //  */
/*-------------------------------------------------------------------------------*/

.banner_fullWidth {
    float:left;
    display:inline;
    width:940px;
    margin-top:-17px;
}

.contentcol-singlePanel {
	float:left;
	display:inline;
	width:750px;
	margin:0 10px 10px 0;
}

.panel-singlePanel {
	float:left;
	display:inline;
	margin:0 0 10px 0;
	padding:0;
	background:#ffffff;
	width:750px;
}

.panel-singlePanel-wrap {
	float:left; 
	display:inline; 
	padding:10px 10px 5px 10px; 
	width:730px;
}

.contentcol-fullWidth {
	float:left;
	display:inline;
	width:940px;
}

.panel-thirdBlock {
	float:left;
	display:inline;
	margin:0 10px 9px 0;
	padding:0;
	background:#ffffff;
	width:307px;
	height:200px;
}

.panel-thirdBlock-right {
	float:left;
	display:inline;
	margin:0 0px 9px 0;
	padding:0;
	background:#ffffff;
	width:306px;
	height:200px;
}

.panel-thirdBlock-wrap {
	float:left; 
	display:inline; 
	padding:10px 10px 0px 10px; 
	width:293px;
	height:180px;
}

.blockSpacer {
	width:900px; 
	height:1px;
}

h4.solutionsHome a {
	color:#000000;
	text-decoration:none;
}

h4.solutionsHome a:visited {
	color:#000000;
	text-decoration:none;
}

h4.solutionsHome a:active {
	color:#000000;
	text-decoration:none;
}

h4.solutionsHome a:link {
	color:#000000;
	text-decoration:none;
}

h4.solutionsHome a:hover{
	color:#000000;
	text-decoration:underline;
}

/*  // Solutions area slideshow styles //  */
/*-------------------------------------------------------------------------------*/

ul.slideshow {
    list-style: none;
    width: 940px;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.slideshow li {
    position: absolute;
    left: 0;
    right: 0;
}

ul.slideshow li img {
    width: 940px;
    height: 120px;
}

ul.slideshow li.show {
    z-index: 500;
}

ul img {
    border: none;
}

#slideshow-caption {
    width: 940px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    background: #4b4b4b;
    z-index: 500;
}

#slideshow-caption .slideshow-caption-container {
    padding: 5px 10px;
    z-index: 1000;
}

#slideshow-caption h3 {
    margin: 0;
    padding: 0;
    font-size: 130%;
    color: #ffffff;
}

#slideshow-caption p {
    margin: 5px 0 0 0;
    padding: 0;
    color: #ffffff;
}


/*  // BIM Roundtable page - image overlay //  */
/*-------------------------------------------------------------------------------*/

a.overlay {
  text-decoration:none;
  position:relative;
  display:block;
  padding:0px;
  margin-right:0px;
  margin-top:20px;
}

a.overlay span.overlay-image{
  visibility:hidden;
  position:absolute;
  left:1%;
  top:1%;
}

a.overlay:hover span.overlay-image{
  visibility:visible;
}

a.overlay span.overlay-text{
  visibility:hidden;
  position:absolute;
  left:10%;
  top:10%;
}

a.overlay:hover span.overlay-text{
  visibility:visible;
}


/*  // Home page rotating slideshow styles //  */
/*-------------------------------------------------------------------------------*/

.panelSlideshow {
	display:inline;
	float:left;
	padding:0;
	margin:5px 0 -25px 0;
	}
	
.panelBody {
	background-color:#ffffff;
	width:945px;
	}

.panelMedGreen {
	background-color:#ffffff;
	width:100%;
	padding:0 0 2px;
	}

.curvedPanelHeading {
	color:#ffffff;
	font-size:1.3em;
	padding-left:10px;
	}

div.latestNews li {
	margin:0 0 0 -20px;
	}

.slideshow {
	width:945px;
	}

.bannerPanel {
	height:245px;
	width:945px;
	position:relative;
	}

.selectImage {
	margin:0!important;
	padding:0!important;
	}

.transparentOverlay {
	background-image:url(../../images/css/transparentBlack.png);
	background-repeat:repeat;
	top:195px;
	min-height:50px;
	height:50px;
	width:100%;
	z-index:5;
	position:absolute;
	left:0;
	}

.overlayText {
	top:197px;
	left:10px;
	min-height:50px;
	height:50px;
	width:945px;
	z-index:10;
	position:absolute;
	color:#ffffff;
	overflow:hidden;
	margin:0 35px 0 35px;
 	}

a.title {
	color:#ffffff;
	font-weight:700;
	text-decoration:none;
	font-size:1.2em;
	}

a.readMore {
	color:#ffffff;
	text-decoration:underline;
	font-size:.9em;
	}

#slideshowNavLeft {
	position:absolute;
	top:296px;
	height:32px;
	width:32px;
	z-index:100;
	margin:0 0 0 5px;
	}

#slideshowNavRight {
	position:relative;
	top:-42px;
	height:32px;
	width:32px;
	left:903px;
	z-index:100;
	}

#ie8SlideshowFix {
	position:absolute;
	left:945px;
	width:0px;
	height:245px;
	background-color:#ffffff;
	z-index:100;
	top:0;
	}
	
	
#colorbox-gradient { 
	background-attachment:fixed; 
	background-image: url(../../images/css/bg_gradient_less.jpg); 
	background-repeat:no-repeat; 
	background-position:top;
	margin:-10px auto; 
	color:#4b4b4b;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height:20px;
}

#BIM-quotes { 
	background-attachment:fixed; 
	background-image: url(../../images/css/quote_red.png); 
	background-repeat:no-repeat; 
	background-position: left top; 
	margin:10px auto; 
	color:#4b4b4b; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-left: 60px;
	font-size: 14px;
	line-height:20px;
}

	
/*  // Table cell vertical text //  */
/*-------------------------------------------------------------------------------*/

.box_rotate {
	float: left;
	vertical-align:bottom;
	text-align:justify;
	-moz-transform: rotate(270deg);  /* FF3.5+ */
     -o-transform: rotate(270deg);  /* Opera 10.5 */
  	-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin: 10px 0px 0px 0px;
    padding:0px;
}

.box_caption {
	display:inline;
    padding: 0px 0px 0px 0px;
	position:relative;
	top:50px;
	left:-10px;
	width:130px;
}

/* Fun bits */
/*-------------------------------------------------------------------------------*/

#back-top {
    display:block;
	font-size: 0.9em;
}

#back-top a {
    text-decoration:none;
    display: block;
    text-align: right;
    color: #24b0bf;
 
}

#back-top a:hover {
    color: #4b4b4b;
	-webkit-transition-duration: .5s;
}	

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

line-height:1em;
}


/* Hammy's 'exemplar' BIM page */
/*-------------------------------------------------------------------------------*/

.boxout {
	float:right;
	display:inline;
	border:1px #e1e1e1 solid;
    color: #000000;
	margin:0 0 0px 10px;
	padding:2px 5px 2px 5px;
	width:200px;
}


/* eLearning */
/*-------------------------------------------------------------------------------*/

.eLearning {
    margin: 25px 0 25px 0;
}

.eLearning .left {
    margin: 0;
    padding: 0;
    width: 370px;
    float: left;
}

.eLearning .right {
    margin: 0;
    padding: 0;
    width: 370px;
    float: right;
    text-align: left;
}

.eLearning .module {
    float: left;
    min-height: 110px;
}

.eLearning .image {
    width: 150px;
    float: left;
}

.eLearning .text {
    float: left;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 200px;
}

.eLearning h5 {
    margin: 0;
    padding: 0;
    font-size: 12px
}

.eLearning p {
    margin: 0;
    padding: 0;
}

.eLearning .smallPrint {
    margin: 0;
    padding: 0;
    font-size: 10px;
}



/* Simple expand/collapse for updates page */
/*-------------------------------------------------------------------------------*/

.update-content {
    display: none;
}
