/* 
#guide { background: red; height: 1px; width: 100%; position: absolute; left: 0; right: 0; top: 513px; z-index: 2000; }
#guide2 { background: red; height: 1px; width: 100%; position: absolute; left: 0; right: 0; top: 524px; z-index: 2000; } 
*/
a { text-decoration: none; color: #ee7b27; }
body { background: #edeeef url(http://www.juha-elektro.fi/i/site-bg2.gif) no-repeat center top; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 12px; }

a:hover { text-decoration: underline; }
p { margin: 0 0 1em 0; padding: 0px; }
h1, h2, h3, h4, h5 { margin: 0 0 10px 0; padding: 0; color: #58595b; }
h1 { font-size: 15px; font-weight: bold; margin-top: 25px; }
h2 { font-size: 14px; font-weight: bold; clear: both; display: block; }
h3, h4, h5 { font-size: 12px; font-weight: bold; }
.shop h3 { clear: both; }
.cb { clear: both; }
table { border-collapse: collapse !important;}

hr { border: solid 1px #888; border-width: 1px 0 0 0; }
.col ul { padding: 0 8px; margin: 0 0 1em 0; list-style-position: inside; }
.col ul ul { margin: 0; }
.col li { padding: 0 0 0 15px; text-indent: -13px; }
.maincontent table { clear: both; border-collapse: collapse; border: none; margin: 10px 0 0 1px; padding: 0; width: 100%; }
.maincontent table td, .maincontent table th { border: none; }
.maincontent .paragraph table { border: solid 1px #aaa; border-width: 1px 0 0 1px; }
.maincontent .paragraph table td, .maincontent .paragraph table th { border: solid 1px #aaa; border-width: 0 1px 1px 0; padding: 3px; text-align: left; vertical-align: top; }
table.categories { position: relative; border-left: solid 1px #000 !important; width: auto !important; width: 541px !important; }
table.categories h2 { display: block; position: relative; width: 176px; font-size: 11px; color: #666; padding: 0 3px; background: #ddd; height: 50px; display: table-cell; vertical-align: middle; overflow: hidden; }
table.categories h2 .title { #position: absolute; width: 169px; #top: 50%; }
table.categories h2 a { display: block; text-align: center; position: relative; #top: -50%; }
table.categories td { width: 179px; overflow: hidden; padding: 0 5px; border-right: solid 1px #000 !important; }
table.categories td.sep { width: 20px !important; background: #fff url(http://juhaelektro-www.twinkle.fi/i/table-sep.gif) repeat-y center top !important; }
table.categories a { color: #333; display: block; width: 170px !important; overflow: hidden; }
table.categories img { width: 170px !important; margin: 10px 0px !important; padding: 0; }

table tr.top-margin td { height: 13px; border: none; }
table tr.btm-margin td { height: 33px; border: none; }

table.products { margin: 0 !important; font-size: 0.9em; clear: both; background: #eee; }
table.products th { border-bottom: solid 1px #fff; }
table.products th, table.products td { border-left: solid 1px #000; text-align: left; vertical-align: top; padding: 3px 10px 3px 10px; }
table.products th { padding: 0px 10px 5px 10px; }
table.products th .desc { font-weight: normal; clear: both; font-size: 0.9em; }
table.products th.first, table.products td.first { border-left: none; padding-left: 20px; }
table.products tr.last td { padding-bottom: 15px; }
table.products a { color: #000; }

table.productproperties { font-size: 0.9em; background: #eee; margin: 0 0 1em 0 !important; width: 580px; position: relative; }
table.productproperties th { border-right: solid 1px #000; text-align: left; vertical-align: top; padding: 3px 10px 3px 20px; }
table.productproperties .headings th { border-bottom: solid 1px #fff; padding-bottom: 8px; }
table.productproperties .headings th.title { border-right: none; padding-left: 10px; }
table.productproperties td { text-align: left; vertical-align: top; padding: 3px 10px 3px 10px; }
table.productproperties th .desc { font-weight: normal; clear: both; font-size: 0.9em; }
table.productproperties a { color: #000; }
table.productproperties .r1 { background: #dcdcdc; }

table.pp-main { width: 360px !important; float: left !important; clear: left !important; }
table.pp-main .r1 { background: #eee !important; }

#images { float: right; clear: right; width: 170px; overflow: hidden; position: relative; margin-top: 18px; }
#images img { width: 160px; margin: 0 6px 0 4px; padding: 0; }
#images .price { background: #eee; font-size: 11px; font-weight: bold; padding: 5px 10px; margin: 0 6px 5px 4px; }
#images .amount { position: relative; background: #fff url(http://juhaelektro-www.twinkle.fi/i/bg-grey.gif) no-repeat left top; color: #fff; font-weight: bold; font-size: 11px; height: 28px; width: 150px; padding: 6px 10px 0px 10px;}
#images .amount input { width: 35px; height: 12px; font-size: 10px; text-align: center; right: 25px; position: absolute; }
#images .amount label { display: block; position: absolute; top: 8px; left: 13px; }
#images .submit { position: relative; background: #fff url(http://juhaelektro-www.twinkle.fi/i/bg-orange.gif) no-repeat left top; color: #fff ; font-weight: bold ; font-size: 11px ; height: 28px ; width: 150px ; padding: 6px 10px 0px 10px ; }
#images .submit input { color: #fff; text-align: left ; left: 13px ; top: 8px ; font-size: 11px ; font-weight: bold ; position: absolute ; background: transparent ; border: none ; padding: 0 ; text-transform: none ; margin: 0; }
#images hr { margin: 5px 6px 10px 4px; padding: 0; }

#images .offer { position: relative; background: #fff url(http://juhaelektro-www.twinkle.fi/i/bg-orange.gif) no-repeat left top; color: #fff; font-weight: bold; font-size: 11px; height: 26px; width: 150px; padding: 8px 10px 0px 10px;}
#images .offer a { color: #fff; }

hr { border-width: 0 0 1px 0; border-color: #000; }
.maincontent h1 { color: #77787b; font-size: 18px; }
form { margin: 0; padding: 0; }
#path { font-size: 10px; margin: 0 0 1em 0; padding: 0 0 0 0; }
#path a  { color: #666; }
img, a img { border: none; margin: 0px; padding: 0px; }

#top-wrap { background: transparent url(http://juhaelektro-www.twinkle.fi/i/bg-topbar-wrap.gif) repeat-x left top; height: 137px; position: relative; width: 100%;}
#top { position: relative; clear: both; width: 1007px; margin: 0 auto; background: transparent; height: 137px; }
#top.fi { background: transparent url(http://juhaelektro-www.twinkle.fi/i/bg-menu-sub-items.gif) no-repeat left bottom;}
#logo { display: block; position: absolute; width: 117px; height: 58px; background: transparent url(http://juhaelektro-www.twinkle.fi/i/logo.gif) no-repeat left top; top: 39px; left: 35px; text-indent: -9999px; overflow: hidden; }
#menu-global { font-size: 10px; position: absolute; right: 0px; top: 0px; margin: 0px; background: transparent url(http://juhaelektro-www.twinkle.fi/i/bg-menu-sub-items-sep.gif) no-repeat right top; }
#menu-global a { color: #58595b; }
#menu-global .item { float: left; font-size: 10px; height: 20px; background: #d1d3d4; margin: 0 0 0 2px; padding: 5px 13px 0 13px; }


#site { width: 1007px; margin: 0 auto; margin-top: 36px; }
.col { padding: 0; z-index: 1; vertical-align: top; }
#col-left { width: 174px; padding-left: 0; padding-right: 0; padding-top: 0; bottom: 0px; height: 1px; }
#col-left.grey { background: #8b8d90; }
#col-center { width: 620px; padding-right: 0; padding-left: 0; overflow: hidden; background: #fff; }
.main_home #col-center { background: transparent; }
#col-right { width: 163px; }
.sep1 { overflow: hidden; width: 12px; }
.sep2 { overflow: hidden; width: 23px; }
.sep3 { overflow: hidden; width: 16px; }

/* .lc-wrap { background: transparent url(http://juhaelektro-www.twinkle.fi/i/bg-lc-wrap.gif) repeat-y right top; width: 844px; float: left; margin-top: 36px; padding: 0; margin-bottom: 10px; position: absolute; }
.main_home .lc-wrap { background: transparent; margin-bottom: 0px; } */
/* .lc-wrap #col-center { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;  }
.lc-wrap #col-left { margin-bottom: -2px; padding-bottom: 0; padding-top: 0; margin-top: -3px; } */
.main_home .caption { position: relative; background: #fff; margin: 0 0 10px 0; height: auto !important; }
.corner-overlay { height: 11px; width: 11px; right: 0px; top: 0px; background: transparent url(http://juhaelektro-www.twinkle.fi/i/header-img-overlay.png) no-repeat right top; position: absolute; z-index: 2; }
.main_home .caption img { clear: both; float: none; border: solid 3px white; width: 614px; position: relative; }
.caption .image-left, .paragraph .image { float: left; margin: 0 15px 10px 0; }
.caption .image-wide { clear: both; display: block; margin: 0 0 15px 0; /* height: 120px; */ overflow: hidden; }
.caption .image-wide img { width: 570px; }
.paragraph .image img, .caption .image-left img { width: 200px !important; }
.links { margin: 1em 0; }
.links .link { padding: 0; }
.caption, .paragraph { margin: 0 0 2em 0; clear: both; }
.text-right { width: 350px; float: left; clear: right; }
.maincontent { position: relative; background: #fff; margin: 0; padding: 15px 25px 15px 25px; overflow: hidden; }
.main_home #col-center .content { position: relative; background: #fff; margin: 0 0 0 0; padding: 5px 10px 10px 10px; overflow: hidden; }
.headline { background: #fff; margin-bottom: 20px; position: relative; }
.headline .content { border: solid 3px white; padding: 10px;  }
.main_home #col-center .headline { float: left; width: 304px; }
.main_home #col-center .headline.archive-list { background: #eecf77; }
.main_home #col-center .headline.archive-list .item { margin: 0 0 5px 0; }
.main_home #col-center .headline.odd { clear: left; width: 217px; margin-right: 18px; }
.main_home #col-center .headline.even { clear: right; width: 385px; }
.main_home #col-center .headline { height: 121px; }
.main_home #col-center .headline .content { height: 120px; }
.main_home #col-center .caption .headline { height: auto; width: auto; clear: both; margin: 0px; }
.main_home #col-center .headline.archive-list h4 { font-size: 11px; }
.archive-list .item { margin: 0 0 1em 0; }
.archive-list .desc { margin: 0 0 1em 0; }
.section #col-center .headline.archive-list .content { margin: 0; padding: 0; border: none; }
.section #col-center .headline.archive-list .corner-overlay { background: none; display: static; height: auto; width: auto; }
.section #col-center .headline.archive-list h3 { background: #ccc; text-transform: uppercase; padding: 5px 8px; }
.section #col-center .headline.archive-list h3 a { color: #000; }
.section #col-center .headline.archive-list .item { padding: 0 8px; margin: 0; }
.section #col-center .headline.archive-list h4 { margin: 0 0 1em 0; padding: 0; }
.section #col-center .headline.archive-list .pvm { float: left; width: 80px; }

#col-right .headline { width: 163px !important; overflow: hidden; margin-bottom: 0; margin-top: 12px; }
#col-right .headline.first { margin-top: 0; }
#menu-left a { color: #fff; }
#menu-left { color: #fff; font-weight: bold; width: 174px; }
#menu-left .items { border-bottom: solid 2px #edeeef; }
#menu-left .item { clear: both; padding: 0; }
#menu-left .item.indent0#cart .sub-items iframe { padding: 0 !important; margin: 0 !important; width: 155px !important; height: 60px !important; background: transparent; }
#menu-left .item.indent0#cart { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-left-item-post-sub.gif); position: relative; }
#menu-left .item.indent0 { background: #8b8d90 url(http://juhaelektro-www.twinkle.fi/i/bg-menu-left-item.gif) no-repeat left top; padding: 8px 0 0 10px; height: 20px; }
#menu-left .sub-items { background: #dcddde url(http://juhaelektro-www.twinkle.fi/i/bg-menu-left-sub-items.gif) no-repeat right top; padding: 5px 5px 0 5px; margin: 0; font-weight: normal; font-size: 11px;  }
#menu-left .sub-items a { color: #404245; }
#menu-left .item.post-sub { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-left-item-post-sub.gif) !important; }
#menu-left .item.first { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-left-item-first.gif) !important; }
#menu-left .sub-items#search { padding-top: 8px; padding-bottom: 8px; }
#menu-left .sub-items div.item { padding: 0 0 5px 4px; width: auto; display: block; }
#menu-left .sub-items div.selected { color: #000 !important; display: block; margin-bottom: 5px; }
#menu-left .sub-items .item div.item { padding: 0 0 5px 12px; width: auto; background: transparent url(http://juhaelektro-www.twinkle.fi/i/menu-left-item-bg.gif) no-repeat 4px 2px; display: block; }
#menu-left .sub-items .item div.selected { color: #000 !important; display: block; background: transparent url(http://juhaelektro-www.twinkle.fi/i/menu-left-item-bg-selected.gif) no-repeat left 5px; }
#menu-left .sub-items .selected a.open { color: #000; display: block; margin-bottom: 5px; }
#menu-left .sub-items div.item.indent1 { margin-left: 0px !important; }
#menu-left .sub-items div { margin: 0 0 0 0 !important; }

#menu-left .indent1 { background: none !important; padding-left: 4px !important; }

#menu-left .item.indent1 { }
#menu-left .item.indent2 { margin-left: 6px !important; }
#menu-left .item.indent3 { margin-left: 20px !important; }
#menu-left .item.indent4 { margin-left: 34px !important; }
#menu-left .item.indent5 { margin-left: 48px !important; }

#footer { text-align: right; font-size: 10px; padding: 10px 0 10px 0; height: 10px; color: #5a595b; }
.main_home #footer { padding-top: 0px; margin-top: 10px; }
#footer a { color: #5a595b; }
#footer .sep { color: #edeeef; padding: 0 5px; }
.shop #footer { margin: -23px 0 0 226px; }
#col-center #footer { float: none; clear: both; margin: 0 0 0 0; }
#search form { display: block; position: relative; height: 20px; padding: 0; }
#search form .input { color: #000; background: #fff; left: 4px; padding: 3px 0 0 3px; font-size: 11px; width: 120px; position: absolute; height: 15px; z-index: 30;  }
#search form.default .input { color: #aaa; }
#search form .submit { margin: 0 0 0 0; position: absolute; right: 8px; top: 2px; z-index: 30; }
#cart-indicator { margin: 0 0 0 0; position: absolute; right: 13px; top: 6px; z-index: 30; height: 19px; width: 19px; background: transparent !important; }
.banner { background: transparent; }
.main_home .headline { margin-bottom: 9px; }
.main_home .headlines { padding-top: 9px; }
.main_home .headlines .banner .img { border: solid 3px #fff; overflow: hidden; height: 135px; }
.main_home .headlines .banner .img img { margin: 0 0 0 -3px; }
#col-right .banner .img { border: solid 3px #fff; overflow: hidden; }
#col-right .banner .img img { margin: 0 0 -3px -3px; }
.main_home .headline.archive-list .content { background: #d1d3d4 !important; color: #5a595b; padding-left: 18px !important; padding-right: 15px !important; }
.headline.archive-list h4 { font-weight: normal; margin: 0 0 5px 0; }
.main_home .headline.archive-list a { color: #5a595b; }
.main_home .headline.archive-list h3 { font-size: 15px; font-weight: bold; margin: 5px 0 8px 0; }

#column1 { display: none; }
.cart { width: 100%; font-size: 0.9em; margin: 0 !important; }
.cart th { background: #eee; border: solid 1px #000; border-width: 1px 0; white-space: nowrap; padding: 5px 0; }
.cart .product td { white-space: nowrap; border-bottom: solid 1px #000 !important; padding: 8px 0; }
.cart .amount th, .cart .amount td { background: #fff; border: none; padding: 5px 0 0 0; text-align: right !important; }
.cart .controls td { text-align: left; border-bottom: solid 1px #000 !important; padding: 0 0 10px 0; }
.cart td { text-align: center; }
.cart td.title, .cart th.title { text-align: left; font-weight: bold; padding-left: 10px; }
.cart td input { text-align: center; }
.cart .controls .submit { width: auto; }
.cart .controls .text { border: solid 1px #000; font-size: 10px; font-family: Arial, sans-serif; padding: 0 3px; text-align: left; margin: 0 10px; width: auto; }
.cart a.submit { display: block; margin-top: 10px; float: right; }

.maincontent input[type=submit], .maincontent input.submit { background: #ee7b28; border: solid 1px #ee7b28; color: #fff; font-size: 10px; font-family: Arial, sans-serif; padding: 0px 30px; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
.maincontent input[type=text], .maincontent input.text, .maincontent input[type=password], .maincontent input.password { border: solid 1px #000; font-size: 10px; font-family: Arial, sans-serif; padding: 0 3px; text-align: left; margin: 0 10px; }
.maincontent table input[type=text], .maincontent table input.text, .maincontent table input[type=submit], .maincontent table input.submit, .maincontent table input[type=password], .maincontent table input.password { width: 80%; margin-left: 0; margin-right: 0; position: relative; }

.cart-info { background: #eee; width: 100%; margin: 0 0 15px 0 !important; font-size: 10px; border: solid 1px #000 !important; border-width: 1px 0 !important; }
.cart-info td { text-align: left; padding: 5px 15px 5px 5px; vertical-align: top !important; }
.cart-info th { width: 30px; text-align: right; padding: 5px 5px 5px 10px; vertical-align: top !important; }
.cart-info input { border: solid 1px #000; font-size: 10px; font-family: Arial, sans-serif; padding: 0 3px; text-align: left; margin: 0; width: 200px; }

#cart-progress { position: absolute; height: 20px; background: #cbcdce url(http://juhaelektro-www.twinkle.fi/i/cart-progress.png) repeat-x left top; right: 25px; }
#cart-progress-indicator { height: 20px; background: #ee7b28 url(http://juhaelektro-www.twinkle.fi/i/cart-progress.png) repeat-x left top; }
.phase-1 { width: 20px; }
.phase-2 { width: 46px; }
.phase-3 { width: 72px; }
.phase-4 { width: 98px; }
.phase-5 { width: 124px; }

#menu-main { color: #edeeef; position: relative; z-index: 100; top: 91px; left: 0px; right: 0px; padding: 0 0 0 207px; background: transparent; }
#menu-main .item { padding: 5px 15px 0 11px; height: 18px; font-size: 11px; font-weight: bold; color: #fff; text-align: center; background: #8b8d90 url(http://juhaelektro-www.twinkle.fi/i/bg-menu-main-item.gif) no-repeat right top; margin: 0 0 0 0; float: left; }
#menu-main .selected { background: #abadb0 url(http://juhaelektro-www.twinkle.fi/i/bg-menu-main-item-sel.gif) no-repeat right top;; margin: 0 0 0 0; float: left; }
#menu-main .last { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-main-item-last.gif); }
#menu-main .next-sel { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-main-item-sel-prev.gif); }
#menu-main .selected.last { background-image: url(http://juhaelektro-www.twinkle.fi/i/bg-menu-main-item-sel-last.gif); }
#menu-main .sub-items .item { text-transform: uppercase; font-weight: normal; font-size: 9px; padding: 3px 15px; text-align: center; background: transparent url(http://juhaelektro-www.twinkle.fi/i/bg-menu-sub-items-sep.gif) no-repeat right bottom; margin: 0 0 0 0; float: left; height: auto; width: auto; }
#menu-main .sub-items { position: absolute; top: 26px; left: 0px; height: auto; font-size: 9px; padding: 0 0 0 207px; padding-top: 2px; height: 18px; overflow: hidden; }
#menu-main .item img { margin: 12px 0 0 0; }
#menu-main .indent0 a { color: #fff; }
#menu-main .indent0 a:hover { text-decoration: none; }
#menu-main .selected, #menu-main .selected a { color: #fff; }
#menu-main .sub-items a { color: #404245; display: block; }
#menu-main .sub-items a:hover { text-decoration: underline; }
#menu-main .sub-items .selected, #menu-main .sub-items .selected a { color: #fff; }

.contacts h2, 
.partners h2 { background: #808285 url(http://juhaelektro-www.twinkle.fi/i/bg-h2-contacts.gif) no-repeat right top; height: 20px; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 0 0 10px; margin: 0 0 10px 0; }

.contacts h3, 
.partners h3 { margin: 0; padding: 0; }

.contacts table { margin: 0 0 5px 0; }
.contacts .contact { width: 254px; background: #eee; padding: 10px; }
.contacts .description { margin: 1em 0 0 0; padding: 0; }
.contacts .image { float: left; margin: 0 10px 5px 0; width: 71px; overflow: hidden; height: 101px; }
.contacts .contact-info { float: left; width: 173px; }

.contacts td { vertical-align: top; background: #eee; padding: 0 0 1em 0; }
.contacts td.odd { border: solid 10px #fff !important; border-width: 0 10px 10px 0 !important; }
.contacts td.even { border: solid 10px #fff !important; border-width: 0 0 10px 0 !important; }
.contacts .end { background: #fff; width: 280px; }

.partners table { width: 560px; margin: -1em 0 0 0; }
.partners td { width: 50%; vertical-align: top; padding: 1em 0 1em 0; border-bottom: solid 1px #000 !important; }
.partners .contact { float: left; width: 285px; border-right: solid 1px #000; }
.partners .contact-info { float: left; width: 258px; border-left: solid 1px #000; margin: 0 0 0 -1px; padding: 0 0 0 15px; }
.partners td.end { border-bottom: none !important; }
.partners h3 { display: inline; }
.partners .name { margin-bottom: 1em; }

#toc { font-size: 0.9em; margin-top: 11px; }
#toc a { display: block; margin-bottom: 1em; }

.shop .subgroup { font-weight: bold; padding-left: 20px; }
.link-identifier { color: #fff; font-size: 8px; background: #ee7b27; padding: 0 3px; font-family: Verdana; }
#headlines-left { height: 100%; border-bottom: solid 4px #edeeef; width: 174px; background: #8b8d90; z-index: 0; text-align: center; padding: 0; vertical-align: bottom; }
#headlines-left .headline { padding: 0; margin: 0 auto 11px auto; }
#headlines-left .headline .content { padding: 0; margin: 0; }
#headlines-left .headline .corner-overlay { display: none; }
#menu-lang { font-size: 10px; padding: 3px 10px 0 0; height: 17px; position: relative; text-align: right; top: 117px; }
#menu-lang a { color: #58595b; }
#menu-lang .item, #menu-lang .sep { display: inline; }
.slideshow { height: 255px; width: 583px; clear: both; overflow: hidden; margin-top: 40px; }
.slideshow-nav { color: #ffffff; width: 583px; text-align: center; background: #637077; padding: 3px 0; clear: both; }
.slideshow-nav a { color: #ffffff !important; padding: 0 5px; }
.slideshow-nav a.activeSlide { text-decoration: underline !important; }
.slideshow .slide { position: relative; }
.slideshow .slide .link { position: absolute; top: 15px; right: 15px; z-index: 400; }
.slideshow .slide .link a { color: #ffffff !important; }

#apsis { background: #d6d7d9 url(/i/bg-apsis.gif) repeat-x left top; font-size: 11px; color: #7b7d7f; text-align: left; width: 148px; overflow: hidden; }
#apsis form { display: block; margin: 0; padding: 8px 5px 8px 10px; }
#apsis input.text { width: 103px; padding: 0 2px; margin: 0 2px 0 0; height: 15px; font-size: 11px; color: #aaa; }
#apsis input { float: left; }
#apsis p { margin: 0 0 7px 0; padding: 0; width: 107px; font-weight: bold; line-height: 1em; letter-spacing: -1px; clear: both; }