/* 
dark: #360e05
middle: #92230a
light: #dbd2c9
light2: #DDE56B
*/


*{
padding:0px;
margin:0px;
/*font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif,arial;*/
font-family: 'Trebuchet MS',Geneva, Helvetica, Arial, sans-serif, 'Lucida Grande';
font-size: 11px;
border:0px;
margin-top: 0px;
padding-top:0px;
margin-left: 0px;
padding-left:0px;
}

BODY{
margin-top: 0px;
padding-top:0px;
margin-left: 0px;
padding-left:0px;
vertical-align: top;
background-color:#dbd2c9;
background-image: url(/2010/imgs/bg.jpg);
border:0px;
}
/*
DIV{
border:0px solid red;
border:0px;
}
*/
UL,LI{
list-style:inside;
list-style-type:none;
display:inline;
}
#content{
/*float:left;
position:absolute;
top:0px;*/
width:1000px;
border: 1px solid #dbd2c9;
overflow:hidden;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
background-image:url(/2010/imgs/bg_content.jpg);
background-repeat:no-repeat;
margin-bottom: 30px;
}


div#navi{
float:left;
position:relative;
top:0px;
left:0px;
z-index:2000;
background-repeat:no-repeat;
/*background-color: #92230a;*/
width: 1000px; 
height:30px;
min-height:30px;
font-weight:bold;
color: #666666;
display:inline;
}


.blok_holder{
float:left;
position:relative;
top:0px;
left:0px;
height:30px;
min-height:30px;
/*z-index:777;*/
list-style:none;
/*background-color:#92230a;
background-color: transparent;*/
/*border: 1px solid transparent;*/
width:166px;
display:inline;
}

.blok_hov{
float:left;
position:absolute;
top:29px;
z-index:2100;
width:164px;
list-style-type:none;
background-color: #dbd2c9;
/*border: 1px solid #666666;*/
/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
display:inline;
}

a.navi_top:link,a.navi_top:VISITED{
display:block;
height:24px;
color:#dbd2c9;
text-decoration:none;
/*margin-top: 2px;*/
font-size:16px;
padding: 3px;
line-height: 24px;
vertical-align:middle;

/*width:80px;*/
overflow:visible;
/*padding-right: 6px;*/
/*border-left: 1px solid #999999;
border-bottom: 1px dotted transparent;*/
}

a.navi_top:HOVER{
color:#dbd2c9;
background-color:#000;
text-decoration:none;
/*border-bottom: 1px dotted #FFF;*/
cursor:pointer;
}


#blok_title{
float:left;
/*display: inline;*/
/*position:relative;
top:0px;
left:0px;
z-index:1;*/
width: 1000px;
padding-top:100px;
height:90px;
min-height:90px;
z-index:0;
/*vertical-align:middle;background-color:#ccc;*/
}

.banner468x60{
/*z-index:2px;*/
position:absolute;
left: 265px;
top:14px;
border:1px solid #f1f1f1;
width:468px;
height:60px;
/*border:thick dashed #339933;*/
}



#blok_left, #blok_right{
float:left;
position:relative;
top:0px;
left:0px;
z-index:1000;
height: 100%;
min-height:100%;
color:#92230a; 
/*background-color:#fff;*/
width:200px;
margin-bottom:4px;
/*border:thin dashed #FF9900;*/
display:inline;
}



.blok_left_bit,.blok_box h3{
display:block;
/*float:left;*/
/*z-index:500;*/
width:194px;
/*border:1px solid #000000;*/
padding: 3px;
height:16px;
min-height:16px;
background-color:#dbd2c9;
font-size:14px;
color: #360e05;
font-weight:bold;
cursor:pointer;
margin-bottom:4px;

}

.blok_left_bit a:link, .blok_left_bit a:visited{
color:#360e05;
}

.blok_box h3 a:link, .blok_box h3 a:visited, a.blok_left_navi:link,a.blok_left_navi:visited{
font-size:12px;
color:#360e05;
text-decoration:none;
}

.blok_box h3 a:hover, a.blok_left_navi:hover{
color:#92230a;
text-decoration:underline;
}

.blok_left_bit_sel{
display:block;
/*float:left;*/
/*z-index:500;*/
width:194px;
/*border:1px solid #000000;*/
padding: 3px;
height:16px;
min-height:16px;
background-color:#DDE56B;
font-size:14px;
color: #dbd2c9;
font-weight:bold;
cursor:pointer;
margin-bottom:4px;
}


.blok_left_hov{
z-index:1100;
list-style-type:none;
background-color: #f1f1f1;
border: 1px solid #dbd2c9;
position:absolute;  
left:112px;
/*top:-22px;*/
width:198px;
margin-top: -3px;
}


a.navilink:link, a.navilink:visited{
font-weight:normal;
padding:3px;
display:block;
color: #360e05;
}

a.navilink:hover{
color:#92230a;
background-color:#FFFFFF;
text-decoration:underline;
}



#blok_middle{
float:left;
position:relative;
top:0px;
left:0px;
/*z-index:444;*/
width:600px;
min-height:300px;
display:inline;
}

#blok_middle_text{
float:left;
position:relative;
top:0px;
left:0px;
/*z-index:444;*/
width:594px;
padding-left:3px;
padding-right:3px;
padding-bottom:6px;
min-height:300px;
background-color:#fff;/**/
/*background-color:#00FF00;*/
}

/*#blok_right{
float:left;
position:relative;
top:0px;
left:0px;

width:199px;
margin-left:1px;

min-height:400px;
display:inline;
}*/

#blok_footer {
position:relative;
top:0px;
left:0px;
float:left;
width:1000px;
margin-top:30px;
height: 80px;
margin-bottom:30px;
/*min-height:120px;
background-color:green;*/
/*display:inline;*/
}


.main_title{
display:block;
min-height:22px;
margin-bottom:4px;
background-color:#dbd2c9;
}

.semititle{
display:block;
min-height:18px;
background-color:#f1f1f1;
}

.blok_box{
background-color:#f1f1f1;
color:#000;
/*width:200px;*/
margin:0px;
}

div.newsticker{
display:block;

}

.blok_box p{
padding:3px;
margin-bottom:4px;
border-bottom:1px solid #cccccc;
}

/*FRMLST*/
#blok_frmlst{
float:left;
display:block;
position:relative;
top:0px;
left:0px;
width:200px;
overflow:visible;
min-height:400px;
z-index:0;
background-color:#ffffff;
/*display:inline;*/
}

.frmlst_title{
display:block;
font-weight:normal;
font-size:11px;
width: 193px;
margin:0px;
margin-left:1px;
height:16px;
min-height:16px;
padding:3px;
background-color:#dbd2c9;
/*margin-bottom:4px;*/
}

li.frmlst{
display:inline-block;
list-style:outside;

list-style-type:none;
background-image: url(http://www.cityshoppari.fi/imgs/frmlst_point.gif);
background-position: 0px 1px;
background-repeat:no-repeat;/* media="projection"  for nn4.7*/
text-decoration:none;
padding-left:8px;
padding-right:4px;
width:188px;
}

a.frmlst:link{
text-decoration: none;
color: #92230a;
}
a.frmlst:visited{
text-decoration: none;
color: #92230a;/*#A34878*/
}
a.frmlst:hover{
text-decoration: underline;
color: #000000;
}
a.frmlst_current{
text-decoration: underline;
color: #000000;
/*font-style:oblique;*/
}
a.frmlst_current:visited{
text-decoration: underline;
color: #000000;
/*font-style:oblique;*/
}

/*FRMLST END*/

div.pager{
float:left;
position:relative;
top:0px;
left:0px;
text-align:center;
background-color:#f1f1f1;
width:400px;
text-align:center;
text-decoration: none;
font: 12px;
font-weight: bold; 
vertical-align:middle;
height:22px;
min-height:22px;
margin-bottom:4px;
/*display:inline;*/
}

a.pager{
display:block;
float:left;
position:relative;
top:0px;
left:0px;
margin-left:1px;
padding: 3px;
padding-left:4px;
padding-right:4px;
height:16px;
min-height:16px;
color: #92230a;
background-color:#dbd2c9;
text-decoration: none;
}
a.pager:hover{
display:block;
float:left;
position:relative;
top:0px;
left:0px;
background-color:#f1f1f1;
color:#000000;
text-decoration: underline;
}
a.pager_sel{
display:block;
float:left;
position:relative;
top:0px;
left:0px;
margin-left:1px;
padding: 3px;

height:16px;
min-height:16px;
color:#92230a;
background-color:#cccccc;
text-decoration: none;
}

.pager_empty{
display:block;
float:left;
position:relative;
top:0px;
left:0px;
margin-left:1px;
padding: 3px;
padding-left:4px;
padding-right:4px;
height:16px;
min-height:16px;
color: #cccccc;
background-color:#f1f1f1;
text-decoration: none;
}



/* MAINOS*/
#kirja{
float:left;
position:relative;
top:0px;
left:0px;
width:602px;
/*background-color:#fff;*/
}

#sivu{
float:right;
position:relative;
top:0px;
left:0px;
width:398px;
border: 1px solid #dbd2c9;
margin-bottom:4px;
background-color:#fff;
}

.firma_prevnext{
/*display:block;*/
}

.firma{
display:block;
float:left;
width:398px;
color: #92230a;
/*background-color:green;*/
text-decoration: none;
text-align: center;
}

a.firma{
font-size:16px;
color:#92230a;
text-decoration:none;
}

.info{
float:left;
position:relative;
top:0px;
left:0px;
color: #666666;
/*background-color:#009933;*/
padding: 2px;
width:194px;
/*display:inline;*/
}
.mainos_holder{
float:left;
position:relative;
top:0px;
left:0px;
/*background-color:#FF0000;*/
width: 400px;
}

.showimage{
float:left;
position:relative;
top:0px;
left:0px;
/*background-color:#00FF00;*/
width: 300px;
/*display:inline;*/
}
.img_holder{
float:left;
position:relative;
top:0px;
left:0px;
background-color:#FFF;
background-image:url(/imgs/loading.gif);
background-repeat:no-repeat;
background-position: center center;
/*display:inline;*/	
}

#thumb_holder{
float:right;
position:relative;
top:0px;
left:0px;
/*background-color:#990000;*/
width: 92px;
min-height:200px;
padding-left:0px;
border-bottom:0px;
overflow:hidden;
margin-right: 1px;
/*display:inline;*/
}

.add_toggler{
cursor:pointer;
/*background-color:#993333;*/
width:90px;
border:1px solid #dbd2c9;
background-repeat:no-repeat;
margin-bottom:4px;
}



.etunro{
text-align:center;
background-color:#dbd2c9;
width: 26px;
padding: 2px;
font-weight: bold;
margin-bottom:4px;
}
.etu{
color: #000000;
background-color:#f1f1f1;
text-align: left;
padding: 2px;
margin-bottom:4px;

width:266px;
}

/*Linkki firman kuvasta*/
/* .add_link{
width:300px;
padding:1px;
}
.add_link:hover{
width:300px;
background-color:#FF0099;
}
 MAINOS END*/


.submit{
background-color: #92230a;
padding-left:3px;
padding-right:3px;
/*height:14px;
min-height:14px;*/
color:#FFFFFF;
cursor:pointer;
}

.suosikkilista{
display: block;
float:left;
position:relative;
top:0px;
left:0px;
width:300px;
cursor:pointer;
padding-left:3px;
}

.banner_sml{
float:left;
background-color:#f1f1f1;
width:160px;
padding:3px;
padding-left:19px;
padding-right:19px;
margin:1px;
display:inline;
}

.txt_sml{font-size:smaller;}

.txtlink{
color: #92230a;
cursor:pointer;
}
a.txtlink:visited{
color:#92230a;
}

h1{
font-size:16px;
padding-left:4px;
}
h2{
font-size: 14px;
padding-left:4px;
}
h3{
font-size: 13px;
padding-left:4px;
}

img.btn, .btn{
color: #dbd2c9;
background-color:#92230a;
}

a, a:link, a:visited{
color:#92230a;
text-decoration:none;
}

a:hover{
color:#360e05;
text-decoration:underline;
}