/* default elements */
* {margin: 0; padding: 0;}

body {
    background: #fff;
    color: #222;
    font: normal 80% Tahoma,sans-serif;
    margin: 0;
    padding:0;
    text-align:center; /* horizontal centering for IE Win quirks */
    }

#frmSearch input#searchText{
    margin:0;    
    width:100px;
    border:1px solid #ddd;        
    padding:3px 5px 3px 30px;
    background:#fff url(/lightbox/search.png) no-repeat 5px 50%;
    }
#frmSearch input#seachBtn{
    width:50px;
    }
#frmSearch {
    text-align:center;
    }
    
a {color: #009900;}
a:hover {color: #7fa5d5;}

h1,h2,h3 {color: #442; padding: 2px 0 2px; }

fieldset {
  padding: 1em;
  border-width:6px /* Border width */
  }

.carousel_container {
    width: 558px;
    height: 280px;
    }
  
label {
    width: 9em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
    }


img {vertical-align:middle;}
input {vertical-align:middle;}

.oldprice {
     color: #999;
     text-decoration: line-through;
}

.oldprice2 {
     color: #000;
     background: #FFFFFF url(http://www.miniq.fi/lightbox/oldprice-bg.gif) no-repeat;
     font-size: 13px;
     }

.oldprice3 {
    color: #000;
    background: #FFFFFF url(http://www.miniq.fi/lightbox/oldprice-bg.gif) no-repeat;
    font-size: 13px;
    }


.sold-out {
     color: #000;
     background: #FFFFFF url(http://www.miniq.fi/lightbox/bg-sold-out.gif) no-repeat;
    }

.white_boxed {
    padding:3px; 
    margin:1px; 
    border:1px solid #FFFFFF;
    }

.hid_boxed {
    visibility:hidden; 
display: none;
    }

.boxed {
    padding:3px; 
    margin:1px; 
    border:1px solid #BCBAAC;
    }

.sel_boxed {
    padding:1px; 
    margin:1px; 
    border:3px solid #BCBAAC;
    }


.funky_boxed {
    border: 1px solid #BCBAAC;
    display: inline-block;

/*    background: white url(remove.gif) right no-repeat;*/
/*    padding-right: 17px;*/
    padding: 2px;
    margin: 1px;
    text-decoration: none;
    color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

   }


.funky_selected {
    display: inline-block;
    border: 1px solid #BCBAAC;
    background: #99ff00;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    }


h1 {font: normal 1.6em Tahoma,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em Tahoma,sans-serif;}
h3 {font: bold 1.0em Tahoma,sans-serif;}

label {display: block;}
img {border: none;}
li {line-height: 1.5em;}
/*p {padding: 2px 0 10px;}*/

small,.small {font: normal 0.9em Tahoma,sans-serif;}

/* structure */
#wrapper {
    border: 6px solid #fff;
/*    border-top: 6px solid #ccc;
    border-bottom: 6px solid #ccc;*/
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin: 0 auto;
    padding: 0px;
    width: 962px;
    text-align: left;
    background: #fff;
	}

#left-col {
    float: left;
    width: 160px;
    }

#right-col {
    float: right;
    width: 200px;
    }

#main-content { 
    float: left;
/*    font-family: cursive;*/
    font-family: "Tahoma",sans-serif;
    font-size:110%;
   /* background: #F0F0F0;*/
    width: 580px;
    padding-left: 20px;
    padding-right: 20px;
    w\idth: 540px;
    }


.column {
    position: relative;
    float: left;
    }
    

#left-col .block, #left-col .box, #right-col ul, #right-col .box  {
    padding-top: 4px;
    padding-bottom: 5px;
    border-left: 1px solid #332;
    border-right: 1px solid #332;
    border-bottom: 1px solid #332;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;


    }

#left-col h3, #right-col h3 {
    padding-left: 3px;
    background-color: #99ff00;
    background-color: #fff;
    background-color: #332;
    border: 1px solid #332;
    color: #332;
    color: #fff;
    text-align: left;
    }

#left-col .bottomcorners {
    height: 15px;
    background: #fff url(/zap/images/160px_bottom.png) no-repeat left bottom;
    }

#right-col .bottomcorners {
    height: 15px;
    width: 200px;
    background: #fff url(/zap/images/200px_bottom.png) no-repeat left bottom;
    }



#header {
    font: normal 90% Tahoma,sans-serif;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #332;*/
    height: 200px;
    line-height: 16px;
   
    border-bottom: 1px solid #332;
    border: 1px solid #332;

    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }

	
#header a {
    color: #553;
    text-decoration: none;
   font-weight:bold;
    }


#header .left {
    float: left;
/*    border-left: 1px solid #332;
    border-top: 1px solid #332;*/
    /*background: url(http://www.miniq.fi/verkkokauppa/img/palkkikuva.jpg) no-repeat left bottom;*/
    width: 350px;
    text-align: center;
    height: 200px;

    }

#header .center {
    text-align: center;
/*    border-top: 1px solid #332;*/
    padding-top: 10px;
    }

#header .right {
/*    border-right: 1px solid #332;
    border-top: 1px solid #332;*/
    float:right; 
    background: url(http://www.miniq.fi/verkkokauppa/img/palkkikuva2.jpg) no-repeat center bottom;
    width: 150px;
    width: 260px;
    height: 200px;
    }


.smallitems {
    display: block;
    background: #fff;
    /*border: 1px solid #BCBAAC;*/
    height: 80px;
    text-align: left;
    clear: both;
    }

.smallitems img {
   /* clear:both;
    height: 50px;
    width: 50px;
    margin-right: 5px;*/

    margin-left: 5px;
    /*display: block;*/
    float: left;
    text-align: center; 
    }

.smallitems span {
    margin-left: 60px;
    display: block;
    }

.smallitems a {
    text-decoration: none;
    }


.image_block    {
    width: 60px;
    height: 60px;
    position: relative;
    clear: both;
    }

.image_block a  {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    }


/* navigation */
.navigation {
    background: #DED9D0 url(http://www.miniq.fi/lightbox/nav.gif) repeat-x; height: 41px;
    border: 1px solid #332;
    clear:both;
	margin: 0 0 15px 0;
 }
.navigation a {
    background: #FFF url(http://www.miniq.fi/lightbox/nav.gif) repeat-x;
    border-right: 1px solid #C9C6B3;
    color: #553;
    float: left;
    font: bold 1em Tahoma,sans-serif;
    padding: 0 14px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}


#centeredmenu {
   float:left;
   width:100%;
   background:#fff;
   /*border-top:4px solid #332;*/
   border-bottom:1px solid #332;
   overflow:hidden;
   position:relative;
    clear:both;
margin: 0 0 15px 0;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   /*background:#ddd;*/
   background:#FFF; 
   color:#332;
   text-decoration:none;
   line-height:1.5em;
   font-weight:bold;
    }

#centeredmenu ul li a:hover {
    background: #99ff00;
    color: #553;
   /*background:#369;
   color:#fff;*/
    }

#centeredmenu ul li a.active, 
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#332;
   font-weight:bold;
}


/* main */

#footer {
    clear: both;
    text-align:center;
    border-top: 15px solid #fff;
    }



.footer {
    position:relative;
    top:1px;
    /*background:#332;
    width:100%;*/
    clear:both;
    /*	margin:0;
    padding:1% 0;*/
    text-align:center;
    color:#CCC;
    }

.footer .left {width: 66%;}
.footer .right {
    width: 33%;
    text-align: right;
    }

.footer a {
    color: #FFF;
    text-decoration: none;
}
.footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

/* gallery */
.gallery td {
    vertical-align: top;
    text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.content {padding: 18px 15px;}
.left {float: left;}
.right {float: right;}



/* block list */
ul.block {
    /*border-top: 6px solid #332;*/
    /*margin: 4px 0;*/
    }
.block li {
    border-bottom: 1px dashed #BCBAAC;
    list-style: none;
    }

.block li a {
    color: #553;
    display: block;
    padding: 4px 3%;
    text-decoration: none;
    width: 94%;
    }
	
/*
#left-col  a {
    color: #553;
    text-decoration: none;
    }
*/
	
.block li a span {font-weight: bold;}

.block li a:hover,.block li a#current {
    background: #99ff00;
    color: #553;
    }

.block ul{
    display: none;
    margin-left:10px;
    }


#border_img {
    /*height: 290px;
    width: 290px;*/
    /*padding: 5px 0 5px 5px;*/
    margin: 5px 0 5px 5px;
    display: block;
    float: right;
    /*border: 1px solid #BCBAAC;*/
    }

#product_img {
    height: 150px;
    width: 15px;
    /*padding: 5px 0 5px 5px;*/
    margin: 5px 5px 10px 5px;
    display: block;
    float: left;
    border: none;
    }

	
#product_list {
/*   width: 605px;*/
/*    width: 460px;*/
    width: 540px;
    }

#product_list li {
    list-style: none;
    border: 1px solid #BCBAAC;
    height: 180px;
    height: 330px;
/*border-bottom: 1px solid #fff;
border-bottom: 1px solid #F0F0F0;*/

    margin-top: 15px;
    padding: 5px;
/*    padding-left: 5px;
    padding-bottom: 25px;*/
    margin-bottom: 15px;
/*    clear: both;*/

/* COMMENT THIS */
  display: block;
    float: left;
    margin: 0 3px 30px 3px;
    width: 162px;
    padding: 5px;
    text-align: center;
    display: block;
    /*background: #F0F0F0;*/
    border: 1px solid #BCBAAC;
/* COMMENT THIS */

    }
/*
* html #product_list li {
    \width: 190px; *//* for IE5 and IE6 in quirks mode */
    /*w\idth: 180px;*/ /* for IE6 in standards mode */
    /*padding: 0;
  } */

#product_list li .desc {
/* COMMENT THIS */
/*   float: left;*/

    width: 180px;
    width: 162px;

    height: 55px;
    height: 120px;
    border-top: 1px solid #BCBAAC;
    /*background: #F0F0F0;*/
/* COMMENT THIS */
/*   display: inline-block;*/

    text-align: center;

    }
	
#product_list li .pric {
/* COMMENT THIS */
    width: 145px;
    width: 180px;
    height: 40px;
    /*background: #F0F0F0;*/
/* COMMENT THIS */
    text-align: center;
    }

#product_list li .pric:hover {
    color: #7fa5d5;
    }

#product_list li .selec {
padding-top: 30px;
/* COMMENT THIS */
    width: 145px;
    /*width: 180px;*/
/* COMMENT THIS */
    width: 180px;
    height: 30px;
   /* background: #F0F0F0;*/
/* COMMENT THIS */
    text-align: center;
    }

#product_list li:hover {
   /* display: block;*/
    border: 1px solid #303030;
    /*border-bottom: 1px solid #fff;
   border-bottom: 1px solid #F0F0F0;*/
    }

#product_list li a {
    text-decoration: none;
    }

#product_list li .list_image {
    background: #FFFFFF;
    float: left;
    display: block;

/* COMMENT THIS */
    width: 145px;
    width: 165px;
    height: 145px;
    height: 170px;
    height: 180px;
/* COMMENT THIS */
    }

#product_list li .list_image_organic {
    background: #FFFFFF url(http://www.miniq.fi/zap/images/organic.gif) no-repeat left top;
    width: 180px;
    height: 180px;
    }
	
* html #product_list .item2 .list_image {
    background: #F0F0F0 url(http://shop.miniq.fi/stripes.png) repeat;
    }

.striped {
  background: #FFFFFF url(http://www.miniq.fi/zap/images/stripes.png) repeat;
  }



#category_list {
    width: 605px;
    }

#category_list li {
    float: left;
    margin: 0 4px 30px 4px;
    width: 100px;
    /*padding: 5px;*/
    text-align: center;
    display: block;
    background: #F0F0F0;
    border: 1px solid #BCBAAC;
    }

* html #category_list li {
    \width: 110px; /* for IE5 and IE6 in quirks mode */
    w\idth: 100px; /* for IE6 in standards mode */
    padding: 0;
  } 


#category_list li .labl {
    float: left;
    height: 10px;
    text-align: center;
    background: #F0F0F0;
    }

#category_list li .desc {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    /*border-top: 1px solid #BCBAAC;*/
    background: #F0F0F0;
    }
	

#category_list li:hover {
    display: block;
    border: 1px solid #303030;
    }
#category_list li a {
    text-decoration: none;
    }
#category_list li .list_image {
    background: #FFFFFF;
    width: 100px;
    height: 100px;
    }
  
.formlink a {color: #000; text-decoration: none;}
.formlink a:hover {text-decoration: underline;}
  

.tag_cloud
    {padding: 3px; text-decoration: none;
    font-family: verdana;
    line-height: 100%; }
.tag_cloud:link  { color: green /*#FF66CC;*/ }
.tag_cloud:visited { color: #9900FF; }
.tag_cloud:hover { color: #FF66CC; background: #000000; }
.tag_cloud:active { color: #6699FF; background: #000000; }



#frontpage_list {
    width: 540px;
    }

#frontpage_list li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 170px;
    height: 300px;
    float: left;
    display: block;
    text-align: center;
    margin: 3px;

    list-style: none;
    border: 1px solid #BCBAAC;
    background: #FFFFFF;

    }

#frontpage_list li:hover {
    border: 1px solid #303030;
    }

#frontpage_list li .list_image {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 190px;
    }

#frontpage_list li .desc {
    text-align: center;
    }

#frontpage_list li .pric {
    text-align: center;
    }
#frontpage_list li .pric:hover {
    color: #7fa5d5;
    }

#frontpage_list li .selec {
    text-align: center;
    }

#frontpage_list li a {
    text-decoration: none;
    }


.commentbox{
	background-color: #ececec;
	background-color: #fff;
	background-color: #ececec;
	width: 550px;
	padding: 5px;
    border-top: 1px solid #BCBAAC;
    border-left: 1px solid #BCBAAC;
    border-right: 1px solid #BCBAAC;
	margin-top: 2px;
	}

.commentfooter{
	background-color: #ececec;
	width: 550px;
	padding: 5px;
	padding-top: 0;
	border-left: 1px solid #BCBAAC;
	border-right: 1px solid #BCBAAC;
	border-bottom: 1px solid #BCBAAC;
	font-size: 80%;
	color: #4A4A4A;
	    color: #777;
	}


.replycommentbox{
	background-color: #fefefe;
	width: 525px;	
	padding: 5px;
    border-left: 1px solid #BCBAAC;
    border-right: 1px solid #BCBAAC;
    margin-top: 2px;
	border-top: 1px solid #BCBAAC;
	margin-left: 25px;
	}
	
.replycommentfooter{
	background-color: #fefefe;
	width: 525px;	
	padding: 5px;
	padding-top: 0;
	margin-left: 25px;
    border-left: 1px solid #BCBAAC;
    border-right: 1px solid #BCBAAC;
	border-bottom: 1px solid #BCBAAC;
	font-size: 80%;
	color: #777;
	}

#new_question input#c_name, #new_question input#c_email, #new_question textarea#c_feedback{
    margin:0;    
    width:150px;
    border:1px solid #ddd;        
    padding:3px 5px 3px 5px;
    }

#new_question textarea#c_feedback{
	height:50px;
	}


/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


.funky_boxed a:hover {
    border: 1px solid #303030;
    }

.C1 {
 width: 164px;
 height: 120px;
 border: 1pt solid #a0a0a0;
 display: block;
 float: left;
 margin: 7px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 clear: none;
 padding: 0;
}

.C1:hover {
 background-color: #f0f0f0;
 border-color: black;
}

.C1 form {
 width: 164px;height: 120px;
}
.C1 form span {
 display:table-cell; vertical-align:middle;
 height: 92px;
 width: 164px;
}
.C1 form span input {
 margin-left: auto;
 margin-right: auto;
 display: block;
 border: 1pt solid #f2f2f2;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 padding: 5px;
 background-color: white;
}
.C1:hover form span input {
 border: 1pt solid black;
}
.C1 div {
 text-align: center;
 font-family: arial;
 font-size: 8pt;
}



/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */