/* 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;}
.center {text-align:center;}
/* generic rules */

#left {float:left;}

h4 {font-size:12px;}
h3.blue {color:#00abe9; font-size:16px;}
h2.hdg_terve {display:block; height:21px; background:url(images/hdg_tervetuloa.gif) top left no-repeat;}
h2.hdg_terve span {display:none;}

h2.hdg_tavaratalo {display:block; height:49px; background:url(images/hdg_tavaratalo.gif) top left no-repeat;}
h2.hdg_verkkokauppa {display:block; height:52px; background:url(images/hdg_verkkokauppa.gif) top left no-repeat;}

h2.hdg_tavaratalo span, h2.hdg_verkkokauppa span {display:none;} 
#site {width:952px; padding:0; margin:0 auto; background:#d52c1c;}
#sitecontainer {background:url(images/content_bg.gif) top left repeat-y; text-align:left; }

.headbar {position:relative; width:952px; height:152px; background:url(images/headerimage.png) top left no-repeat;}
.sitenavi {position:absolute; right:20px; bottom:0px; width:262px; height:29px; background:url(images/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; right:5px; height:20px; width:110px;}
a.outerlink span {display:none;}

a.link {color:#000 !important;}

.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;}

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:35px; background:url(images/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;}


.opentimes {margin:30px 8px 10px 8px; width:179px;}
.opentimes .opentop {width:179px; height:30px; background:url(images/aukioloajat.gif) top left no-repeat;}
.opentimes .openin {width:157px; background:#b41f0e; color:#fff; font-size:13px; padding:10px; border-left:1px solid #fae301; border-right:1px solid #fae301; border-bottom:4px solid #fae301;}
.opentimes .openin p {line-height:18px; padding:0px; margin:5px 0px;}

.headbanner {position:absolute; width:468px; height:60px; right:20px; top:40px;}
.headbanner img {border:none;}

.tavaratalo {margin-top:20px; width:350px; height:270px; position:relative; float:left; border-right:1px dotted #000;}
.verkkokauppa {margin-top:20px; width:350px; height:270px; position:relative; float:right;}
.loader {position:absolute; bottom:10px; width:330px; height:35px; left:0px;}
.loader img, .loader2 img {border:none;}
.loader2 {position:absolute; bottom:10px; width:330px; height:28px; left:0px;}
.navigation {float:left; width:195px; background:#d52c1c; height:100%;}
.content {float:right; width:757px; background:#fff; min-height:850px}
.innercontent {padding:10px 20px;}
.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.ProductGroupTree {display:block; margin-top:10px;}
.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;}



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;}

.innercontent h3 {margin-bottom:5px;}
h2.tuoteotsikko {font-size:25px; margin-bottom:3px; margin-left:5px;}