/************************************************
 * fsdd_styles.css
 * © Topias Kangas & Samuli Sorvari
 *
 * Tyylitiedosto oletusulkoasulle
 *
 ************************************************
 * $Author: topias $ $Date: 2006/05/05 13:58:29 $ $Revision: 1.10 $
 *
 * $Log: fsdd_styles.css,v $
 * Revision 1.10  2006/05/05 13:58:29  topias
 * kaikennakosta
 *
 * Revision 1.9  2006/03/27 13:17:07  topias
 * editointipuolen parantelua
 *
 * Revision 1.8  2006/03/21 10:27:44  topias
 * Alkaa olla valmista kayttoon
 *
 * Revision 1.7  2006/03/02 15:29:18  topias
 * *** empty log message ***
 *
 * Revision 1.6  2006/02/13 13:10:43  topias
 * kaikenlaista, mm. kieliversiot, html:t eri sarakkeessa
 *
 * Revision 1.5  2006/01/31 16:14:44  topias
 * Toimiva versio loggauksineen
 *
 * Revision 1.4  2006/01/31 09:05:05  topias
 * Kieliversiot toimii, ilman sivu-luokkaa
 *
 * Revision 1.3  2006/01/13 14:26:43  topias
 * ensimminen toimiva versio formhandlerista, vain perus for fsdd_modules/Formi.class.php
 * m elementit.
 *
 * Revision 1.2  2006/01/11 20:41:15  topias
 * Kaikkea pikkumuutosta, ensimmainen toimiva versio
 *
 ************************************************/

/* TAGIKOHTAISET MÄÄRITTELYT */

body{
	background-color: #fff;
	background-position: center;
	background-image: url('../images/ulkoasu/bg.png');
	background-repeat:repeat-y;
	color: black;
	/*font-family: verdana, arial;*/
	margin: 0;
	padding: 0;
	font-family:  Verdana, "Lucida Grande", Arial, "Trebuchet MS", "Bitstream Vera Sans",  Geneva, Helvetica, sans-serif;
	font-size: 16px;
}

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

h1{
	margin-top: 0.55em;
	font-size: 1.8em;
	color: #57889d;
	font-weight: normal;
}
h2{
	font-size: 1.3em;
	color: #222;
	font-variant: small-caps;
	font-weight: normal;
}
h3{
	font-size: 1.1em;
	margin: 0 0 .5em;
	color: #313A0B;
	font-weight: normal;
}
h4{
	font-size: 1em;
}
p{
	line-height: 1.4em;
}
form{
	display: block;
}
li i {
	color: #666;
}

/* TAITTOON LIITTYVÄT MÄÄRITTELYT */

#outer_wrapper{
	margin: .7em auto;
	width: 992px;
	padding: 0;
	text-align: left;
}

#shadow_top{
	background: transparent url("../images/ulkoasu/plaza_top.png") no-repeat bottom center;
	height: 36px;
	width: 992px;
}
#shadow_bot{
	background: transparent url("../images/ulkoasu/plaza_bottom.png")  no-repeat top center;
	height: 36px;
	width: 992px;
}

#container{
	margin: 0 auto 30px;
	width: 980px;
	padding: 0px;
}


#tuotesivu_ylavasen {
  display: inline-block;
  box-sizing: border-box;
  width: 60%;
  float: left;
  text-align: center;
  overflow: hidden; }
  #tuotesivu_ylavasen .tuotekuvalinkki {
    -webkit-tap-highlight-color: transparent;
    /* for remove highlight */
    float: none !important; }
  #tuotesivu_ylavasen .slideshow-button {
    width: 45px;
    line-height: 45px;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
    font-size: 2em; }
  #tuotesivu_ylavasen .overlay-force-show {
    display: block !important;
    z-index: 1001 !important;
    cursor: pointer; }
  #tuotesivu_ylavasen #slideshow-button-container.force-show {
    display: flex !important;
    margin-bottom: 5px; }
  #tuotesivu_ylavasen #slideshow-button-container {
    justify-content: space-evenly;
    margin-top: 10px; }
  #tuotesivu_ylavasen .slideshow-indicator {
    background: transparent;
    cursor: auto;
    border-radius: 0px;
    margin: 0;
    display: none; }
  #tuotesivu_ylavasen #tuotesivu_isokuva.forcepopup {
    position: fixed !important;
    z-index: 1002 !important;
    width: 85vh;
    height: 85vh;
    max-width: 85vh;
    max-height: 85vh;
    top: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    display: block !important; }
    #tuotesivu_ylavasen #tuotesivu_isokuva.forcepopup .isokuva-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90%; }
      #tuotesivu_ylavasen #tuotesivu_isokuva.forcepopup .isokuva-container img {
        width: 99%;
        height: 99%; }

#tuotesivu_ylaoikea {
  display: inline-block;
  box-sizing: border-box;
  width: 40%;
  float: right;
  background-color: white;
  border: 1px solid #EEEEEE;
  padding: 5px 10px 00px 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  text-align: center; }
  #tuotesivu_ylaoikea .ratings {
    display: block;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    font-size: 2.2em; }
    #tuotesivu_ylaoikea .ratings .ratings-info {
      font-size: 0.4em; }

	  #tuotesivu_isokuva {
	    background-color: white;
	    border: 1px solid #EFEFEF;
	    border-radius: 8px;
	    overflow: hidden;
	    text-align: center; }
	    #tuotesivu_isokuva img {
	      width: 99%; }

	  #tuotesivu_isokuva a {
	    display: table-cell;
	    vertical-align: middle; }

	  .tuotesivu_pikkukuva {
	    box-sizing: border-box;
	    float: left;
	    padding-right: 1%;
	    padding-left: 1%;
	    margin-top: -1em;
	    margin-bottom: 10px;
	    width: 33.3%; }

	  .tuotesivu_pikkukuva.third {
	    margin-right: 0; }

	  .tuotesivu_pikkukuva a img {
	    position: relative;
	    border: 1px solid #eee;
	    border-radius: 8px;
	    width: 100%; }

	  #tuotesivu_pikkukuva a img:hover {
	    opacity: 0.9; }


		.priceblock {
		  position: relative; }

		.tuotesivu_hinta {
		  display: inline-block;
		  font-size: 2em;
		  font-weight: bold;
		  letter-spacing: -1px;
		  margin-bottom: 0;
		  text-align: center;
		  padding: 0.2em; }
		  .tuotesivu_hinta.tarjous {
		    background: red;
		    color: white;
		    /*
			    font-family: Tahoma;
				*/
		    font-style: italic; }

		.tuotesivu_normihinta {
		  font-size: 1.1em;
		  position: absolute;
		  right: 7%;
		  bottom: 0.6em;
		  height: 1.1em;
		  text-decoration: line-through;
		  letter-spacing: -0.5px;
		  /*bottom: 45px;*/
		  color: #555; }

#header{
	margin-top: 5px;
	margin-bottom:3px;
	padding: 0;
	width:980px;
	height: 160px;
	position: relative;
}

#header img{
	margin-top:25px;
	margin-left:15px;
}

#navi{

}
	#navi .nav{
		background:#434343;
		width:980px;
		text-align: center;
		margin:0;
		padding: 0;
		display: block;
		list-style: none;
	}

	/* HIDDEN FROM IE */
	#navi>.nav{
		float: left;
	}
	#navi ul{

	}
	#navi li{
		float: left;
		margin: 0 1px;
		background: ;
		padding-left: 6px;
	}


	#navi .curtab{
		background: ;
	}

	#navi a{
		font-size:0.8em;
		display: block;
		padding: 6px 6px 6px 6px;
		color: #FFF;
		/*margin-bottom: 1px;*/
	}

	#navi .curtab a{
		padding-bottom: 6px;
		color:#d1d1d1;
	}

	#navi li>a:hover{
		text-decoration: none;
		color: #d1d1d1;
	}
	/* HIDDEN FROM IE */
	#navi>.clearing{
		height: 1px;
	}

#infobox{
	border: 0px;
	font-size: 0.7em;
	padding: 2px 2px 0px 1.43em;
	margin-bottom: 2px;
}
#userbuttons{
	display: inline;
}

/*.submenu{
	display: block;
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
	background: #A5A97B;
}
	.submenu ul{
		margin: 0;
		padding: 0;
	}
	.submenu li{
		float: left;
		display: block;
	}
	.submenu li a{
		display: block;
		padding: .2em .5em;
	}
	.submenu li a:hover{
		background: #ccc;
		text-decoration: none;
	}
*/

#content{
	float:left;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	background: #f7f7f7;
	margin:0;
	padding:5px;
	width:968px;
	color: #2E3F32;
	line-height: 1.4em;
}



/*
KOLMIOSAINEN JAOTTELU
*/

#ala {
	float:left;
	width:240px;
}
#left {
	float:left;
	width:190px;
}
#center {
	float:left;
	width:585px;
}

#right {
	float:left;
	width:190px;
}
#boxi {
	background:#FFF;
	background-image: url('../images/ulkoasu/fade.png');
	background-repeat: repeat-x;
	font-size:0.8em;
	padding:5px;
	margin:5px;
	margin-bottom:10px;
	border:1px solid #e3e3e3;
}
#boxi.ala {
	background:#333;
	border:none;
}#boxi h1 {
	color:#454545;
	border:none;
	font-weight:bold;
	padding:0;
	margin:0;
}
#boxi h2 {
	color:#454545;
	border:none;
	font-weight:bold;
	padding: 0;
	padding-bottom:5px;
	margin: 0;
}
#boxi.ala h2 {
	color:#FFF;
	text-shadow: #CCC 1px 0px 0px;
}
#boxi.ala a {
	color:#FFF;
	text-shadow: #CCC 1px 0px 0px;
}
#boxi a {
	color:#434343;
}
#boxi ul {
	list-style-type: none;
	padding-left:10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#boxi.content p a {
	color:#004c85;
}
#boxi ul ul {
	list-style-type: disc;
	font-size: .9em;
	padding-left:20px;
	line-height: 1.4em;
}
#boxi ul li a {}
#boxi ul li a:hover {
	text-decoration: underline;
}
#boxi ul li.selected a {
	text-decoration: underline;
}
#boxi.lista ul {
	list-style-type: decimal;
	font-size: .9em;
	padding-left:25px;
	line-height: 1.4em;
}
#boxi.lista1 ul {
	list-style-type: decimal;
	font-size: .9em;
	padding-left:25px;
	line-height: 1.4em;
}
#boxi.lista1 ul li {
	margin-bottom:5px;
}
#boxi.kategoriat ul li {
	margin-bottom:4px;
	padding: 0;
}
#nayteikkuna {
	width:480px;
	margin:0 auto 0;
}
#boxi.content {
	padding:1em;
	color: #666;
}
#boxi.content ul {
	list-style-type: disc;
}
.nayte {
	padding: 20px;
	float: left;
	width:120px;
	padding-bottom:0;
	padding-top:5px;
}


/* OSTOSKORI */

#boxi.ostoskori li {
	background:url("../images/ulkoasu/ostoskori_pieni_tyhja.png") no-repeat scroll 0px 5px transparent;
}
#boxi.ostoskori li.taysi {
	background-image:url("../images/ulkoasu/ostoskori_pieni_taysi.png");
}

#boxi.ostoskori a {
	padding-left:35px;
}
#boxi.ostoskori span {
	color:gray;
	display:block;
	font-size:0.8em;
	padding-left:35px;
}

#footer{
	border-top:5px solid #434343;
	background:#333;
	color:#d1d1d1;
	padding-top:5px;
	float:left;
	width:980px;
	padding-bottom: 25px;
	margin-bottom:5px;
	text-align: left;
	font-size:.9em;
	clear: both;
}
#footer ul {
	list-style-type: none;
}
#subfooter {
	font-size: 0.7em;
	text-align: center;
}

#login{
	display: inline;
}
#flags{
	float: right;
}
#path{
	float: left;
}
.lang{
	border: 1px solid white;
	background: #000;
	padding: 1px;
}
.active{
	border-color: #d00;
	background: #fff;
}


/* Pikku Apuja */
.clearing {
	clear: both;
}
.clearleft{
	clear: left;
}
/*LOMAKKEET, FORMHNDLERISTA RIIPPUMATTOMAT */

legend {
	font-size: 0.9em;
	color: #666;
}
fieldset {
	border: 1px solid #999;
}
.caution{
	color: red;
	font-weight: normal;
}

/* TAULUKOT */
.taulukko{
	border: 1px solid #aaa;
}
.taulukko td{
	padding: 3px;
}

.head-row{
	background: #aaf;
	font-weight: bold;
}
.foot-row{
	background: #ddf;
}
.odd{
	background: #eef;
}

/* KUVITUS  */

.kuvitus{
	text-align: center;
}
.kuvitus img{
	padding: 10px;
	background-color: transparent;
	border: 1px solid #999;
}
.tiedostodata{
	font-size: 0.8em;
	color: #999;
}

tr.uusi{
	background: #cfc;
}
tr.tulostettu{
	background: #ffc;
}
tr.odottaa_tuotteita{
	background: #fcc;
}
tr.odottaa_maksua{
	background: #ccc;
}
tr.toimitettu{
	background: #cff;
}

#tilaustoiminnot{
	float: right;
	background: #ffc;
	border: 1px solid black;
	padding: 0 10px 10px;
	width: 250px;
}

.shadowbox{
	background: white url(../images/ulkoasu/shadowbox_top.png) no-repeat 50% 0%;
	width: 182px;
	float: left;
	margin-right: 20px;
}
.shadowbox div{
	background: transparent url(../images/ulkoasu/shadowbox_bottom.png) no-repeat 50% 100%;
	padding: 5px 6px 30px 2px;
	text-align: center;
}

.shadowbox h3{
	font-size: 0.8em;
}
.shadowbox img{
	border: 1px solid #333;
}

.hinta{
	font-size: larger;
	font-weight: bold;
	color: #C00;
	margin-bottom: 5px;
}

/* dialogi */
.dialogi{
	border: 1px solid black;
	padding: .8em;
	display: block;
	background: #ccc;
	margin-bottom: .8em;
}
.dialogi .ok{
	display: block;
	border: 1px solid black;
	padding: .4em;
	margin: .4em;
	width: 30%;
	float: right;
	text-align: center;
}
.dialogi .cancel{
	display: block;
	border: 1px solid black;
	padding: .4em;
	margin: .4em;
	width: 30%;
	float: left;
	text-align: center;
}
.dialogi a:hover
{
	background: #aaa;
}

.tablemp3 {
	/*-moz-border-radius: 10px;*/
	background: #fefefe;
	/*border: 2px solid #e6e6e6;*/
	color: #1b1b1b;
	width: 100%;
}


.tablemp3 td{
	border-top: 1px solid #e6e6e6;
	padding: 2px;
}
.tablemp3 th{
	text-align: center;
}

.punainen {
	color: #cc0000;
}

.tuote {
	background:#FFF;
	background-image: url('../images/ulkoasu/fade.png');
	background-repeat: repeat-x;
	float: left;
	padding: 6px;
	margin: 5px;
	margin-right:4px;
	width:250px;
	border: 1px solid #f2f2f2;
	height:250px;
}
.tuote select {
	width: 120px;
}
div.tuote p {
	color:#535353;
}
.tuotethumb_w {
	width:50%;
	float: left;
}
.ostoskoriin {
	float: left;
	width:40%;
}
.tuote_kat {
	list-type: none;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom:25px;
}
.tuote_kat div {
	background-color: #f9f9f9;
	background-position: 5px 5px;
	display: block;
	float: left;
	border: 1px solid #f9f9f9;
	margin:2px;
	margin-bottom:6px;
	padding-top:2px;
	padding-bottom:10px;
	margin-left:6px;
	padding-left: 65px;
	width: 105px;
	line-height: 1.2em;
	background-repeat: no-repeat;
	text-align: left;
	height:50px;
}
.tuote_kat a {
	font-weight: bold;
}
.tuotevaihtoehdot {
	margin-top: 25px;
	width:200px;
	float: right;
}
.tuotekuvat {
	margin-top: 25px;
	float: left;
}