* {margin: 0; padding: 0}
body, html {height: 100%}
body {background: #000 url("gfx/bodybg.jpg") 50% 0 repeat-y}
body, td, input, textarea {font: 14px sans-serif; color: #000}
td {vertical-align: top; text-align: left; padding: 0; margin: 0}
a {color: #00f; text-decoration: none; white-space: nowrap; cursor: pointer}
a:hover {color: #f00}
a:active {outline: none}
a:focus {outline: none}
a img {border: 0}
li {margin-left: 20px}
hr {border-top: solid 1px #eee; border-bottom: solid 1px #aaa; height: 0px; margin: 0 auto; text-align: center}
#body {width: 1000px; height: 101%; margin: 0 auto; text-align: center; position: relative}
#layout {width: 1000px; border: 0; text-align: left; background: #fff url("gfx/AI-layout.jpg") -1000px 0 repeat-y; position: relative}
#banner, #banner_highres {text-indent: -9999px; width: 985px; height: 178px; padding-left: 15px; background: url("gfx/AI-layout.jpg") 0 0 no-repeat; position: relative; z-index: 1000}
#banner_fake1 {position: absolute; top: 5px; left: 10px; z-index: 8000}
#banner_fake1 a {display: block; width: 499px; height: 132px}
#banner_fake2 img {width: 556px; height: 128px; position: absolute; top: -999px; margin-left: 75px}
#twinkle1, #twinkle2 {background: 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 499px; height: 132px; z-index: 9000}
#mainnav {width: 791px; height: 35px; text-align: center; padding: 15px 0px 0px 0px}
#mainnav li {display: inline; font-size: 16px; line-height: 25px; padding: 0px 16px 0px 2px; margin: 0}
#mainnav li a {color: #000; font-variant: small-caps; font-weight: bold}
#mainnav li a.mainnavbg {border-bottom: solid 2px #ff0; margin-bottom: 2px}
#mainnav li a.mainnavbg:hover {border-bottom: solid 2px #fff; color: #f00; text-shadow: #fff 0px 0px 3px}
#mainnav li a.mainactive {border-bottom: solid 4px #f44; margin-bottom: 0}
#subnav_wrapper {padding: 5px 0px 0px 12px; position: relative; z-index: 2000}
#subnav {float: left; width: 209px; overflow: hidden; margin-top: -50px}
#subnav li {margin: 0; padding-right: 6px; list-style: none}
#subnav li a {font-weight: bold; font-size: 1.2em; line-height: 1.35em; padding-left: 7px; color: #555; border-bottom: solid 1px #cacaca; display: block}
#subnav li a:hover {color: #f00; background-position: 0 50%}
#subnav li a.active {color: #ff0}
#subnav li a.active:hover {color: #f00}
#subnav li a.brand {color: #000; font-variant: small-caps}
#subnav li a.brand:hover {color: #f00}
#subnav li a.line {color: #000; font-variant: small-caps; font-size: 1.15em}
#subnav li a.line:hover {color: #f00}
#subnav .txt {margin-right: 6px; padding-left: 6px; font-weight: bold; font-size: 0.9em; border-bottom: solid 1px #cacaca}
#subnav li a.navbg {background-image: url("gfx/arrowsprite.gif"); background-repeat: no-repeat}
#subnav li a.navactive {background-image: url('gfx/nav_activesprite.gif')}
.level1 {background-position: -220px 50%}
.level2 {background-position: -440px 50%}
.level3 {background-position: -660px 50%}
.level4 {background-position: -880px 50%}
.navhead {padding-top: 0.2em; font-size: 1.25em; border-bottom: solid 1px #000; width: 192px}
#content {width: 791px; margin-left: 209px; margin-top: -52px; position: relative; z-index: 3000}
#realcontent {padding: 5px 10px 5px 5px}
#navspacerbottom {float: left; width: 209px; height: 26px; background: url("gfx/AI-layout.jpg") 0 -186px no-repeat}
#contentspacerbottom {margin-left: 209px; width: 791px; height: 20px; font-size: 10px; text-align: center; padding-top: 6px; background: url("gfx/AI-layout.jpg") -209px -186px no-repeat}
#footerleft {float: left; width: 179px; height: 24px; padding-left: 30px; color: #888; font-size: 10px;background: url("gfx/AI-layout.jpg") 0 -211px no-repeat}
#footerright {margin-left: 209px; width: 761px; height: 24px; padding-right: 30px; text-align: right; color: #888; font-size: 10px; background: url("gfx/AI-layout.jpg") -209px -211px no-repeat}
#maincontact {color: #444; padding-right: 65px}

.se #layout, .se #banner, .se #banner_highres, .se #navspacerbottom, .se #contentspacerbottom, .se #footerleft, .se #footerright {background-image: url("gfx/AIG-layout.jpg")}

#clicky {display: inline-block; padding: 1px; margin: 0 auto; font-size: 1px}
#clicky b {display: block; width: 80px; height: 15px; background: url("gfx/sprite.png") 0 -56px no-repeat; text-indent: -9999px}
#clicky:hover {border: solid 1px #888; padding: 0}
#clicky * {cursor: pointer}
.inline {display: inline}
.inlineblock {display: inline-block}
 .redborder {border: solid 1px red}
.bold {font-weight: bold}
.dark {color: #000}
.mid {color: #444}
.light {color: #fff} 
.gray888 {color: #888}
.yellow {color: #ff0}
.red {color: #f00}
.green {color: #0f0}
.blue {color: #00f}
.price {color: #f00; font: bold 1.5em sans-serif; text-align: center}
.larger {font-size: 1.25em}
.large {font-size: 1.5em}
.smaller {font-size: 0.85em}
.small {font-size: 0.75em}
.center {text-align: center; margin: 0 auto}
.underline {border-bottom: solid 1px #000}
.w50 {width: 50px}
.w75 {width: 75px}
.w100 {width: 100px}
.w125 {width: 125px}
.w150 {width: 150px}
.w175 {width: 175px}
.w250 {width: 150px}
.w400 {width: 400px}
.w500 {width: 500px}
.w75p {width: 75%}
.bg1 {background-color: #f4f4f4}
.bg2 {background-color: #fff}
.trans50 {opacity: 0.5}
.block {display: block}
.nobr {white-space: nowrap}
.clearall {clear: both}
.clearleft {clear: left}
.clearright {clear: right}
.block {display: block}
.cell {display: table-cell}
.vam {vertical-align: middle}
.marg {margin-right: 15px}
.left {text-align: left}
.right {text-align: right}
.floatleft {float: left; padding-left: 15px}
.floatright {float: right; padding-right: 15px}
.picborder {width: 415px; height: 455px; padding-top: 15px; margin-left: 5px; text-align: center; background: url("gfx/picborder2.jpg") 0 0 no-repeat}
.morepics {width: 410px; margin: 0 auto}
.morepics ul {padding: 0; margin: 0; font-size: 0}
.morepics li {display: inline; padding: 0; margin: 0 -1px}
.morepics img {border: solid 1px #ccc; width: 130px; height: 97px}
.morepics img:hover {border: solid 1px #888}
.mainpic {width: 400px; height: 300px}
.smallpic {width: 130px}

.radius_small {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.radius_medium {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.radius_large {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}

.ie6 {display: none}
#tinymce {background-color: #fff; background-image: none; color: #000}

#ontour {text-align: center; margin: 20px 15px 20px 0px}
#ontour img {border: solid 2px #000}
#ontour a {border: solid 1px #888; display: inline-block; padding: 1px; font-weight: bold; background-color: #f8f8f8; color: #000}
#ontour a:hover {border: solid 2px #888; padding: 0px; background-color: #000; color: #ff0}
#ontour span.slogan {font-size: 1.5em}

#ontour2 {color: #ff0; background-color: #000; font-size: 2em; padding: 5px 0; margin-right: 15px; text-align: center}
#ontour2 a {color: #f00; text-decoration: underline}
#ontour2 a:hover {color: #fff}

.ontour_gallery a {border: solid 1px #888; padding: 5px; display: inline-block; margin: 8px 6px; box-shadow: 3px 3px 5px #666}
.ontour_gallery a:hover {border: solid 2px #888; padding: 4px}
.ontour_gallery img {width: 160px; height: 120px; background: url("gfx/sb_loading.gif") 50% 50% no-repeat; border: 0}

table.ontour {border: solid 1px #888}
.ontour th, .ontour td {width: 106px; border: solid 1px #888}
.ontour th {background-color: #cccccc}
.ontour a {display: inline-block; width: 106px; padding: 10px 0; text-decoration: none; text-align: center}
.ontour a:hover {background: #ffffdd}
.ontour span {display: inline-block; width: 106px; padding: 10px 0; text-align: center; color: #888}


#ajax {width: 0px; height: 0px; border: 0}

a#facebook {display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; height: 49px; background: url("gfx/spriteFI.png") 0 -260px no-repeat; margin: 0px 12px 0px 5px; padding: 48px 5px 3px 5px; text-align: right}
a#facebook:hover {border: solid 2px #888; padding: 47px 4px 2px 4px; background-position: -1px -261px}
a#facebook * {cursor: pointer}

a#emma {display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; text-align: center; margin: 0px 12px 0px 5px; padding: 6px 3px 3px 3px}
a#emma:hover {border: solid 2px #888; padding: 5px 2px 2px 2px}
a#emma span {display: block; width: 168px; height: 56px; background: url("gfx/spriteFI.png") 0 0 no-repeat; margin: 0 auto}
a#emma * {cursor: pointer}

a#maxboom {display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; text-align: center; margin: 0px 12px 0px 5px; padding: 6px 3px 3px 3px}
a#maxboom:hover {border: solid 2px #888; padding: 5px 2px 2px 2px}
a#maxboom span {display: block; width: 168px; height: 171px; background: url("gfx/spriteFI.png") 0 -78px no-repeat; margin: 0 auto}
a#maxboom * {cursor: pointer}

a#se-bsf {display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; text-align: center; margin: 0px 12px 0px 5px; padding: 6px 3px 3px 3px}
a#se-bsf:hover {border: solid 2px #888; padding: 5px 2px 2px 2px}
a#se-bsf span {display: block; width: 168px; height: 84px; background: url("gfx/spriteSE.png") 0 -74px no-repeat; margin: 0 auto}
a#se-bsf * {cursor: pointer}

a#se-emma {display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; text-align: center; margin: 0px 12px 0px 5px; padding: 6px 3px 3px 3px}
a#se-emma:hover {border: solid 2px #888; padding: 5px 2px 2px 2px}
a#se-emma span {display: block; width: 168px; height: 56px; background: url("gfx/spriteSE.png") 0 0 no-repeat; margin: 0 auto}
a#se-emma * {cursor: pointer}

a#se-dbdrag{display: block; background-color: #fff; border: solid 1px #888; font-size: 0.75em; text-align: center; margin: 0px 12px 0px 5px; padding: 6px 3px 3px 3px}
a#se-dbdrag:hover {border: solid 2px #888; padding: 5px 2px 2px 2px}
a#se-dbdrag span {display: block; width: 168px; height: 102px; background: url("gfx/spriteSE.png") 0 -160px no-repeat; margin: 0 auto}
a#se-dbdrag * {cursor: pointer}

#dividerline {margin-top: -10px; padding-bottom: 15px; height: 2px; background: url("gfx/line400.jpg") 50% 50% no-repeat}
#js_fadeto {text-align: center; background: transparent 50% 0px no-repeat}
#pictech.picborder {font-size: 0px; line-height: 0px}
a#printer {display: block; margin: 0 auto; width: 250px; height: 30px; background: url("gfx/printersprite.jpg") 0 0 no-repeat}
a#printer:hover {background: url('gfx/printersprite.jpg') 0 -39px no-repeat}
#validhtml {display: block; width: 44px; height: 16px; background: url("gfx/sprite.png") -82px -56px no-repeat; margin: 0 auto}

#twoCol {float: right; margin-right: 50px}
#colLeft {margin-left: 25px; float: left; width: 350px; text-align: left}
#colRight {margin-left: 350px; width: 350px; text-align: left}

a.lightbox {display: table-cell; display: inline-block; padding: 1px; background-color: #fff; border: solid 1px #ddd; text-align: center; color: #00f; cursor: pointer}
a.lightbox img {border: solid 1px #ddd}
a.lightbox:hover {border: solid 1px #888; color: #f00}

#loginbox {float: right; text-indent: 0; margin: 25px 14px 0 0; width: 320px; height: 100px; color: #ddd; overflow: hidden; position: relative}
#loginscroller {margin-left: 300px; width: 320px; height: 100px; background: url('gfx/loginboxsprite.png') 0 0 no-repeat}
#logintab {width: 20px; height: 90px; float: left}
#login {width: 300px; margin-left: 20px; text-align: center; font: 10px sans-serif; padding: 5px 0}
#login h1 {font: bold 12px sans-serif; text-transform: uppercase; color: #ff0}
#login p {margin-top: 3px}
#login label {display: inline-block; font-weight: bold; text-align: left; width: 110px; text-transform: uppercase}
#login input {font: 12px sans-serif; width: 150px; background-color: #000000; border: solid 1px #888888; color: #ddd}
#login input[type="submit"] {font: bold 12px sans-serif; text-transform: uppercase; background-color: #666}
#login input[type="submit"]:hover {background-color: #f00}
a#login_nonJS {display: block; width: 20px; height: 100px; margin-left: 300px; background: url("gfx/loginboxsprite.png") 0 0 no-repeat}
a#login_nonJS:hover {background-position: 0 -100px}

#brand {width: 290px; height: 89px; margin: 0px 0px 1em 0px; padding: 10px 5px 10px 5px; text-align: center; background: url("gfx/brandbg.jpg") 0 0 no-repeat; position: relative}
#brand h1 {font: bold 2em sans-serif; line-height: 1em}
#brand h2 {font: bold 1.75em sans-serif; line-height: 1.25em}
#brand .kampanja {position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url("gfx/kampanjaFI_vasen.png") 0 0 no-repeat}
.se #brand .kampanja background: url("gfx/kampanjaSE_vasen.png")}
.prodpics img {border: solid 1px #888; width: 133px; height: 98px; margin: 0}
#productinfo {width: 290px; padding: 0px 15px 0px 10px; line-height: 1.5em}
#productinfo table {margin-left: 15px}
#productinfo td {padding-right: 10px}
#pictech {width: 415px; margin-right: 15px}
#pictech .faderPic {border-radius: 0px}
#technical_header {background: url("gfx/technicalsprite.gif") 0 0 no-repeat; margin-left: 4px; height: 12px}
#technical_footer {background: url("gfx/technicalsprite.gif") 0 -12px no-repeat; margin-left: 4px; height: 12px}
#technical {border-left: solid 1px #ddd; border-right: solid 1px #ddd; padding: 0 10px; background: url("gfx/fade_whitegray.jpg") 0 100% repeat-x; margin-left: 5px; min-height: 128px; overflow: visible}
#technical table {padding-left: 50px; border-top: solid 1px #ddd}
#technical td {padding-left: 10px; line-height: 1.5em}

a.loydajalleenmyyja {color: #000; background: #ff0; border: solid 2px #000; padding: 2px 20px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -5px 10px rgba(0,0,0,.5); -webkit-box-shadow: inset 0 -5px 10px rgba(0,0,0,.5); box-shadow: inset 0 0 10px rgba(0,0,0,.5);}
a.loydajalleenmyyja:hover {color: #ff0; background: #666; border-color: #000}

.mallisto_top {width: 155px; height: 16px; background: #fff url("gfx/mallisto_top.jpg") 100% 0 no-repeat}
.mallisto_mid {width: 150px; background: #fff url("gfx/mallisto_mid.jpg") 100% 0 repeat-y; min-height: 350px; padding-right: 5px}
.mallisto_bottom {width: 155px; height: 16px; background: #fff url("gfx/mallisto_bottom.jpg") 100% 0 no-repeat}
.mallisto_mid ul {list-style: none}
.mallisto_mid li {padding: 0; margin: 0}
#mallisto {background: #fff url("gfx/mallistobg.jpg") 0 0 no-repeat; width: 583px; height: 44px; padding: 0 10px; line-height: 44px; margin-left: 5px}

a.otanta {display: table-cell; display: inline-block; width: 145px; overflow: hidden; text-align: center; border: solid 1px #bbb; padding: 1px 1px 6px 1px; margin: 1px 0px; font-size: 0.85em; background: 50% 5px no-repeat; -moz-box-shadow: 1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888}
a.otanta:hover {border: solid 2px #888; padding: 0px 0px 5px 0px; background-position: 50% 4px}
a.otanta * {cursor: pointer}
a.otanta b {font-size: 0.85em; color: #000; font-weight: normal; display: block; width: 145px}
a.otanta span.mainos {display: block; height: 150px; width: 145px; background: 50% 50% no-repeat; margin-top: 5px}
a.otanta span.tuote {display: block; height: 105px; width: 145px; background: 0 0 no-repeat}
a.hinnasto {width: 300px}
a.otanta span.kampanja {background-image: url("gfx/kampanjaFI_vasen.png")}
.se a.otanta span.kampanja {background-image: url("gfx/kampanjaSE_vasen.png")}

a.hoverborder img {border: solid 1px #ddd; margin: 1px}
a.hoverborder:hover img {border: solid 2px #444; margin: 0px}

.admin {padding-right: 13px}
.admin h1 {background-color: #f00; color: #fff}
.admin td {padding: 1px 2px}
.admin input {width: 300px}
.admin textarea {width: 300px}
.admin select {width: 300px}
.admin input[type="submit"] {font-weight: bold}
.admin input[type="button"] {width: 100px}
.admin input[type="checkbox"] {width: auto}
.admin input[type="radio"] {width: auto}
.adminedit {margin-right: 18px; text-align: center; font-weight: bold}
.adminborder {border: dashed 2px #000; background-color: #ff8; padding: 0.5em}

.hakuehdot input[type="text"] {width: 100px}

.header {margin: 0px 15px 5px 0px; height: 50px; line-height: 50px; background: url('gfx/header_bg.gif') 50% 50% no-repeat}

#uutiskortit {float: right}
#uutiset {width: 325px; float: left}
#kortit {width: 440px; margin-left: 335px}
#tiedotteet {margin-right: 15px}
.flashwrapper {margin: 5px 0; height: 40px}

a.uutinen {border: solid 1px #ccc; white-space: normal; display: block; padding: 2px 5px 5px 5px; margin-bottom: 5px; -moz-box-shadow: 1px 1px 2px #888; -webkit-border-radius: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888}
a.uutinen:hover {border: solid 2px #888; padding: 1px 4px 4px 4px}
a.uutinen span {color: #000; display: block}
a.uutinen b {display: block}

.haku input, .haku select {width: 300px}
.haku input[type="submit"] {font-weight: bold}
.haku input[type="radio"] {width: auto}

.signs {position: relative; display: inline-block; padding: 0; margin: 0 -3px}
.signs img {padding-bottom: 50px}
.sum {background: url("gfx/pakettitarjous.jpg") 50% 0 no-repeat; padding: 40px 0 50px 0; vertical-align: top; display: table-cell; display: inline-block; width: 150px; overflow: hidden; text-align: center; margin: 1px 0px 1px -5px}
.sum .valuutta {font-size: 14px; line-height: 20px; color: #666; font-weight: bold}
.sum .tarjous {font-size: 30px; color: #fff; padding: 0; display: block; width: 150px}
.sum .ovh {font-size: 14px; color: #aaa; padding: 0; font-weight: bold}

#kalenteri td {text-align: center; vertical-align: middle; border: solid 1px #888}
#kalenteri td[id] {cursor: pointer; height: 30px}
#kalenteri td[id]:hover {color: #f00; background-color: #ddd; font-weight: bold}
#kalenteri td[width] {border: 0}
#kalenteri_exit {border-left: solid 1px #000; padding: 2px 5px}
#kalenteri_exit:hover {color: #f00}

#paranna {margin: 1em auto; width: 400px; background: #ddf url('gfx/puzzle.gif') -5px -5px no-repeat; border: solid 1px #888; padding: 0 10px; display: none}
#paranna div {margin: 0px -10px; color: #008; padding: 5px 0 5px 75px}
#paranna form {display: none; margin: 5px 0 10px 0}
#paranna form div {margin: 0; padding: 0}
#paranna form div div {text-align: left; font-size: 0.85em; font-weight: normal; color: #888; padding: 0 0 0 50px; margin: 0}

#jamyt a {display: table-cell; display: inline-block; width: 240px; margin: 5px 4px; border: solid 1px #ddd; text-align: center; padding: 0 0 3px 0; background: url('gfx/powerdealer_bg.jpg') 0 100% repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
#jamyt a.power {background-position: 100% 100%}
#jamyt a span {display: block; color: #ff0; font-size: 1.3em; text-align: left; margin-bottom: 3px; padding-left: 3px; background: #444}
#jamyt a span b.asennus {width: 20px; height: 20px; float: right; background: url('gfx/jamy_red_dot.png') 0 50% no-repeat; opacity: 0.75}
#jamyt a:hover {color: #f00; border: solid 2px #888; margin: 4px 3px; background-color: #f8f8f8}
#jamyt a:hover span {color: #ff0; background-position: 100% 0; background: #000}
#jamyt a:hover span b {opacity: 1}

.error {text-align: center; margin: 1em; padding: 1em; background-color: #ffa; color: #000; border: dashed 3px #f00; font-size: 1.5em}
.debug {text-align: left; margin: 1em; padding: 1em; background-color: #ff0; color: #000; border: dashed 3px #f00}
.info {text-align: left; margin: 1em; padding: 1em; background-color: #eef; color: #000; border: dashed 3px #00f}
.timing {text-align: center; font-size: 0.75em; padding: 3px; border: dashed 1px #f00; background-color: #eee; margin: 1em 15px 1em 0}

#slideshow {position:absolute}
#slideshow a {display: block; float: left}
#slideshow img {width: 425px; border: 0}
.slideshowmask {position:relative; width:425px;	height:315px;	overflow:hidden}

a.tipzH {position: relative}
a.tipzH:hover {}
.tooltip {position: absolute; z-index: 9999}
.tip-top {width: 145px; height: 38px; background: url('gfx/tooltipsprite_all.png') 0 0 no-repeat}
.tip {width: 145px; color: #fff; background: url('gfx/tooltipsprite_all.png') -145px 0 repeat-y}
.tip-title {font-weight: bold; font-size: 13px;	margin: 0px 8px 0 7px; color: #000; padding: 0 0 5px 20px; border-bottom: solid 1px #888; text-shadow: #fff 1px 1px 2px}
.tip-text {font-weight: bold; font-size: 15px; color: #f00; padding: 4px 13px 2px 0px; text-align: right; text-shadow: #fff 1px 1px 2px}
.tip-bottom {width: 145px; height: 17px; background: url('gfx/tooltipsprite_all.png') 0 -38px no-repeat}
.tip .ovh {font-size: 0.85em; color: #888}
.tip .currency {font-size: 0.75em; color: #888; padding: 0 5px}
 
#warranty {margin: 0 1em 0 0}
#warranty div {margin: 0.5em 1em}
#warranty .border {border: solid 1px #888}
#warranty h3 {background: #ff8; border-bottom: solid 1px #ccc; padding: 0.2em 1em}
#warranty h3 span {font-weight: normal}
#warranty label {display: inline-block; width: 150px; vertical-align: top}
#warranty p {padding: 0.15em 0}
#warranty th {text-align: center; font-weight: bold; border-bottom: solid 1px #888; padding: 2px}
#warranty td {text-align: center; border-bottom: solid 1px #888; padding: 2px}
#warranty tr:hover {background-color: #eef}
#warranty select {width: 250px; border: inset 1px #888}
#warranty input[type="text"] {width: 250px; border: inset 1px #888}
#warranty #categoryinfo_info div {margin: 0; padding: 0.25em}
#warranty #categoryinfo_info div div {display: inline-block; width: 200px; margin: 0.25em}
#warranty #categoryinfo_info div label {display: inline-block; width: 175px}
#warranty input[type="submit"] {font-weight: bold}
#warranty input[type="file"] {width: 400px; border: inset 1px #888}
#warranty textarea {width: 400px; height: 10em; border: inset 1px #888}
#warranty input, #warranty textarea {margin: 1px}
.warranty_ok {background: #fff}
.warranty_error {background: #fee}
.wtl {font-weight: bold; padding: 0 10px}
#w_customer {background-color: #eef; border: solid 1px #888; padding: 5px; margin: 10px 25px 0px 10px}
#w_customer td{padding: 2px 3px}
#w_customer input[type="text"] {width: 175px; font-size: 0.9em; padding: 1px 0}
#w_customer input[type="button"] {font-weight: bold; width: 200px}
#w_customer select {width: 175px; font-size: 0.9em}
#w_customer hr {margin: 0.5em}

.huolto-ai {background-color: #ffc}

.formalert {padding: 20px 10px 20px 80px; background: #fea url('gfx/alert_64.png') 6px 50% no-repeat; border: solid 2px #fa0; font-size: 1.2em; font-weight: bold; width: 500px; margin: 2em auto}

.links a[href] {line-height: 22px; padding-left: 22px; background: 0 50% no-repeat}
.links a[href$=".pdf"]  {background-image: url('gfx/icons/pdf.gif')}
.links a[href$=".jpg"]  {background-image: url('gfx/icons/jpg.gif')}
.links a[href$=".jpeg"] {background-image: url('gfx/icons/jpg.gif')}
.links a[href$=".png"]  {background-image: url('gfx/icons/png.gif')}
.links a[href$=".gif"]  {background-image: url('gfx/icons/gif.gif')}
.links a[href$=".doc"]  {background-image: url('gfx/icons/doc.gif')}
.links a[href$=".docx"] {background-image: url('gfx/icons/doc.gif')}
.links a[href$=".xls"]  {background-image: url('gfx/icons/xls.gif')}
.links a[href$=".xlsx"] {background-image: url('gfx/icons/xls.gif')}
.links a[href$=".txt"]  {background-image: url('gfx/icons/txt.gif')}
.links a[href$=".zip"]  {background-image: url('gfx/icons/zip.gif')}
.links a[href$=".rar"]  {background-image: url('gfx/icons/zip.gif')}

.picker-sizable
{
    position: absolute !important;
    left: -1000000px !important;
    top: -1000000px !important;
    display: block !important;
}
.picker-container
{
    width: 200px;
    height: 200px;
    cursor: default;    
    background-color: #fff;
    
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
    
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* FF3.5+ */
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */    
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666')"; /* IE8 */
}  

.datepicker-container
{
    width: 210px;
    padding: 10px;
    cursor: default;  
    font-family: arial, tahoma, verdana;
    font-size: 12px;  
    background-color: #fff;
    
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
    
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* FF3.5+ */
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */    
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666')"; /* IE8 */
}
.datepicker-day-title, .datepicker-day
{
    width: 28px;
    height: 28px;
    line-height:  28px;
    float: left;
    text-align: center;
    font-weight: bold;
}
.datepicker-day-title
{
    color: #5489C3;
		padding: 1px;
		border-bottom: solid 1px #aaaaaa;
}
.datepicker-day
{
border: dashed 1px #fff;
}
.datepicker-container a
{
    text-decoration: none;
    outline: 0;
    color: #000;    
}
.datepicker-controls
{
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 210px;
    position: relative;
    background-color: #5489C3;
    color: #fff;
    margin-bottom: 5px;
    font-weight: bold;
}
.datepicker-controls a
{
    color: #fff;
    padding: 0px 7px;
		width: 10px;
		display: inline-block;
		font-size: 16px;
}
.datepicker-controls a.datepicker-previous
{
    float: left;
}
.datepicker-controls a.datepicker-next
{
    float: right;
}
.datepicker-controls a.datepicker-previous:hover, .datepicker-controls a.datepicker-next:hover
{
 background-color: #76b0e5;
}
.datepicker-calendar a.previous-month
{
    color: #ccc;
		font-weight: normal;
}
.datepicker-calendar a.next-month
{
    color: #ccc;
		font-weight: normal;
}
a.datepicker-day:hover
{
    background-color: #eeeeee;
}
.datepicker-day.picked
{
    color: #fff;
    background-color: #CC0101;
    border: dashed 1px #CC0101;
}
.datepicker-day.today
{
    border: dashed 1px #ccc !important;
}

#handheld {display: none}
@media handheld {
 #handheld {display: block}
}

@media print {
 #banner, #mainnav, #subnav, .timing, #navempty, #navspacerbottom, #contentspacerbottom, #footerleft, #footerright, #paranna, #checkcode, #technical_header, #technical_footer, #dividerline {display: none; width: 0; height: 0; margin: 0; padding: 0}
 body, #content, #realcontent {color: #000000; background-color: #ffffff; background-image: none; margin: 0; padding: 0}
 a {color: #000000}
 #banner{display: none; background-image: none}
 #banner_fake1 {display: none}
 #banner_fake2 img {top: 0}
 #banner_fake2 {background-color: red}
 #content {width: 700px; padding-left: 1px}
 #brand, .picborder {background-image: none}
 #technical {margin: 0; border: 0; background-image: none}
 #pictech {width: 415px; margin: 0}
 #pictech table {border: 0}
 .morepics {width: 400px; margin: 0 auto}
 .morepics li {display: inline; padding: 0; margin: 1px}
 .morepics img {border: solid 1px #cccccc; width: 124px; height: 93px}
 .mainpic {border: 0; padding: 0; margin-top: 5px; width: 400px; height: 300px}
 .picborder {width: 415px; height: 450px; margin: 0; padding-bottom: 10px}
 .smallpic {width: 98px; height: 74px}
 #dividerline {width: 375px}
 #productinfo {padding: 0 5px 0 0}
 #printerpage {display: none}
 #paranna, #paranna div {display: none; border: 0}
 .adminedit {display: none}
 a.otanta {width: 135px; margin: 1px -1px}
}


/* DatePicker */

.picker-sizable
{
    position: absolute !important;
    left: -1000000px !important;
    top: -1000000px !important;
    display: block !important;
}
.picker-container
{
    width: 200px;
    height: 200px;
    cursor: default;    
    background-color: #fff;
    
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
    
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* FF3.5+ */
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */    
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666')"; /* IE8 */
}  

.datepicker-container
{
    width: 210px;
    padding: 10px;
    cursor: default;  
    font-family: arial, tahoma, verdana;
    font-size: 12px;  
    background-color: #fff;
    
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
    
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* FF3.5+ */
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */    
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#666666')"; /* IE8 */
}
.datepicker-day-title, .datepicker-day
{
    width: 28px;
    height: 28px;
    line-height:  28px;
    float: left;
    text-align: center;
    font-weight: bold;
}
.datepicker-day-title
{
    color: #5489C3;
		padding: 1px;
		border-bottom: solid 1px #aaaaaa;
}
.datepicker-day
{
border: dashed 1px #fff;
}
.datepicker-container a
{
    text-decoration: none;
    outline: 0;
    color: #000;    
}
.datepicker-controls
{
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 210px;
    position: relative;
    background-color: #5489C3;
    color: #fff;
    margin-bottom: 5px;
    font-weight: bold;
}
.datepicker-controls a
{
    color: #fff;
    padding: 0px 7px;
		width: 10px;
		display: inline-block;
		font-size: 16px;
}
.datepicker-controls a.datepicker-previous
{
    float: left;
}
.datepicker-controls a.datepicker-next
{
    float: right;
}
.datepicker-controls a.datepicker-previous:hover, .datepicker-controls a.datepicker-next:hover
{
 background-color: #76b0e5;
}
.datepicker-calendar a.previous-month
{
    color: #ccc;
		font-weight: normal;
}
.datepicker-calendar a.next-month
{
    color: #ccc;
		font-weight: normal;
}
a.datepicker-day:hover
{
    background-color: #eeeeee;
}
.datepicker-day.picked
{
    color: #fff;
    background-color: #CC0101;
    border: dashed 1px #CC0101;
}
.datepicker-day.today
{
    border: dashed 1px #ccc !important;
}
	

/* SLIMBOX */

#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;	width: 100%;height: 100%;	background-color: #000;	cursor: pointer}
#lbCenter, #lbBottomContainer {position: absolute;	z-index: 9999;overflow: hidden;	background-color: #fff}
.lbLoading {background: #fff url("gfx/sb_loading.gif") no-repeat center}
#lbImage {position: absolute;	left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat}
#lbPrevLink, #lbNextLink {display: block;	position: absolute;	top: 0;	width: 50%;	outline: none}
#lbPrevLink {left: 0}
#lbPrevLink:hover {background: transparent url("gfx/sb_prevlabel.gif") no-repeat 0 15%}
#lbNextLink {right: 0}
#lbNextLink:hover {background: transparent url("gfx/sb_nextlabel.gif") no-repeat 100% 15%}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block;	float: right;	width: 70px; height: 22px; background: transparent url("gfx/sb_closesprite.gif") 0 0 no-repeat;	margin: 5px 0; outline: none;}
#lbCloseLink:hover {background-position: 0 -22px}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}