/*-----------------------------------------------------------------------------
version:   1.0
author:    Clinton Beattie
email:     clinton@eyekiller.com
website:   http://www.eyekiller.com
-----------------------------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,p,blockquote,a,img,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
html, body, #form1 {
	height: 100%;
	}
body {
	color:#1e2122;	
	font:62.5%/1.7 Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#e1decc;
	}
ul {list-style:none;}
a {
	outline:none;
	color:#000;
	text-decoration:none;
	}
body.news #col-left a,
body.company #col-left a,
body.careers #intro a {
	border-bottom:1px solid #000;
	}
body.archive #col-left a {
	border-bottom:none;
	}
body.archive #col-left .news-title:hover {
	color:#234E58;
	}
body.news #col-left a:hover,
body.company #col-left a:hover,
body.careers #intro a:hover {
	border-bottom:none;
	}
/*Headings
-----------------------------------------------------------------------------*/
h1 {
	float:left;
	text-indent:-9999px;
	background:#fff url(../images/logo.jpg) no-repeat 0 0;
	width:220px;
	height:55px;
	display:block;
	font-size:1.4em;
	margin-top:37px;
	}
h1 a {
	width:199px;
	height:64px;
	display:block;
	text-decoration:none;
	}
h2 {
	font-size:2.4em;
	color:#fff;
	height:1.3em;
	float:left;
	width:100%;
	font-weight:normal;
	}
body.home h2 {
	color:#1e2122;
	font-size:1.6em;
	}
.one h2,
.three h2 {
	margin-bottom:4px;
	}
.two h2 {
	height:1.4em;
	}
h3 {
	font-size:1.5em;
	color:#1e2122;
	width:100%;
	font-weight:normal;
	}
#intro h3 {
	margin-bottom:10px;
	}
body.news #intro {
	width:610px;
	}
body.technical #intro {
	width:450px;
	}
body.news #intro img {
	float:right;
	margin-left:10px;
	}
body.news h3 {
	width:500px;
	}
#col-left .sub-heading,
#col-right .sub-heading,
#col-right .sub-heading2 {
	display:block;
	margin:-11px 0 10px 0;
	font-size:1.4em;
	color:#8d8d8d;
	width:100%;
	font-weight:normal;
	}
#intro .sub-heading {
	display:block;
	margin:-11px 0 10px 0;
	font-size:1.4em;
	color:#8d8d8d;
	width:100%;
	font-weight:normal;
	}
#col-right .sub-heading {
	margin:0 0 10px 0;
	font-size:1.4em;
	}
#col-right .sub-heading2 {
	margin:0;
	color:#1e2122;
	font-size:1.4em;
	font-weight:bold;
	}
#side-bar h4 {
	font-weight:bold;
	border-bottom:#dfe0e0 1px solid;
	padding-bottom:4px;
	margin-bottom:3px;
	line-height:1.5em;
	font-size:1em;
	}
.sub-head {
	display:block;
	color:#7aa3ac;
	font-size:1.4em;
	margin:0 0 10px 0;
	}
p {
	padding-bottom:1.5em;
	}
#flash a,
#company-showreel a,
#product-showreel a {
	color:#5494a3;
	font-weight:bold;
	}
#flash p {
	padding:10px 0 10px 24px;
	float:left;
	}
#company-showreel p,
#product-showreel p {
	padding:10px 0 10px 15px;
	float:left;
	}
#flash a:hover,
#company-showreel a:hover,
#product-showreel a:hover {
	color:#234e58;
	}
#wrapper {
	width:900px;
	text-align:left;
	background-color:#fff;
	padding:0 50px;
	overflow:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	}
#header {
	float:left;
	display:inline;
	width:900px;
	position:relative;
	background-color:#fff;
	font-size:1.1em;
	}
#content {
	float:left;
	display:inline;
	width:100%;
	margin:10px 0;
	}
#top-bar {
	float:left;
	display:inline;
	width:900px;
	font-size:1.2em;
	}
#main-content {
	float:left;
	display:inline;
	width:674px;
	font-size:1.2em;
	padding-bottom:5em;
	}
body.home #main-content {
	width:900px;
	margin:20px 0 0 0;
	padding-bottom:0;
	margin-bottom:3em;
	background:#fff url(../images/main-content-bg.gif) repeat-y center 0;
	}
body.news #main-content {
	width:674px;
	}
* html body.news #main-content {
	width:670px;
	}
body.news #head-box {
	width:660px;
	}
* html body.news #head-box {
	width:661px;
	}
body.view #main-content,
body.company #main-content,
body.portfolio #main-content,
body.literature-library #main-content,
body.contact #main-content,
body.technical #main-content {
	width:900px;
	margin:0;
	padding-bottom:5em;
	}
body.pspecific #main-content,
body.innovation-technology #main-content,
body.specification-writer #main-content {
	width:674px;
	}
body.pspecific #main-content img {
	float:left;
	}
#product-showreel {
	background-color:#8ea6aa;
	}
#side-bar {
	float:left;
	display:inline;
	width:211px;
	padding:8px 0 0 14px;
	font-size:1.2em;
	background-color:#ececec;
	}
#side-bar-wrap {
	float:left;
	display:inline;
	width:211px;
	}
#info {
	float:left;
	font-size:1.2em;
	width:197px;
	padding:14px;
	margin-top:10px;
	}
#info a {
	color:#5494a3;
	}
#info a:hover {
	color:#234e58;
	}
body.literature-library #side-bar {
	background-color:#fff;
	}
body.view #side-bar,
body.company #side-bar {
	float:left;
	display:inline;
	width:211px;
	width:211px;
	padding:8px 0 0 14px;
	font-size:1em;
	position:relative;
	}
body.environment #side-bar,
body.careers #side-bar {
	min-height:401px;
	height:auto !important;
	height:401px;
	}
#head-container {
	width:674px;
	float:left;
	}
#contain {
	float:left;
	width:674px;
	}
body.home #top-bar ul {
	float:left;
	display:inline;
	}
body.home #top-bar ul li {
	float:left;
	display:inline;
	width:211px;
	height:142px;
	padding:16px 0 0 14px;
	background: #1c2122 url(../images/panels-bg.gif) no-repeat right 12px;
	color:#fff;
	cursor: pointer;
	}
body.home #top-bar ul li span {
	padding:9px 14px 0 37px;
	display:block;
	background-color:#1c2122;
	line-height:1.5em;
	min-height:80px;
	width:156px;
	height:auto !important;
	height:80px;
	}
body.home #top-bar ul li.last {
	background: none;
	background-color: #1c2122;
	}
* html body.home #top-bar ul li.last {
	margin-left:0;
	}
body.home #top-bar ul li a {
	background: url(../images/panels.gif) no-repeat 0 0;
	width:196px;
	height:44px;
	display:block;
	text-indent:-99999px;
	}
body.home #top-bar ul li a:hover {
	cursor:pointer;
	}
body.home #top-bar ul li a.tech-support {
	background-position:0 -44px;
	}
body.home #top-bar ul li a.project-portfolio {
	background-position:0 -88px;
	}
body.home #top-bar ul li a.create-spec {
	background-position:0 -132px;
	}
.col {
	float:left;
	display:inline;
	min-height:480px;
	height:auto !important;
	height:480px;
	}
	
.logos li {
	float: left;
	display: block;
	width: auto;
}	
	
	
	
.one {
	width:200px;
	padding-left:24px;
	color:#6e7172;
	}
.one a {
	color:#6e7172;
	}
.one a:hover {
	color:#000;
	}
.two {
	width:408px;
	padding:0 17px 0 24px;
	}
.three {
	width:191px;
	padding-left:24px;
	color:#6E7172;
	}

#training_panel {
	width: 200px;
	
	margin: 30px 0 10px 0;
	border-bottom:  1px solid #c1c5c6;
}

#training_panel p {
	padding-top: 0em;
	padding-bottom: 0em;
	
}

.training_slot {
	padding: 5px;
	background-color: #f8f7f3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 0.3em;
	
}

.viewall_training {
	float: right;
	font-size: 0.8em;
}

.training_slot p {
	padding-bottom: 0;
	padding-top:  0;
	margin:  0;
	
}


.datebox {
	width: 40px;
	height: 40px;
	background-color: #92a5a9;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 0 0 10px;
}	

.datebox strong {
	font-size:  1.8em;
	margin:  -6px 0 0 0;
	text-align: justify;
	width: 50px;
	
}

.datebox em {
	display: block;
	text-decoration:  none;
	margin: -10px 0 0 0;
	font-style: normal;
}


#head-box {
	float:left;
	background-color:#1c2122;
	padding:12px 0 15px 14px;
	width:660px;
	color:#999c9d;
	height:56px;
	overflow:hidden;
	}
#head-box a {
	color:#51585a;
	font-weight:normal;
	background:url(../images/separator-breadcrumb.gif) no-repeat right center;
	padding:0 6px;
	}
#head-box a:hover {
	color:#999c9d;
	}
#head-box p a.first {
	padding-left:0;
	}
body.portfolio #head-box,
body.literature-library #head-box,
body.contact #head-box, 
body.technical #head-box,
body.specification-writer #head-box {
	padding:12px 0 15px 14px;
	width:886px;
	}
body.pspecific #head-box {
	width:660px;
	}
.current {
	padding:0 7px;
	}
#head-box p {
	font-size:0.9em;
	font-weight:normal;
	padding-bottom:0;
	}
#intro {
	float:left;
	position:relative;
	padding:21px 14px;
	width:646px;
	}
#main-txt {
	float:left;
	position:relative;
	padding:0 14px 21px 14px;
	width:610px;
	}
#intro ul {
	list-style-type:square;
	list-style-position:outside;
	padding-left:14px;
	}
#intro ul li {
	padding-left:20px;
	}
#intro ul li  {
	padding-left:0;
	}
#intro ul#stories {
	list-style-type:none;
	list-style-position:outside;
	padding-left:0;
	}
body.company #intro {
	padding:0 14px 21px 14px;
	}
body.view #intro {
	width:436px;
	}
body.literature-library #intro,
body.technical #intro {
	padding:41px 14px 41px 14px;
	}
#col-left,
#col-right {
	float:left;
	display:inline;
	position:relative;
	}
body.view .aggregates-specific #intro {
	width:594px;
	margin-top:54px;
	}
.aggregates-specific #col-left {
	/*margin-top:-529px;*/
	width:594px;
	}
body.products #col-right {
	margin-top:26px;
	}
#col-left {
	width:464px;
	margin-top:21px;
	}
body.news #col-left {
	width:674px;
	margin-top:0;
	}	
body.company #col-left {
	width:673px;
	border-right:#ccc 1px solid;
	padding-bottom:9em;
	}	
body.careers #col-left {
	border-right:none;
	}	
#col-right {
	width:344px;
	margin:0 0 0 78px;
	padding-top:42px;
	}	
body.company #col-right {
	width:211px;
	margin:0 0 0 14px;
	padding-top:55px;
	}	
.view-examples a {
	font-weight:bold;
	color:#5494a3;
	}
.view-examples a:hover {
	color:#234e58;
	}
.lower-content {
	float:left;
	background-color:#ececec;
	width:612px;
	padding:16px;
	margin-top:15px;
	}
.lower-content strong {
	display:block;
	}
.lower-content a {
	color:#5494a3;
	font-weight:bold;
	}
.lower-content a:hover {
	color:#234e58;
	}
#represents-list {
	float:left;
	clear:left;
	margin-top:1.4em;
	}
	
.lisa {
	padding:  15px;
	background-color: #e1decc;
}	
	
body.innovation-technology .lower-content ul,
body.specification-writer .lower-content ul {
	float:left;
	margin-top:1.4em;
	}
body.company .lower-content {
	margin-bottom:25px;
	}
body.innovation-technology .lower-content ul li,
body.specification-writer .lower-content ul li {
	background:url(../images/list-square.gif) no-repeat 0 6px;
	padding-left:36px;
	line-height:2em;
	font-weight:bold;
	color:#737373;
	}
#represents-list li {
	background:url(../images/list-square.gif) no-repeat 0 center;
	padding-left:36px;
	line-height:2em;
	font-weight:bold;
	color:#737373;
	}
body.main #represents-list li {
	background:url(../images/list-tick.gif) no-repeat 0 center;
	padding-left:36px;
	color:#000;
	line-height:2.8em;
	}
#base-content {
	width:100%;
	float:left;
	}
.board-logo {
	margin-top:3em;
	}
#docs {
	position:absolute;
	bottom:10px;
	top: 153px;
	left:14px;
	}
#docs li a {
	background:url(../images/list-doc.gif) no-repeat 4px center;
	padding:4px 0 4px 23px;
	}
.sub-list li a:hover {
	color:#234e58;
	}
#position {
	position:absolute;
	top:290px;
	color:#6f7172;
	}
.sub-list li a .date {
	display:block;
	font-weight:normal;
	color:#707070;
	}
.go-back {
	position:absolute;
	top:23px;
	right:10px;
	font-size:0.9em;
	}
body.careers #intro .go-back a {
	border:none;
	}
body.products .go-back,
body.portfolio .go-back {
	right:-211px;
	}
body.view .go-back {
	right:-420px;
	}
body.aggregates .go-back {
	right:30px;
	}
body.view .aggregates-specific .go-back  {
	right:-20px;
	}
.project,
.project img {
	float:left;
	display:inline-block;
	width:257px;
	background-color:#e1decc;
	}
.project {
	margin-right:64px;
	position:relative;
	}
.project a:hover {
	color:#706f66;
	}
.project.last {
	margin-right:0;
	margin-left:1px;
	}
.project-txt {/*To avoid text jog in ie6 the container element has to be position:relative and the text jog element(this) display:inline*/
	position:relative;
	display:block;
	float:left;
	display:inline;
	width:237px;
	padding:10px;
	line-height:1.4em;
	}
* html .project-txt {
	width:232px;
	margin-left:-3px;
	}
.project-txt strong {
	display:block;
	}
.portfolio-row {
	float:left;
	width:100%;
	margin-bottom:14px;
	}
#inner-side {
	float:left;
	position:relative;
	min-height:401px;
	height:auto !important;
	height:401px;
	}
body.aggregates #inner-side,
.aggregates-specific #inner-side {
	padding-bottom:50px;
	}
body.aggregates #select-product,
.aggregates-specific #select-product {
	border-top:0;
	}
#gallery {	
	float:left;
	}
#gallery li {	
	float:left;
	margin-right:12px;
	}
#materials-list li {
	font-weight:bold;
	color:#707070;
	line-height:1.9em;
	}
.reader {
	float:right;
	margin:21px 0 0 0;
	}
.box {	
	float:left;
	width:170px;
	color:#000;
	border-bottom:#c1c5c6 1px solid;
	margin:15px 0 0 0;
	}
.box.no-border {
	border-bottom:none;
	margin:15px 0 0 0;
	}
.box a {	
	color:#5494a3;
	}
.box a:hover {	
	color:#234e58;
	}
.box img {	
	float:left;
	padding:0 11px 0 0;
	}
#map-container  {
	margin:30px 0 0 14px;
	width:466px;
	float:left;
	display:inline;
	}
#locations {
	margin-top:30px;
	width:369px;
	float:right;
	}
.headquarters-info {
	width:250px;
	float:left;
	display: block;
	}
.headquarters-info a {
	color:#000;
	}
.headquarters-info a:hover {
	color:#6e7172;
	}
#map {
	float:left;
	clear:left;
	width:467px;
	height:480px;
	position:relative;
	background-color:#99FFCC;
	background:url(../images/contact-map.gif) no-repeat 0 0;
	padding-bottom:30px;
	}
#map p {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	color:#707070;
	font-size:1.2em;
	line-height:1.4em;
	}
.dot {
	position:absolute;
	width:34px;
	height:34px;
	text-indent:-99999px;
	background:url(../images/dot.gif) no-repeat 0 0;
	}
.d1 {
	top:206px;
	left:167px;
	}
.d2 {
	top:257px;
	left:150px;
	}
.d3 {
	top:310px;
	left:133px;
	}
.d4 {
	top:333px;
	left:80px;
	}
.d5 {
	top:256px;
	left:90px;
	}
.d6 {
	top:105px;
	left:246px;
	}
.d7 {
	top:230px;
	left:320px;
	}
.d8 {
	top:320px;
	left:343px;
	}
.d9 {
	top:393px;
	left:370px;
	}
.d10 {
	top:350px;
	left:268px;
	}
	
.gap {margin-top: 63px}
#caption {
	float:left;
	width:674px;
	padding:7px 14px;
	background-color:#ececec;
	line-height:1.4em;
	font-size:0.9em;
}
/*Logos
-----------------------------------------------------------------------------*/
#logos {
	margin-top:70px;
	float:left;
	}
body.home .logos {
	margin-top:76px;
	}
#logos,
#logos li {
	float:left;
	}
#logos li {
	margin-left:30px;
	}
#logos li a {
	display:block;
	text-indent:-99999px;
	height:36px;
	}
#logos li.first {
	margin-left:0;
	}
.logo1 a {
	width:36px;
	background:url(../images/logo1.gif) no-repeat 0 0;
	}
.logo1 a:hover {
	background-position: 0 -36px;
	}
.logo2 a {
	width:48px;
	background:url(../images/logo2.gif) no-repeat 0 0;
	}
.logo2 a:hover {
	background-position: 0 -36px;
	}
.logo3 a {
	width:26px;
	background:url(../images/logo3.gif) no-repeat 0 0;
	}
.logo3 a:hover {
	background-position: 0 -36px;
	}
.logo4 a {
	width:37px;
	background:url(../images/logo4.gif) no-repeat 0 0;
	}
.logo4 a:hover {
	background-position: 0 -36px;
	}
.logo5 a {
	width:58px;
	background:url(../images/logo5.gif) no-repeat 0 0;
	}
.logo5 a:hover {
	background-position: 0 -36px;
	}
.logo6 a {
	width:48px;
	background:url(../images/logo6.gif) no-repeat 0 0;
	}
.logo6 a:hover {
	background-position: 0 -36px;
	}
/*Filter by Region Dropdown
-----------------------------------------------------------------------------*/
#filter {
	float:left;
	padding:14px 0 20px 0;
	}
#filter label {
	padding-right:7px;
	font-weight:bold;
	}
#filter select {
	font:1.1em Arial, Helvetica, sans-serif;
	padding:1px;
	width:161px;
	}
/*News Archive
-----------------------------------------------------------------------------*/
#stories {
	float:left;
	}
#stories li {
	background-color:#fff;
	display:block;
	float:left;
	font-size:1.1em;
	line-height:1.6em;
	padding:13px 0pt;
	}
body.news #intro #stories li img {
	float:left;
	padding:0pt 11px 0pt 0pt;
	}
#stories a {
	color:#323232;
	display:block;
	float:left;
	}
#stories a:hover {
	color:#909090;
	}
.news-title {
	font-size:1.1em;
	font-weight:bold;
	padding-top:6px;
	}
.news-title, .news-date {
	color:#5494a3;
	display:block;
	}
.news-date {
	font-size:0.9em;
	color:#707070;
	}
/*Select Product Dropdown
-----------------------------------------------------------------------------*/
#select-product {
	width:200px;
	position:absolute;
	bottom:20px;
	padding-top:26px;
	}
#select-product select {
	width:199px;
	font:1.1em Arial, Helvetica, sans-serif;
	color:000;
	padding:1px;
	}
/*Sub List
-----------------------------------------------------------------------------*/
.sub-list {
	width:200px;
	padding-bottom:80px;
	}
.archive-list {
	margin-top:4em;
	}
.sub-list li {
	background:url(../images/list-border.gif) repeat-x 0 bottom;
	border-bottom:#dfe0e0 1px solid;
	}
.sub-list.arch li {
	border-bottom:none;
	}
.sub-list li a {
	background:url(../images/quick-arrow.gif) no-repeat 2px 9px;
	padding:4px 0 4px 15px;
	display:block;
	width:177px;
	color:#5494a3;
	font-weight:bold;
	line-height:1.4em;
	}
body.careers .sub-list li a {
	background:url(../images/quick-arrow.gif) no-repeat 2px 9px;
	}
body.careers .sub-list li a:hover {
	background-position: -294px 9px;
	}
.sub-list li a:hover {
	background-position:-294px 9px;
	color:#234e58;
	}
/*Product List
-----------------------------------------------------------------------------*/
#product-list {
	float:left;
	width:674px;
	}
#product-list img {
	float:left;
	padding-right:9px;
	}
#product-list li {
	float:left;
	margin:0 2px 22px 0;
	}
#product-list li a {
	display:block;
	width:220px;
	color:#1c2122;
	font-weight:bold;
	float:left;
	line-height:1.4em;
	}
#product-list li a:hover {
	background-position:-287px center;
	color:#434b4d;
	cursor:pointer;
	}
#product-list li a .normal {
	font-weight:normal;
	color:#707070;
	}
/*Range Specific Table
-----------------------------------------------------------------------------*/	
#data-table {
	width:100%;
	float:left;
	margin-bottom:2em;
	}
#data-table th {
	font-weight: bold;
	padding: 7px 14px;
	color: #000;
	border-bottom: 2px solid #fff;
	width:38%;
	}
#data-table td {
	padding: 7px 14px;
	color: #000;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	line-height:2em;
	}
#data-table tr:hover {
	background: #f0eee5;
	}
#data-table tr:hover {
	color: #339;
	background: #eff2ff;
	}
#data-table tr.odd {
	background-color:#f0eee5;
	}
#data-table tr.even {
	background-color:#e1decc;
	}
/*Quick Finder Accordion
-----------------------------------------------------------------------------*/
.Accordion1 {
	overflow: hidden;
	width:197px;
	}
.Accordion1 .AccordionPanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:21px;
	text-indent:10px;
	background:#6293a1 url(../images/collapsed.gif) no-repeat 0 0;
	color:#fff;
	border-bottom:#fff 3px solid;
	}
	
.Accordion1 .AccordionPanelTab2 {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:21px;
	text-indent:10px;
	background:#9cccda url(../images/collapsed2.gif) no-repeat 0 0;
	color:#fff;
	border-bottom:#fff 3px solid;
	}
	
.Accordion1 .AccordionPanelTab3 {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:21px;
	text-indent:10px;
	background:#000000 url(../images/collapsed3.gif) no-repeat 0 0;
	color:#fff;
	border-bottom:#fff 3px solid;
	}
.Accordion1 .AccordionPanelContent {
	overflow: auto;
	}
.Accordion1 .AccordionPanelContent ul {
	padding:2px 0 12px 0;
	
	float:left;
	width:100%;
	}
.Accordion1 .AccordionPanelContent ul li {
	float:left;
	width:176px;
	}
.Accordion1 .AccordionPanelContent a {
	color:#5494a3;
	font-weight:bold;
	background:transparent url(../images/quick-arrow.gif) no-repeat scroll 10px 6px;
	display:block;
	float:left;
	width:100%;
	padding-left:20px;
	}
.Accordion1 .AccordionPanelContent a:hover {
	color:#234e58;
	background-position:-286px 6px;
	}
.Accordion1 .AccordionPanelOpen .AccordionPanelTab {
	background:#000 url(../images/expanded.gif) no-repeat 0 0;
	}
.Accordion1 .AccordionPanelTabHover {
	color: #f2f2f2;
	}
.Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
	color: #fff;
	}
/*Literature Library Accordion
-----------------------------------------------------------------------------*/
.Accordion2 {
	overflow: hidden;
	width:674px;
	float:left;
	}
.Accordion2 .AccordionPanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:28px;
	text-indent:14px;
	background:#e1decc url(../images/lit-lib-arrow-o.gif) no-repeat 0 0;
	color:#000;
	border-bottom:#fff 1px solid;
	font-weight:bold;
	}
.Accordion2 .AccordionPanelContent {
	overflow: auto;
	}
.Accordion2 .AccordionPanelContent ul {
	padding:0;
	float:left;
	}
.Accordion2 .AccordionPanelContent ul li {
	width:674px;
	border-bottom:#fff 1px solid;
	background-color:#f0eee5;
	}
.Accordion2 .AccordionPanelContent ul li a {
	width:674px;
	background-image:none;
	background-color:#f0eee5;
	font-weight:normal;
	color:#000;
	line-height:28px;
	text-indent:14px;
	}
.Accordion2 .AccordionPanelContent ul li a:hover {
	background-color:#e9e7d8;
	color:#000;
	}
.Accordion2 .AccordionPanelContent ul li {
	float:left;
	}
.Accordion2 .AccordionPanelContent a {
	color:#5494a3;
	font-weight:bold;
	background:url(../images/quick-arrow.gif) no-repeat 10px center;
	display:block;
	float:left;
	width:100%;
	}
.Accordion2 .AccordionPanelContent a:hover {
	color:#000;
	background-position:-286px center;
	}
.Accordion2 .AccordionPanelOpen .AccordionPanelTab {
	background:#e1decc url(../images/lit-lib-arrow.gif) no-repeat 655px 10px;
	cursor:default;
	}
.Accordion2 .AccordionPanelTabHover {
	background-color:#d0ccb2;
	}
.Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
	color: #000;
	}
.dload-title {
	float:left;
	}
.dload-txt {
	float:right;
	padding-right:10px;
	}
/*Contacts Accordion
-----------------------------------------------------------------------------*/
.Accordion3 {
	overflow: hidden;
	width:369px;
	}
.Accordion3 .AccordionPanelTab3 {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:28px;
	text-indent:14px;
	background:#8a8c8f url(../images/lit-lib-arrow-o.gif) no-repeat 0 0;
	color:#fdfdfd;
	border-bottom:#fff 1px solid;
	font-weight:bold;
	}
.Accordion3 .AccordionPanelContent3 {
	overflow: auto;
	color:#737373;
	}
.Accordion3 .AccordionPanelContent3 ul {
	padding:0;
	text-indent:14px;
	float:left;
	}
.Accordion3 .AccordionPanelContent3 ul li {
	width:674px;
	border-bottom:#fff 1px solid;
	background-color:#f0eee5;
	}
.Accordion3 .AccordionPanelContent3 ul li a {
	width:674px;
	background-image:none;
	background-color:#f0eee5;
	font-weight:normal;
	color:#000;
	line-height:28px;
	}
.Accordion3 .AccordionPanelContent3 ul li a:hover {
	background-color:#e9e7d8;
	color:#000;
	}
.Accordion3 .AccordionPanelContent3 ul li {
	float:left;
	}
.Accordion3 .AccordionPanelContent3 a {
	color:#5494a3;
	font-weight:bold;
	background:url(../images/location-arrow.gif) no-repeat 10px center;
	display:block;
	float:left;
	width:100%;
	}
.Accordion3 .AccordionPanelContent3 a:hover {
	color:#000;
	background-position:-286px center;
	}
.Accordion3 .AccordionPanelOpen .AccordionPanelTab3 {
	cursor:default;
	background:#8a8c8f url(../images/location-arrow.gif) no-repeat 349px center;

	}
.Accordion3 .AccordionPanelTabHover {
	background-color:#727476;
	}
.Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
	background-color:#8a8c8f;
	}
/*Collapsible Panels
-----------------------------------------------------------------------------*/
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	}
.CollapsiblePanelTab {
	background-color: #e1decc;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	line-height:28px;
	text-indent:14px;
	font-weight:bold;
	border-bottom:#fff 1px solid;
	background:#e1decc url(../images/collapse-open.gif) no-repeat 350px center;
	}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background:#e1decc url(../images/collapse-close.gif) no-repeat 350px center;
	}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #e1decc;
	}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #e1decc;
	}
/*Technical Form
-----------------------------------------------------------------------------*/
#form-wrapper {
	width:437px;
	float:right;	
	}
#form-wrapper fieldset {
	margin: 0 0 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	}
#form-wrapper p {
    position: relative;
	width: 100%;
	padding:0.3em 0;
	margin:0;
	line-height:1.7em;
	clear:both;
	overflow:auto;/*FF needed to hold label and input in p tag*/
	}
#form-wrapper label {
	float: left;
	width: 60px;
	padding-right:10px;
	text-align:right;
	font-weight:bold;
	}
#form-wrapper input[type="text"], 
#form-wrapper textarea {
	border: 1px solid #bebebe;
	float:left;
	}
#form-wrapper .f_input,
#form-wrapper textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	width:325px;
	padding:3px;
	border: 1px solid #bebebe;
	}
#form-wrapper .f_input {
	
	}
#form-wrapper .submit {
	float:right;
	margin-right:10px;/* needed to stop image touching p tag. Causes overflow scrollbar to show on mousedown*/
	background-color:#000;
	color:#fff;
	text-align:center;
	border:none 0;
	font-weight:bold;
	font-size:0.9em;
	cursor:pointer;
	margin-top:8px;
	}
#form-wrapper input:focus, 
#form-wrapper textarea:focus {
	background: #ffc;
	}
#form-wrapper textarea {
	height: 100px;
	}
/*Personnel Accordion
-----------------------------------------------------------------------------*/
.personnel {
	width: 369px;
	}
.personnel em {
	font-weight:bold;
	font-style:normal;
	margin-right:5px;
	}
.personnel div {
	background-color: #fff;
	}
.personnel p {
	padding:10px 0 14px 14px
	}
.personnel strong {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	color: #737373;
	background-color: #f1f0e8;
	text-indent:14px;
	line-height:28px;
	border-bottom:#fff 1px solid;
	}
strong .normal {
	font-weight:normal;
	}
.personnel strong.selected {
	background:#f1f0e8 url(../images/personnel-arrow.gif) no-repeat 350px center;
	}
.Accordion3 .AccordionPanelContent3 .personnel a {
	color:#737373;
	font-weight:normal;
	background:none;
	display:inline;
	float:none;
	}
.Accordion3 .AccordionPanelContent3 .personnel a:hover {
	color:#535353;
	}
/*Lightbox
-----------------------------------------------------------------------------*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size:1.2em;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*Highslide
-----------------------------------------------------------------------------*/
.row {
	float:left;
	width:100%;
	margin-bottom:5px;
	}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	float:left;
	margin-right:5px;
	}
.highslide-wrapper {
	background: white;
	padding:20px;
	}
.highslide-image {
    border: 2px solid white;
	padding:24px;
	padding-bottom:4px;
	}
.highslide-image-blur {
	}
.highslide-caption {
    display: none;   
    border: 2px solid white;
    border-top: none;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
	font-weight:bold;
	color:#555;
	}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;   
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
	}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
	}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
	}
a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	}
/* These must always be last */
.highslide-display-block {
    display: block;
	}
.highslide-display-none {
    display: none;
	}
/*Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:900px;
	margin:0 auto;
	background-color:#fff;
	font-size:1.1em;
	padding:0 50px;
	color:#fff;
	position:relative;
	}
#footer-inner {
	width:880px;
	background-color:#8fa5aa;
	padding:10px;
	text-align:left;
	margin:0;
	float:left;
	position:relative;
	}
#footer a {	
	float:right;
	color:#fff;
	}
.copyright{	
	float:left;
	}
#footer a:hover {	
	color:#dee4e6;
	}
#footer, .push {
	height: 60px; /* .push must be the same height as .footer */
	clear:both;
	}
/*Top Navigation
-----------------------------------------------------------------------------*/
#top-nav {
	float:right;
	clear:right;
	margin-top:8px;
	}
#top-nav li {
	float:left;
	background:#fff url(../images/separator-top-nav.gif) no-repeat right 6px;
	padding:0 6px;
	}
#top-nav li a {
	float:left;
	color:#6f6c6d;
	}
#top-nav li a:hover {
	color:#000;
	}
#top-nav li.last {
	background:none;
	}
/*Main Navigation
-----------------------------------------------------------------------------*/
#main-nav {
	float:left;
	clear:left;
	margin:3px 0 0 231px;
	width:670px;
	}
#main-nav li {
	float:left;
	background:#fff url(../images/separator-main-nav.gif) no-repeat right 5px;
	padding:0 13px;
	}
#main-nav li a {
	float:left;
	font-weight:bold;
	color:#5c595a;
	}
#main-nav li a:hover {
	color:#000;
	}
#main-nav li.last {
	background:none;
	padding-right:0;
	}
body.home #main-nav li#home a,
body.products #main-nav li#products a,
body.literature-library #main-nav li#literature-library a,
body.innovation-technology #main-nav li#innovative-technology a,
body.portfolio #main-nav li#portfolio a,
body.specification-writer #main-nav li#specification-writer a,
body.home #main-nav li#home a {
	color:#000;
	}
/*Specification Writer
-----------------------------------------------------------------------------*/
#spec-wrapper {
	width:400px;
	float:left;
	display:inline;
	font-size:1.1em;
	position:relative;
	margin-left:14px;
	}
#spec-wrapper fieldset {
	margin: 0 0 3em 0; 
	}
#spec-wrapper fieldset.no-padding {
	margin:0; 
	}
#spec-wrapper legend {
	font-weight: bold;
	margin:3px 0;
	color:#000;
	}
* html #spec-wrapper legend {
	text-indent:-8px;
	padding-left:8px;
	}
html>body #spec-wrapper legend {
	*text-indent:-8px;
	*padding-left:8px;
}
#spec-wrapper p {
    position: relative;
	width: 100%;
	padding:0.3em 0;
	margin:0;
	line-height:1.4em;
	clear:both;
	overflow:auto;
	}
#spec-wrapper label {
	float: left;
	width: 170px;
	}
#spec-wrapper input[type="text"], 
#spec-wrapper textarea {
	border: 1px solid #999;
	float:left;
	}
#spec-wrapper select {
	width:210px;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
#spec-wrapper .f_input,
#spec-wrapper textarea {
	width:200px;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000;
	border: 1px solid #999;
	float:left;
	}
#spec-wrapper .submit {
	float:right;
	margin:20px 20px 0 0;
	}
#spec-wrapper input:focus, textarea:focus {
	background: #ffc;
	}
#spec-wrapper input.radio {
  float: left;
	margin-right: 1em;
	}
#spec-wrapper textarea {
	height: 100px;
	}
#spec-wrapper .req {
	color:#bc2c2c;
	padding:6px 4px 0 7px;
	display:block;
	float:left;
	}
.help {
	display:none;
	font-size:13px;
	line-height:18px;
	padding:20px;
	position:absolute;
	width:400px;
	margin-top:23px;
	overflow:auto;
	height:475px;
	background-color:#ececec;
    }
.product-arrow,
.finish-arrow,
.background-arrow {
	display:none;
	width:8px;
	height:19px;
	background:#fff url(../images/arrow.gif) no-repeat 0 0;
	position:absolute;
	top:8px;
	right:0;
	}
body.specification-writer #col-left,
body.specification-writer #main-content {
	width:100%;
	}
#info-holder {
	float:left;
	width:420px;
	margin-left:10px;
	}
#info-holder h4 {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:0;
	color:#1e2122;
	}
.err {
	color:#bc2c2c;
	font-weight:bold;
	}
/*Specification Writer update 21/08/09
-----------------------------------------------------------------------------*/
#spec-wrapper {
	width:600px;
	}
.links-holder {
	float:left;
	width:430px;
	padding-bottom:19px;	
	}
.links-holder li {
	position:relative;
	display:inline;
	float:left;
	clear:left;
	}
.links-holder a {
	color:#5494a3;
	font-weight:bold;
	padding-left:12px;
	background:url(../images/quick-arrow2.gif) no-repeat 0 center;	
	}
.links-holder a:hover {
	color:#234e58;	
	background-position:-496px center;
	}
.links-holder li.selected a {
	color:#008349;
	background:url(../images/tick.gif) no-repeat 0 center;	
	}
.links-holder li.selected a:hover {
	color:#008349;
	background:url(../images/tick.gif) no-repeat 0 center;	
	}
.ihelp {
	display:inline-block;
	vertical-align:middle;
	}
li .ihelp {
	margin-left:5px;
	}
.tooltip{ 
	position:absolute;
	right:-340px;
	top:0;
	z-index:9999;
	width:300px;
	padding:14px;
	line-height:1.2em;
	border:1px solid #7f9db9;
	background-color:#fff;
	}
.left-column {
	float:left;
	width:674px;
}