/*
Theme Name: Akkuvoima
Theme URI: http://akkuvoima.fi/
Description: The original theme for Akkuvoima Oy.
Version: 1.0
Author: Jaakko Teittinen & Lasse Kulo
Tags: blue, three columns

*/

/* Body & @css
------------------------------------------ */

@import url(css/reset.css);
@import url(css/default.css);
@import url(css/navi.css);
@import url(css/feature.css);
@import url(css/sexy-combo.css);
@import url(css/custom.css);

body {
    font: normal 14px Arial;
    line-height: 1.4em;
    background: #f3f3f3;
	-webkit-font-smoothing: antialiased;
}

/* Fonts
------------------------------------------ */

@font-face {
    font-family: 'headerFont';
    src: url('fonts/eurostileltstd-boldcn-webfont.eot');
    src: url('fonts/eurostileltstd-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostileltstd-boldcn-webfont.ttf') format('truetype'),
         url('fonts/eurostileltstd-boldcn-webfont.svg#EurostileLTStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'headerFontThin';
    src: url('fonts/eurostileltstd-cn-webfont.eot');
    src: url('fonts/eurostileltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostileltstd-cn-webfont.ttf') format('truetype'),
         url('fonts/eurostileltstd-cn-webfont.svg#EurostileLTStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Links
------------------------------------------ */

a:link, a:visited, a:active { color: #0073ae; text-decoration: none; }
a:hover { text-decoration: underline; }
a.lisaa { display:block; background: url("images/lisaa.png") no-repeat; width:71px; height: 29px;}
  a.lisaa span {margin-left:-999em;}

/* Arrow */
a.arrow {
  background: url("images/ico-arr.png") no-repeat;
  color: #f29e00; font-weight: bold; font-size: 12px;
}

a.arrow.left { background-position: left 4px; padding: 0 0 0 10px; }
a.arrow.right { background-position: right 4px; padding: 0 10px 0 0; }

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover
  { color: #0073ae; text-decoration: underline; }
  
a.suurenna {
	display:block;
	background: url("images/suurenna.png") no-repeat; width:102px; height:20px;
}

/* Lang links ---------------------------- */

.lang {
  display: inline-block; /*padding: 0 0 0 22px;*/ width:22px; position:relative; top:3px;
  background: url("images/ico-lang.png") no-repeat;
}
/* En */
.lang.en { background-position: 0px 4px; margin-left:5px; }
/* Ru */
.lang.ru { background-position: 0px -26px; }

.lang span {margin-left:-999em;}

/* Tag links ----------------------------- */

.tags {
  display: inline-block; padding: 0; margin: 0 2px 10px;
  background: url("images/ico-tags.png") no-repeat;
  width: 48px; height: 48px;
}

.tags a { cursor: default; }
.tags span { margin-left: -9999px; }

.tags.armeija                                   { background-position: 0px 0px; }
.tags.aurinkoenergia                            { background-position: 0px -48px;}
.tags.dieselgeneraattorit                       { background-position: 0px -96px;}
.tags.elektroniset-testauslaitteet              { background-position: 0px -144px;}
.tags.energiajakelu                             { background-position: 0px -192px;}
.tags.golfautot-ja-hyotyajoneuvot               { background-position: 0px -240px;}
.tags.halytinlaitteet-ja-palovaroittimet        { background-position: 0px -288px;}
.tags.henkilonostimet                           { background-position: 0px -336px;}
.tags.junasovellukset                           { background-position: 0px -384px;}
.tags.kaukovalvontajarjestelmat                 { background-position: 0px -432px;}
.tags.kellot-ja-muu-pienelektroniikka           { background-position: 0px -480px;}
.tags.kuulokojeet                               { background-position: 0px -528px;}
.tags.laakintalaitteet                          { background-position: 0px -576px;}
.tags.matkailuautot                             { background-position: 0px -624px;}
.tags.mobiililaitteet                           { background-position: 0px -674px;}
.tags.pelastusvalineet                          { background-position: 0px -720px;}
.tags.pienet-elektroniset-laitteet              { background-position: 0px -768px;}
.tags.pienet-elektroniset-naytot                { background-position: 0px -816px;}
.tags.pienet-kannettavat-elektroniset-laitteet  { background-position: 0px -864px;}
.tags.sahko-ja-voimalaitosjarjestelmat          { background-position: 0px -912px;}
.tags.sahkomopot                                { background-position: 0px -960px;}
.tags.sahkopyoratuolit                          { background-position: 0px -1008px;}
.tags.sahkotyokalut                             { background-position: 0px -1056px;}
.tags.siivouskoneet                             { background-position: 0px -1104px;}
.tags.taskulamput                               { background-position: 0px -1152px;}
.tags.telekommunikaatio                         { background-position: 0px -1200px;}
.tags.teollisuusrobotit                         { background-position: 0px -1248px;}
.tags.tuulienergia                              { background-position: 0px -1296px;}
.tags.ups-jarjestelmat-ja-muu-virranvarmennus   { background-position: 0px -1344px;}
.tags.valaistus                                 { background-position: 0px -1392px;}
.tags.varavalojarjestelmat                      { background-position: 0px -1440px;}
.tags.veneet-marine                             { background-position: 0px -1488px;}

/* Layout
------------------------------------------ */
/* Container ----------------------------- */

#container {
  width: 900px;
  margin: 0 auto; padding: 20px; padding-top:0px;
  background: #fff;
}

/* Top ----------------------------------- */

#top_wrapper {
  height: 36px;
  background: url("images/bg_top.png") left top repeat-x;
}

#top {
  width: 960px;
  margin: 0 auto;
}

#top #extra {
  display: block; float: right;
  width: 189px; height: 36px; line-height: 26px;
  background: url("images/bg_link_extra.png") center top no-repeat;
  margin-right: 30px; text-align: left;
  padding-left:40px;
  /*text-transform: uppercase;*/ font-size: 0.76em;
  color: #fff; /*text-shadow: 0px -1px 0px #000;*/
}

/* Header -------------------------------- */

#header {
  width: 960px; overflow: hidden;
  margin: 0 auto;
  height: 74px;
}

/* Logo */

h1 a {
  font-family:headerFont;
  display: block; float: left;
  width: 240px; height: 74px;
  background: url("images/logo.png") center center no-repeat;
}

h1 a span { margin-left: -9999px; }

/* Content ------------------------------- */

#content {
  width: 900px; overflow: hidden;
  background: url("images/bg_content.png") center bottom repeat-x;
  padding-bottom: 16px;
}

.col940 { width: 940px; }
.col900 { width: 900px; }
.col750 { width: 750px; }
.col540 { width: 540px; }
.col370 { width: 370px; }
.col270 { width: 270px; }
.col200 { width: 200px; }
.col180 { width: 180px; }
.col120 { width: 120px; }

/* Footer -------------------------------- */

#footer {
  margin: 10px auto; width: 960px;
  font-size: 0.8em; text-align: center; color: #666;
}

/* Text
------------------------------------------ */

h1 {
	font-family:"headerFont", Arial;
	color:#006faf;
	font-size: 30px;
	line-height:1em;
	/*text-shadow: 0px 1px 0px #fff;*/
	font-weight:bold;
}

#headText {
	font-family:"headerFontThin", Arial;
	margin-bottom:10px;
	color:#006faf;
	font-size: 16px;
	line-height:1em;
	/*text-shadow: 0px 1px 0px #fff;*/
}

#lueTop {
	position:relative;
}

h2, .col540 h2.mast {
  font-family:"headerFont", Arial;
  line-height:1em;
  margin: 10px 0; padding: 0 10px 10px;
  color: #006faf; font-size: 22px; font-weight: bold;
}

.col540 h2 { font-family:"headerFont", Arial; font-size: 26px; line-height: 26px; font-weight: normal; padding: 0 0 10px; padding-left:0px;}
.col540 h2.mast { font-family:"headerFont", Arial; background: url("images/bg_h2_col540.png") center bottom no-repeat; margin-bottom: 30px; padding-left:0px; }
.col540 h2.underline { font-family:"headerFont", Arial; background: url("images/bg_h2_col540.png") center bottom no-repeat; font-size:22px; line-height:1em; margin-bottom: 20px; padding-left:0px; }
.col370 h2 { font-family:"headerFont", Arial; background: url("images/bg_h2_col370.png") center bottom no-repeat; padding-left:0px;}
.col200 h2 { font-family:"headerFont", Arial; background: url("images/bg_h2_col200.png") center bottom no-repeat; padding-left:0px;}
.col180 h2 { font-family:"headerFont", Arial; background: url("images/bg_h2_col180.png") center bottom no-repeat; padding-left:0px;}
.col120 h2 { font-family:"headerFont", Arial; background: url("images/bg_h2_col120.png") center bottom no-repeat; padding-left:0px;}

.container_header h2 {
  font-family:"headerFont", Arial;
  position: absolute; left: 27px; top: 41px;
  margin: 0; padding: 0; width: 354px; height: 30px;
  background: url("images/container_header_h2.png") left top no-repeat;
}
.container_header h2 span { margin-left: -9999em; }
.container_header h2.lang { width: 533px; background: url("images/container_header_h2-lang.png") left top no-repeat;}

h3 {
  /*font-family:headerFont;*/
  margin: 1em 0 0.8em 0; padding: 0;
  color: #006faf; font-size: 16px; font-weight: bold;
}

h3 span { font-size: 86%; font-weight: normal;}

.newslist h3 {/*font-family:headerFont;*/ margin:0; padding: 0; font-size: 13px; font-weight: normal;}
.category_list h3 {/*font-family:headerFont;*/ margin:6px 0 6px 0; padding: 0; font-size: 16px; font-weight: bold; color: #006faf;}

.ru h2, .col540.ru h2 {
  /*font-family:headerFont;*/
  margin: 10px 0; padding: 0 10px 10px; padding-left:0px;
  color: #006faf; font-size: 18px; line-height: 22px; font-weight: bold;
  background: url("images/bg_h2_col200.png") center bottom no-repeat;
}

.col540.ru h2 { font-family:"headerFont", Arial; background: url("images/bg_h2_col540.png") center bottom no-repeat; margin-bottom: 30px; }

.col120.ru p, .col120.en p { font-size:11px; font-weight:bold; }

p { margin: 10px 0; }

li p { margin: 0; }
.col180 p { margin: 10px; }
.category_list p { margin: 0 0 0 200px; }

.introduction {}
.date {}
.separator { font-weight: bold; margin: 0 14px; }

.breadcrumb_arrow span { margin-left: -9999px; }

.sidebar { font-size: 0.9em; }
.sidebar p { margin: 10px; }

small {
  display: block; /*margin-top: -0.3em;*/
  color: #999; font-size: 0.8em; line-height:1.2em;
}

/* Special blocks
------------------------------------------ */

.entry {padding: 0 10px;}

.brand_logo { 
  float: left; width: 180px;
  margin-right: 20px;
}

.brand_logo img {
  display: block; /*border: 1px solid #ccc;
  width: 200px; height: 100px;*/
}

.feature {
  min-height:245px;
  max-height:245px;
  height: 100%; width: 920px;
  padding: 10px; padding-bottom:0px; margin-bottom: 0px; position:relative; left:-20px;
  background: url("images/header_bg.png") no-repeat;
}

.normalFeature {
  min-height:179px;
  max-height:179px;
  height: 100%; width: 920px;
  padding: 10px; padding-bottom:0px; margin-bottom: 0px; position:relative; left:-20px;
  background: url("images/normal_header_bg.png") no-repeat;
}

.normalFeature #search_bar {
	left:-10px;
	position:absolute;
	top:128px;
	width:960px;
}


.box-terms {
  background: #f3f3f3; margin: 20px 0px; padding: 10px 20px;
  border: 1px solid #eee;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.box-tags {
  margin: 10px 0px;
}

li.toggle span {
  color: #0073ae; cursor: pointer;
}

.category_float {
	width: 320px !important;
	clear:both;
	/*height:100%;*/
	float:right;
	/*position:relative;
	top: 0px;*/
	/*left:220px;*/
}

/* wp-caption */
.wp-caption {
  width: 520px !important; overflow: hidden;
  margin: 10px 0; padding: 10px 0;
  border-bottom: 1px solid #f3f3f3;
}

.wp-caption img, .wp-caption .map {
  float: right;
}

.wp-caption .wp-caption-text {
  float: left;
}


.container_header {
  height: 112px; margin-bottom: 10px; position: relative;
  background: #aad9f3 url("images/bg_container_header.jpg") no-repeat;
}

.container_header.page-id-2 { background-position: left 0px; }
.container_header.page-id-4 { background-position: left -336px; }
.container_header.page-id-5 { background-position: left -448px; }
.container_header.page-id-6 { background-position: left -784px; }

.container_header.category-tuotteet { background-position: left -112px; }
.container_header.category-edustukset { background-position: left -224px; }
.container_header.category-dokumentit { background-position: left -560px; }
.container_header.category-uutiset { background-position: left -672px; }

/* Image styles -------------------------- */
     
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.newslist_product {
  float: right; margin: 0 0 10px 10px;
  padding: 1px 1px 9px 1px; /*width: 152px;*/
  /*background: #eee url("images/bg_product_image.png") center bottom no-repeat;*/
}

/* Lists
------------------------------------------ */

.newslistFP {
  margin: 0; padding: 0;
  background-color:#d6e9f1;
  min-height:720px;
  max-height:720px;
  padding-top:10px;
  height: 100%;
}

.newslist, .contactlist {
  margin: 0; padding: 0;
}

.contactlist {
	font-size:12px;	
}

.newslistFP ul {
	min-height: 600px;
}

.newslistFP li {
  list-style-type: none;
  padding: 10px;
  font-size:12px;
}

.newslistFP li p {
	padding-bottom:10px;
}

.newslist li {
  list-style-type: none;
  padding: 10px 0px; border-bottom: 1px dotted #eee;
}

.contactlist li {
  list-style-type: none;
  padding: 10px; padding-left:0px; border-bottom: 1px dotted #eee;
}

#minifooter {
	clear:both;
	height:50px;
	width:230px;
	display:block;
	background-color:#fff;
	position:relative;
	bottom:20px;
	vertical-align:bottom;
}

#minifooter h3 {
	font-size:13px;
	line-height:1.2em;
}

#lue {
	position:relative;
	bottom:20px;
}

.productsearch_list {
  margin: 0; padding: 0;
}

.productsearch_list li {
  list-style-type: none;
  padding: 10px 0px;
}

.category_list {
  margin: 0; padding: 0;
}

.category_list li {
  list-style-type: none;
  overflow: hidden; margin-bottom: 10px; padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.category_list li.no_border {
  list-style-type: none;
  overflow: hidden; margin-bottom: 0px; padding-bottom: 0px;
  border-bottom: none;
}

.category_list li li, .category_list li li li {
  margin-bottom: 0px; padding-bottom: 0px;
  border-bottom: none;
}

.category_list li ul {
  margin: 10px; margin-left:0px; padding: 0;
}

ul.documents li ul {margin:0;padding: 0 10px;}
ul.documents li ul li {margin:0;padding:4px 0;width:400px;}

ul.documents li a {background:url("images/pdf.gif") left center no-repeat;
  padding-left:22px;}

/* Forms
------------------------------------------ */

form{
  margin: 10px 0 20px;
}

input, select {
  background: #fff; border: 1px solid #bbb;
  padding: 2px; margin-top: 6px;
}

/* Search box ----------------------------- */

#search_bar {
	left:-10px;
	position:absolute;
	top:194px;
	width:960px;
	height:51px;
	background: url("images/bar.png") left top no-repeat;
	padding-top:19px;
}

#search_box {
  width: 268px; height: 22px;
  margin: 0px 200px 0px;
  background: url("images/haku_bg2.png") left top no-repeat;
}
#search_box:hover {
  background: url("images/haku_bg2.png") left -22px no-repeat;
}
#search_box #search {
  float: left; width: 230px; height: 16px;
  margin: 0px 0 0 0; padding: 4px;
  color: #fff; background: none;
  border: none;
}

#search_box #go {
  float: right; margin: 0;
  border: none; background: none;
}

/* Product search ------------------------ */

.prodlist option {
  width: 130px;
}

#product_search {
  background: url("images/product_search_button.png") left top no-repeat;
  width: 71px; height: 28px;
  cursor: pointer;
}

#product_search:hover { background: url("images/product_search_button.png") left -28px no-repeat; }

button span { margin-left: -9999px; }

/* Combobox ---------------------------- */

#prod1 .productList2, #prod1 .productList3, #prod2 .productList1, #prod2 .productList3, #prod3 .productList1, #prod3 .productList2 {
	display:none;
}

#prod1, #prod2, #prod3 {
	/*min-height: 400px;*/
}

/* lightbox ---------------------------- */

#lightbox {
    display: none;
	color:#005baa;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

#lightbox-shadow {
    background: url("images/lightbox_shadow.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#lightbox-content{
	padding:0px;
	/*height:100%;*/
}

#lightbox-content img{
	
	display:inline;
	margin:auto 0;
}

#lightbox-main {
    -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;;
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 80, 0.5);
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 80, 0.5);
	box-shadow: 2px 2px 10px rgba(0, 0, 80, 0.5);
    background: none repeat scroll 0 0 #ffffff;
    color: #002e5d;
    height: auto;
    left: 50%;
    margin: -50px 0 0 -230px;
    overflow:hidden;
    padding: 1px;
    position: absolute;
    top: 30%;
    width: 540px;
    z-index: 101;
}
/*.comboboxContainer { 
/*border-left: solid 2px #777; 
border-top: solid 2px #777; 
border-right: solid 1px #ccc; 
border-bottom: solid 1px #ccc; *//*
bottom:0px;
} 
.comboboxValueContainer { 
background: url("images/dropdown_list_bg.png") repeat-x left top; 
} 
.comboboxValueContent { 
padding-left: 8px; 
color:#fff;
font-size:10px;
text-transform: uppercase; 
} 
.comboboxDropDownContainer { 
border-right: solid 1px #ef9600; 
border-bottom: solid 1px #ef9600; 
border-left: solid 1px #ef9600; 
border-top: solid 1px #ef9600;
background: #fff; overflow: hidden; 
padding-left: 0px; 
width: 318px;
} 
.comboboxDropDownButton { 
width: 22px; 
height: 22px; 
background-image: url("images/dropdown_list_button.png"); 
} 
.comboboxGroupItemHeader { 
display: block; 
background: #99cccc; 
color: #000; 
font-family: Impact; 
} 
.comboboxGroupItemContainer { 
padding-left: 0px;
padding:0px; 
} 
.comboboxItem { 
background: #fff; 
color: #000; 
text-transform: uppercase; 
font-size:10px;
font-weight: normal; 
font-style: normal; 
padding-left: 8px;
} 
.comboboxItemHover { 
background-color: #fea700; 
color: #fff; 
text-transform: uppercase; 
padding-left: 8px; 
}*/