@charset 'utf-8';
/*
*
*		Asiakas
*
*		style.css
*
*/

/**
*	Perus Tagit
*/
html												{ background: #f2f0ee; }

h1													{ font-size: 25px; }
h2													{ font-size: 20px; }
p 													{ margin: 10px 0; }

/* font-size on hyvä nollata 10px jos käyttää emssejä! */
/* 				reset.css ei tätä nollaa			   */
body												{ background: #f2f0ee; color: #535353; height: 100%; font: 12px/21px Trebuchet, Verdana, Tahoma, sans; text-align: center; }

/**
*	SITE BASE STYLES
*/
#headerContent										{ margin: 20px auto 0; text-align: left; overflow: hidden; width: 909px; }
#logo												{ float: left; }
#middleContent										{ background: url(../_images/bg/middle_border_bg.png) repeat; height: 365px; margin: 50px 0; text-align: center; width: 100%; }
.borderBox											{ background: #fefaf5; border: 1px solid #d6d6d6; overflow: hidden; padding: 10px 15px; }
.wrapper											{ background: url(../_images/bg/bg_middle.png) repeat-y; margin: 0 auto; overflow: hidden; text-align: left; width: 1024px; }
#footer												{ margin: 50px auto 0; overflow: hidden; padding: 0 0 50px; text-align: left; width: 800px; }

#bgTop 												{ background: url(../_images/bg/bg_top.png) no-repeat; height: 12px; margin: 20px auto 0; width: 1024px; }
#bgBottom											{ background: url(../_images/bg/bg_bottom.png) no-repeat; height: 12px; margin: 0 auto; width: 1024px; }

/**
*	COLORS
*/
.red												{ color: #a90034; }

/**
*	COMMON NAV CLASSES
*/
#mainNav li,
#logoNav li											{  display: inline;  }

#mainNav li	a,
#logoNav li a										{ display: /* IE workaround */ block; float: left !important; overflow: hidden; }

/**
*	MAINNAV
*/
#mainNav											{ float: right; margin: 20px 0 0; }
	#mainNav li	a									{ color: #af1142; font-size: 12px; height: 20px; margin: 0 15px 0 0; padding: 3px 4px; text-decoration: none; text-transform: lowercase; }
	#mainNav li.current	a							{ background: #58d02e; color: white; font-size: 12px; height: 20px; margin: 0 15px 0 0; padding: 2px 3px; text-transform: uppercase; }

/**
*	SUBNAV
*/
	#subnav											{ margin: 20px 0 0; overflow: hidden; height: 39px; }
	#subnav li										{ background: #dedede; display: block; float: left; margin: 10px 5px 0 0; padding: 7px 15px; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
	#subnav li a									{ text-decoration: none; }
	#subnav li.current								{ background: #58d02e; border: none; display: inline; margin: 0 5px 0 0;  padding: 10px 15px; }
	#subnav li.current a							{ color: white; text-decoration: none; text-transform: uppercase; }
	#subnav li#woodSearch							{ color: white; text-decoration: none; text-transform: uppercase; }
	#subnav li.current a:hover						{  }

/**
*	SUBSUBNAV
*/
	#subsubnav										{ background: #dedede; margin: 0; overflow: hidden; width: 100%; }
		#subsubnav li								{ float: left;  margin: 0 10px 0 0; padding: 5px 10px; width: auto; }
		#subsubnav li a								{ text-decoration: none; }
		#subsubnav li.current						{ background: #58d02e; color: white;  }
		#subsubnav li.current a						{ color: white; text-decoration: none; text-transform: uppercase; }

/**
*	LOGIN SYSTEM
*/

	#loginRegister									{ font-size: 10px; margin: 0 auto; text-align: right; width: 909px; }

#login												{ font-size: 10px; height: 80px; left: 0; position: absolute; top: -60px; width: 100%; }
	#loginForm										{ background: #121212; height: 50px; padding: 10px 0 0; }
		#loginForm input[type="text"],
		#loginForm input[type="password"]			{ font-size: 12px; height: 25px; padding: 0 5px; }
	#loginWoodSeller								{ background: #121212; border-radius: 5px; color: white; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*
*	LOGO NAV
*/
#logoNav											{  }
	#logoNav li	a									{ background: url(../_images/logos/ele_logos.png) no-repeat; height: 28px; margin: 0 150px 0 0; text-decoration: none; text-indent: -999px; }

	#logoNav li#kymenlaakso a						{ background-position: -9px -3px; width: 82px; }
	#logoNav li#kymenlaakso a:hover					{ background-position: -9px -35px; }

	#logoNav li#pks a								{ background-position: -197px -3px; width: 36px; }
	#logoNav li#pks a:hover							{ background-position: -197px -35px; }

	#logoNav li#savonvoima a						{ background-position: -343px -3px; width: 96px; }
	#logoNav li#savonvoima a:hover					{ background-position: -343px -35px; }

	#logoNav li#sss a								{ background-position: -536px -3px; width: 103px; }
	#logoNav li#sss a:hover							{ background-position: -536px -35px; }

/**
*	ALL LINKS
*/

a													{ color: #a90034; }
a:hover												{ text-decoration: none; }
a:visited											{ color: #ac6e81; }

.checkAll											{ cursor: pointer; }

/**
*	FRONTPAGE
*/
	.anythingSlider									{ background: url(../_images/bg/bg_header.jpg) 0 0 no-repeat; height: 322px; margin: 20px auto 60px !important; width: 909px; }
	.anythingSlider .wrapper						{ background: none;}
	.anythingSlider .wrapper ul						{ text-align: center; }
		.anythingSlider .wrapper ul li p 			{ font-size: 13px; margin: 30px 0 0 40px; line-height: 25px; text-align: left; width: 500px; }
		.anythingSlider .wrapper ul li .readMore	{ display: block; margin: 35px 0 0 0; width: 400px; }

		.anythingSlider .wrapper ul li .sliderText > * { width: 400px; }
		.anythingSlider .wrapper ul li .sliderImage { margin: 0 0 0 40px; }

	.lift											{ margin: 0 0 30px 0; overflow: hidden; width: 258px; }
	.lift a											{ display: inline; }
	.lift a#buy,
	.lift a#search,
	.lift a#try										{ color: white; display: block; font-weight: bold; height: 23px; padding: 7px 10px; text-align: left; text-decoration: none; text-transform: uppercase; width: 238px; }

	.lift a#buy										{ background: #58d02e url(../_images/icons/icon_osta_sahkoa.jpg) 90% 0 no-repeat; }
	.lift a#search									{ background: #a30025 url(../_images/icons/icon_hae_puuta.jpg) 90% 0 no-repeat; }
	.lift a#try										{ background: #58d02e url(../_images/icons/icon_kokeile_energia.jpg) 90% 0 no-repeat; }
	.lift.center									{ margin: 0 65px 0 0; }
	.lift.mostLeft									{ margin: 0 65px 0 57px; }
/**
*	SEARCHNAV
*/
#searchNav											{ margin: 50px 0 0; }
	#searchNav li									{ background: #c8c8c2; float: left; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;
													  border-top: 1px solid #ebebeb; color: #85837e; cursor: pointer; margin: 0 5px 0 0; padding: 10px 15px; text-transform: uppercase; }
	#searchNav li.current							{ background: #f8f8f2; color: #a90034; font-size: 15px; font-weight: bold; }

/**
*	SEARCH
*/
#tabFrames											{ background: white; border: 1px solid #ebebeb; margin: 0; padding: 20px; text-align: left; }
#tabFrames label									{ display: block; float: left; padding: 2px 5px; width: 120px; }
#productDiv label									{ width: 200px; }
	#tabFrames label:hover							{ background: #eaeddc; cursor: pointer; }
.numberHeader										{ padding: 10px 0 10px 5px; }
.tabBlock											{ margin: 0 0 40px 0; }
.tabBlock h4										{ margin: 10px 0 10px 5px; text-transform: uppercase; }
.tabBlock.narrow									{ float: left; margin: 0 37px 0 0; width: 280px; }

.preloader											{ display: none; }

#woodDiv 											{  }
#productDiv											{  }
#elseDiv 											{ width: 200px; }

#searchDiv											{ display: none; margin: 30px 0 0; }
#searchResult										{ border-collapse: collapse; width: 100%; }
	#searchResult		 							{ font-size: 11px; }
	#searchResult th.header,
	#searchDialog th 								{ background: #c1c1c1 url(../_images/search/arrows_both.png) 100% 50% no-repeat; border-right: 1px solid #9a9a9a;
													  color: white; cursor: pointer; font-weight: bold; padding: 10px 10px; }
	#searchResult td,
	#searchDialog td								{ border-right: 1px solid #cbcbcb; padding: 5px 10px; }

	.odd											{ background: #ece6df; }

#searchResult th.headerSortUp						{ background: #58d02e url(../_images/search/arrow_asc.png) 100% 50% no-repeat; }
#searchResult th.headerSortDown						{ background: #58d02e url(../_images/search/arrow_desc.png) 100% 50% no-repeat; }

#searchDialog #dialogProduct						{ margin: 0 20px 0 0; }

#searchDialog 										{ text-align: left; }
#searchDialog tr td.evenTd							{ font-weight: bold; }
#searchDialog th 									{ background: #A90034; }

.yesCheck, .noCheck									{ background: url(../_images/search/yes_no_checkers.png) no-repeat; display: block; height: 20px; margin: 0 0 0 45%; }
	.yesCheck										{ width: 21px; }
	.noCheck										{ background-position: -20px 0; width: 18px; }

#searchResult tbody td 								{ cursor: pointer; }

#searchResult tbody td.sellerInfo					{ text-decoration: underline; max-width: 270px; }
#searchResult tbody td.sellerInfo:hover				{ text-decoration: none; }

#dialogSeller										{ width: 400px; }

.puun_tilaus										{ padding: 30px 50px !important; }

.puun_tilaus h2										{ font-size: 25px; margin: 0 0 30px 20px; }

.tuotetiedot_wrapper								{ overflow: hidden; padding: 20px; }

	.tuotetiedot_wrapper table						{ width: 400px; }

	.tilauslomake									{ margin: 50px 0 0 20px; padding: 20px; }
	
	.tilauslomake input								{ width: 300px; }
	.tilauslomake button							{ padding: 3px 10px; }
	
	.tilausvahvistus								{ padding: 50px !important; }

/**
*	ALISIVU
*/
	.wrapper.subpage								{ background: none; width: 906px; }
	.wrapper.subpage.nonav							{ background: none; margin: 30px auto 0; width: 906px; }
	#contentWrapper									{ background: white; border: 1px solid #dedede; overflow: hidden; padding: 40px; }
	#contentWrapper.withNav							{ background: white; border: 1px solid #dedede; overflow: hidden; padding: 0 0 40px 0; }
	#content h2										{ margin: 20px 0 20px 0; text-transform: uppercase; }
	#content h3										{ font-size: 15px; font-weight: bold; margin: 30px 0 10px 0; }

	#contentWrapper.withNav #content				{ padding: 40px; }
	#contentWrapper #textPlace						{ width: 480px; }

	#content ul										{ font-weight: bold; padding: 0 0 20px; width: 400px; }
	#content ul	li									{ font-weight: normal; margin: 0 0 5px 30px; list-style-type: disc; }

	#content.calculator								{ width: 490px; }

	#imagePlace										{ margin: 70px 40px 0 0; position: relative; }
		#imagePlace #textarea						{ background: white; color: black; display: inline; opacity: .85; padding: 20px; left: 0; position: absolute; text-align: center; top: 200px; width: 260px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)"; }

	#buyEle											{ padding: 0 50px; }
		#buyEle .headerText							{ margin: 40px 0 60px; }

	#buyEle ul										{ margin: 20px 0 0; }
/**
*	Osta samalla sähköä
*/
	.companyWrapper									{ overflow: hidden; padding: 0 100px;  margin: 30px 0 10px; }
		.companyWrapper ul							{ font-weight: bold; }
		.companyWrapper ul li						{ font-weight: normal; }
		.companyWrapper h2							{ font-size: 15px; }

/**
*	ILMOITTAUDU
*/

	.ilmoittaudu									{ background: white; padding: 30px 40px; text-align: left; width: 850px; }
	.ilmoittaudu label,
	.ilmoittaudu input,
	.ilmoittaudu textarea							{ display: block; }

	.ilmoittaudu input,
	.ilmoittaudu textarea							{ padding: 5px 7px; width: 300px; }

	.ilmoittaudu label,
	.ilmoittaudu textarea							{ margin: 20px 0 0; }
	.ilmoittaudu .button							{ display: inline; margin: 30px 10px 0 0; padding: 5px 10px; }

	.error											{ background: #ac0000; color: white; font-size: 11px; padding: 2px 7px; width: 304px; }

	label.required									{ font-weight: bold; }

	.ilmoittaudu input[type=checkbox]				{ display: inline; }

	label[for=alvtoiminta]							{  }
	.ilmoittaudu input[type=checkbox]				{ width: auto; }

/**
* 	Joka ikiseen projektiin 100% varmuudella sopivia classeja
*/
.removeTopBorder									{ border-top: none !important; }
.removeRightMargin									{ margin-right: 0 !important; }
.removeLeftMargin									{ margin-left: 0 !important; }
.removeTopMargin									{ margin-top: 0 !important; }
.removeBottomMargin									{ margin-bottom: 0 !important; }
.clear												{ clear: both; }
.floatLeft											{ float: left; }
.floatRight											{ float: right; }
.hide												{ display: none; }

/* Kannattaa käyttää jos vikaa ei löydy muuten. Esim. paddingtonit tai paddingtonin pahis kaverit margintonit ei täsmää. */
.redBorder											{ border: 1px solid red; }