body {
  background: #850000 url( /clients/layoutsw/disco/pics/bodybg.gif ) repeat-x top left;
  color: #181818;
  font-size: 11px;
}
body.edit {
  background-position: 0 47px;
}
a { color: #da0000; }
a:visited { color: #ed7b37; }

#page {
  width: 900px;
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  margin-top: 28px;
}
#columns {
  background-image: url( /clients/layoutsw/disco/pics/columnstop.gif );
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 10px;
  margin: 0;
  height: 100%;
}
#top-bar {
  margin: 0;
  height: 232px;
  background: #aa0000 url( /clients/layoutsw/disco/pics/topbar.jpg ) no-repeat top left;
}
#content {
  margin: 0px 203px 20px 203px;
}
/* For layout editor */
body.twocol #content {
  margin-left: 203px;
  margin-right: 203px;
}

body.leftcol #content {
  margin-left: 203px;
  margin-right: 20px;
}

body.rightcol #content {
  margin-left: 20px;
  margin-right: 203px;
}

body.nocol #content {
  margin-left: 20px;
  margin-right: 20px;
}

#content h1 {
  color: #da0000;
  font-weight: normal;
  font-size: 20px;
}
#content h2 {
  color: #da0000;
  font-weight: bold;
}

#page #content h1 {
  padding-bottom: 15px;
}

#footer {
  text-align: left;
  font-size: 80%;
  background-color: #fff;
}

#footer a {
  color: #b1b1b1;
  text-decoration: none;
  display: block;
  margin: 8px 20px 0 20px;
}

#menu {
  margin: -1px 0 30px 0;
  background: none;
  width: 185px;
  background: transparent;
  padding-bottom: 20px;
  border-top: 1px solid #dfdfdf;
}

#menu ul {
  width: 185px;
  background: none;
}

#menu ul li {
  width: 184px;
  background: #ffffff url( https://kotisivukone.fi/clients/layoutsw/disco/pics/menu_li_ac.gif ) no-repeat center;
  padding: 0;
  margin: 0;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

#menu ul li a {
  font-weight: bold;
  color: #da0000;
  font-size: 11px;
  padding: 10px 0 8px 20px;
  display: block;
  width: 136px;
}

#menu ul li.active_link a,
#menu ul li.sublink_active a {
  text-decoration: underline;
}

#menu ul li a:hover,#menu ul li.active_link a:hover {
  color: #ed7b37;
  text-decoration: underline;
}

#menu ul.left li ul {
  border: 1px solid #dfdfdf;
  z-index: 100;
  margin: -20px 0 0 10em;
  width: 185px;
  background-image: none;
  background-color: #ffffff;
}

#menu ul li ul li,#menu ul li ul li.active_link {
  background: none;
  padding: 0;
  padding-top: 5px;
  height: auto;
  width: 185px;
}
#menu ul li ul .clearli {
  display: none;
}

#menu ul li ul li a {
  text-decoration: none !important;
}

#menu ul li ul li a, #menu ul li ul li.active_link a, #menu ul li.active_link ul li a {
  font-weight: normal;
  padding: 5px 7px;
  color: #ef0000;
  width: 185px;
}
#menu ul li ul li.active_link  a, #menu ul li ul li a:hover {
  text-decoration: underline !important;
}


#left-bar, #right-bar {
  width: 185px;
  margin-top: -7px;
  color: #000000;
  font-size: 10px;
}

#left-bar h1,#right-bar h1 {
  font-weight: bold;
  font-size: 12px;
}
.box {
  border: none;
  margin: -1px 0 0;
  padding-bottom: 0px;
  width: 185px;
  border-bottom: 1px solid #dfdfdf;
}

#left-bar .box .header {
  background: #ffffff url( /clients/layoutsw/disco/pics/boxheadl.gif ) no-repeat center;
  padding-left: 9px;
  border-right: 1px solid #dfdfdf;
}
#right-bar .box .header {
  background: #ffffff url( /clients/layoutsw/disco/pics/boxheadr.gif ) no-repeat center;
  border-left: 1px solid #dfdfdf;
}
.box .header {
  background-color: #ffffff;
  padding: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
#right-bar .box .content {
  border-left: 1px solid #dfdfdf;
}
#left-bar .box .content {
  border-right: 1px solid #dfdfdf;
}

.box h1 {
  color:  #da0000;
  padding: 10px 0 8px;
  margin: 0 10px;
}

#left-bar .box p{
  padding-left: 9px;
}
#right-bar .box p{
  padding-left: 5px;
}
.box .content {
  padding-top: 5px;
}
.box p a {
  font-weight: bold;
}

/* This template makes an exceptionally big left padding for the all links which makes the shopping cart content block look bad,
   so the two rules below correct the price rows to use same align. A bit of a hack, but normally the prices should be spread apart
   as much as possible because with most templates there is hardly enough room for the prices. -Matti */
.box td.cart_data_left {
  padding-left: 5px !important;
}
.box td.cart_total_sum {
  padding-left: 10px !important;
}