/* == common elements == */

body {margin:0; padding:0; font:75%/1.25em Arial, Helvetica, Geneva, sans-serif; background:#e5e5e5;}
.clear { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.structural { display:none; visibility:hidden; }
.structural { position:static; }

/* logo */
#dna-logo { float:left; padding:9px 0 0 28px; }
#dna-logo img { border:0; }

/* quicklinks */
.quicklinks { background:url(../Style%20Library/Images/Dna/extra_column_divider.gif) left top no-repeat; margin:0 0 20px 0; padding:13px 0 0 0;}
.quicklinks h3 { background:url(../Style%20Library/Images/Dna/title_pikalinkit.gif) left top no-repeat; width:106px; height:37px; margin:0; padding:0; }
.quicklinks ul { background:url(../Style%20Library/Images/Dna/extra_column_divider.gif) left bottom no-repeat; margin:0; padding:0 0 13px 0; }
.quicklinks li { background:none; list-style-type:none; display:block; margin:0; padding:0 0 3px 10px; }

/* internal links */
.internal_links { margin:10px 0 10px 0; padding:0; }
.internal_links li { padding:0 0 2px 0; margin:0; background:none; list-style-type:none; }

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; }
table th { text-align:left; }
table thead { }
table thead th { font-weight:bold; border-bottom:2px solid #A5B249; }
table thead th:first-child { color:#000; font-weight:bold; }
table thead th { color:#e20070; font-weight:normal;  }
table th { font-weight:normal; }
table tbody tr { background:#F7F7F7 }
table tbody tr.even { background:#fff; }

/* forms */
form { margin:0; padding:0; }
form fieldset { border:0; padding:0; background:#fefefe; }
form legend { font-size:1.2em; font-weight:bold; color:#333; margin-bottom:10px; }
form span { float:left; width:70%; }
form textarea { width:23em; height:13em; }
form h3 { display:block; margin:0; margin:15px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #868c2d; }

form .row { clear:both; margin:0 15px 8px 0;  padding:0 10px 10px 10px; height:1%;  }
form .row:after, form span:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .description { float:left; width:20%; display:block; text-align:left; vertical-align:top; padding-right:40px; }
form .buttons { border-top:1px solid #868c2d; padding:10px 0 0 0; }

/* list */
ul { margin:0; padding:0 0 25px 10px; }

/* highlight */
.content-column .highlight { border-bottom:2px solid #F3F3F3; padding-bottom:20px; margin:20px 0 20px 0; }
.content-column .highlight:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content-column .highlight img { border:1px solid #CFCFCF; padding:4px; margin-right:14px; float:left  }
.content-column .highlight h3 { border:0; background:none; margin-top:0; }

/* highlight gallery */
.content-column .gallery { display:block; clear:both; border:0; padding:0; }
.content-column .gallery p { line-height:1.1em; }

/* quicksearch */
.header-bar form { width:auto; margin:0; padding:0; float:left; display:block; }
.header-bar input { float:left; }
.header-bar .search-field { float:left; height:1.2em; border:1px solid #7f9db9; font-size:1em; padding:2px; width:11.55em; }
.header-bar #search-button { background: url(../Style%20Library/Images/Dna/button_search.gif) no-repeat left top; border:0; height:20px; overflow: hidden; padding:20px 0 0 0; width:20px; cursor:pointer; }
.header-bar form fieldset  { border:0; margin:0; padding:20px 10px 10px 10px; display:inline; }

/* search results */
.search_results { margin:0; padding:0; }
.search_results li { background:none; list-style-type:none; margin:0; padding:0 0 20px 0; }

/* pagination */
.pagination { clear:both;   padding:10px 0 10px 0;}
.pagination ul { margin:0; padding:0; }
.pagination li {  display:inline; background:none; list-style-type:none; margin:0; padding:0 0 20px 0; }
.pagination a { padding:2px 6px 2px 6px; border-right:1px solid #CCCCCC; }
.pagination li.ellipsis { padding:2px 6px 2px 3px; border-right:1px solid #CCCCCC; }
.pagination a.current { background:#929931; color:#fff; }
.pagination a.prev { border:0; padding:0 20px 0 18px; background:url(../Style%20Library/Images/Dna/arrow_big_left.gif) left top no-repeat; }
.pagination a.next { border:0; padding:0 18px 0 20px; background:url(../Style%20Library/Images/Dna/arrow_big.gif) right top no-repeat;  }
.pagination .count { padding:0 20px 20px 0; font-weight:bold; }

/* alert popup */
#dna_alert { position:absolute; left:180px; top:100px; width:530px; z-index:1000; border:10px solid #E6006B; background:#fff; }
#dna_alert .content { padding:20px 40px 35px 40px; }
#dna_alert .alert { float:right; background:none; padding:8px; margin:0;}

/* sitemap */
.sitemap { float:left; padding:0; margin:0 20px 0 0; width:30%; }
.sitemap ul { margin:15px 0 0 0; padding:0; }
.sitemap ul ul { margin:0; padding:0 0 0 12px; }
.sitemap li { display:block; list-style-type:none; background:none; padding:2px 0 0 0; margin:0; }
.sitemap li li { margin:0 0 10px 0; padding:0; }
.sitemap li li li { margin:0; padding:0; }
.sitemap li a { font-size:1.5em; font-weight:bold; padding:0 20px 0 0; margin:0; background:url(../Style%20Library/Images/Dna/arrow_big.gif) right top no-repeat; }
.sitemap li li a { font-size:1.35em; font-weight:normal; background:url(../Style%20Library/Images/Dna/list_bullet.gif) left top no-repeat; padding:0 0 0 12px; margin:0;  }
.sitemap li li li a { font-size:1em; background:none; padding:0 0 0 12px; margin:0; }

/* content summary search form */
form.summary_form { display:block; width:100%; background:#E6E6E6; padding:5px 0 5px 10px; }
form.summary_form label { float:none; display:inline; color:#595959; font-weight:bold; padding:0 10px 0 0; vertical-align:middle; }

/* events */
.events { width:auto; margin-bottom:15px; }
.events thead th { border:0; color:#000; font-weight:bold; }
.events td, .events th { padding-right:15px; vertical-align:top; }
.events tr.even, .events tr.odd, .events table tr { background:#fff; }

.events img { float:right; border:1px solid #CFCFCF; padding:4px; margin-left:14px;  }

/* shopping cart */

.shopping-cart-items { padding:0 0 10px 0; margin:0; }
.shopping-cart-items h3 { position:relative; font-size:1.1em; color:#000; display:block; padding:5px 0 0 8px; margin:0 8px 0 0; background:#e6e6e6 url(../Style%20Library/Images/Dna/navigation_bg.gif) bottom repeat-x; height:2em; }
.shopping-cart-items h3 span { position:absolute; top:-11px; left:113px; margin:0; padding:0; width:36px; height:36px; background: url(../Style%20Library/Images/Dna/shopping_cart.gif) no-repeat;  }
.shopping-cart-items ul { display:block; margin:0; padding:2px 0 3px 0; }
.shopping-cart-items li { display:block; background:none; list-style-type:none; margin:0; padding:0 0 0 8px;}
.shopping-cart-items form { margin:0; padding:0; }
.shopping-cart-items form button { position:relative; background-position:top right; margin:0; padding:0 20px 0 7px; }
.shopping-cart-items form button span { padding:0 4px 2px 12px; background-position:top left; }
/* this is overwrite ie 6 styles */
body > .shopping-cart-items form button { position:static; background-position:right; }
body > .shopping-cart-items form button span { background-position:left; }

#confirm-shopping { font-size:1.2em; text-align:center; background:#fff; width:471px; border:10px solid #abb33a; padding:20px;  }
#confirm-shopping a { color:#fff; font-weight:bold; margin:0; }
#confirm-shopping a:hover { color:#fff; text-decoration:none; }

#confirm-shopping a.shoppingcart { background:url(../Style%20Library/Images/Dna/button_lbg.gif) left no-repeat; padding:10px 0 10px 12px; margin:0; }
#confirm-shopping a.shoppingcart span { background:url(../Style%20Library/Images/Dna/button_rbg.gif) right no-repeat; padding:10px 25px 10px 0;   }

#confirm-shopping a.continue { background:url(../Style%20Library/Images/Dna/button2_lbg.gif) left no-repeat; padding:10px 0 10px 25px; margin:0; }
#confirm-shopping a.continue span { background:url(../Style%20Library/Images/Dna/button2_rbg.gif) right no-repeat; padding:10px 14px 10px 0;  }

/* == layout framework == */
#dna { background:#FFF; }
#dna.wide { background:#fff; }

/* == layout  == */
.content { margin-left:31px; }
.navigation-column { display:none; visibility:hidden; }
.extra-column { display:none; visibility:hidden; }
.footer { clear:both; text-align:center; border-top:2px solid #abb33a; margin:20px 0 0 0; padding:16px 0 16px 40px; }

/* wide layout */
#dna.wide .content { background:none; }
#dna.wide .content-column { width:78%; }
#dna.wide .footer { width:92%; }

.path { clear:both; padding:7px 0 7px 0; width:75%; }


/* == frontpage layout  == */

.frontpage .content-column { }

.header { clear:both;  margin:0 0 4px 0; }
.header-bar { display:none; visibility:hidden; }

.frontpage .content-column .fp-content { padding: 25px 0 0 0; margin:0; }

/* frontpage big background and intros */

.fp_headline .column { margin:0; padding:0; }
.fp_headline .content { margin:0; padding:0; }

/* frontpage highlight */

.highlight_left { float:left; width:64.79%; }
.highlight_left .highlight { background:url(../Style%20Library/Images/Dna/fp_news_bg_bl.gif) bottom left no-repeat; margin:0 0 20px 0; padding:0; border:0; }
.highlight_left .highlight .wrap { background:url(../Style%20Library/Images/Dna/fp_news_bg_br.gif) bottom right no-repeat; margin:0; padding:0 14px 14px 14px; }
.highlight_right { float:right; width:32%; }
.highlight_right .highlight { border:0; margin:0; padding:0 0 12px 0;  }
.highlight_right .highlight .wrap { border:0; margin:0; padding:0 10px 10px 0;  }

/* frontpage highlight titles */
.frontpage  .highlight h3 { display:block; padding:0  0 7px 0; margin:0 -7px 12px -7px; height:18px; border-bottom:2px solid #abb33a; }

/* fronpage higlight list & notices list */

ul.summary { display:block; margin:0; padding:0 0 5px 0; }
ul.summary li { clear:both; background:none; list-style-type:none; display:block; margin:0; padding:0 0 3px 0; }
ul.summary li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.summary span { display:block; float:left; padding:0 25px 0 0; }
ul.summary li a { width:75%; display:block; margin:0; padding:0; float:left; }
.highlight_right ul.summary li a { width:60%; }

/* frontpage link list */

.fp-linklist { float:left; margin:42px 0 0 10px; padding:0; }
.fp-linklist li { list-style-type:none; display:block; padding:0 0 10px 0; }
.fp-linklist a { display:block; width:167px; height:20px; }
.fp-linklist a span {position:absolute; left:-9999px; }
.fp-linklist a.palvelut-yrityksille { background:url(../Style%20Library/Images/Dna/title_palvelut_yrityksille.gif) no-repeat; }
.fp-linklist a.dna-kauppa { background:url(../Style%20Library/Images/Dna/title_dna_kauppa.gif) no-repeat; }
.fp-linklist a.dna-bonus { background:url(../Style%20Library/Images/Dna/title_dna_bonus.gif) no-repeat; }

/* frontpage campaings */

.fp-campaing { clear:both; margin:0; padding:0; }
.fp-campaing .campaing_left { }
.fp-campaing .campaing_right { }

/* quicklinks */
.header-bar .quick_links { float:left; margin:0; padding:2px 5px 2px 10px; border-left:1px solid #fff; }
.header-bar .quick_links li { margin:0; padding:0; background:none; list-style-type:none; display:block; line-height:1.3em; }

/* fontpage highlight tables */
.frontpage .highlight tr, .frontpage .highlight tr.even, .frontpage .highlight tr.odd { background:#fff; }

/* == main navigation == */

/*.navigation { position:relative; clear:both; width:82.35%; padding:0 0 0 40px; border:1px solid; }*/
.navigation { display:none; visibility:hidden; }

/* wide navigation */
#dna.wide .navigation { width:95.5%; }
#dna.wide .sub-level { width:899px; }

/* == sub navigation == */
/* level 1 */
.navigation-column ul { margin:29px 22px 0 0; padding:0; display:block }
.navigation-column li { background:#fff; list-style-type:none; display:block; margin:0; padding:0; height:1%; border-bottom:1px solid #abb33a; font-weight:normal; border:0; }
.navigation-column li.selected { border-bottom:1px solid #abb33a; }
.navigation-column li.selected a { background:#abb33a; color:#fff; font-weight:bold; }
.navigation-column a { display:block; padding:3px 10px 3px 17px;  }

/* level 2 & 3 */
.navigation-column ul ul { margin:0 0 0 15px; padding:0; display:block }
.navigation-column ul ul li { background:#fff; margin:0 0 0 5px; border:0; }
.navigation-column ul ul li.selected { border:0; }
.navigation-column ul li.selected ul li a { background:#fff; color:#E6006B; padding-left:10px; font-weight:normal; }
.navigation-column ul li ul li.selected a { color:#E6006B; background:#fff url(../Style%20Library/Images/Dna/navigation_bullet.gif) top left no-repeat; font-weight:bold; border:0; }



/* == links & text == */

/* links */
a { color:#e20070; text-decoration:none; }
a:hover { color:#e20070; text-decoration:underline; }

.header-bar a { font-size:0.9em; color:#fff; text-decoration:none; }
.header-bar a:hover { text-decoration:underline; }

.footer a { color:#868c2d; }
.footer a:hover { color:#e20070; text-decoration:none; }

.quicklinks a { color:#74a117; }
.quicklinks a:hover { color:#e20070; text-decoration:none; }

.internal_links a { background:url(../Style%20Library/Images/Dna/arrow_big.gif) top right no-repeat; padding:0 20px 0 0; }

.path a { padding:0 2px 0 2px; }
.path a.selected { color:#000; }

.search_results a.content_link { font-size:1.2em; font-weight:bold; padding:0; }
.search_results a.path_link { font-size:0.95em; color:#929931;  padding:0; }

.back { display:block; background:url(../Style%20Library/Images/Dna/arrow_big_left.gif) top left no-repeat; padding:0 0 0 20px; }

.rss { background:url(../Style%20Library/Images/Dna/icon_rss.gif) top right no-repeat; padding:0 20px 2px 0; }
.pdf { background:url(../Style%20Library/Images/Dna/icon_pdf.gif) left no-repeat; padding:7px 0 7px 28px; }

/* text */

.path { font-size:0.9em; }
.footer span, .footer a { padding:0 5px 0 5px; }

/* titles */
h1 { color:#333; font-size:1.6em; padding-bottom:10px; }
h2 { color:#666; font-size:1.45em; }
h3 { color:#656565; font-size:1.3em; }

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}