/*

Colours:
	color: #c00; - Main red
	color: #84868b; - light grey
	color: #81272a; - text red
	color: #201e1f; - near black
	color: #00738c; - h1 blue
*/
/*
#QA_site {
	position:fixed;
	top:5px;
	left:0px;
	display:block;
	width:100%;
	z-index:100;
	height:20px;
	background-color:#FFFF00;
	color:#000000;
	text-align:center;
	font-size:1em;
	padding: 5px 0 0 0;
	border-bottom:#000 1px solid;
	border-top:#000 1px solid;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	cursor:pointer;
}
*/
body{
	margin: 0px;/* change this to 0 or whatever's required when building*/
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	height:100%;
	width:100%;
	z-index:0;
	background:#ebebeb;
}
div { z-index:0;}

textarea { font-family:Arial, Helvetica, sans-serif;}

div.moz {
	position: absolute;
	bottom: -0.1px;
}

a:link {
	color:#96cbef;
	text-decoration: underline;
	outline:none;
}

a:visited {
	color: #96cbef;
	text-decoration: underline;
	outline:none;
}

a:hover {
	color:#ffffff;
	background-color:#96cbef;
	text-decoration: none;
	outline:none;
}

a:active {
	color: #96cbef;
	text-decoration: underline;
	outline:none;
}

h1 {
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	text-transform:uppercase;
}

#h1_hold { 
	width:990px;
	float:left;
	background:url(../assets/images/page/bg_flock.jpg) top right no-repeat #002e4b;
	border-bottom:1px solid #a1a1a1;
	padding:6px 0 0 0;
}

#h1_hold h1{ 
	float:left;
	width:600px;
	height:41px;
	margin:0 0 0 11px;
	border-left: 8px solid #5990b3;
	background:url(../assets/images/page/headers/h1_generic.gif) 10px 12px no-repeat;
	line-height:100px;
	overflow:hidden;
}

#h1_hold #h1_product { background-image:url(../assets/images/page/headers/h1_product.gif); }
#h1_hold #h1_about { background-image:url(../assets/images/page/headers/h1_about.gif); }
#h1_hold #h1_legal { background-image:url(../assets/images/page/headers/h1_legal.gif); }
#h1_hold #h1_new { background-image:url(../assets/images/page/headers/h1_new.gif); }
#h1_hold #h1_newsletter { background-image:url(../assets/images/page/headers/h1_newsletter.gif); }
#h1_hold #h1_solutions { background-image:url(../assets/images/page/headers/h1_solutions.gif); }
#h1_hold #h1_train { background-image:url(../assets/images/page/headers/h1_train.gif); }

/*h2 {
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	margin: 13px 0px 14px 0px;
	padding: 0 0 2px 10px;
	border-left: 8px solid #7fceff; 
	border-bottom: 1px solid #7fceff; 
	float:right;
	width:779px;
}
*/
h2 span { color:#81272a; }

h3 {
	font-style: normal;
	line-height:normal;
	font-weight: bold;
	color: #fff;
	font-size: 1.5em;
	margin: 13px 0px 14px 0px;
	padding: 0 0 2px 10px;
	border-left: 8px solid #7fceff; 
	
}

h3.tablehead {
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align:left;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h4 {
	font-style: normal;
	font-weight: bold;
	color: #201e1f;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

p{
	color: #e5e5e5;
	font-size: 1.4em;
	margin: 0 0 14px 0;
	padding: 0;
	line-height:23px;
}

p span { color:#7fceff; }

/*
div { margin:0; padding:0; float:left;}
*/


sup, sub { font-size:10px; color:#81272a;}

ul {
	margin: 10px 10px 10px 0px;
	padding: 0;
}

ul li {
	list-style-image:url(../assets/images/page/bullet.gif);
	color:#fff;
	margin: 4px 0 4px 20px;
}

ol{
	margin: 10px 10px 10px 0px;
	padding: 0; 
	list-style:decimal inside; 
}

ol li{
	padding: 0 0 0 0;
}

	
form {
	margin: 0px;
	padding: 0px;
}

input {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

/*hr {
	height: 1px;
	color: #9f9e9a;
	border: 1px #9f9e9a dashed;
}*/

.hidden { display:none; visibility:hidden;}

table {
	float:left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left:5px;
	margin-right:5px;
}

td {
	font-style: normal;
	/*font-weight: bold;*/
	color: #201e1f;
	font-size: 11px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

th {
	font-style: normal;
	font-weight: bold;
	color: #201e1f;
	font-size: 11px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

th.tablehead {background:#000;}


table.noTableBorder, table.noTableBorder tr, table.noTableBorder tr td  { border:none; color: #FFFFFF;}

table.tableBorder {border-top: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
	
table.tableBorder tbody tr td, 
table.tableBorder tr, 
table.tableBorder tr td  {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-left: 1px solid #CCCCCC;}

/*subclasses*/
	
.float_left, .float_right { float:left; position: relative; }
.float_right { float:right;}

/* Structure */

/*new layout*/
#main_hold{
	width: 992px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	padding-bott om:30px;
	z-index:0;
	
	width: 1000px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	z-index:0;
	position:relative;
	}

#page_content, #page_content_home { 
	width: 990px;
	position:relative;
	float:left;
	display:inline; 
	border:1px solid #a1a1a1;
	border-top:0;
	z-index:0;
	padding:133px 0 0 0;
	background:#002e4b;
	}

#page_content_home { padding:220px 0 0 0 ; }

#header, #header_home {
	position:absolute;
	top:0px;
	left:0;
	width:992px;
	background:#000;
		z-index:10;
}
#header_home { border-bottom:1px solid #a1a1a1;}

#body_main {
	width: 990px;
	position:relative;
	float:left;
	display:inline;
	background:#002e4b url(../assets/images/page/content_bg.gif) top left repeat-y;
	}


/*header Styles*/

#head_division, #head_division span { 
	width:992px;
	float:left;
	height:5px;
	overflow:hidden;
	background:#474747;
	}
#head_division span { width:30px; background:#0873bd;}

#logo { 
	float:left;
	margin:17px 0 12px 33px;
	display:inline;
	}
	
#logo img { border:0; float:left; padding-top:20px;} 
	
#logo img.main {border-right:2px solid #fff; padding: 0 20px 0 0 ; margin-right:20px; }

#header_right, #header_search { 
	float:right;
	margin:17px 13px 5px 0;
	width:410px;
	display:inline;
}

ul.top_nav {
	margin:0;
	width: 410px;
	position:relative;
	float:right;
	display:inline;
	list-style:none;
}


ul.top_nav li{
	display:inline;
	list-style: none;
	clear:none;
	height:14px;
	float:right;
	margin:0 0 0 32px;
	}
	

ul.top_nav li a:link, ul.top_nav li a:visited, ul.top_nav li a:active{
	float:left; 
	margin:0; padding:0;
	text-decoration:none;
	height:14px;
	overflow:hidden;
	line-height:10000px;
}

ul.top_nav li a:hover { text-decoration:underline;}

ul.top_nav li.links,
ul.top_nav li.links a:link, ul.top_nav li.links a:visited, ul.top_nav li.links a:active
	{ background:url(../assets/images/nav/links.gif) top left no-repeat; width:92px; } 
ul.top_nav li.links a:hover 
	{ background:url(../assets/images/nav/links_over.gif) top left no-repeat; width:92px; } 


ul.top_nav li.contact,
ul.top_nav li.contact a:link, ul.top_nav li.contact a:visited, ul.top_nav li.contact a:active
	{ background:url(../assets/images/nav/contact.gif) top left no-repeat; width:82px; } 
ul.top_nav li.contact a:hover
	{ background:url(../assets/images/nav/contact_over.gif) top left no-repeat; width:82px; } 


ul.top_nav li.home,
ul.top_nav li.home a:link, ul.top_nav li.home a:visited, ul.top_nav li.home a:active
	 { background:url(../assets/images/nav/home.gif) top left no-repeat; width:79px; } 
ul.top_nav li.home a:hover
	 { background:url(../assets/images/nav/home_over.gif) top left no-repeat; width:79px; } 


#header_search { margin: 14px 0 13px 0;}
#header_search label { 
	float:right; 
	margin: 5px 7px 0 0; 
	height:11px;
	width:63px;
	overflow:hidden;
	line-height:1000px;
	background:url(../assets/images/page/label_keywords.gif) top left no-repeat;
	 }
	
#header_search input.search { 
	float:right; 
	font-size:1.2em; 
	border:1px solid #7f9db9; 
	width:236px; 
	height:16px; 
	padding:2px;
	margin:0 5px 0 0; 
	color:#000; 
	background:#fff; }
	
#header_search input.search:focus { border-color: #fff; color:#fff; background:#000;}
#header_search input.search_go {
	cursor:pointer; 
	float:right; 
	width:76px; height:22px; 
	padding:0; margin:0; 
	color:#fff;
	overflow:hidden;
	font-size:0;
	color:#ededed; 
	background: url(../assets/images/page/btn_search.gif) #000 top left no-repeat; 
	border:0; }

/*Main Nav styles */


ul#primary {
	margin: 0;
	width: 992px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
}

ul#primary li{
	width:164px;
	height:21px;
	display:inline;
	list-style: none;
	clear:none;
	margin:0;
	padding:0;
	float:left;
	background-color:#a1a1a1;
	
	}
	

#primary li a:link, #primary li a:visited,  #primary li a:hover,  #primary li a:active, #primary li.pipe {
	color:#fff;
	float:left; 
	display:inline;
	width:164px;
	height:21px;
	line-height:100px;
	overflow:hidden;/**/
}

#primary li.pipe{ width:1px; background:#000; }

#primary li.product,
#primary li.product a:link, #primary li.product a:visited, #primary li.product a:active
	{ background:url(../assets/images/nav/product.gif) center 6px no-repeat #a1a1a1; width:167px; } 
#primary li.product a:hover 
	{ background:url(../assets/images/nav/product_over.gif) center 6px no-repeat #ed1c24; } 

#primary li.solutions,
#primary li.solutions a:link, #primary li.solutions a:visited, #primary li.solutions a:active
	{ background:url(../assets/images/nav/solutions.gif) center 6px no-repeat #a1a1a1; } 
#primary li.solutions a:hover 
	{ background:url(../assets/images/nav/solutions_over.gif) center 6px no-repeat #ed1c24; } 
	
#primary li.train,
#primary li.train a:link, #primary li.train a:visited, #primary li.train a:active
	{ background:url(../assets/images/nav/train.gif) center 6px no-repeat #a1a1a1; } 
#primary li.train a:hover 
	{ background:url(../assets/images/nav/train_over.gif) center 6px no-repeat #ed1c24; } 

	
#primary li.new,
#primary li.new a:link, #primary li.new a:visited, #primary li.new a:active
	{ background:url(../assets/images/nav/new.gif) center 6px no-repeat #a1a1a1; } 
#primary li.new a:hover 
	{ background:url(../assets/images/nav/new_over.gif) center 6px no-repeat #ed1c24; }
	

#primary li.about,
#primary li.about a:link, #primary li.about a:visited, #primary li.about a:active
	{ background:url(../assets/images/nav/about.gif) center 6px no-repeat #a1a1a1; } 
#primary li.about a:hover 
	{ background:url(../assets/images/nav/about_over.gif) center 6px no-repeat #ed1c24; }
	
		
#primary li.newsletter,
#primary li.newsletter a:link, #primary li.newsletter a:visited, #primary li.newsletter a:active
	{ background:url(../assets/images/nav/newsletter.gif) center 6px no-repeat #a1a1a1; } 
#primary li.newsletter a:hover 
	{ background:url(../assets/images/nav/newsletter_over.gif) center 6px no-repeat #ed1c24; }



#slideshow { 
	width:990px;
	padding:16px 0 0 0;
	float:left;
	border-right:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	border-bottom: 3px solid #5990b3;
	
}

/*Breadcrumbs*/

#breadcrumbs { 
	width:982px;
	padding: 4px 0 4px 8px; 
	float:left;
	background:#002e4b;
	border-right:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
}

#breadcrumbs span{ 
	float: left;
	padding:0 4px 0 4px;
	color:#80ceff;
	text-transform:uppercase;
	}
	
#breadcrumbs span a:link, #breadcrumbs span a:visited, #breadcrumbs span a:active { 
	color:#fff;
	float:left;
	margin:0; padding:0;
	text-decoration:none;
	}
	
#breadcrumbs span a:hover { text-decoration:underline;}	 



/*h1's*/

/*footer*/

#footer { 
	float:left;
	width:990px;
	display:inline;
	background:#474747;
	margin:10px 0 0 0 0;
}

#footer div{ width:30px; height:18px; float:left; background:#0873bd;  }
 
#footer ul {
	margin: 0;
	padding: 0;
	width: 960px;
	height:18px;
	position:relative;
	float:right;
	display:inline;
	height: auto;
	list-style:none;
}

#footer ul li{
	padding:0;
	display:inline;
	list-style: none;
	clear:none;
	margin:0;
	float:right;
	line-height:18px; 
	color:#fff;
	font-family:"Arial Narrow";
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1em;
	}

#footer ul li a:link, #footer ul li a:visited,#footer  ul li a:active {
	color:#fff;
	float:left; 
	font-size:1em;
	text-decoration:none;
}

#footer ul li a:hover { text-decoration:underline;}
#footer ul li.copyright{ margin: 0 10px 0 10px; float:left; }
#footer ul li.dnd{ margin: 0 10px 0 30px; }
#footer ul li.pipe{ margin: 0 8px 0 8px; cursor:default; }



/*Search results*/

div.search_results, div.search_results_Alt {
	width: 766px;
	float:right;
	display:inline;
	padding:0; margin:0 0 0 0;
	border-bottom: 1px solid #316d93;
}

div.search_results h3, div.search_results_Alt h3 {  font-size:1.4em; float:left; color:#00738c; width:766px; margin-bottom:2px; }
div.search_results_byline { width: 766px; float:right; border:0;  color:#81272a; background:url(../assets/images/page/brdr_dotted_white.gif) bottom left repeat-x; margin:5px 0 0 0; padding:5px 0 2px 0;}



/*home styles*/

#panel01, #panel02, #panel03 {
	float:left;
	margin: 20px 0 10px 11px;
	width:307px;
	display:inline;
	}

#panel03 { width:320px; margin-left:23px; }
 
#panel01 h1, #panel02 h1, #panel03 h1{
	width:301px;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	border-left:6px solid #5990b3;
	height:22px;
	overflow:hidden;
	line-height:1000px;
	background: url(../assets/images/page/h1_product.gif) 4px 6px no-repeat;

}

/*#panel02 h1 { background-image:url(../assets/images/page/h1_solutions.gif); } Asked to change to say news - JB */
#panel02 h1 { background-image:url(../assets/images/page/h1_news.gif); }
#panel03 h1 { background-image:url(../assets/images/page/h1_product_search.gif); width:313px; }

a.link_box:link, a.link_box:visited, a.link_box:active, div.search_products  {
	width:285px;
	height:47px;
	margin: 0 0 20px 0;
	float:left;
	border:1px solid #5990b3;
	background:#316d93;
	padding:10px;
	overflow:hidden;
	text-decoration:none;
}

a.link_box:hover { 
	background:#ed1c24;
}

a.link_box span{
	width:285px;
	float:left;
	color: #fff;
	cursor:pointer;
	font-size:1.4em;
	height:30px;
	overflow:hidden;
}
a.link_box span.head{ 	font-size:1.6em; height:19px; font-weight:bold; }


div.feature {  
	width:285px;
	height:213px;
	float:left;
	border:1px solid #5990b3;
	background:#526977;
	padding:10px;
	overflow:hidden;
	text-decoration:none;
}

div.feature h2{ 
	font-size:1.8em;
	color:#fff;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width:285px; 
	float:left;
	background:url(../assets/images/page/green_dot_brdr.gif) bottom repeat-x ;
}  

div.feature img{ float:left; border:0;}  
div.feature p { color: #fff; font-size:1.2em; width:130px;  line-height:normal; overflow:hidden; float:right;}
div.feature strong { font-size:1.1em;} 


div.search_products  { width:299px; }

div.search_products label{ 
	width:299px;
	float:left;
	font-weight:bold;
	color:#fff;
	margin: 2px 0 5px 0;
	font-size:1.1em;
	font-weight:bold;
}

div.search_products select{ 
	width:299px;
	float:left;
	font-size:1.2em;
	font-weight:bold;
}

#newspanel {
	 width:320px;
	 float:left;
 }
 
#newspanel h2 a:link, #newspanel h2 a:visited, #newspanel h2 a:active {
	width:314px;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	border-left:6px solid #5990b3;
	height:22px;
	overflow:hidden;
	line-height:1000px;
	background: url(../assets/images/page/h2_whats_new.gif) 4px 6px no-repeat;
 }
 
#newspanel h2 a:hover { }


#newslist {
	margin: 0;
	width: 320px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
}

#newslist li{
	width:320px;
	display:inline;
	list-style: none;
	clear:none;
	margin:0;
	padding:0;
	float:left;
	}

#newslist li a:link, #newslist li a:visited, #newslist li a:active {
	color:#7fceff;
	float:left; 
	display:inline;
	width:320px;
	padding:4px 0 4px 0;
	background:none;
	border-bottom:1px solid #316d93;
	text-decoration:none;
}

#newslist li a span {
	float:left;
	margin:0;
	padding:0;
}

#newslist li a span.date { width: 54px; }
#newslist li a span.section {width: 46px; color:#fff;  }
#newslist li a span.abstract {width: 214px; float:right;  }

#newslist li a:hover{ 	background:#ed1c24; }

#newslist li.first, #newslist li.last{ background:url(../assets/images/page/green_dot_brdr.gif) top repeat-x ;}
#newslist li.last{	background-position:bottom; }
#newslist li.last a{ border:none;}
 
 /*overrides for internal css*/
#template_body_holder #panel03 { float:right;  margin: 0 12px 10px 0 ; }
#template_body_holder #panel03 h2{ float:left; width:314px; border:0; margin:0 0 0 0; padding:0;  }