/* MENU */
#navigaatio {position:relative; height:31px; width: 100%; background-image: url(images/templates/navigaatio/ostoskori.gif); background-position: right; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #daac7a; border-bottom-color: #daac7a;}
#navigaatio a, #navigaatio a:visited {position:relative; display:block; height:31px;}
#navigaatio a:hover {height:31px;}
  
/* 1 */
.box {position:relative; float:left; width:153px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b;}
.box a {background: #ddc4a6 url(images/templates/navigaatio/ratsutarvike.gif) no-repeat top center; outline:none;}
.box a:hover {background: #ddc4a6 url(images/templates/navigaatio/ratsutarvike.gif) no-repeat center bottom;}

.boxb {position:relative; float:left; width:149px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b;}
.boxb a {background: #ddc4a6 url(images/templates/navigaatio/ratsutarvike.gif) no-repeat top center; outline:none;}
.boxb a:hover {background: #ddc4a6 url(images/templates/navigaatio/ratsutarvike.gif) no-repeat center bottom;}


/* 2 */
.box2 {position:relative; float:left; width:88px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box2 a {background: #ddc4a6 url(images/templates/navigaatio/etusivu.gif) no-repeat top center; outline:none;}
.box2 a:hover {background: #ddc4a6 url(images/templates/navigaatio/etusivu.gif) no-repeat center bottom;}

.box2b {position:relative; float:left; width:84px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box2b a {background: #ddc4a6 url(images/templates/navigaatio/etusivu.gif) no-repeat top center; outline:none;}
.box2b a:hover {background: #ddc4a6 url(images/templates/navigaatio/etusivu.gif) no-repeat center bottom;}


/* 3 */
.box3 {position:relative; float:left; width:114px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box3 a {background: #ddc4a6 url(images/templates/navigaatio/tarjoukset.gif) no-repeat top center; outline:none;}
.box3 a:hover {background: #ddc4a6 url(images/templates/navigaatio/tarjoukset.gif) no-repeat center  bottom;}

.box3b {position:relative; float:left; width:110px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box3b a {background: #ddc4a6 url(images/templates/navigaatio/tarjoukset.gif) no-repeat top center; outline:none;}
.box3b a:hover {background: #ddc4a6 url(images/templates/navigaatio/tarjoukset.gif) no-repeat center  bottom;}


/* 4 */
.box4 {position:relative; float:left; width:140px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box4 a {background: #ddc4a6 url(images/templates/navigaatio/yhteydenotot.gif) no-repeat top center; outline:none;}
.box4 a:hover {background: #ddc4a6 url(images/templates/navigaatio/yhteydenotot.gif) no-repeat center bottom;}

.box4b {position:relative; float:left; width:136px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box4b a {background: #ddc4a6 url(images/templates/navigaatio/yhteydenotot.gif) no-repeat top center; outline:none;}
.box4b a:hover {background: #ddc4a6 url(images/templates/navigaatio/yhteydenotot.gif) no-repeat center bottom;}


/* 5 */
.box5 {position:relative; float:left; width:122px; border-right-width: 1px;	border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box5 a {background: #ddc4a6 url(images/templates/navigaatio/asiakastilini.gif) no-repeat top center; outline:none;}
.box5 a:hover {background: #ddc4a6 url(images/templates/navigaatio/asiakastilini.gif) no-repeat center bottom;}

.box5b {position:relative; float:left; width:118px; border-right-width: 1px;	border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box5b a {background: #ddc4a6 url(images/templates/navigaatio/asiakastilini.gif) no-repeat top center; outline:none;}
.box5b a:hover {background: #ddc4a6 url(images/templates/navigaatio/asiakastilini.gif) no-repeat center bottom;}


/* 6 */
.box6 {position:relative; float:left; width:96px; border-right-width: 1px;	border-right-style: solid; border-right-color: #bd9d7b;	border-left-width: 1px;	border-left-style: solid; border-left-color: #eee3d5;}
.box6 a {background: #ddc4a6 url(images/templates/navigaatio/kirjaudu.gif) no-repeat center top; outline:none;}
.box6 a:hover {background: #ddc4a6 url(images/templates/navigaatio/kirjaudu.gif) no-repeat center bottom;}

.box6b {position:relative; float:left; width:128px; border-right-width: 1px; border-right-style: solid; border-right-color: #bd9d7b; border-left-width: 1px; border-left-style: solid; border-left-color: #eee3d5;}
.box6b a {background: #ddc4a6 url(images/templates/navigaatio/kirjaudu_ulos.gif) no-repeat center top; outline:none;}
.box6b a:hover {background: #ddc4a6 url(images/templates/navigaatio/kirjaudu_ulos.gif) no-repeat center bottom;}


/* 7 */
.box7 {position:relative; float:left; width:250px;}
.box7 a {background: #ddc4a6 url(images/templates/navigaatio/ostoskori.gif) no-repeat left top; outline:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding-left: 55px; line-height: 30px; border-left-width: 1px; border-left-style: solid; border-left-color: #cabba8;}

.box7b {position:relative; float:left; width:240px;}
.box7b a {background: #ddc4a6 url(images/templates/navigaatio/ostoskori.gif) no-repeat left top; outline:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding-left: 55px; line-height: 30px; border-left-width: 1px; border-left-style: solid; border-left-color: #cabba8;}