* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFF;
	background-image:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0;
	padding:0 0 50px 0;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color:#454545;
	font-size: 13px;
}
#topwrap {
   height: 150px;
}
.top {
   float: right;
   padding-top: 50px;
}
.language {
   text-align: right;
   padding: 0 5px 10px 0;
}
.language a {
   padding: 0 3px;
}
.search {
}
.search label {
  display: inline-block;
}
.search fieldset ul {
  margin: 0;
  padding: 0;
}
.search fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.search fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

.search input{
   height: 22px;
   width: 160px;
   color: #28c2dd;
   border: solid 1px #28c2dd;
}
.search a {
	background: #e2eef4;
	float: right;
	color: #28c2dd;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 22px;
   border: solid 1px #28c2dd;
   margin: 0 3px;
}







#mainleft {
float: left;
width: 500px;
}

#mainright {
   width: 370px;
   float: right;
	font-size: 15px;
	color: #FFF;
	padding: 0 15px 0 0;
}
#mainright select {
   padding: 2px;
   float: right;
   margin: 10px 0 0 0;
}



#category {

}
#category ul {
   list-style-type:none;
}

#category a {
   color:#656565;
   display:block;
   font-size:14px;
   line-height:30px;
   padding-left:20px;
   text-decoration:none;
   width:220px;
}



#category a:hover {
   color:#565656;

}
a.normallink {
   color:#656565;
  
   font-size:14px;
   
   
   text-decoration:none;
   
}



a:hover.normallink {
    color:#00adff;
}



#category li {
   background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/categorybg.png) no-repeat scroll;
   font-size:14pt;
   line-height:30px;
   margin:0;
   width:220px;
}

#category li.active {
   background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/categorybg_active.png) no-repeat scroll;
   background-color: #e2eef4;
   margin:0;
}

#category li.sub {
   background: none;
   color:#565656;
   margin:0;
   width:220px;
}

#category li.sub a {
   color:#565656;
   display:block;
   padding-left:45px;
   text-decoration:none;
   width:177px;
}

#category li a:hover {
   color:#00adff;
}

.footer {
   background: url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/footertile.png) repeat-x;
   position: relative;
	margin-top: -188px;
	height: 188px;
	clear:both;
   color:#747474;
   font-size:11px;
   text-decoration:none;
   padding: 40px 0 0 0;
} 
.footer a {
	text-decoration: none;
	color: #00adff;
   padding: 0 5px;

}

.footer a:hover {
   text-decoration: underline;
}

#footerbottom {
   float: right;
   border-top: solid 1px #d3d3d3;
   width: 960px;
   margin: 10px 0 0 0;
   padding: 10px 0 0 0;
   text-align: right;
   
}
h1,h3 {
color:#454545;
font-size:20px;
font-weight:normal;
margin:0;
}


p {
   line-height: 15px;
}
img {
   border: 0;
}
hr {
  color: #eaeaea;
  background-color: #eaeaea;
  height: 1px;
  border: 0;
}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/



/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 188px;}  /* must be same height as the footer */


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* NAVIGATION */

.mainmenu {
   width: 960px;
   float: left;
   height: 42px;
   background: url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/menutile.png) repeat-x;
   margin-bottom: 20px;
}
.mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
   margin-left: 15px;
}

.mainmenu li {
	float: left;
   padding: 0;
   margin: 7px 0 0 0;
}

.mainmenu a {
	text-decoration: none;
	font-size: 15px;
	color: #FFF;
	padding: 4px 12px;
	display: block;
   line-height: 21px;
}

.mainmenu a:hover {
   text-decoration: underline;
}

.mainmenu li.active {
   background-color: #FFF;
}

.mainmenu li.active a {
   color: #0091af;

}
/*
#product h1{
	font-family:Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#00adff;
	font-size:20px;
}
*/

#product p{
	color:#454545;
	font-size:13px;
	line-height:23px;
}

#product .heading{
	color:#00adff;
	font-size:13px;
}

#product .text{
	color:#454545;
	font-size:13px;
}

#product .price{
	color:#454545;
	font-size:16px;
	font-weight:bold;
}

.productheading{
	color:#00adff;
	font-size:13px;
	font-weight:bold;
}

.productheading a{
	color:#00adff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.producttext{
	color:#454545;
	font-size:13px;
}

.productprice{
	color:#454545;
	font-size:13px;
	font-weight:bold;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	/*border:1px solid #bbb;
	padding:10px;*/
	position:relative;
	background:#fff;
	margin-bottom:10px;
}
/*
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
*/

fieldset p label {
	width:98%;
	line-height:23px;
}
fieldset p input {
	width:98%;
	line-height:23px;
}
fieldset p select {
	width:99%;
}
fieldset p textarea {
	width:99%;
}
fieldset.login p label {
	float:left;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

.btn{
	background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/buttontile.png);
	color: white;
	padding: 0 10px 0 10px;
	text-decoration: none;
	font-weight:bold;
	line-height: 22px;
	height:22px;
   border: solid 0px #565656;
   margin: 0 10px 0 0px;
   display:inline-block
}

.clevel2{
  color:#565656;
   display:block;
   padding-left:25px;
   text-decoration:none;
   /*background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/categorybg.png) no-repeat scroll;*/
   /* background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/subbg.png) no-repeat scroll;*/
   width:195px;
 line-height:30px;
}
.clevel2 a{
	color:#656565;
	display:block;
	font-size:14px;
	line-height:30px;
	padding-left:25px;
	text-decoration:none;
}


.clevel2 a:hover{
  color:#00adff;
}

.clevel2.active a{
  color:#00adff;
   display:block;
   padding-left:25px;
   text-decoration:none;
   width:220px;
}


.clevel1{
 background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/categorybg.png) no-repeat scroll;
   font-size:14pt;
   line-height:30px;
   margin:0;
   width:220px;
}

.clevel1.active a{
 background:transparent url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/categorybg_active.png) no-repeat scroll;
  
   margin:0;
   width:220px;
}
.clevel1 a{
 	color:#656565;
   display:block;
   font-size:14px;
   line-height:30px;
   padding-left:20px;
   text-decoration:none;
   width:220px;

}
.clevel1 a:hover{
	 color:#00adff;
}


/* Product gallery */
#gallery img {
	border: none;
	padding:5px;
}
 
#gallery_nav {
	float: left;
	width: 200px;
	text-align: left;
}
 
#gallery_output {
	float: left;
	width: 500px;
	overflow: hidden;
}
 
#gallery_output img {
	display: block;
	<!--margin: 20px auto 0 auto;-->
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.onkikauppa.fi/index.php/resource/onkishop/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(srchttp://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.onkikauppa.fi/index.php/resource/onkishop/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



.navigationbar a h1{
	display: inline;
	color:red;
	margin: 0; padding: 0;
}



#yourdata tr.even{
	background:#fff;
	/*height:34px;
	line-height:34px;
*/
}

#yourdata input{
	width:200px;
}



#yourdata label{
	padding-left:10px;
}