input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]:focus {background:#ccc;}
body {
	margin:0; padding:0;
	text-align:center;
	background-color:#35405a;
	color:#000;
	font:1em Tahoma, Geneva, sans-serif;
}
a:active, a:focus { outline:none; border:none;}
a:link, a:visited { color:#35405a;}
a img { border:none;}
.f-left { float:left;}
.f-right { float:right;}
.c-left { clear:left;}
.c-right { clear:right;}
.c-both {
	clear:both;
	overflow:hidden;
	height:0px;
	width:100%;
}
.hidden { display:none;}
.uppercase { text-transform:uppercase;}
.ui-tabs .ui-tabs-hide { display:none;}
#dialog-download { display:none;}

#content h1 {
	margin:0 50px 5px;
	padding:0;
	font:1.25em Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	color:#35405a;
}
#content h2 { 
	margin:0 0 5px;
	font:1.1em Tahoma, Geneva, sans-serif;
	color:#35405a;
}
#content ul, p, ol { font-size:0.8em;}
ol { padding:0 0 0 19px;}
#content p.large { font-size:0.9em;}
#content .col-two-bias .col-two p { margin-right:50px;}
h3 { font-size:1.1em; /*color:#35405a;*/}
.ui-tabs h3 { font-size:0.9em;}
#content h2.page-overview {
	margin:0 0 15px 150px; padding:0;
	font:1.1em/1.5em Tahoma, Geneva, sans-serif;
	color:#35405a;
}
#content h1.page-overview { margin-left:150px !important;}
.section, .col-one-bias, .col-two-bias, .col-three-wide {
	margin:0 50px;
	float:left;
	width:800px;
	padding-bottom:30px;
}
.section.no-margins { margin:0; width:900px;}

.section .col-one {
	float:left;
	width:390px;
}
.section .col-two {
	float:left;
	margin:0 0 0 20px;
	width:390px;
}
.col-one-bias .col-one { width:530px;}
.col-one-bias .col-two { width:250px;}
.col-one-bias.col-seperator .col-one { width:509px; padding-right:20px; border-right:1px solid #35405a;}

.col-two-bias { margin:0 0 0 50px; width:850px;}
.col-two-bias .col-one { width:290px;}
.col-two-bias .col-two { width:540px;}

.col-three-wide { margin:0;}
.col-three-wide .col-one { width:520px;}
.col-three-wide .col-one .col-one { width:250px;}
.col-three-wide .col-two { width:250px;}

.section .small-cols { 
	float:left;
	width:410px;
	margin-top:14px;
}
.section .small-cols .col-one {
	float:left;
	width:130px;
	padding:0 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.section .small-cols .col-two {
	margin:0 0 0 160px;
	float:none;
	width:250px;
}
.small-cols ul {
	margin:0; padding:0;
	float:left;
	width:100%;
}
.small-cols ul li {
	list-style:none;
	margin:0; padding:0;
	background:none;
}
.small-cols .dl-reg-form { margin-right:0 !important;}
ul.half-width {
	float:left;
	width:50%;
}
.small-cols h3 { margin-top:0;}

.img-showcase { 
	padding:10px 0 0;
	float:left;
	width:100%;
}
.img-showcase ul {
	margin:0; padding:0;
}
.img-showcase ul li {
	float:left;
	margin:4px; padding:0;
	list-style:none;
	width:115px;
	height:90px;
	overflow:hidden;
	text-align:center;
	border:1px solid #ccc;
}

.toggle-bar {
	width:100% !important;
	margin:0 0 10px !important; padding:0 !important;
	background-color:#37455a !important;
}
.toggle-bar.restrict-width {
	width:290px !important;
	margin:0 50px 10px !important;
}
.toggle-bar li {
	background:none !important;
	float:left !important;
	width:auto !important;
	margin:0 !important; padding:2px 5px !important;
}
.toggle-bar li a {
	display:inline !important;
	color:#cccfd6 !important;
	background:none !important;
	text-decoration:none !important;
	font-weight:bold !important;
	border-right:1px solid #fff;
	padding:0 12px 0 0;
}
.toggle-bar li.last a { border-right:none; padding:0;}
.toggle-bar li.ui-tabs-selected a, .toggle-bar li a:hover, .toggle-bar li a:focus {
	color:#fff !important;
}


.brief-news {
	margin:0; padding:0;
}
.brief-news li {
	margin:0 0 8px; padding:0;
	list-style:none;
	font-size:0.9em;
	line-height:1.4em;
}
.brief-news li a.more { 
	display:block; 
	text-align:right;
	text-decoration:none;
	font-size:10px;
	color:#666;
}

.button-green {
	float:left;
	display:block;
	margin:10px 0;
	padding:0 0 0 10px;
	background:url(../images/green-btn.gif) 0 -60px no-repeat transparent;
	text-decoration:none;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
.button-green span {
	text-align:center;
	display:block;
	margin:0; padding:6px 10px 0 0;
	height:24px;
	background:url(../images/green-btn.gif) right -90px no-repeat transparent;
}
.button-green:hover, .button-green:focus { background-position:0 0; color:#fff;}
.button-green:hover span, .button-green:focus span { background-position:right -30px;}


#history-chart {
	border:1px solid #35405a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#accf5b;
	padding:10px;
	float:left;
	width:80%;
}
#history-chart ol {
	margin:0; padding:0;
}
#history-chart ol li {
	list-style:none;
	font-weight:bold;
	color:#35405a;
	float:left;
	width:100%;
	clear:left;
	padding:3px 0;
}
#history-chart ol li .date {
	color:#fff;
	display:block;
	float:left;
	padding:3px 25px 3px 0;
	margin:-3px 0;
	background:url(../images/history-bar.gif) right center no-repeat transparent;
}
#history-chart ol li.first .date { background-image:url(../images/history-bar-first.gif);}
#history-chart ol li.last .date { background-image:url(../images/history-bar-last.gif);}

p.caption { text-align:center;}

#system-matrix {
	display:block;
	float:left;
	margin:30px 0 0 14px;
/*	width:462px; height:296px;*/
	width:462px; height:286px;
	position:relative;
	background:url(../images/matrix-bg-new.gif) left top no-repeat transparent;
}
#system-matrix ul {
	margin:0; padding:0;
	position:absolute;
	left:15px;
	top:110px;
}
#system-matrix li {
	margin:0; padding:0; list-style:none;
	display:inline;
	clear:left;
	float:left;
	position:relative;
	height:24px;
}
#system-matrix li strong { 
	display:block;
	float:left; 
	width:146px;
	padding:2px 0 0;
	font:1em Tahoma, Geneva, sans-serif;
	color:#36415b;
}
#system-matrix ul li:hover strong { color:#fff;}
#system-matrix li ul {
	left:146px; top:auto;
	width:301px;
}
#system-matrix ul li ul li {
	clear:none;
	text-align:center;
}
#system-matrix ul li ul li a {
	display:block;
	margin:0; padding:0;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:17px; height:17px;
	background:url(../images/matrix-numbers.gif) center -17px no-repeat transparent;
}
#system-matrix ul li ul li a:hover, #system-matrix ul li ul li a:focus { background-position:center 0;}
#system-matrix ul li ul li a.secondary { background-position:center -51px;}
#system-matrix ul li ul li a.secondary:hover, #system-matrix ul li ul li a.secondary:focus { background-position:center -34px;}
#system-matrix ul li ul li.class-one a { width:106px;}
#system-matrix ul li ul li.class-two a { width:110px;}
#system-matrix ul li ul li.class-three a { width:70px;}





.ui-tabs-nav {
	float:left;
	width:800px;
	margin:0 50px; padding:0;
}
.ui-tabs-nav li {
	width:266px;
	float:left;
	margin:0; padding:0;
	list-style:none;
}
.ui-tabs-nav li a {
	height:46px;
	display:block;
	overflow:hidden;
	width:266px;
	text-indent:-9999px;
	background:url(../images/geo-tabs.jpg) left top no-repeat transparent;
}
#tab-geotextiles a { background-position:0 0;}
#tab-geocomposites a { background-position:-266px 0;}
#tab-geocells a { background-position:-532px 0;}
	
#tab-geotextiles.ui-state-active a { background-position:0 -46px;}
#tab-geocomposites.ui-state-active a { background-position:-266px -46px;}
#tab-geocells.ui-state-active a { background-position:-532px -46px;}

#download-tabs .ui-tabs-nav li a { background-image:url(../images/download-tabs.jpg);}
#tab-brochures a { background-position:0 0;}
#tab-case-studies a { background-position:-266px 0;}
#tab-data-sheets a { background-position:-532px 0;}
	
#tab-brochures.ui-state-active a { background-position:0 -46px;}
#tab-case-studies.ui-state-active a { background-position:-266px -46px;}
#tab-data-sheets.ui-state-active a { background-position:-532px -46px;}

.downloads-list { margin:0; padding:0;}
.downloads-list li { list-style:none; margin:0; padding:4px 0;}
.downloads-list li.show-icon {
	margin:4px 0 10px; padding:10px 0 10px 40px;
	font-size:0.95em;
	background:url(../images/icon-pdf.jpg) left top no-repeat transparent;
}
.downloads-list li a {
	color:#000;
	display:block;
	text-decoration:none;
}
.downloads-list li .pub-title {
}
.downloads-list li a img {
	vertical-align:middle;
	margin-right:10px;
}
.application-downloads {
	border-top:1px solid #999FAC;
	margin-top:20px;
	padding-top:4px;
}
.application-downloads h3 {
	margin-bottom:4px;
}

.case-study-list {
	float:left;
	width:800px;
}
.cs-row {
	float:left;
	clear:left;
	width:780px;
	margin:0; padding:15px 10px;
	border-bottom:1px solid #999FAC;
	font-size:0.8em;
}
.cs-row.last { border-bottom:none;}
.cs-photo { float:left;}
.cs-row dl {
	float:left;
	width:300px;
	margin:0 14px; padding:0;
}
.cs-row dl dt {
	float:left;
	clear:left;
	margin:1px 0; padding:0;
	width:80px;
	color:#35405a;
}
.cs-row dl dd {
	float:left;
	width:220px;
	margin:1px 0 2px; padding:0;
}
.cs-row .cs-download {
	display:block;
	float:left;
	text-decoration:none;
}
.cs-row .cs-download img {
	border:none;
	margin-right:10px;
	vertical-align:middle;
}
/*
#pub-19, #pub-23, #pub-20, #pub-24, #pub-21, #pub-25, #pub-22, #pub-26 {
	 background:url(../images/icon-brochures.jpg) 0 0 no-repeat transparent;
	 padding:21px 0 21px 50px;
}
#pub-19, #pub-23 { background-position:0 0;}
#pub-20, #pub-24 { background-position:0 -77px;}
#pub-21, #pub-25 { background-position:0 -154px;}
#pub-22, #pub-26 { background-position:0 -229px;}
.dl-reg-form {
	display:block;
	border:1px solid #9a9a9a;
	background-color:#eaeaea;
	margin:0 70px 0 0;
	padding:5px;
}
.dl-reg-form span { display:block;}
.dl-reg-form label {
	float:left;
	clear:left;
	width:60px;
	margin:3px 0 0;
	padding-top:2px;
	font:0.9em Arial, Helvetica, sans-serif;
}
.dl-reg-form .text {
	float:left;
	font-size:0.9em;
	margin:3px 0 0;
}
.dl-reg-form .options {
	clear:left;
	font-size:0.9em;
	margin:0 0 0 60px;
}
.dl-reg-form .language-select {
	float:left;
	margin:0 0 0 60px;
	clear:left;
}
.dl-reg-form .language-select label {
	display:inline;
	float:none;
	width:auto;
	margin:2px 1px;
	padding:0;
}
.dl-reg-form .language-select label img {
	border:1px solid #fff;
}
.dl-reg-form .language-select label.current-language img {
	border-color:#35405a;
}
*/
.crossfader {
	height:268px; width:824px;
	overflow:hidden;
}
.crossfader img {}

ol.tnc h4 { margin-bottom:0; padding-bottom:0;}


.normal-form ol { margin:0; padding:0;}
.normal-form ol li {
	margin:2px 0; padding:0;
	float:left;
	width:100%;
	clear:left;
	list-style:none;
}
.normal-form ol li label {
	float:left;
	display:block;
	width:100px;
	margin:0 2px 0 0;
}
.normal-form ol li label.no-float {
	float:none;
	width:auto;
	display:inline;
	font-size:0.7em;
}
.normal-form ol li label.error {
	width:auto;
	color:#c00;
	margin:0 0 0 102px;
	padding:0 0 2px 16px;
	background:url(../images/icon-sprite.gif) left -16px no-repeat transparent;
	font-size:0.9em;
}
.normal-form ol li input {
	float:left;
	border:1px solid #ccc;
}
.normal-form ol li .textarea {
	font:1em Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}
.normal-form ol li .button {
}
.normal-form ol li .label-align { margin-left:122px;}


#wrap {
	width:900px;
	text-align:left;
	margin:20px auto;
	background-color:#fff;
	position:relative;
}
#content {
	float:left;
	width:900px;
	padding:200px 0 30px;
}
#head {
	position:absolute;
	left:0; top:0;
	width:900px;
}
#head h1 { margin:35px 26px 0 0; padding:0; float:right;}
#head h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:160px; height:109px;
	background:url(../images/terram-logo.gif) left top no-repeat transparent;
}
#head #tagline {
	position:absolute;
	left:50px; top:6px;
	font:0.7em Tahoma, Geneva, sans-serif;
	color:#ccc;
}
#main-nav {
	float:left;
	width:800px;
	margin:12px 50px 0; padding:0;
	background-color:#35405a;
}
#main-nav li {
	margin:0; padding:0;
	display:block;
	float:left;
	position:relative;
	font-size:0.8em;
}
#main-nav li a, #main-nav li span.link-fake {
	color:#cccfd6;
	text-decoration:none;
	padding:3px 15px;
	display:block;
	float:left;
	font-weight:bold;
}
#main-nav li.open a, #main-nav li.open span.link-fake, #main-nav li a:hover, #main-nav li a:focus,
#main-nav li span.link-fake:hover, #main-nav li span.link-fake:focus { color:#fff;}
#main-nav li span.link-fake { cursor:default;}
#main-nav li ul {
	margin:0; padding:0 10px 4px;
	position:absolute;
	left:-9999px; top:21px;
	width:175px;
	z-index:999;
	background:url(../images/sub-nav-bg.png) left top repeat transparent;
}
#main-nav li:hover ul, #main-nav li.hovered ul { left:0;}

#main-nav li ul li {
	font-size:1em;
	float:none;
	display:block;
	border-bottom:1px solid #6d7587;
}
#main-nav li ul li.last { border:none;}
#main-nav li ul li a {
	float:none;
	padding:3px 0;
}
#main-nav li.open ul li a { font-weight:normal;}

#french-link {
}
#country-flags {
	position:absolute;
	left:48px; top:118px;
}
#country-flags a {
	margin:0;
	display:block;
	float:left;
}



#foot {
	clear:both;
	margin:0 50px;
	border-top:1px solid #999fac;
	padding:50px 0 10px;
}
#store-link {
	width:290px;
	text-align:center;
	margin:0 255px;
	font-size:0.7em;
}
#store-link a#store-logo {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:142px; height:72px;
	margin:0 72px;
	background:url(../images/terram-landscape-logo.gif) left top no-repeat transparent;
}
#foot ul {
	margin:30px auto 0;
	text-align:center;
	padding:0;
}
#foot ul li {
	margin:0; padding:0;
	list-style:none;
	display:inline;
}
#foot ul li a {
	text-decoration:none;
	padding:2px 15px;
	font-size:0.7em;
	color:#666;
}

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: .80;filter:Alpha(Opacity=80); }
.ui-dialog {
	border:1px solid #35405a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#accf5b;
	text-align:left;
}
.ui-dialog-titlebar {
	background-color:#36415b;
	padding:6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.ui-dialog-title {
	text-transform:uppercase;
	text-align:left;
	color:#fff;
}
.ui-icon-closethick {
	float:right;
	color:#000;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/icon-sprite.gif) left top no-repeat #accf5b;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.ui-dialog-content {
	padding:10px;
}
.ui-dialog-buttonpane {
	background-color:#36415b;
	padding:6px;
	text-align:right;
	clear:both;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}


#contact-page h3 {
	margin:10px 0 0; padding:0;
	font-size:0.9em;
}
#contact-page p {
	margin:0 0 10px; padding:0;
}

.contact-show { margin-bottom:20px;}
.contact-show.highlight { color:#666;}
.btn-email {
	background-color:#bacf34;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:1px 5px;
	cursor:pointer;
	margin:4px 0;
	display:block;
	width:45px;
	text-align:center;
}

#contact-form { display:none;}
#contact-map {
	margin-right:50px;
	display:block;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	height:635px; width:410px;
	position:relative;
	background:url(../images/contact-map-final.gif) left top no-repeat transparent;
}
#contact-map.scotland { background-position:-410px -635px;}
#contact-map.england-south { background-position:-410px -1270px;}
#contact-map.wales-south { background-position:0 -635px;}
#contact-map.england-central { background-position:0 -1270px;}

.map-show {
	display:block;
	position:absolute;
}
#map-grid-scotland { width:265px; height:321px; left:0px; top:0px;}
#map-grid-england-central { width:234px; height:135px; left:103px; top:321px;}
#map-grid-wales-south { width:169px; height:82px; left:84px; top:465px;}
#map-grid-england-south-1 { width:201px; height:97px; left:51px; top:549px;}
#map-grid-england-south-2 { width:149px; height:128px; left:252px; top:456px;}
#map-grid-england-south-3 { width:64px; height:55px; left:337px; top:402px;}

#dialog-image-bank { display:none;}

.contact-details p {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#35405a;
	margin:15px 0 0; padding:0;
}