body {
	font: 62.5%/1.6em Arial, Geneva, sans-serif;
	text-align: left;
	margin-bottom: 20px;
	background-color: #fff;
	color: #757271;
}

#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg_wrapper.gif) repeat-y;
}

/* #header, #main-column, #footer {
	margin-right: 1px;
	margin-left: 1px;
}
*/
strong {
	font-weight: bold;
}

img {
	display: block;
}

.clearing {
	clear: both;
}

p, ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
}

ul ul, ol ul, ol ol, ul ol {
	font-size: 1em;
	/*margin-left: 20px;*/
}

#main-right-column ul, #main-right-column ol {
	padding-left: 24px;
	line-height: 1.4em;
}
#main-right-column ul {
	list-style-type: disc;
}
#main-right-column ol {
	list-style-type: decimal;
}

#main-right-column ul ul {
	list-style-type: circle;
}

a {
	color: #1eb53a;
}

p.float-right {
	float: right;
}

/* @group header and menu elements */

#header {
	height: 152px;
	width: 1000px;
	background: url(../images/header.gif) no-repeat;
	position: relative;
}

#header .logo a {
	width: 132px;
	overflow: hidden;
	text-indent: -500px;
	height: 55px;
	display: block;
	position: absolute;
	top: 25px;
	left: 30px;
	background: url(../images/logo.gif) no-repeat;
}
#header .logo a:focus {
	outline: 1px dotted #fff;
}

#navbar {
	position: absolute;
	width: 700px;
	height: 16px;
	overflow: hidden;
	top: 117px;
	left: 15px;
	/*background: url(../images/navbar.gif) no-repeat;*/
	text-transform: lowercase;
}

#navbar li {
	float: left;
	margin-right: 40px;
}

#navbar li a {
	height: 12px;
	color: #fff;
	text-decoration: none;
	padding-left: 16px;
}

#navbar li a:hover,
#navbar li a:focus,
body#home #navbar li#nb1 a,
body#about #navbar li#nb2 a,
body#fab #navbar li#nb3 a,
body#products #navbar li#nb4 a,
body#team #navbar li#nb5 a,
body#news #navbar li#nb6 a,
body#contact #navbar li#nb7 a {
	background: url(../images/nav_a.gif) no-repeat left 1px;
}

#search {
	position: absolute;
	top: 42px;
	height: 24px;
	width: 200px;
	right: 32px;
}

#search #searchButton {
	position: absolute;
	right: 0;
	top: 0;
}

#search #searchButton:focus {
	outline: 1px dotted #fff;
}

#search label {
	display: none;
}

#search .tfield {
	width: 160px;
	/*height: 20px;*/
	background: transparent;
	border: none;
	font: 0.9em Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin-top: 4px;
}

/* @end */

/* @group home boxes */

#home-links {
	padding-left: 10px;
	margin-bottom: 50px;
}

#home-links li {
	width: 216px;
	height: 175px;
	position: relative;
	float: left;
	margin-right: 9px;
	margin-left: 10px;
}

#home-links li.end {
	margin-right: 0;
}

#home-links li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 216px;
	height: 175px;
	background: url(../images/homelink-bottom.gif) no-repeat 0 top;
	color: #fff;
	text-decoration: none;
}

#home-links li a span {
	position: absolute;
	left: 15px;
	top: 145px;
	background: url(../images/arrow-home.gif) no-repeat right 2px;
	padding-right: 20px;
}

#home-links li a:hover, #home-links li a:focus {
	background-position: 0 bottom;
}

#home-links li a:hover span, #home-links li a:focus span {
	background: url(../images/arrow-home-over.gif) no-repeat right 2px;
}

/* @end */

#main-column {
	width: 722px;
	float: left;
	padding-top: 15px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding-bottom: 50px;
}

#main-left-column, #main-right-column {
	display: inline-block;
	float: left;
	padding-top: 20px;
}

#main-left-column {
	width: 212px;
	margin-left: 20px;
	margin-right: 20px;
	color: #1eb53a;
}

#main-right-column {
	width: 430px;
}

#main-left-column li {
	margin-bottom: 5px;
}

#main-left-column ul a {
	text-decoration: none;
	padding-left: 20px;
}

#main-left-column ul a:hover {
	text-decoration: underline;
}

#main-left-column ul a.on {
	background: url(../images/a_readmore.gif) no-repeat;
}

#main-left-column ul a.return {
	padding-left: 0;
}

#main-column h3, #main-left-column h1 {
	font-weight: bold;
}

#main-column h1, #main-column h2, #main-column h3, #main-column h4 {
	color: #1eb53a;
	font-size: 1.5em;
	margin-bottom: 1.1em;
	line-height: 1.6em;
}

#single-column {
	margin-left: 20px;
	position: relative;
}

#main-column > #single-column {
	padding-top: 23px;
}

ul.product-list {
	margin-top: 44px;
	font-size: 1em;
	line-height: 1.2em;
}

ul.product-list li {
	position: relative;
	width: 165px;
	height: 165px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

ul.product-list a {
	background: url(../images/list-box.png) no-repeat;
	width: 165px;
	height: 165px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-decoration: none;
}

ul.product-list a:hover,
ul.product-list a:focus {
	background-position: 0 -165px;
}

ul.product-list a span {
	position: absolute;
	top: 120px;
	left: 10px;
	margin-right: 30px;
}

#main-right-column ul.spec-colours {
	float: left;
	width: 45%;
	margin-right: 10px;
	list-style-type: none;
	padding: 0;
}

/* @group banner pieces */

#banner {
	height: 260px;
	position: relative;
	margin-bottom: 20px;
	background: #f0f0f0 url(../images/pixel-grey.gif) repeat-y;
	margin-top: -15px;
	padding-top: 15px;
}

#banner-inner {
	width: 100%;
	height: 100%;
	background: url(../images/banner.jpg) no-repeat;
}

body#about #banner-inner, body#news #banner-inner {
	background: url(../images/pic-header-about.jpg) no-repeat;
}
body#products #banner-inner {
	background: url(../images/pic-header-products.jpg) no-repeat;
}

#banner div.banner-title {
	position: absolute;
	top: 95px;
	left: 30px;
	text-indent: -5000px;
	width: 600px;
	height: 85px;
}

body#about .banner-title {
	background: url(../images/title-flexibility.png) no-repeat;
}
body#products .banner-title {
	background: url(../images/title-choice.png) no-repeat;
}

#bannerOverlay {
	width: 380px;
	position: absolute;
	left: 0;
	top: 40px;
	height: 176px;
	color: #fff;
	background: url(../images/homebannerbg.png) no-repeat;
}

#bannerOverlay h2 {
	margin-left: 35px;
	font-size: 1.2em;
	margin-top: 40px;
	color: #fff;
}

#bannerOverlay p {
	margin-left: 35px;
	margin-top: 10px;
	padding-right: 35px;
	color: #ccc;
}

#bannerOverlay ul {
	float: right;
	margin-right: 35px;
	}

#bannerOverlay li {
	text-align: right;
	float: left;
}

#bannerOverlay p.link {
	text-align: right;
	margin-right: 5px;
}

#bannerOverlay p.link a {
	background: url(../images/li_banneroverlay.gif) no-repeat right 1px;
	color: #fff;
	padding-right: 20px;
	text-decoration: none;
}

#bannerOverlay p.link a:hover, #bannerOverlay p.link a:focus {
	background: url(../images/li_banneroverlay.gif) no-repeat right -24px;
}
#bannerOverlay p.link a:focus {
	outline: 1px dotted #fff;
}

div.banner-quote {
	position: absolute;
	top: 55px;
	left: 30px;
	color: #1eb53a;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 400px;
	background: url(../images/quote-left.png) no-repeat;
}

div.banner-quote blockquote {
	margin-left: 34px;
	margin-top: 5px;
	overflow: visible;
}

div.banner-quote blockquote p {
	overflow: visible;
	padding-bottom: 20px;
}

div.banner-quote .start-quote {
	display: none;
}

div.banner-quote .end-quote {
	display: inline-block;
	background: url(../images/quote-right.png) no-repeat right bottom;
	width: 27px;
	height: 23px;
	margin-left: 10px;
}

/* @end */

#affiliates {
	color: #999999;
	width: 667px;
	margin-left: 20px;
	height: 120px;
	border-top: 1px solid #d7d9d8;
	border-bottom: 1px solid #d7d9d8;
	padding-top: 30px;
	padding-left: 15px;
	/*background: url(../images/affiliates.gif) no-repeat;*/
}

#affiliates h3 {
	color: #999999;
	margin-bottom: 5px;
}

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

#affiliates li {
	padding-right: 25px;
	float: left;
}

#main-right-column #affiliates {
	margin: 40px 0 0;
	padding: 0;
	width: auto;
	height: auto;
}

#right-column {
	width: 277px;
	float: left;
	background-color: #f0f0f0;
	padding-top: 15px;
}

#main-left-column a:focus,
#main-right-column a:focus,
#right-column a:focus {
	outline: 1px dotted #1eb53a;
}

div.news-item {
	border-bottom: 1px dotted #1eb53a;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

p.date {
	font-weight: bold;
}

a.return {
	text-decoration: none;
	background: url(../images/a_previous.gif) no-repeat right center;
	padding-right: 20px;
}

a.return:hover {
	text-decoration: underline;
}

p.return-to-products {
	position: absolute;
	top: 25px;
	right: 20px;
}

/* @group news block side */

.newsBlock {
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
}

a.readmore {
	text-decoration: none;
	background: url(../images/a_readmore.gif) no-repeat right;
	padding-right: 18px;
	text-transform: lowercase;
}

a.readmore:hover {
	text-decoration: underline;
}

#newsSelect {
	/*background: url(../images/dots.gif) repeat-x 0 bottom;*/
	padding-bottom: 10px;
	padding-top: 10px;
}

#newsSelect ul {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 36px;
	text-indent: -5000px;
	height: 6px;
}

#newsSelect ul li {
	width: 6px;
	float: left;
	height: 6px;
	margin-right: 6px;
}

#newsSelect ul li a {
	width: 6px;
	height: 6px;
	display: block;
	background: url(../images/newsselect.gif) no-repeat;
	overflow: hidden;
}

#newsSelect ul li a:hover,
#newsSelect ul li a:focus,
#newsSelect ul li a.on {
	width: 6px;
	height: 6px;
	display: block;
	background: url(../images/newsselect.gif) no-repeat 0 -6px;
	outline: none;
}

.newsBlock h3 {
	font-size: 1.4em;
	color: #1eb53a;
	padding-bottom: 10px;
	background: url(../images/bg_newsblock-h3.gif) repeat-x 0 bottom;
}

.newsBlock h4 {
	position: absolute;
	right: 25px;
	top: 10px;
	width: 38px;
	height: 34px;
	background: url(../images/bg_newsblock-h4.gif) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 1em;
	padding-left: 8px;
	padding-top: 2px;
	line-height: 1.3em;
}

.newsBlock h4 span.date {
	width: 2em;
	display: block;
	margin-left: 9px;
}

.newsBlock h4 span.day {
	font-size: 1.5em;
}

.newsBlock h5 {
	margin-top: 35px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

/* @end */

/* @group newsletter box */

#newsletter {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	height: 232px;
	width: 217px;
	background: url(../images/newsletter.gif) no-repeat;
	color: #fff;
	position: relative;
}

#newsletter #submitButton {
	position: absolute;
	right: 23px;
	top: 203px;
}

#newsletter #submitButton:focus {
	outline: 1px dotted #fff;
}

#newsletter label {
	display: none;
}

#newsletter .tfieldName {
	position: absolute;
	width: 160px;
	left: 23px;
	top: 115px;
	margin: 2px 0 0 0;
}

#newsletter .tfieldEmail {
	position: absolute;
	width: 160px;
	left: 23px;
	top: 141px;
	margin: 2px 0 0 0;
}

#newsletter .tfieldPhone {
	position: absolute;
	width: 160px;
	left: 23px;
	top: 167px;
	margin: 2px 0 0 0;
}

#newsletter input {
	border: none;
	font: 0.9em Arial, Helvetica, Geneva, sans-serif;
	color: #666;
}

#newsletter h3 {
	font-size: 1.3em;
	padding: 15px;
	padding-bottom: 15px;
}

#newsletter p {
	padding: 15px;
	padding-top: 0;
	padding-bottom: 0;
}

/* @end */

#footer {
	background-color: #383b3e;
	height: 50px;
	width: 1000px;
	font-size: 0.9em;
	line-height: 4.6em;
	color: #999;
	text-indent: 20px;
}

#footer p.copyright {
	float: left;
}

#footer ul {
	float: left;
	font-size: 1em;
}

#social {
	float: right;
	font-size: 1.2em;
}

#social ul {
	float: right;
	margin-right: 10px;
}

#social ul li {
	margin-right: 10px;
}

#social li.fb {
	padding-left: 20px;
	background: url(../images/li-fb.jpg) no-repeat;
	padding-bottom: 5px;
	padding-top: 2px;
}

#social li.tw {
	padding-left: 17px;
	padding-bottom: 5px;
	padding-top: 2px;
	background: url(../images/li-tw.jpg) no-repeat;
}

#footer li {
	display: inline;
	margin-right: 20px;
}

#footer li a {
	color: #999;
}

#footer li a:focus {
	color: #fff;
}

form#form-contact p {
	background: url(../images/form_p_bg.gif) no-repeat right;
}

form#form-contact p input.txtFld {
	background-color: transparent;
	border-style: none;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

form#form-contact p.txtArea {
	background: url(../images/textarea.gif) no-repeat right;
}

form#form-contact p.submit-button {
	background-image: none;
	text-align: right;
}

form#form-contact p.submit-button input:focus {
	outline: 1px dotted #1eb53a;
}

form#form-contact textarea {
	background-color: transparent;
	margin-top: 5px;
	height: 145px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	vertical-align: top;
	margin-bottom: 12px;
	border-style: none;
}

form#form-contact p#jpFrmMessage {
	background-image: none;
	border: 1px solid #1eb53a;
	padding: 3px;
	background-color: #1eb53a;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-opera-border-radius: 10px;
	color: #fff;
}

#form-contact input.txtFld, #form-contact textarea {
	width: 330px;
}

form#form-contact label {
	display: inline-block;
	width: 90px;
}

#slides {
	width: 213px;
	height: 213px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

#slides .images li {
	position: absolute;
	top: 0;
	left: 0;
}

#slides .images a {
	padding-left: 0;
}

ul.controls {
	position: absolute;
	background: url(../images/slides-frame.png) no-repeat;
	top: 0;
	left: 0;
	width: 213px;
	height: 213px;
}

ul.controls li {
	display: block;
	position: absolute;
	text-indent: -5000px;
}

ul.controls li a {
	display: block;
}

li#magnify {
	left: 0;
	top: 0;
}
li#magnify a {
	background: url(../images/slides-magnify.png) no-repeat 10px 180px;
	width: 213px;
	height: 213px;
}

li#prev {
	top: 190px;
	left: 170px;
}
li#prev a {
	background: url(../images/slides-left.png) no-repeat;
	width: 12px;
	height: 12px;
}

li#next {
	top: 190px;
	left: 190px;
}
li#next a {
	background: url(../images/slides-right.png) no-repeat;
	width: 12px;
	height: 12px;
}

div.green-side-box {
	color: #333;
	background: url(../images/green-side-main.gif) no-repeat 0 bottom;
	padding-bottom: 1.5em;
}

#main-column div.green-side-box h3 {
	background: url(../images/green-side-top.gif) no-repeat;
	padding-top: 15px;
	padding-left: 12px;
	color: #333;
}

div.green-side-box ul {
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 1.5em;
}

#main-left-column div.green-side-box li {
	list-style-type: disc;
	margin-bottom: 2px;
}

/* @group site map */

ul.siteMap {
	font-weight: bold;
	line-height: 1.5em;
}
ul.siteMap ul {
	font-weight: normal;
}

/* @end site map */

.hidden {
	display: none;
}

.searchPages {
	background-color: #f0f0f0;
	padding: 3px 5px;
}

.searchPages li {
	display: inline;
	padding-right: 6px;
}

table {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #1fb53a;
}

table td {
	border-top: 1px solid #1fb53a;
}