@charset "utf-8";
/*************************************************************/
/* CSS Stylesheet for CSR                                    */
/* See comments for further information                      */
/* (c) CSR Ltd      2006                                     */
/* Developed by Wordsun Web Works                            */
/* http://www.wordsun.co.uk                                  */
/*************************************************************/

/* Global styles */

*{ font-size:100%; }

html { height: 100%; }

body{ margin: 0px auto;	font:75%/120% Verdana, Arial, Helvetica, sans-serif; text-align:center;	height:100%; background: #ffffff; }

div{ margin:0 0 0 0; height: auto; }

/* Page containers */

#prWrapper{ width:95%; text-align:left; margin:10px;}

#prHeader{ width:95%; height:109px; text-align:left; margin:10px; background-image: url(../images/prheaderbg.jpg);	background-repeat: no-repeat; background-position: right;}

#wrapper{ border:0px solid #333; width:760px; margin:0 auto; text-align:left;}

#body{ background: #fff; width:760px; }

#header{ background-image: url(../images/headerbg.jpg);	background-repeat: no-repeat; background-position: top;	width:750px; }

#uppernav{  width:550px; float:right; text-align:right;	font-weight: normal; font-size: 0.8em; color: #838383; }

#lowernav{  width:550px; float:right; text-align:right;	font-weight: normal; font-size: 0.8em; color: #838383;	padding-top: 3px; }

#footer{ background: #fff; width:750px;	margin:0 auto; background-image: url(../images/footerbg.gif); background-repeat: no-repeat; background-position: top; text-align:left; clear:both; font-weight: normal; font-size: 0.8em; color: #838383; padding-top: 6px; }

/* Nav elements */

#breadcrumbs{ width:750px; height:18px;	clear:both;	margin-bottom:5px; background-image: url(../images/content_breadcrumbbg.jpg); background-repeat: no-repeat; background-position: left top; font-weight: normal; font-size: 0.85em; color: #ffffff; padding: 4px; text-indent:4px; }

#leftnavbox185px{ width:185px; margin:0 auto; padding:0; border-bottom:5px solid #fff;}

.support { width:185px;	margin:0 auto; padding:0px; border-bottom:5px solid #fff; background: #fff; background-image: url(../images/csr_supportbg.gif); background-repeat: no-repeat;	background-position: top; font-weight: normal; font-size: 0.95em;	line-height: 1em; text-indent: 16px; padding-top: 8px; }

.leftNavItem { background: #becec4;	background-image: url(../images/leftnav_bg.gif); background-repeat: no-repeat;	background-position: right;	border-bottom: solid 1px #fff; padding:4px;	font-weight: normal; font-size: 0.85em;	color:#3F413E; }

.vacanciesNavItem {	background: #becec4; border-bottom: solid 1px #fff;	padding:4px; font-weight: normal; font-size: 0.9em; color: #3F413E; width:177px}
 .vacanciesNavItem a{font-size: 1em; color: #3F413E; }
  .vacanciesNavItem a:hover{color: #fff; }
		
/* Home page only */

.vacancies { width:185px;	margin:0 auto; padding:0px; border-bottom:5px solid #fff; background: #fff; background-image: url(../images/vacancies_bg.gif); background-repeat: no-repeat;	background-position: top; font-weight: normal; font-size: 0.95em;	line-height: 1em; text-indent: 16px; padding-top: 8px; color:#3f413e;  }

.vacanciessub {font-size: 0.8em; margin-left:6px;}

#homepagebanner{  width:750px; clear:both; margin-bottom:5px;}

#homepageleft{  width:185px; float:left; margin:0 auto; }

#homepagemid{  width:370px; float:left; margin:0 auto; border-left:6px solid #fff;}

#homepageright{  width:185px; float:right; margin:0 auto; }

/* Content pages only */

#maincontent{ margin-top:10px; width:560px; float:right; margin-bottom:20px; }
#fullcontent{width:600px; padding-left:80px; }

#maincontentXmas { margin-top:10px; width:600px; margin-bottom:20px;padding-left:80px; }

#sectionID{ width:185px; margin-bottom:30px; }	
	
#pagetitle{	width:560px; float:right; font-weight: bold; font-size: 1.1em; color: #3F413E; background: #fff; background-image: url(../images/content_titlebg_bullet.gif); background-repeat: no-repeat; background-position: center; padding-bottom: 7px; text-indent:12px;	}
	
#pagetitle h1{ font-size: inherit; line-height:inherit;	}	

#pagetitlefull{	width:720px;  font-weight: bold; font-size: 1.1em; color: #3F413E; background: #fff; background-image: url(../images/content_titlebg_bullet.gif); background-repeat: no-repeat; background-position: center; padding-bottom: 7px; text-indent:12px;	}
	
#pagetitlefull h1{ font-size: inherit; line-height:inherit;	}

#maincontent .dualcolumn1 h3{ font-size: 1em; line-height:1.2em; color: #F0AD42; font-weight: normal;}	
#maincontent .dualcolumn2 h3{ font-size: 1em; line-height:1.2em; color: #F0AD42; font-weight: normal;}	

.boxoutItem { background: #becec4;	background-image: url(../images/content_boxoutbg.gif);	background-repeat: no-repeat; 	background-position: left top;	border-bottom: solid 1px #fff; padding:6px;	font-weight: normal; font-size: 0.85em;	color: #3F413E; text-indent: 9px; }
		
.boxoutImage { background: #f4f4f4; border-bottom: solid 1px #fff; }

/* Box containers */

#maincontent .box185px{ width:185px; margin:0 auto; padding:0px; border-left:3px solid #fff; border-top:12px solid #fff; border-bottom:5px solid #fff; clear:both;}

#maincontent .dualcolumn1{ width:250px; margin:5px; padding:5px; background-color:#E7EBE8; background-image: url(../images/rev_grad.jpg); background-repeat:repeat-x; background-position:top; float:left;}

#maincontent .dualcolumn2{ width:270px; margin:5px; padding:5px; background-color:#E7EBE8;  background-image: url(../images/rev_grad.jpg); background-repeat:repeat-x; background-position:top; float:left;}

#leftnavbox .box185px{ width:185px; margin:0 auto; padding:0px;  border-top:12px solid #fff; border-bottom:5px solid #fff; clear:both;}

.box185pxPic { padding:0px; text-align:center; border-left: solid 1px #d1d7d3; border-right: solid 1px #d1d7d3; font-size: 0.85em; color: #31576E;}

.boxinlinePic { padding:0px; width:150px; text-align:center; font-size: 0.85em; color: #31576E; float:left; border: solid 10px #fff;}


.box185pxwhite { padding:3px; text-align:center; border-left: solid 1px #d1d7d3; border-right: solid 1px #d1d7d3; font-size: 0.85em; color: #31576E;}

.box185pxPic img{	border-bottom: solid 3px #fff; border-top: solid 3px #fff; }

.box185pxTop {	background: #d1d7d3; background-image: url(../images/185pxcol_top.gif);	background-repeat: no-repeat;
	background-position: top;
	border-bottom: solid 1px #fff;
	padding:7px;
	font-weight: normal;
	font-size: 0.95em;
	text-indent: 8px;
	color: #111;
	}
	
.box185pxTop a {color: #3F413E; }

.box185pxTop a:hover {color: #fff;	}

.box185pxContent {background: #becec4; border-bottom: solid 1px #fff; padding:4px; }

.box185pxFoot {	background: #d1d7d3; background-image: url(../images/185pxcol_bottom.gif);	background-repeat: no-repeat; background-position: bottom; }
	 
.box370px{ width:370px; margin:0 auto; padding:0; border-bottom:5px solid #fff;}

#tabwrapper{ width:100%; height:22px; margin:0 auto; padding:0px; border-bottom:1px solid #becec4; clear:both;}

.tabsOn { width:185px; height:22px; background: #d1d7d3; background-image: url(../images/185pxcol_top_on.gif); background-repeat: no-repeat;
	background-position: top;
	float:left;
	
	}

.tabsOn p{ margin-top:6px; color: #3F413E; font-weight:bold; text-indent:15px;}		
		

.tabsOff { width:185px;
height:22px;
    background: #becec4;
	background-image: url(../images/185pxcol_top_off.gif);
	background-repeat: no-repeat;
	background-position: top; 
	float:left;
	}

.tabsOff p{margin-top:6px; font-weight:normal; text-indent:15px; color: #3F413E;}		
.tabsOff a:hover { color: #fff; }



.box370pxTop {
	background: #d1d7d3;
	background-image: url(../images/370pxcol_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: solid 1px #fff;
	padding:5px;
	font-weight: normal;
	font-size: 0.95em;
	text-indent: 11px;
	color: #111;
	}
	
.box370pxContent {
	background-image:url(../images/370pxgradbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding:5px;
	font-weight: normal;
	font-size: 0.9em;
	color: #3F413E;
}	 



	 
.box183px{ width:183px; margin:0 auto; padding:0; border-bottom:5px solid #fff; float:left;}

.box183pxTop {
	background: #d1d7d3;
	background-image: url(../images/183pxcol_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: solid 1px #fff;
	padding:5px;
	font-weight: normal;
	font-size: 0.95em;
	text-indent: 13px;
	color: #111;
	}
	
.box183pxTop a {color: #3F413E; }

.box183pxTop a:hover {color: #fff;	}

.box183pxContent {
	background: #f1f3f4;
	padding:4px;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #3F413E;
 }
.box183pxContent a { color: #616171; text-decoration:underline;}
.box183pxContent a:hover { color: #F0AD42; }

.box183pxFoot {
	background: #d1d7d3;
	background-image: url(../images/183pxcol_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: solid 1px #fff;
	 }	 
	 
.featuredHeadline {
	background: #d1d7d3;
	border-bottom: solid 1px #fff;
	padding:4px;
	font-weight: bold;
	font-size: 0.85em;
	color: #31576E;
	 }	
	 
#marketright{ width:270px; float:right; }		 

.pageButtons { width:185px;	height:80px; margin-top: 5px; padding:0px; border-bottom:5px solid #fff; background: #fff; background-image: url(../images/vacancies_bg.gif); background-repeat: no-repeat;	background-position: top; color:#3F413E; font-weight: normal; font-size: 1.1em;	line-height: 1em; text-indent: 16px; padding-top: 8px; }

.pageButtonsright { width:185px; float:right;	height:80px; margin-top: 5px; padding:0px; border-bottom:5px solid #fff; background: #fff; background-image: url(../images/vacancies_bg.gif); background-repeat: no-repeat;	background-position: top; color:#3F413E; font-weight: normal; font-size: 1.1em;	line-height: 1em; text-indent: 16px; padding-top: 8px; }
		 
/* HTML element formatting */

.homeShareprice {font-size: 1.2em; font-weight: bold;}

.searchform {
 font-size: 9px;
 color: #838383;
 background-color: #fff;
 border: 1px solid #becec4;
 width: 100px;
 margin-left: 5px;
}

.searchsubmit {
 font-size: 9px;
 color: #fff;
 background-color: #1f7bbe;
 border: 1px solid #becec4;
 width: 25px;
}

.supportsub {font-size: 0.8em; margin-left:6px;}

.headerform { float: right; width: 400px;}

.homepageimage { margin-left:6px;}

p { font-weight: normal; font-size: 0.9em; color: #616171; }


#prWrapper h1{ font-size: 1.3em; line-height:1.4em; font-weight: bold; color: #F0AD42;}
#prWrapper p{ font-size: 1em; line-height:1.3em; color: #616171;}
#prWrapper h2{ font-size: 1.1em; font-style:italic; line-height:1.4em; font-weight: normal; color: #616171;}
#prWrapper a{ color: #3F413E; text-decoration: underline;}
#prWrapper a:hover{ color: #F0AD42;}

#prHeader a{ font-size: 0.9em; font-weight: normal; position:relative; top:-30px; left:-30px; float:right; color: #3F413E; text-decoration: underline;}
#prHeader a:hover{ color: #F0AD42;}

.prop { height:88px; float:right; width:1px;  }
  
.clear { clear:both; height:1px; overflow:hidden; }
  
.box185pxContent p { font-weight: normal; font-size: 0.85em; color: #31576E; }

#footer a { color: #838383; text-decoration: underline;	}
	
#breadcrumbs a { color: #fff; text-decoration: underline; }

#breadcrumbs a:hover { color: #3F413E; text-decoration: underline; }	
	
#uppernav a, #lowernav a { color: #838383; }
	
#footer a:hover, #uppernav a:hover, #lowernav a:hover {	color: #F0AD42;	}	
	
a {text-decoration: none; }

.columnbody { width:49%; font-size: 0.9em; margin-right:5px; margin-bottom:10px; float:left; height:110px;}
		
.leftNavItem a {color: #3F413E;	}

.leftNavItem a:hover {color: #fff; }

#maincontent .pageButtons a {color: #3F413E;	text-decoration:none;}
#maincontent .pageButtons a:hover {color: #3F413E; text-decoration:underline; }
#maincontent .pageButtonsright a {color: #3F413E;	text-decoration:none;}
#maincontent .pageButtonsright a:hover {color: #3F413E; text-decoration:underline; }
#maincontent table p { font-weight: normal; font-size: 1em; color: #3F413E; }
	
#body #maincontent h4 {font-size: 1.2em; line-height:1em; font-weight: normal; color: #616171; padding:0; margin:5px 0 -5px 0;}
		
.support a {color: #3F413E; }

.support a:hover {color: #fff;	}

.vacancies a {color: #3F413E; }

.vacancies a:hover {color: #fff;}


.box183pxContent a {color: #3F413E; text-decoration: underline;	}

.box183pxContent a:hover {color: #F0AD42; }
		
#maincontent a{ color: #616171; text-decoration: underline; }
	
#maincontent a:hover{ color: #F0AD42; }
	
.boxoutItem a{ color: #3F413E;}		
		
.boxoutItem a:hover { color: #fff; }	
		
li {
	font-size: 0.9em;
	color: #616171;
	margin-left: -20px;
	list-style-position: outside;
	list-style-type: square;
}

.navbullet {display: none}

.noscriptNav {display: none}



.clsCMOn {
	text-align: left;
	color: #838383;
	font-size : 10px;
	text-decoration : none;
    padding: 0 0 3px 4px;
	
}

.clsCMOver {
	text-align: left;
	color: #F0AD42;
	font-size : 10px;
	text-decoration : none;
    padding: 0 0 3px 4px;
}
.clsCMOnSub {
	text-align: left;
	color: #838383;
	font-size : 10px;
	text-decoration : none;
    padding: 2px 0 3px 4px;
	
}

.clsCMOverSub {
	text-align: left;
	color: #F0AD42;
	font-size : 10px;
	text-decoration : none;
    padding: 2px 0 3px 4px;
}

table {padding:0px; margin:0px; border:0px;}
td { font-weight: normal; font-size: 0.85em; vertical-align:top; color: #616171;}
td a {font-weight: normal; text-decoration:underline;  }

td li {
	font-size: 1em;
	color: #616171;
	margin-left: -20px;
	list-style-position: outside;
	list-style-type: square;
}


.tdHead { padding:4px; font-weight: bold; color: #111; background-color:#d0d7d2; }
.tdHeadleft {padding:4px; font-weight: bold; color: #111; background-color:#d0d7d2; background-image: url(../images/grey_header.gif);
	background-repeat: no-repeat;
	background-position: left top;}
.tdFootleft { padding:2px; font-weight: bold; color: #111; background-color:#d0d7d2; background-image: url(../images/tablefooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top: 1px solid #fff;}	
	
.tdFootright { padding:2px; font-weight: bold; color: #111; background-color:#d0d7d2; background-image: url(../images/tablefooter.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top: 1px solid #fff;}	

.tdHeadright { padding:4px; font-weight: bold; color: #111; background-color:#d0d7d2; background-image: url(../images/grey_header.gif);
	background-repeat: no-repeat;
	background-position: right top;}
.tdTan { border: 1px solid #d0d7d2;}
.tdBlue { color: #3F413E; background-color:#eef3f7;}
.distyBlue { color: #3F413E; background-color:#eef3f7; padding:4px; border-right: 1px solid #fff; border-top: 1px solid #fff;}

.tdCornerBlue { border: 1px solid #fff;
padding:4px;
background-color:#D9ECFA;
display:block;
background-image: url(../images/cell_corner_trans.gif);
	background-repeat: no-repeat;
	background-position: bottom right;}

.tdCornerTan { border: 1px solid #fff;
padding:4px;
background-color:#F7E8C9;
display:block;
background-image: url(../images/cell_corner_trans.gif);
	background-repeat: no-repeat;
	background-position: bottom right;}
	
.tdCornerTanHead { border: 1px solid #fff;
padding:4px;
background-color:#F7E8C9;
font-weight: bold;
display:block;
background-image: url(../images/cell_corner_trans.gif);
	background-repeat: no-repeat;
	background-position: bottom right;}

.tdTanHead { border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 0px;
padding:4px;
background-color:#F7E8C9;
font-weight: bold;
display:block;
}

#prWrapper .prContacts { font-size:0.85em;  padding:4px;}




.photoborder1 {border-left: 1px solid #eef3f7;
border-right: 1px solid #eef3f7;
}

.photoborder2 {border-left: 1px solid #dee3e7;
border-right: 1px solid #dee3e7;
border-top: 1px solid #dee3e7;
border-bottom: 1px solid #dee3e7;
margin-bottom: 10px;
}

.qualprodleft {background-image: url(../images/qualprod_bggrad2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding:7px;
	text-align: center;
	}
	
.qualprodmid {background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding:4px;
	}
	
.qualprodright {background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding:4px;
	}	
	
.gradBox { color: #3F413E; background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top center; padding:4px; }

.imageleft {float:left; margin-right:10px;}
.imageright {float:right; margin-left:10px;}

.caption {color:#444; font-size:0.85em; line-height:1.1em;}

.form_text {
	width:175px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.form_textarea {
	width:400px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.seminarleft {background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding:7px;
	text-align: left;
	}
	
.seminarleft h4 {font-size:12px; font-weight:bold;}
	
.seminarmid {background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding:7px;
	}
	
.seminarright {background-image: url(../images/qualprod_bggrad.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding:7px;
	}	
	
.datasheetlink { padding:2px; display:block; height:25px; line-height:23px; width:130px; border:1px solid #666; background-color:#fff;}
.datasheetlink img{ margin-bottom:-5px;}

.icon_image{ margin-left:7px; }

/* eXtension Page Styles */
div.partner { width:530px; margin:0 auto 20px auto; font-size: 0.85em; padding:0; }
.partnerHead { padding:4px 11px 4px 11px; font-weight: bold; color: #111; background:url(../images/partner_info_head.gif) top no-repeat; }
.partnerBody { padding:4px 11px 4px 11px; background-color:#DDE3DF; }
.partnerBody p {font-size:1.1em; color:#3F413E;}

#extensionEvent { height: 150px; background:url(../images/extensionevent_pane.jpg) no-repeat; padding:10px;}
#extensionEvent h2 a {color:#fff; font-size:1.3em; text-decoration:none; }
#extensionEvent h2 {margin:0 0 3px 0; padding:0; }
#extensionEvent p {margin:1px; padding:0; color:#fff; }
#extensionEvent li  {color:#fff; }
#extensionEvent ul  {margin-top:0; }
#extensionEvent img {margin-right:10px;}

.reportCaption { text-align:center;color: #616171; }

#maincontent h3 {font-size: 1.1em; line-height:1.4em; font-weight: bold; color: #F0AD42;}

a.extlink {padding-right:18px; background:url(../images/extlink.gif) no-repeat 100% 30%;}

#fullcontent ul.sitemap li {list-style-type:none}
#fullcontent ul.sitemap li a {color:#616171;text-decoration:none;}
#fullcontent ul.sitemap li a:hover {color: #F0AD42; }

#fullcontent ul.sitemap li.top{  font-weight:bold;  padding:5px 0px;}
#fullcontent ul.sitemap li.top a {color:#3F413E;}

#fullcontent ul.sitemap ul li a{margin-left:-25px; padding-left:0px; color:#616171}
#fullcontent ul.sitemap ul ul li a{margin-left:-55px; padding-left:0px; color:#616171}

.sitemapleft {float:left; width:230px;}
.sitemapright {float:right; width:230px; padding-top:20px;}

span.sml {font-size:8px}