/* CONTENT STYLES */

body, p, td p, li, code {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

p {
	margin-top: 0;
	margin-bottom: 1.0em;
}


a, a:link, a:visited {
	color : #c20318;
	font-weight: normal;
	text-decoration : underline;
}
a:hover, a:active {
	color : #c20318;
	font-weight: normal;
	text-decoration: underline;
}

.linktext {
	color : #c20318;
	font-weight: normal;
	text-decoration: none;
}


td.maincontents {
	letter-spacing: normal;
}



img {
	border: 0;
}




/* Headings */
h1, h2, h3, h4 {
	margin: 0 0 10px 0;
	letter-spacing: normal;
}

h1, h2, h3 {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
}

h1 {
	font-size: 28px;
	font-weight: normal;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size : 12px;
}

h4 {
	color: Black;
	font-size: 11px;
}

h1.contactpagetitle {
	font-size: 30px;
	font-weight: normal;
}

.h1subtitle {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color: #333333;
}

fieldset {
	border: solid 1px #999999;
	padding: 8px;
	background-color: #F8F8F8;
}

legend {
	color: #707070;
	font-size : 12px;
	font-weight: bold;
}

/* Yleiset asemointimaaritykset */
.left {
	text-align : left;
}
.center {
	text-align : center;
}
.right {
	text-align : right;
}


.error {
	color: Red;
}

.note {
	font-size: 10px;
}

.required {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c00000;
	font-weight: bold;
	font-size: 11px;
}

.offline {
	color: Gray;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


/* Form Styles */
input, textarea, formfield, button, select {
	background-color: White;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333; 
	font-weight: normal;
	border: solid 1px #999999;
}

input.button {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	background-color: #adc836;
	color : Black;
	border: 0;
	font-weight: normal;
	font-size: 12px;
	padding: 2px 6px 2px 6px;
}


.noborder, input.noborder, #maincontentarea .noborder {
	border: 0;
	background-color: transparent;
}



.deleted, h1.deleted, a.deleted, a.deleted:link, a.deleted:visited {
	text-decoration: line-through;
}

a.deleted:hover, a.deleted:active {
	text-decoration: line-through;
}


/* Page image styles */
td.pageimageright {
	padding: 0 0 0 20px;
	text-align: right;
}

td.pageimage {
	padding: 0;
}

/* Page image text styles */
td.pageimagetext {
	vertical-align: bottom;
	padding: 0 0 0 10px;
	letter-spacing: normal;	
}

td.pageimagetext p {
	margin: 0 0 0.6em 0;
	letter-spacing: normal;	
}



/* Content Section Styles */
td.pagesectioncell, td.maincontents td.pagesectioncell {
	padding: 0;
}

td.imagesleft {
	padding-right: 10px;
}
td.imagesright {
	padding-left: 10px;
}


table.imgwrapperleft {
	margin: 0 auto 1em 0;
}
table.imgwrappercenter {
	margin: 0 auto 1em auto;
}
table.imgwrapperright {
	margin: 0 0 1em auto;
}

table.left {
	margin: 0 auto 0 0;
}
table.center {
	margin: 0 auto 0 auto;
}
table.right {
	margin: 0 0 0 auto;
}



.kuvateksti {
	font-size: 11px;
	color: #333333;
	margin-top: -0.9em;
	margin-bottom: 1em;
}

/* Section images printed with div */
.sectionimageleft {
	float: left;
	padding-right: 10px;
}
.sectionimageright {
	float: right;
	padding-left: 10px;
}
.sectionimageleft img, .sectionimageright img {
	padding: 0;
}



/* Images with thumb border */
.thumbborder, img.thumbborder, td.maincontents img.thumbborder {
	border: 1px solid Black;
}

.thumbborderinvisible, img.thumbborderinvisible, td.maincontents img.thumbborderinvisible {
	border: 1px solid White;
}

.thumbborderactive, img.thumbborderactive, td.maincontents img.thumbborderactive {
	border: 2px solid Black;
}

.thumbborderinactive, img.thumbborderinactive, td.maincontents img.thumbborderinactive {
	border: 2px solid White;
}



/* Notification Box Styles */
td.huombox {
	background-color: #D8EAFB;
	border: 1px solid #003466;
	/* background-color: #FFD9DF;
	border: 1px solid #cc0000; */
	padding: 10px;
	vertical-align: middle;
}
td.huombox p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

td.notice {
	background-color: #FBEDBB;
	border: 1px solid #999999;
	padding: 10px;
	vertical-align: middle;
}
td.notice p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #333333;
}




/* Image Teaser Styles */
#imageteaser {
	float: left;
	padding: 0;
	margin: 0;
}

td.colored {
	background-color: #F0F0F0;
}


/* Article attachment styles */
table.attachments {

}

table.attachments td {
	padding: 2px 5px 2px 5px;
}

table.attachments td.header {
	background-color : transparent;
}

table.attachments td.header {
	padding : 2px;
	border-bottom: 1px solid Gray;
}

table.attachments td p, table.attachments td.header p {
	margin: 0px;
}

table.attachments td.header p {
	color : Black;
	font-size : 11px;
	font-weight: bold;
}

table.attachments td.header a, table.attachments td.header a:link, table.attachments td.header a:visited {
	color : White;
	font-weight: bold;
	text-decoration : underline;
}
table.attachments td.header a:hover, table.attachments td.header a:active {
	color : White;
	font-weight: bold;
	text-decoration : none;
}



/* Contact page styles */
td.contactinfomain {
	padding: 30px 0 0 30px;
}
td.contactinfocell {
	padding: 0 0 0 70px;
}

.contactcompany, p.contactcompany {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 16px;
}

.contactinfo, p.contactinfo {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

td.personalinfowrapper {
	padding: 30px 0 0 0;
	vertical-align: middle;
}

td.contactperson {
	padding: 0 8px 8px 0;
}



/* News styles */
h1.articlepage {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 28px;
	color: #e1007a;
	font-weight: normal;
}

h2.newslist {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-weight: bold;
	margin: 0;
}


a.newslink, a.newslink:link, a.newslink:visited {
	color : #e1007a;
	font-weight: normal;
	text-decoration : underline;
}
a.newslink:hover, a.newslink:active {
	color : #e1007a;
	font-weight: normal;
	text-decoration: underline;
}
a.newslinkactive, a.newslinkactive:link, a.newslinkactive:visited {
	color : #9f9f9f;
	font-weight: normal;
	text-decoration : underline;
}
a.newslinkactive:hover, a.newslinkactive:active {
	color : #9f9f9f;
	font-weight: normal;
	text-decoration: underline;
}


h1.articletitle {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #e1007a;
	font-weight: bold;
}

/* Event calendar styles */
h3.calendarmonth {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #e1007a;
	font-weight: bold;
	margin: 0;
}

/* lomakesivujen lisatyyleja */
table.lomaketable input {
	margin-top: 0;
	margin-bottom: 3px;
}
table.lomaketable p {
	margin-top: 0;
	margin-bottom: 0;
}
table.spessu input {
	margin-top: 0;
	margin-bottom: 0;
}
table.spessu td {
	height: 10px;
}	
table.spessu p {
	margin-top: 3px;
	margin-bottom: 2px;
}
table.spessu p.nobottom {
	margin-top: 5px;
	margin-bottom: 0;
}
table.spessu2 {
	margin-top: 6px;
	margin-bottom: 0;
}
table.spessu2 td {
	height: 10px;
}
table.spessu2 input {
	margin-top: 0;
	margin-bottom: 0;
}
table.spessu2 p {
	margin-top: 0;
	margin-bottom: 0;
}
table.spessu2 p.nobottom {
	margin-top: 5px;
	margin-bottom: 0;
}
p.someleft {
	margin-left: 3px;
}

/* DOOR MODEL PAGES */

table.door_model_content
{
   width: 800px;
   border-collapse: collapse; 
  
}

table.door_model_content td
{
    vertical-align: top;
}

table.door_model_content h2
{
    color: #E35391;
    font-size: 16px;
}

table.door_model_content h1
{
    font-size: 20px;
}

table.door_model_content td.door_model_default
{
    width: 216px;
    text-align: left;
    padding-left: 20px;
}
table.door_model_content td.door_model_default h2
{
    margin-right: 10px;
}
table.door_model_content td.door_model_default p
{
    margin-right: 10px;
}

table.door_model_content td.door_model_images
{
    width: 230px;
    text-align: center;
    padding: 0 0 0 0;
}

table.door_model_content td.door_model_description
{
    /*width: 334px; */
    width: 285px;
    text-align: left;
	padding: 0;	
}

table.door_model_content td.door_model_description p a:link,
table.door_model_content td.door_model_description p a:visited,
table.door_model_content td.door_model_description p a:hover,
table.door_model_content td.door_model_description p a:active
{
    color: #e35391;
	text-decoration: none;
}
table.door_model_content td.door_model_description p a:hover,
table.door_model_content td.door_model_description p a:active
{
	text-decoration: underline;
}

table.door_model_content td.door_model_description p.colorheader
{
    font-weight: bold;
    padding-top: 10px;
}

table.door_color_table td 
{
    padding-right: 4px;
	padding-bottom: 5px;
}

table.door_color_table td.color_text
{
    vertical-align: bottom;
}

div#colorTextContainer
{
    position: relative;
	width: 285px;
}

div#colorTextContent
{
    position: absolute;
    right: 0;
    top: 45px;    
}
div#oikea_sisalto {
	position: relative;
	height: 285px;
}
div#oikea_sisalto #tekstit {
	position: absolute;
	top: 0;
	left: 0;
	height: 160px;
	overflow: hidden;
}
div#oikea_sisalto #varikuvat {
	position: absolute;
	top: 188px;
	left: 0;
	height: 122px;
	overflow: hidden;
   
}

table.door_image_slider
{
    margin-top: 10px;
    width: 800px;
    height: 118px;
    background-color: #E5E5E5;
}

table.door_image_slider td.left_end
{
    width: 7px;
    background: #fff url('../templates/images/vas_pyor.png') no-repeat top left;
 
}
table.door_image_slider td.image_slider_left_arrow
{
    width: 19px;
    text-align: left;
    vertical-align: middle;
   
}

table.door_image_slider td.image_slider_content
{

    text-align: left;
    vertical-align: middle;
    background-color: #E5E5E5;
}

table.door_image_slider td.image_slider_right_arrow
{
    width: 19px;
    text-align: right;
    vertical-align: middle;
  

}
table.door_image_slider td.right_end
{
    width: 7px;
    background: #fff url('../templates/images/oik_pyor.png') no-repeat top right;
 
}

div#door_model_container
{
    position: relative;
    width: 740px;
    left: 0;
    top: 0;
    height: 104px;
	overflow: hidden;
}

div#door_model_content_area
{
    position: absolute;
    top: 0;
    left: 0;
    width: 740px;
}

table.door_thumb_images table.last_thumb
{
    margin-right: 0;
}

table.door_thumb_images td.door_model_thumb  {   
    vertical-align: middle;
    background-color: #E5E5E5;
}
table.door_thumb_images td.door_model_thumb img  {   
    vertical-align: middle;
}

table.door_thumb_images {
    text-align: center;
    margin: 0 auto;
}

table#door_thumb_images {

    text-align: left;
    margin-left: 0 !important;
}

table.door_thumbs
{
    margin: 0 1px 5px 1px;
}

table.door_thumbs td.thumb_on_center
{
    background-color: #C9D88C;
}



/* osallistu kilpailuun -lomake */
table.kilpailulomake_valinnat td {
	padding-bottom: 3px;
}
table.kilpailulomake_valinnat input {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	width: 15px;
	height: 15px;
	margin-left: -1px;
}
/*
.checkbox{
	width: 15px;
	height: 15px;
	padding: 0;
	background: url(../images/musta_valinta.jpg);
	display: block;
	clear: left;
	float: left;
}
*/
.radio{
	width: 15px;
	height: 15px;
	padding: 0;
	background: url(../images/musta_valinta.jpg);
	display: block;
	clear: left;
	float: left;
}
table.lomaketable div.kentat {
	width: 340px;
	padding-bottom: 10px;
}
table.lomaketable div.vasen {
	float: left;
}
table.lomaketable div.oikea {
	float: right;
	margin-right: 0;
}
table.lomaketable div.koko {
	clear: both;
	display: block;
}
div.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;	
}