/* Tikkurila Tyylisaitti CSS Document 10/2009 */

body {
	background:url(../images/style_site/bg.gif) top center repeat-x #cbcbcb;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
}

body.contentbg {
	background-color:#fff;
	background-image:none;
	text-align:left;
}

form {
	margin:0;
	padding:0;
}

.notpublic {
	color:#f81c1c !important;
}

img {
	border:0;
}

br.eoc {
	font-size: 0;
	height:0;
}


/* Common elements */

div.stylebox {
	width:950px;
	height:634px;
	margin:0 auto;
	margin-top:58px;
	text-align:left;
	padding:0 25px;
}

div.stylefooter {
	background:url(../images/style_site/bg_footer.gif) top left no-repeat;
	width:950px;
	height:53px;
	position:relative;
}

div.stylesocial {
	width:557px;
	height:37px;
	position:absolute;
	top:-37px;
	left:198px;
}

div.stylesocial a.sendlink {
	float:left;
	display:block;
	margin-right: 5px;
}

div.stylesocial a.sendlink img {
	width: 22px;
	height: 18px;
}

div.stylesocial div.blockmargin {
	background:url(../images/style_site/socialbox.png) top left no-repeat;
	padding:12px 12px 0 70px;
	text-align: center;
	width:545px;
	height:25px;
}

div.stylesocial span {
	margin-right:6px;
}

div.stylesocial a.addthis_button_facebook_like {
	margin-left:5px;
	margin-top:-2px;
}

div.stylesocial a {
	color:#000;
	font-size:13px;
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
}

div.stylesocial img {
	vertical-align:middle;
}

div.stylesocial a:hover {
	text-decoration:underline;
}

div.stylesocial a.moresocial {
	font-size:11px;
}

div.tikkurila_logo {
	text-align:right;
	width:950px;
}


/* Frontpage template */

div.stylefront {
	background:url(../images/style_site/bg_frontp.jpg) top left no-repeat;
	width:950px;
	height:539px;
}

div.stylefront div.stylecontent {
	padding:95px 0 0 63px; 
}

h1.addtext {
	font-weight:normal;
	font-size:23px;
	line-height:27px;
	color:#fff;
	text-transform:uppercase;
	width:510px;
	height:68px;
	margin:0;
	padding:0;
	overflow:hidden;
}

div.stylefront div.blockmargin {
	margin:35px 0 0 212px;
	width:380px;
	height:138px;
	overflow: auto;
}

div.stylefront div.blockmargin .content {
	width:360px;
	height:123px;
	overflow:auto;
}

div.stylefront div.stylebuttons {
	width:887px;
	position:relative;
}

div.stylebuttons div.styletest {
	position:absolute;
	width:223px;
	height:86px;
	top:20px;
	left:352px;
}

div.stylebuttons div.stylecontest {
	position:absolute;
	width:203px;
	height:93px;
	top:50px;
	left:410px;
}

div.stylebuttons div.styletest img, div.stylebuttons div.stylecontest img, div.stylebuttons div.stylebrowse img {
	width: 100%;
	height: 100%;
}

div.stylebuttons div.stylebrowse {
	position:absolute;
	width:195px;
	height:52px;
	top:-40px;
	left:616px;
}


/* Default template */

div.styledefault {
	background:url(../images/style_site/bg_defaultp.jpg) top left no-repeat;
	width:950px;
	height:539px;
}

div.styledefault div.stylecontent {
	padding:24px 0 0 0; 
}

div.styledefault h1.addtext {
	background:url(../images/style_site/h1_default.png) top left no-repeat;
	width:222px;
	height:128px;
	padding:30px 20px 20px 25px;
	font-size:27px;
	line-height:30px;
}

.sIFR-active h1.addtext {
	visibility: visible !important;
}

div.styledefault div.blockmargin {
	margin:10px 0 0 37px;
	height:200px;
	width:220px;
	overflow: auto;
}

div.styledefault div.blockmargin .content {
	width:200px;
	height:178px;
	overflow:auto;
}

div.styledefault .blockmargin br {
	display: none;	
}

div.styledefault .blockmargin .content br {
	display: inline;
}

div.styledefault div.stylebuttons {
	width:200px;
	margin:0 0 0 37px;
	position:relative;
}

div.rightcontent {
	float:right;
	width:670px;
	height:445px;
}

div.styledefault div.rightcontent div.blockmargin {
	padding:10px 0 0 0;
	margin:0;
	width:670px;
	height:445px;
	overflow:auto;
}

div.styledefault div.rightcontent div.blockmargin .content {
	width:670px;
	height:430px;
	overflow:auto;
}

/* Blank template */
div.styleblank {
	width:948px;
	height:539px;
}

div.styleblank .blockmargin {
	padding: 0px;
	margin: 0px;
	overflow:auto;
}

div.styleblank .blockmargin .content {
	padding: 0px;
	margin: 0px;
	overflow:auto;
}

div.footer_back {
	position: relative;
	top: -40px;
}

/* Wide template */

div.stylewide {
	background:url(../images/style_site/bg_form.jpg) top left no-repeat;
	width:950px;
	height:539px;
}

div.stylewide div.stylecontent {
	padding:48px 0 0 170px; 
}

div.stylewide h1.addtext {
	width:560px;
	height:32px;
	overflow:hidden;
	font-size:27px;
	line-height:30px;
}

div.stylewide .blockmargin {
	padding:40px 170px 0 0;
	width:630px;
	height:328px;
	overflow:auto;
}

div.stylewide .blockmargin .content {
	width:610px;
	height:326px;
	overflow:auto;
}


/* Form template */

div.styleform {
	background:url(../images/style_site/bg_afterform.jpg) top left no-repeat;
	width:950px;
	height:539px;
}

div.styleform div.stylecontent {
	padding:233px 0 0 301px;
}

div.styleform div.blockmargin {
	width:344px;
	height:108px;
	text-align:center;
}

div.styleform div.blockmargin p {
	font-size:18px;
	color:#000;
	padding:17px 0;
	margin:0;
}


/* Content */

.content, .content p {
	color:#3e3e3e;
	font-size:13px;
	line-height:16px;
	margin:0;
}

.content hr {
	border: 0px;
	border-bottom: 1px solid #aaa;
	height: 1px;
}

.content h1 {
	font-size: 20px;
	font-weight:normal;
	line-height:normal;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#d34736;
}

.content h2 {
	font-size: 16px;
	font-weight:normal;
	line-height:normal;
	margin:0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#d34736;
}

.content h3 {
	font-size: 14px;
	font-weight:normal;
	line-height:normal;
	margin:0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#d34736;
}

.content a {
	text-decoration:underline;
	color:#1e8ecc;
}

.content a:hover {
	text-decoration:none;
}

div.content_image_caption {
	font-size: 11px;
	padding:10px 10px 15px 10px;
	line-height:normal;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#666;
	background:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.content table.p4table {
	font-size: 11px;
	line-height: 14px;
	color:#000;
}

.content td {
	vertical-align:top;
}

form.p4form table {
	margin:0 0px 5px 0px;
	width:94%;
	border-collapse:collapse;
}

form.p4form td {
	padding:4px 8px 4px 8px;
	vertical-align:top;
}

form.p4form span {
	white-space:nowrap;
	margin-right:10px;
}

form.p4form p.error {
	color: red;
}

.content form.p4form tr.form_heading td {
	padding:2px 0;
}

.content form.p4form tr.form_heading h2 {
	margin:12px 0 0 0;
	font-size: 14px;
	border-top:1px solid #bbb;
	background:url(../images/small_gradient_top.gif) top repeat-x #fff;
	padding:10px 8px 6px 8px;
}

.content form.p4form p {
	margin:10px 0 7px 0;
	border-top:1px dotted #999;
	padding-top:8px;
}

.content form.p4form p.required {
	margin:0;
	border:0;
	padding:0;
}

.content textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:2px;
}

.content input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:2px;
}

.content img {
	margin:0;
}

img.contentbaricon,img.contentstateicon {
	border:none;
	margin:3px;
}

.content img[align="left"] {
	margin-left:0px;
}

.content img[align="right"] {
	margin-right:0px;
}


/* Attachments */

a.attachment, a.file {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 24px;
	}

a.file { background-image:url(../aimg/icons/file.gif); }
a.pdf { background-image:url(../aimg/icons/pdf.gif); }
a.txt { background-image:url(../aimg/icons/txt.gif); }
a.jpg { background-image:url(../aimg/icons/jpg.gif); }
a.gif { background-image:url(../aimg/icons/gif.gif); }
a.zip { background-image:url(../aimg/icons/zip.gif); }
a.word { background-image:url(../aimg/icons/word.gif); }
a.powerpoint { background-image:url(../aimg/icons/powerpoint.gif); }
a.excel { background-image:url(../aimg/icons/excel.gif); }
a.rtf { background-image:url(../aimg/icons/rtf.gif); }
a.dp { background-image:url(../aimg/icons/dp.gif); }
a.tuoteseloste { background-image:url(../images/tuoteseloste.gif); }

.content_image a.attachment, .content_image a.file, .content_image a.jpg, .content_image a.gif {
	background: none;
	padding: 0px;
}


/* Custom Form */

div.stylewide .blockmargin .content div.customform {
	width:610px !important;
	height:326px !important;
}

div.customform table {
	border-collapse:collapse;
	font-size:12px;
	line-height:normal;
}

div.customform td.custom_left {
	width:328px;
	vertical-align:top;
}

div.customform td.custom_right {
	width:270px;
	vertical-align:top;
}

.content div.customform p {
	line-height: 15px;
	margin:10px 0 1px 0;
}

.content div.customform input, .content div.customform textarea {
	font-size:11px;
	line-height:normal;
	margin:0;
	padding:1px;
	color:#555;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.content div.customform span {
	vertical-align:middle;
	margin:0 10px 0 0;
	padding: 0px;
	border: 0px;
	position: relative;
	height: 13px;
}

.content div.customform span input {
	margin-right:2px;
	vertical-align:middle;
	padding: 0px;
	line-height: 10px;
	border: 0px;
	position: relative;
	height: 13px;
}

input.input_tiny {
	width:100px;
}

input.input_small {
	width:160px;
}

input.input_normal {
	width:329px;
}

.content p.infomessage {
	color:#880000;
	font-size:11px;
	width:160px;
}

.content p.form_newsletter {
	padding:3px 5px;
	background-color:#e8e6da;
	width:328px;
}

div.form_sendbutton {
	margin-top:5px;
}

div.formcontrol {
	margin-top:20px;
	color:#494949;
}

div.customform div.formcontrol span {
	margin-right:50px;
}

div.formcontrol a {
	color:#494949;
	text-decoration:none;
}

div.formcontrol a:hover {
	text-decoration:underline;
}


/* sIFR */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt;
  padding: 0pt;
  overflow: auto;
  letter-spacing: 0px;
  float: none;
}

.sIFR-active .content h1 { visibility:hidden; }

.sIFR-active h1.addtext { visibility:hidden; }


/*facebook share button*/

.share {
	background: none;
}

.share:hover {
	background: none;
}


/* Themes */

div.themes {
	width:629px;
	height:426px;
	position:relative;
}

div.themeitem {
	float:left;
	position: relative;
	width:214px;
	height:213px;
	margin:0 0 0 60px;
	background:url(../images/style_site/theme_bg.png) top left no-repeat;
}

div.themepic {
	padding:14px;
}

div.personaltheme {
	position:absolute;
	z-index:2;
	top:106px;
	left:137px;
}



/* Test results */

div.themeitem div.styletest_results, div.themeitem div.styletest_results1, div.themeitem div.styletest_results2, div.themeitem div.styletest_results3, div.themeitem div.styletest_results4 {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	width:214px;
	margin:0 auto;
}

div.styletest_results {
	top:50px;
}

div.styletest_results1 {
	top:15px;
	left: 15px
}

div.styletest_results2 {
	text-align: right;
	top:15px;
	right:18px;
}

div.styletest_results3 {
	top:178px;
	left:14px;
}

div.styletest_results4 {
	text-align: right;
	top:178px;
	right:18px;
}

div.personaltheme div.styletest_results {
	right:18px;
}

div.styletest_results a, div.styletest_results1 a, div.styletest_results2 a, div.styletest_results3 a, div.styletest_results4 a {
	text-decoration: none;
	color:#fff;
	font-weight:bold;
	padding:2px 8px;
}

div.styletest_results span {
	top: -15px;
	margin-right:10px;
	position: relative;
}

div.styletest_results a.herkka_haaveilija {
	background:url(../images/style_site/topbar_herkka_haaveilija.gif) left no-repeat;
}

div.styletest_results .generic {
	background:url(../images/style_site/topbar_generic.gif) left no-repeat;
	z-index:1000;
	position:relative;
}

div.themeitem a.generic {
	background:none;
	background-color:#999;
}

div.themeitem div a.herkka_haaveilija {
	background:none;
	background-color:#b3cceb;
}

div.styletest_results a.luova_seikkailija {
	background:url(../images/style_site/topbar_luova_seikkailija.gif) left no-repeat;
}

div.themeitem div a.luova_seikkailija {
	background:none;
	background-color:#a20d61;
}

div.styletest_results a.aitouden_etsija {
	background:url(../images/style_site/topbar_aitouden_etsija.gif) left no-repeat;
}	

div.themeitem div a.aitouden_etsija {
	background:none;
	background-color:#8c8d63;
}

div.styletest_results a.moderni_pelkistaja {
	background:url(../images/style_site/topbar_moderni_pelkistaja.gif) left no-repeat;
}

div.themeitem div a.moderni_pelkistaja {
	background:none;
	background-color:#a8cfee;
}

div.styletest_results a.valikoiva_nautiskelija {
	background:url(../images/style_site/topbar_valikoiva_nautiskelija.gif) left no-repeat;
}

div.themeitem div a.valikoiva_nautiskelija {
	background:none;
	background-color:#2b2c30;
}

div.topbox {
	position:relative;
	width:950px;
	height:0;
}

div.topbox[class] {
	height:10px;
}

div.backbutton {
	position:absolute;
	width:950px;
	margin:0 auto;
	text-align:right;
	top:20px;
}

div.allstyles {
	float:right;
	position:relative;
	right: 20px;
}

div.allstyles select {
	margin:0;
	padding:0;
	position:relative;
	z-index:2;
	width:180px;
}

div.comp_banner {
	position:absolute;
	bottom:-4px;
	left:847px;
}

div.topbox .styletest_results {
	margin:0;
	padding:0;
	width:auto;
	top:-18px;
	bottom:0;
	position:relative;
}

div.topbox div.styletest_results span {
	top:0;
	margin-right:10px;

}

.stylefooter .flash_chipinfo {
	position: relative; 
	top: 20px; 
	left: 20px;
}


.blockmargin span.mainbottom_buttonitem {
	display: inline; float: left;
}