/**
* KESA

body { background: #eef4fa url( ../rakenne/teemat/kesa/body_bg.jpg ) repeat-x top left; }
a { color: #266f0b; }
a:hover { color: #49A401; }
table.price td.unit { color: #606060; }
table.discount_table tr td.name div.title, table.price td.euros, table.price td.cents { color: #266f0b; }
div.discount_even { background: #fff url( ../rakenne/teemat/kesa/discount_bg_even.gif ) repeat-x top left; }
#menu { background: #EEF4FA url( ../rakenne/teemat/kesa/header_kesa.jpg ) no-repeat top center; }
#footer { background: #eef4fa url( ../rakenne/teemat/kesa/footer.jpg ) no-repeat top center; }
#top-bar { background: #fff url( ../rakenne/teemat/kesa/banner.jpg ) no-repeat top center; }
#content .inner h1 { color: #249b15; }
#columns { background: transparent url( ../rakenne/teemat/kesa/innercolumns_bg.gif ) no-repeat top left; }
*/

/**
* TALVI
*/
body { background: #eef4fa url( ../rakenne/teemat/talvi/body_bg.gif ) repeat-x top left; }
a { color: #0068b8; }
a:hover { color: #0068b8; }
table.price td.unit { color: #0068b8; }
table.discount_table tr td.name div.title, table.price td.euros, table.price td.cents { color: #0068b8; }
div.discount_even { background: #fff url( ../rakenne/teemat/talvi/discount_bg_even.gif ) repeat-x top left; }
#menu { background: #EEF4FA url( ../rakenne/teemat/talvi/header_talvi.jpg ) no-repeat top center; }
#footer { background: #eef4fa url( ../rakenne/teemat/talvi/footer.jpg ) no-repeat top center; }
#top-bar { background: #fff url( ../rakenne/teemat/talvi/banner.jpg ) no-repeat top center; }
#content .inner h1 { color: #0068b8; }
#columns { background: transparent url( ../rakenne/teemat/talvi/innercolumns_bg.gif ) no-repeat top left; }



/**
* JOULU

body { background: #eef4fa url( ../rakenne/teemat/joulu/body_bg.jpg ) repeat-x top left; }
a { color: #980905; }
a:hover { color: #980905; }
table.price td.unit { color: #980905; }
table.discount_table tr td.name div.title, table.price td.euros, table.price td.cents { color: #980905; }
div.discount_even { background: #fff url( ../rakenne/teemat/joulu/discount_bg_even.gif ) repeat-x top left; }
#menu { background: #EEF4FA url( ../rakenne/teemat/joulu/menu_bg.jpg ) no-repeat top center; }
#footer { background: #eef4fa url( ../rakenne/teemat/joulu/footer.jpg ) no-repeat top center; }
#top-bar { background: #fff url( ../rakenne/teemat/joulu/banner.jpg ) no-repeat top center; }
#content .inner h1 { color: #980905; }
#columns { background: transparent url( ../rakenne/teemat/joulu/innercolumns_bg.gif ) no-repeat top left; }
*/






/**
* Body-tag with blue gradient in the background
*/
body {
  margin: 0; padding: 0;
}
body.edit {
  background-position: 0 47px;
}

/**
* Fonts
*/
a {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/**
* Pages container
*/
#page {
  margin-top: 18px;
  width: 789px;
  overflow: hidden;
  background: #fff url( ../rakenne/page_bg.gif ) repeat-y top left;
}


#columns {
  margin: 0;
}
body.frontpage #columns {
  background-image: none;
}


/**
* Top banner. Image is a background image, not <img> -tag
*/
#top-bar {
  height: 73px;
}


body.frontpage #headblock {
  display: block;
  width: 269px;
  height: 175px;
  position: absolute;
  margin-top: 102px;
  margin-left: 437px;
  color: #fff;
  font-family: verdana, sans-serif;
  font-size: 13px;
  overflow: hidden;
}
#maillist h2 {
  color: #fff;
  font-family: verdana, sans-serif;
  font-size: 17px;
  font-weight: normal;
  padding: 0;
}
#maillist {
  margin: 10px 0 0 17px;
}
#maillist input {
  border: 1px solid #1c5180;
  vertical-align: middle;
}
#maillist .input_image { border: none; }
#maillist .radio { border: none; vertical-align: -22%; margin-left: -2px; }
#maillist .field { width: 150px; }
#maillist a { color: #fff; text-decoration: underline; font-weight: normal; }
#maillist img { vertical-align: middle; margin: 0px 4px 0 0; }
#maillist div {  margin: 2px 0 8px 0; }



/**
* Pages content. Left and right margin is 230px for side columns
*/
#content {
  margin: 0 250px 0 18px;
  padding: 10px 0 20px 0;
  background-color: transparent;
}
#content .inner {
  margin: 0 5px 0 0;
  padding-left: 23px;
}

#content .inner h1 {
  font-size: 22px;
	font-weight: normal;
  /*position: relative;*/
}



#footer {
  height: 80px;
  padding-top: 65px;
  overflow: hidden;
}
#footer a {
  font-weight: normal;
  color: #B0B0B0;
}

/**
* Menu and dropdown menus
*/

#menu {
  height: 28px;
  margin: 0; padding: 0;
}
body.frontpage #menu {
  height: 208px;
}

#menu ul {
  margin: 0 15px;
  padding: 0;
}
#menu ul li {
  background: transparent url( ../rakenne/menu_divider.gif ) no-repeat top left;
  padding: 0; margin: 0;
}
#menu ul li.first_link {
  background: none;
}
#menu ul li a {
  font-weight: bold;
  text-transform: uppercase;
  color: #535353;
  font-size: 11px;
  padding: 7px 12px 8px 12px;
}
#menu ul a:hover {
  color: #535353;
  text-decoration: underline;
}
#menu ul li ul {
  margin-top: 0px;
  padding-top: 2px;
  padding-bottom: 1px;
  z-index: 100;
  border: 1px solid #D3D3D3;
  border-top: none;
  margin-left:  -3px;
  position: absolute;
  width: 14em;
}
#menu ul li#menu_li1 ul {
  margin-left: 5px;
}
#menu ul li ul li {
  clear: both;
  background-image: none;
  height: auto;
  z-index: 100;
  width: 13em;
}
#menu ul li ul li a {
  color: #535353;
  font-weight: bold;
  text-transform: none;
  font-size: 11px;
  padding: 4px 12px 4px 12px;
  overflow: hidden;
  background-image: none;
}
#menu ul li ul li a:hover {
  color: #535353;
  text-decoration: underline;
}
#menu li.active_link {
  text-decoration: none;
  margin-left: -1px;
  margin-right: 2px;
}
#menu ul li ul li.active_link {
  background-image: none;
  text-decoration: underline;
  color: #fff;
}
#menu ul li ul li.clearli {}

#menu div.clear {
  display: none;
}

/**
* Left and right columns content blocks (news, gallup etc.)
*/
.box {
  width: 223px;
  border: none;
  margin: 9px 0 15px 0;
}
#right-bar, #left-bar {
  margin: 0;
  width: 223px;
}
#right-bar {
  margin-right: 19px;
}
#left-bar { display: none; }

.box .header {
  background-color: transparent;
  padding: 0; margin: 0;
}
.box .content {
  background-color: transparent;
}

.box h1 {
  color: #6A6A6A;
  font-size: 100%;
  font-weight: bold;
  padding: 10px 0;
  background-color: transparent;
}

.box p {
  padding: 0 0 20px 0;
  color: #5B5B5B;
  font-size: 13px;
}

.supermarketdiscount div.header {
  background: #fff url( ../rakenne/dbox_top.gif ) no-repeat top left;
  width: 223px;
  height: 29px;
}
.supermarketdiscount div.content {
  background: #fff url( ../rakenne/dbox_bg.gif ) repeat-y top left;
  width: 223px;
}
.supermarketdiscount div.content div.content_bottom {
  display: block;
  background: #fff url( ../rakenne/dbox_btm.gif ) no-repeat top left;
  width: 223px;
  height: 9px;
}



/* Tarjoukset */
body.tarjoukset #right-bar { display: none; }
body.tarjoukset #content {
  margin-right: 17px;
  padding-top: 0;
}


/* Etusivu */
body.frontpage #content {
  /*background: #fff url( ../rakenne/news_bg.gif ) repeat-x top left;*/
}
body.frontpage #content_view { visibility: hidden; }
td.newsitem { padding-right: 5px; }
.newsitem .small { display: none; }
.newsitem b a { font-size: 13px; }
#news_frontpage { margin-top: -20px; }
#news_frontpage h1 { margin-top: 0; padding-top: 0; }


/* Bannerit 
body.frontpage .banners{
  display: none;
}*/


/* Tapahtumakalenteri */
body.frontpage #calendar_frontpage {
  height: 256px;
}
body.frontpage #calendar_frontpage div.inner {
  width: 230px;
  float: left;
}
body.frontpage #calendar_frontpage div.calendar_head {
  float: none;
  width: auto;
}


body.frontpage #supermarket_discounts {
  clear: left;
  margin-top: 20px;
}


div#news_frontpage div.inner h1 {
  color: #606060;
  font-size: 22px;
	font-weight: normal;
}


/* Tarjoukset */
div.discount {
  float: left;
  height: 181px;
  border-right: 1px solid #bbbbaf;
  overflow: hidden;
}
div.discount3 { width: 460px; }
div.discount2 { width: 460px; }
div.discount1 { width: 230px; }
div.discount_box {
  width: 220px;
  float: none;
  height: auto;
  border: none;
}

div.discount_right { border: none; }
div.discount_odd { background: #fff url( ../rakenne/discount_bg_odd.gif ) repeat-x top left; }

table.discount_table {
  height: 160px;
  width: 100%;
  margin-right: 250px;
}
table.discount_table td {
  font-family: Arial, sans-serif;
  padding: 10px 0 10px 10px;
}
table.discount_table td.name {
	padding-bottom: 10px;
  font-size: 11px;
}
table.discount_table tr td.name div.title {
  font-size: 20px;
}
table.discount_table td.image {
	width: 90%;
}
table.discount_table td.price {
	height: 70px;
	width: 90px;
  float: right;
}
table.price {
	height: 70px;
}
table.price td {
	padding: 0;
}
table.price td.euros {
	text-align: right;
  font-size: 66px;
	height: 70px;
}
table.price td.cents {
  font-size: 28px;
  height: 37px;
  vertical-align: bottom;
}
table.price td.unit {
  font-size: 15px;
  height: 33px;
}


#content fieldset {
  border: none;
}
#content input, #content textarea {
  margin-bottom: 10px;
  font-size: 11px;
}
#content label {
  width: 140px;
  margin: 0px 8px 5px 0;
  float: left;
  text-align: right;
}