body {
 font-family: arial, sans-serif;
 font-size: 10 px;
 line-height: 1.5;
 color: #787878; 
 background: #FFFFFF url(images/bgBottom.png) repeat-x fixed center bottom;
 margin: 0; 
 padding: 0;
}

a {
 
}

a:link{
 color: #df8825;
 text-decoration: none;
}

a:visited{
 color: #a61809;
 text-decoration: none;
}

a:hover{
 color: #ebb219;
 text-decoration: none;
}

img {
 border: none;
}

h1 {
 margin-top: 0px;
 margin-bottom: 15px;
 font-weight: normal;
 font-family: Arial;
 font-size: 20px;
}

#container {
 width: 100%;
 height: 245px;
 background: url(images/bg.png) 0 0 repeat-x;
}

#logo {
 float: left;
 margin-top: 35px;
 margin-left: 7px;
}


#contentContainer {
 width: 980px;
 height: 30px;
 margin: 0px auto -1px auto;
}

#header {
 height: 104px;
}

#topBar {
 height: 21px;
 width: 387px;
 float: right;
}

#hakupalkki {
 height: 21px;
 width: 190px;
 background: #FFFFFF;
 float: left;
 margin-top: 9px;
}

#hae {
 background: url(images/hakuBg.png) #ff0000;
 float: right;
 width: 45px;
 height: 21px;
 color: white;
 text-align: center;
 font-size: x-small;
}

#haku {
 width: 45px;
 height: 21px;
 vertical-align: middle;
 float: top;
}

#topNavi {
 background: url(images/naviBg.png) repeat-x;
 width: 190px;
 height: 21px;
 float: right; 
 margin-top: 9px;
 font-size: x-small;
 text-align: center;
}

#topNavi a {
 
 color: #FFFFFF;
 
}

#topNavig {
 width: 190px;
 height: 21px;
 vertical-align: middle;
 text-align: center;
 padding-right: 5px;
}

#topNavig .topCell {
 width: 30%;
}

#navig {
 background: url(images/headerBg.png) 0 0 repeat-x;
}

#navigointi {
 width: 980px;
 margin: 0;
 padding: 0;
 line-height: 21px;
 font-size: 12px;
 }

#navigointi .naviContent {
 position: relative;
 height: 21px;
 border-bottom: 1px solid #e4e3e3;
}

#navigointi .naviContent:hover {
 color: #df8825;
 border-bottom: 1px solid #df8825;
}

#navigointi .naviContent:hover a {
 color: #df8825;
}

.naviContentRelative {
 position: relative;
}

.naviLink{
 position: relative;
 width: 100%;
 height: 100%;
}

.naviLink a {
 position: relative;
 height: 68px;
}

.naviCellLink {
	position: absolute; 
	height: 65px; 
	width: 190px;
}

#navigointi .naviGraf { 
 background: none;
 height: 45px;
 width: 190px;
}

#navigointi a:visited, #navigointi a {
 color: #666666;
}

#navigointi a:active, #navigointi a:hover {
 color: #fe7d00;
}


#navigointi .subMenuLeft {
 height: 100px;
 width: 185px;
 font-size: x-small;
 padding-left: 5px;
 padding-top: 10px;
 vertical-align: top;
 line-height: 10px;
}

#navigointi .subMenu {
 height: 100px;
 width: 190px;
 font-size: x-small;
 vertical-align: top;
 padding-top: 10px;
 line-height: 10px;
}

#navigointi .subMenu2 {
 padding-left: 14px;
 height: 100px;
 font-size: x-small;
 vertical-align: top;
 padding-top: 10px;
 line-height: 10px;
}

#navigointi td {
 padding: 0px;
}

#bottomFloater {
 margin-top: 20px;
 width: 100%px;
}

#bottomFloater a, #bottomFloater a:hover, #bottomFloater a:active {
 color: #666666;
}

#content {
 position: relative;
 width: 980px;
 margin-top: 10px;
 border-top: 1px solid #e4e3e3;
 background: #ffffff;
}

#leftContent {
 width: 394px;
 height: 350px;
 float: left;
 background: #ffffff;
 display: inline;
}

#rightContent {
 float: right;
 margin-right: 10px;
 display: inline;
}

#footer {
 padding-top: 5px;
 width: 980px;
 height: 21px;
 text-align: right;
 float: right;
 font-size: x-small;
 clear: both;
 margin-bottom: 30px;
}

#footer a:visited, #footer a {
 color: #666666;
}

#footer a:active, #footer a:hover {
 color: #fe7d00;
}

#footerNavi {
 margin: 0;
 padding: 0;
}

#products {
 overflow: auto;
 height:350px;
}

li {
 list-style: none;
 display: inline;
 margin: 6px;
}

#ryhmaList {
 list-style: none;
}

.ryhma a{
 color: #666666;
 width: 100px;
 float: left;
}

.ryhma a:active, .ryhma a:hover, .ryhma a:focus {
 color: #fe7d00;
 font-weight: bold;
}

.selectedSubCategory a,  .selectedSubCategory a:active, .selectedSubCategory a:hover .selectedSubCategory a:focus {
 color: #fe7d00;
 font-weight: bold;
}

#productContainer {
 width: 576px;
 position: relative;
 min-height: 220px;
 background: #e7e7e7;
 border-bottom: 1px solid #b0b0b0;
}

#productDowner {
 position: relative;
 clear: both;
 min-height: 130px;
 background: #e7e7e7;
}

#productTopLeft {
 width: 350px;
 min-height: 200px;
 padding-top: 20px;
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 font-size: x-small;
}

#productTopRight {
 position: absolute;
 top: 0;
 right: 0;
 background: #e7e7e7;
}

#productBottomLeft {
 background: #e7e7e7;
 width: 268px;
 margin-left: 20px;
 margin-bottom: 20px;
 display: inline;
}

#productBottomRight {
 position: absolute;
 top: 0;
 right: 0;
 background: #e7e7e7;
 min-width: 268px;
 margin-right: 20px;
 margin-bottom: 20px;
 display: inline;
}

#productBottomLeft p {
 margin: 0;
 padding: 0;
 padding-left: 20px;
 font-size: x-small;
 background: #e7e7e7;
 padding-bottom: 20px;
}

#productBottomRight p {
 position: absolute;
 top: 23px;
 right: 75px;
 margin: 0;
 padding: 0;
 font-size: x-small;
 background: #e7e7e7;
}

.uutiset {
}

#puff {
 margin-top: 50px;
}

#flash {
 float: center;
 width: 976px;
 height:440px;
 padding-left: 2px;
}

.fadeimage {
 position: absolute;
 top: -1px;
 left: 110px;;
 width: 80px;
 height: 68px;
}

#tulisijatFade  { 
 background: transparent url(images/tulisijatHover.png) no-repeat;
}

#kiukaatFade {
 background: transparent url(images/kiukaatHover.png) no-repeat;
}

#verhoilukivetFade {
 background: transparent url(images/verhoilukivetHover.png) no-repeat;
}

#mittalaitteetFade {
 background: transparent url(images/mittalaitteetHover.png) no-repeat;
}

#tyokalutjaasutFade {
 background: transparent url(images/tyokalutjaasutHover.png) no-repeat;
}