/* -----------------------------------------------------------
		Theme Name:	TDB Networks
		Updated: 	28.10.08
		Note: 		Site design Simon, 
					CSS & PHP/HTML by Jim (http://www.catch.co.uk)
----------------------------------------------------------- */

/* -----------------------------------------------------------
		UNIVERALS
----------------------------------------------------------- */

p, ul { 
	padding: 0 0; 
	color: #333333;
	font-size: 12px;
} 
.white { color: #FFFFFF; }
.gray { color: #5E696E; }

.bold { font-weight: bold; }

.red {
	color:#900
}

.blue1 {color:#2e63a1}
.blueDark {color:#1b3b61}

.clear {clear: both;}

.superscript {
	font-size: 8px;
	vertical-align: 20%;
}

/* -----------------------------------------------------------
		HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 0 .3em 0;
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 120%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 200%; }


/* --------------------------
		MAIN STRUCTURE
----------------------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body {
	background: #fff url('../images/bak01.gif') top repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}
#wrapper {
	width: 937px;
	margin-right: auto;
	margin-top: 0px;
	margin-left: auto;
	/*padding-bottom: 10px;*/
}
	#logoHeader {
		height: 110px;
		background-image: url(../images/menubarShadow.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		margin-bottom: 15px;
	}
		#logo a {
		margin: 25px 0px 0px 28px;
		width: 153px;
		height: 67px;
		background-image: url(../images/tdb_logo.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		float: left;
		display: block;		
		}
	#graphicHeader {
		height: 170px;
		background-image: url(../images/gHeaderBak.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		background-color: #dbe2eb;
	}
	#container {
		width: 923px;
		margin-left: 7px;
		margin-top: -22px;
		
	}
	
	#footer { margin: 20px 7px; padding-top: 5px; border-top: solid 1px #999999;}
	#address {width: 450px; color: #5e696e; float: left;}
	#address p{ font-size:11px; line-height: 15px; color: #5e696e;}
	.copyright {font-size:10px;}
	
	#footerRight {width: 250px; float: right;}
	#footerRight #links { font-size:11px; line-height: 15px; color: #5e696e; text-align: right;}
	#footerRight #links a { font-size:11px; line-height: 15px; color: #5e696e;}
	#footerRight #links a:hover { color: #000000;}
	
	#footerRight #siteBy {font-size:10px; line-height: 15px; color: #96a5ac; text-align: right;}
	#footerRight #siteBy a{color: #96a5ac;}
	#footerRight #siteBy a:hover { color: #000000;}
		
/* --------------------------
		HOME FORMATTING
---------------------------- */
		
		#leftCol01 {
			width: 670px;
			float: left;
		}
		#rightCol01 {
			width: 245px;
			/*height: 423px;*/
			float: right;
		}
		#focus {
			height: 423px;
			margin-bottom: 6px;
			background-color: #FFFFFF;
			border: solid 1px #999999;
			background-image: url(../images/balls.jpg);
			background-repeat: no-repeat;
			background-position: right bottom;
		}
		#leftCol01 H1 {
			font-size: 58px;
			line-height: 58px;
			margin: 18px 0px 30px 18px;
			padding: 0;
			font-weight: normal;
			color: #5E696E;
		}
		#leftCol01 H2 {
			font-size: 16px;
			line-height: 19px;
			font-weight: normal;
			color: #507CB0;
			padding: 0;
			margin: 0px 0px 10px 18px;
		}
		#leftCol01 p {
			margin-left: 18px;
			line-height: 16px;
			padding: 0;
		}
	
		#searchContainer{
			font-size: 13px;
			color: #FFFFFF;
			float:right;
			margin: 10px 10px 0px 0px;
		}
		.searchField {
			width: 120px;
			margin: 0px 5px 3px 5px;
			padding: 3px 3px 0px 3px;
			font-size: 11px;
			line-height: 11px;
			font-family: "Trebuchet MS", Arial, sans-serif;
			height:15px;
			color: #5E696E;
			border: solid 1px #224774;
		}

#searchContent {
	margin: 8px;
}
#searchContent p{
	color:#666666;
	margin-bottom: 3px;
}
		
/* -------------------------
		PRODUCTS FORMATTING
------   ----------------- */		
		H5 {
			font-size: 12px;
			color: #2e63a1;
			margin: 0;
			padding: 0;
		}
		#rightCol02 {
			width: 670px;
			border: solid 1px #999999;
			float: right;
		}
		
		#rightCol02 H1 {
			color: #13263b;
			font-size: 29px;
			line-height: 29px;
			/*font-weight: normal*/;
			margin: 0 0 3px 0;
			padding: 0;
		}
		#rightCol02 H2{
			font-size: 14px;
			line-height: 17px;
			color: #2e63a1;
			margin: 0;
			padding: 0;
			font-weight: normal;
		}
		#rightCol02 H3{
			height: 18px;
			font-size: 12px;
			line-height: 22px;
			text-indent: 8px;
			color: #bfd5ed;
			background-color: #1b3b61;
			font-weight: bold;
			vertical-align: middle;
		}
		#rightCol02 p, #rightCol02 li {
			font-size: 11px;
			line-height: 14px;
		}
		#rightCol02 ul {
			margin: 5px 22px;
		}
		#rightCol02 li {
			margin-bottom: 5px;
		}
		
		#prodContent {
			margin: 8px;
			width: 430px;
			float:left;
		}
		#prodContentFull {
			margin: 8px;
		}
		#twoCol01 p{
			padding-right: 15px;
		}
		#prodImage{
			margin: -8px 0px -10px 8px;
			width: 520px;
			height: 260px;
			float:left;
			background-image: url(../images/federos01.jpg);
			background-repeat: no-repeat;
			background-position: right 10px;
		}
		#relatedLinks {
			margin: 40px 8px 0px 8px;
			width: 196px;
			border: solid 1px #b4c9df;
			background-color: #f8f9f9;
			float: right;
		}
		#relatedLinks H3{
			height: 18px;
			font-size: 12px;
			line-height: 22px;
			text-indent: 8px;
			color: #1b3b61;
			background-color: #bfd5ed;
			font-weight: bold;
			vertical-align: middle;
		}
		#relatedLinks a {
			font-size: 11px;
			line-height: 14px;
			padding: 4px 8px;
			color: #1b3b61;
			display:block;
		}
		#relatedLinks a:hover {
			font-size: 11px;
			line-height: 14px;
			padding: 4px 8px;
			color: #1b3b61;
			background-color:#ebebeb;
			text-decoration: none;
		}
		#webinar {
			margin: 10px 8px 0px 8px;
			background-color:#edf0f8;
			padding: 4px 8px;
			width: 182px;
			float: right;
		}

		.table01 {border: solid 1px #a3c3e8;}
		.table01 td{padding: 6px;}
		.table01 td p{padding: 6px;}
		
		.table02 {
			border-top: solid 1px #1b3b61;
			border-left: solid 1px #1b3b61;
			width: 640px;
		}
		
		.table02 td {
			padding: 6px;
			border-bottom: solid 1px #1b3b61;
			border-right: solid 1px #1b3b61;
		}
		
		.odd {
			background-color: #edf0f8;
		}
		.title {
			background-color: #1b3b61;
		}
		
		
		#caseStudyHolder .exindent li { }
		#caseStudyHolder .exindent li a {
	color: #2e63a1;
	text-decoration: underline;
}
		#caseStudyHolder .exindent li a:hover {color: #333333;}
		
/* -------------------------------------
		PRODUCT OPENERS FORMATTING
---------------------------------------- */
		#closeAll a{
			font-size:10px;
			line-height:14px;
			color: ##2e63a1;
			display: block;
		}
		#closeAll a:hover{
			font-size:10px;
			line-height:14px;
			color: #000000;
			text-decoration: underline;	
			display: block;
		}
		#caseStudyHolder {
			margin: 0px;
		}
		#caseStudyHolder H5{
			margin: 0px 0px 5px 15px;
			font-size:12px;
			color: #2e63a1;
			font-weight: normal;
			float:left;
		}
		#caseStudyHolder a {
			color: #76848e;
		}
		#caseStudyHolder a:hover {
			color: #333333;
		}
		#caseStudyHolder .exheading {
			cursor: hand;
			height: 23px;
			width: 670px;
			text-indent: 15px;
			line-height: 23px;
			border-bottom: 1px solid #FFFFFF;
		}
		#caseStudyHolder .exheading a {
			background-color: #3c6da7;
			width: 670px;
			color: #FFFFFF;
			font-weight: bold;
			line-height: 23px;
			cursor: hand;
			display: block;
			background-image: url(../images/caseStudy_arrow.gif);
			background-repeat: no-repeat;
			background-position: right center;
			text-decoration: none;
		}
		#caseStudyHolder .exheading a:hover {
			background-color: #1b3b61;
			color: #FFFFFF;
			font-weight: bold;
			line-height: 23px;
			cursor: hand;
			text-decoration: none;
		}
		#caseStudyHolder .exindent {
			padding: 10px 0px 10px 15px;
			width: 655px;
			background-color: #f1f4f8;
		}
		
/*CONTENT FORMATTING*/

		#caseStudyHolder td, #caseStudyHolder p{
			color: #333333;
			padding-right: 10px;
			font-size: 11px;
			line-height: 15px;
		}
		#caseStudyHolder td img {
			padding: 0px;
			margin: 0px 0px 10px 0px;
		}
		#caseStudyHolder H1 {
			color: #2e63a1;
			padding-right: 10px;
			font-size: 13px;
			line-height: 17px;
			font-weight: normal;
		}
		#caseStudyHolder H2 {
			color: #2e63a1;
			padding: 0px;

			font-size: 12px;
			line-height: 17px;
			font-weight: bold;
		}
		#caseStudyHolder .exindent li{
			margin: 10px 0px 0px 0px;
		}
		#closeAll {
			float: right;
			width: 90px;
			text-align: right;
			margin: 0px 15px 5px 0px;
			
		}
		
		
/* ------------------------------
		COMPANY FORMATTING
-------------------------------- */
		#manIntro {
			margin: 8px;
			width: 220px;
			float:left;
		}
		#manIntro p{
			color: #666666;
			font-size: 12px;
			line-height: 15px;
			margin-top: 10px;
		}
		#manIntro H2{
			color: #1b3b61;
			font-size: 14px;
			line-height: 16px;
			font-weight: 300;
			margin-bottom: 4px;
		}
		#manContent {
			margin: 8px;
			width: 400px;
			float:right;
		}
		H4 {
			height: 18px;
			font-size: 12px;
			line-height: 22px;
			text-indent: 8px;
			color: #1b3b61;
			background-color: #bfd5ed;
			font-weight: bold;
			vertical-align: middle;
		}
		#manContent p {
			line-height: 15px;
			
		}
		.manTeamBak {
			background-color:#edf0f8;
			padding: 5px;
		}
		#currentPositions {
			background-color:#edf0f8;
			margin-top: 20px;
		}
		#currentPositions td  {
			padding: 8px;
		}
		#currentPositions p  {
			font-size: 11px;
		}
		
/* ------------------------------
		NEWS
-------------------------------- */

/*---- Home ---*/
#news {
	background-color: #FFFFFF;
	border: solid 1px #999999;	
}
#news H3{ 
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	text-indent: 18px;
	color: #FFFFFF;	
	background-color: #567eac;
	font-weight: normal;
}
/*---------------*/
#newsArticle {
	margin: 0px 0px;
}
#newsArticle H2 {
	font-size: 13px;
	line-height: 20px;
	color: #567eac;
	margin: 0px 19px;
	padding: 5px 0px 2px 0px;
}
#newsArticle p {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	margin: 0px 19px;
	padding: 0px;
	
}
#newsArticle a {
	margin: 2px 0px 5px 0px;
	padding-bottom: 5px;
	display:block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #dbe4ef;
}
#newsArticle a:hover {
	text-decoration: none;
	color: #000;
}
#newsArticleHolder {
	margin-bottom: 0px;
	/*border-bottom: solid 1px #c4d2df;*/
}
#newsArticle HR {
	margin: 0px 0px;
	color: #c4d2df;
	height: 1px;
}

/*---- News pages ---*/
#newsContainer {
	/*height: 300px;
	overflow: auto;*/
}
#newsMain{
	width: 100%;
	border: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-color:#FFFFFF;
	/*border-bottom: solid 1px #567eac;*/
}

#newsMain H3 {
	font-size: 14px;
	line-height: 22px;
	text-indent: 8px;
	color: #1b3b61;
	background-color: #cedbe4;

	vertical-align: middle;
}
#newsMain H2 {
	font-size: 11px;
	line-height: 13px;
	margin: 0px 8px;
	color: #1b3b61;
	font-weight: bold;
}
#newsMain p {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px 8px;
	padding: 2px 0px 5px 0px;
}
#newsMain HR {
	margin: 0px 0px;
	color: #c4d2df;
	height: 1px;
}

/* ------------------------------
		DOWNLOADS
-------------------------------- */
#productsTable {
	width: 620px;
}
#productsTable TD{
	border-bottom: solid 1px #cedbe4;
	padding: 8px 0px 8px 0px;
}
#productsTable H2 {
	color: #13263b;
	font-size:13px;
	line-height: 13px;
	font-weight:bold;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	display: block;
}
#productsTable img{
	border: solid 1px #13263b;
	margin-right: 15px;
	float: left;
}
#productsTable a {
	width: 300px;
	height: 73px;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	display: block;
	text-decoration: none;
}
#productsTable a:hover {
	/*background-color: #cedbe4;*/
	background-image: url(../images/pdfBak.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-decoration: none;
	display: block;
}
/* ------------------------------
		CONTACT US FORMATTING
--------------------------------- */		
			#mapHolder {
				width: 637px;
				margin-top: 20px;
			}
			#contact {
				margin: 0px;
				background-color:#3c6da7;
				color: #FFFFFF;
			}
			#contact p{
				color: #FFFFFF;
				padding: 8px;
				font-size:12px;
			}
			#contact a{
				color: #FFFFFF;
				padding: 20px;
			}
			#map {
				width: 640px;
				margin: 0px 0px 5px 0px;
			}
/* ---------------------------------
		LINKS
---------------------------------- */

a {
	color: #2c62a0;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a img { border: 0; }

#sidebar a {
	color: #082843;
}

#footer a { color: #cc3232; }

#footer a:hover { text-decoration: underline; }

/* ----------------------------------
		LISTS
---------------------------------- */

ul, ol {
	margin-left: 30px;
}



/* -------------------
		FORMS
--------------------- */

/*Call me form*/
#contactBut a{
	width: 190px;
	height: 25px;
	margin: 20px 12px 0px 0px;
	display:block;
	float: right;
	background-image: url(../images/contactBut02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contactBut a:hover{
	background-image: url(../images/contactBut02.gif);
	background-repeat: no-repeat;
	background-position: -210px 0px;
}
#formContainer02 {
	width: 320px;
	margin: -10px 0px 20px 0px;
	float:left;
}
#formContainer03 {
	width: 198px;
	margin: 0px 8px 20px 0px;
	float:right;
}
#contactForm {
	display: none;
}

#addressContainer02 {
	width: 280px;
	float: left;
	margin-left: 40px;
}
#address02 {
	padding: 8px;
	border-left: solid 1px #afd2fc;
	border-right: solid 1px #afd2fc;
	border-bottom: solid 1px #afd2fc;
	background-color: #ebf0f8;
}
#formBak01 {
	border-left: solid 1px #afd2fc;
	border-right: solid 1px #afd2fc;
	border-bottom: solid 1px #afd2fc;
	font-size: 11px;
	line-height: 11px;
	background-color: #ebf0f8;
	padding:10px;
}

#errorFlag {
	background-color: #660000;
	font-size: 10px;
	color:#FFFFFF;
	margin-top: 10px;
}
.alert {
	margin-left: 10px;
	font-size: 10px;
	color:#FFFFFF;
	padding: 10px 0px;
}
.validation {
	font-size: 10px;
}


#formBorder {
	/*border: solid 1px #bfd5ed;*/
	background-color: #ebf0f8;
	margin-right: auto;
	margin-left: auto;
}
#formBorder a{
	font-size:10px;
}
#formHeading {
	font-size: 11px;
	color: #1b3b61;
	background-color: #aabed4;
	font-weight: bold;
	padding: 10px;
}
#formCloser {
	height: 20px;
	background-color:#567eac;
	display: block;
}
#closer a{
	height: 20px;
	width: 20px;
	float:right;
	background-image: url(../images/closer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#closer a:hover{
	background-position: -25px 0px;
}
#cframe {
	border: solid 1px #567eac;
}
#dwindow {
	border-right: solid 2px #567eac;
}
#alertArea {
	background-color:#660000;
}



.formTitle01 {
	font-size: 13px;
	line-height: 28px;
	font-weight: normal;
	text-indent: 10px;
	color: #FFFFFF;
	background-image: url(../images/grad_blk.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-bottom: 15px;	
}
#formTable {
	margin-left: 10px;
}
#first_name, #last_name, #email, #phone {
	margin: 0px 10px 3px 0px;
	padding: 3px 3px 0px 3px;
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height:15px;
	color: #515962;
	width: 140px;
	border: solid 1px #cccccc;
}

#tele {
	margin-bottom: 3px;
}
.callback_time { 
	margin-top: 4px;
	padding: -2px 0px 2px 0px;
	background-color: #FFFFFF; 
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	height:20px; 
}
#submit, #Login{
	height:19px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	font-size: 9px;
	line-height: 13px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
.submitBut {
	height:19px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	font-size: 9px;
	line-height: 13px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.form1 {
	margin: 0px 10px 3px 0px;
	padding: 3px 3px 0px 3px;
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height:15px;
	color: #333333;
	width: 140px;
	border: solid 1px #cccccc;
}

.form3 {
	margin: 0px 10px 3px 0px;
	padding: 3px 3px 0px 3px;
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	width: 140px;
	border: solid 1px #cccccc;
}
.form4 {
	margin: 0px 10px 3px 0px;
	padding: 3px 3px 0px 3px;
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height:15px;
	color: #515962;
	width: 40px;
	border: solid 1px #cccccc;
}
.form2, .form2 p{
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: right;
	padding:0px 5px;
}
.form5 {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}
/*fill in form before downloading pdfs*/
#showDownloadForm {
	display: none;	
}
#errorFlag2 {
	background-color: #660000;
	font-size: 10px;
	color:#FFFFFF;
}
#downloadArea {
	background-color:#900;
	display: none;
}
/*-----------------------*/