html, body {

height: 100%;

overflow: auto;



}



* {

	margin: 0;

	padding: 0;

}



body {

	font-family: sans-serif;

	font-size: small;

	text-align: center;

}



div, p, img, a, td, ul, ol {

	font-size: 1em;

}

h1, h2, h3, h4 {

  font-family: "Trebuchet MS", "Georgia", serif;

	font-weight: bold;

	margin: 0.5em 0;

	color: #333;

	letter-spacing: 1px;

}

h1 { font-size: 140%; }

h2 { font-size: 130%; }

h3 { font-size: 120%; }

h4 { font-size: 110%; }

p { padding: 0 0 1.2em 0; }

a, a:link {

	text-decoration: none;

	color: #333;

}

a:visited {

	color: #333;

}

a:hover {

	text-decoration: underline;

	color: #333;

}

a:active {

	color: #333;

}



#cart a, #cart a:link {

	text-decoration: none;

	color: #fff;

}

#cart a:visited {

	color: #fff;

}

#cart a:hover {

	text-decoration: underline;

	color: #fff;

}

#cart a:active {

	color: #fff;

}



img {

	border: 0;

	margin: 0;

}

table tr td {

	vertical-align: top;

}

#top {

    width: 100%;

    height: 143px;

}

#top_holder {

  width: 931px;

  height: 143px;

  margin: 0px auto;

}

#content_holder {

    width: 930px;

    margin: 0px auto;

    margin-bottom: 33px;

    text-align: left;

    margin-top: 15px;

}

#cart {

  width: 100%;

  height: 33px;

  line-height: 33px;

  background: #333 url('../img/ostoskori_bg.jpg') repeat-x;

  color: white;

  position: fixed;

  bottom: 0px;

  left: 0px;

}

#cart #inside {

  width: 930px;

  text-align: center;

  margin: 0px auto;

}

#left {

  width: 200px;

  margin-right: 15px;

  float:left;

}

#center {

  width: 500px;

  margin-right: 15px;

  margin-bottom: 45px;

  float:left;

}

#right {

  width: 200px;

  float:right;

}



#logo {

  width: 327px;

  height: 143px;

  float:left;

}

#header {

  width: 505px;

  height: 143px;

  float:left;

}
.search
{
	width:180px;
	float:right;
	margin-top: 105px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.linkki
{
  float:left;
  width: 700px;
  height: 143px;
}
.searchbutton
{
  	background:url(../img/submit_bg.jpg);
	background-repeat:repeat-x;
	height:32px;
	width:100%;
	font-family: "Trebuchet MS", "Georgia", serif;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
	padding:0px 0px 0px 0px;
	border:2px solid #CCCCCC;
}
.searchformtext
{
  	background:url(../img/form_bg.jpg);
	background-repeat:repeat-x;
	height:22px;
	width:100%;
	padding:6px 0px 0px 3px;
	font-family: "Trebuchet MS", "Georgia", serif;
	font-weight: bold;
	color:#999999;
	border:2px solid #F5F5F5;
}
#languages {

  width: 85px;

 /* height: 143px;*/

  float:right;

}

#languages img {

  margin-left: 5px;

  margin-top: 10px;

}

.padding {

  padding: 10px;
  line-height:12px;
}

.box {

  width: 200px;

  background: #ececec url(../img/box_bottom.jpg) bottom left no-repeat;

  margin-bottom: 15px;

  padding-bottom: 5px;

}

.box_last {

  width: 200px;

  background: #ececec url(../img/box_bottom.jpg) bottom left no-repeat;

  margin-bottom: 55px;

  padding-bottom: 5px;

}

.box_top {

  width: 200px;

  height: 33px;

  line-height: 33px;

}

.box_top h3 {

  margin:0px;

  padding: 0px;

  font-weight: bold;

  padding-left: 10px;

}

#murot {

  font-family: "Trebuchet MS", "Georgia", serif;

  font-size: 120%;

  margin-bottom: 15px;

}

.menu {

  list-style-type: none;

  line-height: 14px;

  font-family: "Trebuchet MS", "Georgia", serif;

  font-size: 100%;
  
  margin:0;

}

.select {

  font-weight: bold;

}

.menu ul {

  list-style-type:none;

  padding-left: 15px;
  
	margin:0;
}
.menu li 
{
	margin:5px 0px 5px 0px;
	font-weight:bold;
	line-height: inherit;	
}
.menu li li
{
	margin:3px 0px 3px 0px;
	font-weight:normal;
	line-height: inherit;
}

.menu ul li
{
	margin-top:2px;
	margin-bottom:2px;
	font-weight:bold;
}

.myydyimmat {
	list-style-type:none;
	list-style-position: inside;
	font-size: 10px;
}
.myydyimmat li {
	padding-bottom: 8px;
}

.suositus {

  width: 500px;

  margin-bottom: 5px;

}

.suositus_bottom {

  width: 500px;
  
  padding-top: 10px;
  padding-bottom: 10px;
  
  background-position: bottom;
  

}

.product_image {

  width: 120px;

  height: 120px;

  background-color: white;

  float:left;

  text-align: center;

}

.product_data {

  width: 335px;

  margin-left: 10px;

  float:right;

  font-family: "Trebuchet MS", "Georgia", serif;

}

.product_name {

  font-size: 120%;

  font-weight: bold;

  font-family: "Trebuchet MS", "Georgia", serif;

  display:block;

  margin-bottom: 10px;

}

.price {

  float:right;

  /*position: relative;*/
  margin-left:15px;
  margin-bottom:10px;

  top: 28px;

}

.big_price {

  font-size: 120%;

  font-weight: bold;

  font-family: "Trebuchet MS", "Georgia", serif;

}

.tuote_1 {

  width: 500px;

  padding-bottom: 10px;

}

.tuote_2 {

  width: 500px;

  background-color: #efefef;

  padding-bottom: 10px;

}

#top_menu {

  width: 500px;

  margin-bottom: 15px;
  padding-bottom: 15px;

}





/* tästä alkaa pikkuvalikon tyylit */

#tabs {

float:left;

width:100%;

background:#FFF;

font-size:93%;

line-height:normal;

border-bottom:1px solid #c6c6c6;

}



#tabs ul {

margin:0;

padding:0px 0px 0 0px;

list-style:none;

}



#tabs li {

display:inline;

margin:0;

padding:0;

}



#tabs a {

float:left;

background:url("../img/list_left.jpg") no-repeat left top;

margin:0;

padding:0px 3px 0 5px;

text-decoration:none;

}



#tabs a span {

float:left;

display:block;

background:url("../img/list_bg.jpg") no-repeat right top;

padding:5px 15px 4px 6px;

color:#333;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */



#tabs a:hover span {

color:#333;

}



#tabs a:hover, #tabs a.active {

background-position:0% -26px;

color: white;

}



#tabs a:hover span, #tabs a span.active {

background-position:100% -26px;

color: white;

}



/* tähän loppuu pikkuvalikon tyylit */

#shop_name {
	width: 100%;
	height: 23px;
	padding-top: 5px;
	margin-top: 5px;
	font-size: 110%;
	text-align:center;
	font-family: "Trebuchet MS", "Georgia", serif;
	font-weight: bold;
	border-top: 1px solid #999999;
}

.paymentTitleSelected {
	background-color:  #eee;
	padding: 5px;
	font-weight: bold;
}
.paymentTitleGray {
	padding: 5px;
	background-color: #ccc;
}
.contentboxTopic {
	background-color: #eee;
	font-weight:bold;
	padding: 5px;
}
.contentbox {
	background-color: #F9F9F9;
	padding: 5px;

}
.formError {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	color: red;
}



.linkNextBack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	background-color: #FFFFFF;
	border: 1px solid #ADADAD;
	font-weight: bold;
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.linkNextBack:hover {
	color: #333;
	text-decoration: none;
}
.formFieldText {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #ADADAD;
	padding: 2px;
}
.formError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FF0000;
}
.formButton {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	background-color: #FFFFFF;
	border: 1px solid #ADADAD;
	font-weight: bold;
	padding: 4px;
	cursor:pointer;
}
.formButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	background-color: #C5C5C5;
	border: 1px solid #ADADAD;
	font-weight: bold;
	padding: 4px;
	cursor:pointer;
}
.contentboxPrice {
	font-weight: bold;
	color: #E15A00;
	padding-right: 10px;
}
.product_select_dropdown {
width: 150px;
}
#price {
display: block;
}
.product_select_button {
margin-bottom: 10px;
}


ul, ol {
    margin:0px;
    padding: 0px;
    list-style-position: inside;
}