body { background: #0775a4 url(/images/bluebg.jpg) repeat-x left top; color: #fff; font-family: "lucida grande", "lucida sans unicode", arial, sans-serif; font-size: 14px; line-height: 1.3; }
#content { width: 880px; margin: 0 auto; position: relative; }
img { border: 0; }
.right { float: right; }
img.right { margin-left: 5px; }
.left { float: left; }
a { font-weight: bold; text-decoration: none; color: #fff; border-bottom: 1px dotted; }
a.imagelink { border: none; }
a:hover { text-decoration: underline; }
a#home { border: 0; float: left; }
#masthead { overflow: hidden; height: 105px; margin-bottom: 10px; }
p { margin-bottom: 15px; }
p.ingress { font-size: 18px; }
.small { font-size: 11px; }
a.demo { display: block; height: 91px; width: 160px; background: url(/images/demo.jpg) no-repeat left top; border: 0;}
a.demo span { display: none; }
.no-border { border: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { margin-bottom: 10px; font-size: 28px; }
h2 { font-size: 20px; margin-bottom: 10px;  }
h4 { font-size: 16px; margin-bottom: 3px;  }
.header { margin-bottom: 15px; border-bottom: 1px dotted #fff; display: block; }

#fifteenth {
  position: absolute;
  border: 2px solid black;
  padding: 2px;
  color: black;
  background-color: #CCFFFF;
  visibility: hidden;
  z-index: 100000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color = gray, direction = 135);
}

table.pricetable a { font-size: 12px; }
table.pricetable th h3 { margin-top: 3px; color: rgb(0,255,18); }
table.pricetable .odd { background: #00577C; } 
table.pricetable { margin-bottom: 10px; }
table.pricetable .price { color: #69D2FF; font-size: 16px; font-weight: normal; margin: 0; }
.price_info, .price_info a { font-weight: bold; color: rgb(0,255,18); }

form.searchbox { float: right; _width: 200px; clear: both; }
form#loginForm { float: right; margin-top: 5px; }
form#loginForm input { border: rgb(126,157,185) 1px solid; }
#search_button, #loginForm loginButton { padding: 1px; }
fieldset { border: 0; }
fieldset input { color: #6e6e6e; border: 0; background: #fff url(/images/bg_input.png) repeat-x left bottom; padding: 3px; }
ul { list-style: none; }
.large { font-size: 24px; }
div.button-aligner { float: right; width: 180px; padding: 0px; margin: 0px; padding-left: 2px; } 

#navi { float: right; clear: left; margin-top: 5px;}
#navi a { color: white; font-size: 12px; border: none; font-weight: normal; } /*color: #0174bc */ 
#navi a:hover, #navi li.selected_normalTab a { color: white; text-decoration: underline; } /*color: #000;*/
#navi li.selected_normalTab a { font-weight: bold; } /*color: #000;*/
#navi li { float: left; margin-right: 10px; }

img.preload {
  height: 0; width: 0; border-width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -30;
} 

#subnav { overflow: hidden; border-bottom: 1px dotted #fff; border-top: 1px dotted #fff; font-size: 12px; padding-bottom: 10px; padding-top: 5px; margin: 0px 0 20px; _float: left; _width: 880px; }
#subnav a { border: 0; font-weight: normal; }
#subnav a:hover { border-bottom: 1px dotted #fff; }
#subnav li.selected_normalTab a { font-weight: bold; font-size: 13px; border-bottom: 1px dotted #fff; }
#subnav li { float: left; margin: 0 15px 0 5px;  }

div.intro-contents { float: left; width: 650px; }
div.rightmost-intro-column { float: right; position: relative; width: 170px; }
#leftsubnav { overflow: hidden; font-size: 12px; padding-bottom: 10px; margin: 0px 0 20px; float: left; width: 230px; }
#leftsubnav a { border: 0; font-weight: normal; }
#leftsubnav a:hover { border-bottom: 1px dotted #fff; }
#leftsubnav li.selected_normalTab a { font-weight: bold; font-size: 13px; border-bottom: 1px dotted #fff; }
#leftsubnav li { display: block; margin: 0 15px 0 5px; }
#leftsubnav li span marquee { cursor: pointer; }

#main { overflow: hidden; }
#footer { font-size: 11px; margin-top: 30px; border-top: 1px dotted #fff; padding-top: 20px; }
#footer ul { float: left; margin-right: 40px; margin-bottom: 15px; }
#footer h4 { float: left; margin-right: 60px; font-size: 20px; padding-top: 15px;}
#footer ul a { font-weight: normal; border: 0; }
#footer ul a:hover { border-bottom: 1px dotted #fff; }
#footer p.copy { clear: both; text-align: center; padding-top: 20px; margin-bottom: 30px; }

#busy-symbol { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; z-index: 100000; cursor: wait;
/*background: url(../images/rasteri.png) repeat; */
background: url(/images/transparent.png) repeat !important;
background: none;
}
#busy-symbol div { width: 110px; margin-left: auto; margin-right: auto; padding: 3px; color: black; font-size: 18px; 
 border: 1px solid black;
 background: lightyellow;
 /*background: url(/resources/org.apache.wicket.ajax.AbstractDefaultAjaxBehavior/indicator.gif) center no-repeat;*/
 /* background: url(../images/activityanimation.gif) center no-repeat;*/ 
}
#busy-symbol div span { text-decoration: blink; }
/* #busy-symbol div { font-size: 18px; width: 100px; background: #f8f8f8; font-weight: bold; color: orange; text-decoration: blink; z-index: 100000; text-align: center; margin: 10% auto auto auto; } */

#registration_form { width: 879px; background: #013a51 url(/images/bg_order-form-top.png) no-repeat left top; }
#registration_form .wrapper { background: url(/images/bg_registration_form-bottom.png) no-repeat left bottom; padding: 30px; overflow: hidden; _float: left; }
#registration_form p.inputs input, #registration_form p.inputs select { display: block; font-size: 18px; margin: 3px 0 5px; }
#byphone, #byemail, #agreetoterms { margin-right: 10px; }
#registration_form input#save_changes { margin: 0px; padding: 0px; }
#registration_form fieldset { float: left; width: 400px; }
ul.feedbackPanel { width: 700px; }

ul.feedbackPanel li {
  display: block;
  width: 100%;
  padding: 0px 5px 0px 5px;
}

ul.feedbackPanel li.feedbackPanelWARNING {
  background: rgb(254, 233, 92);
  font-weight: bold;
  color: rgb(105, 66, 0);
}

ul.feedbackPanel li.feedbackPanelERROR {
  background: rgb(254, 233, 92);
  font-weight: bold;
  color: red;
}


.small-box { width: 342px; background: #013a51 url(/images/bg_sbox-top.png) no-repeat left top; font-size: 11px; margin-left: 20px; }
.small-box .wrapper { background: url(/images/bg_sbox-bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; }

.big-box-noex { width: 879px; background: #013a51 url(/images/bg_bbox-top.png) no-repeat left top; margin-bottom: 20px; }
.big-box-noex .wrapper { background: url(/images/bg_casebox-bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; _float: left; }
.big-box { width: 879px; background: #013a51 url(/images/bg_casebox-top.png) no-repeat left top; margin-bottom: 20px; }
.big-box .wrapper { background: url(/images/bg_casebox-bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; _float: left; }
.big-box h4 { margin-top: 60px; }

p.arrow { padding-left: 20px; background: url(/images/arrow.png) no-repeat left 5px;  }

.faq p { margin-bottom: 10px; }
.faq a { border: 0; }
a.offer { border: 0; margin-left: 10px; }

.narrow-col { width: 500px; }

#specs { font-size: 16px; }
p.head { width: 250px; height: 80px; background: url(/images/esittely.jpg) no-repeat left -10px; }
a.head { text-decoration: none; cursor: pointer; border: none; }
p#koke { background-position: left -120px; }
p#help { background-position: left -260px; }
p#ylit { background-position: left -460px; }
p#turv { background-position: left -680px; }

.help { cursor: help; }

a.addThis { border: 0; }

.two-column .column { float: left; }
.two-column .first { width: 413px; }
.two-column .second { width: 463px; }
.two-column h1 { font-size: 24px; }

.news { font-size: 12px; }
.news li { width: 350px; }
.two-column h4 { font-size: 12px; } 
p.date { margin-bottom: 0; font-size: 10px; }

.medium-box { width: 467px; background: #013a51 url(/images/bg_fp-box-top.png) no-repeat left top; margin-bottom: 20px; }
.medium-box .wrapper { background: url(/images/bg_fp-box-bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; }
.medium-box li { background: url(/images/check.gif) no-repeat left 4px; padding-left: 20px; margin-bottom: 10px; }

.wider-box { width: 640px; background: #013a51 url(/images/widebox-top.png) no-repeat left top; margin-bottom: 20px; }
.wider-box .wrapper { background: url(/images/widebox-bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; }
.wider-box li { background: url(/images/check.gif) no-repeat left 4px; padding-left: 20px; margin-bottom: 10px; }

.third-of-column-box { width: 258px; background: #013a51 url(/images/bg_thirdcol_top.png) no-repeat left top; margin-bottom: 20px; }
.third-of-column-box .wrapper { background: url(/images/bg_thirdcol_bottom.png) no-repeat left bottom; padding: 20px; overflow: hidden; }
.thirdcolumn { width: 270px; margin-left: 10px; }
.ratkaisunappi { background: url(/images/ratkaisunappi.png) no-repeat left; width: 285px; padding: 5px; }
.ratkaisunappi a { color: yellow; }

.teaser { background: url(/images/teaser_kellokortti.png) no-repeat left top; padding: 0 0 20px 20px; font-size: 12px; height: 150px; }
.teaser h3 { font-size: 14px; margin-bottom: 10px;}

#competition .inputs input { display: block; font-size: 14px; width: 200px; margin-bottom: 5px; }
#competition button { font-size: 18px; padding: 3px;  }

ul.standard { list-style: disc outside; margin-bottom: 20px; }
ul.standard li { margin-left: 20px; }
ol#numbered { list-style: decimal outside; margin-left: 30px; padding-left: 5px; }
ol#numbered li { margin-bottom: 4px; }

.faqs ul { list-style: disc outside; margin-bottom: 20px; }
.faqs ul li { margin-left: 20px; }

table.hinnasto { margin-bottom: 10px; }
table.hinnasto ul, table.hinnasto ol  { list-style: disc outside; margin-bottom: 10px; font-size: 11px; }
table.hinnasto ol  { list-style: decimal outside; }
table.hinnasto ul li, table.hinnasto ol li { margin-left: 20px; }

div#action-panel { position: absolute; width: 600px; top: 0px; right: 0px; padding-top: 5px; }