﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} 
:focus {outline: 0;}

body{color:#333; font-family:Verdana; font-size:12px; line-height:16px; margin:0px; }
input,textarea{font-family:Verdana; line-height:16px; font-size:12px }
h1{font-size:22px; font-weight:400; margin:0 0 20px;  line-height: 24px }
h2{font-size:18px; font-weight:400; margin:0 0 20px; line-height: 22px}
h3{font-size:16px; font-weight:400; margin:0 0 16px; line-height: 16px }
p {font-size:12px; font-weight:400; margin:0 0 20px; line-height: 16px}
a{ text-decoration:none; color:#3071c2}
a:hover{ text-decoration:underline}
a img{border-width:0;}
fieldset { border: solid 0px transparent; margin: 0; padding: 0} 

#Header{background:transparent url('/img/gradietbg.png') repeat-x scroll 0 top; height:165px; margin:0 auto; width:100%; }
#Body{background: transparent url('/img/gradietbg.png') repeat-x 0 -216px; margin:0 auto 30px; overflow:hidden; width:100%; }
#Footer{color:#999999; font-size:11px; margin:0 auto 30px auto; width:100%; } 

#Logo{ float:left; height:105px; margin:20px 13px 0 0; width:290px; }
#Logo img{ display:block;  }
#Slogan{color:#0054a6; float:right; text-align:right; margin:22px 13px 0 0; }
#Slogan h1{font-size:22px; font-weight:400; margin-bottom:10px; line-height:26px }
#FacebookLike{color:#0054a6; float:right; text-align:right; margin:0; } 

#Footer a{color:#999999;}

#Header .Container{margin:0 auto; position:relative; width:986px; }

.Container{margin:0 auto; position:relative; width:960px; }

.search {margin:0 0 20px; overflow:hidden; clear:both; width:960px; }
.search .col-1 {float:left; overflow:hidden; padding:30px 0 0;  width:700px;}
.search .col-2 {float:right; overflow:hidden; padding:30px 0 0 0; }

.default {margin:0 0 20px; overflow:hidden; width:960px; clear:both }
.default .col-1 {float:left; overflow:hidden; padding:30px 0 0; width:200px; }
.default .col-2 {float:right; overflow:hidden; padding:30px 0 0 0; width:760px;}

.default .col-2 ul { margin: 0 0 24px 30px}

noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
.coda-slider-wrapper { overflow:hidden; width:100%; height:380px; clear:both } 
.coda-slider { float: none; overflow: hidden; position: relative; clear:both } 
.coda-slider.RecentReviews { height:210px} 
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } 
.coda-slider .panel-container { position: relative; float: none; overflow: hidden; clear:both }
.coda-slider .panel { display: block; float: left; margin: 0 0 40px 0; overflow:hidden; width:960px;}
.coda-slider .panel .col-1{float:left; overflow:hidden; padding:30px 0 0; width:550px;  }
.coda-slider .panel .col-2{float:right; overflow:hidden; padding:30px 0 0 0; width:370px;   }
.coda-slider .panel .col-2 .searchandrate { margin: 20px 0 0 0;}
.coda-slider .panel .col-2 .searchandrate h1{ font-size:26px; line-height:28px; margin: 0;}
.coda-slider .panel .col-2 .searchandrate h2{ font-size:20px; line-height:20px; margin: 0 0 8px 0; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav {height:57px; float:none; }
.coda-nav ul{margin:0; padding:0; }
.coda-nav ul li {background: transparent url('/img/tabs.png') no-repeat right 0px; display:block; float:left; height:57px; list-style-image:none; list-style-type:none; margin:0 10px 0 0; padding:0; }
.coda-nav ul li.current{background: transparent url('/img/tabs.png') no-repeat left -102px; }
.coda-nav ul li.hover{background: transparent url('/img/tabs.png') no-repeat left 0px;} 
.coda-nav ul li a {color:#ffffff; cursor:pointer; display:block; font-size:20px; height:33px; margin:0; padding:11px 0 0; position:relative; text-align:center; text-decoration:none; width:156px; }
 
 
.boxes { clear:both; overflow:hidden; height:110px; width:100%; margin: 0 0 30px 0}
.boxes H2 {color:#3071C2; font-size: 14px}
.infobox1{background: transparent url('/img/arstid.jpg') no-repeat left top; width:270px; height: 110px; padding: 0 0 0 200px; float:left; border-right:1px solid #dddddd}
.infobox2{ width:204px; height: 110px; padding:0 20px; float:left; border-right:1px solid #dddddd }
.infobox3{width:204px; height: 110px;  padding:0px 0px 0px 20px; float:left }

#QuickLinks{border-left:solid 1px #ddd; float:right; margin:0; padding:0; }
#QuickLinks Li{display:block; list-style-image:none; list-style-type:none; margin:0 0 6px 20px; padding:0; }
#QuickLinks A{color:#333; font-size:14px; text-decoration:none; }

.SearchBox {clear:both; margin:0 0 20px; overflow:hidden; width:534px; }
.SearchBox .InputKeyword{background: transparent url('/img/form-elements.png') no-repeat scroll left -107px; border:none; color:#333; float:left; font-size:14px; height:22px; margin:0; overflow:hidden; padding:17px 26px 15px 40px; width:317px; }
.SearchBox .BtnSearch{background: transparent url('/img/form-elements.png') no-repeat scroll left -54px; border:none; color:#fff; display:block; float:right; font-size:24px; height:48px; overflow:hidden; width:131px; }

#Banner { margin:0 0 26px 0 }
.RecentSearches{background: transparent url('/img/box-bg4.png') no-repeat left 0px; height:150px; overflow:hidden; padding:50px 30px 0; width:472px; }
.RecentSearches ul{color:#333; display:block; float:left; font-size:12px; list-style:none; margin:0 20px 0 0; }
.RecentSearches ul.lastcol{border-left:none; padding:0; }
.RecentSearches ul.col{border-right:1px solid #d5d5d5; padding:0 20px 0 0; }
.RecentSearches ul li a{color:#333; font-size:12px; line-height:18px; text-decoration:none; }
.RecentSearches h2{color:#333; margin:0 0 12px; padding:0; }

.ui-helper-clearfix{display:block; }

#SearchResults {margin: 0 0 50px 0 }
#SearchResults .DataPager{ float:right; width:200px; overflow:hidden; text-align:right } 
#SearchResults .PageSize{ float:left; width:200px; overflow:hidden; list-style-type:none; margin: 0 0 0 100px; padding: 0} 
#SearchResults .PageSize li{ float:left; border-left: 1px solid #666666; list-style-type:none; padding: 0 4px; margin: 0 4px} 
#SearchResults .PageSize li.First{ float:left; border-left: none; list-style-type:none;  padding: 0 4px; margin: 0 4px; padding: 0 4px; margin: 0 4px} 
#SearchResults .ResultsInfo{ float:left; width:200px; overflow:hidden} 

#SearchResults .QuickVeiw {background:transparent url('/img/box-bg1.png') no-repeat 0 0px;  height:88px; margin:0 auto 20px; overflow:hidden; padding:10px 0 6px; width:960px; cursor: pointer }
#SearchResults .QuickVeiw.active {background:transparent url('/img/box-bg1.png') no-repeat 0 -278px; }
#SearchResults .Info h1{font-size:22px; font-weight:400;  padding:0; }
#SearchResults .Info p{font-size:12px; font-weight:400; line-height:16px; margin:0 0 16px 0; padding:0; }
#SearchResults .Info{float:left; margin:0 16px; overflow:hidden; width:268px; }
#SearchResults .Review {float:right; margin:0 0 0 20px; width:640px; } 
#SearchResults .Review h3 { color: #3071c2} 
#SearchResults .Review .Comment {float:left; line-height:16px; width:474px; } 
#SearchResults .Thermometer {float:left; height:80px; width:36px; margin: 12px 0 0 40px; }
#SearchResults .Rating{float:left; font-size:32px; line-height:32px; height:32px; margin:12px 0 0 10px; padding:26px 0 0 0; width:80px; vertical-align:bottom }
 
#DetailedView {background:transparent url('/img/box-bg3.png') no-repeat 0 0; margin:0 auto 50px; overflow:hidden; padding:20px 0 0; position:relative; width:960px; }
#DetailedView .Info h1{font-size:22px; font-weight:400;  padding:0; }
#DetailedView .Info p{font-size:12px; font-weight:400; line-height:16px; margin:0 0 16px 0; padding:0; }
#DetailedView .Info{float:left; margin:0 16px; overflow:hidden; width:268px; }
#DetailedView .Statistics{float:right; margin:0 0 0 20px; width:640px; }
#DetailedView .Chart{float:left; }
#DetailedView .Rating {background:transparent url('/img/shadow.png') no-repeat bottom center; float:right; height:126px; margin:20px 0 0; padding:0; text-align:center; width:250px; }
#DetailedView .Rating .TextView h1{font-size:42px; }
#DetailedView .Rating .ImageView {float: left; width: 48px; text-align: center; margin: 13px 0 0 40px}
#DetailedView .Rating .TextView {float: right; width: 120px; text-align: center; margin: 13px 40px 0 0}
 
#RecentReviews {margin: 0 0 50px 0 } 
#RecentReviews .Review {background:transparent url('/img/box-bg2.png') no-repeat 0 0; margin:0 auto 20px; overflow:hidden; clear:both; padding:16px 15px 0 15px; width:960px; position:relative} 
#RecentReviews h3 { color: #3071c2}
#RecentReviews .Sticker {float:left; width: 140px; text-align: center; margin: 0 auto ;}
#RecentReviews .Comment {float:left; line-height:16px; width:640px; }
#RecentReviews .Comment ul { margin: 0 0 20px 0; list-style: none; }
#RecentReviews .Thermometer {float:left; height:80px; width:36px; margin: 20px 0 0 40px; }
#RecentReviews .Rating{float:left; font-size:32px; line-height:32px; height:32px; margin:20px 0 0 10px; padding:26px 0 0 0; width:80px; vertical-align:bottom }
#RecentReviews .ExpandReview{color:#3071c2; cursor: pointer}
#RecentReviews .ExpandAllReviews {color:#333333; display:block; float:right; cursor: pointer; padding:8px 40px 0 0; height:21px }
#RecentReviews .ExpandAllReviews.Collapsed{ background:transparent url('/img/buttons.png') no-repeat right 0px;}
#RecentReviews .ExpandAllReviews.Expanded{ background:transparent url('/img/buttons.png') no-repeat right -45px;}
#RecentReviews .collapse{ overflow:hidden;}

.BtnAddRating{background:transparent url('/img/form-elements.png') no-repeat scroll left -54px; border:none; color:#fff; font-size:24px; height:48px; overflow:hidden; width:131px; }

#RateAndReview {background:transparent url('/img/box-bg2.png') no-repeat 0 0; width:960px; margin: 0 ; }
#RateAndReview .FormInfo {padding:20px 15px 30px 15px}
#RateAndReview fieldset {padding:0 15px 0 15px}

#RelatedTopics {color:#666666; font-size:11px; margin-top:24px; }
#RelatedTopics a {color:#666666; font-size:11px; margin-top:14px}

#MoreResults {color:#666666; font-size:11px; margin:12px 0; font-style:italic}
#MoreResults a {color:#666666; font-size:11px; margin-top:14px}

#CustomerReview{float:left; margin:0; width:460px; }

#CustomerReview textarea { display: block; color:#333; font-size:12px; height:150px; margin:0; width:431px;}
#CustomerReview input { display: block; color:#333; font-size:12px;  margin:0 0 12px 0; width:280px;}
#CustomerReview label { display: block; margin: 0 0 6px 0; font-size: 14px}

#Sliders{float:left; margin:0 0 0 14px; width:261px; } 
#Sliders label { display: block; margin: 0 0 16px 0; font-size: 14px} 
#Sliders label img { display: block; float: right;   overflow:hidden }

#AverageRating{float:right; text-align:center; width:132px; margin: 0 20px 0 0  }
input.Averagerating{border:solid 0 transparent; color:#333; display:block; font-size:48px; line-height:48px; height:50px; margin:0 0 30px; text-align:center; width:100%; }

.ui-helper-hidden{display:none; }
.ui-helper-hidden-accessible{left:-99999999px; position:absolute; }
.ui-helper-reset{border:0; font-size:100%; line-height:1.3; list-style:none; margin:0; outline:0; padding:0; text-decoration:none; }
.ui-helper-clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html .ui-helper-clearfix{height:1%; }
.ui-helper-zfix{filter:Alpha(Opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; }

.ui-menu { list-style:none;	padding:2px; margin:0; display:block; }
.ui-menu .ui-menu { margin-top:-3px; }
.ui-menu .ui-menu-item { margin:0; padding:0; width: 100%; }
.ui-menu .ui-menu-item a {text-decoration:none;	display:block; padding:.2em .4em; line-height:1.5; zoom:1;  color: #666666}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active { font-weight:bold; background-color:#e1eff8}

.ui-slider{background: transparent url('/img/slider.png') no-repeat left top; position:relative; text-align:left; cursor: pointer}
.ui-slider .ui-slider-handle{cursor:default; height:17px; position:absolute; width:27px; z-index:2; background: transparent url('/img/slider.png') no-repeat right top;}
.ui-slider .ui-slider-range{background-position:0 0; border:0; display:block; font-size:.7em; position:absolute; z-index:1; }
.ui-slider-horizontal{ height:22px; margin:0 0 22px; width:261px; }
.ui-slider-horizontal .ui-slider-handle{margin-left:-13px; top:-0.8em; }
.ui-slider-horizontal .ui-slider-range{height:100%; top:0; }
.ui-slider-horizontal .ui-slider-range-min{left:0; }
.ui-slider-horizontal .ui-slider-range-max{right:0; } 

.ui-autocomplete{cursor:default; position:absolute; background-color: #ffffff }
.ui-autocomplete-loading{background:#FFF url('/img/loader.gif') right center no-repeat; }
* html .ui-autocomplete{width:1px; }
 
.tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat;  background-image: url('/img/tipsy.gif'); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.SecurityWarning
{
	border: 1px solid #CCCCCC;
	background-image: url('/img/SecurityWarning.png');
	background-position: left top;
	background-repeat: no-repeat;
	margin: 12px 0px 12px 0px;
	padding: 20px 20px 20px 50px;
}
.SecurityWarning H2{color: #3071c2; font-size:14px  }

.Warning {background:transparent url('/img/warning.png') no-repeat top right;} 
.ButtonPlus {background:transparent url('/img/plus.png') no-repeat top left; height: 16px; width:16px; margin:0 0 0 6px; padding:0px; border: 0px none; cursor:pointer} 
.ButtonMinus {background:transparent url('/img/minus.png') no-repeat top left; height: 16px; width:16px; margin:0 0 0 6px; padding:0px; border: 0px none; cursor:pointer} 

.InfoBox{ background-image: url('/img/InfoBox.png'); background-position: top left; background-repeat:no-repeat; margin:12px; padding:0 14px 0 50px;  }

.CallToAction{background-image: url('/img/cta-bg.jpg'); background-position:-40px 70px; background-repeat:no-repeat;  margin: 0px; padding:30px 20px 0 170px; height:220px   }
.CallToAction H1{ color: #3071c2; font-size:24px; line-height:28px}

.InfoBox H2{color: #3071c2; font-size:14px  }

#order-form{ 
	width: 620px;
	overflow:hidden;
	clear: both;
	margin:auto;
	text-align: left;
} 
 
#order-form #content{
	width: 600px; 
	margin: 10px;
	overflow: hidden;
	clear:both
} 

#order-form .content-column{
	float: left;
	display: block;
	width: 300px;
	height: auto !important;  
} 

.order-button{
	float: left;
	display: inline;
	border: none;
	outline: 0;
	cursor: pointer;
	background: transparent url(../img/btn-telli-ringluspakett-suur.gif) no-repeat top left; 
	width: 133px; 
	height: 41px; 
} 


fieldset{ border:none; width:auto; margin:0px; padding: 0px;}
fieldset ul,fieldset li{border:0;margin:0;padding:0;list-style:none; display:block; width:100%; overflow:hidden}
fieldset li{clear:both;list-style:none; vertical-align:middle; margin:0;}
fieldset li input{float:left; margin-bottom:4px; }
fieldset li select{float:left; margin-bottom:4px;} 
fieldset textarea{float:left; margin-bottom:4px;}
fieldset li label{width:180px;float:left; margin-bottom:4px;}  
fieldset li .TextOutput{ float:right; margin-bottom:4px;} 
 
 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}

#cboxTopLeft{width:25px; height:25px; background:url('/img/colorbox/border1.png') 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url('/img/colorbox/border1.png') 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url('/img/colorbox/border1.png') -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url('/img/colorbox/border1.png') 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url('/img/colorbox/border1.png') 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url('/img/colorbox/border1.png') -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url('/img/colorbox/border2.png') 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url('/img/colorbox/border2.png') -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url('/img/colorbox/loading.gif') 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
 
