/* the basic colors and structures */

div {
border: solid 0px blue;
}
/*ul {background-color:red;}
*/


html {
background-color: #ffffff;
	  margin:0;
	  padding:0;
	  height: 100%;
	  background-image: url(logo_30x30_B.jpg);
	  /*
 background-image: url(bg.gif);
background-position: bottom left;
*/
}

div.kaariyla {
 position: absolute;top:0;left:0;background-image: url(kaari-yla.gif);height:170px;width:25px;
}

div.kaariala {
position: absolute;bottom:0;left:0;background-image: url(kaari-ala.gif);height:170px;width:25px;

  }

#body {

font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin:0;
padding:0;
font-size: 0.8em;


/*
background-image: url(kaari-keski.gif);
background-repeat: repeat-y;
background-position: bottom left;
*/
}

#outer-wrap {
width:100%;
padding:0;
margin:0;
text-align: center;

}

#wrapper{
padding: 0px;
margin:auto;
height:auto;
width: 90%;
background-color: #FFFFFF;
text-align: left;
border: solid 1px #B8DE0F;
border-top: none;
/*
background-image: url(content-bg.jpg);
background-position: bottom right;
background-repeat: no-repeat;

*/
}

/* IE specific */

* html div#outer-wrap {
/*
position: absolute;
bottom:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollBottom : document.body.scrollB);
* height: 100%;
background-image: url(right-bg.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
border:solid 1px red;
*/
}


/** deal with horribe horrible excel html */
font {
font-size: 12px;
}
td {
height:auto;
font-size: 12px;
}

span.otsikko_tieto {
font-size: 15px;
color: #0A5F88;
}

table {
background-color: #FFFFFF;
}

/* navigation menu excluded here */
.topmenu table {
background-color: transparent;
}

/* content stuff */
div.content {
padding:10px;
font-size: 1.0em; 
padding-top:10px;
/*
min-width: 500px;
*/
width: auto;
/*
background-image: url(kaari.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;//float: left;
*/


}

/* sub pages menu */
ul.white {
background-image:url(logo18x16.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
float:left;
margin-right: 20px;
}

div#white_stripe {
height:10px;

}

div#footer {
background-color: #2399CF;
padding:4px;
text-align: center;
width: 90%;
margin:auto;
/*
position:absolute; 
bottom:0;
right:5%;
left: 5%;
*/
}

/* headings and stuff */
h1 {
color: #0A5F88;
margin-top:0;
padding-top: 0px;
font-size: 1.5em;
}

h3 {
color: #000000; 
margin:0;
margin-bottom:2px;
margin-top:2px;
padding:0;
font-size: 1.1em;
}


/* links and stuff */

ul.loginlinks {
list-style-type: square;
padding-left:15px;
/*
_padding-left:10px;
_margin-left: 5px;
*/

}



div.prevnext {
text-align: center;
color: #254E7B;
}

div.category {
text-align: center;
/*
font-size: 0.9em; */
}

.prevnext a {
text-decoration: none;
color: #254E7B;
/*
font-size: 0.9em; */
}

.prevnext a:hover {
text-decoration: underline;

}

/* left side menus and stuff */

div.vasenmenu {
margin-top: 10px;
width: 160px;
float:left;
padding:0;
padding-top:20px;
margin-left:10px;

}


div.menudiv,
div.hakuloota {

margin-bottom: 10px;
width:auto;
/*margin-left: 10px;
_margin-left: 5px;
margin-top: 10px;
*/
background-color: #ffffff;
border: 1px solid #AFC3DA;
}

div.hakuloota input {

}

div.oikeamenu {
width: 150px;
display: none;
visibility: hidden;
margin: 0;
padding: 0;
margin-left: 0px;
margin-top: 0px;
margin-right: 10px;

}

div.loginform {
color: #000000;
width: 100%;
margin: 0;
padding: 0px;
font-size:12px;
margin-right: 0px;
margin-top: 10px;
_margin-right: 0px;
  border: 1px solid #AFC3DA;
  float:right;
  background-color: #FFFFFF;
}

div.innerlogin {
margin: 5px;
border:solid 0px red;
}

/* loginform specific... */
input.wide {
width: 130px;
}

/* right side mini shopping cart */

div.minicart {

 font-size: 12px;
 margin: 0px;
 width:100%;
 margin-right: 0px;
 float:right;
 border: 1px solid #AFC3DA;
 margin-top: 10px;
  background-color: #FFFFFF;
}

div.loginform h2, 
div.minicart h2,
div.vasenmenu h2,
div.menudiv h2,
div.hakuloota h2{
/*
background-image: url(small-bg.jpg);
background-position: top right;
background-repeat: no-repeat;
*/
background-color: #AFC3DA;
font-size: 14px;
font-weight: bold;
margin-top:0;
height:20px;
width:auto;
text-align:center;
color: #000000;
padding: 0;
}


div.vasenmenu h3 {
color: #AFC3DA;
font-size: 12px;
}

/* end all boxes on right and left */

/* pages (blank.php) */
div.modified {
font-size: smaller;
font-style: italic;
}


/* top menu items (inline list) */

div.menubar {
width: 90%;
height:auto;
padding:0;
background-color: #2399CF;
/*
border: 1px solid #FFFFFF;
border-top: 1px solid #254E7B;
border-bottom: 1px solid #254E7B;
*/
margin:auto;
border: solid 1px #B8DE0F;
}

div.topmenu {
//display: inline;
height:auto;
margin:auto;
padding-left:4px;
text-align: center;
}

td.topmenu {
/* display: inline;
background: transparent url(menu-bg.gif) left  no-repeat; */
display: block;
height:25px;   
position:relative;
}

td.active-tab,
td.tab{
text-decoration: none;
height: 100%;
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
}


td.active-tab {	
text-decoration: none;
background-color: #EBF9AA;

}

a.tab:link,
a.tab:hover,
a.tab:visited{
  text-decoration: none;
  color: #ffffff;
   font-weight: bold;
 }

a.active-tab:link,
a.active-tab:visited,
a.active-tab:hover{
  text-decoration: none;
  color: #000000;
  font-weight: bold;
 }


td.tab a:link,
  td.tab a:hover,
  td.tab a:visited, 
  td.tab a:active{
	text-decoration: none;
	color: #ffffff;
  }
 


/* category menu items... */

div.menudiv {
margin-top:-15px;
margin-left:0px;
padding:0;

}

ul.folder {
margin:0px;
padding: 0px;
list-style-type:none;
font-size:12px;


/*
background-image:url(small-bg.jpg);
background-repeat: no-repeat;
background-position: right;
background-color: #E1EA64;
*/
}

li.subfolder {
margin:1px;
margin-left:10px;
/*
background-image:url(small-bg.jpg);
background-repeat: no-repeat;
background-position: right;
background-color: #E1EA64;
*/
}


li.subfolder a {
/*
background: transparent url(menu-bg.gif) left  no-repeat;
*/
padding: 1px;
padding-left:15px;
display:block;
width:auto;
height:15px;
font-size:12px;
}

/* common for category links */
a.closed_item:link,
a.closed_item:hover,
a.closed_item:visited,
a.open_item:link,
a.open_item:hover,
a.open_item:visited {
padding-left:0px;
text-decoration:none;
width: auto;
color: #254E7B;
border: solid 0px #3F813F;
}


a.closed_item:link,
a.closed_item:hover,
a.closed_item:visited{
/*
background: transparent url(closed_item.gif) left  no-repeat;
*/
font-weight:normal;
}

a.open_item:link,
a.open_item:hover,
a.open_item:visited{
/*
background: transparent url(opened_item.gif) left  no-repeat;
*/
font-weight: bold;
}

/* menu items for registered users pages*/
div.alanavi {
text-align: center;
border-bottom: solid 1px green;
padding-bottom: 3px;
width: auto;
margin:0;

}

div.alanavi a {
text-decoration: none;
font-size: 12px;
}

span.alanavi {
border: solid 1px green;
background-color: #C6D618;
padding:0px;
font-size: 12px;
text-decoration: none;
padding: 3px;
position: relative;
/* lousy hack for IE */
_top: -3px;
}

span.alanavi-active {
padding:0px;
background-color: #FFFFFF;
border: solid 1px green;
border-bottom: solid 1px #FFFFFF;
font-size: 12px;
padding: 3px;
position: relative;
/* lousy hack for IE */
_top: -3px;

}

span.alanavi-active a,
span.alanavi a {
padding: 3px;
}

/* omattiedot form + info*/
div.inforight {
float: right;
border: solid 1px #C6D618;
width: 40%;
padding: 0.5em;
background-color:#E1EA64; 
margin-top: 10px;
margin-right: 5px;
}

div.registerform {
width:50%;
float: left;
margin:3px;
}

div.inforight p {
/*
font-size: 0.9em;*/


}

div.registerform label {
float:left;
color: #3F823D;
padding: 3px;
padding-right: 3px;
font-size: 12px;
width: 100%;
text-align: left;
}
div.registerform input {
width: 99%;
}

h2 {
font-size: 16px;
border-bottom: 0px solid #0A5F88;
width:auto;
}

/*  nostot + uutiset yms */
div.promo {
float: left;
width:120px;
height: 120px;
border: solid 1px green;

padding:10px;
text-align: center;
}

div.autowidth {
border: solid 0px blue;
width:auto;
margin:auto;
text-align: center;
height:auto;
padding:left: 20%;
padding-right: 20%;
}

/* etusivun uutismokkula */
div.newsdiv {
float: right;
width: 200px;
/*position: absolute;
top:200px;
right:15%;
*/
background-color: #FFFFFF;
padding-right:10px;
padding-left:10px;
}
div.newsdiv  h1 {
font-size: 14px;
}
div.newsdiv div#single_item {
border-bottom: solid 1px #B8DE0F;
padding-bottom:10px;
padding-top:10px;
display: block;
}
span.smaller {
font-size: 12px;
font-weight: normal;
}

/* kirjautuminen , ostoskori jne */

.pikkuruutu {
background-color: #E7EF75;
}


/* uutislaatikot yms.*/
div.uutinen {
padding:5px;
width:auto;
/*
background-color:#E1EA64;*/
border-bottom:solid 0px #C6D618;

margin-top:5px;


/*
background-image:url(item-bg.gif);
background-repeat: no-repeat;
background-position: bottom right;
*/
}

.uutinen h4 {
margin-top:0;

}

.uutinen ul {
margin:0;
padding:0;
width:50%;
list-style-type: none;
}
/*
p {
border:solid 0px blue;
margin:2px;
}

*/



.price {
float: right;
}


div.topmenu {
width: 100%;
text-align: center;
height: 25px;
padding:0;
margin:0;
}

div.logobar {
height: 122px;
text-align: center;
padding:0px;
background-color: #FFFFFF;
border: solid 1px #B8DE0F;
border-bottom: none;
/*
background-image:url(top.jpg);
background-repeat: no-repeat;
background-position: bottom left;
*/
margin:0;
width: 90%;
margin: auto;
margin-top: 0;
}

.logo  img {  
margin-top:10px;
}

ul.toplinks{
display: inline;
list-style-image: url(images/list.gif)
}



li.toplink {
display: inline;
color: #254E7B;
padding:0px;
}






div.sidemenu {
float: left;
border: solid 1px blue;

}

/* 
zoom=0 
small pics, 3x3 etc
*/
div.item_0 {
margin-bottom: 20px;
margin-top:10px;
margin-left:3px;
padding:0px;
/*
width:auto;

display:inline;
*/
float: left;
text-align: center;

border: solid 3px #C0C0C0;

/*
background-color:#AFC3DA;
background-image:url(item-bg.gif);
background-repeat: no-repeat;
background-position: bottom right;
*/
}

.tuotekuva_0 {
margin: auto;
border: solid 2px #C0C0C0;
}

/* 
zoom=1 
wide items, 1/row
*/
div.item_1 {
/*
background-color:#AFC3DA;
*/
border:solid 1px #C0C0C0;
/*
background-image:url(item-bg.gif);
background-repeat: no-repeat;
background-position: bottom right;
*/
margin-bottom: 10px;
padding:0px;
height: auto;
min-height: 100px;
_height: 100px;
text-align: left;
}

div.item_1 p {
margin: 3px;
}

div.itemform {
margin:5px;
}

div.itempic {
padding:3px;
text-align: left;
}

/*  the pic in the box on big_image.php */
.tuotekuva_1 {
float: left;
margin:5px;
border: solid 2px #C6D618
margin: 3px;
cursor: hand;
cursor:pointer;
}

div.lang {
float:left;
margin-top:5px;
}

.hack {

height:1px;
width: 99%;
padding:0;

}

.hackboth {
clear:both;
height:0px;

}

/* add-to-basket, qntity etc */
div.options {
border: solid 0px yellow;
width: auto;
padding: 3px;
}

div.options p {
margin:2px;
}

form.inlineform {
display: inline;
}


.box {
background-image:url(images/box.gif);
background-repeat:no-repeat;



}
.navitable td {

vertical-align:center;
}

.linkki {
margin-left:3px;
padding-top:5px;
}




.bigpicture {

width: 300px;
height:300px;


}

/* checkout page */
table.cart_table {
border-collapse: collapse;
background-color: #FFFFFF;
}

table.cart_table td,
table.cart_table th{
border: solid 1px #AFC3DA;
/* font-size: 1.0em; */
}

table.cart_table th {
background-color: #AFC3DA;
}

div.cart {
margin:2px;
clear:none;
padding:2px;
position:relative;
margin:auto;
}

div.remove {
float:right;
z-index:20;
display:block;
position:relative;
}

.loginbox {
width:100px;
font-size:10px;
color:#000000;
}


a.menu:link {
color:black;
text-decoration:none;
}
a.menu:visited {
color:black;
text-decoration:none;
}

a.menu:hover {
color:black;
text-decoration:none;
}

a.white:link{
color:#FFFFFF;
text-decoration:none;
font-size:x-small;
}
a.white:visited{
color:#FFFFFF;
text-decoration:none;
font-size:x-small;
}

a.white:hover{
color:#FFFFFF;
text-decoration:none;
font-size:x-small;
}

.login {
color:#FFFFFF;
font-size:x-small;
font-family:Arial,Helvetica,sans-serif;
}




.vasmenu {

text-align: left;
padding:0px;
width:182px;

}

fieldset {
border:solid 1px #C6D618;
background-color:#E1EA64;

}

fieldset.kentat {
border:solid 1px #C6D618;
background-color:#E1EA64;
width:auto;
padding:0px;
margin-right:0px;
}

p.ip {
//display:block;
background-color: #DADADA;
width:100%;
padding:3px;}

.ip {
width:100%;
margin:3px;


}
ul.product_ul {
list-style-type:none;
margin-left: 0px;
padding-left:0px;
padding-right:15px;
}

ul.product_ul li {
background-image:url(logo18x16.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;

margin-top:6px;

}

 div#page_content {
margin:auto;
width: auto;
 }

 /*excel-generated html-cleanup*/
div#content table {
border-collapse: collapse;
}
div#content table table td {
border: solid 1px red;
}

div.lto_item {
width: 100%;
background-color: #FFFFFF;

}

table.top_table {
margin-bottom:10px;
margin-top:20px;
}

table.top_table td {
padding: 3px;
vertical-align: top;
border:solid 0px pink;
}

table.top_table td.ots {
font-weight: bold;
font-size: 14px;
width:33%;
}

td.data_otsikko {
font-weight: bold;
font-size: 18px;
color: #254E7B;
}

td.data_leipis {
font-weight: bold;
font-size: 15px;
color: #254E7B;
}

/* data table */

th.empty_column {
border:0;
width: 10px;
}

table.data_table td {
padding:3px;
}
table.data_table {
border:0;
}

/* hacks for user generated pages */
table p img {
float: right;
}

div.lataa_pdf {
background-image: url(lataa-pdf.jpg);
background-repeat: no-repeat;
background-position: left middle;
height:20px;
padding-left: 25px;
font-weight: bold;
width:70px;
border:solid 1px #951A1F;
}

div.lataa_pdf a {
line-height: 20px;
}