/* CSS Document */

/*
The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2009-2010 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.
*/

/*###########################
####### CSS RESET ########
#############################*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	_behavior: url(csshover.htc);
	background:url(../images/background/body-bg.jpg) no-repeat center top fixed #FFF;
	line-height: 1;
}

img, div, li, ul {
	_behavior: url(iepngfix.htc);
}

/*ol, ul {list-style: none;}*/

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/*###########################
#######GENERAL LAYOUT########
#############################*/

h1 {
	color:#383838;
	/*font-family:'NeoTechBlack', Arial;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:180%;
	padding:10px 0px 10px 0px;
}

h2	{
	padding:0px 0px 4px 0px;
	font-size:120%;
	color:#6E9F23;
}

h3 {
	padding:0px 0px 4px 0px;
	font-size:110%;
}

p {
	line-height:16px;
	padding:0px 0px 20px 0px;
}

a {
	color:#E87F18;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

ul {
	padding:0px 0px 6px 20px;
	list-style:disc;
}

li {
	padding:0px 0px 8px 0px;
}

.noBullet {
	padding:0px 0px 6px 0px;
	list-style:none;
}

#docHolder {
	background:url(../images/background/doc-shadow.png) repeat-y center;
	_background-image:none;
	margin:auto;
	width:972px;
}

#doc {
	background:#FFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	margin:auto;
	text-decoration:none;
	width:955px;
}

#mainContent {
	background:url(../images/background/main-content-bg.gif) repeat-y center top;
	float:left;
	font-size:85%;
	padding:0px 30px 0px 30px;
}

#mainContent.home {background:url(../images/background/main-content-home-bg.gif) repeat-y center top;}
#mainContent.oneColumn {background:#FFF;}

#rightColumnScroll {
	clear:none;
	float:left;
	width:350px;
}

#rightColumn {
	clear:none;
	float:left;
	font-size:120%;
	padding:20px 0px;
	width:350px;
}

#rightColumn img {display:block;}

#mainContent.home #rightColumn {
	padding:20px;
	width:150px;
}

#mainContent.oneColumn .content {width:880px;}

#mainContent.home .bottomLinksHolder {width:320px;}


/*###########################
#######HEADER LAYOUT########
#############################*/

#fixedHeader {
	position:fixed;
	z-index:10000;
	
	_position: absolute;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}

#header {
	background:url(../images/background/header-bg.gif) top center;
	height:55px;
	width:955px;
}

#logo {
	clear:none;
	float:left;
	height:55px;
	width:360px;
}

#logo img {
	display:block;
}


.SmartSearch {
	clear:right;
	float:right;
	padding:5px 30px 0px 0px;
	position:relative;
	z-index:200;
}

/*#SmartSearch input {
	border:1px solid #38678D;
	border-right:none;
	clear:none;
	float:left;
	height:15px;
	margin:0px;
	padding:0px;
	width:170px;
}*/

.SmartSearch input.SmartSearchbutton {
	border:none;
	height:17px;
	margin:0px 0px 0px 0px;
	width:49px;
	float:right;
}


/*#SmartSearchResults {
	background:url(../images/background/smartsearch-results-bg.png) no-repeat bottom;
	_background:url(../images/background/smartsearch-results-bg.gif) bottom;
	display:none;
	font-size:80%;
	left:-2px;
	padding:0px 0px 10px 0px;
	position:absolute;
	top:17px;
	width:228px;
	z-index:10000000;
}*/

/*#SmartSearch:hover #SmartSearchResults {display:block;}*/

/*#SmartSearchResults a {
	color:#FFF;
	text-decoration:none;
}*/

.SmartSearchImage {
	clear:none;
	float:left;
	margin:5px 10px 0px 0px;
}

/*.resultsItem {
	border-top:1px solid #1E6FA5;
	border-bottom:1px solid #035388;
	clear:both;
	color:#FFF;
	float:left;
	padding:5px 10px 10px 10px;
	margin:0px 0px 0px 3px;
	width:197px;
}*/



/*#SmartSearchResults .itemBottom {border-bottom:none;}*/



#internationalChoice {
	background:url(../images/background/country-arrow.png) no-repeat;
	clear:none;
	color:#FFF;
	display:none;
	font-size:80%;
	float:right;
	height:23px;
	position:relative;
	top:-20px;
	width:43px;
	z-index:10;
	
	_background:url(../images/background/country-arrow.gif) no-repeat;
	_width:34px;
}

#internationalChoice a {
	color:#FFF;
	text-decoration:none;
}

#internationalChoice a:hover {
	text-decoration:underline;
}

#internationalMenu {
	background:url(../images/background/country-drop-bg.png) bottom;
	display:none;
	padding:10px 20px 10px 0px;
	position:absolute;
	right:0px;
	text-align:right;
	top:23px;
	width:110px;
	z-index:100;
	
	_background:url(../images/background/country-drop-bg.gif) no-repeat bottom;
	_padding:10px;
	_right:-5px;
	_top:16px;
}

#internationalChoice:hover #internationalMenu {
	display:block;
}

#internationalMenu ul {
	padding:0px 0px 0px 0px;
	list-style:none;
}

#internationalMenu ul li {
	padding:0px 0px 5px 0px;
}

#internationalMenu ul li a {
	font-weight:normal;
}

#internationalMenu ul li img {
	margin:2px 0px 0px 0px;
}

.FlagAlign {
	vertical-align:text-bottom;
	margin-bottom:2px;
}

.countryArrow {
	clear:none;
	color:#FFF;
	display:block;
	height:23px;
	float:right;
	margin:23px 20px 0px 0px;
	width:43px;
}

.countryArrow:hover {
	_text-indent:-999px;
}

.countryArrow:hover #internationalChoice {
	display:block;
}

.flagsRow {
	float:right;
	padding:8px 30px 0 0;
}

.flagsRow ul {
	list-style:none;
	padding-bottom:0;
}

.flagsRow li {
	display:inline;
	padding-left:10px;
	padding-bottom:0;
}

/*###########################
#########NAV LAYOUT##########
#############################*/

#navigation {
	background:#02304E;
	height:20px;
	width:955px;
	z-index:100;
	
}

#contactInfo {
	background:url(../images/background/navigation-left-bg.gif) no-repeat bottom;
	clear:none;
	color:#FCA400;
	float:left;
	font-size:85%;
	height:16px;
	padding:4px 0px 0px 30px;
	width:282px;
}

#contactInfo a {
	color:#FCA400;
	text-decoration:none;
}


#nav {
	clear:none;
	color:#FFF;
	cursor:pointer;
	float:right;
	font-size:80%;
	height:20px;
	list-style:none;
	padding:0px 20px 0px 0px;
}

#nav li {
	border-left:1px solid #032B45;
	border-right:1px solid #1C4560;
	clear:none;
	float:left;
	height:13px;
	padding:4px 6px 3px 6px;
	_padding:4px 6px 3px 6px;
	position:relative;
}

@-moz-document url-prefix() { #nav li {padding:4px 6px 3px 6px;} }
*:first-child+html #nav li { padding:4px 6px 3px 6px;}



#nav li:hover {
	background:url(../images/background/navigation-bg-hover.gif) repeat-x top;
	border-left:1px solid #1C4560;
}

#nav li.first {border:none; height:10px;}
#nav li.last {border-right:none;}

#nav li a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}


#nav span.menu {
	background:url(../images/background/navigation-bg.png) repeat-x top fixed #045991;
	_background:#045991;
	display:none;
	padding:10px 0px;
	position:absolute;
	top:20px;
	left:-64px;
}

#nav li:hover span.menu {display:block;}

#nav span.menuProducts {width:600px;}
#nav span.menuCaseStudies, #nav span.menuDesignStudies {padding:0px 10px 10px 10px;width:268px;}

#nav span.menu .navColumn {
	clear:none;
	float:left;
	width:300px;
}

#nav span.menu .navColumn .productItem {
	background:url(../images/background/navigation-divider.gif) no-repeat bottom center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	float:left;
	clear:both;
	width:300px;
}

#nav span.menu .navColumn .productItem span.hiddenText, #nav span.menu .navColumn .productItem span.hiddenText a {display:none;}


#nav span.menu .navColumn .productItem a {
	display:block;
	height:75px;
	width:300px;
}


/* ### EnviroKerb ### */
a.EnviroKerb:hover {background:url(../images/navigation/envirokerb-on.png) no-repeat top left;}

/* ### EnviroChannel ### */
a.EnviroChannel:hover {background:url(../images/navigation/envirochannel-on.png) no-repeat top left;}

/* ### EnviroDeck ### */
a.EnviroDeck:hover {background:url(../images/navigation/envirodeck-on.png) no-repeat top left;}

/* ### ITKerb ### */
a.ITKerb:hover {background:url(../images/navigation/itkerb-on.png) no-repeat top left;}

/* ### EnviroChamber ### */
a.EnviroChamber:hover {background:url(../images/navigation/envirochamber-on.png) no-repeat top left;}

/* ### EnviroGrate ### */
a.EnviroGrate:hover {background:url(../images/navigation/envirograte-on.png) no-repeat top left;}

/* ### DriDeck ### */
a.DriDeck:hover {background:url(../images/navigation/drideck-on.png) no-repeat top left;}

/* ### Forecourt ### */
a.Forecourt:hover {background:url(../images/navigation/forecourt-on.png) no-repeat top left;}


#nav span.menu .navColumn .item {
	border-top:1px solid #1E6FA5;
	border-bottom:1px solid #035388;
	clear:both;
	color:#FFF;
	float:left;
	padding:5px 10px 5px 10px;
	width:248px;
}

#nav span.menu .navColumn .item a {
	color:#FFF;
	text-decoration:none;
}


#nav span.menu .navColumn .item a:hover span {
	border-bottom:1px solid #FCA400;
}


#nav span.menu .navColumn .item a:hover {
	border-bottom:1px solid #FFF;
}

#nav span.menu .navColumn .itemTop {border-top:none;}
#nav span.menu .navColumn .itemBottom {border-bottom:none;}


.itemTitle {color:#FCA400; line-height:18px;}

/*###########################
#######FLASH LAYOUT########
#############################*/

.flashHeaderWrapperLarge {
	border-bottom:3px solid #DBDBDB;
	padding:75px 0px 0px 0px;
	height:180px;
}

.flashHeaderWrapperSmall {
	border-bottom:3px solid #DBDBDB;
	padding:75px 0px 0px 0px;
	height:153px;
}

#flashHeader {
	
}

#flashHeader img {
	display:block;
}

.noFlashLarge {
	background:url(../images/flash-replacement/header-large-bg.jpg) no-repeat bottom center;
	font-size:85%;
	height:180px;
	color:#247a1c;
}

.noFlashLarge a {
	color:#247a1c;
}


#flashHeader.noFlashLarge img {
	display:inline;
}

.noFlashLarge .instructions {
	font-size:160%;
	font-weight:bold;
	text-align:center;
	padding:15px 0 0 0;
}

.noFlashLarge .instructions div {
	width:49%;
	float:left;
	padding-bottom:15px;
}

.noFlashLarge .instructions img {
	vertical-align:middle;
	display:inline;
}

.noFlashLarge .blueTitle, .noFlashLarge .blueTitle a {
	color:#066faa;
}

.noFlashLarge .blueTitle a {
	text-decoration:underline;
}

.noFlashLarge .greenTitle {
	padding-top:8px;
}

.noFlashLarge .links {
	clear:both;
}

.noFlashLarge table {
	width:80%;	
	text-align:center;
	margin:auto;
}

.noFlashLarge td, .noFlashLarge th {
	padding-bottom:10px;
	vertical-align:top;
	text-align:center;
}

.noFlashSmall {
	height:153px;
}

/*###########################
#######MAIN LAYOUT########
#############################*/

.content {
	color:#525252;
	float:left;
	text-align:justify;
	padding:15px 15px 15px 0px;
	width:530px;
	position:relative;
}

#mainContent.home .content {
	padding-right:35px;
	width:670px;
}

#breadcrumb {
	font-size:90%;
	font-weight:bold;
	list-style:none;
	padding:0px 0px 5px 0px;
}

#breadcrumb li {
	color:#878787;
	display:inline;
	font-style:italic;
	margin:0px 5px 0px 0px;
}

#breadcrumb li a {
	background:url(../images/background/breadcrumb-triangle.gif) no-repeat 100% 40%;
	color:#04487A;
	font-style:normal;
	padding:0px 12px 0px 0px;
	text-decoration:none;
}

.homeColumn {
	clear:none;
	float:left;
	padding:0px 20px 0px 0px;
	width:320px;
}

.bottomLinksHolder {
	background:url(../images/background/bottomlinks-bg.gif) repeat-x;
	border:1px solid #B6B6B6;
	clear:none;
	float:left;
	width:525px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.bottomLinksHolder a {
	font-weight:bold;
	text-decoration:none;
}

.green a {color:#6E9F23;}
.blue a {color:#106DA1;}

.endBox {
	clear:none;
	float:left;
	height:17px;
	width:10px;
}

.endBoxGreen {background:#6E9F23;}
.endBoxBlue {background:url(../images/background/bottomlinks-contact-bg.gif) repeat-x top;}

ul.bottomLinks {
	clear:none;
	float:left;
	list-style:none;
	padding:2px 0px 0px 10px;
}

ul.bottomLinks li {
	display:inline;
	padding:0px 10px 0px 0px;
}

.rightBox {
	background:url(../images/background/bottomlinks-contact-bg.gif) repeat-x top;
	clear:none;
	color:#FFF;
	float:right;
	height:15px;
	padding:2px 0px 0px 0px;
	text-align:center;
	width:130px;
}

.rightBox a {
	color:#FFF;
}

.extraContentButton {
	text-align:right;
	padding-bottom:20px;
}

.extraContent {
	
}

/* LOGIN FORM */

.formLogin {
	margin:auto;
	width:260px;
	padding:0 20px 20px 20px;
}

.formStyle {
	
}

.formStyle div {
	clear:both;
}

.formStyle label {
	width:100px;
	float:left;
	clear:none;
	padding-top:3px;
}

.formStyle input {
	width:200px;
	float:left;
	clear:none;
	margin:0px 0px 5px 0px;
	color:#525252;
}

.formStyle textarea {
	width:300px;
	height:100px;
	margin:0px 0px 10px 0px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#525252;
	font-size:100%;
	padding:2px;
}

.formStyle .submit {
	padding-left:100px;
}

.formStyle .submit input {
	width:auto;
}

.formValidatorStyle ul {
	font-style:italic;
	padding:0px;
	list-style:none;
	color:#FF0000;
	font-weight:bold;
}

p.error {
	color:#900;
	text-align:center;
}

.error {
	color:#900;
	text-align:center;
}

.sitemap {
	padding:5px 0 10px 20px;
}

.sitemap ul {
	padding:5px 0 10px 20px;
}

.sitemap li {
	padding-bottom:5px;
}

/*###########################
#####RIGHT COLUMN LAYOUT#####
#############################*/

#rightColumn h2 {
	color:#04487A;
}

.divider {
	background:url(../images/background/right-column-divider.gif) no-repeat center top;
	display:block;
	height:17px;
	width:100%;
}

.divider-grey {
	background:url(../images/background/right-column-divider-grey.gif) no-repeat center top;
	display:block;
	height:17px;
	margin:10px 0px 0px 0px;
	width:100%;
}

.panelRight {
	margin:auto;
	width:320px;
	padding-bottom:10px;
}

.newsImg {
	border:1px solid #04487A;
	margin-bottom:5px;
}

#newsHolder {
	width:150px;
	height:210px;
	position:relative;
	overflow:hidden;
}

.news {
	width:150px;
	height:260px;
	position:absolute;
	top:0;
	left:0;
}

.news h3 {
	padding-bottom:5px;
	color:#004876;
}

.news p {
	font-size:80%;
	line-height:120%;
}

.news a {
	text-decoration:underline;
	color:#004876;
}

.newsArrow {
	color:#004876;
}

.newsControl {
	color:#004876;
}

.newsControl a {
	color:#004876;
}

#flashEssAd {
	width:320px;
	height:220px;
	background:url(../images/flash-replacement/ess-ad-bg.jpg) no-repeat top left;
	margin:auto;
	color:#247a1c;
	text-align:center;
}

#flashEssAd div {
	padding:10px 0 0px 0;
}

#flashEssAd img {
	display:inline;
}

#flashEssAd a {
	color:#247a1c;
}

#flashEssAd .blueTitle {
	color:#066faa;
	font-size:120%;
}

#flashEssAd .blueTitle a {
	text-decoration:underline;
	color:#066faa;
}

#flashEssAd .blueTitle img {
	vertical-align:middle;
}

#flashEssAd .greenTitle {
	font-size:120%;
}

#flashEssAd .links {
	font-size:80%;	
}

#flashEssAd .links a {
}

.testimonialText {
	border-top:2px dashed #FFFFFF;
	margin:0px 0px 10px 0px;
	padding:10px;
	background:#CCCCCC;
	color:#4E555D;
	font-style:italic;
	width:300px;
}

.imageGallery {
	border:1px solid #CCCCCC;
	padding:0 0 1px 1px;
}

.imageGallery .row {
	height:89px;
}

.imageGallery img {
	padding:1px 1px 0 0;
}

.imageGallery a {
	display:block;
	float:left;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/

#footer {
	background:url(../images/background/footer-bg.gif) repeat-x;
	color:#FFF;
	/*font-size:70%;*/
	font-size:9px;
	height:15px;
	padding:6px 30px 5px 30px;

}

#footer a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#footer .footerLinks {
	clear:none;
	float:right;
	list-style:none;
	padding:0px 0px 0px 0px;
	text-align:right;
	width:380px;
	margin-top:1px;
}

#footer .footerLinks li {
	display:inline;
	padding:0px 5px 0px 0px;
}

#footer .LScopyright {
	/*font-size:70%;*/
	font-size:9px;
	margin-top:2px;
}

/*###########################
#######MISC LAYOUT########
#############################*/


.clear {clear:both;}

.clearNoContent {
	clear:both;
	height:1px;
	line-height:1px;
	display:inline;
}

.left {clear:none;float:left;}
.right {clear:none;float:right;}
.center {text-align:center;}

.padBottom5 {padding-bottom:5px;}
.noPadding {padding:0px;}

.blue {color:#04487A;}
.green {color:#5B8D25;}

.hidden {display:none;}

.arrow {
	font-size:80%;
}

.textRight {text-align:right;}

.imgLeft {
	float:left;
	padding:0 20px 20px 0;
}

.imgRight {
	float:right;
	padding:0 0 20px 20px;
}

/*@font-face {
	font-family: 'NeoTechBlack';
	src: url('../fonts/NeoTech-Black.eot');
	src: local('NeoTech Black'),
		 url('../fonts/NeoTech-Black.woff') format('woff'),
		 url('../fonts/NeoTech-Black.ttf') format('TrueType'),
		 url('../fonts/NeoTech-Black.svg') format('svg');
}*/


/*###########################
#######ADMIN CMT########
#############################*/

.adminEdit {position:absolute;top:5px;right:5px;}
.editableContentHighlight {border:dashed 1px #00A228; background:url(../images/background/pattern.gif);}
.editableContentNoHighlight {padding:1px;}
.submitEditableContent {width:100px;margin:10px 0 0 0;}
.htmlEditorContainer {padding:20px 0 20px 0;}

#metaEditor {
    background:url(../images/background/meta-editor-bg.png) no-repeat center bottom;
    _background:url(../images/background/meta-editor-bg.gif) no-repeat center bottom;
    color:#FFF;
    margin:auto;
    padding:10px 10px 40px 10px;
    position:absolute;
    top:0;
    width:935px;
    z-index:10001;

    opacity:0.98;  
    filter:alpha(opacity=98);  
    -moz-opacity:0.98;
    
    /*-moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;

    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 5px -10px rgba(0, 0, 0, 0.5);*/
}

*:first-child+html #metaEditor {background:url(../images/background/meta-editor-bg.gif) no-repeat center bottom;}

#metaEditor h2 {
	margin:auto;
	text-align:center;
	width:300px;
}

#metaEditorButton {
    position:absolute;
    top:0;
    right:0;
}

#metaEditor .formElement {
	clear:both;
	margin:auto;
	padding:20px 0px 0px 0px;
	width:730px;
}

#metaEditor .formElementButton {
	margin:auto;
	padding:20px 0px 20px 0px;
	width:220px;
}

#metaEditor label {
	clear:none;
	float:left;
	padding:3px 20px 0px 0px;
	text-align:right;
	width:100px;
}

#metaEditor input {
	clear:none;
	float:left;
    width:600px;
}

#metaEditor input.button {
	clear:none;
	margin:0px 0px 0px 10px;
	width:100px;
}

#metaEditor textarea {
    width:604px;
	_width:600px;
    height:50px;
}

.IE6Message {
    color:#FFF;
    margin:auto;
    padding:10px 10px 10px 10px;
    position:absolute;
    top:0;
    width:935px;
    z-index:10001;
	background:#02304e;
}

.ie6left {
	float:left;
	width:260px;
	font-size:130%;
	padding:10px 0 0 40px;
}

.ie6left img {
	vertical-align:middle;
}

.ie6right {
	float:right;
	width:300px;
	padding-top:6px;
	font-size:85%;
}

.ie6right li {
	float:left;
	width:120px;
	padding-bottom:8px;
}

.ie6right a {
	font-weight:normal;
	color:#FFF;
}

.ie6cen {
	text-align:center;
	padding-top:40px;
}