body{ margin-top:3px; /* background-color:#CCCCCC; */ background-image: url(../Images/tausta.jpg); }
table { padding:0px; background-color:#CCCCCC }
th { font:bold 12px verdana, sans-serif; padding:0px 0px 15px 0px; text-align:left; background-color:white }
td { background-color:white; font:11px verdana, sans-serif; text-align:left; vertical-align:top }

a:link, a:visited, a:active{
	font:bold 11px verdana, sans-serif;
	color:#999999;
	text-decoration:none
}

a:hover{ color:#CCCCCC } 

a.pager:link, a.pager:visited, a.pager:active{
	font: bold 12px arial, serif;
	text-decoration:none;
	color:rgb(70, 100, 180) 
}

a.small:link, a.small:visited, a.small:active{
	font:bold 11px arial, sans-serif;
	color:#999999;
	text-decoration:none
}

a.small:hover{ color:#CCCCCC } 

a.sidemenu{ 
font:bold 11px helvetica, sans-serif;
color:#999999;
text-decoration:none; 
padding-left:0px
}

img{ border:none }

input{ 
	width:200px; 
	border:1px solid rgb(100, 100, 100);
	font:11px arial, sans-serif;
	padding-left:3px
	
}

select{ border:1px solid rgb(100, 100, 100); font:11px Arial, Helvetica, sans-serif }

input.general{ background-color:rgb(247, 245, 246); font-weight:bold }
input.submit{ width:80px; font:bold 11px arial, sans-serif }

table.templateListing{ width:605px; padding:3px; border:1px solid black; background-color:white }

th.list{ padding:0px 15px 15px 0px }
td.list{ padding:0px 15px 0px 0px }
th.listCustomer{ width:150px; padding:0px 0px 15px 0px }
th.listEnterprise{ width:135px; padding:0px 0px 15px 0px  }
td.listAsiakas{ padding:0px 15px 3px 0px }

td.templateInfo{ padding:7px } 
/* td.templateInfo{ padding:7px; height:98px } */
td.templateEdit{ padding:7px; height:50px; vertical-align:bottom }
td.asiakas{ padding:0px 10px 5px 0px }

td.navi { padding:3px 5px 3px 5px; border:0px solid black  }
td.listStyle { padding-right:20px }
td.pagerOne{ padding-top:10px; border:0px solid }
td.pagerTwo{ padding-top:8px; border:0px solid }
td.infoRow{ padding:10px 15px 10px 0px; font:bold 11px verdana, sans-serif }
td.formLabel{ width:160px; font-weight:bold }

span.pager { 
/* background-color:#CCCCCC; */
/* background-color:white; */
font:bold 12px arial, serif;
color:rgb(70, 100, 180); 
/* padding:2px 6px 2px 6px; */
/* border:1px solid #CCCCCC; */
/* border:1px solid rgb(70, 100, 180);  */
}

/*
img.bcardListing{width:154px; height:98px; border:1px solid rgb(170, 170, 170) }
img.bcardListingV{width:98px; height:154px; border:1px solid rgb(170, 170, 170)  }
*/

img.bcardListing{ width:216px; height:136px; border:1px solid rgb(170, 170, 170) } /* (5.40 cm x 8.57 cm x 0.084 cm) 195 x 309 kerroin 1.58, 0.63 */
img.bcardListingV{ width:136px; height:216px; border:1px solid rgb(170, 170, 170) } 

/* img.cb{ width:100px; height:15px } */
img.cb{ 
/* width:90px; height:14px } */
/* img.cartPreview{ width:155px; height:98px } */
width:75px; height:14px }

font.tiny{ font:10px helvetica, sans-serif }
font.small{ font:normal 11px helvetica, sans-serif }
font.normal{ font:normal 11px verdana, sans-serif }
font.medium { font: bold 12px arial, sans-serif}
font.bigger{ font:bold 13px arial, sans-serif }
span.big { font: bold 14px arial, sans-serif} 
span.pagerUna{ font:bold 11px verdana, sans-serif; color:#CCCCCC }
font.display{ font:bold 11px verdana, sans-serif; color:rgb(70, 100, 180) }
span.delCard{ font:bold 10px verdana, sans-serif; position:relative; top:3px }

td#tdLinks{ 

width:780px;
padding:3px 0px 5px 15px; 
vertical-align:bottom; 
border-top:1px solid black
/*
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black
*/ 
}

td#tdCart{ 	
/* width:180px; */
width:1px;
font:10px helvetica, sans-serif; 
padding:0px 15px 5px 0px; 
vertical-align:bottom; 
text-align:right; border:0px solid black
}

td#tdLogout{ 
width:90px; 
vertical-align:bottom; 
border:0px solid black; 
text-align:right; 
padding:0px 15px 5px 0px; 
border-right:1px solid black   
}

img#cartIcon{ position:relative; left:502px; top:28px } 


table#tblHeader{ width:770px; border:1px solid black }
table#tblBody{ width:770px; border-left:1px solid black; border-right:1px solid black }
table#tblFooter{ width:770px; border:1px solid black }

/* td#header{ height:30px; background-image:none; padding:5px 0px 0px 15px } */
td#header{ height:40px; 
background-image:url('../Images/top_banner_11.gif'); 
padding:5px 0px 0px 15px; 
border:0px solid black; 
background-color: #CCCCCC  }

/* td#cartHeader{ font:bold 13px arial, sans-serif; padding:5px 0px 15px 0px; text-align:left; background-color:white  } */
td#cartHeader{ height:15px; font:bold 11px helvetica, sans-serif; color:#92B87E; padding:0px;  text-align:left}
td#cartPath{ font:bold 11px helvetica, sans-serif  }
td#headerBottom{ width:780px; text-align:right; padding-right:15px  }
td#container{ width:630px; height:480px; padding:10px 0px 20px 15px; /* background:url(../Images/background.gif) repeat-x */; background-color:white }
/* original width:140px*/
td#sideMenu{ /*width:130px; */padding:10px 7px 0px 0px; border-right:1px solid black; text-align:right }
td#detailsLeft{ width:150px; font:bold 12px helvetica, sans-serif; padding: 20px 0px 0px 0px }
td#detailsRight{ font:normal 12px helvetica, sans-serif; padding-top:20px  }
td#footer { height:30px; vertical-align:middle; text-align:right; padding:3px 30px 3px 15px;  } 


input#next, #browse, #cancel ,#modify, #esikatselu, #addTmpl, #addCustomer{ font:bold 11px arial, sans-serif }
input#next{ width:120px }
input#browse, #cancel{ width: 100px }
input#modify{ width:90px }
label#copy{ font:normal 11px helvetica, sans-serif  }


img#edit{ width:309px; height:195px; border:1px solid black; /* position:relative; top:0px; z-index:1 */} 
img#editV{ width:195px; height:309px; border:1px solid black; /* position:relative; top:0px; z-index:1 */} 
img#corners{ width:309px; height:195px; position:relative; top:-195px; z-index:2; border:none }

div#divLogin{ width:750px; position:relative; top:8px; text-align:right }
/* td#tdEdit{ padding:15px 0px 0px 15px; width:309px; border:0px solid black } */
td#tdEdit{ padding:15px 0px 0px 10px; width:309px; border:0px solid black } 
div#divEdit{ font:11px helvetica,sans-serif; padding:0px 0px 5px 0px }



/* table#cartContainer{ width:130px } */

table#cartContainer{ width:115px; }

td.cartLabel{ font:bold 11px helvetica, sans-serif; text-align:right  }
td.cartValue{ font:11px helvetica, sans-serif; text-align:left   }
td#cartLink{ text-align:right; padding-top:5px; padding-right:5px
 }

a.toCart:link, a.toCart:visited, a.toCart:active{
	font: bold 11px helvetica, sans-serif;
	text-decoration:none;
	color:#92B87E
}

div#cartError{ 
	width:778px; 
	height:100px;
	padding:20px 0px 30px 0px;
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:white; 
	text-align:left; 
 	font:11px Verdana, Arial, Helvetica, sans-serif
}

/* 	KUVANEDITOINTILOMAKE 	*/

/* td#formContainer{ height:480px; padding:15px 0px 0px 10px } */
td#formContainer{ height:480px; padding:15px 0px 0px 5px }

input.posVal, input.prVal{ width:22px }

span.imgErrMsg{ font:11px helvetica,sans-serif }

span.normal{font:11px verdana, sans-serif}
span.small{font:11px helvetica, sans-serif}
span.tiny{font:10px helvetica, sans-serif}

div#cardName{ font:11px helvetica,sans-serif; padding:5px 0px 7px 0px; }
div#infoDiv{ width:293px; height:200px; padding:5px 8px 0px 8px; overflow:auto;
border:1px solid rgb(150, 150, 150); font:11px helvetica, sans-serif; margin-top:10px  }
div#hTiedot{ font: 11px helvetica, sans-serif; color:#999999; margin-top:8px }
span#infoDivH{ font:bold 11px arial, sans-serif }
span#loginMsg{ font: bold 10px helvetica, sans-serif; color:#999999; }


div#orderHowto{ font:11px helvetica,sans-serif; color:#666666 }

input#addToCart{ width:90px; font:bold 11px helvetica, sans-serif }
input#addToCartKpl{ width:30px; padding-left:3px }
input#backToCart{ width:130px; font:bold 11px helvetica, sans-serif }

/* Kasvokuvan ja logon määritykset */
table.tblEdit{ border:0px solid black; width:441px; margin-top:15px }
td.imgLabel-1{ width:160px; padding:0px 0px 15px 15px }
td.imgLabel-2{ width:160px; padding-left:15px }
td.imgLabel-3{ padding-bottom:1px }
td.imgLabel-4{ width:160px; padding-left:15px }

td.txtLabel-1{ width:160px; padding-left:15px }
td.txtLabel-2{ width:160px; padding-left:15px }
td.txtLabel-3{ width:160px; padding-left:15px }



td.txtVal-1{ padding-bottom:1px }
td.txtVal-2{ width:45px; padding-bottom:1px }
td.txtVal-3{ width:45px; padding-bottom:1px }
td.txtVal-4{ width:55px; padding-bottom:1px }
td.txtVal-5{ padding-bottom:1px }

td#lineHlabel{ width:160px; padding-left:15px; font-weight:bold }
td#lineHval{ width:281px }

select.fontFace{ width:80px }
select.fontColor{ width:80px }
td.txtEmpty-0{ width:136px }
td.txtEmpty-1{ width:160px; padding-left:15px }
td#imgSubmit{ padding:10px 0px 15px 0px }

input#username{ font: bold 11px Helvetica, sans-serif, black; background-color:white; border:none }