/* Tietoset Oy */

@charset "UTF-8";

/* BASICS */

body, html {
	background: #ff8d0a url(images/bkg-main.gif) top center repeat-x;
	margin: 0;
	padding: 5px 0 100px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.93em;
	color: #333;
}

a:link {
	color: #0033cc;
	text-decoration: none;
}

a:visited {
	color: #0033cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

a img {
	border: none;
}







/* HEADER */

#header {
	background: white url(images/newheader/bkg-top-plain.png) top center no-repeat;
	height:120px;
	width:790px;
	padding: 0 0 0 0;
	margin: 0 auto;
}

#header h1 a {
	float:left;
	display: block;
	margin: 0 0 0 10px;
	width: 230px;
	height: 80px;
	text-indent: 500px;
	white-space: nowrap;
	overflow: hidden;
}

#login {
	float:right;
	/*width:137px;*/
	width:141px;
	height: 120px;
	/*margin: 0 2px 0 0;*/
	margin: 0px;
}

#login a.kirjaudu, #login a.unohtunut, #login a.rekisteroidy {
	display: block;
	/*height: 61px;*/
	text-indent: 300px;
	white-space: nowrap;
	overflow: hidden;
}

#login a.kirjaudu {
	height: 19px;
	margin: 0 0 0 0;
	background: url(images/newheader/login-button.png) center center no-repeat;
}
#login a.unohtunut {
	height: 19px;
	margin: 0 0 0 0;
	background: url(images/newheader/password-button.png) center center no-repeat;
}
#login a.rekisteroidy {
	height: 82px;
	margin: 0 0 0 0;
	background: url(images/newheader/register-button-5.png) center center no-repeat;
}

#login a.kirjaudu:hover {
	background: url(images/newheader/login-button-hover.png) center center no-repeat;
	}
#login a.unohtunut:hover {
	background: url(images/newheader/password-button-hover.png) center center no-repeat;
	}
#login a.rekisteroidy:hover {
	background: url(images/newheader/register-button-5-hover.png) center center no-repeat;
	}
/*
#login a.valmistajille {
	margin: 0;
	background: url(images/valmistajille.gif) center center no-repeat;
}

#login a.ostajille {
	margin: 0;
	background: url(images/ostajille.gif) center center no-repeat;
}

#login a.valmistajille:hover {
	background: url(images/valmistajille-hover.gif) center center no-repeat;
	}

#login a.ostajille:hover {
	background: url(images/ostajille-hover.gif) center center no-repeat;
}
*/






/* MAIN NAVIGATION */

#mainnavigation {
	background: white url(images/bkg-navi.gif) top center no-repeat;
	text-align: center;
	text-transform: uppercase;
	padding: 9px 0 0 0;
	min-height:40px;
	width:790px;
	margin: 0 auto;
}

#mainnavigation a {
	clear:both;
	text-decoration: none;
	margin: 8px 0 0 0;
	padding: 8px 16px;
	background: white url(images/bkg-navi-element.gif) center center repeat-x;
	border: 1px solid #2961a7;
}

#mainnavigation a:hover {
	text-decoration: underline;
}

#mainnavigation a.middle {
	border-left-style: none;
	border-right-style: none;
}

#mainnavigation a.selected {
	background: #ff8d0a url(images/bkg-navi-element-selected.gif) center center repeat-x;
	color: white;
	font-weight: bold;
}







/* CONTENT AREA */
/* THE MAIN CONTENT (to right) */

#contentcontainer {
	padding: 26px 0 40px 0;
	background: white url(images/bkg-content.gif) top center repeat-y;
	min-height:400px;
	width:790px;
	margin: 0 auto;
}

#content {
	width: 500px;
	line-height: 1.5em;
	margin: 0 26px 0 0;
	float: right;
}

/* 2 palstaa sisältöalueelle */
.vasenpalsta {
	float: left;
	margin: 0;
	width: 230px;
	/*text-align: justify;*/
}

.oikeapalsta {
	float: right;
	margin: 0;
	width: 230px;
	/*text-align: justify;*/
}

#content a {
	text-decoration: underline;
}

#content h2 {
	margin: 0;
}

#content h3, img {
	margin: 20px 0 5px 0;
}
	
p.osiotarkenne {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #aaa;
}

p#taitokanta,  p#tietokanta {
	margin: 10px 0 5px 0;
	font-size: 1.05em;
	padding: 10px 0 10px 200px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	color: #666;
	line-height: 130%;
}

/*#taitokanta_toimeksianto {
	margin: 10px 0 5px 0;
	font-size: 1.05em;
	padding: 0px 0 10px 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	color: #666;
	/*line-height: 130%;*/
/*}*/

#tietosetfi, #tietokanta_kulta, #tietokanta_platina, #taitokanta_pro, #taitokanta_toimeksianto {
	margin: 10px 0 0px 0;
	font-size: 1.05em;
	padding: 0px 0 0px 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	color: #666;
}

p#taitokanta {
	background: white url(images/content-taitokanta.gif) center left no-repeat;
}

p#tietokanta {
	background: white url(images/content-tietokanta.gif) center left no-repeat;
}

#content p .yhteystieto {
	margin-left: 20px;
	float: left;
	display: block;
	width: 8em;
}

.hakutulos {
	border-top: 1px solid #9b9b9b;
	background: #f2f2f2;
	padding: 15px 20px 20px 20px;
}

.hakutulos p {
	margin: 6px 0 6px 0;
}

#hinnastoikkuna {
	width: 500px;
	height: 550px;
	border: none;
	scroll: auto;
}

#tilausikkuna {
	width: 500px;
	height: 550px;
	border: none;
	scroll: auto;
}

#yhteydenottoikkuna {
	width: 500px;
	height: 550px;
	border: none;
	scroll: auto;
	frameborder: 0;
}

#rekisterointi-ikkuna{
	width: 300px;
	height: 420px;
	border: none;
	margin-left:-15px;
}

#rekisterointi-ikkuna-nojavascript{
	font-size: 9pt;
}

#testimonialikkuna {
	width: 500px;
	height: 200px;
	border: none;
	scroll: auto;
}

#tilaatestimonialikkuna {
	width: 500px;
	height: 200px;
	border: none;
	scroll: auto;
}

#registerikkuna {
	width: 500px;
	height: 600px;
	border: none;
	scroll: auto;
}

#tyotarjousikkuna {
	width: 500px;
	height: 900px;
	/*height: auto; */
	border: none;
	scroll: auto;
	frameborder: 0 /* for ie*/
}

#jatatyoikkuna {
	width: 500px;
	height: 850px;
	border: none;
	scroll: auto;
	frameborder: 0 /* for ie*/
}

#ukkikkuna {
	width: 500px;
	height: 850px;
	border: none;
	scroll: auto;
	frameborder: 0 /* for ie*/
}

p#yhteystieto {
	margin: 5px 0 5px 0;
	font-size: 1.05em;
	padding: 5px 0 5px 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	color: #666;
	line-height: 130%;
}
p#yhteystieto2 {
	margin: 5px 0 5px 0;
	font-size: 1.05em;
	padding: 5px 0 5px 20px;
	/*border-top: 1px dotted #ccc; */
	border-bottom: 1px dotted #ccc;
	color: #666;
	line-height: 130%;
}
p#yhteystieto img {
	float: right;
}
p#yhteystieto2 img {
	float: right;
}

p#tiedote {
	margin: 5px 0 5px 0;
	font-size: 1.05em;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #ccc;
	color: #666;
	line-height: 130%;
}

p#referenssi {
	margin: 5px 0 5px 0;
	font-size: 1.05em;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #ccc;
	color: #666;
	line-height: 130%;
}

p.punainen {
	margin: 0 0 0 0;
	font-size: 1.05em;
	padding: 0 0 0 0;
	color: #e30a16;
}






/* CONTENT AREA */
/* SUBNAVIGATION IN CONTENT AREA (to left) */

#subnavigation {
	width: 223px;
	margin: 0 0 0 9px;
	float:left;
}

#subnavigation dl {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#subnavigation dl dt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}

#subnavigation dl dt strong {
	display: block;
	margin: 0;
	padding: 9px 0 0 0;
}

#subnavigation dl dd {
	border-top: 1px dotted #999;
	padding: 4px 10px;
	margin: 0;
}
	
#subnavigation dl#ostajatnavi dd {
	border-left: 1px solid #f1848a;
	border-right: 1px solid #f1848a;
}

#subnavigation dl#ostajatnavi dt {
	height: 37px;
	background: white url(images/ostajatnavi-dt-bkg.gif) top center no-repeat;
}

#subnavigation dl#ostajatnavi {
	background: white url(images/ostajatnavi-dl-end.gif) bottom center no-repeat;
}

#subnavigation dl#valmistajatnavi dd {
	border-left: 1px solid #ffc684;
	border-right: 1px solid #ffc684;
}

#subnavigation dl#valmistajatnavi dt {
	height: 37px;
	background: white url(images/valmistajatnavi-dt-bkg.gif) top center no-repeat;
}

#subnavigation dl#valmistajatnavi {
	background: white url(images/valmistajatnavi-dl-end.gif) bottom center no-repeat;
}

#subnavigation dl#tyokalummenavi dd {
	border-left: 1px solid #ffc684;
	border-right: 1px solid #ffc684;
}

#subnavigation dl#tyokalummenavi dt {
	height: 37px;
	background: white url(images/tyokalummenavi-dt-bkg.gif) top center no-repeat;
}

#subnavigation dl#tyokalummenavi {
	background: white url(images/valmistajatnavi-dl-end.gif) bottom center no-repeat;
}

#subnavigation dl#lisatietojanavi dd {
	border-left: 1px solid #f1848a;
	border-right: 1px solid #f1848a;
}

#subnavigation dl#lisatietojanavi dt {
	background: white url(images/muutanavi-dt-bkg.gif) top center no-repeat;
	height: 37px;
}

#subnavigation dl#lisatietojanavi {
	background: white url(images/ostajatnavi-dl-end.gif) bottom center no-repeat;
}

#subnavigation dl#tietosetnavi dd {
	border-left: 1px solid #94b0d3;
	border-right: 1px solid #94b0d3;
}


#subnavigation dl#tietosetnavi dt {
	height: 37px;
	background: white url(images/tietosetnavi-dt-bkg.gif) top center no-repeat;
}

#subnavigation dl#tietosetnavi {
	background: white url(images/tietosetnavi-dl-end.gif) bottom center no-repeat;
}

#subnavigation dd.selected {
	background: #ff8d0a url(images/bkg-navi-element-selected.gif) center center repeat-x;	
}

#subnavigation dd.selected a {
	color: white;
	font-weight: bold;
}

dl#testimonials {
	margin: 40px 0 0 0;
}

dl#testimonials dt {
	padding: 0 0 15px 10px;
	background: white url(images/testimonial-top.gif) bottom center no-repeat;
}
	
dl#testimonials dd {
	padding: 3px 10px 9px 30px;
	background: white url(images/testimonial-quote.gif) top left no-repeat;
	font-weight: bold;
	font-style: italic;
	color: #666;
	border-top-style:none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

dl#testimonials dd small {
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #666;
	margin-top: 10px;
}

#subnavigation dl#testimonials {
	background: white url(images/testimonial-end.gif) bottom center no-repeat;
}

#mihin {
	text-align: left;
	margin: 10px 0 0 0;

}
#mihin p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}

#avainlippu {
	text-align: center;
	margin: 40px 0 0 0;
}

#avainlippu small {
	display: block;
	margin: 10px 0 0 0;
	color: #999;
}







/* FORM ELEMENTS */


.pakollinen {
	background: white url(images/pakollinen-merkki.gif) center right no-repeat;
}

.punainentahti {
	color: red;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 6px;
}


.formline {
	display: block;
	padding: 5px 0 5px 0;
	margin: 5px 0;
}

.teksti {
	/*width: 200px; */
	border: 1px solid #94b0d3;
	background: #f5f5f5 url(images/form-element-bkg.gif) bottom left repeat-x;
	padding: 2px;
}

.valintalaatikko {
	width: 280px;
	border: 1px solid #94b0d3;
	background: #f5f5f5 url(images/form-element-bkg.gif) bottom left repeat-x;
	padding: 2px;
}

.tekstialue {
/*	width: 350px;
	height: 120px;*/
	border: 1px solid #94b0d3;
	background: #f5f5f5 url(images/form-element-bkg.gif) bottom left repeat-x;
	padding: 2px;
}

.nappi {
	background: blue url(images/bkg-button.gif) center left repeat-x;
	padding: 2px 10px 2px 10px;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.nappi_red {
	background: red url(images/bkg-button_red.gif) center left repeat-x;
	padding: 2px 10px 2px 10px;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.nappi2 {
	/* background: blue url(images/bkg-button.gif) center left repeat-x;*/
	padding: 2px 10px 2px 10px;
	border: 0px;
	color: blue;
	text-decoration: underline;
	/*font-weight: bold;
	text-transform: uppercase;*/
}

form {
	margin: 20px 0 20px 0;
}

.otayhteytta label {
	font-size: 1.1em;
	width: 140px;
	display: block;
	float: left;
}

.rfq label {
	font-size: 1.1em;
	width: 140px;
	display: block;
	float: left;
}

.tietokantahaku label {
	font-size: 1.1em;
	width: 150px;
	display: block;
	float: left;
}





/* FOOTER */

#footertop {
	background: white url(images/bkg-footertop.gif) top center repeat-y;
	min-height:50px;
	width:790px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

#footertop p {
	width: 750px;
	margin: 5px 0 0 0;
	padding: 0;
}

#footertop a {
	text-decoration: underline;
}

#footerbottom {
	background: #ff8d0a url(images/bkg-footerbottom.gif) top center no-repeat;
	padding: 40px 0 0 0;
	min-height:50px;
	color: black;
	width:790px;
	margin: 0 auto;
}
	
#footerbottom a {
	text-decoration: underline;
	color: white;
	font-weight: bold;
}

#footerbottom p {
	float: left;
	width: 243px;
}
	
#footerbottom p.pitch {
	padding: 0 20px 0 0;
}

#footerbottom p.links {
	text-align: center;
	padding: 0 10px;
}

#footerbottom p.partner {
	text-align: right;
	padding: 0 0 0 20px;
}

#footerbottom p img {
	padding: 0;
	margin: 9px 0 0 0;
}

#footerbottom #yhteystiedot {
	border-top: 1px solid #7f4605;
	border-bottom: 1px solid #7f4605;
	padding: 5px 0px 0px 0px;
	margin: 15px 0 0 0;
	line-height: 18px;
}

#footerbottom #yhteystiedot p.pl {
	width: 170px;
}
	
#footerbottom #yhteystiedot p.pl strong {
	font-size: 1.2em;
}

#footerbottom #yhteystiedot p.kayntiosoite {
	width: 224px;
}
	
#footerbottom #yhteystiedot p.puh {
	width: 170px;
}

#footerbottom #yhteystiedot p.sposti {
	text-align: right;
	width: 224px;
}





/* INDEX PAGE SPECIAL */


#etusivu {
	width: 788px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
}

#etusivu .intro {
	text-align: center;
	padding: 0 100px 25px 100px;
	margin: 0;
	font-size: 1.5em;
	line-height: 30px;
	background: white url(images/bkg-etusivu-intro.jpg) center bottom no-repeat;
	font-weight: normal;
}

#etusivu .campaignPageTexts {
	text-align: center;
	color: #ff8d0a;
	padding: 0 100px 25px 100px;
	margin: 0;
	font-size: 1.5em;
	line-height: 30px;
	font-weight: bold;
}

#etusivu .intro strong {
	font-size: 1.2em;
	font-weight: bold;
}

#etusivu .tuotteet {
	/*min-height: 20em;*/
	/*background: white url(images/bkg-etusivu-tuotteet.jpg) center top no-repeat;	*/
}

#etusivu .tuotteet #tuotteetgeneral {
	margin: 0 89px 15px 89px;
}

#etusivu #valmistajat {
	float: left;
	width:329px;
	margin: 0 26px 20px 59px;
	padding: 0;
}

#etusivu #ostajat {
	/*width:261px;*/

	width:329px;
	float: left;
}

#etusivu h3 {
	font-size: 1.5em;
	margin:10px 0 0 0;
	padding: 15px 0 5px 0;
}


#etusivu #valmistajat h3 {
	/*background: url(images/bkg-etusivu-tieto.gif) right center no-repeat;
	border-bottom: 1px solid #ff8d0a;*/
}

#etusivu #ostajat h3 {
	/*background: url(images/bkg-etusivu-taito.gif) right center no-repeat;
	border-bottom: 1px solid #e30a16;*/
}

#etusivu h4, #etusivu p {
	margin: 8px 0 0 0;
	padding: 0;
}

#etusivu p.linkit a {
	background: url(images/bkg-etusivu-linkkinuoli.gif) left center no-repeat;
	padding: 0 0 0 10px;
	line-height: 1.8em;
	font-weight: bold;
}

#etusivu .lisaatuotteista {
	clear:both;
	text-align:center;
	padding-top: 15px;
}

#etusivu .kotimainen {
	margin: 20px 0 0 0;
	padding: 0 120px 25px 130px;
	color: #555;
	font-size: 0.9em;
	line-height: 1.7em;
}

#etusivu img {
	padding: 0 30px 0 0;
	margin: 0;
	float: left;
}

.buyerlink {
	display:block;
	width : 160px;
	height : 70px;
	background-image : url('./images/buyerbutton.png');
}

.buyerlink:hover {
	display:block;
	width : 160px;
	height : 70px;
	background-image : url('./images/buyerbutton-hover.png');
}

.supplierlink {
	display:block;
	float:right;
	width : 160px;
	height : 70px;
	background-image : url('./images/supplierbutton.png');
}

.supplierlink:hover {
	display:block;
	width : 160px;
	height : 70px;
	background-image : url('./images/supplierbutton-hover.png');
}

/* HINNASTO */

.ominaisuudetvas {
	float: left;
	margin: 0;
	width: 230px;
}

.ominaisuudetoik {
	float: right;
	margin: 0;
	width: 230px;
}

.solu {
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #ccc; 
}

.solu strong {
	font-size: 1.3em;
}

.solu form {
	margin: 0;
}

.lisatiedot p {
	font-size: 0.8em;
	padding: 0;
	margin: 6px 0 0 0;
}

.lataa {
	padding: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.lataa img {
	float:left;
	margin: 0 10px 0 0;
}

.viivaton {
	border: none;
}




/* MISC */

.hidden, hr {
	display: none;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
}

.centertext	 {
	text-align: center;
}

img.floatRight {
	float: right;
}

img.floatLeft {
	float: left;
	margin-right: 15px;
}

/*.tryItContent {
	text-align: center;
	padding: 0 100px 25px 100px;
	margin: 0;
	font-size: 1em;
	line-height: 130%;
}*/

.tryItForm {
	font-size: 0.8em;
	line-height: 1.2em;
}

.tryItIntro {
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	padding: 0 100px 0 100px;
}

#tour{
	width: 788px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
}

.tournavigation {
	text-align:center;
}

#tour .kotimainen {
	margin: 20px 0 0 0;
	padding: 0 120px 25px 130px;
	color: #555;
	font-size: 0.9em;
	line-height: 1.7em;
}

#tour .kotimainen img {
	padding: 0 30px 0 0;
	margin: 0;
	float: left;
}

#tourcontent {
	padding: 5px 50px 10px 50px;
	text-align:center;
}

#tourcontent h3 {
	margin: 0;
	padding:0;
}

.tournavigation img{
	margin: 0px;
	padding: 0px;
}

#tourcontent #vasenpalsta {
	text-align:left;
	float: left;
	width: 335px;
	padding: 0 8px 0 0px;
}

#tourcontent #oikeapalsta {
	text-align:left;
	float: left;
	width:300px;
	padding: 0 0px 0 8px;
}

#tour .tryItFormHeader{
	display: none;
}


/* ANNOUNCEMENTS */

div.announcement div.announcement_date {
	float:right;
	font-size: 70%;
}

div.announcement div.announcement_header {

}

div.announcement div.announcement_body {
	clear:both;
}

div.announcement hr {
	border-top: 1px dotted #aaaaaa;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	display: block;
}

/* THE END */