/* WWW.POKKARITUKKU.FI */

/* Tämä on sama määritys kuin Otsikko Siteadmin.css;ssä */
h2
{
    margin:0;
    padding:0;
    font-weight:normal;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;	
	color: #DC0909;
}
h2 a
{
    text-decoration:none;    
}
html,body,table,tr,td,div,a,img, form{
    /* margins etc. off for layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Why, oh why the defaults are always to be overridden? ;) */
}
html{
	/* force scrollbar, reduces "jumpyness" between pages holding variable sized content*/
	height:101%;
	text-align:left;
}
body, div, input, textarea
{
   font-family: Arial, Verdana, Helvetica, sans-serif;
}



.V11
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px!important;    
   color:White;
}
.V11 a
{
    color:White!important;        
}
.Orangelink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px!important;  
    color:#FF7200; 
    text-decoration:none;
    font-weight:bold;
}

#SAContent1 a, #SAContent2 a, #SAContent3 a, #SAContent4 a
{
    color:#FF7200!important;        
    text-decoration:none!important;        
}

body
{
	text-align:center; 
	background-color:White;   
}
html>body
{
    /* IE6 does NOT see this */
}
img{
	-ms-interpolation-mode:bicubic;
}

#Container, #Header, #Columns, #Footer   {
	width: 980px;
}

/* Set cross-browser minimum content height */

#MinHeight 
{
	position: relative;
	display: block;
	height: 500px;
	width: 1px;
}

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	text-align: left;
}

html>body #Container {
	border-bottom: 1px transparent;	
}

/* This is needed for clearing floats  inside container */

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Header 
{
	position: relative;
	display: block;
    background: url(../img/menu2_bg_slice.gif) bottom left repeat-x;    
}
#TopTableTdLogo
{
    background:url(../img/pokkaritukku_logo.jpg) top left no-repeat;
}
.TopMenuInnerTD
{
    background:url(../img/TopTdBgGradient.gif) top left no-repeat;
}
#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background: url(../img/content_bg_slice.gif) top left repeat-y;    
}

/* This is needed for clearing floats  inside container */

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#C1 
{
	position: relative;
	display: inline;
	float: left;	
	width: 216px;
	background-color: transparent;
}
.C2TopHolder
{
    margin:0;
    padding:0;
    background: url(../img/menu3_bg_slice.gif) top left repeat-y;     
}

#SAContent3
{
    margin:10px 0 0 16px;
    padding:0;
    width:180px;        
}
#SisaltoAlue3
{
    margin:10px 0 0 16px;
    padding:0;
    width:180px;        
}


#C2 
{
	position: relative;
	display: inline;
	float: left;
	width: 549px;
	background-color:transparent;
}
/* OTSIKKO, Tämä on jokaisella sisalto / toimitosivulla sivulla */
.Sisaltosivu #SAContent1
{
    margin:30px 0 0 15px;
    padding:0;
    width:480px;        
}
.Sisaltosivu #SAContent1 p
{
    margin:0;
    padding:0;
}
html>body .Sisaltosivu #SAContent1 p { margin-bottom:7px; }
html>body .Sisaltosivu #SAContent1 p { *margin:0; *padding:0;}



/* ETUSIVULLA */

.Etusivu
{
  /*background: url(../img/EtusivuC2Bg.gif) bottom left repeat-y;      */
}
.Etusivu #SAContent1
{
    background-color:White;
    margin:0 0 0 15px;
    padding:0;
    width:520px;        
}


.Headeri
{
    padding:0;
    width:480px;    
}
.Headeri p
{
    margin:0;
    padding:0;
}
html>body .Headeri p { margin-bottom:7px; }
html>body .Headeri p { *margin:0; *padding:0;}
/* LEIPÄTEKSTI, Tämä on jokaisella sivulla */
.Sisaltosivu #SAContent2
{
    margin:10px 0 0 15px;
    padding:0;
    width:480px;        
}

#TahanLadataanMokkula
{
    margin:10px 0 0 15px;
}



#C3 {
	position: relative;
	display: inline;
	float: left;
	width: 214px;
	background-color: transparent;
}
#SAContent4
{
    margin:10px 0 0 20px;
    padding:0;
    width:180px;        
}
#SisaltoAlue4
{
    margin:10px 0 0 20px;
    padding:0;
    width:180px;        
}


#C4 {
	position: relative;
	display: none;
	float: left;
	width: 1px;
	overflow:hidden;
}

#Footer {
	position: relative;
	display: block;
	clear: both;
	height:56px;
	background-color: #CCCCCC;
	background: url(../img/footer_slice.gif) top left repeat-x;    
}

#SAContent5
{
    position:absolute;
    top:20px;
    left:20px;
    width:940px;    
}
#SisaltoAlue5
{
    position:absolute;
    top:20px;
    left:20px;
    width:940px;    
}
#Footer p
{
    margin:0;
    padding:0;    
}
#Footer a
{
    color:white!important;
    text-decoration:none;
}

#SAContent6
{
    margin:10px 0 0 16px;
    padding:0;
    width:180px;        
}
#SisaltoAlue6
{
    margin:10px 0 0 16px;
    padding:0;
    width:180px;        
}


/* Lomake elementit */
.LogInInputBox
{
    width:100px;
    line-height:16px;
    padding:2px;
    font-size:11px;
    background-color:White;
    border:none;
}

.BlogEntryField
{
    font-family:Arial, Helvetica;
    border:solid 1px #D5D5D5;
    background-color:#F6F6F6;
}	

#PostituslistaOsoite
{
	margin:10px 0 0 0;
    width:176px;
    line-height:16px;
    padding:2px;
    font-size:11px;
    background-color:white;
    border:solid 1px #D5D5D5;
}


/* NAPPI VALKOISELLA TAUSTALLA ALKAA */

.PKButtonTable
{
    margin:0 0 0 0;
    line-height:24px;
    background: url(../img/button/PKButtonBg.gif) top left repeat-x;    
}
.PKButtonTableLeft
{
    width:10px;
    height:24px;
    background: url(../img/button/PKButtonLeft.gif) top left repeat-x;    
}
.PKButtonTableRight
{
    width:10px;
    height:24px;
    background: url(../img/button/PKButtonRight.gif) top left repeat-x;    
}
.PKButtonTableCenter a
{
    font-family:Arial, Helvetica;
    text-decoration:none!important;
    color:white;
    font-size:12px;  
    line-height:24px;
    vertical-align:middle;
}

/* NAPPI VALKOISELLA TAUSTALLA LOPPUU */


/* ETUSIVUN TUOTELISTAUS ALKAA */
#EtusivuTuotelistauksetHolder
{
    margin:0 0 0 15px;   
}
/* ETUSIVUN TUOTELISTAUS LOPPUU */



/* SIVUKARTTA ALKAA */
#TahanLadataanMokkula ul
{	
    position: relative;
	display: block;
	padding:0;
	margin:0;
}

#TahanLadataanMokkula ul li
{
    margin:8px 0 0 0;
    padding:0 0 8px 15px;
	position: relative;
	display: block;		
    list-style-type:none;
}
	
#TahanLadataanMokkula ul li a
{	
	color:#FF7200;
	font-weight: bold;
	text-decoration:none;	
	font-size: 13px!important;
    line-height:normal;
    display:block;
    padding:0 0 0 15px;
    background: url(../img/menu3_bullet.gif) 0 5px no-repeat;
}
html>body #TahanLadataanMokkula ul li a {background:url(../img/menu3_bullet.gif) 0 3px no-repeat;}
html>body #TahanLadataanMokkula ul li a { *background:url(../img/menu3_bullet.gif) 0 5px no-repeat;}

#TahanLadataanMokkula ul li a.Selected, #TahanLadataanMokkula ul li a.AtWay  
{
    color: #ADADAD;
}	

#TahanLadataanMokkula ul li a.Selected, #TahanLadataanMokkula ul li a.AtWay, #TahanLadataanMokkula ul li a:hover 
{	
	color: #ADADAD;
}	
	


#TahanLadataanMokkula ul li ul
{
    margin:0;
    padding:0;
}
#TahanLadataanMokkula ul li ul li
{
    margin:0 0 0 17px;
    padding:0;
	position: relative;
	display: block;		
    list-style-type:none;
    background:none!important;
}
#TahanLadataanMokkula ul li ul li a
{	
    margin:0;
    padding:0;
	color:#FF7200;
	font-weight: normal;
	text-decoration:none;	
	font-size: 12px!important;
    line-height:normal;
    display:block;
    background:none!important;
}
#TahanLadataanMokkula ul li ul li a.Selected, #TahanLadataanMokkula ul li ul li a.AtWay  
{
    color: #ADADAD;
}	

#TahanLadataanMokkula ul li ul li, a.Selected, #TahanLadataanMokkula ul li ul li a.AtWay, #TahanLadataanMokkula ul li ul li a:hover 
{	
	color: #ADADAD;
}	

/* SIVUKARTTA LOPPUU */


/* HAKUTULOS ALKAA */
#HakutulosHolder
{
	margin:0;  
    padding:0;
    width:520px;
    background-color:transparent;
    overflow:hidden;
}

#HakutulosHolder
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
	color: #363636;
    padding:0 0 5px 0;	
}

#VWS2007_ResultRow
{
	font-weight:bold;
}


#VWS2007_Results h3
{
	margin:10px 0 0 0;
	padding:0 0 5px 0;	
}
#VWS2007_Results h3 a
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px!important;  
    color:#FF7200; 
    font-weight:bold;
}
#VWS2007_Results div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
	color: #363636;
    line-height:16px;	
}
#VWS2007_Results div a
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;  
    color:#FF7200; 
    text-decoration:none;
}
#VWS2007_Results div a:hover
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;  
    color: #ADADAD;
    text-decoration:none;
}
/* HAKUTULOS LOPPUU */

/* ETUSIVUN TUOTELISTAUS ALKAA */
#EtusivuTuotelistausTable
{
    margin:10px 0 0 0;  
    padding:0;
    width:510px;
    background-color:transparent;
}
.borderspacer
{
    border-left:solid 1px #D3D3D3;
}
.EtusivuKategoria
{
    padding:0;
    width:235px;    
}
.EtusivuKategoria p
{
    margin:0;
    padding:0;
}
html>body .EtusivuKategoria p { margin-bottom:7px; }
html>body .EtusivuKategoria p { *margin:0; *padding:0;}

.OneItemTable
{
    margin:10px 0 0 0;    
}
.OneBookTd
{
    border-bottom:dashed 1px #C8C8C8;    
    height:10px!important;
    font-size:2px;
}
/* ETUSIVUN TUOTELISTAUS LOPPUU */


/* POSTITUSLISTA ALKAA */
#PostituslistaTilaus
{
    margin:30px 0 0 20px;
    padding:0;
    width:180px;
}

.PostituslistaOtsikko
{
    padding:0;
    width:180px;    
}
.PostituslistaOtsikko p
{
    margin:0;
    padding:0;
}
html>body .PostituslistaOtsikko p { margin-bottom:7px; }
html>body .PostituslistaOtsikko p { *margin:0; *padding:0;}


#PostituslistaOhje
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 	
	color: #363636;
    line-height:14px;    
    font-weight:lighter;
}


.TilaaPostituslista
{	
	margin:3px 0 0 0;
	color:#FF7200;
	font-weight: bold;
	text-decoration:none;	
	font-size: 11px!important;
    line-height:normal;
    display:block;
    padding:0 0 0 13px;
    background: url(../img/menu_bullet_C3.gif) 0 2px no-repeat;
}
.TilaaPostituslista:hover
{
	color: #ADADAD;
}

/* POSTITUSLISTA LOPPUU */


/*csv upload mokkul alkaa */


#AineistoLatausHolder
{
	margin:30px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
	color: #363636;
    line-height:16px;
}   

.scvuploader
{
	margin:10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
	color: #363636;
    line-height:16px;
    
	width:400px;	
}    
    
/*csv upload mokkul loppuu */