/* ------------------------------------- MAIN */
body {
	font: 0.69em Arial, Helvetica, sans-serif;
	background: #FFF url(../../images/global/body-bg.png) repeat-x;
	/* behavior:url("includes/htc/csshover.htc"); */
	color: #6F6F6F;
}
h1 {
	font-size: 1.64em;
	font-weight: bold;
	color: #0E6902;
}
.h1-play {
	font-size: 14px;
	font-weight: normal;
	padding: 284px 0 0 60px;
	color: #FFF;
}
.listings h1 {
	float: left;
	margin: 12px 0 0 2px;
	padding: 15px 39px 14px 39px;
	width: 646px;
	/* min height */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	color: #324F08;
	font-size: 1.36em;
}
.static h1 {
	float: left;
	margin: 12px 0 0 2px;
	padding: 7px 16px;
	width: 700px;
	/* min height */
	min-height: 29px;
	height: auto !important;
	height: 29px;
	background: url(../../images/global/h1-categories-bg.gif) top left no-repeat;
	color: #324F08;
	font-size: 1.56em;
}
.news h1 {
	float: left;
	margin: 12px 0 0 2px;
	padding: 15px 20px 14px 20px;
	width: 684px;
	/* min height */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	background: url(../../images/global/h1-news-bg.gif) top left no-repeat;
	color: #324F08;
	font-size: 1.36em;
}
h2 {
	font-size: 1.64em;
	font-weight: bold;
	color: #0E6902;
}
.static h2 {
	float: left;
	margin: 12px 0 12px 2px;
	padding: 7px 16px;
	width: 700px;
	/* min height */
	color: #324F08;
	font-size: 1.27em;
}
p {
/* welcome panel existing style */
	/*margin: 0 0 15px 2px;
	line-height: 1.36em;*/
}
a {
	color: #3C82B4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* IE6 PNG bug fix */
.png {
/* behavior: url("includes/htc/iepngfix.htc");*/
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* ------------------------------------- LAYOUT */
.container {
	margin: auto;
	width: 977px;
}
.header {
	float: left;
	width: 100%;
	/* min height */
	min-height: 89px;
	height: auto !important;
	height: 89px;
}
.leftcolumn {
	display: inline;
	float: left;
	margin: 10px 0 0 1px;
	width: 209px;
}
.centrecolumn {
	display: inline;
	float: left;
	margin: 10px 0 0 13px;
	width: 750px;
}
.centrecolumn .leftcolumn {
	float: left;
	margin: 8px 0 0 0;
	width: 428px;
}
.centrecolumn .rightcolumn {
	display: inline;
	float: left;
	margin: 0 0 0 22px;
	width: 299px;
}
.header .logo {
	display: inline;
	float: left;
	margin: 14px 0 0 3px;
}
.header .tagcall {
	display: inline;
	float: left;
	margin: 18px 0 0 6px;
	width: 289px;
	color: #436378;
	font-size: 1.27em;
	font-style: italic;
	text-align: right;
}
.header .tagline {
	float: right;
	width: 100%;
}
.header .callus {
	float: right;
	margin: 4px 0 0 0;
	width: 100%;
}
.header .callus span {
	font-size: 1.5em;
}
.header .quotebuilder {
	display: inline;
	float: right;
	margin: 18px 5px 0 0;
	width: 221px;
	/* min height */
	min-height: 55px;
	height: auto !important;
	height: 55px;
	background: url(../../images/global/quote-builder.jpg) no-repeat;
}
.header .quotebuilder .inputtxt {
	display: inline;
	float: left;
	margin: 28px 0 0 9px;
	width: 83px;
}
.header .quotebuilder .inputtxt * {
	float: left;
}
.header .quotebuilder .inputtxt .text {
	padding: 2px 0 4px 0;
	width: 75px;
	background: #fff url(../../images/global/input-text-bg.png) repeat-x;
	border: 0;
	color: #3C82B4;
	font-size: 1.09em;
	font-weight: bold;
	text-align: center;
}
.header .quotebuilder .button {
	display: inline;
	float: left;
	margin: 28px 0 0 5px;
}
.header .shoppingbasket {
	display: inline;
	float: right;
	margin: 18px 1px 0 0;
	width: 187px;
	/* min height */
	min-height: 55px;
	height: auto !important;
	height: 55px;
	background: url(../../images/global/shopping-basket.jpg) no-repeat;
}
.header .shoppingbasket .inputtxt {
	display: inline;
	float: left;
	margin: 28px 0 0 9px;
	width: 62px;
}
.header .shoppingbasket .inputtxt * {
	float: left;
}
.header .shoppingbasket .inputtxt .text {
	padding: 2px 0 4px 0;
	width: 54px;
	background: #fff url(../../images/global/input-text-bg.png) repeat-x;
	border: 0;
	color: #3C82B4;
	font-size: 1.09em;
	font-weight: bold;
	text-align: center;
}
.header .shoppingbasket .button {
	display: inline;
	float: left;
	margin: 28px 0 0 4px;
}
.productsearch {
	float: left;
	width: 100%;
	/* min height */
	min-height: 98px;
	height: auto !important;
	height: 98px;
	background: url(../../images/global/product-search-bg.png) no-repeat;
}
.productsearch .txt {
	display: inline;
	float: left;
	margin: 31px 0 0 13px;
	padding: 3px 0 4px 6px;
	width: 174px;
	background: url(../../images/global/input-text-bg2.gif) repeat-x;
	border: 0;
	color: #0F0F0F;
}
.productsearch .button {
	display: inline;
	float: left;
	margin: 6px 0 0 106px;
}
.requestcatalogue {
	float: left;
	margin: 8px 0 0 0;
}
.project {
	float: left;
	margin: 6px -3px 0 0;
	padding: 36px 0 0 15px;
	width: 194px;
	/* min height */
	min-height: 45px;
	height: auto !important;
	height: 45px;
	background: url(../../images/panels/my-project-bg.jpg) no-repeat;
}
/* ------------------------------------- MAIN MENU */
.mainnav {
	float: left;
	position: relative;
	width: 100%;
	background: #44a745 url(../../images/global/main-nav-bg.png) top no-repeat;
	border-bottom: 1px solid #E1E2E3;
	font-size: 1.09em;
	font-weight: bold;
}
.mainnav ul {
	float: left;
	width: 975px;
	border: 1px solid #FDFDFD;
}
.mainnav li {
	float: left;
	padding: 0 0 0 2px;
	width: 137px;
	background: url(../../images/global/main-nav-li-bg.png) left repeat-y;
}
.mainnav li.home {
	padding: 0;
	background: none;
	width: 140px;
}
.mainnav li.home img {
	display: inline;
}
.mainnav a {
	padding: 8px 0 7px 0;
	float: left;
	width: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.mainnav a:hover {
	background: #44a745 url(../../images/global/main-nav-a-hover.png) top repeat-x;
	text-decoration: none;
}
.mainnav li.home a {
	padding: 6px 0 5px 0;
}
.mainnav .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.mainnav .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.mainnav .bl {
	bottom: -1px;
	left: 0;
	position: absolute;
}
.mainnav .br {
	bottom: -1px;
	position: absolute;
	right: 0;
}
.subnav {
	float: left;
	margin: 7px 0 0 0;
	position: relative;
	width: 100%;
	background: url(../../images/global/sub-nav-repeat-bg.png);
}
.subnav ul {
	float: left;
	padding: 30px 0 0 0;
	width: 100%;
	background: url(../../images/global/sub-nav-bg.png) top no-repeat;
}
.subnav li {
	float: left;
	width: 100%;
}
.subnav a {
	display: inline;
	float: left;
	margin: 0 0 0 4px;
	padding: 0 10px;
	position: relative;
	width: 181px;
	color: #324F08;
	font-weight: bold;
	line-height: 2.2em;
	text-decoration: none;
}
.subnavage a {
	margin: 0 0 0 0px;
	padding: 0 10px;
	position: relative;
	width: auto;
}
.subnav a:hover {
	background: #fff;
	clear: both;
	z-index: 1;
	text-decoration: none;
}
.subnav li a img {
	position: absolute;
	left: -999em;
	top: -15px;
}
.subnav li a:hover img {
	left: 158px;
}
.subnav .footer {
	float: left;
	margin: -3px 0 0 0;
}
.subnav .tl {
	clear: both;
	left: 4px;
	position: absolute;
	top: 30px;
}
.subnav .tr {
	clear: both;
	position: absolute;
	right: 4px;
	top: 30px;
}
.ie6 .subnav .tr {
	right: 3px;
}
.subnav .colour-1 {
	background: url(../../images/global/subnav/red.gif) 177px center no-repeat;
}
.subnav .colour-2 {
	background: url(../../images/global/subnav/blue.gif) 177px center no-repeat;
}
.subnav .colour-3 {
	background: url(../../images/global/subnav/blue-2.gif) 177px center no-repeat;
}
.subnav .colour-4 {
	background: url(../../images/global/subnav/purple.gif) 177px center no-repeat;
}
.subnav .colour-5 {
	background: url(../../images/global/subnav/green.gif) 177px center no-repeat;
}
.subnav .colour-6 {
	background: url(../../images/global/subnav/orange.gif) 177px center no-repeat;
}
.subnav .colour-7 {
	background: url(../../images/global/subnav/green-3.gif) 177px center no-repeat;
}
.subnav .colour-8 {
	background: url(../../images/global/subnav/green-2.gif) 177px center no-repeat;
}
.subnav .colour-9 {
	background: url(../../images/global/subnav/pink.gif) 177px center no-repeat;
}
.subnav .colour-10 {
	background: url(../../images/global/subnav/brown.gif) 177px center no-repeat;
}
.subnav .colour-11 {
	background: url(../../images/global/subnav/grey.gif) 177px center no-repeat;
}
.subnav .colour-12 {
	background: url(../../images/global/subnav/brown.gif) 177px center no-repeat;
}
.subnav .colour-13 {
	background: url(../../images/global/subnav/green-3.gif) 177px center no-repeat;
}
.subnav .selected {
	padding: 0 12px;
	width: 185px;
}
.subnav .selected a {
	color: #fff;
	margin: 0;
	padding: 0 8px;
	width: 169px;
}
.subnav .selected a:hover img {
	left: -999em;
}
.subnav ul ul {
	padding: 0;
	background: #fff;
}
.subnav ul .selected ul a {
	color: #3C82B4;
	font-weight: normal;
}
.subnavage ul {
	background: url(../../images/global/subage-nav-twitter-bg.png) left top no-repeat;
	margin: auto;
}
.subnavage li {
	margin: 0 0 0 0;
}
.subnavage a {
	position: relative;
}
.subnavage .bl {
	clear: both;
	bottom: 0;
	left: 0;
	position: absolute;
	top: auto;
}
.subnavage a:hover .bl {
	left: 0;
}
.subnavage .br {
	bottom: 0;
	clear: both;
	left: auto;
	position: absolute;
	right: 0;
	top: auto;
}
.subnavage a:hover .br {
	left: auto;
}
.subnavage .tl {
	clear: both;
	left: 0;
	position: absolute;
	top: 0;
}
.subnavage a:hover .tl {
	left: 0;
}
.subnavage .tr {
	clear: both;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.ie6 .subnavage .tr {
	right: -1px;
}
.subnavage a:hover .tr {
	left: auto;
}
.subnavage a span {
	cursor: pointer;
}
.subnavage a .left {
	float: left;
	width: 50%;
}
.subnavage a .right {
	float: left;
	width: 50%;
	text-align: right;
}
.subnavage .age1 a {
	background: #F5F9F2;
}
.subnavage .age1 a:hover {
	background: #fff;
}
.subnavage .age2 a {
	background: #DFEAD1;
}
.subnavage .age2 a:hover {
	background: #fff;
}
.subnavage .age3 a {
	background: #C9DCB3;
}
.subnavage .age3 a:hover {
	background: #fff;
}
.subnavage .age4 a {
	background: #B5D398;
}
.subnavage .age4 a:hover {
	background: #fff;
}
/* ------------------------------------- CONTENT */
.productpromo {
	float: left;
	position: relative;
	width: 748px;
	/* min height */
	min-height: 392px;
	height: auto !important;
	height: 392px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
}
.productpromo .productimage {
	display: inline;
	float: left;
	margin: 28px 0 0 34px;
	width: 475px;
	/* min height */
	min-height: 337px;
	height: auto !important;
	height: 337px;
}
.productpromo .viewall {
	bottom: 0;
	left: -1px;
	position: absolute;
}
.productpromo .tl {
	left: -1px;
	position: absolute;
	top: 0;
}
.productpromo .tr {
	position: absolute;
	right: -1px;
	top: 0;
}
.productpromo .paneldesc {
	display: inline;
	float: right;
	margin: 29px 24px 0 0;
	padding: 15px 19px 26px 19px;
	position: relative;
	width: 150px;
	background: #EEEEEE;
}
.productpromo .paneldesc .title {
	float: left;
	width: 100%;
	color: #0E6902;
	font-weight: bold;
	font-size: 1.09em;
}
.productpromo .paneldesc .text {
	float: left;
	margin: 4px 0 0 0;
	width: 100%;
	line-height: 1.27em;
}
.productpromo .paneldesc .links {
	float: left;
	margin: 5px 0 0 0;
	width: 100%;
	line-height: 1.64em;
}
.productpromo .paneldesc .links a {
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: url(../../images/global/arrow.gif) left center no-repeat;
}
.productpromo .paneldesc .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.productpromo .paneldesc .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.productpromo .paneldesc .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.productpromo .paneldesc .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.welcomepanel {
	display: inline;
	float: left;
	margin: 19px 0 0 7px;
	width: 255px;
}
.welcomepanel .title {
	margin: 0 0 7px 0;
}
.welcomepanel p {
	margin: 0 0 15px 2px;
	line-height: 1.36em;
}
.selectedprod {
	display: inline;
	float: left;
	margin: 19px 0 0 19px;/*height:218px;*/
}
.leftcolumn .selectedprod {
	float: left;
	margin: 8px 0 0;
}
.whatsnew {
	display: inline;
	float: left;
	margin: 19px 0 0 18px;
	position: relative;
	width: 222px;
	/*height: 216px;*/
	border-left: 2px solid #CDE2B5;
	border-top: 2px solid #CDE2B5;
	border-right: 2px solid #CDE2B5;
}
.whatsnew .image {
	float: left;
	height: 167px;
	overflow: hidden;
	width: 222px;/* min height *//*min-height: 188px;
	height: auto !important;
	height: 188px;*/
}
.whatsnew .text {
	float: left;
	padding: 0 7px 8px 7px;
	position: relative;
	width: 208px;
	/* min height */
	min-height: 14px;
	height: auto !important;
	height: 13px;
	background: #CDE2B5;
	color: #324F08;
	font-weight: bold;
	text-align: right;
}
.whatsnew .text:hover {
	text-decoration: none;
}
.whatsnew .text .footer {
	position: absolute;
	left: -2px;
	top: -19px;
	width: 226px;
}
.whatsnew .banner {
	float: left;
	padding: 3px 9px 4px 9px;
	width: 204px;
	font-size: 1.5em;
	font-weight: bold;
	background: url(../../images/global/links-title-bg.gif) top left repeat-x;
	color: #fff;
	text-decoration: none;
}
.whatsnew .banner:hover {
	text-decoration: none;
}
.whatsnew .tl {
	left: -2px;
	position: absolute;
	top: -2px;
}
.whatsnew .tr {
	position: absolute;
	right: -2px;
	top: -2px;
}
.whatsnew .bl {
	bottom: 0;
	left: -2px;
	position: absolute;
}
.whatsnew .br {
	bottom: 0;
	position: absolute;
	right: -2px;
}
.breadcrumb {
	display: inline;
	float: left;
	margin: 0 0 0 4px;
	width: 746px;
}
.breadcrumb a {
	margin: 0 3px;
}
.titlelinks {
	display: inline;
	float: left;
	margin: 11px 0 0 4px;
	width: 746px;
}
.titlelinks {
	float: left;
	width: 100%;
}
.titlelinks .title, titlelinks .links {
	float: left;
	width: 50%;
}
.titlelinks .links {
	position: relative;
}
.titlelinks .links .tl {
	position: absolute;
	left: -1px;
	top: -1px;
	display: block;
	float: none;
	margin: 0;
}
.titlelinks .links .tr {
	position: absolute;
	right: -1px;
	top: -1px;
	display: block;
	float: none;
	margin: 0;
}
.ie6 .titlelinks .links .tr {
	right: -2px;
}
.titlelinks .links .bl {
	position: absolute;
	bottom: -1px;
	left: -1px;
	display: block;
	float: none;
	margin: 0;
}
.ie6 .titlelinks .links .bl {
	bottom: -2px;
}
.titlelinks .links .br {
	position: absolute;
	bottom: -1px;
	right: -1px;
	display: block;
	float: none;
	margin: 0;
}
.ie6 .titlelinks .links .br {
	bottom: -2px;
	right: -2px;
}
.titlelinks h1 {
	float: left;
	width: 100%;
}
.titlelinks .agerange {
	float: left;
	margin: 2px 0 0 0;
	width: 100%;
	font-size: 1.09em;
}
.titlelinks .links {
	float: right;
	margin: 3px 6px 0 0;
	width: 296px;
	background: url(../../images/global/links-bg.gif) top left repeat-x;
	border: 1px solid #CADFEC;
	display:inline;
}
.titlelinks .links .title {
	float: left;
	margin: -1px;
	padding: 9px 8px;
	position: relative;
	width: auto;
	background: url(../../images/global/links-title-bg.gif) top left repeat-x;
	border-right: 1px solid #6F93AB;
	color: #fff;
	font-weight: bold;
	font-size: 1.09em;
}
.titlelinks .links img {
	display: inline;
	float: right;
	margin: 4px 8px 0 0;
}
#linkinfo-1, #linkinfo-2, #linkinfo-3, #linkinfo-4, #linkinfo-5, #linkinfo-6, #linkinfo-7, #linkinfo-8, #linkinfo-9 {
	display: none;
	position: absolute;
}
.gallery {
	float: left;
	width: 100%;
}
.gallery .mainimage {
	float: left;
	position: relative;
	width: 338px;
	/* min height */
	/*min-height: 338px;
	height: auto !important;
	height: 338px;*/
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #C3C3C3;
}
.gallery .mainimage .tl {
	left: -1px;
	position: absolute;
	top: -1px;
}
.gallery .mainimage .tr {
	position: absolute;
	right: -1px;
	top: -1px;
}
.gallery .mainimage .bl {
	bottom: -1px;
	left: -1px;
	position: absolute;
}
.gallery .mainimage .br {
	bottom: -1px;
	position: absolute;
	right: -1px;
}
.gallery .mainimage .newproduct {
	bottom: -4px;
	position: absolute;
	right: -4px;
}
.gallery .thumbs {
	float: right;
	width: 78px;
}
.gallery .thumb {
	float: left;
	margin: 0 0 8px 0;
	position: relative;
	width: 76px;
	border: 1px solid #FFFFFF;
}
.gallery .thumb .tl {
	clear: both;
	left: -1px;
	position: absolute;
	top: -1px;
}
.gallery .thumb .tr {
	clear: both;
	position: absolute;
	right: -1px;
	top: -1px;
}
.gallery .thumb .bl {
	clear: both;
	bottom: -1px;
	left: -1px;
	position: absolute;
}
.gallery .thumb .br {
	clear: both;
	bottom: -1px;
	position: absolute;
	right: -1px;
}
.gallery .thumb img {
	display: none;
}
.gallery .thumb:hover, .gallery .selected {
	border: 1px solid #C4DBEC;
	display: block;
}
.gallery .thumb:hover img, .gallery .selected img {
	display: block;
}
.gallery .thumb .image {
	display: block;
	position: relative;
	float: left;
}
.gallery .thumb .image img {
	display: block;
}
.gallery .thumb .image .tl {
	clear: both;
	left: 0;
	position: absolute;
	top: 0;
}
.gallery .thumb .image .tr {
	clear: both;
	position: absolute;
	right: 0;
	top: 0;
}
.gallery .thumb .image .bl {
	clear: both;
	bottom: 0;
	left: 0;
	position: absolute;
}
.gallery .thumb .image .br {
	clear: both;
	bottom: 0;
	position: absolute;
	right: 0;
}
.infopanel {
	float: left;
	margin: 11px 0 0 0;
	position: relative;
	width: 100%;
	color: #5f5f5f;
}
.infopanel .bl {
	clear: both;
	bottom: 0;
	left: 0;
	position: absolute;
}
.ie6 .infopanel .bl {
	bottom: -1px;
}
.infopanel .br {
	clear: both;
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .infopanel .br {
	bottom: -1px;
}
.infopanel .buttons {
	float: left;
	margin: 0 0 -1px 0;
	width: 100%;
}
.infopanel .buttons a {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	/*padding: 6px 17px;*/
	padding: 6px 14px;
	position: relative;
	background: #e1e1e1;
	border: 1px solid #c8c8c8;
	color: #0e6902;
	font-size: 1.09em;
	font-weight: bold;
}
.infopanel .buttons a .tl {
	left: -1px;
	position: absolute;
	top: -1px;
}
.infopanel .buttons a .tr {
	position: absolute;
	right: -1px;
	top: -1px;
}
.ie6 .infopanel .buttons a .tr {
	right: -2px;
}
.infopanel .buttons a:hover, .infopanel .buttons .selected {
	background: #f7f7f7;
	border-bottom: 1px solid #f0f0f0;
	color: #61b211;
	text-decoration: none;
}
.infopanel .content {
	float: left;
	padding: 13px 18px;
	width: 390px;
	background: #f7f7f7;
	border: 1px solid #c8c8c8;
}
.infopanel li {
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	background: url(../../images/panels/info-bullet.gif) 0 5px no-repeat;
}
.productoptions {
	float: left;
	width: 100%;
}
.productoptions .text {
	float: left;
	padding: 7px 0 10px 0;
	width: 100%;
	font-size: 1.09em;
}
.productoptions form {
	float: left;
	padding: 7px 0 15px 0;
	position: relative;
	width: 100%;
	background: #E1EEF5;
	color: #0F0F0F;
}
.productoptions .row {
	float: left;
	margin: 4px 0 0 0;
	padding: 0 14px;
	width: 271px;
}
.productoptions .row.option_error {
	float: left;
	margin: 3px 0px 3px 15px;
	display: inline;
	width: 247px;
	padding: 10px;
	border: 1px solid #d00a0a;
	background: #fcd0d0;
}
.productoptions .divider {
	display: inline;
	float: left;
	margin: 13px 0 0 14px;
	width: 271px;
	border-top: 1px solid #9BC7D7;
	border-bottom: 1px solid #FDFDFD;
	line-height: 0;
}
.productoptions label, .productoptions select {
	float: left;
	width: 100%;
}
.productoptions label {
	margin: 0 0 2px 0;
	color: #3C5B6E;
	font-size: 1.09em;
}
.productoptions select {
	color: #0F0F0F;
}
.productoptions .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.productoptions .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.ie6 .productoptions .tr {
	right: -1px;
}
.productoptions .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.ie6 .productoptions .bl {
	bottom: -1px;
}
.productoptions .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .productoptions .br {
	bottom: -1px;
}
.productoptions .quantity {
	float: left;
	margin: 2px 0 10px 0;
	padding: 0 0 0 2px;
	width: 133px;
}
.productoptions .total {
	float: left;
	margin: 2px 0 10px 0;
	padding: 0 2px 0 0;
	width: 133px;
}
.productoptions .quantity *, .productoptions .total * {
	vertical-align: middle;
}
.productoptions .quantity label, .productoptions .total label {
	float: none;
	margin: 4px 5px 0 0;
	width: auto;
}
.productoptions .quantity img {
	display: inline;
}
.productoptions .quantity input {
	padding: 4px 0;
	width: 29px;
	background: #fff url(../../images/global/quantity-bg.gif) top repeat-x;
	border: 0;
	text-align: center;
}
.safari .productoptions .quantity input {
	padding: 5px 0;
}
.chrome .productoptions .quantity input {
	padding: 4px 0;
}
.productoptions .total {
	text-align: right;
}
.productoptions .total span {
	font-size: 1.82em;
}
.productoptions .quote {
	float: left;
}
.productoptions .basket {
	float: right;
}
.productoptions .emaildownload {
	float: left;
	margin: 11px 0 0 0;
	width: 100%;
}
.productoptions .emaildownload .email {
	float: left;
}
.productoptions .emaildownload .download {
	float: right;
}
.alsolike {
	float: left;
	margin: 14px 0 0 0;
	padding: 0 0 12px 0;
	position: relative;
	width: 100%;
	background: url(../../images/panels/also-like-bg.gif) 0 25px repeat-x;
}
.alsolike .title {
	float: left;
	margin: 0 0 0 6px;
}
.alsolike .row {
	float: left;
	margin: 0 0 0 -25px;
	width: 775px;
}
.alsolike .product {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	width: 150px;
}
.alsolike .image {
	display: inline;
	float: left;
	margin: 24px 0 0 11px;
	position: relative;
	width: 126px;
	border: 1px solid #C4DBEC;
}
.alsolike .image .tl {
	left: -1px;
	position: absolute;
	top: -1px;
}
.alsolike .image .tr {
	position: absolute;
	right: -1px;
	top: -1px;
}
.alsolike .image .bl {
	bottom: -1px;
	left: -1px;
	position: absolute;
}
.alsolike .image .br {
	bottom: -1px;
	position: absolute;
	right: -1px;
}
.alsolike .image .br {
	bottom: -1px;
	position: absolute;
	right: -1px;
}
.alsolike .desc {
	float: left;
	margin: 6px 0 0 0;
	width: 100%;
	color: #3C82B4;
	font-weight: bold;
	text-align: center;
}
.alsolike .desc:hover {
	text-decoration: none;
}
.alsolike .newproduct {
	bottom: -4px;
	position: absolute;
	right: -4px;
}
.alsolike .tl {
	left: 0;
	position: absolute;
	top: 25px;
}
.alsolike .tr {
	position: absolute;
	right: 0;
	top: 25px;
}
.introtext {
	float: left;
	margin: -9px 0 0 0;
	padding: 0 14px 11px 14px;
	width: 722px;
	color: #5F5F5F;
	font-size: 1.09em;
	line-height: 1.5em;
}
.catpanels {
	float: left;
	margin: -18px 0 0 0;
	width: 100%;
}
.catpanels .row {
	float: left;
	margin: 18px 0 0 0;
	width: 100%;
}
.catpanels .panel {
	display: inline;
	float: left;
	margin: 0 0 0 16px;
	position: relative;
	width: 222px;
	height: 230px;
}
.catpanels .panel .tl {
	clear: both;
	height: 7px;
	left: -2px;
	position: absolute;
	top: -2px;
	width: 7px;
}
.catpanels .panel .tr {
	clear: both;
	height: 7px;
	position: absolute;
	right: -2px;
	top: -2px;
	width: 7px;
}
.catpanels .panel .bl {
	bottom: -2px;
	left: -2px;
	position: absolute;
}
.ie6 .catpanels .panel .bl {
	bottom: -3px;
}
.catpanels .panel .br {
	bottom: -2px;
	position: absolute;
	right: -2px;
}
.ie6 .catpanels .panel .br {
	bottom: -3px;
}
.catpanels .panel .image {
	float: left;
	width: 100%;
	height: 192px;
	clear: both;
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
}
.catpanels .panel .desc {
	float: left;
	padding: 1px 12px 4px 12px;
	position: relative;
	width: 198px;
	color: #fff;
	font-size: 1.09em;
	font-weight: bold;
	text-align: right;
}
.catpanels .panel .desc:hover {
	text-decoration: none;
}
.catpanels .panel .desc .divider {
	height: 14px;
	left: 0;
	position: absolute;
	top: -14px;
	width: 222px;
	cursor: pointer;
}
/* ------------------------------------- COLOUR 1 */
.listings h1.colour-1 {
	background: #E63C3C url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-1 {
	background: #E63C3C;
}
.catpanels .panel.colour-1 {
	background: #E63C3C;
	border: 2px solid #E63C3C;
}
.ie .catpanels .panel.colour-1 {
	background: #E33131;
	border: 2px solid #E33131;
}
.catpanels .panel.colour-1 .tl {
	background: url(../../images/global/panelcorners/colour-1-tl.png);
}
.catpanels .panel.colour-1 .tr {
	background: url(../../images/global/panelcorners/colour-1-tr.png);
}
.catpanels .panel.colour-1 .desc .divider {
	background: url(../../images/global/panelcorners/colour-1-divider.png);
}
/* ------------------------------------- COLOUR 2 */
.listings h1.colour-2 {
	background: #3A5598 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-2 {
	background: #3A5598;
}
.catpanels .panel.colour-2 {
	background: #3A5598;
	border: 2px solid #3A5598;
}
.ie .catpanels .panel.colour-2 {
	background: #2F498E;
	border: 2px solid #2F498E;
}
.catpanels .panel.colour-2 .tl {
	background: url(../../images/global/panelcorners/colour-2-tl.png);
}
.catpanels .panel.colour-2 .tr {
	background: url(../../images/global/panelcorners/colour-2-tr.png);
}
.catpanels .panel.colour-2 .desc .divider {
	background: url(../../images/global/panelcorners/colour-2-divider.png);
}
/* ------------------------------------- COLOUR 3 */
.listings h1 {
	background: #33ADE6 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-3 {
	background: #33ADE6;
}
.catpanels .panel.colour-3 {
	background: #33ADE6;
	border: 2px solid #33ADE6;
}
.ie .catpanels .panel.colour-3 {
	background: #29A4E3;
	border: 2px solid #29A4E3;
}
.catpanels .panel.colour-3 .tl {
	background: url(../../images/global/panelcorners/colour-3-tl.png);
}
.catpanels .panel.colour-3 .tr {
	background: url(../../images/global/panelcorners/colour-3-tr.png);
}
.catpanels .panel.colour-3 .desc .divider {
	background: url(../../images/global/panelcorners/colour-3-divider.png);
}
/* ------------------------------------- COLOUR 4 */
.listings h1.colour-4 {
	background: #7A49EB url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-4 {
	background: #7A49EB;
}
.catpanels .panel.colour-4 {
	background: #7A49EB;
	border: 2px solid #7A49EB;
}
.ie .catpanels .panel.colour-4 {
	background: #6E3EE8;
	border: 2px solid #6E3EE8;
}
.catpanels .panel.colour-4 .tl {
	background: url(../../images/global/panelcorners/colour-4-tl.png);
}
.catpanels .panel.colour-4 .tr {
	background: url(../../images/global/panelcorners/colour-4-tr.png);
}
.catpanels .panel.colour-4 .desc .divider {
	background: url(../../images/global/panelcorners/colour-4-divider.png);
}
/* ------------------------------------- COLOUR 5 Play Nature */
.listings h1.colour-5 {
	background: #9abd0d url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-5 {
	background: #9abd0d;
}
.catpanels .panel.colour-5 {
	background: #9abd0d;
	border: 2px solid #9abd0d;
}
.ie .catpanels .panel.colour-5 {
	background: #99cc00;
	border: 2px solid #99cc00;
}
.catpanels .panel.colour-5 .tl {
	background: url(../../images/global/panelcorners/colour-7-tl.png);
}
.catpanels .panel.colour-5 .tr {
	background: url(../../images/global/panelcorners/colour-7-tr.png);
}
.catpanels .panel.colour-5 .desc .divider {
	background: url(../../images/global/panelcorners/colour-7-divider.png);
}
/* ------------------------------------- COLOUR 6 */
.listings h1.colour-6 {
	background: #E18917 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-6 {
	background: #E18917;
}
.catpanels .panel.colour-6 {
	background: #E18917;
	border: 2px solid #E18917;
}
.ie .catpanels .panel.colour-6 {
	background: #DD7E11;
	border: 2px solid #DD7E11;
}
.catpanels .panel.colour-6 .tl {
	background: url(../../images/global/panelcorners/colour-6-tl.png);
}
.catpanels .panel.colour-6 .tr {
	background: url(../../images/global/panelcorners/colour-6-tr.png);
}
.catpanels .panel.colour-6 .desc .divider {
	background: url(../../images/global/panelcorners/colour-6-divider.png);
}
/* ------------------------------------- COLOUR 7 */
.listings h1.colour-7 {
	background: #28a136 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-7 {
	background: #28a136;
}
.catpanels .panel.colour-7 {
	background: #28a136;
	border: 2px solid #28a136;
}
.ie .catpanels .panel.colour-7 {
	background: #339933;
	border: 2px solid #339933;
}
.catpanels .panel.colour-7 .tl {
	background: url(../../images/global/panelcorners/colour-9-tl.png);
}
.catpanels .panel.colour-7 .tr {
	background: url(../../images/global/panelcorners/colour-9-tr.png);
}
.catpanels .panel.colour-7 .desc .divider {
	background: url(../../images/global/panelcorners/colour-9-divider.png);
}
/* ------------------------------------- COLOUR 8 */
.listings h1.colour-8 {
	background: #376032 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-8 {
	background: #376032;
}
.catpanels .panel.colour-8 {
	background: #376032;
	border: 2px solid #376032;
}
.ie .catpanels .panel.colour-8 {
	background: #2D5428;
	border: 2px solid #2D5428;
}
.catpanels .panel.colour-8 .tl {
	background: url(../../images/global/panelcorners/colour-8-tl.png);
}
.catpanels .panel.colour-8 .tr {
	background: url(../../images/global/panelcorners/colour-8-tr.png);
}
.catpanels .panel.colour-8 .desc .divider {
	background: url(../../images/global/panelcorners/colour-8-divider.png);
}
/* ------------------------------------- COLOUR 9 Safty Surfacing */
.listings h1.colour-9 {
	background: #BE3FAB url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-9 {
	background: #BE3FAB;
}
.catpanels .panel.colour-9 {
	background: #BE3FAB;
	border: 2px solid #BE3FAB;
}
.ie .catpanels .panel.colour-9 {
	background: #BE3FAB;
	border: 2px solid #BE3FAB;
}
.catpanels .panel.colour-9 .tl {
	background: url(../../images/global/panelcorners/colour-5-tl.png);
}
.catpanels .panel.colour-9 .tr {
	background: url(../../images/global/panelcorners/colour-5-tr.png);
}
.catpanels .panel.colour-9 .desc .divider {
	background: url(../../images/global/panelcorners/colour-5-divider.png);
}
/* ------------------------------------- COLOUR 10 Materials */
.listings h1.colour-10 {
	background: #5c3f12 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-10 {
	background: #5c3f12;
}
.catpanels .panel.colour-10 {
	background: #5c3f12;
	border: 2px solid #5c3f12;
}
.ie .catpanels .panel.colour-10 {
	background: #663300;
	border: 2px solid #663300;
}
.catpanels .panel.colour-10 .tl {
	background: url(../../images/global/panelcorners/colour-11-tl.png);
}
.catpanels .panel.colour-10 .tr {
	background: url(../../images/global/panelcorners/colour-11-tr.png);
}
.catpanels .panel.colour-10 .desc .divider {
	background: url(../../images/global/panelcorners/colour-11-divider.png);
}
/* ------------------------------------- COLOUR 11 Consultation */
.listings h1.colour-11 {
	background: #8b8c91 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-11 {
	background: #8b8c91;
}
.catpanels .panel.colour-11 {
	background: #8b8c91;
	border: 2px solid #8b8c91;
}
.ie .catpanels .panel.colour-11 {
	background: #999999;
	border: 2px solid #999999;
}
.catpanels .panel.colour-11 .tl {
	background: url(../../images/global/panelcorners/colour-13-tl.png);
}
.catpanels .panel.colour-11 .tr {
	background: url(../../images/global/panelcorners/colour-13-tr.png);
}
.catpanels .panel.colour-11 .desc .divider {
	background: url(../../images/global/panelcorners/colour-13-divider.png);
}
/* ------------------------------------- COLOUR 12 */
.listings h1.colour-12 {
	background: #5C3F12 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-12 {
	background: #5C3F12;
}
.catpanels .panel.colour-12 {
	background: #5C3F12;
	border: 2px solid #5C3F12;
}
.ie .catpanels .panel.colour-12 {
	background: #50340D;
	border: 2px solid #50340D;
}
.catpanels .panel.colour-12 .tl {
	background: url(../../images/global/panelcorners/colour-12-tl.png);
}
.catpanels .panel.colour-12 .tr {
	background: url(../../images/global/panelcorners/colour-12-tr.png);
}
.catpanels .panel.colour-12 .desc .divider {
	background: url(../../images/global/panelcorners/colour-12-divider.png);
}
/* ------------------------------------- COLOUR 13 */
.listings h1.colour-13 {
	background: #8B8C91 url(../../images/global/h1-bg.gif) top left no-repeat;
}
.subnav .selected .colour-13 {
	background: #8B8C91;
}
.catpanels .panel.colour-13 {
	background: #8B8C91;
	border: 2px solid #8B8C91;
}
.ie .catpanels .panel.colour-13 {
	background: #808186;
	border: 2px solid #808186;
}
.catpanels .panel.colour-13 .tl {
	background: url(../../images/global/panelcorners/colour-13-tl.png);
}
.catpanels .panel.colour-13 .tr {
	background: url(../../images/global/panelcorners/colour-13-tr.png);
}
.catpanels .panel.colour-13 .desc .divider {
	background: url(../../images/global/panelcorners/colour-13-divider.png);
}
.pagecontent {
	float: left;
	padding: 0 19px 20px 19px;
	width: 712px;
	color: #5F5F5F;
	font-size: 1.09em;
	line-height: 1.33em;
}
.centrecolumn p {
	margin: 18px 0 0 0;
}
.centrecolumn ul, .centrecolumn ol {
	margin: 18px 0 0 18px;
	line-height: 1.75em;
}
.centrecolumn ul li {
	padding: 0 0 0 16px;
	background: url(../../images/global/li-background.gif) 0 -999px no-repeat; /* was 0 7 px */
}
.pageimage {
	display: inline;
	float: right;
	margin: 21px -4px 20px 20px;
	padding: 0 0 2px 0;
	position: relative;
	background: url(../../images/global/page-image-bg.gif) bottom repeat-x;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
}
.pageimage .tl {
	left: -1px;
	position: absolute;
	top: 0;
}
.pageimage .tr {
	position: absolute;
	right: -1px;
	top: 0;
}
.pageimage .bl {
	bottom: 0;
	left: -1px;
	position: absolute;
}
.ie6 .pageimage .bl {
	bottom: -1px;
}
.pageimage .br {
	bottom: 0;
	position: absolute;
	right: -1px;
}
.ie6 .pageimage .br {
	bottom: -1px;
}
.loggedin {
	display: inline;
	float: left;
	margin: 4px 0 0 15px;
	padding: 5px 9px;
	position: relative;
	width: 699px;
	background: #F2F2F2;
}
.loggedin .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.loggedin .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.loggedin .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.loggedin .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.loggedin .thumb {
	float: left;
	height: 35px;
	position: relative;
	width: 35px;
	background: #fff;
	border: 1px solid #BBBBBB;
}
.loggedin .thumb .tl {
	left: -1px;
	position: absolute;
	top: -1px;
}
.loggedin .thumb .tr {
	position: absolute;
	right: -1px;
	top: -1px;
}
.ie6 .loggedin .thumb .tr {
	right: -2px;
}
.loggedin .thumb .bl {
	bottom: -1px;
	left: -1px;
	position: absolute;
}
.ie6 .loggedin .thumb .bl {
	bottom: -2px;
}
.loggedin .thumb .br {
	bottom: -1px;
	position: absolute;
	right: -1px;
}
.ie6 .loggedin .thumb .br {
	bottom: -2px;
	right: -2px;
}
.loggedin .details {
	display: inline;
	float: left;
	margin: 3px 0 0 13px;
}
.loggedin .details span {
	color: #61B211;
	font-size: 1.36em;
	font-weight: bold;
}
.loggedin .logout {
	display: inline;
	float: right;
	margin: 6px 4px 0 0;
}
.projectdetails {
	display: inline;
	float: left;
	margin: 11px 0 0 15px;
	position: relative;
	width: 713px;
	background: #C3AF92;
	border: 2px solid #C2B295;
}
.projectdetails .tl {
	left: -2px;
	position: absolute;
	top: -2px;
}
.projectdetails .tr {
	position: absolute;
	right: -2px;
	top: -2px;
}
.projectdetails .br {
	bottom: -2px;
	position: absolute;
	right: -2px;
}
.projectdetails .bl {
	bottom: -2px;
	left: -2px;
	position: absolute;
}
.projectdetails .title {
	float: left;
	padding: 8px 14px;
	position: relative;
	width: 685px;
	color: #fff;
	font-size: 1.09em;
	font-weight: bold;
}
.projectdetails .projectdownloads {
	float: left;
	padding: 0 0 25px 0;
	width: 100%;
	background: #F4EDE4;
}
.projectdetails .row {
	float: left;
	margin: 12px 0 0 0;
	width: 100%;
}
.projectdetails .item {
	display: inline;
	float: left;
	margin: 0 0 0 9px;
	width: 131px;
}
.projectdetails .item .icon {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.projectdetails .item .icon img {
	display: inline;
}
.projectdetails .item .text {
	float: left;
	padding: 7px 0 0 0;
	width: 100%;
	text-align: center;
}
.projectdetails .item .filetype {
	float: left;
	margin: 0 -3px 0 0;
	width: 100%;
	text-align: center;
}
.paging {
	display: inline;
	float: left;
	margin: 15px 0 0 15px;
	padding: 8px 4px 8px 13px;
	position: relative;
	width: 700px;
	background: #F2F2F2;
	font-size: 1.09em;
}
.paging .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.paging .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.paging .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.paging .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.paging .prev {
	height: 25px;
	position: absolute;
	right: 75px;
	top: 4px;
	width: 67px;
	background: url(../../images/buttons/prev.gif) no-repeat;
}
.paging .prev.ghost {
	background: url(../../images/buttons/prev-ghost.gif) no-repeat;
}
.paging .next {
	height: 25px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: 67px;
	background: url(../../images/buttons/next.gif) no-repeat;
}
.paging .next.ghost {
	background: url(../../images/buttons/next-ghost.gif) no-repeat;
}
.newslisting {
	display: inline;
	float: left;
	margin: 3px 0 0 23px;
	width: 707px;
}
.newslisting .row {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}
.newslisting .thumbholder {
	float: left;
	height: 132px;
	position: relative;
	width: 167px;
}
.newslisting .thumb {
	display: inline;
	float: left;
	height: 106px;
	margin: 14px 0 0 16px;
	overflow: hidden;
	width: 141px;
}
.newslisting .cover {
	left: 0;
	position: absolute;
	top: 0;
}
.newslisting .text {
	display: inline;
	float: left;
	margin: 15px 0 0 15px;
	width: 525px;
}
.newslisting .title {
	font-size: 1.09em;
}
.newslisting p {
	margin: 11px 0 0 0;
	font-size: 1.09em;
}
.downloads {
	display: inline;
	float: left;
	margin: -2px 0 0 3px;
	width: 729px;
}
.downloads .row {
	float: left;
	margin: 9px 0 0 0;
	width: 100%;
}
.downloads .item {
	display: inline;
	float: left;
	margin: 0 0 0 11px;
	padding: 15px 0;
	position: relative;
	width: 232px;
	background: #F1EBE2;
}
.downloads .icon {
	float: left;
	width: 57px;
	text-align: right;
}
.downloads .icon img {
	display: inline;
}
.downloads .text {
	float: left;
	padding: 0 13px 0 12px;
	width: 150px;
	font-size: 1.09em;
}
.downloads .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.downloads .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.downloads .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.downloads .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.prodbasket {
	display: inline;
	float: left;
	margin: 8px 0 0 16px;
	padding: 6px 6px 18px 6px;
	position: relative;
	width: 511px;
	background: #F4F4F4;
	font-size: 1.09em;
}
.prodbasket .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.prodbasket .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.prodbasket .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.prodbasket .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.prodbasket .update {
	float: left;
	padding: 4px 0;
	position: relative;
	width: 100%;
	background: #FDFDFD;
	font-size: 0.92em;
	text-align: right;
}
.prodbasket .update .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.prodbasket .update .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.ie6 .prodbasket .update .tr {
	right: -1px;
}
.prodbasket .update .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .prodbasket .update .br {
	bottom: -1px;
	right: -1px;
}
.prodbasket .update .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.ie6 .prodbasket .update .bl {
	bottom: -1px;
	left: -1px;
}
.prodbasket .update * {
	vertical-align: middle;
}
.prodbasket .update .button {
	margin: 0 4px 0 5px;
}
.prodbasket table {
	float: left;
	padding: 0 0 18px 0;
	width: 100%;
}
.prodbasket tr {
	background: url(../../images/global/divider.gif) top repeat-x;
}
.prodbasket tr.title {
	background: none;
	color: #3C5B6E;
	font-weight: normal;
}
.prodbasket td {
	padding: 11px 0 10px 0;
}
.prodbasket a {
	font-weight: bold;
}
.prodbasket input.txt {
	padding: 2px 0;
	width: 37px;
	background: #fff url(../../images/global/quote-input-bg.gif) repeat-x;
	border-top: 1px solid #B1B1B1;
	border-bottom: 1px solid #F7F7F7;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E3E3E3;
	text-align: center;
}
.prodbasket .inputwrapper {
	float: left;
	position: relative;
	width: 100%;
}
.prodbasket td .inputwrapper .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.ie .prodbasket td .inputwrapper .tl {
	top: 1px;
}
.prodbasket td .inputwrapper .tr {
	left: 33px;
	position: absolute;
	top: 0;
}
.ie .prodbasket td .inputwrapper .tr {
	top: 1px;
}
.prodbasket td .inputwrapper .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.prodbasket td .inputwrapper .br {
	bottom: 0;
	left: 31px;
	position: absolute;
}
.summary {
	display: inline;
	float: right;
	margin: 8px 17px 0 0;
	position: relative;
	width: 183px;
	background: #F1EBE2;
}
.summary .title {
	float: left;
	padding: 4px 0 0 10px;
	width: 173px;
	/* min height */
	min-height: 29px;
	height: auto !important;
	height: 29px;
	background: url(../../images/panels/summary-title-bg.gif) no-repeat;
	color: #fff;
	font-size: 1.09em;
	font-weight: bold;
}
.summary .row {
	float: left;
	padding: 9px 0 9px 0;
	width: 179px;
	border-left: 2px solid #C3B396;
	border-right: 2px solid #C3B396;
}
.summary .text {
	float: left;
	padding: 0 0 0 12px;
	width: 92px;
	color: #3C5B6E;
	font-size: 1.09em;
}
.summary .num {
	float: right;
	padding: 0 15px 0 0;
	width: 59px;
	color: #E63C3C;
	font-size: 1.27em;
	font-weight: bold;
	text-align: right;
}
.summary .dividerouter {
	float: left;
	height: 2px;
	padding: 0;
	width: 179px;
	border-left: 2px solid #C3B396;
	border-right: 2px solid #C3B396;
	line-height: 0;
}
.summary .dividerinner {
	display: inline;
	float: left;
	height: 2px;
	margin: 0 0 0 7px;
	width: 164px;
	background: url(../../images/panels/summary-divider-bg.gif) repeat-x;
	line-height: 0;
}
.summary .button {
	padding: 11px 0;
	text-align: center;
	border-bottom: 2px solid #C3B396;
}
.summary .button img {
	display: inline;
}
.summary .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.ie6 .summary .bl {
	bottom: -1px;
}
.summary .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .summary .br {
	bottom: -1px;
	right: -1px;
}
.continueshopping {
	display: inline;
	float: right;
	margin: 8px 17px 0 0;
	width: 183px;
}
.continueshopping .title {
	float: left;
	padding: 0 14px 0 0;
	background: url(../../images/global/arrow-down.gif) no-repeat right center;
	color: #5F5F5F;
}
.continueshopping .content {
	float: left;
	margin: 7px 0 0 0;
	padding: 9px 12px;
	position: relative;
	width: 159px;
	background: #F2F2F2;
}
.continueshopping a {
	font-weight: bold;
}
.continueshopping .content .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.continueshopping .content .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.ie6 .continueshopping .content .tr {
	right: -1px;
}
.continueshopping .content .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.continueshopping .content .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .continueshopping .content .br {
	right: -1px;
}
.shoppingbasket tr {
	font-weight: bold;
	color: #E63C3C;
}
.shoppingbasket input {
	font-weight: normal;
}
.summarybasket {
	background: #E1EEF5;
}
.summarybasket .title {
	background: url(../../images/panels/basket-title-bg.gif) no-repeat;
}
.summarybasket .dividerouter {
	border-left: 2px solid #9FBED4;
	border-right: 2px solid #9FBED4;
}
.summarybasket .dividerinner {
	background: url(../../images/panels/basket-divider-bg.gif) repeat-x;
}
.summarybasket .row {
	border-left: 2px solid #9FBED4;
	border-right: 2px solid #9FBED4;
}
.summarybasket .button {
	border-bottom: 2px solid #9FBED4;
}
.login {
	display: inline;
	float: left;
	margin: 9px 0 0 22px;
	width: 688px;
	/* min height */
	min-height: 296px;
	height: auto !important;
	height: 296px;
	background: url(../../images/panels/login-bg.gif) top left no-repeat;
}
.login form {
	display: inline;
	float: left;
	margin: 37px 0 0 39px;
	width: 345px;
	/* min height */
	min-height: 199px;
	height: auto !important;
	height: 199px;
	background: url(../../images/panels/login-form-bg.gif) top left repeat-x;
}
.login .title {
	float: left;
	margin: 0 0 13px 0;
	padding: 0 0 6px 22px;
	width: 323px;
	background: #fff url(../../images/panels/login-title-bg.gif) left bottom no-repeat;
	color: #667E8D;
	font-size: 1.55em;
	font-weight: bold;
}
.login .row {
	float: left;
	padding: 6px 0 0 0;
	width: 100%;
}
.login label {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 12px 0 0;
	position: relative;
	width: 70px;
	color: #3C5B6E;
	font-size: 1.09em;
	text-align: right;
}
.login .required {
	position: absolute;
	right: 0;
	top: 0;
}
.login .txt {
	float: left;
	margin: 0 0 0 10px;
	padding: 2px 2px 3px 2px;
	width: 210px;
	border: 1px solid #9ABBD2;
}
.login .button {
	padding: 14px 0 0 0;
	font-size: 1.09em;
}
.login .button * {
	vertical-align: middle;
}
.login .button input {
	margin: 0 13px 0 101px;
}
.login .requiredrow {
	padding: 31px 0 0 8px;
	position: relative;
	width: 337px;
	color: #3C5B6E;
	font-size: 1.09em;
	font-style: italic;
}
.login .requiredrow * {
	vertical-align: top;
}
.login .requiredrow img {
	display: inline;
	margin: 0 0 0 6px;
}
.contact {
	display: inline;
	float: left;
	margin: 7px 0 0 15px;
	position: relative;
	width: 469px;
}
.contact .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.ie6 .contact .bl {
	bottom: -1px;
}
.contact .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.ie6 .contact .br {
	bottom: -1px;
	right: -1px;
}
.contact .title {
	float: left;
	padding: 8px 0 8px 13px;
	width: 456px;
	/* min height */
	min-height: 22px;
	height: auto !important;
	height: 22px;
	background: #9BBED4 url(../../images/panels/contact-title-bg.gif) left bottom no-repeat;
	color: #fff;
	font-size: 1.09em;
	font-weight: bold;
}
.contact .content {
	float: left;
	padding: 0 16px;
	width: 433px;
	background: #E1EEF5;
	border-right: 2px solid #9ABBD2;
	border-bottom: 2px solid #9ABBD2;
	border-left: 2px solid #9ABBD2;
}
.contact .requiredrow {
	float: left;
	margin: 0 0 4px 0;
	padding: 9px 0 11px 0;
	width: 100%;
	background: url(../../images/panels/basket-divider-bg.gif) bottom repeat-x;
	color: #3C5B6E;
	font-size: 1.09em;
	font-style: italic;
}
.contact .requiredrow * {
	vertical-align: top;
}
.contact .requiredrow img {
	display: inline;
	margin: 0 0 0 6px;
}
.contact .row {
	float: left;
	padding: 7px 0 0 0;
	width: 100%;
}
.contact label {
	float: left;
	padding: 0 11px 0 0;
	position: relative;
	width: 91px;
	color: #3C5B6E;
	font-size: 1.09em;
	text-align: right;
}
.contact label .required {
	position: absolute;
	right: 0;
	top: 0;
}
.contact select {
	float: left;
	margin: 0 0 0 7px;
	width: 56px;
}
.contact .txt {
	float: left;
	margin: 0 0 0 7px;
	padding: 2px 2px 3px 2px;
	width: 313px;
	border: 1px solid #9ABBD2;
}
.contact .ErrorTxt {
	float: left;
	margin: 0 0 0 7px;
	padding: 2px 2px 3px 2px;
	width: 313px;
	border: 1px solid #FF0000;
}
.contact textarea {
	float: left;
	height: 88px;
	margin: 0 0 0 7px;
	overflow: hidden;
	padding: 2px 2px 3px 2px;
	width: 313px;
	border: 1px solid #9ABBD2;
}
.contact .button {
	padding: 11px 0 16px 0;
}
.contact .button input {
	margin: 0 0 0 109px;
}
.contact .message.thankyou {
	float: left;
	width: 423px;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	background: #c4dec7;
	border: 1px solid #314E34;
}
.contact .message.error {
	float: left;
	width: 423px;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	background: #e8c5cf;
	border: 1px solid #B20738;
}
.byphone {
	display: inline;
	float: right;
	margin: 9px 17px 0 0;
	padding: 5px 8px 21px 8px;
	width: 219px;
	/* min height */
	min-height: 74px;
	height: auto !important;
	height: 74px;
	background: url(../../images/panels/by-phone.gif) bottom right no-repeat;
}
.byphone .title {
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
	color: #0E6902;
	font-size: 1.54em;
	font-weight: bold;
	line-height: 0.82em;
}
.byphone .text {
	float: left;
	width: 100%;
	color: #5F5F5F;
	font-size: 1.09em;
	line-height: 1.75em;
}
.byphone span {
	color: #61B211;
	font-size: 1.25em;
	font-weight: bold;
}
.byemail {
	display: inline;
	float: right;
	margin: 16px 17px 0 0;
	padding: 5px 8px 21px 8px;
	width: 219px;
	/* min height */
	min-height: 49px;
	height: auto !important;
	height: 49px;
	background: url(../../images/panels/by-email.gif) bottom right no-repeat;
}
.byemail .title {
	float: left;
	margin: 0 0 15px 0;
	width: 100%;
	color: #0E6902;
	font-size: 1.54em;
	font-weight: bold;
	line-height: 0.82em;
}
.byemail .text {
	float: left;
	width: 100%;
}
.bymail {
	display: inline;
	float: right;
	margin: 14px 17px 0 0;
	padding: 5px 8px 21px 8px;
	width: 219px;
	/* min height */
	min-height: 78px;
	height: auto !important;
	height: 78px;
	background: url(../../images/panels/by-post.gif) bottom right no-repeat;
}
.bymail .title {
	float: left;
	margin: 0 0 9px 0;
	width: 100%;
	color: #0E6902;
	font-size: 1.54em;
	font-weight: bold;
	line-height: 0.82em;
}
.bymail .text {
	float: left;
	width: 100%;
	color: #5F5F5F;
	font-size: 1.09em;
	line-height: 1.5em;
}
.bymail span {
	color: #61B211;
}
.latestnews {
	float: left;
	margin: 11px 0 0 0;
	width: 750px;
	border-top: 1px solid #E3E3E3;
}
.latestnews span {
	cursor: pointer;
}
.latestnews .heading {
	float: left;
	padding: 9px 5px;
	width: 740px;
}
.latestnews .heading img {
	float: left;
}
.latestnews .heading a {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url(../../images/panels/latestnews-arrow.gif) right center no-repeat;
}
.latestnews .content {
	float: left;
	margin: 0 0 0 -7px;
}
.latestnews .story {
	display: inline;
	float: left;
	margin: 0 0 0 7px;
	padding: 10px 14px;
	position: relative;
	width: 215px;
	background: #EEEEEE;
	text-decoration: none;
}
.latestnews .story .tl {
	left: 0;
	position: absolute;
	top: 0;
}
.latestnews .story .tr {
	position: absolute;
	right: 0;
	top: 0;
}
.latestnews .story .bl {
	bottom: 0;
	left: 0;
	position: absolute;
}
.latestnews .story .br {
	bottom: 0;
	position: absolute;
	right: 0;
}
.latestnews .story:hover {
	text-decoration: none;
}
.latestnews .title {
	float: left;
	width: 100%;
	color: #336EA3;
}
.latestnews .date {
	float: left;
	margin: 4px 0 0 0;
	width: 100%;
	color: #7B7B7B;
}
.latestnews .text {
	float: left;
	margin: 7px 0 0 0;
	width: 100%;
	color: #4D4D4D;
}
/* ------------------------------------- FOOTER */
.quicklinks {
	float: left;
	margin: 21px 0 0 0;
	padding: 60px 27px 12px 27px;
	width: 923px;
	border-top: 2px solid #CCC;
	line-height: 1.6em;
	background: #E1EEF5 url(../../images/global/iso.png) no-repeat;
}
.quicklinks ul {
	float: left;
	padding: 0 10px 0 0;
	width: 174px;
}
.footer {
	float: left;
	margin: 6px 0 0 0;
	width: 100%;
	color: #5F5F5F;
	line-height: 1.36em;
}
.footer .left {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
}
.footer .right {
	display: inline;
	float: right;
	margin: 0 -4px 0 0;
}
.footer .right a {
	margin: 0 6px;
}
#send_to_friend_form {
/*font-size: 0.69em;*/
}
#send_to_friend_form .row {
	float: left;
	margin: 5px 0 0 0;
	position: relative;
	width: 100%;
}
#send_to_friend_form .field input {
	float: left;
	padding: 2px;
	width: 228px;
	border: 1px solid #AAAAAA;
}
#send_to_friend_form .field img {
	position: absolute;
	right: -5px;
	top: 7px;
}
.ui-widget-header {
	background: #0E6902 !important;
	color: #fff !important;
}
.ui-widget-content {
	background: #EEE !important;
	border-left: #AAA thin solid;
	border-right: #AAA thin solid;
	border-bottom: #AAA thin solid;
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png) !important;
}
.sitemap ul {
	float: left;
	margin: 10px 0 0 10px;
	width: 100%;
}
.sitemap h2 {
	margin: 10px 0 0 0;
	padding: 0;
}
.formimage {
	float: left;
	margin: 79px 0 0 0;
	width: 242px;
}
.use_invoice_button {
	float: right;
	width: 325px;
	padding: 0px 0px;
}
.billing_details {
	margin: 0px 0px 15px 0px;
	position: relative;
}
#ErrorBox {
	background-image: url(/images/global/ErrorBox.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 413px;
	height: 60px;
	padding: 40px 0px 0px 70px;
}
#ErrorBox p {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	color: #FF0000;
}
#ThankYouBox {
	background-image: url(/images/global/ThankYou.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 453px;
	height: 321px;
	padding: 50px 0px 0px 60px;
}
#ThankYouBox p {
	margin: 0px 0px 10px 0px;
}
#ThankYouBox .links {
	padding: 15px 0px 0px 50px;
	display: block;
}
#ThankYouBox img {
	display: inline;
	position: relative;
	top: 12px;
	left: -5px;
}
#ThankYouBoxQuote {
	background-image: url(/images/global/ThankYouQuote.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 453px;
	height: 341px;
	padding: 50px 0px 0px 60px;
}
#ThankYouBoxQuote p {
	margin: 0px 0px 10px 0px;
}
#ThankYouBoxQuote .links {
	padding: 15px 0px 0px 50px;
	display: block;
}
#ThankYouBoxQuote img {
	display: inline;
	position: relative;
	top: 12px;
	left: -5px;
}
#DuplicateBox {
	background-image: url(/images/global/DuplicateBox.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 420px;
	height: 200px;
	padding: 55px 0px 0px 60px;
}
#DuplicateBox p {
	margin: 0px 0px 10px 0px;
}
#DuplicateBox .links {
	padding: 15px 0px 0px 30px;
	display: block;
}
#DuplicateBox img {
	display: inline;
	position: relative;
	top: 12px;
	left: -5px;
}
#welcome-wrapper {
	float: left;
	margin: 5px 0 0 0;
	width: 750px;
	border-top: 1px solid #E3E3E3;
}
.about {
	padding-left:15px;
	float: left;
	width:234px;
	height:auto;
}
.welcome-img {
	padding: 5px 0 0 15px;
	float:left;
}
.call-img {
	float:right;
	position:relative;
	padding: 9px 0 0;
}
#feature-wrapper {
	float: left;
	margin: 5px 0 0 0;
	width: 750px;
	border-top: 1px solid #E3E3E3;
}
.feature {
	padding-top:10px;
	float: left;
	width:250px;
	height:auto;
}
/* Top 10 Table */

table.top10 {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 10px;
}
table.top10 td {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ededed));
	background: -moz-linear-gradient(top, #fdfdfd, #ededed);
	color: #000;
	padding: 10px;
	text-align: left;
	border-bottom: 1px #dfead1 solid;
}
table.top10 td.hed {
	color: #333;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #ccc solid;
	font-size: 14px;
	font-weight: bold;
}
/* Social Media Links */

#social-media {
	position:relative;
	width: 210px;
	height:31px;
}
#follow-us {
	position:relative;
	float:left;
	padding-top: 8px;
	padding-left: 5px;
}
#facebook {
	position:relative;
	float:right;
	padding-top: 5px;
	padding-right: 10px;
}
#twitter {
	position:relative;
	float:right;
	padding-top: 5px;
	padding-right: 10px;
}
#gplus {
	position:relative;
	float:right;
	padding-top: 5px;
	padding-right: 5px;
}
/* Gallery styles */

#gallery {
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border:1px solid white;
	background:url(../../images/homepage/panel.jpg) repeat-x bottom center #ffffff;
	/* The width of the gallery */
	width:735px;
	overflow:hidden;
	margin-left: 5px;
	margin-top: 2px;
}
#slides {
	/* This is the slide area */
	height:315px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:735px;
	overflow:hidden;
}
.slide {
	float:left;
}
#menu {
	/* This is the container for the thumbnails */
	height:45px;
}
#menu ul {
	margin:0px;
	padding:0px;
}
#menu li {
	/* Every thumbnail is a li element */
	width:47px;
	display:inline-block;
	list-style-type:none;
!important height:45px;
	overflow:hidden;
}
#menu li.inact:hover {
	/* The inactive state, highlighted on mouse over */
	background:url(../../images/homepage/pic_bg.png) repeat;
}
#menu li.act, #menu li.act:hover {
	/* The active state of the thumb */
	background:url(../../images/homepage/active_bg.png) no-repeat;
}
#menu li.act a {
	cursor:default;
}
#menu .fbar {
	/* The left-most vertical bar, next to the first thumbnail */
	width:53px;
	background:url(../../images/homepage/divider.png) no-repeat right;
}
#menu li a {
	display:block;
	background:url(../../images/homepage/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
	list-style:none;
}
#menu a img {
	border:none;
}
/* The styles below are only necessary for the demo page */

#gallery h1 {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}
#gallery h2 {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}
#main {
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}
#menu a, #menu a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}
#menu a:hover {
	text-decoration:underline;
}
#menu p {
	padding:10px;
	text-align:center;
}

.link-space {
	padding: 35px;
	display:block;
	height: 150px;
	width:auto;
	}

.st_facebook_hcount {
	padding-left: 30px;
	}