/*---- SPORTIA LAYOUT ----*/

div {
text-align:left;
}
:focus {
outline:none;
}

/*  HAKU    */


div.hae-div {
position:absolute; 
width:200px; 
height:30px; 
margin-left:770px; 
top:30px;
}

.hae-boxi {
width:140px; 
padding:3px; 
font-size:10px;
margin-right:3px;
background:#f0f2cf; 
border:solid 1px #a7bb3c;
}

.hae-button {
vertical-align:center; 
border:solid 1px #89a007;
background-color:#aec811;
font-size:10px;
margin-right:3px;
}


/* SIVUTUS */

div.sivutus {
margin-top: 0x;
margin-bottom: 0px;
width: 98%;
padding-left: 10px;
padding-right: 10px;
height:40px;
margin-bottom:20px;
}

ul.sivutus{
margin-top:8px;
margin-bottom:8px;
padding:6px;
}
ul.sivutus li, ul.sivutus li a:link {
list-style:none;
display:inline;
}

li.sivutus_nappi a {
padding:6px;
background:#d1dc87;
border: solid 1px #afca0d;
text-decoration:none;
}
li.sivutus_nappi a:hover {
background-color: #f6ffe9;
border: solid 1px #afca0d;
}


/*
ul.sivutus li a {
text-decoration:none;
display:block-inline; 
padding:6px;
border: solid 1px #afca0d;
}
ul.sivutus a:link {
display:block;
height:25px; 
width:18px;
background: #d1dc87;
color:#000;
border: solid 1px #afca0d;
text-decoration:none;
}
ul.sivutus a:hover {
display:inline;
background-color: #f6ffe9;
color:#000;
border: solid 1px #afca0d;
text-decoration:none;
}
*/
li.sivutus_nappi_valittu{
padding:6px;
}



div.sivunro {
margin-top:13px;
} 
div.tuotteita{
margin-top:13px;
font-size:12px;
font-weight: normal;
font-family: georgia,serif,verdana;
}


/*  TUOTTEIDEN ASETTELU  */


div.tuote{
float:left;
width:325px;
height:450px;
height:auto;
margin-right:15px;
padding-bottom:30px;
}

.h2tuote {
background:none;
background-image:url(../images/H2-bgr-trans.png);
background-repeat:no-repeat;
height:38px;
background-position:left top;
text-indent: 1.0em;
font-family: georgia,serif;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.4pt;
word-spacing: 0.2pt;
margin-left:0px;
margin-top:0px;
margin-bottom:8px;
padding-top:7px;
font-style:oblique;
}

div.tuotekuva {
position: relative; 
top: 0; 
width: 135px; 
height: 130px; 
}

div.tuotekuva a:hover, a.erikoistarjous:hover {
  background: none;
}

.tuote-frame{
position: absolute; 
}

.tuote-thumb {
margin-top: 14px;
margin-left: 11px;
width: 111px;
height: 102px;
}

div.tuotekoot {

}

div.tuote-hinta {
padding-left: 10px;
font-weight: bold;
font-size:12px; 
color:#000; 
padding-top:0px;
}

div.tuotekuvaus {
height:90px; 
overflow:hidden;
width: 170px;
margin:0;
font-size:11px;
padding-left:10px;
padding-right:10px;
line-height:13px;
text-align:left;
word-spacing:-0.5px;
}



/* YLEISET TYYLIT */



br.clear {
clear: both;
}
.left{
float: left;
}

.right {
float:right;
}

.center {
/* text-align:center; */
}



/*  PERUSLAYOUT SIVUSTOLLE  */


#wrapper {
text-align:center;
margin-left:auto;
margin-right:auto;
}

.container {
padding:3px; 
margin:0 auto; 
background:none; 
border:solid 2px #d1dc87; 
width:960px;
text-align:left;
}
.inner-container {
padding-top:2px;
background: url(../images/content-div-bgr.gif);
background-position: top left;
background-repeat:repeat-x;
background-color:#fff;
width:960px;
}
.left-navicontainer {
padding-top:13px;
padding-left:10px;
padding-right:0px;
width:220px;
}
.left-navigation {
width:183px; 
background:none;
}
.content {
padding-left:10px;
padding-top:10px;
padding-bottom:0px;
width:700px;
padding-right:20px;
word-spacing:normal;
font: 1em "Lucida Grande", Tahoma, Arial, Sans-Serif;
line-height:20px;
font-weight:normal;
}
.content img {
max-width:400px;
}


/*  TOPNAVIGATION  */


.top-navigation ul{
list-style: none;
margin: 0;
padding: 0;
}
.top-navigation li {
display:inline;
float:left;
margin: 0;
padding: 0;
}



/* LEFTNAVIGATION  */



.leftnavi {
font-family: georgia,serif;
font-size: 17px;
font-weight: normal;
letter-spacing: normal;
word-spacing: 0.2pt;
margin-left:-11px;
font-style:oblique;
text-indent: 1.5em;
padding-top:7px;
height:38px;
}
.left-navigation ul,.left-navigation,
.left-navigation li ul
{
list-style: none;
margin: 0;
padding: 0;
word-spacing:normal;
letter-spacing:normal;
}
.left-navigation a:visited {
color:#000;
text-decoration:none;
}
.left-navigation a:link {
text-decoration:none;








color:#000;
background:none;
}

.left-navigation li a:hover, .left-navigation li li a:hover {
text-decoration:underline;
background:none;
}
.left-navigation li {
margin-left:10px;
padding:6px;
border-bottom:dotted 1px #eaeec6;
cursor: pointer;
word-spacing:normal;
letter-spacing:normal;
font: 1em "Lucida Grande", Tahoma, Arial, Sans-Serif;
}
.left-navigation li li {
border:none;
letter-spacing:normal;
margin-left:0px;
font-size:11px;
line-height:17px;
text-indent:0.5em;
padding-top:6px;
padding-bottom:1px;
background:transparent url(../images/submenu-separator.gif) no-repeat left;
cursor: pointer;
}




/*  FOOTERNAVIGATION  */



#footer {
width:960px; 
padding-bottom: 20px;
}
.footer-navigation {
margin: 0;
padding: 0;
list-style: none;
display:inline;
}
.footer-navigation li {
display:inline;
margin-left:2px;
margin-right:10px;
}
.footer-separator {
background:url(../images/footer-separator.gif) no-repeat right top;
}
.footer-navigation li a {
background:#FFF;
}
.footer-navigation li:hover {
background-color:#d1dc87;
}
#footer a {
background:none;
text-decoration:none;
color:#000;
}
#footer a:hover {
background-color:#d1dc87;
}
#footer,#footer a:link {
margin:0 auto; 
margin-top:3px;
font-size:0.88em;
text-transform:uppercase;
}



/*  BANNERWINDOW  */



#banner {
width:960px;
height:196px;
overflow:hidden; 
background-color:#eaeec6; 
border-top:solid 0px #eaeec6; 
border-bottom:solid 1px #bfca73;
margin-bottom:0px; 
margin-top:0px;
clear: both;

}



/*  UUTISMUOTOILU  */



.news-headline {
background:none;
background-image:url(../images/H3-bgr-trans.png);
background-repeat:no-repeat;
height:38px;
color:#2b3202;
background-position:left top;
text-indent: 1.7em;
font-family: georgia,serif;
font-size: 17px;
font-weight: normal;
letter-spacing: -0.4pt;
word-spacing: 0.2pt;
margin-left:-14px;
margin-top:0px;
margin-bottom:3px;
padding-top:8px;
font-style:oblique;
} 



/*  EXTRANET   */



div.tarjous-div img {
margin-top:10px;
background: #fff;
border: solid 1px #ccc;
padding: 4px 4px 4px 4px;
width:101px; 
height:97px;
float:right;
}
div.tarjous-div .tape{
width: 64px;
height: 23px;
display: block;
margin-left:239px;
margin-top:-0px;
position:absolute;
background: url(../images/tape-trans.png) no-repeat;
}
div.tarjous-div img a {
text-decoration: none;
}



/*  SITEMAP  */




UL.tree,
UL.tree UL {
    padding: 0 0 0 2em;
}

.ul-otsikko {
font-size:14px;
font-weight:bold;
}

.left-navigation-sitemap a {
color:#000;
text-decoration:none;
}

.left-navigation-sitemap ul, .left-navigation-sitemap ul ul 
{
list-style: none;
margin: 0;
padding: 0;
word-spacing:normal;
letter-spacing:-0.1px;
}

.left-navigation-sitemap li li  {
margin-left:25px;
padding:2px;
font-size:11px;
}



/* ETUSIVU */

SELECT {
width: 174px;
}

.myymalahaku {
width: 174px; 
height: 35px; 
background-color: #dce8a2; 
padding: 4px;
}

.myymalalista {
font-size:11px;
}



/* KAUPPIAS SIVUT */

.login {
padding-left:15px;
}



/* SIVUKARTTA */




.sivukartta a:link, .sivukartta a:visited {
  text-decoration:none;
  color:#000000;
  background: none;
}

.sivukartta a:hover {
  text-decoration:underline;
}
.sivukartta ul.level2 {
  list-style-image: url(../images/sivukartta_level2.gif);
}
.sivukartta ul.level3 {
  list-style-image: url(../images/sivukartta_level3.gif);
}
.sivukartta ul.level4 {
  list-style-image: url(../images/sivukartta_level4.gif);
  vertical-align: top;
}
.sivukartta li {
  margin-left: 10px;
  padding-bottom: 7px;
  cursor: pointer;
  line-height: 15px;
}
.sivukartta li li {
  margin-left: 15px;
  padding: 0;
  cursor: pointer;
}
.sivukartta li li li {
  margin-left: 20px;
  padding: 0;
  cursor: pointer;
}




/* MYYMALALOMAKE */




form.myymalalomake fieldset {
  font-size: 11px;
  border: 1px solid #afca0c;
  padding: 10px;
  width: 430px;
}
form.myymalalomake fieldset legend {
  border: 1px solid #afca0c;
  padding: 2px 10px 2px 10px;
  background-color: #afca0c;
}
form.myymalalomake label {
  line-height: normal;
}
form.myymalalomake div {
  padding: 5px;
}
form.myymalalomake div.tiedot {
  float: right;
  width: 330px; 





  text-align: left;

}

form.myymalalomake input, form.myymalalomake textarea {

  font-size: 11px;


  border: solid 1px #afca0c;
}



form.myymalalomake input.submit {
  cursor: pointer;



  padding:3px;
  border: solid 1px #afca0c;

  background-color: #ffffff;

}

form.myymalalomake input.submit:hover { 

  background-color: #afca0c;
  border: solid 1px #afca0c; 
}


/* PALAUTELOMAKE */

form.palautelomake fieldset {
  font-size: 11px;
  border: 1px solid #afca0c;
  padding: 10px;
  width: 430px;
}
form.palautelomake fieldset legend {
  border: 1px solid #afca0c;
  padding: 2px 10px 2px 10px;
  background-color: #afca0c;
}
form.palautelomake label {
  line-height: normal;
}
form.palautelomake div {
  padding: 5px;
}
form.palautelomake div.tiedot {
  float: right;
  width: 330px; 
  text-align: left;
}
form.palautelomake input, form.palautelomake textarea {
  font-size: 11px;
  border: solid 1px #afca0c;
}

form.palautelomake input.submit {
  cursor: pointer;
  padding:3px;
  border: solid 1px #afca0c;
  background-color: #ffffff;
}
form.palautelomake input.submit:hover{ 
  background-color: #afca0c;
  border: solid 1px #afca0c;
}

/* KAUPPIAAN YLLÄPITOLOMAKE */

form.kauppiasyllapito fieldset {
  font-size: 11px;
  border: 1px solid #afca0c;
  padding: 10px;
  width: 630px;
}
form.kauppiasyllapito fieldset legend {
  border: 1px solid #afca0c;
  padding: 2px 10px 2px 10px;
  background-color: #afca0c;
}
form.kauppiasyllapito label {
  line-height: normal;
}
form.kauppiasyllapito div {
  padding: 5px;
}
form.kauppiasyllapito div.tiedot {
  float: right;
  width: 480px; 
  text-align: left;
}
form.kauppiasyllapito input, form.kauppiasyllapito textarea {
  font-size: 11px;
  border: solid 1px #afca0c;
}
form.kauppiasyllapito input.submit {
  cursor: pointer;
  padding:3px;
  border: solid 1px #000000;
  background-color: #afca0c;
}
form.kauppiasyllapito img {
  border: 1px solid #afca0c;
}