/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000;
	border:0px; margin:10px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-color:#917f4c;
	background-image:url(../_images/generic/body-bg.jpg);
	background-repeat:repeat-x; background-position:top center;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { line-height:18px; margin:0px 0px 15px 0px; }

a { color:#5B3A00; font-weight:bold; }

h1 { font-size:18px; margin:0px 0px 15px 0px; }

h2 { font-size:14px; margin:0px 0px 15px 0px; }

h3 { font-size:12px; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	list-style:none;
	padding:0px 0px 10px 0px; margin:0px 0px 0px 24px;
}

html>body ul.normal {
	margin-left:48px;
}

ul.normal li {
	margin:0px 0px 10px 0px; padding:0px 0px 0px 15px;
	background-image:url(../_images/generic/bullet-sqaure-green.gif);
	background-repeat:no-repeat; background-position:0px 5px;
}

/******************************************************************************
* Normal Ordered List
*****************************************************************************/
ol.normal {
	padding:0px 0px 10px 10px; margin:0px 0px 0px 10px;
}

html>body ol.normal {
	margin-left:20px;
}

ol.normal li {
	margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;
	line-height:18px;
}

ol.normal li span.label {
	text-decoration:underline;
}

ol.normal-inner {
	list-style:none;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:940px; text-align:left; margin:0px auto 0px auto;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width:940px; float:left;
}

/******************************************************************************
* top-bar
*****************************************************************************/
div#top-bar {
	font-family: Verdana, Arial, sans-serif; font-size:12px; color:#000000;
	float:left; width:940px; height:30px;
	background-image:url(../_images/generic/top-bar-bg.jpg);
}

div#top-bar p {
	text-align:right; font-size:12px; color:#e6e3da; padding-right:10px;
}

div#top-bar p a {
	color:#e6e3da; text-decoration:none; font-weight:normal;
}

div#top-bar p a:hover {
	text-decoration:underline;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:940px; height:160px;
	background-image:url(../_images/generic/header-bg.jpg);
}

div#header h1, div#header h1 a {
	float:left; width:207px; height:101px;
}

div#header h1 {
	margin:30px 0px 0px 15px;
}

html>body div#header h1 {
	margin-left:30px;
}

div#header h1 a span {
	display:none;
}

div#header h2,
div#header p#header-strap,
div#header p#header-tel { display:none; }

/******************************************************************************
* home-banner
*****************************************************************************/
div#home-banner {
	float:left; width:940px; height:150px;
	background-image:url(../_images/home/home-banner.jpg);
}

div#home-banner-inset {
	float:right; width:230px; height:30px; margin:110px 15px 0px 0px;
}

html>body div#home-banner-inset {
	margin-right:30px;
}

div#hbi-01, div#hbi-02, div#hbi-03 {
	display:block; position:absolute;
	width:230px; height:30px;
}

div#hbi-01 { background-image:url(../_images/home/home-banner-01.jpg); }
div#hbi-02 { background-image:url(../_images/home/home-banner-02.jpg); display:none; }
div#hbi-03 { background-image:url(../_images/home/home-banner-03.jpg); display:none; }

/******************************************************************************
* page-banner
*****************************************************************************/
div#page-banner {
	float:left; width:940px; height:80px;
	background-image:url(../_images/generic/page-banner-bg.jpg);
}

div#page-banner h1 {
	color:#ffffff; font-size:26px; line-height:normal;
	margin:42px 0px 0px 30px;
}

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float:left; width:880px; padding:20px 30px 20px 30px;
	background-image:url(../_images/generic/main-content-bg.jpg);
}

div#main-content-i {
	float:left; width:840px; padding:20px;
	background-image:url(../_images/generic/main-content-i-bg.jpg);
	background-repeat:no-repeat;
}

div#main-content h1 {
	font-size:18px; color:#005747;
}

/******************************************************************************
* home-split
*****************************************************************************/
div.home-split {
	float:left; width:840px;
}

div.home-split-left {
	float:left; width:426px;
}

div.home-split-left div {
	float:left; width:426px; height:282px; margin-bottom:10px;
	display:none; position:absolute;
}

div.home-split-left div#trans-01 { background-image:url(../_images/home/trans-01.jpg); display:block; }
div.home-split-left div#trans-02 { background-image:url(../_images/home/trans-02.jpg); }
div.home-split-left div#trans-03 { background-image:url(../_images/home/trans-03.jpg); }
div.home-split-left div#trans-04 { background-image:url(../_images/home/trans-04.jpg); }
div.home-split-left div#trans-05 { background-image:url(../_images/home/trans-05.jpg); }
div.home-split-left div#trans-06 { background-image:url(../_images/home/trans-06.jpg); }

div.home-split-right {
	float:right; width:394px;
}

/******************************************************************************
* main-split-half
*****************************************************************************/
div.main-split-half {
	float:left; width:840px;
}

div.main-split-half-left {
	float:left; width:400px;
}

div.main-split-half-right {
	float:right; width:400px;
}

div#home-left {
	height:230px; background-image:url(../_images/home/home-image.jpg);
}

/******************************************************************************
* main-split-left-wide
*****************************************************************************/
div.main-split-left-wide {
	float:left; width:840px;
}

div.main-split-left-wide-left {
	float:left; width:600px;
}

div.main-split-left-wide-right {
	float:right; width:200px;
}

div.main-split-left-wide-right img {
	margin-bottom:20px;
}

div#mslwr-environment {
	background-image:url(../_images/environment/image.jpg);
	background-repeat:no-repeat; background-position:top left;
	padding-top:319px;
}

div#mslwr-environment a {
	display:block; margin-bottom:20px;
	text-align:center;
}

/******************************************************************************
* full-product-listing
*****************************************************************************/
div.full-product-listing {
	float:left; width:408px; height:89px; margin-bottom:20px;
	background-color:#ffffff;
	border:1px solid #572d00;
}

div.full-product-listing a.fpl-thumb {
	display:block; float:left; width:91px; height:71px;
	margin:8px 0px 0px 4px; padding:1px 0px 0px 1px;
	border:1px solid #888888;
}

html>body div.full-product-listing a.fpl-thumb {
	margin-left:8px;
}

div.full-product-listing div.fpl-thumb {
	display:block; float:left; width:90px; height:72px;
	margin:8px 0px 0px 8px;
	border:1px solid #888888;
}

div.fpl-detail {
	float:right; width:291px; clear:none; padding:8px 8px 0px 0px;
}

div.fpl-detail h2 {
	font-size:14px; color:#572d00; margin-bottom:3px;
}

div.fpl-detail p {
	line-height:16px; margin:0px 0px 10px 0px;
}

div.fpl-detail p.more-detail {
	background-image:url(../_images/generic/bullet-triangle-green.gif);
	background-repeat:no-repeat; background-position:right center;
	text-align:right; padding-right:10px; font-size:11px; font-weight:bold;
}

div.fpl-detail p.more-detail a {
	color:#005747; text-decoration:none;
}

div.fpl-detail p.more-detail a:hover {
	text-decoration:underline;
}

/******************************************************************************
* timber-product-detail
*****************************************************************************/
div#timber-product-detail {
	padding:20px; height:355px;
	border:2px solid #00634F;
	background-color:#ffffff;
	text-align:left;
}

div#timber-product-detail h1 {
	color:#4D3400;
	border-bottom:1px solid #666666;
}

div#timber-product-detail h2 {
	color:#4D3400;
	border-bottom:1px solid #666666;
}

p.tpd-highlighted {
	font-weight:bold; font-size:14px;
}

table.timber-ticks {
	border-collapse:collapse; width:450px; margin-bottom:25px;
}

table.timber-ticks tr {
	height:40px;
}

table.timber-ticks tr td {
	padding:5px;
}

table.timber-ticks tr td.tt-tick {
	width:50px;
}

table.timber-ticks tr td.tt-spacer-tick-title {
	width:0px;
}

table.timber-ticks tr td.tt-title {
	width:350px; font-weight:bold;
}

span.table-tick {
	display:block; width:36px; height:40px;
	background-image:url(../_images/generic/tick.gif);
}

span.table-tick span {
	display:none;
}

/******************************************************************************
* product-detail
*****************************************************************************/
div.product-detail {
	float:left; width:796px; padding:20px; text-align:left;
	border:2px solid #00634F; background-color:#ffffff;
}

div.product-detail-top {
	float:left; width:796px;
}

div.product-detail-left {
	float:left; width:610px;
}

div.product-detail-right {
	float:right; width:152px;
}

div.product-detail-right p.click-instruction {
	font-size:10px; text-align:right;
	color:#666666;
}

div.product-detail-right a.product-thumb {
	float:left; width:150px; margin-bottom:10px;
	border:1px solid #888888;
}

div.footnote {
	float:left; width:100%;
	margin:30px 0px 10px 0px;
}

div.footnote p {
	font-size:11px;
	margin:0px 0px 0px 0px;
}

div.footnote p sup {
	color:#006351;
}

/******************************************************************************
* profiles-table
*****************************************************************************/
table.profiles-table {
	border-collapse:collapse;
	margin-bottom:20px;
}

table.profiles-table tr td {
	padding:0px 20px 20px 0px;
	vertical-align:top;
}

table.profiles-table tr td.pt-detail {
	width:140px;
}

table.profiles-table tr td.pt-detail span.pt-label {
	font-weight:bold;
}

table.profiles-table tr td.pt-size {
}

table.profiles-table tr td.pt-image {

}

/******************************************************************************
* product-block
*****************************************************************************/
div.product-block {
	float:left; width:790px;
}

div.product-block-left {
	float:left; width:300px;
}

div.product-block-right {
	float:right; width:480px;
}

div.product-block-right img {
	float:left; margin-right:20px;
}

/******************************************************************************
* nvp-table
*****************************************************************************/
table.nvp-table {
	width:300px;
	border-collapse:collapse;
	margin-bottom:30px;
}

table.nvp-table tr td {
	padding:0px 20px 5px 0px;
	vertical-align:top;
	line-height:18px;
}

table.nvp-table tr td.nvp-name {
	font-weight:bold;
}

table.nvp-table tr td.nvp-value {
}

/******************************************************************************
* simple-table
*****************************************************************************/
table.simple-table {
	border-collapse:collapse;
}

table.simple-table tr th {
	font-size:12px; padding:0px 20px 20px 0px; vertical-align:top;
	text-align:left;
}

table.simple-table tr td {
	padding:0px 20px 5px 0px;
	text-align:left;
}

table.simple-table tr.indent td {
	/* padding-left:10px; */
}

span.stock-tick {
	display:inline-block; width:15px; height:16px;
	background-image:url(../_images/generic/small-tick.gif);
}

span.stock-tick span {
	display:none;
}

/******************************************************************************
* stocklist
*****************************************************************************/
table.stocklist {
	float:left; width:100%;
	border-collapse:collapse;
	font-size:11px;
}

table.stocklist tr td {
	/* border-bottom:1px solid #bbbbbb; */
	text-align:center;
}

table.stocklist tr th {
	font-size:11px; padding:0px 20px 20px 0px;
	vertical-align:top;
}

table.stocklist tr td {
	padding:10px 20px 10px 0px;
}

table.stocklist tr td sup {
	color:#006351; font-size:14px;
}

table.stocklist tr th {
	text-align:center;
}

table.stocklist tr th.sectionHeading {
	text-align:left;
}

table.stocklist tr td.section {
	text-align:left; font-weight:bold; width:80px;
}

/******************************************************************************
* sm-split
*****************************************************************************/
div.sm-split {
	float:left; width:840px;
}

div.sm-split-left {
	float:left; width:410px; height:300px;
	background-image:url(../_images/sheet/temp.jpg);
}

div.sm-split-right {
	float:right; width:410px;
}

div.sm-split-right h2 {
	color:#005747; margin:0px 0px 0px 0px;
}

/******************************************************************************
* contact-split
*****************************************************************************/
div.contact-split {
	float:left; width:840px;
}

div.contact-split-left {
	float:left; width:300px;
}

div.contact-split-right {
	float:right; width:500px;
}

/******************************************************************************
* contact-details
*****************************************************************************/
div.contact-details {
	float:left; width:300px;
}

div.contact-details p {
	display:block; width:300px; float:left; margin:0px 0px 5px 0px;
}

p#cdp-address {
	margin-top:15px;
}

div.contact-details p span.label {
	display:block; float:left; width:100px;
	font-weight:bold;
}

div.contact-details p span.value {
	display:block; float:right; width:190px;
}

h1#enquiry-h1 {
	float:left; width:550px;
}

h2#enquiry-h2 span {
	float:right; font-weight:normal; font-size:11px;
}


/******************************************************************************
* right-block
*****************************************************************************/
div.right-block {
	float:left; width:200px; margin-bottom:10px;
	background-image:url(../_images/generic/right-block-bg.jpg);
	background-position:left top; background-repeat:no-repeat;
}

div.right-block h2 {
	float:left; width:200px; text-align:center;
	color:#256601; margin:8px 0px 20px 0px;
}

div#mslwr-environment div.right-block p a {
	text-align:left;
}

p.rb-pdf {
	float:left; width:150px; padding-left:40px;
	margin:0px 10px 0px 0px;
	background-image:url(../_images/generic/rb-pdf.jpg);
	background-position:10px 0px; background-repeat:no-repeat;
}

p.rb-link {
	float:left; width:150px; padding-left:40px;
	margin:0px 0px 0px 0px; font-size:11px; line-height:normal;
	background-image:url(../_images/generic/rb-ext-link.gif);
	background-position:10px 0px; background-repeat:no-repeat;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float:left; width:940px; height:112px;
}

div#footer-top {
	float:left; width:910px; height:102px; padding-left:30px; padding-bottom:10px;
	background-image:url(../_images/generic/footer-bg.jpg);
	background-repeat:no-repeat; background-position:bottom left;
}

div#footer-top a span {
	display:none;
}

p#footer-left {
	float:left; width:92px; height:92px;
}

p#footer-left a#fo-fsc {
	float:left; width:92px; height:84px; margin-right:20px;
	background-image:url(../_images/generic/footer-fsc.gif);
}

p#footer-middle {
	float:left; width:630px; height:62px; padding-top:22px;
	text-align:center;
}

html>body p#footer-middle {
	width:657px;
}

p#footer-middle a#fl-grafton {
	display:inline-block; width:233px; height:50px; margin-right:30px;
	background-image:url(../_images/generic/footer-grafton.gif);
}

p#footer-middle a#fl-derome {
	display:inline-block; width:167px; height:50px;
	background-image:url(../_images/generic/footer-derome.gif);
}

p#footer-right {
	float:right; width:131px; height:84px;
	padding-right:30px;
}

p#footer-right a#fo-pefc {
	float:right; width:131px; height:84px;
	background-image:url(../_images/generic/footer-pefc.gif);
}

p#footer-right a#fo-fsc span,
p#footer-right a#fo-pefc span {
	display:none;
}

div#footer-bottom {
	float:left; width:920px; height:60px;
	padding:0px 0px 0px 10px;
}

div#footer-bottom p {
	color:#dad4c3; font-size:11px;
}

div#footer-bottom p#fb-left {
	float:left; width:380px;
}

div#footer-bottom p#fb-right {
	float:right; width:380px; text-align:right;
}

div#footer-bottom p#fb-right a {
	font-weight:normal; color:#d3ccb7;
	text-decoration:none;
}

div#footer-bottom p#fb-right a:hover {
	text-decoration:underline;
}

/******************************************************************************
* debug
*****************************************************************************/
p.debug {
	background-color:red;	padding:2px; margin:0px;
}