/*
    screen.css: MODERN BROWSER (v5+) SCREEN
    ------------
    Job:               Nanoco Technologies
    Produced by:       APW, Web Designer @ Mando Group, Copyright Mando Group 2007
    Start date:        07/11/2007
    ------------
    COLOUR SPEC:
	
	purple	: 	#46388d
	blue 	:	#527fba
	green	:	#72b651
	yellow	:	#ffcc00
	orange	:	#f1912b
	red		:	#ee311e
	burgandy	:	#b21515
	
	grey	:	#caccce
	------------
	
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.	tables
	6.	specific templates
	7.  sIFR
	8.	Lightbox
	9.	misc
*/

																									/* =1. type selectors */
* {margin:0;padding:0;border:none;font-size: 1em;line-height:1.2;}
body 
	{	
	background:#000;
	color:#000;
    font: normal 75%/1.3 Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
    }
p{}
h1{ display:none;}

h3
	{
	font-size: 1.3em;
	color: #000;
	margin: .5em 0;
	}
h4{}
ul	{
	list-style-type:none;
	}
li
	{
	margin: .5em 0;
	}
a{ text-decoration:none;}
a:visited{}
a:hover{}
a:focus{}
																								/* =2. structural */

body,html {
height:100%;
overflow:auto;
}

/*#top {
	height:20px;
	width:825px;
	background-color:black;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-390px;
	z-index:1000;
}*/
#footer
{
	position:relative;
	height:36px;
	margin:0px auto 0 auto;
	background:black;
	width:818px;
}

#flash {
	height:100%;
	}
	
#everythingElse {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	/*overflow:auto;*/
	}

#wrap {
	width: 818px;
	background: white;
	/*background:transparent url(/images/bg-main.png) repeat-y top left;*/
	/*behavior: url(/css/iepngfix.htc);*/
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 40px;
	min-height: 100%;
	position: relative;
}

#subwrap {
	padding-bottom:60px;
	padding-top:6px;
}

#head {
	padding:1em 0 0.6em 0;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:1em;
}

#head img {
	margin-bottom:0.5em;
}

#head img.logo {
	float:left;
	margin:0;
}

#head p {
	float:right;
	background:white url(/_common/images/strap.gif) no-repeat left top;
	width:259px;
	height:38px;
	text-indent:-1000px;
	margin-bottom:0;
}

div#mainContent {
	width:575px;
	margin-top:0.5em;
	line-height:1.4;
}

div#mainContent h2 {
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:0.5em;
}

div#mainContent h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.8em;
}

div#mainContent h4 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.9em;
}
div#mainContent h5 {
	font-size:0.9em;
	font-weight:bold;
	line-height:1.4;
}
div#mainContent p{
	margin-bottom:1em;
	font-size:0.9em;
	line-height:1.4;
}

div#mainContent ul {
	list-style-type:square;
	margin-left:16px;
	font-size:0.9em;
	margin-bottom:1em;
	}
	
div#mainContent p.reduced {
	font-size:0.8em;
	color:#777777;
	}

/*mainContent Article List*/

div#mainContent.articleList ul {
	list-style-type:none;
	margin:0 0 1em 0;
	font-size:1em;
}

div#mainContent.articleList ul h3 {
	margin:0 0 0 0;
}

.articleList ul img {
	float:left;
	margin:0 12px 0 0;
	padding:0;
	display:inline;
}

.articleList ul h3, .searchResults ul h3 {
	font-size:1em;
	margin:0;
}

.articleList ul h3 a, .searchResults ul h3 a {
	color:black;
	font-size:1em;
	margin:0;
}

.articleList ul .date, .searchResults ul .section {
	font-size:0.8em;
}

.articleList ul li, .searchResults ul li {
	margin-bottom:1.6em;
	padding:0;
	border-top:1px solid white;
}

.articleList ul p , .articleList p.paging {
	margin-left:34px;
}

.articleList p.paging {
	margin-bottom:0;
}

div#mainContent.articleList ul.paging, div#mainContent.faqs ul.paging {
	margin:0 0 0 34px;	
}

.articleList ul.paging li, .searchResults ul.paging li, div#mainContent.faqs ul.paging li {
	display:inline;
	margin-right:0.5em;
}

.articleList p.paging, .searchResults p.paging {
	margin-bottom:1.6em;
}

div#mainContent.searchResults ul p {
	margin-bottom:0;
}

.searchResults ul .section {
	font-size:0.8em;
	color:#00adef;
}

div#mainContent.searchResults ul p span {
	color:black;
	font-style:italic;
}


/*mainContent articleDetail*/

.articleDetail .date{
	display:block;
	margin-bottom:1em;
}


/*mainContent FAQs*/

.faqs h2 {
	font-size:1.6em;
}

.faqs .trigger {
	font-weight: bold;
	border-bottom:1px solid #dddddd;
	cursor:pointer;
	background:url(/_common/images/arrowFaq.gif) no-repeat 0 3px;
	padding-left: 10px;
}
	
.faqs .slider {
	font-weight:normal;
	cursor:default;
	padding:0 0 0 2em;
	margin-top:0.5em;
}

div#mainContent.faqs ul {
	list-style-type:none;
	margin:0;
	font-size:1em;
}

div#mainContent.faqs ul.paging {
	margin:0;
}



div#supplementaryContent {
	font-size:0.9em;
	float:right;
	/*background:#caccce url(/images/bg-gradientTall.gif) repeat-x top left;*/
}

div#supplementaryContent div {
	margin-bottom:1em;
	padding: 8px 14px;
	width: 196px;
	background:white url(/_common/images/bg-gradientShort.gif) repeat-x top left;
}

div#supplementaryContent div#latestVacancies {
	margin-bottom:1em;
	padding: 8px 14px;
	width: 196px;
	background:white url(/_common/images/bg-gradientShortRed.gif) repeat-x top left;
}

div#supplementaryContent div h3 {
	text-transform:uppercase;
	font-size:0.6em;
	color:white;
	padding-bottom:8px;
	border-bottom:1px solid white;
}

div#supplementaryContent a {
	color:black;	
}

div#supplementaryContent a:hover {
	text-decoration:underline;
}

div#featuredItems li {
	padding:2px 0 4px 0;
	border-bottom:1px solid white;
}

div#featuredItems h4 {
	margin-bottom:5px;
}

div#featuredItems h4 a {
	color:black;
	text-decoration:underline;
}
div#featuredItems img
	{
	float:left;
	margin-right:1em;
	}
.date {
	color:black;
	font-style:italic;
}

div#relatedLinks li {
	border-bottom:1px solid white;
	padding-bottom:1em;
}

div#relatedDownloads ul {
	margin-top:13px;
}

div#relatedDownloads ul img {
	float:left;
	margin-right:12px;
}

div#relatedDownloads ul a, div#relatedDownloads ul span {
	display:block;
	margin-left:37px;
	margin-top:0;
}

div#relatedDownloads ul .size {
	font-size:0.8em;
	display:block;
	color:#999999;
}

div#relatedDownloads ul li {
	margin-bottom:1.2em;
}

div#secondaryNavigation a {
	color:black;
	display:block;
	padding:2px;
}

div#secondaryNavigation a {
	color:black;
	display:block;
	padding:2px;

}

div#secondaryNavigation li {
	min-height:2em;
	margin:0;
	padding:0;
}

.bodyAboutUs div#breadcrumbsSearch, .bodyAboutUs div#secondaryNavigation a:hover {
	background-color:#46388d;
	color:white;
}
.bodyCommercialApplications div#breadcrumbsSearch, .bodyCommercialApplications div#secondaryNavigation a:hover {
	background-color:#527fba;
}
.bodyAdvancedMaterials div#breadcrumbsSearch, .bodyAdvancedMaterials div#secondaryNavigation a:hover {
	background-color:#5bbe2a;/*#72b651;*/
}
.bodyProducts div#breadcrumbsSearch, .bodyProducts div#secondaryNavigation a:hover {
	background-color:#ffcc00;
}
.bodyLibrary div#breadcrumbsSearch, .bodyLibrary div#secondaryNavigation a:hover {
	background-color:#f1912b;
}

.bodyInvestorRelations div#breadcrumbsSearch, .bodyInvestorRelations div#secondaryNavigation a:hover {
	background-color:#ee311e;
}

.bodyContact div#breadcrumbsSearch, .bodyContact div#secondaryNavigation a:hover {
	background-color:#b21515;
}



div#secondaryNavigation a:hover {
	background:white;
}

div#footer ul {
	line-height:0;
	padding-top:0.4em;
}

div#footer ul li {
	float:left;
	margin:0 0.5em 0 0;
}

div#footer ul li a {
	color:white;
	font-size:1em;
	text-transform:uppercase;

}

div#footer p {
	color:white;
	font-size:0.9em;
	text-align:right;
}



																								/* =3. navigation */
																								
																								
																								
																								

ul.mainNavigation {
	clear:both;
	border-top:1px solid #caccce;
	/*padding:4px 0;*/
	width:100%;
	font-size:0.9em;
}

ul.mainNavigation li {
	float:left;
	margin-right:8px;
	position:relative;
}

ul.mainNavigation li ul {
	padding-top:3px;
	display: none;
	position: absolute; 
	top: 6em;
	left:0;
	background: transparent url(/_common/images/blank.gif) top left repeat;
}

ul.mainNavigation li ul li {
  display: block;
  float:left;
  clear:left;
  margin:0.2em 0;
}

ul.mainNavigation li ul li a{
	padding:2px 2px 2px 6px;
	margin:0;
	text-transform:none;
	font-weight:normal;
	text-indent:0;
	background-image: none;
	width:102px;
}

ul.mainNavigation li ul li a:hover{
	text-decoration:underline;
}
  
ul.mainNavigation li > ul {
	top: auto;
	left: auto;
}

ul.mainNavigation li:hover ul, ul.mainNavigation li.sfhover ul{
	display: block;
}

ul.mainNavigation li a {
	display:block;
	color:white;
	text-transform:uppercase;
	width:104px;
	padding-top:29px;
	padding-left:6px;
	font-weight:bold;
	min-height:27px;
	text-indent:-2000px;
}

li.sectionAboutUs a {
	background: url(/_common/images/mainNav-AboutUs.gif) no-repeat left 28px;
}
li.sectionCommercialApplications a {
	background: url(/_common/images/mainNav-Commercial.gif) no-repeat left 28px;
}
li.sectionAdvancedMaterials a {
	background: url(/_common/images/mainNav-Advanced.gif) no-repeat left 28px;
}
li.sectionProducts a {
	background: url(/_common/images/mainNav-Products.gif) no-repeat left 28px;
}
li.sectionLibrary a {
	background: url(/_common/images/mainNav-Library.gif) no-repeat left 28px;
}

li.sectionInvestorRelations a {
	background: url(/_common/images/mainNav-InvestorRelations.gif) no-repeat left 28px;
}


li.sectionContact a {
	background: url(/_common/images/mainNav-NewContact.gif) no-repeat left 28px;
}

ul.mainNavigation li.last {
	margin-right:0;
}

.sectionAboutUs {
	background-color:#46388d;
}
.sectionCommercialApplications {
	background-color:#527fba;
}
.sectionAdvancedMaterials {
	background-color:#5bbe2a;/*#72b651;*/
}
.sectionProducts {
	background-color:#ffcc00;
}
.sectionLibrary {
	background-color:#ff9600;
}

.sectionInvestorRelations {
	background-color:#ee311e;
}

.sectionContact {
	background-color:#b21515;
}

.sectionAboutUs ul li a{
	background-color:#302277;
}
.sectionCommercialApplications ul li a {
	background-color:#3c69a4;
}
.sectionAdvancedMaterials ul li a {
	background-color:#45a814;/*#72b651;*/
}
.sectionProducts ul li a {
	background-color:#e9b600;
}
.sectionLibrary ul li a {
	background-color:#e98000;
}


.sectionInvestorRelations ul li a {
	background-color:#d81b08;
}

.sectionContact ul li a {
	background-color:#b21515;
}



div#breadcrumbsSearch {
	padding:0 8px 4px 8px;
	font-size:1em;
	clear:both;
	background:#a9afb5;
	color:white;
	text-transform:uppercase;
}

div#breadcrumbsSearch ul {
	width:460px;
}

div#breadcrumbsSearch ul li {
	float:left;
	margin:0.3em 0.4em 0 0;
}

div#breadcrumbsSearch ul li a{
	color:white;
	font-size:0.9em;
}
div#breadcrumbsSearch ul li a:hover{
	text-decoration:underline;
}


div#breadcrumbsSearch form {
	float:right;
	margin-top:3px;
}
div#breadcrumbsSearch form input {
	float:left;
	margin-right:10px;
	border:1px solid #a2a7ac;
	padding:1px;
	width:170px;
	color:#9EA4AB;
}
div#breadcrumbsSearch form button {
	float:left;
	display:block;
	background:url(/_common/images/searchGo.gif) no-repeat top left;
	width:25px;
	height:17px;
	text-indent:-2000px;
	cursor:pointer;
	}




																								/* =4. forms */

		
	
																								/* =5. tables */
table
	{
	border:1px solid #666;
	border-collapse:collapse;
	}
td, th 
	{
	border:1px solid #666;
	}
																								/* =6. specific templates */



/* =7. sIFR - These are standard sIFR styles... do not modify */
/*************************************************************/


/**************************************************************

	Flash Text
	sIFR
	v 2.0.2

**************************************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}*/

/**************************************************************

	PRINT ONLY:
	
***************************************************************
	
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

**************************************************************/



/* =9. misc */
.cf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* hide off screen */
.hide
	{
	position:absolute;
	top: -10000px;
	left: -10000px
	}