/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
	Images
	Links
	Navigation
	Forms
	Misc
------------------------------------------------*/


/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

html {
 margin:0;
 padding:0;
 height:100%;
}

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

small {
 font-size:85%;
}

h1 { 
 font-size:200%;
 font-weight:normal;
 margin-top:0;
}

h2 { 
 font-size:160%;
 font-weight:normal;
}

h3 { 
 font-size:130%;
 font-weight:normal;
}

a {
 color:#264b85;
 text-decoration:none;
 outline: none;
}

a:visited {
 color: #70329c;
 text-decoration:none;
 outline: none;
}

a:hover {
 text-decoration: underline;
}

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

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

.button {
 color:white;
 background-color:#3c609d;
 border:0;
 cursor:pointer;
}


.data-header {
 background-color:#38598d;
 color:white;
 border:1px solid #b7c4d3;
 font-weight:bold;
}

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


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

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


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

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

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


.pager-wrapper a:hover {
 text-decoration: none;
}

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

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

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



/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

div#wrapper {
 width:946px;
 padding: 0 2px 2px 2px;
 background: #ffffff;
 margin:0 auto;
}

div#header {
 width: 946px;
 height: 198px;
 border-bottom: 2px solid #ffffff;
 background: bottom left no-repeat url('/img/layout/header-bg.jpg');
}

img#logo {
 width:243px;
 height:67px;
 margin-top: 30px;
 margin-left: 55px;
}

div#nav_bar {
 background: #3c609d bottom left repeat-x url('/img/layout/nav_bar_bg.jpg');
 position:relative;
 padding-left:25px;
}

img#cart {
 position:absolute;
 top:-17px;
 right:50px;
 width:36px;
 height:29px;
}


/* Ylänavi */

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

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

td.nav-tl-container.selected {
 background:#ffffff top left repeat-x url('/img/layout/nav_sel_bg.jpg');
}

td.nav-tl-container.last,
td.nav-tl-container.last.selected {
 background:#224e95 top left repeat-x url('/img/layout/nav_cart_bg.jpg');
 font-weight:bold;
 padding-top:22px;
}

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

a.nav-tl.selected, a.nav-tl.selected:visited {
 color:#264b85;
}

a.nav-tl:hover {
 text-decoration: none;
 color: #d8ebf9;
}


/* Footer */

div#footer {
 margin-bottom: 40px;
 border-top: 1px solid #3c609d;
 text-align:left;
 padding:5px 0;
 position:relative;
}

img#netland {
 float: right;
}



/* Sisältö */
table#middleContent {
}

td#marginCol {
 width:20px;
}


/* Vasen pystypalsta */

td#leftCol {
 width:226px;
 vertical-align:top;
}

form#prodSearch {
 margin:20px 0 30px 25px;
}

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

input.prodSearch {
 width:135px;
}

.button.prodSearchB {
 color:white;
 background-color:#3c609d;
 margin-left:5px;
}

div#bannerWrap {
 margin-bottom: 20px;
}

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

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

div#pageimage-wrap {
 padding-bottom: 10px;
}


div.nav-wrapper {
 padding-top: 15px;
}

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



/* Oikea pystypalsta */

td#rightCol {
 background-color:#ffffff;
 width:700px;
 vertical-align:top;
}

td#rightCol-sp {
 background-color:#ffffff;
 width:700px;
 padding: 30px 0 30px 0;
 vertical-align:top;
}

div#contentWrap {
 padding: 20px 20px 50px 0;
}

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



/* CUI-tiedotepalsta */

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

.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 #b7c4d3;
}


/* Etusivu */

div#sp-text-wrapper {
 margin-right: 20px;
}

div.sp-groupCont {
 border: 1px solid #b7c4d3;
 width:210px;
 height:210px;
 margin-right: 20px;
 margin-bottom: 20px;
 background: #ffffff;
 position:relative;
 float:left;
}

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

div.sp-groupName {
 width:206px;
 position:absolute;
 bottom:2px;
 left:2px;
 z-index:2;
 padding:5px 0 5px 0px;
 background: #38598d;
 border-top: 2px solid #ffffff;
 text-align:center;
}

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

div.sp-groupName a:hover {
 text-decoration: none;
 color: #d8ebf9;
}


div#sp-bulletinWrap {
 z-index:1;
 padding-right: 20px;
}

div#sp-bulletinWrap .box-att {
 margin-bottom: 10px;
}

div#sp-bulletinCont {
 padding:0 0 30px 0;
 position:relative;
}

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

div#sp-bullerin-pager {
}

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



/* Verkkokauppa - tuotenavi / sivuston alinavi */

div.grpnav-container.level1,
div.nav-container.level2 {
 padding:5px 0 5px 25px;
}

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

a.grpnav.level1,
a.grpnav.level1:visited,
a.nav.level2,
a.nav.level2:visited {
 color:#264b85;
 font-weight:normal;
 text-transform: uppercase;
}

a.grpnav.level1.selected,
a.nav.level2.selected {
 color:#D53A03;
 font-weight:normal;
 text-transform: uppercase;
}

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

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

div.grpnav-container.level4 {
 padding-left:55px; padding-bottom:5px;
}

div.grpnav-container.level5 {
 padding-left:65px; padding-bottom:5px;
}

a.grpnav.level2,
a.grpnav.level2:visited,
a.grpnav.level3,
a.grpnav.level3:visited,
a.grpnav.level4,
a.grpnav.level4:visited, 
a.grpnav.level5,
a.grpnav.level5:visited {
 color:#264b85;
}

a.grpnav.level2.selected,
a.grpnav.level3.selected,
a.grpnav.level4.selected,
a.grpnav.level5.selected {
 color: #D53A03;
}


a.nav.level2:hover,
a.grpnav.level1:hover,
a.grpnav.last.level2:hover,
a.grpnav.level2:hover,
a.grpnav.level3:hover,
a.grpnav.level4:hover,
a.grpnav.level5:hover {
 text-decoration: none;
 color:#D53A03;
}


div#navPath {
 color:#b7c4d3;
 margin-top: 20px;
 font-size:85%;
}

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


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

/* Käytetään samoja tyylejä kuin etusivun tuoteryhmälistauksessa. */

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



/* TUOTELISTA, ProductList */

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

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

h3.pl-name {
 margin-top: 0px;
 text-transform: uppercase;
}

div.pl-saldoWrap {
 padding: 3px 0;
}

div.pl-optionWrap {
 float:left;
 margin-top:0px;
}

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

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:34px;
 height:34px;
 position:absolute;
 bottom:5px;
 left:5px;
}

div.pl-similarWrap {
 position:absolute;
 top:0;
 left:200px;
 font-size:85%;
 /*width:175px;*/
}

div.pl-similar {
 text-transform: uppercase;
 padding-top: 3px;
}

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

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

div.pl-qtyCont {
 float:left;
}

/* 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;
} 
*/