/*-----------------------------------------
YLEISET ASETUKSET  
-------------------------------------------*/

body{
font:11px verdana, arial, sans-serif;
padding:0px;
margin:0px;
background:#5c524a url('../img/pohja_c.png');
}

body, a{
color:#444;
text-decoration:none;
}

img, a img{
border:0;
}

a, div, img{
position:absolute;
}


/*-----------------------------------------
OSIOIDEN ASEMOINTI JA LAYOUT  
-------------------------------------------*/

#page,
#header, 
#header a, 
#header div, 
#header img, 
#content,
#content a {
position:relative;
}
#content{
clear:both;
}
#page{
width:1014px;
height:100%;
margin:0;
padding-bottom:30px;
text-align:left;
background:#5c524a url('../img/pohja_c.png');
}

#header{
/*z-index:100;*/
float:left;
clear:both;
width:100%;
height:60px; 
overflow:visible;
background:url('../img/header.png') repeat-x;
}

#logo{
float:left;
left:6px;
top:6px;
width:127px;
height:21px;
background:transparent url('http://www.kuvakirjakauppa.fi/img/logo24.png') center left no-repeat;
}

#pagename {
position:absolute;
left:0px;
top:10px;
width:100%; 
text-align:center;
color:#ffffff;
}

/*-----------------------------------------
KIRJAUTUMINEN JA LAHJAKORTTI   
-------------------------------------------*/

#sign-in{
float:right;
padding-top:5px;
padding-right:5px;
color:#c0c0c0;
font-size:10px; 
}


/*-----------------------------------------
NAVIGAATIO   
-------------------------------------------*/

#navi {
list-style:none;
width:100%;
position:absolute;
left:0px;
top:35px;
margin:0;
padding:0;
font:normal 12px/1em arial;
background:#6f6862 url('http://www.kuvakirjakauppa.fi/img/bp0.png') repeat-x top;
}
#navi li {
float:left;
display:block;
height:20px;
}
#navi li:hover {
background:#4c1919 url('http://www.kuvakirjakauppa.fi/img/bp1.png') repeat-x top;
}
#navi li a{
cursor:pointer; 
color:#fefefe; 
display:block; 
padding:4px 0; 
width:100px; 
text-align:center; 
border-left:1px solid #444;
}
#navi li:first-child a{
border-left:0;
width:105px;
}
#navi li.here a {color:#ffff00;}
#navi li.disable a {color:#bbb; cursor:default;}
#navi li.disable:hover {background:transparent; cursor:default;}




/* CONTENT TOP */
#menu {
position:relative;
left:0px; 
top:0px; 
width:100%;
}

#infot { /* inforivi */
position:relative;
width:100%; 
height:18px;
background-image:url('http://www.kuvakirjakauppa.fi/img/pohja_i.png');
}

#info { /* infoteksti */
left:5px; 
top:0px;
font-family:Verdana; 
font-size:11px;
vertical-align:middle;
color:#ffff00; 
}

#bt5b { /* palaa takaisin */
position:absolute;
left:910px;
top:1px;
padding-left:16px;
height:12px;
background:url('../img/takaisin.png') no-repeat;
cursor:pointer;
}

#bt5t { /* palaa takaisin teksti */
white-space:nowrap;
font-size:10px;
color:#ffffff;
}
/* ---CONTENT TOP */




/*FOOTER*/
#div_footer{
visibility:visible;
position:relative;
width:1014px;
height:152px;
top:0px;
text-align:left;
background:#FFFCF8 url('../img/footer2.png') no-repeat;
}




/* MAIN BUTTONS */

.bt0_0 {  /*enabled*/
  height:21px;
  padding-top:5px;
  cursor:pointer;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffffff;
  border-left:1px solid #383634;
  background-image:url('../img/b0.png');
}

.bt1_0 { /*hover*/
  height: 21px;
  padding-top: 5px;
  cursor: pointer;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  border-left: 1px solid #383634;
  background-image:url('../img/b1.png');
}

.bt2_0 { /*selected*/
  height:21px;
  padding-top:5px;
  cursor:pointer;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffff00;
  border-left:1px solid #383634;
  background-image:url('../img/b2.png');
}

.bt3_0 {  /*active*/
  height:21px;
  padding-top:5px;
  cursor:default;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffff00;
  border-left:1px solid #383634;
  background-image:url('../img/b0.png');
}

.bt4_0 {  /*disabled*/
  height:21px;
  padding-top:5px;
  cursor:default;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#c0c0c0;
  border-left:1px solid #383634;
  background-image:url('../img/b0.png');
}


.bt0_1 {  /*enabled*/
  height:18px;
  padding-top:2px;
  cursor:pointer;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffffff;
  border-left:1px solid #383634;
  background-image:url('../img/bp0.png');
}
.bt1_1 { /*hover*/
  height:18px;
  padding-top:2px;
  cursor: pointer;
  font-family:Arial;
  font-size:12px;
  text-align: center;
  color: #ffffff;
  border-left: 1px solid #383634;
  background-image:url('../img/bp1.png');
}
.bt2_1 { /*selected*/
  height:18px;
  padding-top:2px;
  cursor:pointer;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffff00;
  border-left:1px solid #383634;
  background-image:url('../img/bp2.png');
}

.bt3_1 {  /*active*/
  height:18px;
  padding-top:2px;
  cursor:default;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffff00;
  border-left:1px solid #383634;
  background-image:url('../img/bp0.png');
}

.bt4_1 {  /*disabled*/
  height:18px;
  padding-top:2px;
  cursor:default;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#c0c0c0;
  border-left:1px solid #383634;
  background-image:url('../img/bp0.png');
}


.bt0_2 {
  width:80px;
  height:19px;
  padding-top:5px;
  cursor:pointer;
  font-family:Verdana;
  font-size:11px;
  text-align:center;
  color:#ffffff;
  background-image:url('../img/b24_80.png');
}
.bt1_2 {
  width:80px;
  height:19px;
  padding-top:5px;
  cursor:pointer;
  font-family:Verdana;
  font-size:11px;
  text-align:center;
  color:#ffff00;
  background-image:url('../img/b24_80.png');
}


.bt0_3 {
  width:120px;
  height:19px;
  padding-top:5px;
  cursor:pointer;
  font-family:Verdana;
  font-size:11px;
  text-align:center;
  color:#ffffff;
  background-image:url('../img/b24_120.png');/* jatka */
}
.bt1_3 {
  width:120px;
  height:19px;
  padding-top:5px;
  cursor:pointer;
  font-family:Verdana;
  font-size:11px;
  text-align:center;
  color:#ffff00;
  background-image:url('../img/b24_120.png');/* jatka */
}

.bt0_4 {
  width: 69px;	
  height: 15px;
  padding-top: 2px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b18_69.png');
}

.bt1_4 {
  width: 69px;	
  height: 15px;
  padding-top: 2px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b18_69.png');
}

.bt0_5 {
  width: 165px;
  height: 19px;
  padding-top: 5px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b24_165.png');
}

.bt1_5 {
  width: 165px;
  height: 19px;
  padding-top: 5px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b24_165.png');
}

.bt0_6 {
  width: 120px;	
  height: 16px;
  padding-top: 1px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b18_120.png');
}

.bt1_6 {
  width: 120px;	
  height: 16px;
  padding-top: 1px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b18_120.png');
}

.bt0_7_vanha {
  width: 74px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b20_74.png');
}

.bt1_7_vanha {
  width: 74px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b20_74.png');
}

.bt0_8 {
  width: 140px;
  height: 19px;
  padding-top: 5px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b24_140.png');
}

.bt1_8 {
  width: 140px;
  height: 19px;
  padding-top: 5px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b24_140.png');
}

.bt0_9 {
  width: 45px;	
  height: 16px;
  padding-top: 1px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b18_45.png');
}

.bt1_9 {
  width: 45px;	
  height: 16px;
  padding-top: 1px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b18_45.png');
}

.bt0_71 {/*vanha 0_7 */
  width: 62px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b20_62.png');
}

.bt1_71 {
  width: 62px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b20_62.png');
}


.bt0_72 {/*vanha 0_7 */
  width: 50px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background-image:url('../img/b20_50.png');
}

.bt1_72 {
  width: 50px;	
  height: 17px;
  padding-top: 3px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  color: #ffff00;
  background-image:url('../img/b20_50.png');
}






/* ---MAIN BUTTONS */





/* FONTS */
.otsikko {
color:#ffffff;
font-size:11px;
font-weight:bold;
}