/*
Theme Name: BTJ
Description: BTJ-ulkoasu.
Version: 1
Author: ID
Author URI: http://www.into-digital.fi/
*/



@import url( reset.css );

html,body{margin:0;padding:0}
body{font: 12px arial,sans-serif;text-align:center;background-color:#e0e0e0;
	background: url( img/bg2.gif ) top center no-repeat;
	background-attachment:fixed;
}
p{margin:10px 0}
div#header{position:relative;clear:left;
	background: #fff url( img/frontpageimg1.jpg ) top left no-repeat;
	color: #79B30B;height:200px}
body.osio6 div#header { background-image: url( img/decoimg3.jpg ); }
body.osio8 div#header { background-image: url( img/decoimg2.jpg ); }
body.osio10 div#header { background-image: url( img/decoimg4.jpg ); }
body.osio12 div#header { background-image: url( img/decoimg5.jpg ); }

body.osio196 div#header { background-image: url( img/decoimg_swedish.jpg ); }
body.osio198 div#header { background-image: url( img/decoimg_english.jpg ); }

div#container{text-align:left}
div#content p{line-height:1.4;}

div#container{width:810px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 40px 0 220px;padding-bottom:20px;}
div#navigation{float:left;width:200px;margin-left:-810px;padding-bottom:200px}
div#extra{float:left;width:200px;margin-left:-200px;padding-bottom:165px;}
div#footer{clear:left;width:100%;position:relative;}
div#searchpart{width:200px;height:200px;position:absolute;top:-180px;left:0px;padding-left:20px;}
div#shopbox{width:190px;height:100px;position:absolute;top:-165px;right:10px;}

#sectionfrontpage div#content{margin-right:220px;}
body.osio6 div#content{margin-right:220px;}
u {text-decoration:none;}
ul#langnav {
	position:absolute;top:0px;right:0px;
}
h1 {
	width:300px;
	height:200px;
}
h1 span {
	display:none;
}
ul#langnav li {
	width:80px;float:left;
	background:none;
}
ul#langnav a {
	display:block;
	height:24px;
}
ul#langnav a span {
	display:none;
}
ul#branchnav {
	height:35px;
	width:805px;
	background: #fff;
	margin-bottom:5px;
	padding:0 0 0 5px;
}
ul#branchnav li {
	float:left;
}
ul#branchnav li a {
	display:block;
	width:160px;
	height:35px;
	font-size:12px;
	background-image: url( img/branchnavbg.gif );
	background-repeat:no-repeat;
	overflow:hidden;
}
ul#branchnav li.btj1 a {
	background-position:-5px 0px;
}
ul#branchnav li.btj2 a {
	background-position:-165px 0px;
}
ul#branchnav li.btj3 a {
	background-position:-325px 0px;
}
ul#branchnav li.btj4 a {
	background-position:-485px 0px;
}
ul#branchnav li.btj5 a {
	background-position:-645px 0px;
}
ul#branchnav li.btj1 a:hover, ul#branchnav li.btj1.currentbranch a {
	background-position:-5px -34px;
}
ul#branchnav li.btj2 a:hover, ul#branchnav li.btj2.currentbranch a {
	background-position:-165px -34px;
}
ul#branchnav li.btj3 a:hover, ul#branchnav li.btj3.currentbranch a {
	background-position:-325px -34px;
}
ul#branchnav li.btj4 a:hover, ul#branchnav li.btj4.currentbranch a {
	background-position:-485px -34px;
}
ul#branchnav li.btj5 a:hover, ul#branchnav li.btj5.currentbranch a {
	background-position:-645px -34px;
}

ul#branchnav li a span {
	display:none;
}
ul#sectionnav {
	width:779px;
	height:45px;
	padding-left:31px;
	margin-bottom:20px;
	background: #fff url( img/sectionnavbg.gif ) top left no-repeat;
}
body.osio6 ul#sectionnav { background-image: url( img/sectionnavbg_green.gif ); }
body.osio8 ul#sectionnav { background-image: url( img/sectionnavbg_beige.gif ); }
body.osio10 ul#sectionnav { background-image: url( img/sectionnavbg_red.gif ); }
body.osio12 ul#sectionnav { background-image: url( img/sectionnavbg_violet.gif ); }

ul#sectionnav li {
	width:auto;
	float:left;
	overflow:hidden;
	height:45px;
}
* html ul#sectionnav li { width /**/: 120px; }
/*\*/ * html ul#sectionnav li { width: 120px; } /**/
ul#sectionnav li a {
	display:block;
	padding:15px 8px 0 8px;
	height:31px;
	overflow:hidden;
	background: url( img/sectionnavitembg.gif ) top right no-repeat;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}
body.osio6 ul#sectionnav li a { background-image: url( img/sectionnavitembg_green.gif ); }
body.osio8 ul#sectionnav li a { background-image: url( img/sectionnavitembg_beige.gif ); }
body.osio10 ul#sectionnav li a { background-image: url( img/sectionnavitembg_red.gif ); }
body.osio12 ul#sectionnav li a { background-image: url( img/sectionnavitembg_violet.gif ); }
ul#sectionnav li a:hover, ul#sectionnav li.current_page_item a, ul#sectionnav li.current_page_parent a {
	background-position:right -46px;
}
ul#pagenav li {
	margin-bottom:8px;
	padding-left:20px;
	color:#6a6a6a;
	font-size:13px;
}
ul#pagenav li a {
	color:#6a6a6a;
	text-decoration:none;
	font-size:13px;
}
ul#pagenav li a:hover, ul#pagenav li.current_page_item a, ul#pagenav li.current_page_parent a {
	text-decoration:underline;
}

h2 {
	color:#2382b2;
	font-size:24px;
	margin-bottom:20px;
}
#extra h3, ul#pagenav h3 {
	color:#002c5c;
	font-size:18px;
	margin-bottom:20px;
	text-transform:uppercase;
	padding-right:20px;
	background: url( img/rssicon.gif ) 160px 2px no-repeat;
}
#extra h3 a {color:#002c5c;text-decoration:none;}
ul#pagenav h3 { background:none;}

a.headingrsslink {
	width:24px;
	height:16px;
	float:right;
}
	
#extra h3 a span {display:none;}

#extra ul, #extra ul li {
	margin-bottom:20px;
	color:#696969;
}
body.osio6 #extra ul li {margin-bottom:10px}
#extra ul li a {
	text-decoration:none;
	color:#696969;
}
#extra ul li a:hover {
	text-decoration:underline;
}
#extra ul h4 {
	font-weight:bold;
	font-size:11px;
	color:#696969;
	}

ul#alanavi li {
	width:142px;float:left;
	text-transform:uppercase;
	margin-right:10px;
}
ul#alanavi li a {
	text-decoration:none;
	color:#999;
	font-size:14px;
}

ul#alanavi {
	width:762px;
	padding:20px 0 20px 48px;
	float:left;
	background:#fff;
}
ul#alanavi li ul {margin-top:10px;}
ul#alanavi li li {
	text-transform:none;
	width:auto;
	float:none;
	margin-right:0;
}
ul#alanavi li li a {
	font-size:12px;
	color: #a3a3a3;
}
ul#alanavi li li a:hover {
	text-decoration:underline;
}
#searchpart a#avain {
	display:block;
	background: url( img/avainbg.gif ) top left no-repeat;
	width:180px;
	height:77px;
	margin-bottom:10px;
}
body.osio6 #searchpart a#avain, body.osio10 #searchpart a#avain, body.osio12 #searchpart a#avain { display:none; }
#searchpart {height:180px;}
body.osio6 div#searchpart, body.osio10 div#searchpart, body.osio12 div#searchpart { height:80px;top:-90px }
#searchpart a#avain span {
	display:none;
}
#searchpart #haku {
	background: url( img/searchbg.gif ) top left no-repeat;
	width:180px;
	height:54px;
}
#haku input {
	border:none;
	background:none;
	width:123px;
	height:16px;
	margin:9px 0 0 28px;
	font-size:11px;
	color:#fff;
}
#shopbox a span {
	display:none;
}
#shopbox a {
	display:block;
	background: url( img/webshopbg.jpg ) top left no-repeat;
	width:180px;
	height:130px;
}
li.btj1 a u{color:#2382b2}
li.btj2 a u{color:#50a059}
li.btj3 a u{color:#e18f39}
li.btj4 a u{color:#c23d34}
li.btj5 a u{color:#48478b}

#bwrapper {background-color:#fff;float:left;margin-bottom:10px;}

#content li {
	list-style: disc;
	margin:0.3em 0 0.3em 1.5em;
}

#content h3 {
	margin: 2em 0 0.5em 0;
	font-weight:bold;
	font-size: 16px;
	clear:both;
	color:#2382b2;
}
body.osio6 #content h3 {color:#50a059}
body.osio8 #content h3 {color:#e18f39}
body.osio10 #content h3 {color:#c23d34}
body.osio12 #content h3 {color:#48478b}
body.osio6 #content h2 {color:#50a059}
body.osio8 #content h2 {color:#e18f39}
body.osio10 #content h2 {color:#c23d34}
body.osio12 #content h2 {color:#48478b}

h2.pagetitle {color:#2382b2;font-size:14px;}
#content h3 a {color:#002c5c;text-decoration:none;}
#content h3 a:hover {text-decoration:underline;}
#content small {font-size:10px;font-weight:bold;}
#content a {color:#002c5c;}
div.alignleft {text-align:left;float:left;}
div.alignright {text-align:right;float:right;}
a.more-link {display:block;margin:0.5em 0;font-size:11px;}

/* formbuilder-tyylit palaute- ym. lomakkeille */

div.formBuilderInput input {width:250px;border:1px solid #666;}
div.formBuilderLargeTextarea textarea {width:250px;border:1px solid #666;}
div.formBuilderLabelRequired, div.formBuilderLabel {float:left;width:230px;}
div.formBuilderField {clear:left;padding-top:10px;}
div.formBuilderField select {width:250px;border:1px solid #666;}
div.formBuilderSubmit {padding:10px 0 0 230px;}

div.formBuilderFailure {font-size:11px;border:4px solid #c00;background:#f00;color:#fff;padding:0 0 6px 0;margin:10px 0 10px 0}
div.formBuilderFailure h4 {font-size:11px;border-bottom:1px solid #600;background:#c00;color:#fff;padding:2px 10px;margin:0 0 10px 0}
div.formBuilderFailure p, div.formBuilderFailure ul, div.formBuilderFailure li {margin:0;padding:0 10px 0 10px;}
#content div.formBuilderFailure a {color:#fff;text-decoration:none;}
.formBuilderError {color:#f00;font-size:11px;}

div.formBuilderSuccess {border:1px solid #090;background:#0c0;color:#fff;padding:6px;margin:10px 0 10px 0}


/* cform-tyylit */
form.cform input.single {width:250px;border:1px solid #666;}
form.cform textarea {width:250px;border:1px solid #666;}
form.cform label {float:left;width:230px;}
#content form.cform li {list-style:none;margin:0}
form.cform li {clear:left;padding-top:10px;}
form.cform select {width:250px;border:1px solid #666;}
form.cform p.cf-sb {padding:10px 0 0 230px;}
#content p.linklove, #content p.linklove a {display:none;color:#e0e0e0;font-size:9px;}
span.reqtxt, span.emailreqtxt {font-size:10px;color:#999;}
div.failure {font-size:11px;border:4px solid #c00;background:#f00;color:#fff;padding:10px;margin:10px 0 10px 0}
ul.cf_li_text_err li {font-size:11px;color:#f00;}
form.cform legend {display:none}
div.success {border:1px solid #090;background:#0c0;color:#fff;padding:6px;margin:10px 0 10px 0}

#aanestys1 { padding:0 20px 20px 0;}
#extra #aanestys1 h3 {
	background-image: none;
}
p.upm_poll_form_question {font-weight:bold;margin:0 0 1em 0}
label.upm_poll_form_label {float:right;margin:0;display:block;width:140px;}
#extra li.upm_poll_form_list {clear:right;margin:0;padding-top:6px }
#extra li.poll_submit {padding-top:10px;}

/* verkkokaupan julkaisu siirtyy, joten: */
div#extra{padding-bottom:20px;}