/*------------------RESET------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color: white;background:white;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
/*------------------CORE------------------------*/

body{background:#818181 url(../images/end-back.png) no-repeat left 696px; overflow: hidden; font: 0.75em/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;color:#fff;text-align:left;}

a, a:hover{text-decoration:none;margin:0;padding:0;color:#ff5a00;}
p, ul{padding: 0 0 15px 0;}
ul, li{list-style-type:none;}
h1{font: normal 1.3em Arial, Helvetica, sans-serif;color:#ff5a00;margin:0 0 12px 0;text-transform:lowercase;}
h1 span{background:url(../images/semi-transparent-black.png);padding:4px 22px; }
h2{font: bold 1em Helvetica, Arial, sans-serif;color:#ff5a00;margin:0 0 5px 0; text-transform: capitalize;}
h3{font: bold 1em Helvetica, Arial, sans-serif;color:#333;margin:0 0 15px 0;}
h4{font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;color:#666; font-style:italic;margin-bottom:30px;}

img, a, input {behavior: url(iepngfix.htc)}

.clear{clear:both;}
.hrule{margin:20px 0;height:1px;width:100%;background:#aaa;}
.right{float:right;}
.orange{color:#ff5a00;}
.small-text{font-size:0.8em;}
strong{font-weight:bold;}
a:hover{text-decoration:underline;}
/*----------------------BUILD------------------------*/
#wrap{font-size:1.2em;line-height:1.5em;}
#header, #container, #footer {width:960px;margin:0 auto;}
#team { width:960px;margin:0 auto;text-align:right; padding:0;}
#team p {margin:0; padding:0; display:block;font-size:10px;}
#team p a { color:#fff;}
/*header*/
#header-wrap{background:#ececec url(../images/header-wrap-back.gif) no-repeat 50% 0;height:91px;}
#logo{background-color:#192552;color:#fff;width:383px;float:right;} /* url(../images/logo-bg.png)*/
#logo img {float:right;}
/*logo for home ONLY*/
.replace span{display:block;position:absolute;top:0px;left:0px;z-index:3;}
a.replace span{cursor:pointer;}
h1#logo-home, h1#logo-home a span{float:right;width:383px;height:91px;background:#192552 url(../images/logo-element7.png) no-repeat right;margin:0;padding:0; behavior: url(iepngfix.htc)}
h1#logo-home a{display:block;position:relative;z-index:1;color:#fff;font-size:1.5em;}
h1#logo-home{color:#ccc;font-size:1em;overflow:hidden;}
/*menu, main content*/
#container-wrap{height:560px;letter-spacing:-0.5px;}
/* page background */
#element7home {background:#888 url(../images/home-background1.jpg) no-repeat 0 91px;}
.overview #container-wrap{height:560px;background:#888;background:url(../images/background-overview.jpg) no-repeat 0 0px;letter-spacing:-0.5px;}
.products #container-wrap{height:560px;background:#888;background:url(../images/temp-home2-back.jpg) no-repeat 50% 0;letter-spacing:-0.5px;}
#products-wide-plank-wood #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-wide-plank-wood.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#products-wide-plank-wood-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-wide-plank-wood-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#products-full-grain-leather #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-full-grain-leather.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#products-full-grain-leather-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-full-grain-leather-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#products-copper-nickel-alloy #container-wrap{height:560px;background:#	888;background:#cecece;letter-spacing:-0.5px;}
#products-copper-nickel-alloy-full #container-wrap{height:560px;background:#888;background:#cecece;letter-spacing:-0.5px;}
#products-versailles-panel-parquet #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-versailles-panel-parquet.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#products-versailles-panel-parquet-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-products-versailles-panel-parquet-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}


.samples #container-wrap{height:560px;background:#cecece;letter-spacing:-0.5px;}
#light-tones #container-wrap{height:560px;background:#cecece;letter-spacing:-0.5px;}
#mid-tones #container-wrap{height:560px;background:#cecece;letter-spacing:-0.5px;}
#dark-tones #container-wrap{height:560px;background:#cecece;letter-spacing:-0.5px;}

body.samples, body.gallery {overflow: auto;}
.gallery #container-wrap{height:559px;background:#cecece;letter-spacing:-0.5px;}/*background:url(../images/temp-gallery-back.jpg) no-repeat 0 0*/
.clients #container-wrap{background:#888;background:url(../images/background-clients.jpg) no-repeat 0 0;letter-spacing:-0.5px;}


#technical-installation #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-installation.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-installation-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-installation-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-sub-floors #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-sub-floors.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-sub-floors-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-sub-floors-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-underfloor-heating #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-underfloor-heating.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-underfloor-heating-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-underfloor-heating-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-noise-control #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-noise-control.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-noise-control-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-noise-control-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-finish-floorcare #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-finish-floorcare.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
#technical-finish-floorcare-full #container-wrap{height:560px;background:#888;background:url(../images/backgrounds-technical-finish-floorcare-full.jpg) no-repeat 0 0;letter-spacing:-0.5px;}

.contact #container-wrap{background:#888;background:url(../images/backgrounds-contact.jpg) no-repeat 0 0;letter-spacing:-0.5px;}
.news #container-wrap{background:#888;background:url(../images/backgrounds-news.jpg) no-repeat 0 0;letter-spacing:-0.5px;}

#container{height:560px;}

#leftside{width:325px;float:left; z-index:45222222; position:relative;}
#sleftside{width:270px;float:left;}

/*menu 1  */
#menu {width:120px;background:url(../images/menu-back.png) repeat-y 0 0;text-transform:lowercase; height:286px; z-index:10000000; behavior: url(iepngfix.htc)}
#menu ul{padding:0 6px;width:108px;}
#menu li{width:108px;position:relative;font-size:0;float:left;}
#menu li#menu1-first{height:6px;background:#ececec;}
#menu li#menu1-last{height:11px;background:url(../images/menu1-last.png) no-repeat 0 0; behavior: url(iepngfix.htc)}
#menu li a{width:108px;height:30px;color:#888;font-size:1.2em;display:block;background-position:0 0;text-indent:-9999px;}
#menu li ul{display:none;width:202px;background:url(../images/menu2-first.png) no-repeat 0 0;padding:30px 0 0 0;z-index:1879787878; }

#menu li:hover ul{display:block;position:absolute;top:-30px;left:108px;padding:0;margin:0;font-size:0;}
#menu li:hover ul li#menu1-last{background:url(../images/menu1-last.png) no-repeat 0 0;width:202px;height:35px; behavior: url(iepngfix.htc)}

#menu li a#menu-home{background-image:url(../images/menu-home.png);}
#menu li a#menu-overview{background-image:url(../images/menu-overview.png);}
#menu li a#menu-products{background-image:url(../images/menu-products.png);}
#menu li a#menu-samples{background-image:url(../images/menu-samples.png);}
#menu li a#menu-gallery{background-image:url(../images/menu-gallery.png);}
#menu li a#menu-clients{background-image:url(../images/menu-clients.png);}
#menu li a#menu-news{background-image:url(../images/menu-news.png);}
#menu li a#menu-technical{background-image:url(../images/menu-technical.png);}
#menu li a#menu-contact{background-image:url(../images/menu-contact.png);}
#menu li a#menu-dealers{background-image:url(../images/menu-dealers.png);}
#menu li a:hover, #menu li:hover a{background-position:0 -30px;padding:0;margin:0;font-size:0;z-index:100000004; }

/*menu 2*/
#menu li ul li a, #menu li:hover ul li a{width:145px;height:50px;display:block;background-repeat:no-repeat;background-position:0 0;z-index:100000020;}/*specs for all flyouts except menu2e - see next line*/
#menu li ul#menu2e li a, #menu li:hover ul#menu2e li a{width:165px;height:30px;display:block;background-repeat:no-repeat;background-position:0 0;}
#menu li ul li a.menu2-wood{background-image:url(../images/menu2-wood.png);}
#menu li ul li a.menu2-leather{background-image:url(../images/menu2-leather.png);}
#menu li ul li a.menu2-alloy{background-image:url(../images/menu2-alloy.png);}
#menu li ul li a.menu2-parquet{background-image:url(../images/menu2-parquet.png);}
#menu li ul li a.menu2-clients{background-image:url(../images/menu2-clients.png);}
#menu li ul li a.menu2-specifiers{background-image:url(../images/menu2-specifiers.png);}
#menu li ul li a.menu2-installation{background-image:url(../images/menu2-installation.png);}
#menu li ul li a.menu2-sub{background-image:url(../images/menu2-sub.png);}
#menu li ul li a.menu2-heating{background-image:url(../images/menu2-heating.png);}
#menu li ul li a.menu2-noise{background-image:url(../images/menu2-noise.png);}
#menu li ul li a.menu2-finish{background-image:url(../images/menu2-finish.png);}
#menu li ul li a:hover{background-position:0 -50px;height:50px;}
#menu li ul#menu2e li a:hover{background-position:0 -30px;height:30px;}

/*products*/
#menu li ul#menu2a, #menu li ul#menu2a li{width:145px;background-repeat:no-repeat;background-position:0 0; z-index:1000000; overflow:hidden;}
#menu li ul#menu2a{padding:4px 0 0 0;}/*background-image:url(../images/menu2a-first.png);*/
#menu li ul#menu2a li#menu2a-last{height:60px;} /*background-image:url(../images/menu2a-last.png);*/
/*samples*/
#menu li ul#menu2b, #menu li ul#menu2b li{width:145px;background-repeat:no-repeat;background-position:0 0;z-index:1000003;overflow:hidden;}
#menu li ul#menu2b{padding:2px 0 0 0;} /*background-image:url(../images/menu2b-first.png);*/
#menu li ul#menu2b li#menu2b-last{height:36px;} /*background-image:url(../images/menu2b-last.png);*/
/*clients*/
#menu li ul#menu2c, #menu li ul#menu2c li{width:145px;background-repeat:no-repeat;background-position:0 0;z-index:1000001;overflow:hidden;}
#menu li ul#menu2c{padding:16px 0 0 0;} /*background-image:url(../images/menu2c-first.png);*/
#menu li ul#menu2c li#menu2c-last{height:42px;} /*background-image:url(../images/menu2c-last.png);*/
/*gallery*/
#menu li ul#menu2d, #menu li ul#menu2d li{width:145px;background-repeat:no-repeat;background-position:0 0;z-index:1000002;overflow:hidden;}
#menu li ul#menu2d{padding:3px 0 0 0;} /*background-image:url(../images/menu2d-first.png);*/
#menu li ul#menu2d li#menu2d-last{height:20px;} /*background-image:url(../images/menu2d-last.png);*/
/*technical*/
#menu li ul#menu2e, #menu li ul#menu2e li{width:165px;background-repeat:no-repeat;background-position:0 0;z-index:1000050;overflow:hidden;}
#menu li ul#menu2e{padding:6px 0 0 0;} /*background-image:url(../images/menu2e-first.png);*/
#menu li ul#menu2e li#menu2e-last{height:31px;} /*background-image:url(../images/menu2e-last.png);*/

/*Active Menus*/

/*menu1*/
.home #menu li#active-home a, 
.overview #menu li#active-overview a, 
.products #menu li#active-products a, 
.samples #menu li#active-samples a, 
.clients #menu li#active-clients a,
.news #menu li#active-news a,
.gallery #menu li#active-gallery a,
.technical #menu li#active-technical a,
.contact #menu li#active-contact a
{background-position:0 -30px;}

.products #menu li ul#menu2a, 
.samples #menu li ul#menu2b, 
.clients #menu li ul#menu2c, 
.gallery #menu li ul#menu2d, 
.technical #menu li ul#menu2e
{display:block;position:absolute;top:-30px;left:108px;}

.products #menu li#active-products ul#menu2a li a, 
.samples #menu li#active-samples ul#menu2b li a, 
.clients #menu li#active-clients ul#menu2c li a, 
.gallery #menu li#active-gallery ul#menu2d li a, 
.technical #menu li#active-technical ul#menu2e li a
{background-position:0 0;}

.products #menu li#active-products ul#menu2a li a:hover, 
.samples #menu li#active-samples ul#menu2b li a:hover, 
.clients #menu li#active-clients ul#menu2c li a:hover, 
.gallery #menu li#active-gallery ul#menu2d li a:hover
{background-position:0 -50px;}

.technical #menu li#active-technical ul#menu2e li a:hover
{background-position:0 -30px;}

/*menu2*/

#wide-plank-wood-floors #menu li ul#menu2d li a.menu2-wood,
#full-grain-leather-floors #menu li ul#menu2d li a.menu2-leather, 
#copper-nickel-alloy-floors #menu li ul#menu2d li a.menu2-alloy, 
#versailles-panel-parquet-floors #menu li ul#menu2d li a.menu2-parquet, 
#products-wide-plank-wood #menu li ul#menu2a li a.menu2-wood, 
#products-wide-plank-wood-full #menu li ul#menu2a li a.menu2-wood, 
#products-full-grain-leather #menu li ul#menu2a li a.menu2-leather, 
#products-full-grain-leather-full #menu li ul#menu2a li a.menu2-leather, 
#products-copper-nickel-alloy #menu li ul#menu2a li a.menu2-alloy, 
#products-copper-nickel-alloy-full #menu li ul#menu2a li a.menu2-alloy, 
#products-versailles-panel-parquet #menu li ul#menu2a li a.menu2-parquet,
#products-versailles-panel-parquet-full #menu li ul#menu2a li a.menu2-parquet,
#samples-wide-plank-wood #menu li ul#menu2b li a.menu2-wood, /**********/
#samples-full-grain-leather-floors #menu li ul#menu2b li a.menu2-leather,
#samples-copper-nickel-alloy-floors #menu li ul#menu2b li a.menu2-alloy,
#samples-versailles-panel-parquet-floors #menu li ul#menu2b li a.menu2-parquet,
#element7-clients #menu li ul#menu2c li a.menu2-clients, 
#element7-specifiers #menu li ul#menu2c li a.menu2-specifiers
{background-position:0 -50px;}


#technical-installation #menu li ul#menu2e li a.menu2-installation, 
#technical-installation-full #menu li ul#menu2e li a.menu2-installation, 
#technical-sub-floors #menu li ul#menu2e li a.menu2-sub, 
#technical-sub-floors-full #menu li ul#menu2e li a.menu2-sub,
#technical-underfloor-heating #menu li ul#menu2e li a.menu2-heating, 
#technical-underfloor-heating-full #menu li ul#menu2e li a.menu2-heating, 
#technical-noise-control #menu li ul#menu2e li a.menu2-noise, 
#technical-noise-control-full #menu li ul#menu2e li a.menu2-noise, 
#technical-finish-floorcare #menu li ul#menu2e li a.menu2-finish,
#technical-finish-floorcare-full #menu li ul#menu2e li a.menu2-finish
{background-position:0 -30px;}

/*rightside, main content etc*/
#content{position:relative;width:635px;float:left;height:560px;}
#scontent{position:relative;width:690px;float:left;height:500px; color:#767676;} /* background: #fff;*/
.contact #content{position:relative;width:635px;height:560px;float:left;}

#home-content{position:absolute;top:140px;left:190px;width:388px;height:91px;font-size:1.1em;line-height:1.6em;}
#home-content h2{width:388px;height:91px;}

#main-content-wrap{margin:104px 0 0 0;position:relative;}
#main-content{background:url(../images/semi-transparent-black.png);;width:570px;height:345px;color:#fff;padding:0px 0 0 25px;font-size:0.9em;line-height:1.3em;letter-spacing:0;overflow:hidden}/*;*/
#scroll-content {width:560px;height:320px;padding:25px 10px 0 0;}
#scroll-content p {font-size:12px;}
#scroll-content p strong {font-weight:bold;}
#pre-footer{height:26px;background:#333;width:596px; vertical-align:top;}

.clients #main-content-wrap {margin:104px 0 0 0;position:relative;}
.clients #main-content {background: url(../images/semi-transparent-black.png);width:600px;height:345px;color:#fff;padding:0px 0 0 25px;overflow:hidden}/*;*/
.clients #scroll-content {width:590px;height:300px;padding:25px 10px 20px 0;}
.clients #pre-footer {height:26px;background:#333;width:625px; vertical-align:top;}

.overview #main-content {background: url(../images/semi-transparent-black.png); }

#products-copper-nickel-alloy #main-content
{background: #000; width:571px;}

#products-versailles-panel-parquet #main-content
{background: url(../images/semi-transparent-black.png); width:571px;}

#products-copper-nickel-alloy #main-content h1,
#products-versailles-panel-parquet #main-content h1
{color: #fff; text-transform: uppercase; font-size:23px; text-align:center;margin-top:90px;}
	
#scroll-content p, #scroll-content-clients p { padding-right:10px;}

#main-img{width:635px;height:90px;}

/*samples*/

/*new Styles 20091118*/

#scontent h1.sample-heading {margin: 23px 0 40px 0;float: right; color:#c4c4c4; letter-spacing: -0.055em;padding-top:0; text-align: right; font-size:13px; }
.technical-data-container {position:relative; margin:0; padding:0; background: #eb090f; }
.technical-data-container .technical-data-block .data {width: 40px; border-left: 1px dotted #767676; float: right; padding: 0 0 0 15px}
.technical-data-container .technical-data-block h2.sample-data {width:40px; padding:3px 15px 0 0 ; text-align:right; font-size: 14px; color:#767676; margin: 0px; float: left; letter-spacing: -0.055em; font-weight:lighter;}

.technical-data-container #width{ position: absolute; top:0; left:1px; width: 120px;}
.technical-data-container #depth{position: absolute; top:0; left:170px; }
.technical-data-container #length{position: absolute; top:0; left:332px;}
.technical-data-container #janka-rating{position: absolute; top:0; right:1px;}
.technical-data-container #random-widths{position: absolute; top:55px; left:170px;}

#sample-image-holder {width:523px; height:330px; margin:120px auto; overflow: hidden;}

#Collections1_divToneID img {}
/**/

h1#title-wood, h1#title-wood span{background:url(../images/title-wood.png) no-repeat 0 0;width:131px;height:31px;padding:0;}
h1#title-wood{position:relative;z-index:1;display:block;overflow:hidden;margin:96px 0 12px 50px;}

#samples-select{width:102px;background:#000;height:560px;float:left;}
#samples-main{height:560px;background:#fff;margin:0 0 0 8px;float:left;width:580px; position:relative;}

#subnav{position:absolute;left:-145px;top:445px}
#subnav ul{width:145px;padding:25px 0 0 0;} /* background:url(../images/subnav-first.png) no-repeat 0 0; */
#subnav li a{color:#fff;width:145px;height:30px;}
#subnav li#subnav-last{height:22px;width:145px;}/*background:url(../images/subnav-last.png) no-repeat;*/
#subnav li a{width:145px;height:30px;display:block;background-position:0 0;text-indent:-9999px;}
#subnav li a#subnav-dark{background-image:url(../images/subnav-dark.png);}
#subnav li a#subnav-medium{background-image:url(../images/subnav-medium.png);}
#subnav li a#subnav-light{background-image:url(../images/subnav-light.png);}
#subnav li a:hover{background-position:0 -30px;}
#subnav li a.select {background-position:0 -30px;}

/*footer*/
#footer-wrap{height:45px;background:url(../images/footer-back.gif) repeat-x 0 0;}
#footer{height:45px;color:#767676;line-height:45px;}

#footer ul{display:inline;margin:0 0 0 10px;}
#footer li{display:inline;}
#footer a{color:#767676;}

/*image replace buttons*/
#full-analysis a, #download-pdf a, #backto-overview a
{display:block;position:relative;z-index:1;color:#fff;font-size:1.2em;overflow:hidden;}

#products-copper-nickel-alloy #full-analysis 
{display:none;}


#full-analysis, #download-pdf, #backto-overview
{overflow:hidden;}

#full-analysis, #full-analysis a span{float:right;width:105px;height:26px;background:url(../images/full-analysis.png) no-repeat;}
#download-pdf, #download-pdf a span{float:right;width:151px;height:26px;background:url(../images/download-pdf.png) no-repeat;}
#backto-overview, #backto-overview a span{float:left;width:133px;height:26px;background:url(../images/backto-overview.png) no-repeat;}
#download-pdf { margin-right:5px;}

/*specific main-content backgrounds*/
.products-leather-back{background:#fff url(../images/products-leather-back.png) no-repeat 0 bottom;}
.products-copper-back{width:214px;height:197px;/*background:url(../images/products-copper-back.png) no-repeat 0 0;*/position:absolute;bottom:26px;right:-18px;}
.products-parquet-back{background:#fff url(../images/products-parquet-back.png) no-repeat right top;}
.technical-installation-back {background:#fff url(../images/technical-installation-back.png) no-repeat right bottom;}
.technical-floorcare-back {background:#fff url(../images/technical-floocare-back.png) no-repeat right bottom;}
.technical-underfloor-back{background:#fff url(../images/technical-underfloor-back.png) no-repeat left bottom;}
.technical-noise-back{background: url(../images/technical-noise-back.png) no-repeat left bottom ;}

.text-paddingfix{padding-right:100px;}

p.text-paddingfix { width:510px; display:block;}

#contact-address{width:53px;height:13px;position:absolute;top:60px;left:35px;background:url(../images/contact-address.png) no-repeat 0 0;}
#contact-format-fix{text-align:right;padding:0px 25px 0 25px;}

#contact-logos{width:120px;position:absolute;left:-160px;top:0;z-index:10; background:url(../images/semi-transparent-white.png);height:559px; text-align:center;}
.contact div.contactus {background:url(../images/contact-back.png) no-repeat left bottom !important;z-index:2; }
.contact #pre-footer {display:none;}

#contact-logos img { z-index:5;position:relative;}

/* tones */
div.tones {height:558px; width:102px;background-color:#2c2c2c; text-align:center;float:left; overflow:hidden;}

div.tones div.tone ul { margin:0; padding:14px;}
div.tones div.tone ul li { margin:0; padding:0; list-style-type:none;}
div.tones div.tone ul li a { display:block; margin:0 0 16px 0;}
div.tones div.tone ul li a img { border:1px solid #000;}
div.tones div.tone ul li a img.selectedbrd { border:1px solid #fff;}
div.tones div.tone ul li a:hover img { border:1px solid #fff;}

div.loading { color:#767676;}

div.tone-details {float:left;display:block; width:523px;height:560px; margin:0 0 0 29px; padding:0; background-color:#fff; line-height:14px; font-size:12px;overflow:hidden; position:relative;}  

div.tone-details h1{ text-align:right; margin:56px 0 65px 0; font-size:12px; color:#c4c4c4;}
div.tone-details h2 { font-size:12px; color:#c4c4c4; text-transform:lowercase; width:40px; position:absolute; padding:1px 0 0 0; text-align:right; font-weight:normal; }
div.tone-details p {color:#767676; font-size:11px;position:absolute; border-left:1px dotted #c4c4c4; padding:3px 0 0 10px}

div.tone-details h2.width { left:0px; top:140px;}
div.tone-details p.width { left:60px; top:140px; height:60px;}

div.tone-details h2.depth { left:140px; top:140px;}
div.tone-details p.depth { left:200px; top:140px; height:60px;}

div.tone-details h2.randomwidth { left:140px; top:170px;}
div.tone-details p.randomwidth { left:200px; top:170px; height:35px;border-left:0; }

div.tone-details h2.length { left:290px; top:140px;}
div.tone-details p.length { left:345px; top:140px; height:60px;}

div.tone-details h2.jankarating { left:410px; top:140px;}
div.tone-details p.jankarating { left:465px; top:140px; height:60px;}

div.tone-details img { bottom:0; left:0px; padding:0 0 0 -10px;}

/*


div.tone-details h1 { position:relative; width:522px;height:31px; left:0px;top:0px;line-height:31px; text-indent:-23125px; margin:0 auto; }

div.tone-details h1.washed-luna-larch{ background:url(../images/element7-title-light-1-washed-luna-larch.jpg) no-repeat right top;}
div.tone-details h1.washed-fine-oak{ background:url(../images/element7-title-light-2-washed-fine-oak.jpg) no-repeat right top;}
div.tone-details h1.washed-forest-oak{ background:url(../images/element7-title-light-3-washed-forest-oak.jpg) no-repeat right top;}
div.tone-details h1.european-maple{ background:url(../images/element7-title-light-4-european-maple.jpg) no-repeat right top;}
div.tone-details h1.natural-rock-maple{ background:url(../images/element7-title-light-5-natural-rock-maple.jpg) no-repeat right top;}
div.tone-details h1.drift-oak{ background:url(../images/element7-title-light-6-drift-oak.jpg) no-repeat right top;}

div.tone-details h1.natural-fine-oak{ background:url(../images/element7-title-mid-1-natural-fine-oak.jpg) no-repeat right top;}
div.tone-details h1.natural-forest-oak{ background:url(../images/element7-title-mid-2-natural-forest-oak.jpg) no-repeat right top;}
div.tone-details h1.washed-luna-larch-mosaic{ background:url(../images/element7-title-mid-3-washed-luna-larch-mosaic.jpg) no-repeat right top;}
div.tone-details h1.fired-medium-ash{ background:url(../images/element7-title-mid-4-fired-medium-ash.jpg) no-repeat right top;}
div.tone-details h1.fired-luna-larch{ background:url(../images/element7-title-mid-5-fired-luna-larch.jpg) no-repeat right top;}
div.tone-details h1.distressed-oak{ background:url(../images/element7-title-mid-6-distressed-oak.jpg) no-repeat right top;}
div.tone-details h1.fired-maple{ background:url(../images/element7-title-mid-7-fired-maple.jpg) no-repeat right top;}
div.tone-details h1.cherry{ background:url(../images/element7-title-mid-8-cherry.jpg) no-repeat right top;}
div.tone-details h1.natural-luna-larch-mosaic{ background:url(../images/element7-title-mid-9-natural-luna-larch-mosaic.jpg) no-repeat right top;}

div.tone-details h1.quarter-sawn-walnut{ background:url(../images/element7-title-dark-1-quarter-sawn-walnut.jpg) no-repeat right top;}
div.tone-details h1.walnut{ background:url(../images/element7-title-dark-2-walnut.jpg) no-repeat right top;}
div.tone-details h1.fired-dark-ash{ background:url(../images/element7-title-dark-3-fired-dark-ash.jpg) no-repeat right top;}
div.tone-details h1.washed-fired-oak{ background:url(../images/element7-title-dark-4-washed-fired-oak.jpg) no-repeat right top;}
div.tone-details h1.fired-oak{ background:url(../images/element7-title-dark-5-fired-oak.jpg) no-repeat right top;}
div.tone-details h1.fired-dark-beech{ background:url(../images/element7-title-dark-6-fired-dark-beech.jpg) no-repeat right top;}
div.tone-details h1.washed-ash-mosaic{ background:url(../images/element7-title-dark-7-washed-ash-mosaic.jpg) no-repeat right top;}
div.tone-details h1.natural-ash-mosaic{ background:url(../images/element7-title-dark-8-natural-ash-mosaic.jpg) no-repeat right top;}
div.tone-details h1.fired-acacia{ background:url(../images/element7-title-dark-9-fired-acacia.jpg) no-repeat right top;}
div.tone-details h1.nero-oak{ background:url(../images/element7-title-dark-10-nero-oak.jpg) no-repeat right top;}

div.tone-details h2 {margin:0; padding:0; width:95px; height:19px; position:relative; left:425px;top:30px; background:url(../images/technical-data.png) no-repeat; line-height:19px; text-indent:-23125px; }


div.tone-details ul { margin:0; padding:12px 0 0 0; color:#767676; width:521px;display:block; overflow:hidden;}
div.tone-details ul li { float:left; width:100px;padding:0 0 0 62px; margin:0;display:block;}
div.tone-details ul li.width { background:url(../images/width.png) no-repeat;margin:0 0 28px 0;}
div.tone-details ul li.depth { background:url(../images/depth.png) no-repeat; margin:0 0 28px 0;width:140px;}
div.tone-details ul li.length { background:url(../images/length.png) no-repeat;}
div.tone-details ul li.jankarating { background:url(../images/jankarating.png) no-repeat;}
div.tone-details ul li.randomwidths { background:url(../images/randomwidths.png) no-repeat;}

div.tone-details ul li span.label { text-indent:-23521px;color:Red;display:block; float:left;}
div.tone-details ul li span.data { border-left:1px dotted #d8d8d8; padding:2px 0 2px 15px;display:block;float:left; height:55px}

div.tone-details img { padding:22px 0 0 0; display:block; border:0;margin:0; }

/*
div.tone-techdata-block { width:105; float:left; color:#9c9c9c; margin:0 10px;}
div.tone-techfield { width:60px;height:45px; display:block;float:left;}
div.tone-techdata-block div p { text-indent:-35214px;} /**/

/*div.tone-techdata-block div.width {background:url(../../../../images/width.png) no-repeat 0 3px;}
div.tone-techdata-block div.depth {background:url(../../../../images/depth.png) no-repeat 0 3px;}
div.tone-techdata-block div.length {background:url(../../../../images/length.png) no-repeat 0 3px;}
div.tone-techdata-block div.jankarating {background:url(../../../../images/jankarating.png) no-repeat 0 3px;}
div.tone-techdata-block div.randomwidths {background:url(../../../../images/randomwidths.png) no-repeat 0 3px;}
*/
div.tone-techdata { border-left:1px dotted #c0c0c0; padding:5px 0 5px 10px;float:left; min-height:40px; overflow:hidden; display:block; }


/* tone tooltip */
.tone-tooltip {display: block;	position: absolute;	z-index:1000000;margin:0px 0 0 50px;padding:9px 5px 3px 5px;font-size: 12px;color: #fff;background:url(../images/tone-tooltip.png) no-repeat;
    /* Make background a bit transparent for browsers that support rgba */	
	background: rgba(ff, 5a, 00, 0.5);line-height:14px;}

/* gallery panel */

#gallery-left {float:left; width:285px; }
#gallery-right {float:left; width:675px; height:404px; vertical-align:bottom; padding:33px 0 0 0;}

#gallery-panel { margin:0; padding:14px 0; width:960px; overflow:hidden; background-color:#f6f6f6;position:relative;}
#gallery-panel-left { float:left; width:93px; }
#gallery-panel-left-arrow { float:left;width:30px;}
#gallery-panel-right { float:left;width:790px;overflow:hidden; }
#gallery-panel-right-arrow { float:left;width:30px; }
#gallery-panel-right ul li img { cursor:pointer; margin-right:2px;}
#gallery-panel-right ul, #gallery-panel-right li{
		margin:0;
		padding:0;
		list-style:none;
		}
#gallery-panel-right, #gallery-panel-right li{ 
		width:805px;
		height:95px;
		overflow:hidden; 
		}
#prevBtn{position:absolute;left:100px;}
#prevBtn a {width:25px; height:95px;background:url(../images/left-arrow-gallery.png) no-repeat left center; text-indent:-212504px;display:block; outline:none;}
#nextBtn{position:absolute;left:930px;}		
#nextBtn a {width:30px; height:95px;background:url(../images/right-arrow-gallery.png) no-repeat center center;text-indent:-212504px;display:block;outline:none;}

#gallery-panel-left h2 { margin:0; padding:0; width:92px; height:31px; text-indent:-23524px; background:url(../images/gallery-panel.png) no-repeat;} 
#gallery-panel-left-arrow {display:block; height:15px; width:30px; line-height:95px;}
#gallery-panel-right-arrow {display:block; height:15px; width:30px; line-height:95px;}

/* news List */
#news-list {margin:0 0 0 0 ;padding:0; width:610px; height:395px;background: url(../images/semi-transparent-black.png);display:block;overflow: auto;}
#news-list div.news-item { padding:30px 0 0 0; color:#fff; width:501px; overflow:hidden; margin:0 auto; border-bottom:1px dotted #767676; }
#news-list div.news-image { width:501px; height:200px; overflow:hidden; margin:0 0 18px 0; background-color:#69697c;}

#news-list div.news-content h2 {margin:0; padding:0 0 7px 0; font-size:20px; color:#f5f5f5; line-height:25px; letter-spacing:-1px; font-weight:normal;} 
#news-list div.news-content h2 a {color:#f5f5f5;}
#news-list div.news-content p.news-info { color:#f5f5f5;display:block; padding:0 0 20px 0;}
#news-list div.news-content span.author {color:#ff5a00;} 
#news-list div.news-content p { font-size:12px;line-height:16px;letter-spacing:normal;}
#news-list div.news-content p.tags { line-height:20px;}
#news-list div.news-content p.tags span {color:#ff5a00;}
#news-list div.paginate { width:501px;padding:12px 0; font-size:12px; margin:0 auto;color:#3e3e3e; }
#news-list div.paginate div.left { width:200px;float:left;}
#news-list div.paginate div.left ul.paging li a { display:block; padding:0px 5px; float:left; border:1px solid #3e3e3e;margin:0 3px 0 0;}
#news-list div.paginate div.left ul.paging li.active a {background-color:#3e3e3e;}
#news-list div.paginate div.left ul.paging li a:hover {background-color:#3e3e3e;}
#news-list div.paginate div.right { width:300px;float:left; text-align:right;}
#news-list div.paginate input { font-size:10px; font-weight:bold; padding:0; margin:0;}

.jScrollPaneContainer { position: relative;overflow: hidden;z-index: 1;}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 395px;
	background: #c4c4c4;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;	
	background:#767676 url(../images/scroll-down.png) no-repeat center bottom;	
	vertical-align:bottom;
}
.jScrollPaneDrag span
{
   display:block;
   height:40px;
   width:20px;
   position: absolute;
   background:#767676 url(../images/scroll-up.png) no-repeat center top;
}


.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

p.overview-logo { position:absolute; bottom:0;margin:0 0 20px 0;}
p.nonjsalert { color:Red; text-align:center; background-color:#fff;}

#clients { font-size:11px; line-height:14px;}
#clients div.clients-left { width:197px; float:left;}
#clients div.clients-left ul { margin:0; padding:0; list-style:none;} 
#clients div.clients-center {width:188px; float:left;}
#clients div.clients-right {width:160px; float:left;}

ul.page404 {padding:0 0 0 20px; }
ul.page404 li {list-style:circle;}