/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN STYLES
    ------------
    Job:               Clutterbucks.mandogroup.com
    Produced by:       RD @ Mando Group
    Start date:        14/09/2006
    ------------
    COLOUR SPEC:
    Dark blue:         #39517d
    Mid blue:          #48669e
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	hacks
*/
/* =1. type selectors */
* {margin:0;padding:0;border:none;font-family:tahoma, verdana, Helvetica, sans-serif;font-size: 1em;}
body
  	{
  	font-size: 76%;
	background: #fff;
	color: #000;
	text-align:center;
	margin: 0;
	padding: 0;
	}
/* =2. structural */
div.header 
	{
	background: transparent url(/_common/images/structure/header.jpg) 0 88px no-repeat;
	height:224px;
	position:relative;
	}
div.header2 
	{
	background: transparent url(/_common/images/structure/bg-subnav.gif) 0 88px no-repeat;
	height:117px;
	position:relative;
	}	
div.header h1, div.header2 h1 
	{
	float:left;
	padding:0.1em 0 1em 4.5em;
	}	
div.header p, div.header2 p 
	{
	position:absolute;
	text-indent:-5000px;
	}	
/*---------------------------------------Search Box----------------------------------------*/	
div.search 
	{
	margin:26px 5em 0 0;
	float:right;
	display: inline;
	}
.searchsite 
	{
	border: 1px solid #39517d;
	height: 1.1em;
	margin-right: 0.2em;	
	vertical-align:middle;
	width:96px;
	font-size:1em;
	}
.searchsubmit 
	{
	vertical-align:middle;
	}
div.search input 
	{
	padding: 1px 1px;
	font-size:0.8em;
	color:#39517d;
	}	
div.content4 .login 
	{
	border: 1px solid #fff;
	background-color:#48669e;
	height: 1.1em;
	margin-right: 1em;	
	vertical-align:middle;
	width:90px;
	font-size:1em;
	}
div.content4 .searchsubmit 
	{
	vertical-align:middle;
	}
div.content4 .registersubmit
	{
	float:right;
	margin: 20px 58px 0 0;
	}	
div.newsitem .news
	{
	margin:20px 25px 0 0;
	float:right;
	}			
div.content4 input 
	{
	padding: 1px 1px;
	font-size:0.8em;
	color:#fff;
	}	
div.content4 label 
	{
	padding: 0px 5px 0 0px;
	color:#fff;
	width:50px;
	float:left;
	}	
.password 
	{
	margin-top:5px;
	}	
div.content4 a
	{
	margin-left:6em;
	color:#fff;
	text-decoration:none;
	}			
div.content4 a:hover
	{
	text-decoration:underline;
	}			
.register
	{
	/*display:block;*/
	/*width:165px;*/
	}	
.registerarrow
	{
	margin:20px 28px 0 0;
	float:right;
	}
div.content4 ul 
	{
	list-style-type:none;
	color:#33CCCC;
	margin-bottom:5px;
	}			
/*-----------------------------------------------------------------------------------------*/	
div.wrap
	{
	width: 717px;
	margin: 1.1em auto;
	}
div.content 
	{
	background: #fff url(/_common/images/structure/content-bg.gif) left top repeat-y;
	text-align:left;
	width:717px;
	padding-bottom:10px;
	}
div.contentbottom  
	{
	background: #fff url(/_common/images/structure/content-bgblue.gif) left top repeat-y;
	text-align:left;
	padding-bottom:1em;
	float:left;
	width:717px;
	height:198px;
		}
div.content5  
	{
	width:460px;
	text-align:left;
	padding-bottom:1em;
	float:left;
	}	
div.content1
	{
	font-size: 0.9em;
	text-align:left;
	float:left;
	width:400px;
	background: url(/_common/images/structure/dot.gif) right top repeat-y;
	margin:12px 0;
	padding-left: 50px;
	padding-right: 10px;
	}		
div.contentcontent
	{
	font-size: 0.9em;
	text-align:left;
	float:left;
	width:410px;
	margin:12px 0;
	margin-bottom: 20px;
	margin-left: 25px;
	/*padding-left: 50px;*/
	padding-bottom: 20px;
	/*border: 1px solid #000;*/
	}			
div.contentRight {
	padding-top: 2em;
	width: 240px;
	float: right;
	margin-right: 13px;
	margin-bottom: 20px;
	/*border: 1px solid #000;*/
}




div.content1 h1
	{
	font-size:1.6em;
	padding:0px 0 10px 0px;
	margin:0;
	color:#48669e;
	}	
div.contentcontent h1
	{
	font-size:1.6em;
	padding:10px 0 10px 0px;
	margin:0;
	color:#48669e;
	}				
div.content1 h2, div.contentcontent h2 
	{
	font-size:1.2em;
	padding:0px 0 10px 0px;
	margin:0;	
	color:#000;
	}	
.greenHighlight {
	color: #93c7d5;
}
.blueHighlight {
	color: #48669e;
}
div.content1 p, div.contentcontent p 
	{
	/*font-size:0.9em;*/
	padding:1px 20px 10px 0px;
	line-height:1.2;
	margin:0;
	}	
div#errors ul {color:red;}	
div.content ul {
	/*font-size:0.9em;*/
	color:#000;
	margin:0em 0 0 1.2em;
	list-style-type:square;
	}	
div.content ol {
	/*font-size:0.9em;*/
	color:#000;
	margin:0em 0 0 2em;
	}
div.contentRight ul {
	margin:0em 0 1em 1.2em;
	}
div.content li {	
	padding:0.5em 0.5em 0 1em;
	}
div.content a {
	color:#000;
	text-decoration:none;
	}	
div.content a:hover {
	color:#000;
	text-decoration:underline;
	}		
div.content5 p  
	{
	font-size:0.8em;
	padding:15px 50px 0 50px;
	line-height:1.2;
	margin:0;
	color:#fff;
	}	
div.newsitem 
	{
	width:470px;
	}	
div.newsitem p
	{
	font-size:0.8em;
	padding:1px 0px 0 50px;
	line-height:1.3;
	margin:0;
	color:#fff;
	}		
div.newsitem h2
	{
	font-size:0.8em;
	padding:12px 50px 5px 50px;
	line-height:1.2;
	margin:0;
	color:#fff;
	}	
div.content3 
	{
	width:460px;
	float:left;
	}
div.content3 h1, div.content5 h1 {
	padding: 10px 0 0 50px;
	color:#fff;
	margin:0;
}
div.content3 h2, div.content5 h2
	{
	font-size:0.8em;
	padding:12px 50px 5px 50px;
	line-height:1.2;
	margin:0;
	color:#fff;
	}
div.content5 img 
	{
	margin-left:4em;
	float:left;
	padding:15px 10px 0 0;
	}				
div.content2
	{
	float:left;
	width:200px;
	padding: 0 20px 0 1.5em;
	margin: 12px 1.5em 0 0;
	font-size:0.9em;
	}	
div.content2 p
	{
	padding: 0 0 10px 0;	
	}	
div.content4 
	{
	float:left;
	width:210px;
	height:150px;
	background: url(/_common/images/structure/dot-white.gif) left top repeat-y;
	padding: 0 0 0 1.5em;
	margin: 12px 0em 12px 0;
	font-size:0.8em;
	color:#fff;
	text-align:left;
	}

div.content4 h2  
	{
	padding: 0 0 2px 0;	
	line-height:1.2;
	margin:0;
	color:#fff;
	}	
div.content4 .contactusLink a
	{
	margin: 0;
	}	
div.content4 p
	{
	padding: 0 0 0px 0;	
	}		
div.footer
	{
	clear:both;
	width:620px;
	margin-top:0.8em;
	border-top:1px solid #a4b3cf;
	padding-top:0.5em;
	margin-left:46px;
	}	
div.footer a 
	{
	text-decoration:none;
	color:#fff;
	font-size:0.8em;
	}	
div.footer a:hover 
	{
	text-decoration:underline;
	}		
.created 
	{
	float:right;
	}	
	
	
	
	
div.item 
	{
	clear: left;
	float: left;
	margin:0em 0 0em 0em;
	padding-top:1em;
	/*border: 1px solid #000;*/
	width: 100%;
	}		
div.item img 
	{
	float: left;
	border: 0;
	clear: both;
	margin: 0 1em 1em 0em;
	}
div.item p 
	{
	margin-left:0em;
	}		
div.item a 
	{
	font-weight: bold;
	text-decoration: none;
	color: #48669e;
	margin-left:0em;
	}
div.item a:hover 
	{
	color: #48669e;
	text-decoration: underline;
	}
	
	
	
	

div.casestudyitem 
	{
	margin-top:1em;
	/*margin-left:50px;*/
	}		
div.casestudyitem p
	{
	margin:0;
	padding:0;
	}	
div.casestudyitem a 
	{
	font-weight: bold;
	text-decoration: none;
	color: #48669e;
	}
div.casestudyitem a:hover 
	{
	color: #48669e;
	text-decoration: underline;
	}	
div.downloads 	
	{
	margin:1em 0 1em 0em;
	}	
div.downloads h2 	
	{
	font-size:1.2em;
	color:#48669e;
	background: url(/_common/images/structure/dot_line.gif) left bottom repeat-x;
	margin:1em 0 0 0;
	padding:0 0 0.5em 0;
	}	
div.downloads ul 
	{
	font-size:0.9em;
	display:block;
	margin-top:1em;
	margin-left:0;
	}
div.downloads li 
	{
	color:#48669e;	
	list-style: none;
	background:url(/_common/images/pdf_icon.gif) no-repeat 0px 4px;
	padding:0.2em 0 0.5em 1.8em;
	height:1.5em;
	}	
div.downloads a 
	{
	color:#48669e;
	text-decoration: none;
	font-weight:bold;
	}
div.downloads a:hover 
	{
	text-decoration:underline;
	color:#0e5a9a;
	}		
	
span.articleDetail a {
	font-weight: bold;
	text-decoration: none;
	color: #48669e;
	font-size: 1.2em;
}
span.articleDetail a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #93c7d5;
}


div.contentRight {
	font-size: 0.9em;
}

div.contentRight a {
	color:#48669e;
	text-decoration: none;
	font-weight: bold;
	}
div.contentRight a:hover 
	{
	text-decoration:underline;
	color:#000;
}




/* =3. navigation */
ul.nav1 {
	position: absolute;
	top:55px;
	left:25px;
	width: 720px;
	height: 33px;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
	}
ul.nav1 li {
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
	}
ul.nav1 a {
	float: left;
	height: 0px !important;
	height /**/:33px; /* IE 5/Win hack */ 
	padding: 33px 0 0 0;
	margin-right:0px;
	overflow: hidden;
	background-position:0 -33px;
	}
ul.nav1 a:hover{
	background-position: 0 -66px;
	}
ul.nav1 a.selected{
	background-position: 0 0;
	}
ul.nav1 a:hover.selected{
	background-position: 0 -33px;
	}
ul.nav1 a.selectedasso{
	background-position: 0 -66px;
	}
ul.nav1 a:hover.selectedasso{
	background-position: 0 -33px;
	}	
ul.nav1 a.associates{
	background-position: 0 0px;
	}
ul.nav1 a:hover.associates{
	background-position: 0 0px;
	}
.item0 a {
	width: 51px;
	background: url(/_common/images/structure/nav/home.gif) top left no-repeat;
	}
.item1 a {
	width: 60px;
	background: url(/_common/images/structure/nav/aboutus.gif) top left no-repeat;
	}
.item2 a {
	width: 61px;
	background: url(/_common/images/structure/nav/services.gif) top left no-repeat;
	}
.item3 a {
	width: 61px;
	background: url(/_common/images/structure/nav/products.gif) top left no-repeat;
	}
.item4 a {
	width: 74px;
	background: url(/_common/images/structure/nav/downloads.gif) top left no-repeat;
	}
.item5 a {
	width: 108px;
	background: url(/_common/images/structure/nav/news.gif) top left no-repeat;
	}
.item6 a {
	width: 43px;
	background: url(/_common/images/structure/nav/links.gif) top left no-repeat;
	}
.item7 a {
	width: 73px;
	background: url(/_common/images/structure/nav/contactus.gif) top left no-repeat;
	}
.item8 a {
	width: 74px;
	background: url(/_common/images/structure/nav/associates.gif) top left no-repeat;
	}
.item9 a {
	width: 61px;
	background: url(/_common/images/structure/nav/ISMPE.gif) top left no-repeat;
	}
div.subnav {
	margin: 4em 0 0em 4px;
	float:left;
	width: 700px;
	font-size:0.9em;
	text-align:center;
	}
.subnav ul {
    line-height:normal;
    margin:0 auto;
    padding:0em 0 0 0em;
    list-style:none;
	display:inline;
	}
.subnav li {
 	list-style:none;
    margin:0;
    padding:0;
	display:inline;
	border-left: 1px solid #48669e;
    }
.subnav a {
	line-height:0;
	color:#48669e;
	padding: 0em 0.8em 0.5em 0.8em;
	text-decoration:none;
    }
.subnav a:hover {
	text-decoration: underline;
	} 		
.subnav a:selected {
	text-decoration: underline;
	color:#000;
	}	
.subnav a.selected {
	text-decoration: underline;
	color:#000;
	}		
.subnav li.first {
	padding-left: 0;
	border:0;
	}
/* =4. forms */
div.form .denote {
	font-size:0.9em;
	font-style:italic;
	color: #48669e;
	padding: 0em 0 0em 0;
	margin-bottom: 1em;
	display:block;
	}
.options 
	{
	display:block;
	float:left;
	width:120px;
	padding-top:2px;
	}
.submittform
	{
	display:block;
	float:left;
	margin-left:158px;
	}	
.submittform2
	{
	display:block;
	float:left;
	}	
div.form {
	font-size:1em;
	padding:2em 0 1em 0;
	margin-left:50px;
	}
div.form input { font-weight:normal; font-family: Tahoma, Arial, sans-serif; margin-top:0.5em; }
div.form select { font-weight:normal; font-family: Tahoma, Arial, sans-serif; margin-top:0.8em; border: 1px solid #cacaca; width:222px; padding:0;}		
div.form label { float:left; clear:left; width:150px; font-weight:bold; margin-right:0.5em; padding: 0.7em 0; color:#48669e;}
div.form label.check {  float:none; font-weight:normal; color:#48669e; padding-top:3px;}
div.form .radio input {margin-bottom:10px;}
.orange {font-size:0.9em; width:227px; clear:left; font-weight:bold; margin-right:0.5em; padding:0; color:#ff5400;}	
div.form fieldset { border: 1px solid #cacaca; width:395px; padding:4px; color:#48669e; font-size: 0.8em; font-weight:bold;}
div.form .textbox { border: 1px solid #cacaca; width: 220px; margin-top:0.7em; padding:4px 0;
color: #000; font-size:1em;font-family: Tahoma, Arial, sans-serif;}
div.form .textarea{ border: 1px solid #cacaca; width: 200px; margin-top:0.7em; padding:4px 0;
color: #000; font-size:1em; font-family: Tahoma, Arial, sans-serif;}
div.form .legend { font-weight:bold;margin: 10px 0;color:#cacaca; font-size: 0.8em;}	
div.form .submitbutt {clear:both; color:#48669e; font-weight:bold; border:1px solid #39517d; background:  url(/_common/images/structure/bg-submitt.gif) left top repeat-x; padding: 2px 10px 3px 10px; margin-top:3em; margin-right:0em; }
/* =5. tables */
/* =6. hacks */
.cf:after {content:".";display: block;height:0;clear:both;visibility:hidden;}
.cf {display:inline-block;}