/* MP: Osa tyyleistä teemaeditorista */

body { 
 margin:0; 
 padding:0;
 color:#6a6a6a;
 background:#bedbd6 top center repeat-y url(/img/layout/bg_body.gif);
}

body.ws-prod-img {
 background-color:#bedbd6;
 background-image:none;
}

a.ws-prod-img-link, a.ws-prod-img-link:visited {  
 color:black; 
 text-decoration:none;
}

a.ws-prod-img-link:hover {  
 text-decoration:underline;
}

img.ws-prod-img-big {
 display:block;
 border-bottom:1px solid black;
 margin-bottom:4px;
}


/* Linkit, tl=toplevel, sl = second level */


a.nav-tl, a.nav-tl:visited,
a.nav-tl.selected, a.nav-tl.selected:visited {
 text-transform: uppercase;
}


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

a.nav-sl.selected, a.nav-sl.selected:visited {
 color:#83375f; 
}

/* Kortin luominen tilauksen yhteydessä */

table.datalist.card-select {
 width:100%;
 margin-bottom:1.2em;
}

.data.card-select {
 padding:10px;
}

.data > form {
 margin:0;
}

/* Layout */

div#top-bar {
 background:#f3f3f3 top left repeat-x url(/img/layout/bg_topbar.gif);
 height:159px;
}

div#logo-fb-wrapper {
 position:relative;
 width: 950px;
 margin: auto;
}

img#logo {
 display:block;
 margin:0 auto;
}

img#fb-fan {
 position: absolute;
 right: 0;
 top: 55px;
 width: 138px;
 height: 27px;
}

div#top-data-wrapper {
 width:950px;
 height:36px;
 margin:0 auto;
 margin-top:26px;
}

div#title-wrapper {
 width:259px;
 height:36px;
 background-color:#86b9b0;
 border-right:1px solid #b26d92;
 float:left;
}


div#title-container {
 color:white;
 font-size:19px;
 text-transform:uppercase;
 letter-spacing:6px;
 padding:7px 0 0 20px;
}




/* Ylanavin cui-luokat */

div#nav-tl-topwrapper {
 width:689px;
 height:36px;
 background:#fdfdfd top left repeat-x url(/img/layout/bg_topnav.gif);
 float:left;
 text-transform:uppercase;
 font-weight:bold;
}

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

td.nav-tl-container {
 text-align:center;
 border-right:1px solid #b26d92;
}

td.nav-tl-container.selected {
 background:#a04f79 top left repeat-x url(/img/layout/bg_topnav_selected.gif);
}




/* Alinavi, kakkostaso */

div#nav-sl-wrapper {
 background:#86b9b0;
 color:white;
 padding:10px 10px 10px 25px;
 font-family:Georgia,serif;
 font-style:italic;
 font-weight:bold;
}




/*Maskataan top-bar -taustakuva ja laitetaan samalla varjoreunat paikoilleen. */

div#data-main-wrapper {
 width:980px;
 background:transparent top left no-repeat url(/img/layout/bg_datamask.gif);
 margin:0 auto;
 margin-top:-9px;
}

div#data-main-container {
 width:950px;
 margin:0 auto;
}

div#verbar-wrapper-left {
 float:left;
 width:260px;
}

div#verbar-wrapper-right {
 float:left;
 width:690px;
}



/*Tuoteryhmänavi */

div.grpnav-container {
 background:#eceded 20px center no-repeat url(/img/layout/li_subnav.gif);
 border-bottom:1px solid white;
 padding:13px 10px 13px 35px;
 font-weight:bold;
}

div.grpnav-container.selected {
 background-color:#a6c9c3;
 background-image:url(/img/layout/li_subnav_selected.gif);
}

div.grpnav-container.level2 {
 background-position:35px center;
 padding:8px 10px 8px 50px;
 font-weight:normal;
}

div.grpnav-container.level3, div.grpnav-container.level4, div.grpnav-container.level5 {
 background-position:50px center;
 padding:8px 10px 8px 65px;
 font-weight:normal;
}

div.grpnav-container > a {
 color:#51978b; 
}



div#cart-info {
 background-color:#86b9b0;
 padding:15px 10px 15px 20px;
 color:white;
}

div#cart-info a {
 color:white;
 text-decoration:underline;
}

div#contact {
 padding:15px 10px 15px 20px;
 color:white;
 line-height:180%;
}





div.page-title-wrapper {
 height:60px;
 background:#966880 top left no-repeat url(/img/layout/bg_pagetitle.jpg);
}


div.page-title-wrapper.left {
 float:left;
 width:450px;
}

div.page-title-wrapper.right {
 float:left;
 width:240px;
}



div.page-title-container {
 color:#86b9b0;
 padding:15px 35px 0 25px;
 font-family:Georgia,serif;
 font-size:24px;
 font-style:italic;
 font-weight:bold;
}

div.page-title-container.startpage {
 padding-top:10px;
 color:white;
 font-size:18px;
}

div.page-title-container.startpage.bulletin {
 padding-top:18px;
}


div.content-wrapper {
 padding:25px;
}

div.content-wrapper.startpage {
 padding:0 0 25px 25px;
}


div.content-wrapper > p:first-child {
 margin-top:0;
}


/* Etusivun tyylit */

div#startpage-text-wrapper {
 float:left;
 width:405px;
 padding-top:25px;
 padding-right:20px;
} 

div#startpage-bulletin-wrapper {
 float:left;
 width:210px;
 background-color:#ECEEED;
 padding:15px;
} 

div#startpage-text-wrapper > p:first-child, div#startpage-bulletin-wrapper > p:first-child {
 margin-top:0;
}


/* Verkkokaupan index:n tyylit */

img.prodlist-icon {
 display:block;
 border:1px solid white;
 padding:1px;
} 

div.prodlist-prod-container {
 border:1px solid #86b9b0;
 background-color:#86b9b0;
 margin:0 auto;
}

div.prodlist-prod-container.left {
 margin:0;
} 

div.prodlist-prod-container.right {
 margin:0 0 0 auto;
} 

div.prodlist-prod-container:hover {
 border-color: #8d4169;
 background-color:#8d4169;
}

div.prodlist-name-container {
 padding:6px;
 text-align:center;
 font-family:Georgia,serif;
 font-style:italic;
} 

div.prodlist-name-container a {
 color:white;
}




/* Yksittäisen tuotteen tiedot */

td#prodinfo-name-container {
 background-color:#dedede;
 color:#883E63;
 padding:12px;
 font-family:Georgia,serif;
 font-size:20px;
 font-style:italic;
 font-weight:bold;
}


td#prodinfo-price-container {
 background-color:#8D4168;
 color:white;
 font-family:Georgia,serif;
 font-weight:bold;
 text-align:center;
 white-space:nowrap;
}


td.prodinfo-content-wrapper {
 padding:12px;
 vertical-align:top;
}

div.prodinfo-icon-container {
 border:1px solid #86b9b0;
 background-color:white;
 padding:1px;
 margin:0 auto 12px auto;
}

img.prodinfo-icon {
 border:1px solid #86b9b0;
 display:block;
}