/* generic rules */
html, body {margin:0; padding:0; height:100%; margin: 0 auto; text-align:center;}
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, img, form, table { margin: 0; padding: 0; }
ul {list-style: none;}
ol {list-style-position:inside;}
body {background:#cecece; color: #000; padding: 0; margin:0 auto; font-size:12px; font-family: Arial, Helvetica, Geneva, sans-serif;}
div.c {clear: both; height: 1px; overflow: hidden;}
a {text-decoration:underline; color:#000;}
p {margin-bottom:10px;}
.center {text-align:center;}
/* generic rules */

#left {float:left;}
td, th, caption {text-align:left; vertical-align:top;}
h4 {font-size:12px;}
h3.blue {color:#00abe9; font-size:16px;}
#site {width:952px; padding:0; margin:0 auto; background:#d52c1c;}
#sitecontainer {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/content_bg.gif) top left repeat-y; text-align:left; }

.sivukartta {margin-left:15px; margin-top:10px;}
.sivukartta a {line-height:1.5em;}
div.headtext {margin-top:10px; font-weight:bold;} 
table.esimerkki {border-collapse:collapse; margin-top:10px;}
table.esimerkki th {font-size:13px; background:#d1d1d2;}
.headbar {position:relative; width:952px; height:152px; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/headerimage.png) top left no-repeat;}
.sitenavi {position:absolute; right:20px; bottom:0px; width:262px; height:29px; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/top_navipic.gif) top left no-repeat;}
a.logo {display:block; position:absolute; top:40px; left:40px; width:374px; height:88px;}
a.logo span {display:none;}
a.outerlink {display:block; position:absolute; top:5px; left:5px; height:20px; width:110px;}
a.outerlink span {display:none;}
.headbanner {position:absolute; width:468px; height:60px; right:30px; top:30px;}
.headbanner img {border:none;}
a.link {color:#000 !important;}
.linediv a, .linediv-last a  {background:transparent url(http://www.tavaratalohurrikaani.fi/smilehouse/arrow.gif) no-repeat scroll 0 50%;
color:#000000;
display:block;
font-size:13px;
padding-left:8px;
text-decoration:none;
margin:0px 10px;
}

.linediv { margin:0px 10px; float:left; border-left:1px solid #af9e01;}
.linediv-last {margin:0px 10px 0px 0px; float:left; border-left:1px solid #af9e01;  border-right:1px solid #af9e01;}
.formbutton {cursor:pointer;
border:outset 0px #fff;
background:#999;
color:transparent;
padding: 3px 2px;
width:100px;
background:url(images/addtocart.gif) no-repeat left top;}

.separ {margin:0px 10px; display:inline;}
.pagination {margin-bottom:10px; text-align:center; background:#e8e8e6; padding:3px; margin-right:10px;}

div.contactinfo table tr td table tr td {width:250px;}

table#bottom {background:#D52C1C !important;}
.rednote {margin-top:5px; margin-left:5px; color:#ff0000;}


.yeldive {position:relative; width:952px; height:47px; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/yellowstripe.png) top left no-repeat;}
.yeldive .login {position:absolute; top:5px; left:35px; width:600px; height:25px; font-size:11px;}
.field1 {position:absolute; top:1px; left:1px; width:120px; height:21px;}
.field2 {position:absolute; top:1px; left:133px; width:120px; height:21px;}
.field3 {position:absolute; top:2px; left:265px; width:50px; height:21px;}
.field4 {position:absolute; top:5px; left:330px; width:260px; height:21px;}
.field4 a {text-decoration:none;}
.field4 a:hover {text-decoration:underline;}
.formfield {background:#fff; padding:2px; border:1px solid #b3b3b3; width:120px;}
.yeldive .cart {position:absolute; top:10px; right:20px; width:387px; height:25px; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/ostokori_bg_palkki_pitka.gif) top left no-repeat;}
.yeldive .cart span {display:block; width:210px; height:15px; padding-top:5px; padding-left:38px; font-size:11px;}
.yeldive .cart span a {color:#000000;}
.yeldive .showcart {position:absolute; top:13px; right:96px; width:100px; height:25px;}
.yeldive .checkout {position:absolute; top:13px; right:8px; width:100px; height:25px;}


.navigation {float:left; width:195px; background:#d52c1c; height:100%;}
.content {float:right; width:757px; background:#fff; min-height:850px}
.innercontent {padding:10px 10px;}
.breadcrumb {float:left; display:block; width:400px;font-size:12px; color:#028bd1; font-weight:bold;}
.breadcrumb a {font-size:11px; color:#666666; font-weight:normal;}
.breadcrumb span {padding:0px 6px; color:#000;}

.prodsearch {position:relative;float:right; width:290px; height:30px; font-size:11px;}
.prodsearch .col1 {position:absolute; left:4px; top:3px; width:65px; height:20px;}
.prodsearch .col2 {position:absolute; left:75px; top:0px; width:115px; height:20px;}
.prodsearch .col3 {position:absolute; left:198px; top:0px; width:25px; height:20px;}
.prodsearch .col4 {position:absolute; left:225px; top:3px; width:65px; height:20px;}

input.sfield {width:111px; padding:2px; background:#fff; border:1px solid #b3b3b3;}

.navigation ul.first {margin-top:10px !important;}
.navigation ul.ProductGroupTree {display:block; margin-top:0px;}
.navigation ul.ProductGroupTree li {padding:5px 5px 5px 20px; border-bottom:1px solid #7f1c0e;}
.navigation ul.ProductGroupTree li a {text-decoration:none; color:#fff;}
.navigation ul.ProductGroupTree li ul li {padding:5px 5px 5px 10px;}
.navigation ul.ProductGroupTree li.open {padding:5px 5px 5px 15px; margin-left:5px; color:#000; border-bottom:1px solid #7f1c0e; background:#fff; /* background:#9e1704; */}
.navigation ul.ProductGroupTree li.open a {text-decoration:none; color:#0097d8; font-weight:bold;}
.navigation ul.ProductGroupTree li.sel {padding:5px 5px 5px 15px; margin-left:5px; color:#000; border-bottom:1px solid #7f1c0e; background:#fff; /* background:#9e1704; */}
.navigation ul.ProductGroupTree li.sel a {color:#0097d8; font-weight:bold;}
.navigation ul.ProductGroupTree li.sel ul.sub li {border-bottom:1px dotted #7f1c0e; margin:0; padding:4px;}
.navigation ul.ProductGroupTree li.sel ul.sub li.current {background:#0097d8;}
.navigation ul.ProductGroupTree li.sel ul.sub li.current a {color:#000;}
.navigation ul.ProductGroupTree li ul li a {text-decoration:none; color:#000;}

.navigation ul.ProductGroupTree li.sel ul li a {color:#000; font-weight:normal;}
.navigation ul.ProductGroupTree li.open ul li a {color:#000; font-weight:normal;}
.navigation ul.ProductGroupTree li ul li.open {background:#0097d8;}
.navigation ul.ProductGroupTree li ul li.sel {margin-left:0px;padding:5px 5px 5px 10px;}
.navigation ul.ProductGroupTree li ul li.sel a {color:#fff; font-weight:bold;}


.prodline {width:708px; height:5px; border-top:1px dashed #ccc; margin-bottom:2px;}
div.product {float:left; width:228px; margin-right:4px; margin-bottom:7px; border:1px solid #f4f4f4;}
div.product .prodimage {display:block; text-align:center; height:150px; background:#fff; overflow:hidden;}
div.product .prodinfo {background:#f4f4f4; padding:10px;}
div.product .prodname {display:block; font-size:14px; text-transform:uppercase;}
div.product .proddesc {display:block; font-size:17px; font-weight:bold;}
div.product .prodprice {display:block; font-size:17px; font-weight:bold; color:#dc2819;}
div.product .prodprice span.intext {display:inline; font-size:12px; margin-left:5px; color:#000; font-weight:normal;}
div.product .normprice {display:block; font-size:11px;}
div.product .additional {display:block; width:215px; margin-top:8px;}
.additional .information {float:left; width:105px; font-size:12px; margin-top:3px;}
.additional .information a {display:block; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/arrow.gif) 0% 50% no-repeat; color:#000; font-size:12px; text-decoration:none; padding-left:8px;}
.additional .information a:hover {text-decoration:underline;}
.additional .information a span {padding-left:7px;}
.additional .addtocart {float:right; width:105px; font-size:12px;}
.dotborder {border-right:1px dashed #ccc; padding-right:4px;}

div.prodcontainer {display:block;}
div.info {margin-top:10px;}
div.info .productinfo {background:#f4f4f4; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:10px 0px; padding:10px 0px;}
div.info .prodname {display:block; font-size:14px; text-transform:uppercase;}
div.info .proddesc {display:block; font-size:20px; font-weight:bold;}
div.info .prodprice {display:block; font-size:17px; font-weight:bold; color:#dc2819;}
div.info .normprice {display:block; font-size:11px;}
div.info .prodteaser {margin:6px 0px;}
div.info .prodtech {margin-top:10px;}

div.info .prodtech ul {margin-top:4px;}
div.info .prodtech li {list-style-image: url(http://www.tavaratalohurrikaani.fi/smilehouse/bluedot.gif); list-style-type: circle; list-style-position:inside; margin-bottom:1px;}

ul.plist {margin-top:5px;}
ul.plist li {list-style-image: url(http://www.tavaratalohurrikaani.fi/smilehouse/bluedot.gif); list-style-type: circle; list-style-position:inside; margin-bottom:3px;}

.addbasket {float:right; width:102px; font-size:12px;}
.productprice {float:left; width:100px; margin-left:10px; font-size:17px; font-weight:bold; color:#dc2819;}
.productprice span {color:#000; font-size:11px; font-weight:normal;}

img.productpic {text-align:center;}



.cartheading { display:block; margin:10px 0px;}
.cartheading h3 {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/cartimage.gif) 0% 50% no-repeat; padding-left:40px; color:#00abe9; font-size:16px;}
.cartheading p {padding:4px 0px 4px 40px; margin:0;}
.cartheading .first {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/cartimage.gif) 0% 50% no-repeat; padding-left:40px; color:#00abe9; font-size:16px; float:left; font-weight:bold; margin-right:20px;}
.cartheading .second {float:left; color:#00abe9; font-size:16px; font-weight:bold; margin-right:20px;}
.cartheading .third {float:left; color:#00abe9; font-size:16px; font-weight:bold; margin-right:20px;}
.cartheading .fourth {float:left; color:#00abe9; font-size:16px; font-weight:bold; margin-right:20px;}
.cartheading .first-grey {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/cartimage.gif) 0% 50% no-repeat; padding-left:40px; color:#cecece; font-size:16px; float:left; font-weight:bold; margin-right:20px;}
.cartheading .second-grey {float:left; color:#cecece; font-size:16px; font-weight:bold; margin-right:20px;}
.cartheading .third-grey {float:left; color:#cecece; font-size:16px; font-weight:bold; margin-right:20px;}
.cartheading .fourth-grey {float:left; color:#cecece; font-size:16px; font-weight:bold; margin-right:20px;}


.tuotesivu_merkkimalli {font-size:14px; text-transform:uppercase; margin-left:8px; padding-bottom:5px;  }

td.tuote_info {font-size:14px; padding:10px;}
tr.TableRow {margin-right:10px;}
tr.TableRow td {font-size:12px; padding:3px;}
#kassaviiva {
float:left; width:99%; background: #f4f4f4; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; color:#ffffff;}

#kassapalaa /*aktiivi */ {
clear:none; padding:5px 0px; float: left; width:23%; text-align:center; font-weight:bold; text-decoration:none; color:#028bd1; }

#kassapala /*ei - aktiivi */ {
padding:5px 0px; clear:none; float: left; width:24%; text-align:center; color:#afafaf; }

.prodsyouhave {margin-left:30px; margin-bottom:10px; color:#666666; font-weight:bold;}

.noticebox {margin:0px 30px 10px; background:#5b914e; padding:10px; color:#fff;}
.noticebox-wide {background:#5b914e; padding:10px; color:#fff;}

table.hakutaulukko {width: 640px; text-align: left; font-size: 12px; border-spacing:0px; margin-top:10px;}
table.hakutaulukko th {background:#f4f4f4; padding:3px 4px; margin:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.hakutaulukko th.prc {text-align:right; padding-right:5px;}
table.hakutaulukko td {border-bottom:1px dashed #ccc; padding:4px 0px;}

.hakutaulukko td.prc {text-align:right; padding-right:5px;}
.hakutaulukko td.prod {text-align:left; padding-left:5px;}
.hakutaulukko td.reg {text-align:center; padding-left:5px;}
table.kayttajatiedot {margin-left:70px; width:500px;}
table.tuotetaulukko
{ position: relative; width: 640px; text-align: left; font-size: 12px; border-spacing:1px; margin:0 30px; } 

h2.topten {display:block; color:#fff; background:#ff4f21; padding:5px; font-size:15px !important;}

a.fronttop {color:#000; text-decoration:none;}

table.fronttable {border-spacing:20px 5px;}
td.padtd {padding:3px 10px 3px 10px; background:url(images/blue_arrow.gif) 95% 50% no-repeat;}

td.prod4, td.prod5, td.prod6, td.prod10, td.prod11, td.prod12  {background:#ecf0f7 url(images/blue_arrow.gif) 95% 50% no-repeat;}

.tuotetaulukko td
{margin:0; padding: 4px; /*border-bottom:#eccece 1px solid; */ /*ei tässä */ }

table.pagination {width:700px;}

td.sivunumerot-left { /*kategoriasivulla alareuna tuotelistassa */
/*background:#b5b5b5;*/
background:#fff; text-align:left; padding:5px;
}

td.sivunumerot-left a, td.sivunumerot-right a, td.pagnumbers a {color:#000; font-size:14px;}

td.sivunumerot-right { /*kategoriasivulla alareuna tuotelistassa */
/*background:#b5b5b5;*/
background:#fff; text-align:right; padding:5px;
}


td.pagnumbers {text-align:center; padding:5px;}

a.magnifier {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/magnifier.gif) top left no-repeat; padding-left:20px; color:#000;}
a.previous {background:url(http://www.tavaratalohurrikaani.fi/smilehouse/arrow_prev.gif) 0% 50% no-repeat; padding-left:15px; color:#000 !important;}

.backtokat {margin:5px 0px;}

tr.ots{ /*otsikko*/
background:#F4F4F4;
/*background:#fff;*/
color:#000000;
}
tr.otsikko td {background:#f4f4f4; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}

tr.pl { background:#fff; /*background:#fff;*/ }
tr.pl td {border-bottom:1px dashed #cccccc;}

/* tr.pt:hover{ background:#c0c0c0; } */

tr.pt { background:#fff; /*background:#fff;*/ }
tr.pt td {border-bottom:1px dashed #cccccc;}

input.txtfield {padding:2px; background:#fff; border:1px solid #b3b3b3; width:300px;}
textarea.txtfield {padding:2px; background:#fff; border:1px solid #b3b3b3; width:300px;}
.tuotesivuots
{ /*otsikko*/
background:#e0e0e0; color:#000000;
}

tr.ylin1{ /*ylin taso taulukossa kategoriat*/
background:#b5b5b5;
}

tr.ylin2{ /*ylin taso taulukossa kategoriat*/
background:#b5b5b5;
}

#virhe { margin-left:70px; margin-bottom:10px; vertical-align:middle; padding: 10px; display: block; border: #d52c1c solid 1px; background: #d52c1c; color: #fff; width: 450px; clear: both;}
#virhe ul li {display:block; background:url(http://www.tavaratalohurrikaani.fi/smilehouse/redstar.gif) 0% 50% no-repeat; padding-left:15px; margin:2px 0px;}
.kassa1head {color:#000; font-size:11px; margin-left:70px; margin-bottom:10px;}

#sivutable {
position: relative; width: 990px; border: collapse; background: transparent; text-align: center; margin: 0px auto 0px auto;
}

td.pikkukuva{
text-align:center; width:196px; padding-top: 8px; margin: 6px auto 2px auto;
}

.pikkukuva a{
color:black;
}
.pikkukuva a:visited { color:#363636; }

.pikkukuvatasaus{
position: relative; 
height: 132px;
display: block;
text-align: center;
line-height: 132px;
margin: 0; 
padding: 0;
vertical-align: middle;

}
.pikkukuvarivi{
text-align:center;

padding: 4px;
margin: 6px auto 2px auto;
vertical-align: top;
clear:both;

}

img.pikkukuva{
/*border: #2f2f2f 1px solid;*/
padding:3px;
vertical-align:middle;
}

td.tuotetekstit{ /*tuotesivulla asiakaspuolella tuotteen ominaisuudet taulukko */
vertical-align: top;
line-height: 180%;
}

.isokuva{
margin: 6px auto 2px auto;
text-align:center;
clear:both;
width:90%;
overflow:hidden;
height:365px;

}

td.katekuva{
padding:5px;
text-align:left;
min-width:130px;
}

.piilo{
display:none;
width:0;
height:0;
}
}

#pikkukuvasolu {
width: 200px;
padding: 10px;
}

#table2 {
position: relative;
width: 990px;
border: collapse;
background: #ffffff;
text-align: left;

}
caption {
background:#c0c0c0;
/*background:#fff;*/
/*border: #000000 1px solid;*/
font-weight: bold;
}

table.perustaulukko /*vain hallintapuolella */
{
position: relative;
width: 750px;
text-align: left;
font-size: 12px;
}



.keskitys /*keskittää sisällön */

{
width:90%;
margin:auto;
float:center;
text-align:center;
}

.vanhahinta{
text-decoration:line-through;
color:red;
clear:none;
margin-left:8px;
}

table.maksutaulukko
{
border:1px solid #000;
position: relative;
width: 640px;
text-align: left;
font-size: 12px;
clear:left;
background:#ffffff;
color:#000000;
margin-top:10px;
margin-left:40px;
padding:0px;
}

table.maksutaulukko td {border:1px solid #000; padding:5px;}

img.esittelykuva {
border: #a9b4ae 1px solid;
margin: 2px auto 2px auto;
width: 170px;
height: 170px;

}

td.logo { /*tässä logokuva ja kaupan iso teksti*/
width: 990px;
height: 113px;
background: #000000 url(template/yla1.jpg) no-repeat top center;
font-size:2em;
color:#eeeeee;
}

.maksukuva { /*etusivulla olevat pannkien ja postin kuvat */
float:left;
margin:2px;

}

#slogan { /*sloganteksti */
font-size:12px;
}

#footeri {
  text-align: center;
  clear: both;
  font: 10px verdana, sans-serif;
  color: #ffffff;
  padding: 0px auto 1px auto;
  vertical-align: top;
  margin-top:3px;
}

#footeri img {
vertical-align: middle; /*keskittää kuvat footerissa keskelle pystysuunnassa tekstin kanssa */
}



/* static smilehouse styles */
	
#info{
	background-image:url(advanced_otsikko.jpg);
	background-repeat:repeat-x;
	background-color:#eaeaea;
	border:1px solid #a6a6a6;
	
	}

#cart_information{
	background-image:url(advanced_otsikko.jpg);
	background-repeat:repeat-x;
	background-color:#eaeaea;
	border:1px solid #a6a6a6; 
	}	

#search{
	background-image:url(advanced_otsikko.jpg);
	background-repeat:repeat-x;
	background-color:#eaeaea;
	border:1px solid #a6a6a6; 
	}		
	
		
	
	
	


.tinymce1 {
	font-weight: bold;
	font-size: 18px;
}
.tinymce2 {
	font-weight: bold;
	font-size: 16px;
}
.tinymce3 {
	font-weight: bold;
	font-size: 14px;
}
.tinymce4 {
	font-weight: normal;
	font-size: 12px;
}
.tinymce5 {
	font-weight: normal;
	font-size: 10px;
}
.tinymce6 {
	font-style: italic;
	font-size: 12px;
}
.tinymce7 {
	font-weight: bold;
	font-size: 12px;
	color: #CD0000;
}
	
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.textbox {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 background-color : #6CBEF1;
 background : #6CBEF1;
 font-size : 10px;
 height : 16px;
}

select {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 background : #F1F1EC;
 font-size : 11px;
 color: #000000;
}
INPUT {
 font-family : Arial, Helvetica, sans-serif;
 FONT: 8pt 'arial','sans-serif'
}

td {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	margin: 0px;
}
.footer select {

 font-family : Verdana, Arial, Helvetica, sans-serif;
 background-color : #000000;
 background : #000000;
 font-size : 10px;
 color: #FFFFFF;
}
font {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.TableBg {
	background:#FFFFFF;
}

.TableHeader td{
	background-image:url(advanced_tableheader_bg.gif);
	background-repeat:repeat;
	font-weight: bold;
	color:#000000;
	//background: #65a4c5;
	padding: 4px;
}

.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #ffffff;
	padding: 4px;
}

.TableRow {
	background: #e5e5e5;
}

	
input#ws1, input#ws2, input#ws3, input#ws4, input#ws5, input#ws6, input#ws8, input#ws9, input#ws12, textarea#ws13 {background:#FFFFFF none repeat scroll 0 0; border:1px solid #B3B3B3; padding:2px; width:250px;}

.innercontent h3 {margin-bottom:5px;}
h2.tuoteotsikko {font-size:25px; margin-bottom:3px; margin-left:5px;}
/*
div.st0 {display:block; background:#d52222; border:1px solid #d52222; padding:3px; color:#fff;}
*/
div.st,div.st1,div.st2,div.st3,div.st4,div.st5,div.st6,div.st7,div.st8,div.st9,div.st10,div.st999 {display:none;}

div.cr0 {display:none;}
table.yel td {vertical-align:middle;}

.hurfooter {background:#9e1704; border-top:7px solid #6d1001; padding-bottom:20px; font-family:Verdana,sans-serif; color:#fff; font-size:13px; padding-top:15px;}
.hurfooterbottom {background:#6f0f03; font-family:Arial,sans-serif; color:#fff; font-size:12px; text-align:center; padding:10px 0px;}
.hurhrlogo {width:238px; height:54px; margin-left:15px; display:block; background:url(http://www.tavaratalohurrikaani.fi/images/hurrikaanifooterlogo.jpg) top left no-repeat;}
.hurhrlogo span {display:none;}
.hurpalsta {float:left; margin-left:15px; width:290px;}
.c {clear:both;}
h2.hurfooterh2 {font-family:Verdana,sans-serif; color:#fff; font-size:13px; font-weight:bolder; border-bottom:2px solid #6f0f01; margin-bottom:10px; padding-bottom:5px;}
.hurpalsta .huryhteystiedot {line-height:18px; margin-bottom:10px;}
a.hurfooterarrow {background:url(http://www.tavaratalohurrikaani.fi/images/footer_arrow.gif) 0% 50% no-repeat; padding-left:15px; color:#fff; text-decoration:none;}
.hurtavaratalo {width:130px;height:24px; display:block; background:url(http://www.tavaratalohurrikaani.fi/images/footer_tavaratalo.gif) top left no-repeat;}
.hurverkkokauppa {width:169px;height:23px; display:block; background:url(http://www.tavaratalohurrikaani.fi/images/footer_verkkokauppa.gif) top left no-repeat;}