body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background: #292929 url(images/gradient.jpg) repeat-x;
}

.bold {font-weight: bold}
.italic {font-style: italic}
.floatleft {float: left}
.floatright {float: right}
.clear {clear:both}

sup {font-size: 10px}


a img {border: none}


/*Links
--------------------------------------------------------------------*/

a {text-decoration: none; color: #171717;}
a:hover {text-decoration: none; color: #171717;}


a.green {text-decoration: none; color: #71914b;}
a.green:hover {text-decoration: none; color: #71914b; border-bottom: 1px solid #71914b}

a.brightgreen {text-decoration: none; color: #9fcf67;}
a.brightgreen:hover {text-decoration: none; color: #cccccc}

a.ql {text-decoration: none; color: #171717; border-bottom: 1px dotted #cccccc; display: inline}
a.ql:hover {text-decoration: none; color: #171717; background: #eeeeee}


/*header
--------------------------------------------------------------------*/

#header {
	margin: 0 auto;
	width: 920px;
	padding: 0;
	padding-top: 30px;
}

.arbordecklogo {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: 90px;
}

/*top-navi
--------------------------------------------------------------------*/

#top-navi {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	position: absolute;
	right: 0;
	bottom: 80px;
	list-style: none;
	height: 30px;
}

#top-navi li {
	float: left;
	font-size: 11px;
	line-height: 30px;
	margin-left: 15px;
}

#top-navi li a {text-decoration: none; color: #999999}
#top-navi li a:hover {text-decoration: none; color: #eeeeee}


/*navi
--------------------------------------------------------------------*/

#menu-container {
	margin: 0;
	padding: 0;
	width: 920px;
	position: relative;
	z-index: 9100;
	height: 0;
}


ul.menu {
	position: absolute;
	right: 0;
	bottom: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin: 0; padding: 0;}
ul.menu ul {
	position: absolute; 
	top: 26px; 
	left: 0;
	background: #424242; 
	display: none; 
	opacity: 0; 
	list-style: none;
	width: 100%;
	border-left: 1px solid #9fcf67;
}

ul.menu ul.lrgdrop { width: 150px}
ul.menu ul.lrgdrop2 { width: 170px}
ul.menu ul.lrgdrop3 { width: 200px}

ul.menu ul li { float: none; margin: 0; padding: 0; margin-left: 8px; margin-right: 8px; font-size: 12px; line-height: 14px; height: 24px; border-top: 1px dotted #666666;}
ul.menu ul li a { display: block; margin: 0; padding: 5px; color: #eeeeee; height: 14px;}
ul.menu ul li a:hover {background: #333333; color: #eeeeee}

ul.menu ul li.first {padding-top: 8px; border-top: none}
ul.menu ul li.last {padding-bottom: 8px; }

ul.menu ul ul {left:200px;}


ul.menu .menulink {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	height: 26px;
	text-transform: none;
	color: #030303;
}

ul.menu .menulink:hover, ul.menu .menuhover {color: #030303;}

ul.menu span {cursor: pointer}



li.home .menulink { width: 36px; background: url(images/navbuttons/home.gif) no-repeat 0px 0px;}
li.home .menulink:hover { background: #9fcf67 url(images/navbuttons/home.gif) no-repeat -36px 0px;}

li.about .menulink {position: relative; width: 142px;}
li.about .menulink:hover span, li.about .menuhover span {background: url(images/navbuttons/about-arbordeck.gif) no-repeat -229px 0px;}
li.about span {position: absolute; width: 142px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/about-arbordeck.gif) no-repeat -29px 0px; border-left: 1px solid #9fcf67}

li.deckproducts .menulink {position: relative; width: 144px;}
li.deckproducts .menulink:hover span, li.deckproducts .menuhover span {background: url(images/navbuttons/decking-products.gif) no-repeat -228px 0px;}
li.deckproducts span {position: absolute; width: 144px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/decking-products.gif) no-repeat -28px 0px; border-left: 1px solid #9fcf67}

li.deckideas .menulink { position: relative; width: 116px;}
li.deckideas .menulink:hover span, li.deckideas .menuhover span {background: url(images/navbuttons/decking-ideas.gif) no-repeat -242px 0px;}
li.deckideas span {position: absolute; width: 116px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/decking-ideas.gif) no-repeat -42px 0px; border-left: 1px solid #9fcf67}

li.helpful .menulink { position: relative; width: 100px;}
li.helpful .menulink:hover span, li.helpful .menuhover span {background: url(images/navbuttons/helpful-info.gif) no-repeat -250px 0px;}
li.helpful span {position: absolute; width: 100px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/helpful-info.gif) no-repeat -50px 0px; border-left: 1px solid #9fcf67}

li.stockists .menulink { position: relative; width: 78px;}
li.stockists .menulink:hover span, li.stockists .menuhover span {background: url(images/navbuttons/stockists.gif) no-repeat -261px 0px; }
li.stockists span {position: absolute; width: 78px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/stockists.gif) no-repeat -61px 0px; border-left: 1px solid #9fcf67}



li.highlighthome .menulink { width: 36px; background: url(images/navbuttons/home.gif) no-repeat -36px 0px;}
li.highlighthome .menulink:hover { background: #9fcf67 url(images/navbuttons/home.gif) no-repeat -36px 0px;}

li.highlightabout .menulink {position: relative; width: 142px;}
li.highlightabout .menulink:hover span, li.highlightabout .menuhover span {background: url(images/navbuttons/about-arbordeck.gif) no-repeat -229px 0px;}
li.highlightabout span {position: absolute; width: 142px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/about-arbordeck.gif) no-repeat -429px 0px; border-left: 1px solid #9fcf67}

li.highlightproducts .menulink {position: relative; width: 144px;}
li.highlightproducts .menulink:hover span, li.highlightproducts .menuhover span {background: url(images/navbuttons/decking-products.gif) no-repeat -228px 0px;}
li.highlightproducts span {position: absolute; width: 144px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/decking-products.gif) no-repeat -428px 0px; border-left: 1px solid #9fcf67}

li.highlightideas .menulink { position: relative; width: 116px;}
li.highlightideas .menulink:hover span, li.highlightideas .menuhover span {background: url(images/navbuttons/decking-ideas.gif) no-repeat -242px 0px;}
li.highlightideas span {position: absolute; width: 116px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/decking-ideas.gif) no-repeat -442px 0px; border-left: 1px solid #9fcf67}

li.hightlighthelpful .menulink { position: relative; width: 100px;}
li.hightlighthelpful .menulink:hover span, li.hightlighthelpful .menuhover span {background: url(images/navbuttons/helpful-info.gif) no-repeat -250px 0px;}
li.hightlighthelpful span {position: absolute; width: 100px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/helpful-info.gif) no-repeat -450px 0px; border-left: 1px solid #9fcf67}

li.highlightstockists .menulink { position: relative; width: 78px;}
li.highlightstockists .menulink:hover span, li.highlightstockists .menuhover span {background: url(images/navbuttons/stockists.gif) no-repeat -261px 0px;}
li.highlightstockists span {position: absolute; width: 78px; height: 26px; top: 0; left: 0; background: url(images/navbuttons/stockists.gif) no-repeat -461px 0px; border-left: 1px solid #9fcf67}



/*header image
--------------------------------------------------------------------*/

#headerimage {
	clear: both;
	margin: 0;
	padding: 0;
}

#single-image {
	position: relative;
	height: 300px;
	width: 980px;
	margin: 0;
	padding: 0;
}


.header-design {background: url(images/headerimage/design.jpg) no-repeat}
.header-fixings {background: url(images/headerimage/fixings.jpg) no-repeat}
.preservation {height: 300px; width: 980px; background: url(images/headerimage/preservation.jpg) no-repeat}

.faq {background: url(images/headerimage/faq.jpg) no-repeat}
.about {background: url(images/headerimage/faq.jpg) no-repeat;}
.buildingregs {background: url(images/headerimage/building-regs.jpg) no-repeat}
.maintenance {background: url(images/headerimage/maintenance.jpg) no-repeat}

.header-downloads {background: url(images/headerimage/downloads.jpg) no-repeat}
.header-links {background: url(images/headerimage/links.jpg) no-repeat}
.header-installer {background: url(images/headerimage/installer.jpg) no-repeat}
.header-support {background: url(images/headerimage/installer-support.jpg) no-repeat}
.header-news {background: url(images/headerimage/news.jpg) no-repeat}
.header-contact {background: url(images/headerimage/contact.jpg) no-repeat}
.header-products {background: url(images/headerimage/products.jpg) no-repeat}
.header-ideas {background: url(images/headerimage/decking-ideas.jpg) no-repeat}
.header-helpful {background: url(images/headerimage/helpful.jpg) no-repeat}
.header-stockists {background: url(images/headerimage/stockists.jpg) no-repeat}


.slideone { background: url(images/headerimage/newbrochure.jpg) no-repeat; position: relative}
.slidetwo { background: url(images/headerimage/home02.jpg) no-repeat; position: relative}
.slidethree { background: url(images/headerimage/anti-slip-board.jpg) no-repeat; position: relative}
.slidefour { background: url(images/headerimage/trex01.jpg) no-repeat; position: relative}

.deckboards001 { background: url(images/headerimage/deckboards001.jpg) no-repeat; position: relative}
.deckboards002 { background: url(images/headerimage/anti-slip-board.jpg) no-repeat; position: relative}
.deckboards003 { background: url(images/headerimage/deckboards003.jpg) no-repeat; position: relative}
.deckboards004 { background: url(images/headerimage/deckboards004.jpg) no-repeat; position: relative}

.arborail001 { background: url(images/headerimage/arborail001.jpg) no-repeat; position: relative}
.arborail002 { background: url(images/headerimage/arborail002.jpg) no-repeat; position: relative}
.arborail003 { background: url(images/headerimage/arborail003.jpg) no-repeat; position: relative}
.arborail004 { background: url(images/headerimage/arborail004.jpg) no-repeat; position: relative}

.joist001 { background: url(images/headerimage/joist002.jpg) no-repeat; position: relative}
.joist002 { background: url(images/headerimage/joist001.jpg) no-repeat; position: relative}
.joist003 { background: url(images/headerimage/handrail001.jpg) no-repeat; position: relative}

.newel001 { background: url(images/headerimage/newel001.jpg) no-repeat; position: relative}
.newel002 { background: url(images/headerimage/newel002.jpg) no-repeat; position: relative}
.newel003 { background: url(images/headerimage/newel003.jpg) no-repeat; position: relative}

.extras001 { background: url(images/headerimage/extras001.jpg) no-repeat; position: relative}
.extras002 { background: url(images/headerimage/extras002.jpg) no-repeat; position: relative}
.extras003 { background: url(images/headerimage/extras003.jpg) no-repeat; position: relative}
.extras004 { background: url(images/headerimage/extras004.jpg) no-repeat; position: relative}

.trex001 { background: url(images/headerimage/trex05.jpg) no-repeat; position: relative}
.trex002 { background: url(images/headerimage/trex02.jpg) no-repeat; position: relative}
.trex003 { background: url(images/headerimage/trex03.jpg) no-repeat; position: relative}
.trex004 { background: url(images/headerimage/trex04.jpg) no-repeat; position: relative}


.creative001 { background: url(images/headerimage/creative/creative001.jpg) no-repeat; position: relative}
.creative002 { background: url(images/headerimage/creative/creative002.jpg) no-repeat; position: relative}
.creative003 { background: url(images/headerimage/creative/creative003.jpg) no-repeat; position: relative}
.creative004 { background: url(images/headerimage/creative/creative004.jpg) no-repeat; position: relative}
.creative005 { background: url(images/headerimage/creative/creative005.jpg) no-repeat; position: relative}

.practical001 { background: url(images/headerimage/practical/practical001.jpg) no-repeat; position: relative}
.practical002 { background: url(images/headerimage/practical/practical002.jpg) no-repeat; position: relative}
.practical003 { background: url(images/headerimage/practical/practical003.jpg) no-repeat; position: relative}
.practical004 { background: url(images/headerimage/practical/practical004.jpg) no-repeat; position: relative}
.practical005 { background: url(images/headerimage/practical/practical005.jpg) no-repeat; position: relative}

.commercial001 { background: url(images/headerimage/commercial/commercial001.jpg) no-repeat; position: relative}
.commercial002 { background: url(images/headerimage/commercial/commercial002.jpg) no-repeat; position: relative}
.commercial003 { background: url(images/headerimage/commercial/commercial003.jpg) no-repeat; position: relative}
.commercial004 { background: url(images/headerimage/commercial/commercial004.jpg) no-repeat; position: relative}
.commercial005 { background: url(images/headerimage/commercial/commercial005.jpg) no-repeat; position: relative}

.selfbuild001 { background: url(images/headerimage/selfbuild/selfbuild001.jpg) no-repeat; position: relative}
.selfbuild002 { background: url(images/headerimage/arborail004.jpg) no-repeat; position: relative}
.selfbuild003 { background: url(images/headerimage/selfbuild/selfbuild003.jpg) no-repeat; position: relative}


/*product-navi
--------------------------------------------------------------------*/

#product-navi {
	clear: both;
	margin: 0;
	padding: 10px;
	height: 122px;
	background: #ffffff;
	list-style: none;
	overflow: hidden; 
}

#product-navi li { float: left}

#product-navi li a {
	display: block;
	border: 1px solid #eeeeee;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	cursor: pointer;
}

#product-navi li a.deckboards { position: relative; width: 136px; height: 120px;}
#product-navi li a.deckboards span { position: absolute; left: 0; top: 0; width: 134px; height: 120px; background: #ffffff url(images/navbuttons/deckboards.jpg) no-repeat center; }

#product-navi li a.arborail { position: relative; width: 150px; height: 120px;}
#product-navi li a.arborail span { position: absolute; left: 0; top: 0; width: 150px; height: 120px; background: #ffffff url(images/navbuttons/arborail.jpg) no-repeat center;}

#product-navi li a.rails { position: relative; width: 273px; height: 120px;}
#product-navi li a.rails span { position: absolute; left: 0; top: 0; width: 273px; height: 120px; background: #ffffff url(images/navbuttons/rails.jpg) no-repeat center;}

#product-navi li a.spindles-newels { position: relative; width: 153px; height: 120px;}
#product-navi li a.spindles-newels span { position: absolute; left: 0; top: 0; width: 153px; height: 120px; background: #ffffff url(images/navbuttons/spindles-newels.jpg) no-repeat center;}

#product-navi li a.extras { position: relative; width: 101px; height: 120px;}
#product-navi li a.extras span { position: absolute; left: 0; top: 0; width: 101px; height: 120px; background: #ffffff url(images/navbuttons/extras.jpg) no-repeat center;}

#product-navi li a.trex { position: relative; width: 135px; height: 120px; border-right: 1px solid #f1f1f1;}
#product-navi li a.trex span { position: absolute; left: 0; top: 0; width: 135px; height: 120px; background: #ffffff url(images/navbuttons/trex.jpg) no-repeat center;}

#product-navi li a:hover {border: 1px solid #9fcf67;}



/*structure
--------------------------------------------------------------------*/

.content {
	clear: both;
	width: 980px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	background: #ffffff;
}

/*breadcrumbs
--------------------------------------------------------------------*/

#breadcrumbs {
	clear: both;
	margin: 0;
	padding: 15px;
	padding-left: 20px;
	list-style: none;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 9px;
	height: 9px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}

#breadcrumbs li { margin: 0; padding: 0; float: left}

#breadcrumbs li a {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	color: #171717;
	font-weight: normal;
	background: url(images/breadcrumb-arrows.gif) no-repeat right;
}

#breadcrumbs li a:hover { text-decoration: underline}



/*homepage content
--------------------------------------------------------------------*/

.text-area {
	clear: both;
	margin: 0;
	padding: 30px;
}

.nomargintop { margin-top: 0}

.left-col {
	float: left;
	width: 560px;
}

.right-col {
	float: right;
	width: 320px;
}


.three-colhome {
	float: left;
	width: 279px;
	margin: 0;
	padding: 0;
	height: 220px;
}

.three-col {
	float: left;
	width: 279px;
	margin: 0;
	padding: 0;
}

.textOne { padding-right: 20px; border-right: 1px dotted #cccccc}
.textTwo { padding-right: 20px; padding-left: 20px;}
.textThree { padding-left: 20px; border-left: 1px dotted #cccccc}

.one-col {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

.imageone {
	float: right;
	width: 70px;
	height: 70px;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #eeeeee;
}

img.about-images {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}


h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 26px;
}

h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #171717;
	font-weight: bold;
}

h3 {
	margin: 0;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #171717;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#tooltip{
	position: absolute;
	background: #333333;
	border: 1px #9fcf67 solid;
	padding: 5px;
	color: #ffffff;
	display: none;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 9000;
}	



/*products
--------------------------------------------------------------------*/

.product-area {
	clear: both;
	margin: 0;
	padding: 20px;
	background: #ffffff;
}

.side-bar {
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	width: 210px;
}

.side-bar ul {
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 13px;
}
.side-bar li {margin: 0;padding: 0; height: 27px}

.side-bar li a {
	display: block;
	margin: 0;
	padding: 7px;
}
.side-bar li a:hover {color: #999999} 
.side-bar li a.highlight {background: #9fcf67 url(images/side-menu-arrow.gif) top right no-repeat; color: #171717}


.products {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 708px;
	list-style: none;
}

.products li {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 20px;
}

.products li.nolink {
	float: left;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px;
	width: 174px;
	border: 1px dotted #cccccc;
	background: #ffffff;
}

.products li.none {margin: 0}

.products li a {
	float: left;
	margin: 0;
	padding: 20px;
	width: 174px;
	border: 1px dotted #cccccc;
	background: #ffffff;
}

.products li a.four { width: 115px}

.products li a:hover {border: 1px dotted #000000;}

.product-img {
	display: block;
	margin: 0 auto;
}

.product-img-colour {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.product-titles {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	width: 174px;
}

.deckboard-list li a { height: 230px;}
.joist-list li.nolink, .joist-list li a { height: 250px;}

.sml {
	font-size: 11px;
	line-height: 11px;
	font-style: italic;
}

.right-side-text {
	display: block;
	float: right;
	width: 688px;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	list-style: none;
}

.right-side-text h2 {
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	font-size: 24px;
	line-height: 26px;
}

.right-side-text h3 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #171717;
	font-weight: bold;
}

.kit {
	float: left;
	width: 240px;
}

.kit-lists {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
	padding-right: 20px;
}

.kit-lists ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kit-lists ul li {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(images/green-bullet.gif) no-repeat 0 7px;
}

.kit-lists h2 {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
}


.product-right {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
}

.product-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-right ul li {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(images/green-bullet.gif) no-repeat 0 7px;
}

.product-right h2 {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
}

.video {
	margin: 0;
	padding: 0;
	width: 400px;
	height: 266px;
	background: #999999;
}

.colours-available {
	display: block;
	float: right;
	width: 666px;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px;
	list-style: none;
	border: 1px dotted #cccccc;
}


.colours-available li {
	float: left;
	margin: 0;
	padding: 0;
	width: 133px;
	text-align: center;
}

.colours-available li img {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}


ul.design {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	list-style: none;
	width: 688px;
}

ul.design li {
	float: left;
	display: inline;
	margin: 20px;
	margin-left: 0;
	margin-top: 0;
	padding: 20px;
	width: 280px;
	height: 300px;
	border: 1px dotted #cccccc;
}

ul.design li img {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.brochurelink li a {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	color: #71914b;
}
.brochurelink li a:hover { color: #999999}

.brochurelink li img {display: block; border: 1px solid #cccccc;}

ul.design li.fixings {height: 380px}


ul.links {
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}

ul.links li {
	margin: 0px;
	margin-top: 20px;
	padding: 20px;
	border: 1px dotted #cccccc;
}

ul.links h3 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #171717;
	font-weight: bold;
}

ul.links li a {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	color: #71914b;
}

ul.links li a:hover {color: #71914b; text-decoration: underline}

ul.links li img {
	float: right;
	display: block;
	margin: 0;
	margin-left: 40px;
	padding: 0;
}


ul.submenus {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	list-style: none;
	width: 688px;
}

ul.submenus li {
	float: left;
	display: inline;
	margin: 20px;
	margin-left: 0;
	margin-top: 0;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

ul.submenus li a {
	display: block;
	margin: 0;
	padding: 20px;
	width: 280px;
	border: 1px dotted #cccccc;
}

ul.submenus li a:hover {border: 1px dotted #000000;}

ul.submenus li a img {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

/*arborail
--------------------------------------------------------------------*/


h2.classicrange {margin: 0; margin-bottom: 15px; padding: 0; position: relative; width: 305px; height: 35px;}
h2.classicrange span { position: absolute; top: 0; left: -2px; width: 305px; height: 35px; background: url(images/products/class-range.gif) no-repeat;}

h2.contemporaryrange {margin: 0; margin-bottom: 15px; margin-top: 20px; padding: 0; position: relative; width: 335px; height: 37px;}
h2.contemporaryrange span { position: absolute; top: 0; left: -2px; width: 335px; height: 37px; background: url(images/products/contemporary-range.gif) no-repeat;}

h2.alumrange {margin: 0; margin-bottom: 15px; margin-top: 20px; padding: 0; position: relative; width: 359px; height: 33px;}
h2.alumrange span { position: absolute; top: 0; left: -2px; width: 359px; height: 33px; background: url(images/products/aluminium-range.gif) no-repeat;}

h2.glassrange {margin: 0; margin-bottom: 15px; margin-top: 20px; padding: 0; position: relative; width: 375px; height: 35px;}
h2.glassrange span { position: absolute; top: 0; left: -2px; width: 375px; height: 35px; background: url(images/products/glass-range.gif) no-repeat;}

.arborail-section {
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
}

.arborail-imgs {
	display: block;
	margin-bottom: 10px;
}

.style-titles {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-top: 3px;
	font-size: 12px;
	line-height: 12px;
}

.style-titles span {
	display: block;
	float: left;
	width: 50px;
	font-weight: bold;
}



/*accreditations
--------------------------------------------------------------------*/

#accred-container {
	clear: both;
	margin: 0 auto;
	margin-top: 30px;
	height: 153px;
	background: #171717;
}

#accreditations {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 900px;
	height: 123px;
	list-style: none;
	font-size: 9px;
}

#accreditations li {float: left; margin: 0; padding: 0; padding-right: 84px;}
#accreditations li.none {padding-right: 0;}
#accreditations li a {display: block; cursor: pointer}

#accreditations li a.fsc { position: relative; width: 80px; height: 123px;}
#accreditations li a.fsc span { position: absolute; left: 0; top: 0; width: 80px; height: 123px; background: url(images/accreditation/fsc2011.gif) no-repeat center;}

#accreditations li a.pefc { position: relative; width: 72px; height: 93px; margin-top: 15px;}
#accreditations li a.pefc span { position: absolute; left: 0; top: 0; width: 72px; height: 93px; background: url(images/accreditation/pefc2011.gif) no-repeat center;}

#accreditations li .guarantee { position: relative; width: 68px; height: 70px; margin-top: 26px;}
#accreditations li .guarantee span { position: absolute; left: 0; top: 0; width: 68px; height: 70px; background: url(images/accreditation/15year.gif) no-repeat center;}

#accreditations li a.osmose { position: relative; width: 74px; height: 70px; margin-top: 26px; }
#accreditations li a.osmose span { position: absolute; left: 0; top: 0; width: 74px; height: 70px; background: url(images/accreditation/osmose.gif) no-repeat center;}

#accreditations li a.woodforgood { position: relative; width: 78px; height: 70px; margin-top: 26px;}
#accreditations li a.woodforgood span { position: absolute; left: 0; top: 0; width: 78px; height: 70px; background: url(images/accreditation/woodforgood.gif) no-repeat center;}

#accreditations li a.tda { position: relative; width: 72px; height: 70px; margin-top: 26px;}
#accreditations li a.tda span { position: absolute; left: 0; top: 0; width: 72px; height: 70px; background: url(images/accreditation/tda.gif) no-repeat center;}

#accreditations li a.deckmark { position: relative; width: 65px; height: 80px; margin-top: 21px;}
#accreditations li a.deckmark span { position: absolute; left: 0; top: 0; width: 65px; height: 80px; background: url(images/accreditation/deckmark.gif) no-repeat center;}

#accreditations li .forestforever { position: relative; width: 117px; height: 50px; margin-top: 36px;}
#accreditations li .forestforever span { position: absolute; left: 0; top: 0; width: 117px; height: 50px; background: url(images/accreditation/forestforever.gif) no-repeat center;}



/*general
--------------------------------------------------------------------*/

.list-bullet {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
}

.list-bullet li {
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(images/bullet.gif) no-repeat 0 6px;
}


/*FAQ section
--------------------------------------------------------------------*/

.toggle_container {clear: both; margin: 0; padding: 0}
.toggle_container .block { margin: 0; padding: 10px; padding-left: 30px; padding-top: 0}

.toggle_container .block a {color: #71914b;}

h3.trigger { margin: 0; padding: 0}
h3.trigger a {margin: 0; padding: 10px; padding-left: 30px; display: block;text-decoration: none; background: url(images/open-close.gif) 0 7px no-repeat;}
h3.trigger a:hover { color: #999999}
h3.active a {background: url(images/open-close.gif) 0 -93px no-repeat;}


/*Trex section
--------------------------------------------------------------------*/

.reg-heading {
	font-size: 14px;
}

.product-sections {
	display: block;
	float: right;
	width: 708px;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	list-style: none;
}

.product-sections h2 {
	margin-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	font-size: 16px;
	line-height: 18px;
}

.product-sections p {padding-left: 20px; font-style: italic; padding-bottom: 15px;}

.extra {height: 29px;}

.product-sections p a {font-style: normal; text-transform: uppercase; color: #666666; font-size: 10px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #cccccc}
.product-sections p a:hover {color: #9fcf67}


/*stockist search
--------------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

input.finder {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-right: 10px;
	width: 250px;
}

.result-list {
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px;
	list-style: none;
}

.result-list li {
	margin: 0px;
	margin-top: 20px;
	padding: 20px;
	border: 1px dotted #cccccc;
}

.result-list h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
}

p.result-phone { margin: 0; padding: 0}

.result-list li a {color: #71914b;}
.result-list li a:hover { color: #71914b; text-decoration: underline}

h3.search-term {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h3.search-term span {font-weight: bold;}


/*contact
--------------------------------------------------------------------*/

.request-brochure {
	float: right;
	margin: 0;
	padding: 20px;
	padding-bottom: 10px;
	background: #eeeeee;
	width: 390px;
}

.request-brochure form {
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

.request-brochure form p {margin-bottom: 8px;}

.request-brochure form p.seperate {padding-top: 8px; border-top: 1px dotted #cccccc}

input.brochure {
	margin: 0;
	padding: 0;
	width: 300px;
}

input.check {
	margin: 0;
	padding: 0;
	width: 25px;
}

p.float { float: left; padding-right: 20px;}

label.brochure {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 75px;
}
p.marketing {
	font-size: 11px;
	line-height: 14px;
	width: 375px;
}

.submit-request { margin: 0; padding: 0; padding-top: 10px; cursor: pointer}

.disclaimer {
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 30px;
	font-size: 11px;
	line-height: 14px;
}

.required { font-size: 12px; color: #FF0000}



/*video
--------------------------------------------------------------------*/

ul.videoList {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 15px;
}

ul.videoList li {
	margin-top: 20px;
	padding: 20px;
	border: 1px dotted #cccccc;
}

a.videoImage {
	display: block;
	float: left;
	width: 300px;
	margin-right: 20px;
	background: #000000 url(images/play-button.png) center no-repeat;
}
a.videoImage img { 
	display: block; 
	width: 100%; 
	height: auto;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

a.videoImage:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.videoTextarea {
	float: left;
	width: 300px;
}


/*footer
--------------------------------------------------------------------*/


#footer {
	margin: 0;
	padding: 0;
	background: #171717;
	color: #999999;
	font-size: 10px;
	border-top: 1px solid #333333;
}

.footercontent {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

p.copyright {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align: right;
}

p.copyright a { color: #cccccc}
p.copyright a:hover { color: #999999; border-bottom: 1px dotted #999999}

#harris { float: right; margin: 0; padding: 0; position: relative; width: 196px; height: 20px;}
#harris span  {position: absolute; top: 0; left: 0; width: 196px; height: 20px; background: url(images/harris-logo.gif) no-repeat;}


#harris a { display: block; height: 20px;}
#harris a:hover { border-bottom: 1px dotted #999999}

p.smallprint {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 11px;
	width: 400px;
}

a.arborforest { display: block; float: left; margin: 0; padding: 0; width: 152px; height: 36px;}