* { margin: 0; padding: 0; }

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

#wrap {
    
    width: 1040px;
    padding: 0 0px;
    margin: 0 auto;
}

#header {
    width: 100%;
    height: 83px;
    background: url(../images/header.jpg) no-repeat;
    position: relative;  
    }
    
#header h1 {
    display: none;
    }
    
#header .top-links{
    position: absolute;
    top: 30px;
    right: 0px;
    color: #FF3804;
    }    
    
#header .top-links a{
    color: #FF3804;
    font-weight: normal;
    padding: 5px 15px;
    text-decoration: none;
    font-size: 13px;
    }    
    
#polku {
    display: block;
    text-align: left;
    color: #ADADAD;
    font-size: 11px;
    padding: 5px 5px;
    }
        
#polku a { color: #848484; text-decoration: none; }
#polku a:hover { text-decoration: underline; }

#paavalikko{
    width: 1040px;
    height: 70px;
    overflow: hidden;
    clear: both;
    background: #FF3804;
    }

#paavalikko ul{
    list-style: none;
    height: 50px;    
    }

#paavalikko ul li{
    float: left;  
    }
    
#paavalikko ul li a{
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    padding: 25px 15px 20px 15px;
    border-right: 1px solid #FF9275;      
    display: block;
    text-transform: uppercase;
    font-family: 'Carme', sans-serf;
    }    

#paavalikko a.active{
    background: url(../images/nuoli1.jpg) no-repeat center 0px;
    }    
        
#valikko {
    width: 100%;
    height: 34px;
    background: #FF3804;
    font-size: 14px;
    margin-bottom: 2px;
    }
    
#valikko ul {
    list-style: none;
    padding: 8px 0 0 15px;
    }
#valikko ul li {
    float: left;
    border-right: 1px solid #fff;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
    }
#valikko ul li.ostoskori {
    border: 0;
    background: url(../images/kori.gif) no-repeat 0 50%;
    padding-left: 17px;
    }
#valikko a {
    text-decoration: none;
    color: #fff;
    }
#valikko a.active {
    color: #524b3c;
    }

#mainimage {
    width: 1040px;
    height: 370px;
    position: relative;
    overflow: hidden;
    }

/* yläreunan ostoskori */    
#ostoskori {
    z-index: 2;
    position: absolute;
    top: 10px;
    right: 8px;
    width:216px;
    overflow: hidden;
    height: 44px;
    background: url(../images/ostoskori.png) no-repeat;
    font-size: 13px;
    }        
    
#ostoskori a{
    padding: 12px 5px 25px 50px;
    font-size: 13px;
    color: #505050;
    text-decoration: none;
    display: block;
    }     

/* sisällön ostoskorilinkki */        
#ostoskori2 {
    float: right;
    width:216px;
    height: 44px;
    overflow: hidden;
    background: url(../images/ostoskori.png) no-repeat;
    font-size: 13px;
    margin-left: 20px;
    margin-bottom: 20px;
    }        
    
#ostoskori2 a{
    padding: 12px 5px 25px 50px;
    font-size: 13px;
    color: #505050;
    text-decoration: none;
    display: block;
    }     
    
        
#ylakuva {
    width: 1040px;
    height: 192px;
    background: url(../images/ylakuva.jpg) no-repeat;
    margin-bottom: 2px;
    }
#ylakuva p {
    color: #FF3804;
    font-size: 14px;
    padding: 170px 10px 0 0;
    text-align: right;
    }
 
#main {
    width: 1040px;
    padding: 0 0 0  2px;
    float: left;
    }    
       
#alavalikko {
    float: left;
    width: 220px;
    }   
#alavalikko ul {
    list-style: none;
    margin-bottom: 10px;
    }
#alavalikko li {
    margin-bottom: 1px;
    }
#alavalikko ul a {
    display: block;
    width: 195px;
    background: #353535;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    padding: 8px 5px 7px 20px;
    }
#alavalikko ul a.ala {
    background: #89857d;
    }
#alavalikko ul a:hover, #alavalikko ul a.active {
    background: url(../images/nuoli2.jpg) no-repeat #353535 0px 2px;
    color: #FF3804;
    }

/* etusivulla vasemmalla oleva oranssi boksi*/    
.box{
    background: #FF3804;
    color: #FFFFFF !important;
    text-transform: none;
    padding: 10px 5px 10px 10px;
    margin-bottom: 10px;
    font-size: 11px;
    }    
.box_text1{
    font-size: 12px;
    text-transform: uppercase;    
    }    
.box_text2{
    font-size: 23px;
    text-transform: uppercase;    
    }    

a.luelisaa{
    color: white;
    text-align: right;
    text-transform: none;
    float: right;
    font-size: 13px;    
    }        

.box a{
    color: #FFFFFF !important;
    }    
  
.box label {
    display: block;
    margin-bottom: 4px;
    }
    
       
.box button {
    border: 1px solid #959592;
    background: #fff;
    padding: 2px;
    font-size: 12px;
    margin-top: 10px;
    width: 145px;
    color: #9a8742;
    }    
           
#content {
    width: 790px;
    float: left;
    margin-left: 30px;
    }

h1, h2, h3, h4, h5, h6{
    font-family: 'Carme', Arial, sans-serf;     
    }    
    
#content h1 {   
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 7px;
    margin-bottom: 10px;
    color: #333333;
    }

#content h2 {   
    font-size: 19px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 7px;
    margin-bottom: 10px;
    color: #333333;
    }    
        
h2.with_bg{
    background: #FF3804;
    color: #FFFFFF !important;
    text-transform: uppercase;
    padding: 10px 5px 10px 10px;
    font-size: 15px !important;
    text-align: center;
}
    
#content h3 {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 5px;
    }
#content h3 span {
    font-size: 13px;
    }
#content h3 a {
    text-decoration: none;
    }
#content p {
    font-size: 12px;
    margin: 0 0 20px;
    padding: 0 5px;
    line-height: 1.4em;
    }
    
#content ul {
    font-size: 12px;
    margin: 0 0 20px 25px;
    padding: 0 5px;
    }    
#content a { color: #FF3804; }
  

.tuoteboksi {
    padding: 0 20px 40px 0;
    font-size: 12px;
    color: #333;
    }
.tuoteboksi div {
    height: 85px;
    }
#content .tuoteboksi p.lisatietoja, #content p.lisaakoriin {
    margin: 0; padding: 3px 5px 4px 0;
    text-align: right;
    display: block;
    background: #cbcbcb;
    }
#content .tuoteboksi p.lisatietoja a, #content p.lisaakoriin button {
    color: #333;
    text-decoration: none;
    background: #fff;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #656565;
    border-bottom: 2px solid #939393;
    border-left: 1px solid #d9d9d9;
    padding: 0 5px;
    font-size: 11px;

    }
  
    
#vasen {
    width: 420px;
    float: left;
    display: block;
}

#vasen td {
    vertical-align: top;
}

#oikea {
    margin-left: 20px;
    width: 345px;
    float: left;
    display: block; 
}

#sivupalkki {
    float: right;
    width: 168px;
    font-size: 12px;
    padding-right: 9px;
    }
#sivupalkki a, .sivuboksi1 a {
    color: #fff;
    text-decoration: none;
    }
#sivupalkki a:hover, .sivuboksi1 a:hover {
    text-decoration: underline;
    }

.sivuboksi1 {
    background: url(../images/sivuboksi-yla.jpg) no-repeat;
    margin-bottom: 10px;
    width: 168px;
    font-size: 12px;
    }
.sivuboksi2 {
    background: url(../images/sivuboksi-ala.jpg) no-repeat 0 100%;
    padding: 10px;
    }

#sivupalkki h3, .sivuboksi1 h3 {
    font-size: 18px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    color: #464238;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
    }

#sivupalkki form, .sivuboksi1 form {
    padding-bottom: 10px;
    
    }
#sivupalkki label, .sivuboksi1 label {
    display: block;
    margin-bottom: 4px;
    }
#sivupalkki input, .sivuboksi1 input {
    border: 1px solid #959592;
    padding: 2px;
    font-size: 12px;
    margin-bottom: 5px;
    width: 140px;
    }
#sivupalkki button, .sivuboksi1 button {
    border: 1px solid #959592;
    background: #fff;
    padding: 2px;
    font-size: 12px;
    margin-top: 10px;
    width: 145px;
    color: #9a8742;
    }
#sivupalkki .center, .sivuboksi1 .center {
    text-align: center;
    margin-bottom: 20px;
    }



#alakori {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background: #f4f4f3;
    margin: 10px 0;
    text-align: center;
    padding: 5px;
    font-size: 11px;
    }
#alakori a, #footer a { color: #a46500; }



#footer {
    font-size: 11px;
    color: #adadad;
    text-align: center;
    line-height: 14px;
    padding: 20px;
    
    }


.clear {
    visibility: hidden;
    clear: both;
    }




table.product {
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;

}


.details div {
    border: 1px solid #cbcbcb;
    padding: 10px;
    }
.smallfade2 {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 3px;
    font-size: 12px;
    }
.cartbasic2 {
    border-bottom: 1px solid #cbcbcb;
    padding: 5px 0;
    font-size: 12px;
    }
.carttotal {
    font-size: 12px;
    padding: 5px 0;
    font-weight: bold;
    }
    

.vastaus ul {
    margin-left: 20px;
    font-size: 12px;
    margin-bottom: 20px;
    }
    


table#rek {
    font-size: 12px;
    margin-left: 10px;

}
table#rek td {
    padding: 0 10px 5px 0;
    }
table#rek input {
    width: 300px;
    }
table#rek button { padding: 5px; }