/* LAYOUT
*******************************************************************************/

body {
    background: #5888ba url('../images/bg.jpg') repeat-x top center;
}

.container {
  width: 960px;
  position: relative;
  margin: 0px auto;
  text-align: left;
}
.logo {
  position: relative;
  float: left;
}
.search {
  width: 310px;
  height: 23px;
  padding: 5px;
  position: relative;
  float: right;
}
.openhours {
  width: 315px;
  display: inline;
  margin-right: 0;
  position: relative;
  float: right;
  background-color: #2871bd;
}

#header {
    position: relative;
    float: left;
    width: 960px;
    height: 120px;
    margin: 0; padding: 0;
}

#main {
    position: relative;
    display: inline;
    float: left;
    width: 900px;
    background: #fff;
    margin: 0 20px; padding: 10px;
}
.palstat {
  position: relative;
  float: left;
  background: #fff url(../images/content_bg.png) repeat-y top left;
}

#navcontainer {
    position: relative;
    display: inline;
    float: left;
    width: 150px;
    height: 662px;
    margin: 0; padding: 0; margin-right: 15px;
    text-align:left;
    background: transparent url(../images/nav_bg.png) no-repeat top left;
}

#content {
    position: relative;
    display: inline;
    width: 530px;
    margin: 0; padding: 0;
    float: left;
    text-align:left;
}

#sidecontainer {

    display: inline;
    float: right;
    width: 170px;
    margin: 0; 
	padding-right: 40px; 
	padding-right: 0;
    text-align:left;
	border: none;
	
}

#extracontainer {
    position: relative;
    display: inline;
    float: left;
    width: 165px;
    margin: 0; 
	padding: 5px; 
	padding-right: 0;
	margin-bottom: 10px;
    text-align:left;
	border: 1px solid rgb(204, 204, 204);
	
}
#extracontainer img {
  margin-bottom: 18px;
}

#links {
  position: relative;
  display: inline;
  float: left;
  width: 180px;
  padding: 40px 0 10px 0;
}
.text-osta-verkosta { 
	background: url('../images/text_osta-verkosta!.png') no-repeat top left; 
	margin-top: 10px;	
	}
.text-yrityksille { background: url('../images/text_yrityksille.png') no-repeat top left; }
.extra-kotimaiset {
  position: relative;
  display: inline;
  float: left;
  width: 155px;
  background: url('../images/extra_kotimaiset.png') no-repeat top left;
  padding: 30px 0 10px 25px;
}
.extra-ulkomaiset {
  position: relative;
  display: inline;
  float: left;
  width: 155px;
  background: url('../images/extra_ulkomaiset.png') no-repeat top left;
  padding: 30px 0 10px 25px;
}
.extra-tilauslomake {
  position: relative;
  display: inline;
  float: left;
  width: 155px;
  background: url('../images/extra_tilauslomake.png') no-repeat top left;
  padding: 70px 0 10px 25px;
}
.extra-datainfo {
  position: relative;
  display: inline;
  float: left;
  width: 180px;
  padding: 0;
}

#news {
  width: 128px;
  padding: 10px 6px 0 6px;
}
#news-float {
  position: relative;
  float: right;
  width: 300px;
  padding: 10px 6px 0 6px;
}

#news img {
  margin: 0 -6px;
}

#blogcontent {
    width: 650px;
    background-image: url('../images/bg_blogcontent.jpg');
    background-repeat: no-repeat;
    margin-right: 8px;
    float: right;
    text-align: left;
    padding-top:15px;
}

.blogposts {
    margin: 18px 28px;

}

#footer {
    clear: both;
    height:30px;
    width: 880px;
    margin: 10px 0 0 0;
    padding: 8px 10px 0 10px;
    background: url('../images/bottom_bg.png') repeat-x top;
}
#footer .left { float: left; text-align: left; width: 630px; }
#footer .right { float: right; text-align: right; width: 250px; }

#content img {
  border: 1px solid #ccc;
  margin: 10px 0; padding: 3px;
}
img.right {
  float: right;
}

.openhours table {
  width: 315px; margin: 0; padding: 0;
}
.openhours table tr { margin: 0; padding: 0; }
.openhours table tr td {
  width: 105px;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #fff;
}
.openhours A:link{
  font-size: 1em;
  color: #fff;
  text-decoration: none;
}
.openhours A:visited{
  font-size: 1em;
  color: #fff;
  text-decoration: none;
}
.openhours A:active {
  font-size: 1em;
  color: #fff;
  text-decoration: none;
}
.openhours A:hover {
  font-size: 1em;
  color: #fff;
  text-decoration: none;
}
/*
  FORM ELEMENTS
*/

.search input {
  position: relative;
  display: block;
  float: left;
  height: 17px;
  padding: 3px;
  margin: 0;
  font-size: 12px;
  border: none;
}
input.hae {
  width: 59px;
  height: 23px; padding: 0; margin: 0;
  background: url(../images/input_hae.png) no-repeat;
  cursor: pointer;
	cursor: hand;
}
input.hae:hover {
  background: url(../images/input_hae-focus.png) no-repeat;  
  cursor: pointer;
	cursor: hand;
}
input.books {
  width: 238px;
  background: url(../images/input_books.png) no-repeat;
}
input.inactive {
  color: #666;
}input.hae:hover {
  background: url(../images/input_hae-focus.png) no-repeat;  
  cursor: pointer;
	cursor: hand;
}
input.books {
  width: 238px;
  background: url(../images/input_books.png) no-repeat;
}
input.inactive {
  color: #666;
}ve {
  color: #666;
}input.hae:hover {
  background: url(../images/input_hae-focus.png) no-repeat;  
  cursor: pointer;
	cursor: hand;
}
input.books {
  width: 238px;
  background: url(../images/input_books.png) no-repeat;
}
input.inactive {
  color: #666;
}
div.pricebg
{height: 30px;
 background-image: url(../images/hintatausta.gif);
 background-repeat: repeat-x;
 border-bottom: 2px solid #266fbb;
 }

div.price
{float: right;
 height: 30px;
 margin-right: 6px;
}

 span.hinta
 {font-size: 24px;
 color: #266fbb;
 font-family: Georgia, serif;}