/*
====== Pro-Bel Default CSS Content © Pro-Bel / Nine Four www.ninefour.co.uk ======

	0: Re-Set
	1: Globals
	2: Typography
	3: Layouts
	
============
*/




/* ====== 0: START: Re-set ====== */

	/* link underlines tend to make hypertext less readable, 
	   because underlines obscure the shapes of the lower halves of words */
	:link,:visited { text-decoration:none; }
	
	/* no list-markers by default, since lists are used more often for semantics */
	ul,ol { list-style:none;}
	
	/* avoid browser default inconsistent heading font-sizes */
	/* and pre/code too */
	h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
	
	/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
	/* the default spacing on headings does not match nor align with 
	   normal interline spacing at all, so let's get rid of it. */
	/* zero out the spacing around pre, form, body, html, p, blockquote as well */
	/* form elements are oddly inconsistent, and not quite CSS emulatable. */
	/*  nonetheless strip their margin and padding as well */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
	
	/* whoever thought blue linked image borders were a good idea? */
	a img,:link img,:visited img { border:none; }
	
	/* remove whitspace from beneath images */
	img { display: block; }
	
	/* de-italicize address */
	address { font-style:normal; }
	
	
	
	
	
/* ====== 1: START: Globals CORE Body HTML elements ====== */
	body {
		margin				: 0px;
		padding				: 0px;
		background-image	: url("/assets/img2008/body_bg.jpg");
		background-repeat	: repeat-x;
		background-position	:0 220px;
		font-family			: Arial,Helvetica,sans-serif;
		font-size			: font-size: 12px;
		line-height			: 100%;
		color				: #000000;
		background-color	: #FFFFFF;
		text-align			: center;
	}
	
	/* Default Links */
	a:link {
		color				: #001046;
		text-decoration		: none;
		border-bottom		: 1px solid #C3C8D8;
	}
	a:hover {
		color				: #001046;
		border-bottom		: 1px solid #001046;
	}
	a:visited {
		color				: #001046;
		border-bottom		: 1px solid #C3C8D8;
	}
	
	ul.hidden {
		display				: none;
	}
	
	.clear {
		clear				: both;
		line-height			: 0px;
	}
	
	ul.hidden {
		display				: none;
	}

	hr {
		border-color			: #E5E5E5;
		border-style			: none none solid;
		border-width			: medium medium 1px;
	}



/* ====== 2: START: Typography ====== */
h1 {
	color					: #001046;
	font-size				: 102%;
	line-height				: 120%;
}

h2 {
	font-size				: 12px;
	font-weight				: normal;
	color					: #001046;
	line-height				: 120%;
	margin					: 18px 0 0 0;
	padding-bottom			: 6px;
	border-bottom			: 1px solid #CCCCCC;

}

#Content h2{
	background-image		: url("/assets/icons/pages.gif");
	background-position		: 10px 1px;
	background-repeat		: no-repeat;
	font-size				: 90%;
	margin-top				: 22px;
	padding-left			: 30px;
	width					: 220px;
}
#Content h2.member {
	background-image		: url("/assets/icons/globe.gif");
}

#productContent h2{
	background-image		: none;
	padding-left			: 10px;
}


h3 {
	font-size				: 90%;
	font-weight				: normal;
}

p {
	color					: #001046;
	font-size				: 70%;
	margin-bottom			: 1em;
}

/* ====== 3: START: Layouts ====== */
#Page {
	text-align				: left;
	width					: 800px;
	margin					: 0 auto;
	padding					: 0;
}

/* Note header re-defined in Sub.css */
#Header {
	width					: 800px;
	padding					: 19px 0 0 0;
	overflow				: visible;	
	clear					: both;
}

#Left{
	float					: left;
	padding-left			: 0px;
	margin-right			: 25px;
	width					: 250px;	
	height					:50px;
}

.column{
	width					: 250px;
	padding					: 0;
	Margin					: 0 22px 0 0;
	float					: left;
	overflow				: visible;
}

.lastColumn{
	width					: 250px;
	padding					: 0;
	Margin					: 0 0 0 0;
	float					: left;
}


.Box_Solid_Grey, .Selected_files {
	background-color		: #EFF0F2;
	background-image		: url("/assets/img2008/column_bg.jpg");
	background-position		: left bottom;
	background-repeat		: no-repeat;
	overflow				: visible;
	padding-bottom			: 12px;
	width	 				: 250px;
}

/* Logo */
#Logo {
	display: block;
	margin: 25px 0 0 40px;
	border-bottom: none;
}
body.Sub #Logo {
	margin: 0;
}
#Logo img {
	border: none;
}
#Link {
	width: 105px;
	float: right;
	margin:10px 22px 0 0;
	border-bottom:
}
#Link a.url {
	color:#666666;
	font-size:10px;
	text-align: center;
	width: 105px;
	border-bottom: none;
}

/* Navigation */
#Navigation {
	margin					: 0;
	padding					: 8px 0 0 0;
	background-color		: #095D7E;
	background-image		: none;
	background-repeat		: no-repeat;
	background-position		: bottom left;
	/*min-height				: 34px;*/
	height					: 34px;
	
	
}

#Navigation_Inner{
	margin					: 0 auto;
	width					: 800px;
	overflow				: visible;
}

#Navigation ul {
	text-align 				: left;
	float					: left;	
	padding					: 3px 0 0 0;
	/*width					: 600px;*/	
	background-image		: none;
	background-repeat		: no-repeat;
	background-position		: bottom right;	
}

#Navigation ul li {
	display					: inline;	
	margin					: 0;
	padding					: 0;
}

#Navigation ul li a {
	color					: #FFFFFF;
	border					: none;
	padding					: 3px 10px 12px 6px;
	border-right			: none;
	font-size				: 12px;
	background-repeat		: no-repeat;
	background-position		: bottom center;
}

/* redefine links for each page */ 

body.Home #Navigation ul li.Home a { background-image: url("/assets/nav/ind.gif"); }
body.About #Navigation ul li.About a { background-image: url("/assets/nav/ind.gif"); }
/*body.Sales #Navigation ul li.Sales a { background-image: url("/assets/nav/ind.gif"); }*/
body.Sales #Navigation ul li.Contact a { background-image: url("/assets/nav/ind.gif"); }
body.Products #Navigation ul li.Products a { background-image: url("/assets/nav/ind.gif"); }
body.NewsAndEvents #Navigation ul li.NewsAndEvents a { background-image: url("/assets/nav/ind.gif"); }
body.Support #Navigation ul li.Support a { background-image: url("/assets/nav/ind.gif"); }
/*body.Careers #Navigation ul li.Careers a { background-image: url("/assets/nav/ind.gif"); }*/
body.Careers #Navigation ul li.About a { background-image: url("/assets/nav/ind.gif"); }

/* Hack to force browsers other than Safari to use a larger font size for the nav 
#Navigation ul li a { 	padding-bottom: 12px;	font-size: 12px; }*/

/* Sub Navigation */
ul#nav_categories a:link, ul#nav_categories a:visited{	border-bottom:none; }

ul#nav_categories {
	width	 				: 250px;
	color					: #737E8D;
	font-size				: 11px;
	padding					: 0px 0 6px 0;
	margin					: 0 5px 0 0; 
}

ul#nav_categories li {
	background-color:#EFF0F2;
	border-bottom:1px solid #FFFFFF;
	line-height:200%;
	margin:0pt 0pt 0pt 0px;
	padding:0;
}

ul#nav_categories li a{
	background-image:url(/assets/nav/btn_arrow.gif);
	background-position:10px 8px;
	background-repeat:no-repeat;
	display:block;	
	padding:2px 6px 2px 28px;
}

ul#nav_categories li:last-child, #solutionTool ul#nav_categories li:last-child, solutionTool ul#nav_categories li.lastItem{ 
	border-bottom:none;
	background-image		: url("/assets/img2008/column_bg.jpg");
	background-position		: left bottom;
	background-repeat		: no-repeat;	
}

ul#nav_categories li ul li, ul#nav_categories li ul li ul li{
	background-color:#EFF0F2;
	border-bottom: none;
	line-height:200%;
	margin:0pt 0pt 0pt 0px;
	padding:0 0 0 22px;	
}

ul#nav_categories li.link_padlock a {
	background-image		: url(/assets/nav/btn_padlock.gif) !important;	
}

#member {
	margin: 20px 0 0 0;
}

/* More news links */
a.moreNews {
	background-image		: url("/assets/nav/btn_arrow.gif");
	background-position		: 10px 4px;
	
	background-repeat		: no-repeat;
	padding					: 2px 0pt 2px 28px;
	margin					: 6px 0;
	font-size				: 70%;
	border-bottom			: none;
}
a.moreNews span{ border-bottom: 1px solid #C3C8D8; }

/* Document links */
ul.print_version {
	border-left				: 1px dotted #CCCCCC;
	height					: 65px;
	margin-left				: 353px;
	margin-top				: -72px;
	padding					: 15px 10px 10px 30px;
}
ul.print_version p {
	color					: #737E8D;
	margin-bottom			: 5px;
	font-size				: 10px;
}
ul.print_version li {
	background-position		: 0px;
	background-repeat		: no-repeat;
	display					: inline;
	float					: left;
	height					: 29px;
	margin					: 0px;
	padding					: 0px 5px 0px 0px;
	width					: 24px;
}
ul.print_version li.a4 { background-image:url(/assets/nav/btn_a4.jpg); margin-left:20px; }
ul.print_version li.us { background-image:url(/assets/nav/btn_us.jpg); }

ul.print_version li a {
	border-bottom			: medium none;
	display					: block;
	height					: 29px;
	width					: 24px;
}
ul.print_version li a .text { display:none; }



/* Search */
input.text {
	background-image		: none;
	background-color 		: #FFFFFF;
	border					: 1px solid #CCCCCC;
	padding					: 1px;
	
}
#searchform .button{
	background-image: url(../img2008/search_btn.jpg);
	background-color: transparent;
	color: #FFFFFF;
	border: none;
	padding: 1 px 4px 1px 4px;
	margin: 0;
	font-size:10px;
	text-align:center;
	width:55px;
	height: 22px;
}
#searchform .button:hover{
	cursor: pointer;
}

.Box_search {
	margin					: 0;
	padding 				: 2px 12px 0 0px;
	float					: right;
}

.Box_search input.text {
	font-size				: 14px;
	background-image		: url(/assets/img2008/inputbg.jpg); 
	background-repeat		: none;	
	background-image		: none;
	border					: 1px solid #505662;
	padding					: 1px;
	margin-top: 1px;
}

/* Search results */
body.Search p.query {
	border-bottom:1px solid #E5E5E5;
	padding-bottom:10px;
	width:auto;
}
body.Search .result_meta {
	color:#FA6C16;
}
body.SiteMap ul#site_map li {
	background-image:none;
	margin:0px;
	padding:0px 0px 5px;
}

body.SiteMap ul#indent {
	margin:0px 0px 15px 25px !important;
	padding:0px;
}

body.SiteMap ul#indent ul {
	font-size:100%;
	margin:5px 0px 10px 25px;
	padding:0px;
}
/* Content Area*/
#Content {
	width					: 800px;
	clear					: both;
	margin-top				: 20px;
	overflow				: visible; 
}

#Notice {
	background-color:#F2F2F2;
	background-image:url(/assets/icons/notice.gif);
	background-position:8px 14px;
	background-repeat:no-repeat;
	border:1px solid #737E8D;
	margin:0pt 0pt 10px;
	padding:10px 10px 5px 30px;
}

table.tableborder td.tableCellOne{
	text-align:left !important;
	padding : 4px 0 12px 0;
}

table.tableborder .profileHeadingBG {
	color:#001046;
	font-size:80%;
	font-weight: bold;
	line-height:160%;	
}
table.tableborder td.tableCellTwo{
	/*text-align:right !important;*/
}
table.tableborder td.tableCellTwo input{
	width: 70% !important;
}




/* Footer */
#Footer {
	clear					: both;
	width					: auto;
	border-top				: 1px solid #CCCCCC;
	margin-top				: 20px;
	padding					: 20px;
	text-align				: center;
}

#Footer p {	font-size: 11px; color: #999999; }
	
#Footer a, #Footer a:link, #Footer a:visited, #Footer a:hover, #Footer a:active{ 
	text-decoration			: 1px solid #CCCCCC; color: #999999; 
}

#Footer a:hover{
	text-decoration			: 1px solid #001046;
	color					: #001046;
}

#Footer p.credit {
	display					: none;
}