/***************************************

  Ilmari CSS
  Bulk

  $Author: ape $
***************************************/

/* Ulkoistettu verkkokauppa */
.shopframe {
	width: 830px;
	height: 560px;
	display: block;
	margin: 0px;
	padding: 0px;
}

div#body { padding-top: 8px; }
#theshadowmakerwrapper { border-collapse: collapse; }
#theshadowmakerwrapper td img.c {border: 0; padding: 0; margin: 0;}
	/* sisältö on tässä:  */
	td#unnamed {background-color: #ffffff;}

	td#tshade { height: 22px;
		background: url('/img/c/shade_t.gif') repeat-x scroll left top; }
	td#rshade { width: 21px;
		background: url('/img/c/shade_r.gif') repeat-y scroll right top; }
	td#lshade { width: 21px;
		background: url('/img/c/shade_l.gif') repeat-y scroll right top; }
	td#bshade { height: 22px;
		background: url('/img/c/shade_b.gif') repeat-x scroll left bottom; }
	/* Kulmat?
	td#cornerul {}
	td#cornerur {}
	td#cornerll {}
	td#cornerlr {}
	td#cornerlr {}*/
	

/* Ylälaidan palikat */	
table#topbtn {
	background-color: #ffffff;
	padding:0px;
	margin:0px;
	border-left: 40px solid #ffffff;
}



/***************************************
* PERUSELEMENTIT                       *
***************************************/

/* Sivun BODY-osa. Tässä asetetaan mm. taustaväri, taustakuva sekä sisennys reunoista. */
body {
  background-color: #dfdfdf;
  margin: 0;
 /*background-image: url('/img/bg.jpg');
  
  background-position: top left;*/
}

/* Sivuston perusfontti sekä väri asetetaan tässä. */
body,
td {
  color: #202020;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
}

/* Otsikot. */
h1, 
.title {
	/* color: #1F7FB1; */
	color: #020202;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 20px;
	text-transform:uppercase;
	letter-spacing:-1px;
	word-spacing:5px;
	font-weight:lighter;
}

/* Normaalit linkit. */
a:link {
	color: #1F7FB1;
	text-decoration: none;
}

a:visited {
	color: #0B3E59;
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
}


.haku{
position:absolute;
float:right;
height:150px;
margin-right:0px;
width:930px;

}

.hakuCONT{

position:absolute;
bottom:0px;
left:45px;
text-align:left;
/* background:#ffffff; */
text-transform:uppercase;
padding:4px;
/* border-top:1px solid #d0d0d0; 
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0; */
}




.hakuCONT a:link,
.hakuCONT a:visited {
	font-family: arial, helvetica;
	font-size: 10px;
  color: #505050;
  text-decoration: none;
  padding-left:5px;
}


.hakuCONT a:hover {
  color: #1F7FB1;
  text-decoration: none;
}



/***************************************
* ASETTELUTAULUKKO                     *
***************************************/

/* Asetetaan asettelun reunukset, taustaväri sekä leveys. */
/* Leveys on syytä asettaa fiiliskuvan leveyttä pienemmäksi. */
table#tablebody {
  background-color: #ffffff;
  width: 930px;
}


/* sangen järkyttäviä ratkaisuja nää borderit! */
table#maintable {
	border-left: 40px solid #ffffff;
	border-right: 40px solid #ffffff;
	border-bottom: 40px solid #ffffff;
}




/***************************************
* LOGO                                 *
***************************************/

/* Asetetaan viiva logon ja ylänavin välin */
tr#logo td {

}

/* Hieman "ilmaa" logon ylä- ja alapuolelle. */
tr#logo td div.inner {
  padding-top: 00px;
  padding-bottom: 0px;
}







/***************************************
* YLÄNAVIGOINTI                        *
***************************************/

/* Asetetaan valikkosolun fontti. */
tr#topnavi td {
 background-image: url('/img/palkki.jpg');
  background-repeat: no-repeat;
  background-position: bottom left;
	font-family: arial, helvetica;
	text-transform:uppercase;
	letter-spacing:0px;
	font-size: 10px;
  color: #505050;
  font-weight: normal;
    border-top:4px solid #1F7FB1;
}

/* Voidaan asettaa ilmaa |-merkin molemmin puolin. */
tr#topnavi td span.seperator {
  padding-left: 4px;
  padding-right: 4px;
  color:#f2f2f2;
}

/* Ylävalikon linkki. */
a.topnavi:link,
a.topnavi:visited {
	font-family: arial, helvetica;
	font-size: 10px;
  color: #505050;
  text-decoration: none;
}

/* Ylävalikon linkkien hover (hiiri päällä). */
a.topnavi:hover {
  color: #1F7FB1;
  text-decoration: none;
}

/* Ylävalikon valittu osa. */
span.naviselected {
  font-weight: bold;
  color: #1F7FB1;
}

/* Ilmaa valikon ylä- ja alapuolelle sekä hieman myös vasemmalle. */
tr#topnavi td div {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}









/***************************************
* FIILISKUVA                           *
***************************************/

/* Harmaat viivat fiiliskuvan ylä- ja alapuolelle. */
tr#fiilis td {
  border-top: 0px solid #f2f2f2;
  border-bottom: 0px solid #1F7FB1;
}

/* Valkoinen viiva fiiliskuvan ja harmaan viivan väliin. */
/* Syntyy, kun asetetaan taustaväriksi valkoinen ja lisätään sisennystä ylös ja alas. */
tr#fiilis td div {
  background-color: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
}






/***************************************
* ALAFIILISKUVA                           *
***************************************/

/* Harmaat viivat fiiliskuvan ylä- ja alapuolelle. */
tr#alafiilis td {
  border-top: 0px solid #1F7FB1;
}

/* Valkoinen viiva fiiliskuvan ja harmaan viivan väliin. */
/* Syntyy, kun asetetaan taustaväriksi valkoinen ja lisätään sisennystä ylös ja alas. */
tr#alafiilis td div {
  background-color: #ffffff;
  padding-top: 0px;
}









/***************************************
* SISÄLTÖOSA                           *
***************************************/

/* Asetetaan sisältöalueelle ilmaa ylös ja alas 10px. */
/* Vasempaan reunaan 3px. */
tr#content td div.inner {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Vasemman ja oikean reunan marginaalit. */
td#contentcell {
  padding-left: 10px;
  padding-right: 0px;
}












/***************************************
* COPYRIGHT-BOKSI                      *
***************************************/

/* Asetetaan solun taustaväri, fontti sekä tasaus. */
tr#copy td {
  background-color: #dfdfdf;
}

td.copy {
  padding: 10px;
  font-family: tahoma, arial, helvetica;
  font-size: 10px;
  color: #1F7FB1;
}

/* Damex-linkin määritykset. */
a.copy:link,
a.copy:visited {
  color: #1F7FB1;
  text-decoration: none;
}

a.copy:hover {
  text-decoration: underline;
}









/***************************************
* VASEN NAVIGOINTI                     *
***************************************/

/* Vasemman laidan sisennys. */
td#leftmenucell {
  padding-left: 10px;
}

/* Ilmaa vasemman navigoinnin rivitykseen. */
table.menutable {
width: 100%;
 /*padding-left: 10px;
  padding-bottom: 3px;*/
}

.menutable .menuitem {padding-left: 10px;}
/* Alemman tason marginaali vasemmasta reunasta. */
td.menuspacer {
  width: 15px;
}

/* Menuelementin fontti ja värimääritykset. */
a.menu:link,
a.menu:visited {
	font-family: arial, helvetica;
	font-size: 11px;
	color: #1F7FB1;
	text-decoration: none;
}

/* Hover (hiiri päällä). */
a.menu:hover {
	color: #000000;
	text-decoration: none;
}

/* 
Valittu menuitem.
*/
td.current { 
	color: #020202 !important;
	background: url('/img/currentleftmenuitembg.png') repeat-y scroll left top;
}
td.current a {
	color: #020202 !important;
}



/* Voidaan asettaa määreitä menun eri "tasoille". */
/* Näitä ei yleensä tarvitse käyttää. */
div.menulevel1 {
}
div.menulevel2 {
}
div.menulevel3 {
}







/***************************************
* KALENTERI                            *
***************************************/

a.calendar,
a.calendar:link {
	color: #ff0000;
	text-decoration: none;
}

a.calendar:visited {
	color:#ff0000;
	text-decoration: none;
}

a.calendar:hover {
	color:#ff0000;
	text-decoration: none;
}

.calendartitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.calendardaystitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 8pt;
}

.calendardays {
	background: #f0f0f0;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendartoday {
	background: #e7e3d5;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendarevent {
	background: #cccccc;
	font-size: 8pt;
}








/***************************************
* FORUM                                *
***************************************/

.forumtitle {
	background: #ffffff;
	color: #1F7FB1;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.forumbg1 {
	background: #f0f0f0;
	color: #000000;
}

.forumbg2 {
	background: #f0f0f0;
	color: #000000;
}

.forumbg {
	background: #ffffff;
}







/***************************************
* ETUSIVU / OIKEAN LAIDAN SPOTIT       *
***************************************/

/* Asetetaan ilmaa spottien väliin. */ 
.tblProductSpot {
  padding-bottom: 10px;
}

/* Spottien otsikon väri. */
table.tblProductSpot a:link,
table.tblProductSpot a:visited,
table.tblProductSpot a:hover, 
div#calendarspot a:link, 
div#calendarspot a:visited, 
div#calendarspot a:hover {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #1F7FB1;
  text-decoration: none;
}

/* Ilmaa kuvan oikealle puolelle. */
td.special_image {
  padding-right: 5px;
}

/* Ingressin fontti. */
table.tblProductSpot a.spotingress:link,
table.tblProductSpot a.spotingress:visited,
div#calendarspot a.spotingress:link,
div#calendarspot a.spotingress:visited {
  font-family: arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  color: #707070;
  text-decoration: none;
}

/* Ingressin hover. */
table.tblProductSpot a.spotingress:hover,
div#calendarspot a.spotingress:hover {
  text-decoration: underline;
}

div.leftspot table.tblProductSpot td {
	text-align: right; 
}

div.rightspot table.tblProductSpot td {
	text-align: left; 
}

/* Koripallo-liikunta osaston systeemi, vasen spotti */
div.kplspecial table.tblProductSpot td {
	text-align: right;
}
div#calendarspot {
	text-align: right;
}






/***************************************
* ETUSIVU / TIEDOTELISTAUS             *
***************************************/

/* Lue lisää linkin yläpuolelle harmaa viiva. */
table.tblLueLisaa {
  border-top: 1px solid #c0c0c0;
}

/* Ilmaa uutiskuvan ja otsikon väliin. */
td.newsImage {
  padding-right: 10px;
}

/* Otsikko. */
div.newsTitle {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #1F7FB1;
}

/* Ingressi. */
div.newsIngress {
  font-family: arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  color: #707070;
}











/***************************************
* TUOTEKORTIT JA TUOTELISTAUS          *
***************************************/


a.card:link,
a.card:visited,
a.product:link,
a.product:visited {
  color: #000000;
  font-weight: bold;
}

.card_image {
  padding-right: 10px;
}

img.product {
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  padding: 1px;
}

div.card_desc {
  color: #707070;
}










/***************************************
* ÄLÄ KOSKE NÄIHIN                     *
***************************************/

a.nounderline:link,
a.nounderline:visited,
a.nounderline:hover {
	text-decoration: none;
}

.littletitle {
	font-weight: bold;
}

.fullwidth {
	width: 100%;
}