/***************************************
  Ilmari CSS
***************************************/

img {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}


table { font-size: 12px; }
td { vertical-align: top !important;}



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

/* Sivun BODY-osa. Tässä asetetaan mm. taustaväri, taustakuva sekä sisennys reunoista. */
body {
	margin: 0;
	padding: 0; 
	border: 0;
	color: #202020;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
 
div#divbody {
	width: 969px;
	margin: 0 auto;
	text-align: left;
	background: url('/img/divbodybg.png') scroll repeat-y left top;
}
div#wrapper{
	margin: 0 23px;
}

img#logo {
	border: 0 !important;
	float: left;
}
div#fiilis {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	float: right;
	text-align: right;
}

div#header {
	width: 923px;
	background: url('/img/headerbg.jpg') repeat-x scroll left top;
}

div#headerinfo {
	clear: left;
	padding: 20px 20px 0 20px;
}



h1, h2, h3, h4, h5, h6 {}
h1, .title {
	font-weight: normal;
	font-size: 18px;
}
h2 {
	font-weight: bold;
	font-size: 16px;
}

/* Normaalit linkit. */
a:link { color: #006600; text-decoration: none; }
a:visited { color: #006600; text-decoration: none; }
a:hover	{ color: #000066; text-decoration: underline; }
a:active{ color: #006600; text-decoration: none; }




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

div#topnavigation {}
div#topnavigation ul {
	width: 923px;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	background-color: #fffac7;
}
div#topnavigation ul li {
	float: left;
}
div#topnavigation ul li a#first {padding-left: 20px;} 
div#topnavigation ul li a {
	display: block;
	float: left;
	padding: 8px 8px;
	background-color: #fffac7;
}
div#topnavigation ul li a:hover {
	background-color: #fff16c;
	text-decoration: none;
}
div#topnavigation ul li a.current {
	background-color: #fff16c;
	text-decoration: none;
	font-weight: bold;
}




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




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

div#footer {
	clear: both;
	text-align: center;
	background: url('/img/footerbg.png') no-repeat scroll left top;
	height: 46px;
	margin: 0;
	color: #999;
}

span#damex a { color: #999;}
 span#damex a:hover { color: #ccc; }






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

div#content {
	clear: both;
}
table#contenttable {
	width: 890px;
}
div.inner {
	padding: 10px 15px;
}

td#right {
	border-left: 1px solid #c0c0c0;
}

td#contentcell {
	width: 560px;
}
td#contentcell div.inner, h1.ilmarititle { padding-top: 0; margin-top: 0;}

td#left {
	border-right: 1px solid #c0c0c0;
}













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

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

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

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

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









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

/* Vasemman laidan sisennys. */
td#leftmenucell {
	border-right: 1px solid #c0c0c0;
	padding-left: 10px;
}
table.menutable { padding-bottom: 3px; }
td.menuspacer {  width: 15px; }
a.menu:link,
a.menu:visited {
	font-family: arial, helvetica;
	font-size: 11px;
	color: #3b433c;
	text-decoration: none;
}
a.menu:hover {
	color: #000000;
	text-decoration: none;
}
span.menuselected {
  font-weight: bold;
  color: #006600;
}


/* 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: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

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

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

.forumbg {
	background: #ffffff;
}









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

/* spottilodjujen otsikot */
td#right h2, td#left h2 {	
	display: block;
	line-height: 25px;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
}
td#right h2 {
	padding-left: 10px;
}


/* 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 {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

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

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

/* Ingressin hover. */
a.spotingress:hover {
  text-decoration: underline;
}









/***************************************
* 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: #000000;
}

/* 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%;
}