@charset utf-8; 

/* =reset browser defaults, used YUI reset-min.css */
html { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { font-size:100%; }
legend { color:#000; }
html { font-size:100%; font-family:Calibri,'trebuchet ms',Verdana,Geneva,Arial,Helvetica,sans-serif; }
body { font-size:.75em; text-align:left; }
#skip,h6,.ui-tabs-hide { display:none; }
#page { background:url(bambu.png) no-repeat 100% -110px #fff; width:795px; }
a,a:visited { color:#15522c; }
#content strong { font-weight:bold; }

/* =branding */
#branding { margin:10px 0; position:relative; }
#branding img { position:relative; top:0; left:0; }
#branding h2 { color:#07481f; position:absolute; top:10px; left:40px; text-transform:uppercase; font-size:1.4em; letter-spacing:2px; }
#branding h3 { position:absolute; top:30px; left:70px; color:#07481f; font-size:.9em; font-style:normal; letter-spacing:2px; text-shadow:1px -1px 0 #aed56d; }

/* =site-info */
#site-info { width:100%; clear:both; background:url(take.png) no-repeat 0 0 #fff; padding:40px 0 45px 70px; margin:60px 5px 10px; width:440px; z-index:100; position:relative; }
#site-info p { display:inline; color:#15522c; background:url(nappulan_tausta.gif) repeat-x 100% 50% #fff; padding:2px 10px; text-transform:uppercase; text-decoration:none; font-size:.95em; text-align:center; border:2px solid #aed56d; }
#site-info li { display:inline; padding:5px 10px 5px 0; }
#site-info li a { color:#15522c; text-decoration:none; font-size:1em; }
#site-info li a:hover { text-decoration:underline; }

/* =site-tools */
#site-tools { width:260px; background:#fff; text-align:left; z-index:600; padding:0; clear:both; position:absolute; top:600px; left:540px; }
#site-tools li { display:inline; padding:5px 10px; }
#site-tools li a { color:#15522c; text-decoration:underline; font-size:1em; }
#site-tools li a:hover { text-decoration:underline; }

/* =TABS */
#navigation-global li#etusivu { padding:5px 2px; }
#navigation-global li#etusivu img { position:relative; top:-11px; left:-2px; }
#navigation-global .selected { border-color:#15522c; border-width:2px; border-top-width:5px; border-bottom:none; background:#fff; padding:5px 25px 6px; position:relative; top:-4px; z-index:100; color:#000; }
#navigation-global { font-size:1.2em; text-transform:uppercase; margin:0 5px; width:540px; float:left; position:relative; z-index:50000; }
#navigation-global li { float:left; width:auto; height:20px; border:1px solid #999; border-bottom-color:#15522c; padding:5px 20px; margin-top:5px; background:url(tausta.gif) repeat-x 0 10% #eee; text-align:center; z-index:100; color:#666; }
#navigation-global li.special { background-position:0 50%; }
#navigation-global a,#navigation-global a:visited { color:#000; text-decoration:none; }
#navigation-global a:hover { color:#000; text-decoration:underline; }

/* =nostot */
.parketit #products-tabs,.tasot #products-tabs { position:absolute; top:30px; left:-40px; font-size:1.3em; }
#products-tabs li { margin:5px 0; cursor:pointer; }
.parketit #products-tabs { float:left; overflow:hidden; }
.etusivu #products-tabs li { width:120px; float:left; }
#products-tabs a { display:block; background:url(tausta.gif) repeat-x 0 10% #eee; padding:2px 8px; color:#15522c; border:2px solid #999; text-decoration:none; font-weight:bold; outline:none; }
#products-tabs a:active,#products-tabs a:hover,#products-tabs .ui-tabs-selected a { border:2px solid #D96528; }
.etusivu #products-tabs .ui-tabs-selected a { border-bottom:none; background:#fff; padding:2px 8px 4px; }

/* =content */
#content { width:540px; margin:5px; min-height:325px; position:relative; top:35px; 
/*	border-top: 2px solid #15522c;*/
}
#content-main { margin:10px 0 10px 40px; position:relative; top:-25px; }
#bambuparketti.tarjous #content-main,#bambuparketti.esite #content-main { top:-35px; }
#bambuparketti.etusivu #content-main { margin-left:10px; }
#bambuparketti.parketti-kartta #content,#bambuparketti.parketti-kartta #content-main { width:100%; }
#content h2 { font-size:2.1em; color:#15522c; letter-spacing:-1px; }
#content h3 { font-size:1.6em; color:#15522c; letter-spacing:-1px; }
#content h4 { clear:both; font-size:1.2em; color:#15522c; }
#content #content-sub h4 { font-size:1.55em; letter-spacing:-1px; text-shadow:1px -1px 0 #aed56d; }
#content p { font-size:1.2em; line-height:1.2em; margin:5px 0 10px; }
#content p span { font-size:1.2em; padding:0 2px; }
#product-img,#product-surface { position:relative; left:-40px; clear:both; margin-top:10px; }
#product-surface,#product-structure { float:left; }
p#product-img { position:relative; top:40px; }
#product-img img { width:790px; border-bottom:4px solid #15522c; padding-bottom:2px; }
#product-surface img { float:left; width:300px; }
#product-structure img { float:right; margin:0 5px 10px 10px; height:100px; }
#product-details { float:left; width:190px; margin:0; }
#product-details li { margin:5px 0; font-size:1.4em; background:url(nappulan_vaekaenen.gif) no-repeat 0 50% transparent; padding:5px 0 5px 20px; }
#content ul li#with-button { margin-top:50px; }
li.with-button { float:left; 
/*background: url(nappulan_varjo.gif) no-repeat 0 100% #fff;*/
margin:10px 0 0; padding:0; }
p.button { margin:0 0 0 6px; 
/*background: url(nappulan_varjo.gif) no-repeat 100% 100% #fff;*/
padding:0 0 12px; width:8.5em; float:left; }
p.button a,button { background:url(nappulan_tausta.gif) repeat-x 100% 50% #fff; padding:2px 10px; text-transform:uppercase; text-decoration:none; color:#fff; font-size:.9em; text-align:center; border:2px solid #aed56d; }
p.button a:hover,button:hover { background:url(nappulan_tausta_hover.gif) repeat-x 100% 50% #fff; }
button { font-size:1.1em; }
#content-sub { position:absolute; top:50px; left:545px; color:#15522c; }
#content-sub ul { background:url(tausta.gif) repeat-x 100% 100% #fff; width:205px; padding:0 20px; border-bottom:2px solid #15522c; margin:0; box-shadow:4px 8px 10px #15522C; -moz-box-shadow:4px 8px 10px #15522C; -webkit-box-shadow:4px 8px 10px #15522C; }
#content-sub li { margin:15px 0; font-size:1.4em; padding:5px 0 5px 35px; background:url(nappulan_vaekaenen2.gif) no-repeat 0 50% transparent; }

/* =gallery */
#gallery { background-color:#fff; padding:10px; width:480px; }
#gallery ul { list-style:none; }
#gallery ul li { display:inline; }
#gallery ul img { border:5px solid #3e3e3e; border-width:5px 5px 20px; }
#gallery ul a:hover img { border:5px solid #15522c; border-width:5px 5px 20px; color:#15522c; }
#gallery ul a:hover { color:#15522c; }

/* root element for single scroll */
.scroll { position:relative; overflow:hidden; width:512px; height:522px; float:left; margin:5px 0 15px; box-shadow:4px 8px 10px #555; -moz-box-shadow:4px 8px 10px #555; -webkit-box-shadow:4px 8px 10px #555; }

/* root element for the scroll pics */
.scroll .pics { width:20000em; position:absolute; clear:both; }

/* single scroll item */
.pics div { float:left; cursor:pointer; width:512px!important; height:512px; border:5px solid #15522c; border-left:none; border-right:none; box-shadow:0 -6px 10px #555; -moz-box-shadow:0 -6px 10px #555; -webkit-box-shadow:0 -6px 10px #555; }
.pics:hover div { box-shadow:0 0 10px #555; -moz-box-shadow:0 0 10px #555; -webkit-box-shadow:0 0 10px #555; }

/* possible settings for the active scroll */
.scroll.active { }

/* =captions */
.boxcaption h3,.boxcaption p,.boxcaption a { color:#f4f4f4; }
#content .scroll h3 { margin:10px 10px 0; color:#aed56d; font-size:18px; letter-spacing:-1px; font-weight:bold; text-shadow:1px -1px 0 #111; }
.boxgrid { overflow:hidden; position:relative; }
.boxgrid img { position:absolute; top:0; left:0; border:0; }
.boxgrid p { padding:0 10px; font-weight:normal; font-size:1.1em; }
.boxcaption { float:left; position:absolute; bottom:-150px; left:0; background:#000; background:rgba(0,0,0,0.8); height:100px!important; width:100%; border:0!important; 
/* For IE 5-7 */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }