/* Layout Styles */
body {
	margin-top: 0;
	padding-bottom: 0;
	background-color: #cfdeff;
	text-align: center;
}


#wrapper {
	width: 892px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
}


#ylakuva {
	width: 892px;
	height: 157px;
	display: block;
	margin-bottom: 6px;
	overflow: hidden;	
}



#hakupalkki_holder {
	width: 892px;
	height: 25px;	
	display: block;
}
#hakupalkki_holder #vasen {
	background-image: url(../images/ylapalkki_vasen.gif);
	background-repeat: no-repeat;
	width: 33px;
	height: 25px;
	float: left;
}
#hakupalkki_holder #keski {
	width: 839px;
	height: 25px;
	background-image: url(../images/ylapalkki_keski.gif);
	background-repeat: repeat-x;
	float: left;
	position: relative;
}
#hakupalkki_holder #oikea {
	background-image: url(../images/ylapalkki_oikea.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 25px;
	float: left;
}
#search_area
{
    position: absolute;
    top: 3px;
	left: 10px;
}
#search_area form label
{
    font-weight: bold;
    color: #fff;
    padding-right: 10px;
    font-size: 11px;
}
#search_area form input
{
    vertical-align: middle;
}
#search_area form input.searchbox
{
    width: 200px;
    border: 1px solid #000;
    background-color: #fff;
	padding-left: 1px;
}


#kirjautuminen_holder {
	width: 191px;
	height: 89px;
	background-image: url(../images/kirjautuminen.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #000000;
	background-color: #ffffff;
}
#kirjautuminen_sis {
	margin: 25px 5px 0 5px;
}
#kirjautuminen_sis table.kentat td.nappi {
	padding-top: 3px;
}
#kirjautuminen_sis form {
	margin: 0;
	padding: 0;	
}
#kirjautuminen_sis p {
	margin-top: 0;
	margin-bottom: 1px;
}
#kirjautuminen_sis p {
	line-height: normal;
}
#kirjautuminen_sis label {
	font-size: 10px;
	margin: 0;
}	
#kirjautuminen_sis input.kentta {
	height: 12px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	width: 85px;
	font-size: 10px;
}
#kirjautuminen_sis p.logged {
	margin-top: 20px;
	font-size: 10px;
}
#kirjautuminen_sis a:link, #kirjautuminen_sis a:visited, #kirjautuminen_sis a:hover, #kirjautuminen_sis a:active {
	font-family: Arial, Tahoma;
	font-size: 11px;
}


#uutiskirje_holder {
	width: 191px;
	height: 89px;
	background-image: url(../images/uutiskirje.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-top: 6px;
}
#uutiskirje_sis {
	margin: 25px 5px 0 5px;
}
#uutiskirje_sis input.kentta {
	height: 12px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	width: 175px;
	font-size: 10px;
}
#uutiskirje_sis p {
	margin: 0;
	margin-bottom: 2px;
	font-size: 10px;
}


#sisalto {
	width: 892px;
}
#sisalto_vasen {
	margin-top: 6px;
	width: 193px;
	float: left;
}
#sisalto_oikea_holder {
	margin-top: 6px;
	width: 690px;
	float: right;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-bottom: 6px;
}
#sisalto_oikea {
	margin: 7px 0 0 7px;
}


#alaosa_holder {
	width: 892px;
	height: 30px;
	display: block;
	padding-top: 0;
	clear: both;
}
#alaosa_holder #vasen {
	background-image: url(../images/alap_vasen.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	float: left;
}
#alaosa_holder #keski {
	width: 852px;
	height: 30px;
	background-image: url(../images/alap_keski.gif);
	background-repeat: repeat-x;
	float: left;
	text-align: center;	
}
#alaosa_holder #oikea {
	background-image: url(../images/alap_oikea.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	float: left;
}


#offline {
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
}
div.clearrow {	
	clear: both;
	font-size: 0;
}


#polku {
	margin: 0;
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#polku ul {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}
#polku ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
}
#polku ul li a:link, #polku ul li a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
#polku ul li a:hover, #polku ul li a:active {
	text-decoration: underline;
}
#polku ul li a.on:link, #polku ul li a.on:visited, #polku ul li a.on:hover, #polku ul li a.on:active {
	color: #00a45c;
	text-decoration: underline;
}


/* ostoskorin tyylit */
table.koriwrapper {
	width: 193px;
	margin-bottom: 6px;
	margin-top: 0;
	border: 1px solid #000000;
}
table.koriwrapper td.ylaosa {
	width: 100%;
	height: 24px;
	background-image: url(../images/ostoskori.gif);
	background-repeat: no-repeat;
}
table.koriwrapper td.sisalto {
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
	padding-right: 5px;
}
table.koriwrapper td.sisalto table td.tuote {
	padding: 5px 0;
    border-bottom: 1px solid #ededed;
	width: 100%;	
}
table.koriwrapper td.sisalto table td.tuote a:link, table.koriwrapper td.sisalto table td.tuote a:visited {
	font-weight: normal;
	text-decoration: none;
}
table.koriwrapper td.sisalto table td.tuote a:hover, table.koriwrapper td.sisalto table td.tuote a:active {
	font-weight: normal;
	text-decoration: underline;
}
table.koriwrapper td.sisalto table td.tuote_first {
    border-top: 1px solid #ededed;
}
table.koriwrapper p {
	color: #333333;
	margin-top: 0;
	margin-bottom: 5px;
}
table.koriwrapper p.yhtrivi {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
}
table.koriwrapper p.tilaa_rivi {
	margin: 0;
}
table.koriwrapper a:link, table.koriwrapper a:visited, table.koriwrapper a:hover, table.koriwrapper a:active {
	color: #333333;
	font-weight: bold;
}
table.korin_sisalto {
	background-image: url(../images/ostosk_tausta.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* infoboxin tyylit (kaytetaan kaikissa vasemmalla olevissa boxeissa */
table.infowrapper {
	width: 193px;
	margin-bottom: 6px;
	margin-top: 0;
	border: 1px solid #000000;
	background-color: #ffffff; 
}
table.infowrapper td.etusivu {
	width: 100%;
	height: 24px;
	background-image: url(../images/etusivu.gif);
	background-repeat: no-repeat;
}
table.infowrapper td.ylaosa_catnavi {
	width: 100%;
	height: 22px;
	background-image: url(../images/tuotekategoriat.gif);
}
table.infowrapper td.ylaosa_infonavi {
	width: 100%;
	height: 22px;
	background-image: url(../images/info.gif);
}
table.infowrapper td.ylaosa_maksuvaihtoehdot {
	width: 100%;
	height: 22px;
	background-image: url(../images/maksuvaihtoehto.gif);
}
table.infowrapper td.sisalto {
	width: 100%;
	background-color: #ffffff;
	padding: 2px 0 0 0;
}
table.infowrapper td.sisalto_navi {
	width: 100%;
	background-color: #ffffff;
	padding: 2px 0 0 0;
}
table.infowrapper a:link, table.infowrapper a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;	
}
table.infowrapper a:hover, table.infowrapper a:active {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
table.infowrapper a.on:link, table.infowrapper a.on:visited, table.infowrapper a.on:hover, table.infowrapper a.on:active {
	color: #f5861d;
	font-weight: normal;
	text-decoration: underline;
}
table.infowrapper p {
	line-height: 18px;
}
table.infowrapper td.sisalto_maksuvaihtoehdot {
	width: 100%;
	background-color: #ffffff;
	padding: 15px;
	padding-right: 0;
}
table.infowrapper td.sisalto_maksuvaihtoehdot img {
	float: left;
	margin-right: 10px;
}


/* tuoteboxin tyylit (monilistauksessa)  */
div.listaus div.lappu_holder {
	position: relative;
	height: 0;
	width: 676px;	
}
div.listaus div.lappu_holder div.lappu {
	position: absolute;	
	top: 1px;
	left: 1px;
}
table.tuotebox {
	width: 676px;
	height: 130px;
	margin-bottom: 7px;
	border: 1px solid #000000;
}
table.tuotebox td.kuva_alue {
	width: 130px;
	padding: 5px;
	background-color: #ffffff;
}
table.tuotebox td.kuva_alue p {
	margin: 0;
}
table.tuotebox td.kuva_alue {
	vertical-align: middle;
}
table.tuotebox td.tietoalue {
	padding: 10px;
	background-image: url(../images/listantausta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #f5f5f5;
}
table.tuotebox td.liitteellinen {
	padding: 10px;
	background-image: url(../images/listantausta.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #cecece;
}
table.tuotebox td.tietoalue h2 {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #000000;
	line-height: normal;
}
table.tuotebox td.tietoalue p {
	color: #000000;
}
table.tuotebox td.tietoalue h2 a:link, table.tuotebox td.tietoalue h2 a:visited {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
table.tuotebox td.tietoalue h2 a:hover, table.tuotebox td.tietoalue h2 a:active {
	text-decoration: none;
}
table.tuotebox td.tietoalue a:link, table.tuotebox td.tietoalue a:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
table.tuotebox td.tietoalue a:hover, table.tuotebox td.tietoalue a:active {
	text-decoration: none;
}
table.tuotebox td.tietoalue table.tuotetiedot  {
	width: 380px;	
}
table.tuotebox td.tietoalue table.tuotetiedot td.otsikko {
	width: 100px;
	font-weight: bold;
}
table.tuotebox td.tietoalue table.tuotetiedot p {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 3px;
}
table.tuotebox td.tietoalue p {
	margin-top: 0;
	margin-bottom: 10px;
}
table.tuotebox td.tietoalue ul {
	margin-top: 0;
	margin-bottom: 15px;
	padding: 0;
	margin-left: 0;
}
table.tuotebox td.tietoalue ul li {
	margin-left: 20px;
}
table.tuotebox td.hinta_alue {
	width: 100px;
	padding: 10px;
	background-color: #ffffff;
}
table.tuotebox td.hinta_alue p {
	margin-bottom: 5px;
}
table.tuotebox td.hinta_alue p.hinta {
	font-family: Tahoma, Arial;
	font-size: 19px;
	font-weight: bold;
	color: #00a45c;
	margin-top: 5px;
	margin-bottom: 20px;	
}
div.listaus div.tiedostot_holder {
	height: 0;
	position: relative;
}
div.listaus div.tiedostot_holder div.tiedostot {
	position: absolute;
	left: 141px;
	bottom: 8px;
	width: 394px;
	background-color: #a5a5a5;
	padding: 10px 0 10px 0;
}
div.listaus div.tiedostot_holder div.tiedostot div.tiedosto {
	display: block;
	padding-bottom: 3px;	
	margin-left: 10px;
}



/* tuoteboxin tyylit (yksittaisen)  */
div.single_lappu_holder {
	position: relative;
	width: 676px;	
}
div.single_lappu_holder div.single_lappu {
	position: absolute;	
	top: 1px;
	right: 1px;
}
#single_tuotebox form {
	margin: 0;
}
table.single_tuotebox {
	width: 676px;
	border: 1px solid #000000;
	margin-bottom: 7px;
	background-color: #ffffff;
}
table.single_tuotebox td.ylaosa {
	height: 29px;
	width: 100%;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/tuotekortti_ylatausta.gif);
	background-repeat: repeat-x;
}
table.single_tuotebox td.ylaosa p {
	margin: 0;
}
table.single_tuotebox td.sisalto {
	width: 100%;
	padding: 20px;
}
table.single_tuotebox td.sisalto #vasen {
	width: 370px;
	float: left;
}
table.single_tuotebox td.sisalto #oikea {
	width: 240px;
	float: right;
}
table.single_tuotebox td.alaosa {
	height: 45px;
	width: 100%;
	padding-left: 20px;
	background-image: url(../images/tuotekortti_alatausta.gif);
	background-repeat: repeat-x;
}
table.single_tuotebox td.alaosa #vasen {
	width: 370px;
	float: left;
}
table.single_tuotebox td.alaosa #vasen p.hinta {
	font-family: Tahoma, Arial;
	font-size: 26px;
	font-weight: bold;
	color: #00a45c;
	line-height: normal;
	margin: 0;
	margin-top: 5px;	
}
table.single_tuotebox td.alaosa #oikea {
	position: relative;
	width: 240px;
	float: right;
}
#product_error_msg {
	position: absolute;
	top: -20px;
}
table.single_tuotebox td.alaosa #oikea table.toiminnot {
	margin-top: 10px;
}


/* etusivulle nostettujen tuoteboxien tyylit */
#etusivun_tuotteet {
	width: 681px;
}

div.etusivun_tuote {
	float: left;
	padding-right: 7px;
	padding-bottom: 7px;
}
div.etusivun_tuote div.lappu_holder {
	position: relative;
	height: 0;
	width: 220px;	
}
div.etusivun_tuote div.lappu {
	position: absolute;	
	top: 1px;
	left: 113px;
}
div.etusivun_tuote form {
	margin: 0;
	padding: 0;
}
div.etusivun_tuote table.etusivun_tuote {
	width: 220px;
	margin: 0;
	border: 1px solid #000000;
	background-color: #ffffff;
}
div.etusivun_tuote table.etusivun_tuote td.ylaosa {
	width: 100%;
	height: 220px;
	vertical-align: middle;
	padding: 0;	
}
div.etusivun_tuote table.etusivun_tuote td.ylaosa p {
	margin-bottom: 0;
	margin-top: 10px;
}
div.etusivun_tuote table.etusivun_tuote td.sisalto {
	width: 100%;
	height: 105px;
	padding-left: 10px;
	padding-right: 10px;	
}
div.etusivun_tuote table.etusivun_tuote td.sisalto p {
	margin: 0;
}
div.etusivun_tuote table.etusivun_tuote td.sisalto ul {
	margin: 0;
}
div.etusivun_tuote table.etusivun_tuote td.sisalto p.tuote {
	margin-bottom: 5px;	
}
div.etusivun_tuote table.etusivun_tuote td.sisalto p.tuote a:link, div.etusivun_tuote table.etusivun_tuote td.sisalto p.tuote a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
div.etusivun_tuote table.etusivun_tuote td.sisalto p.tuote a:hover, div.etusivun_tuote table.etusivun_tuote td.sisalto p.tuote a:active {
	text-decoration: none;
}		
div.etusivun_tuote table.etusivun_tuote td.alaosa {
	width: 100%;
	height: 40px;
	background-color: #4ebe90;
	padding-left: 5px;
	padding-right: 5px;	
}
div.etusivun_tuote table.etusivun_tuote td.alaosa #alaosa_holder {
	position: relative;
	height: 0;
	width: 100%;
	margin: 0;
}
div.etusivun_tuote table.etusivun_tuote td.alaosa #alaosa {
	position: absolute;
	top: 7px;
	width: 100%;
}
div.etusivun_tuote table.etusivun_tuote td.alaosa p.hinta {
	font-family: Tahoma, Arial;
	font-size: 19px;
	font-weight: bold;
	color: #ffffff;	
}
div.etusivun_tuote table.etusivun_tuote td.alaosa p.hinta_pieni {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin-top: -3px;	
}
div.etusivun_tuote table.etusivun_tuote td.alaosa table.hintajne {
	margin: 0;		
}
div.etusivun_tuote table.etusivun_tuote td.alaosa table.hintajne td {
	vertical-align: top;		
}
div.etusivun_tuote table.etusivun_tuote td.alaosa table.hintajne input {
	margin: 0;
}
div.etusivun_tuote table.etusivun_tuote td.alaosa table.hintajne input.kpl {
	height: 15px;
	width: 20px;
	margin-right: 2px;	
}


/* kategoriaboxit pääkategorioiden juuressa
/* etusivulle nostettujen tuoteboxien tyylit */
#kategorian_kategoriat {
	width: 681px;
}

div.category_box {
	float: left;
	padding-right: 7px;
	padding-bottom: 7px;
}
div.category_box table.category_box {
	width: 220px;	
	margin: 0;
	border: 1px solid #000000;
	background-color: #ffffff;
}
div.category_box table.category_box td.ylaosa {
	width: 100%;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	background-color: #e9e9e9;
}
div.category_box table.category_box td.ylaosa p {
	margin: 0;
	text-align: center;
}
div.category_box table.category_box td.ylaosa a {
	font-size: 13px;
	font-weight: bold;
}
div.category_box table.category_box td.ylaosa a:link, div.category_box table.category_box td.ylaosa a:visited {
	text-decoration: none;
}
div.category_box table.category_box td.ylaosa a:hover, div.category_box table.category_box td.ylaosa a:active {
	text-decoration: underline;
}
div.category_box table.category_box td.sisalto {
	width: 100%;
	height: 200px;
	vertical-align: middle;
	text-align: center;	
	padding-bottom: 0;	
}
div.category_box table.category_box td.sisalto p {
	margin: 0;
}
div.category_box table.category_box td.alaosa {
	width: 100%;
	height: 29px;
	vertical-align: middle;
	text-align: center;
	background-image: url(../images/tuotemaara.png);
	background-position: center top;
	background-repeat: no-repeat;
}
div.category_box table.category_box td.alaosa p {
	margin: 0;
	text-align: center;	
}
div.category_box table.category_box td.alaosa a {
	color: #ffffff;
	font-weight: bold;
}
div.category_box table.category_box td.alaosa a:link, div.category_box table.category_box td.alaosa a:visited {
	text-decoration: none;
}
div.category_box table.category_box td.alaosa a:hover, div.category_box table.category_box td.alaosa a:active {
	text-decoration: underline;
}
div.category_box table.category_box td.loppu {
	width: 100%;	
}



/* navigaatiotyylit */

/* infonavi (sivupalkissa)  */
#infonavi ul {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

#infonavi ul li {
	list-style: none;
    background-color: #00a360;
    margin: 0 0 2px 0;
    padding: 1px 0;
}
#infonavi a, #infonavi a:link, #infonavi a:visited {
	line-height: 24px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin-left: 25px;
    display: block;
}
#infonavi a:hover, #infonavi a:active {
	text-decoration: underline;
}
#infonavi a.on, #infonavi a.on:link, #infonavi a.on:visited, #infonavi a.on:hover, #infonavi a.on:active {
	text-decoration: underline;
}


/* +/- -navigaation tyylit */
#right_nav
{
    width: 191px;
}
#right_nav_content
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#right_nav_content li#first_list
{
    background-color: #616161;
}
#right_nav_content ul
{
    padding: 0;
    margin: 0;
}
#right_nav_content li
{
    list-style: none;
    background-color: #00a360;
    margin: 0 0 2px 0;
    padding: 1px 0;    
}
#right_nav_content li.last
{
    margin-bottom: 0;	
}
#right_nav_content li.subnav
{
    background-color: #FFFFFF;
	margin-bottom: 0;
}
#right_nav_content ul.open 
{
   margin: 0 0 0 0;
   background-color: #FFFFFF;
}
#right_nav_content  li img
{
    float: left;
    margin-top: 5px;
}
#right_nav_content a:link, #right_nav_content a:visited 
{
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin-left: 25px;
    display: block;
}
#right_nav_content a:hover, #right_nav_content a:active 
{
    text-decoration: underline;
}
#right_nav_content a.move_li
{
    margin-left: 5px;
}
#right_nav_content li.subnav a:link, #right_nav_content li.subnav a:visited, #right_nav_content li.subnav a:hover, #right_nav_content li.subnav a:active
{
	font-weight: normal;
    color: #333333;    
}
body#admin_editor #right_nav_content a.navon
{
 
}
#right_nav_content a.navon:link, #right_nav_content a.navon:visited, #right_nav_content a.navon:hover, #right_nav_content a.navon:active
{
    text-decoration: underline;  		
}
#right_nav_content li.subnav a.navon:link, #right_nav_content li.subnav a.navon:visited, #right_nav_content li.subnav a.navon:hover, #right_nav_content li.subnav a.navon:active
{
    color: #f90306;
	text-decoration: underline;	
}
#right_nav_content li.no_sub
{
    padding-left: 0;
}
#right_nav_content li.tarjoukset
{
    background-color: #01d437;
}
#right_nav_content li.loytonurkka a:link, #right_nav_content li.loytonurkka a:visited, #right_nav_content li.loytonurkka a:hover, #right_nav_content li.loytonurkka a:active
{
    color: #fff;
}
#right_nav_content li.loytonurkka a.navon:link, #right_nav_content li.loytonurkka a.navon:visited, #right_nav_content li.loytonurkka a.navon:hover, #right_nav_content li.loytonurkka a.navon:active
{
    color: #fff;
}
#right_nav_content img 
{    
    vertical-align: middle;
    padding: 0 5px;
}
#right_nav_content img.clickable
{
    cursor: pointer;
    cursor: hand;
}
/* navit loppuu */



/* rekisteroityminen */
table.rekisteroityminen {
	margin-top: 20px;
}
table.rekisteroityminen p.selite {
	font-size: 10px;
	color: #666666;
	margin-bottom: 5px;
}
table.rekisteroityminen input.kentta {
	margin-bottom: 3px;
	height: 16px;
	color: #333333;
	/*background-color: #edfbff;
	border: 1px solid #72e1fc;*/
}
table.rekisteroityminen input.kentta_pieni {
	margin-bottom: 3px;
	height: 16px;
	color: #333333;
	width: 130px;
}
table.rekisteroityminen textarea.kentta {
	margin-bottom: 3px;
}
table.rekisteroityminen input.btn {
	border: none;
}
table.rekisteroityminen input.kentta, textarea.kentta {
	width: 260px;
}
table.rekisteroityminen input.cb {
	width: 15px;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}


table.copyright {
	padding-top: 5px;
	padding-bottom: 5px;
}

td.copyright p {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

td.copyright a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
td.copyright a:link, td.copyright a:visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
td.copyright a:hover, td.copyright a:active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}


/* Yleiset asemointimääritykset */
.left {
	text-align : left;
}
.center {
	text-align : center;
}
.right {
	text-align : right;
}

/* Special Styles */
.error {
	color: #cc0000;
}
.success {
	color: #008000;
}	
.required {
	color: #ff0000;
}

.noborder {
	border: 0;
	background-color: transparent;
}


table.huombox2
{
    width: 100%;
}


/* Shopping cart Styles */
/* Cart box styles */

div.shopping_cart_display {
    background-color: #fff;
    width: auto;
    float: left;
    margin-left: 10px;
    padding: 2px 10px 2px 25px;
}

div#hide_shopping_cart {
    background: #fff url('../icon/new/nuoli_piilota.gif') no-repeat 3px 1px;
    display: block;
}

div#show_shopping_cart {
    background: #fff url('../icon/new/nuoli_nayta.gif') no-repeat 3px 1px;
    display: none;
}



tr.shopping_cart_row {
    
    width: 676px;
    border: 1px solid black;
}

table.cartbox {	
	background-color: #fff;
    width: 676px;
}

table.cartbox td {
	padding: 4px;
}
table.cartbox td p {
	margin: 2px;
}

table.cartbox td.stageoff
{
    background-color: #E0E0E0;
}

table.cartbox td.stageoff p {
	color: #000;
    font-weight: bold;
    padding: 6px 0;
}

table.cartbox td.stageon {
	background-color: #00a360;
}

table.cartbox td.stageon p {
	color: #fff;
	font-weight: bold;
    padding: 6px 0;

}

/* Notice box styles */
table.huombox {
	border: 1px solid #650a2d;
	background-color: #E1ABA9;
}
table.huombox td {
	padding: 4px;
}
table.huombox td p, table.huombox td li {
	margin: 2px;
	font-size: 11px;
	color: White;
	font-weight: bold;
}



div#payment_container {

    width: 676px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div#delivery_method_content,
div#payment_method_content {
    width: 325px;
}

div#delivery_method_content {
    float: left;
}

div#payment_method_content {
    float: right;
}

div#payment_method_content img.payment_image {

    
}

/* Order box styles */



table.orderbox_container  {
    width: 676px;
    margin-top: 10px;
    background-color: #E1E1E1;
    
}


table.orderbox_delivery,
table.orderbox_payment {
    width: 325px;
    
}

td.colored_row {
    background-color: #fff;
}


table.payment_table {
    margin:0 10px 10px 10px;
    width: 305px;
}

table.payment_table_fullsize {
    width: 656px;
}

table.payment_table td {
    vertical-align: middle;
    padding: 5px 5px;
}
table.payment_table td p {
    padding: 0;
    margin: 0;
}

td.payment_shop_content {
    padding: 10px;
}



div.orderbox_container_header {
    background-color: #00A060;
    position: relative;
   
}

div.orderbox_container_image {
    position: absolute;
    top: -9px;
    left: 10px;
}   

div.orderbox_container_header h2 {
    color: #fff;
    padding: 7px 0;
    font-size: 12px;
    padding-left: 55px;
}



table.orderbox {
    width: 656px;
	margin: 0 10px 10px 10px;

}

table.orderbox .shopping_cart_buttons input
{
    padding: 0 0 3px 0;
}

table.orderbox .nowrap 
{
    white-space: nowrap;
}

table.orderbox p.alv
{
	font-weight: bold;
    font-size: 11px;
}

table.orderbox p.total_amount
{
	font-weight: bold;
   
}

table.orderbox .bordertop {
    border-top: 1px solid #000;
}

table.orderbox .header
{
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

table.orderbox  .colored
{
    background-color: #E0E0E0;
}

table.orderbox td
{
    padding: 10px 5px 10px 10px;
    vertical-align: middle;
    padding-right: 5px;
  
}

table.orderbox .total
{
    background-color: #fff;
    padding: 8px 5px 8px 10px;	
}
table.orderbox td.rajaus {
	height: 1px;
	padding: 0;
	border-top: 1px solid #000000;
}

table.orderbox .total .tax
{
    font-weight: normal;
}

table.orderbox td.first_row
{
    padding-top: 20px;
}

table.orderbox td.last_row
{
   padding-bottom: 20px;
   /* border-bottom: 1px solid #000;  */
}

table.orderbox td p {
	font-size: 11px;
	color: #000;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

table.orderbox td form
{
    margin: 0;
    padding: 0;
}

table.orderbox input#amount
{
   background-color: #fff;
   border: 1px solid #000;
}

table.orderbox td.shopping_cart_buttons input
{
    padding-bottom: 4px;
}

table.orderbox .colored input#amount
{
    background-color: #fff;
}

table.orderbox p a:link , table.orderbox p a:visited 
{
    color: #000;
    font-size: 11px;
    vertical-align: middle;
 
    text-decoration: none;
}

table.orderbox p a:hover, table.orderbox p a:active
{
    color: #000;
    font-size: 11px;
    vertical-align: middle;
  
    text-decoration: underline;
}


div#alv_container {

    margin: 15px 0 20px 0;
    width: 676px;
    text-align: right;
    clear: both;
}

div#alv_content {
  
    padding: 3px 10px;
    margin-bottom: 10px;
    border: 1px solid #00A466;
        float: right;
}

table.alv_table td p {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

table.alv_table td {
    padding: 2px 8px 2px 0;
}

table.alv_table {
    width: auto;


    padding: 3px 10px;
}

table.alv_table td.header {
    font-weight: bold;
}

div#accept_order {
   border: 2px solid #00A466;
   padding: 10px 15px 5px 15px;
   margin-bottom: 20px;
}

div#payment_coverage {
    position: relative;
    
}

div#hidden_coverage {
    position: absolute;
    top: -9px;
    left: 0;
    background-image: url('../images/peite.png');
    background-repeat: repeat-y;
    height: 300px;
    width: 676px;
    z-index: 10;
}

table.payment_inner_container {
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.payment_inner_container table {
    margin: 15px 30px;
}

input.payment_button {
    margin-top: 10px;
    width: 241px;
    height: 45px;
    text-align: center;
    background: transparent url('../images/maksutapa.gif') no-repeat top left;
    color: #fff;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

td.logo_container {
    vertical-align: middle;
    padding-right: 30px;
}


table.addresses
{
    background-color: #E0E0E0;
    width: 676px;

    
}
table.addressess_summary {
    width: 656px;
    margin: 0 10px;
}

table.addresses td input,
table.addresses td textarea
{
    border: 1px solid #000;
    background-color: #fff;
    font-size: 11px;
    width: 245px;
    color: #000;
}
table.addresses td p.cb {
	margin-top: 15px;
}
table.addresses td input.cb {
	width: 15px;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

table.addresses td
{
    padding: 5px 5px 5px 15px;
}

table.addresses td p 
{
    padding: 0;
    margin: 0;
    line-height: 2.0;
}

table.addresses .button_row 
{
     padding: 15px 5px 15px 15px;

}

table.addresses .button_row input
{
    width: auto;
}   

div#delivery_form
{
    display: none;
}

div.card_content
{
    background-color: #E0E0E0;
    padding: 10px;
	width: 656px;
}

div#thank_you_box
{
   background-color: #ffffff;
   text-align: center;
   padding-top: 30px;
   padding-bottom: 20px;
   width: 676px;
   
}

div.card_content table.orderbox
{
    width: 656px;
}

div.card_content table.orderbox,
div.card_content table.orderbox td.header
{
  background-color: #E0E0E0;
    
}

div.card_content table.orderbox .last_row
{
     padding: 10px 0 10px 10px;
}

div.card_content table.orderbox td.total p
{
    margin: 0;
    padding: 0;
}

div.help
{
    margin-right: 25px;
}


/* product navigation */
table.product_navigation
{
    margin-top: 0;	
	margin-bottom: 20px;
}

table.product_navigation td
{
    padding: 5px 0 !important;
}
table.product_navigation .page_numbers
{
    margin: 0;
    padding: 0;
    font-weight: bold;
   
}

table.product_navigation .page_numbers .selected_page
{
    margin-left: 5px;
    color: #00a45c;
    font-weight: bold;
}

table.product_navigation .page_numbers a 
{
    margin-left: 5px;
    font-weight: normal;
   
}

table.product_navigation .page_numbers span.selaus
{
    margin-left: 15px;
}

table.product_navigation .page_numbers span.selaus a 
{
    margin: 0;
}

table.product_navigation .page_numbers span.selaus img
{
    vertical-align: middle;

}


table.product_navigation td
{
    padding: 0 5px 0 5px;

}


#frm_show_items
{
    display: inline;
    width: auto;
    padding-left: 25px;
}

#frm_show_items select
{
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #000;
}

div#jarjesta
{
    width: 676px;
    height: 22px;
    background: transparent url(../images/jarjestysnavi.gif) no-repeat left top;
    margin-bottom: 15px;
    line-height: 22px;
    padding: 0;
    font-weight: bold;
}
div#jarjesta_sis {
	margin-left: 20px;
	margin-right: 10px;
}

div#jarjesta span.jarjesta_header
{
   color: #fff;
}

div#jarjesta span.jarjesta_nav
{
    margin-left: 30px;
   
}

div#jarjesta span.jarjesta_nav a
{
    
}

div#jarjesta span.jarjesta_nav a.on
{
    color: #B1E8FE;
}

#frm_categories select
{
    padding: 5px;
    margin-right: 5px;
    border: 1px solid #514F67;
}

/*  */

input.btn {
	border: none;
}

div.form_box
{
    float: left;
    padding-right: 15px;
}

div.listaus form {
	margin: 0;
	padding: 0;
}

ul#contact_info
{
    list-style: none;
    padding: 0;
    margin: 0;
	margin-top: 7px;	
}


ul#contact_info li#first_contact_info
{
    background: none;
}

ul#contact_info li 
{
    padding: 0 5px 0 15px;
    margin: 0;
    list-style: none;
    display: inline;
    font-weight: bold;
	color: #ffffff;
    background: transparent url(../images/oranssi_pallo.png) no-repeat 0 5px;
    
}

#uutiskirje_tilaus {
	margin-right: 100px;
	float: left;
}
#uutiskirje_tilaus_graffa {
	padding-top: 20px;
	float: left;
}


/* Document Section Styles */
div#page_sections
{
    margin-bottom: 0;
}

div#info_page_sections div.pagesectioncontainer
{
    padding-bottom: 0;
}

div#info_page_sections 
{
	margin-left: 10px;
	margin-right: 20px;
	padding-top: 10px;
}

div.pagesectioncontainer
{
    /*width: 600px;*/	
}

div.sectionimageonlyright
{
    text-align: right;
	padding-bottom: 20px;
}

div.sectionimageonlyleft
{
    text-align: left;
	padding-bottom: 20px;
}

div.sectionimageonlycenter
{
    text-align: center;
	padding-bottom: 20px;
}

div.sectionimageleft
{
    float: left;
    padding: 0 10px 10px 0;
}

div.sectionimageright
{
    float: right;
    padding: 0 0 10px 10px;
}

div.pagesectioncontainer .thumbborder

{
    border: 1px solid #666666;
}


/* help */
body#help {
    background-color: #fff;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.help_table
{
    width: 100%;
    border: 1px solid #616161;
    border-bottom: 2px solid #616161;
    border-collapse: collapse;
    background-color: #fff;
}

table.help_table td 
{
    padding: 0;
    margin: 0;
}

table.help_table td.help_text
{
    background-color: #fff;
}

table.help_table td.help_row
{
    background-color: #D3D3D3;
    text-align: left;
    vertical-align: middle;
}

table.help_table  p
{
    padding: 0 5px 0 15px;
    margin: 10px 0;
    vertical-align: middle;
}

.editor_buttons
{
    text-align: left;
}

table.help_table td.help_row p img 
{
    vertical-align: middle;
}

table.help_table td.colored
{
    background-color: #E8E8E8;
}

table.editor_buttons
{
    background-color: #616161;
}

table.help_table h2
{
    margin: 0;
    padding: 0;
    color: #EADF34;
    font-size: 12px;
    display: inline;
}

table.help_table h2
{
    font-size: 16px;
    padding: 5px 5px 5px 15px;
    display: block;
}

table.help_table td.edit_buttons input
{
    padding-right: 5px;
}


/* asiakasvalikkotyylit */
#asiakasvalikko {
	background-color: transparent;
	width: 100%;	
}
#asiakasvalikko ul {
	margin: 0;
	padding: 0;
	margin-left: 0;
	padding-left: 5px;
	padding-top: 0;
}
#asiakasvalikko ul li {
	list-style-type: none;
	padding-left: 25px;
	padding-bottom: 3px;
}
#asiakasvalikko ul li.astiedot {
	background-image: url(../images/astiedot.gif);
	background-repeat: no-repeat;
	display: inline;
}
#asiakasvalikko ul li.tilaukset {
	background-image: url(../images/tilaukset.gif);
	background-repeat: no-repeat;
	display: inline;
}
#asiakasvalikko ul li.logout {
	background-image: url(../images/kirjaudu_ulos.gif);
	background-repeat: no-repeat;
	display: block;
	margin-top: 2px;
}


/* category-table, tuotteet -etusivulla */
table.categorytable {
	width: 629px;
}
table.categorytable td.ylaosa {
	width: 100%;
	height: 16px;
	
}
table.categorytable td.sisalto {
	width: 100%;
	background-color: #ffffff;
}
table.categorytable td.sisalto div.nimi {
	height: 29px;
	width: 550px;
	display: block;
	margin-bottom: 5px;
	background-color: #d7d7d7;
}
table.categorytable td.sisalto div.nimi div.maara_holder {
	position: relative;
	height: 0;
	width: 0;
}
table.categorytable td.sisalto div.nimi div.maara_holder div.maara {
	height: 29px;
	width: 180px;
	position: absolute;
	top: 0;
	left: 480px;
	background-image: url(../images/tuotemaara.png);
	background-repeat: no-repeat;
}
table.categorytable td.sisalto div.nimi div.maara_holder div.maara p {
	font-size: 11px;
	font-weight: bold;
	color: #3c73ae;
	padding-top: 7px;
	margin-left: 40px;
}
table.categorytable td.sisalto div.nimi div.maara_holder div.maara a:link, table.categorytable td.sisalto div.nimi div.maara_holder div.maara a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
table.categorytable td.sisalto div.nimi div.maara_holder div.maara a:hover, table.categorytable td.sisalto div.nimi div.maara_holder div.maara a:active {
	text-decoration: underline;
}
table.categorytable td.sisalto div.nimi p {
	margin: 0 0 0 15px;
	padding-top: 7px;
}
table.categorytable td.sisalto div.nimi a:link, table.categorytable td.sisalto div.nimi a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.categorytable td.sisalto div.nimi a:hover, table.categorytable td.sisalto div.nimi a:active {
	text-decoration: underline;
}
table.categorytable td.alaosa {
	width: 100%;
	height: 11px;	
}



/* yleinen sisallonpidike */
div.tekstisisalto {
	margin-right: 20px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

form.inline {
	margin: 0;
	padding: 0;
	display: inline;
}

table.tilausvaihenapit {
	margin: 0;
	margin-right: 7px;
}
table.tilausvaihenapit td {
	vertical-align: top;
	height: 19px;
	padding: 0;
}

.kysy_listaus {
	line-height: 20px;
}

div.huomboxi {
	border: 1px solid #cccccc;
	background-color: #f0f0f0;
	padding: 10px;
	font-size: 10px;
	color: #666666;
	width: 450px;
}
div.huomboxi2 {
	border: 1px solid #e2f5fe;
	background-color: #e2f5fe;
	margin-top: 2px;
    margin-right: 8px;
	padding: 5px;
	font-size: 10px;
	color: #333333;

}
div.huomboxi a:link, div.huomboxi a:visited, div.huomboxi a:hover, div.huomboxi a:active {
	font-size: 10px;
}
div.huomboxi2 a:link, div.huomboxi2 a:visited, div.huomboxi2 a:hover, div.huomboxi2 a:active {
	font-size: 10px;
}


/* palautelomake */
table.palaute {
	margin-top: 20px;
}
table.palaute input.kentta {
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 1px;
	height: 16px;
	color: #333333;
}
table.palaute textarea.kentta {
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 1px;
}
table.palaute input.btn {
	border: none;
}
table.palaute input.kentta, textarea.kentta {
	width: 260px;
}

div.ei_kuvaa {
	width: 100px;
	border: 2px solid #e7e7e7;
	color: #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin: 0 auto 0 auto;
}