html {
 background:#70d6b1 top left url('/img/layout/html_bg.jpg');
 margin:0;
 padding:0;
 height:100%;
}

body {
 font-family:Tahoma, Geneva, sans-serif; 
 font-size: 80%; 
 color:#000000; 
 margin:0px; 
 padding:0px;
 background:transparent top left repeat-x url('/img/layout/body_bg.jpg');
 height:100%;
}


small {
 font-size:85%;
}


h1 { 
 font-size:140%;
 font-weight:normal;
 margin-top:0;
 color:#eb9937;
}


h2, h3 { 
 font-size:120%;
 font-weight:normal;
 color:#eb9937;
}


a, a:visited {
 color:#eb9937;
 text-decoration:none;
 outline: none;
}

.error,.virhe {
 color: #CC3333;
}

hr { 
 height:1px;
 color:#91d490; 
 background-color:#91d490; 
 border:none;
}

.button {
 color:white;
 background-color:#9bd89a;
 padding:6px 10px;
 border:0;
 cursor:pointer;
}


.data-header {
 background-color:#9bd89a;
 color:white;
 border:1px solid #9bd89a;
 font-weight:bold;
}

a.data-header,a.data-header:visited {
 color:white;
 border:none;
}


.data,.dataHL {
 border:1px solid #9bd89a;
}

.data-highlight,.dataHL:hover {
 border:1px solid #9bd89a;
 background-color:white;
}


.th-box-tr {
 border:1px solid #9bd89a;
 padding:0.5em;
}

.th-box-att {
 border:1px solid #9bd89a;
 padding:0.5em;
 background-color:#f5f5f5;
}

.th-box-tr.small, .th-box-att.small {
 font-size: 80%; 
}


.pager-current {
 border:1px solid #9bd89a;
 padding: 2px 5px;
 margin:2px;
 font-weight:bold;
 text-decoration:none;
}

.pager-other {
 border:1px solid #9bd89a;
 padding: 2px 5px;
 text-decoration:none;
}

.pager-arrow {
 font-weight:bold;
 text-decoration:none;
}






/* CUI-TIEDOTEPALSTA */

div.bulletin-list-separator {
 border-top:1px solid #9bd89a;
}

.bulletin-list-tight {
 margin:5px 0;
}

span.bulletin-view-ingress-bold {
 font-weight:bold;
}





/* CUI-VERKKOKAUPPA */

div.order-path {
 padding-bottom:10px;
 margin-bottom:1.2em;
 border-bottom:1px solid #9bd89a;
}







/* PROJEKTIN LAYOUT */

div#wrapper {
 width:950px;
 margin:0 auto;
}

div#logoCont {
 margin:10px 0 4px 15px;
 width:202px;
 height:126px;
 background:transparent top left no-repeat url('/img/layout/logo.png');
 _background-image:url('/img/layout/logo_ie6.gif');
}

img#logo {
 width:202px;
 height:126px;
}


div#header {
 background:transparent top left url('/img/layout/opacity_bg.png');
 border-bottom:3px solid #eb9937;
 position:relative;
 padding-left:240px;
 margin-bottom:5px;
}

img#flags {
 position:absolute;
 top:11px;
 left:92px;
 width:50px;
 height:17px;
 _left:-150px;
}

img#cart {
 position:absolute;
 top:-8px;
 right:50px;
 width:23px;
 height:20px;
 _display:none;
}


/* YLÄNAVI */

table#nav-tl-wrapper {
 width:100%;
}

td.nav-tl-container {
 padding:8px 20px;
 text-transform: uppercase;
 text-align:center;
 font-weight:normal;
}

td.nav-tl-container.selected {
 background-color:#eb9937;
}

td.nav-tl-container.last,
td.nav-tl-container.last.selected {
 background:#bfded1 top left repeat-x url('/img/layout/nav_cart_bg.jpg');
 font-weight:normal;
 padding-top:14px;
 _padding-top:8px;
}

a.nav-tl, a.nav-tl:visited {
 color:#511012;
}

a.nav-tl.selected, a.nav-tl.selected:visited {
 color:white;
}


table#middleContent {
}

td#marginCol {
 width:5px;
}


/* VASEN PYSTYPALSTA */

td#leftCol {
 background:transparent top left url('/img/layout/opacity_bg.png');
 width:199px;
 padding:24px 18px;
 vertical-align:top;
}

form#prodSearch {
 margin:40px 0;
 margin-left:10px;
}

h2.sideSearch {
 color:#511012;
 text-transform:uppercase;
 margin-bottom:2px;
 font-size:100%;
}

input.prodSearch {
 width:115px;
}

.button.prodSearchB {
 color:white;
 background-color:#511012;
 border-top:1px solid #c6b0b1;
 border-bottom:1px solid #390b0d;
 padding:1px 0;
 width:60px;
 margin-left:5px;
}


div#videoWrap {
 text-align:center;
}

img#video-banner {
 width:130px;
 height:85px;
 margin-bottom: 40px;
}


p.banner-wrapper {
 margin:0 0 20px 0;
}

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

div.nav-wrapper {
 background-color:#dff1e0;
 padding:5px 10px;
}

/* Rakenne-editorin kakkostaso 
div.nav-wrapper.nav-wrapper-level2 {
 margin-top:10px;
}
*/



/* OIKEA PYSTYPALSTA */

td#rightCol {
 background-color:#f0f8f2;
 padding:15px;
 width:680px;
 vertical-align:top;
}

td#rightCol-sp {
 background-color:#f0f8f2;
 padding:15px;
 padding-right:0;
 width:695px;
 vertical-align:top;
}

div#contentWrap {
 margin:0 30px;
}

div#rightCol > p.admin-linkset,
div#rightCol > p.box-att {
 margin-top:0;
}


div#footer {
 margin-top:5px;
 background-color:#eb9937;
 text-align:center;
 padding:3px;
 color:white;
 position:relative;
}





/* ETUSIVU */

div.sp-groupCont {
 width:268px;
 height:265px;
 background:transparent top left no-repeat url('/img/layout/sp_group_bg.gif');
 position:relative;
 float:left;
}

div.sp-groupImg {
 width:250px;
 height:250px;
 position:absolute;
 top:6px;
 left:8px;
 overflow:hidden;
 z-index:1;
}

div.sp-groupName {
 width:230px;
 position:absolute;
 bottom:9px;
 left:8px;
 z-index:2;
 padding:12px 0 10px 20px;
 background:transparent top left no-repeat url('/img/layout/sp_groupname_bg.png');
}

div.sp-groupName a,
div.sp-groupName a:visited {
 font-variant: small-caps;
 font-weight:bold;
 color:#511012;
}

div#sp-sideCol {
 float:right;
 width:150px;
 z-index:1;
 margin-top:6px;
}

div#sp-bulletinTitle {
 text-align:center;
 padding:5px;
 color:#eb9937;
 background:#eceded top left repeat-x url('/img/layout/sp_bulletin_title_bg.jpg');
 margin-right:20px;
}

div#sp-bulletinCont {
 padding:0 10px 10px 0;
 position:relative;
 min-height:320px;
 background:#eceded top right no-repeat url('/img/layout/sp_bulletin_shadow2.gif');
 margin-right:10px;
}

div.sp-bulletin {
 padding:26px 0 0 20px;
 background:transparent 8px 31px no-repeat url('/img/layout/arrow.gif');
}

div.sp-bulletin a,
div.sp-bulletin a:visited {
 color:black;
}

div#sp-bullerin-pager {
 text-align:right;
 margin-top:10px;
 padding-right:10px;
}

img#sp-bulletin-end {
 display:block;
 width:144px;
 height:11px;
}

img#sp-bargain-banner {
 display:block;
 width:140px;
 height:158px;
}

img.sp-ad {
 margin:10px 10px 0 10px;
}



/* VERKKOKAUPPA - TUOTENAVI / SIVUSTON ALINAVI */

div.grpnav-container.level1,
div.nav-container.level2 {
 background:transparent left 9px no-repeat url('/img/layout/nav_arrow.gif');
 padding:5px 0 5px 15px;
}

div.grpnav-container.level1.selected,
div.nav-container.level2.selected {
 background-image:url('/img/layout/nav_arrow2.gif');
}

a.grpnav.level1,
a.grpnav.level1:visited,
a.nav.level2,
a.nav.level2:visited {
 color:#440F11;
 font-weight:bold;
}


div.grpnav-container.level2 {
 padding-left:22px;
 padding-bottom:5px;
}

div.grpnav-container.level2.selected {
 background:transparent 14px 8px no-repeat url('/img/layout/nav_line.gif');
}

div.grpnav-container.level3 {
 padding-left:22px;
 padding-bottom:5px;
}

div.grpnav-container.level3.selected {
 background:transparent bottom right no-repeat url('/img/layout/nav_lev3_sel_bg.gif');
}

a.grpnav.level2,
a.grpnav.level2:visited,
a.grpnav.level2.selected {
 color: #440F11;
}

a.grpnav.level3,
a.grpnav.level3:visited {
 color:#F38621;
}


div#navPath {
 border-bottom:1px solid #9bd89a;
 color:#9bd89a;
 margin-bottom:20px;
 font-weight:bold;
 padding-bottom:2px;
}

div#navPath > span:first-child {
 display:none;
}


/* ALIRYHMÄLISTA, kun yläryhmällä ei ole suoria tuotteita */

div.sub-groupCont {
 float:left;
 margin:0 40px 40px 0;
 text-align:center;
 font-weight:bold;
}

img.sub-groupImg {
 display:block;
 margin:0 auto;
 margin-bottom:4px;
}

/* TUOTELISTA, ProductList */

div.pl-leftCol {
 float:left;
 width:220px;
 margin:30px 20px 30px 0;
}

div.pl-leftCol > h1 {
 margin-bottom:0;
}

div.pl-optionWrap {
 float:right;
 margin-top:20px;
}

div.pl-optionCont {
 margin-bottom:5px;
 text-align:right;
}

select.pl-option {
 min-width:120px;
}

div.pl-rightCol {
 float:left;
 width:355px;
 margin:30px 0;
 position:relative;
}

div.pl-thumbWrap {
 position:relative;
}

img.pl-zoom {
 width:27px;
 height:26px;
 position:absolute;
 bottom:8px;
 right:5px;
}

div.pl-similarWrap {
 position:absolute;
 bottom:0;
 left:200px;
 /*width:175px;*/
 text-transform:uppercase;
 font-size:90%;
 color:#eb9937;
}



img.pl-similar {
 float:left;
 margin:10px 10px 0 0;
}

div.separator {
 background-color:#91d490;
 height:1px;
 clear:both;
 overflow:hidden;
}


div.pl-qtyCont {
 margin-top:15px;
 float:right;
 _float:none;
}


/* MALLISTO/TUOTEMERKIT */

div.brand-logoCol {
 width:55px;
 float:left;
}

div.brand-infoCol {
 width:275px;
 float:left;
 padding:20px 30px 0 30px;
}


div.brand-illustrCol {
 width:230px;
 float:left;
}