/* General Styles, applies to all areas */

BODY {
margin: 0; padding: 0;
background-color : #ffffff;
color : #C0D0EF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1, H3 {
font-size : 100%;
font-weight : bold;
color : #426788;
}

P, LI {
font-size : 80%;
line-height : 140%;
color : #000000;
}

P.smallbasic {
font-size : 70%;
color : #000000;
}

P.smallfade {
font-size : 70%;
color : #676767;
}

A {
color : #000099;
}

INPUT, TEXTAREA, SELECT {
font-size : 70%;
}

INPUT.button {
border-top : 1px solid #eaeaea;
border-bottom : 1px solid #eaeaea;
border-left : 0px solid #eaeaea;
border-right : 0px solid #eaeaea;
font-size : 70%;
background : #426788;
color : #ffffff;
}

INPUT.field {
border-top : 1px solid #426788;
border-bottom : 1px solid #426788;
border-left : 1px solid #426788;
border-right : 1px solid #426788;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 



/* Page Top Styles, applies to the top area */

TD.top {
padding : 0px;
background : #1A1A1A url(/img/ylapalkkitausta.png) 200px 0px repeat-x;
height: 50px;
}
TD.top div {
background : url(/img/logo_ylaosa.png) 0px 0px no-repeat;
height: 50px;
width: 100%;
text-align: center;
}
TD.top table td {
padding-left: 200px;
}
div.naviform form {
display: inline;
margin: 0px 5px 0px 5px;
color: #000000;
font-size: 11px;
}
div.naviform input,div.naviform select {
font-size: 11px;
}


/* Breadcrumb Styles, applies to the breadcrumb area */

TD.topbreadcrumb {
margin: 0; padding: 0;
height: 26px;
overflow: hidden;
vertical-align: top;
}

div.topbreadcrumb {
background : #e6f53b url(/img/breadcrumb_palkki.png) repeat-x;
/* background : url(/img/breadcrumb_alku.png) 0px 0px no-repeat; */
font-size : 13px;
font-weight : bold;
color : #333333;
padding: 0; margin: 0;
padding-left: 10px;
overflow: hidden;
height: 26px;
}
div.topbreadcrumb span {
display:block;
overflow: hidden;
padding-top: 3px;
}
A.topbreadcrumb {
text-decoration : none;
color : #000000;
}
A.topbreadcrumb:hover {
color : #666666;
}


/* Navigation Styles, applies to the navigation area on the left hand side */

TD.navigation {
width: 200px;
background : #DDDDDD url(/img/navipalkkitausta.png) repeat-y;
}


div.navigation {
background : url(/img/logo_alaosa.png) 0px 0px no-repeat;
padding-left : 35px;
padding-right : 25px;
text-align: left;
padding-top : 60px;
}
ul.navigationlist {
margin: 0; padding: 0;
list-style-image: url(/img/nuoli.png);
padding-left: 7px;
list-style-position: outside;
}
ul.navigationlist li {
color: #000000;
font-size: 12px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
clear: both;
margin: 0; padding: 0;
}
ul.navigationlist li a {
padding: 2px;
display: block;
text-decoration: none;
color: #000000;
border-bottom: 1px dotted #EEEEEE;
margin-top: 1px;
}
ul.navigationlist li a:hover {
border: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #CC0000;
text-decoration: underline;
background-color: #EEEEEE;
margin-top: 0px;
}

ul.navigationlist li a:active {
background-color: #bcc403;
border: 1px solid #999999;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #FFFFFF;
margin-top: 0px;
}
li.nav_selected {
font-weight: bold;
}
/*
TD.navigation a {
display: block;
color: #000000;
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #EEEEEE;
padding: 1px;
padding-left: 15px;
margin-top: 1px;
height: 18px;
background: url(/img/nuoli.png) center left no-repeat;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
}
TD.navigation a:first-letter {
text-transform: uppercase;
}
TD.navigation a:hover {
border: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #CC0000;
font-size: 13px;
text-decoration: underline;
background: #EEEEEE url(/img/nuoli.png) 3px center no-repeat;
margin-top: 0px;
}
TD.navigation a:active {
background-color: #bcc403;
border: 1px solid #999999;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #FFFFFF;
font-size: 13px;
margin-top: 0px;
}

TD.navigation br {
display: none;
}
*/
TD.navibottom {
height: 25px;
background : #F6F6F6 url(/img/navipalkkitausta_loppu.png) 0px 0px no-repeat;
}

FORM.navihaku {
margin-bottom: 30px;
}
FORM.navihaku input {
border: 1px solid #CCCCCC;
border-bottom: 1px solid #999999;
background: #EEEEEE;
}
FORM.navihaku input.button {
color: #000000;
background: #dfe70c url(/img/breadcrumb_palkki.png) center center repeat-x;
border: 1px solid #f3fa45;
border-bottom: 1px solid #bcc403;
border-right: 1px solid #bcc403;
}
/* Main Styles, applies to the main page area on the right hand side */

TD.main {
background : #ffffff url(/img/main_alku.png) 0px 26px repeat-x;
}
div.main {
padding : 0px;
padding-top: 0px;
background : url(/img/main_kulma.png) 0px 0px no-repeat;
}
div.naviform {
padding-top: 20px;
padding-bottom: 10px;
}
.ostoskori {
border: 1px solid #666666;
background: #EEEEEE;
padding: 5px;
font-size: 11px;
color: #666666;
}
.ostoskori .cart_productrow {
border-top: 1px solid #999999;
}
.ostoskori .cart_subtotal {
color: #000000;
font-weight: bold;
text-align: right;
}
.ostoskori .cart_qty {
background: #999999;
color: #FFFFFF;
padding: 0px 5px 0px 5px;
}
.ostoskori .cart_prod {
color: #000000;
}
.ostoskori .cart_total {
padding: 3px 0px 3px 0px;
background: #426788;
color: #FFFFFF;
text-align: center;
}
a.cart_link {
display: block;
text-align: right;
}
/* Cart Snapshot Styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #AAAAAA;
background : #b6bd01 url(/img/alapalkkigradient.png);
}

FONT.cartbottom {
font-size : 70%;
color : #426788;
}



/* Bottom Styles, applies to the bottom area */

TD.bottom {
padding : 5px;
background-color : #EEEEEE;
}



/* Product Table Styles, applies to product table area */
TABLE.products {
display: block;
}
TD.picturebig {
padding : 0px;
border-bottom : 1px solid #426788;
background-color : #ffffff;
color : #000000;
} 

TD.picturesmall {
padding : 0px;
text-align : center;
border-bottom : 1px solid #426788;
background-color : #ffffff;
color : #000000;
} 

TD.introduction {
padding-left : 10px;
border-bottom : 1px solid #426788;
background-color : #ffffff;
color : #000000;
}

P.introduction {
font-size : 80%;
line-height : 120%;
color : #000000;
}

div.price {
float: right;
padding-left: 5px;
}
TD.price {
padding : 10px;
border-bottom : 1px solid #426788;
text-align : left;
background-color : #ffffff;
}

P.price {
font-weight : bold;
color : #990066;
}

P.stock {
font-size : 70%;
color : #000000;
}

TR.list1 {
background-color : #ECF1FB;
} 

TR.list2 {
background-color : #ffffff;
} 



/* Shopping Cart Styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #426788;
background-color : #ffffff;
color : #000000;
} 

P.cartbasic {
font-size : 80%;
color : #000000;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #426788;
background-color : #ffffff;
color : #000000;
} 

P.carttotal {
font-size : 80%;
font-weight : bold;
color : #000000;
} 


/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
color : #adadad;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}


/* Clover Shop Copyright (c) 2001- Clover Wheel Ltd - http://www.clovershop.com */