html
{
  height: 100%;
}

body
{
  margin:0;
  padding: 0;
  font-family: Arial;
  background-color: #121212;
  text-align: center;
  height: 100%;
}

#nav_back
{
  height: 30px;
  width: 100%;
  background-color:#97BD3C;
  background-image: url('/image/navigation_back.gif');
}

body.frontpage #container
{
  width: 990px;
}

html > body.frontpage #container
{
  width: 750px;
}

#container
{
  text-align: left;
  width: 800px;
  margin: -30px auto;
  color: #A3CD39;
  position: relative;
  min-height: 100%;
}

* html #container
{
  height: 100%;
}

html > body #container
{
  width: 750px;
} 

#navigation
{
  width: 101%;
  height: 30px;
  background-image: url('/image/navigation_back.gif');
}

#navigation ul
{
  margin: 0 0 0 5px;
  list-style-type: none;
  padding-top: 5px;
}

html > body #navigation ul
{
  margin: 0 0 0 -40px;
}

body.frontpage #navigation ul
{
  margin: 0 0 0 110px;
}

html > body.frontpage #navigation ul
{
  margin: 0 0 0 -40px;
}

#navigation ul li
{
  display: inline;
  margin-right: 20px;
}

#navigation ul li a
{
  font-weight: bold;
  font-size: 10pt;
  color: white;
  text-decoration: none;
}

body.frontpage #navigation li.etusivu a,
#navigation ul li.selected a
{
  color: black;
  background-image: url('/image/kolmio.gif');
  background-repeat: no-repeat;
  padding-bottom: 9px;
  background-position: bottom;
}

#branding
{
  margin-top: 10px;
}

#branding hr
{
  clear: both;
  margin-bottom: 20px;
}

#branding img
{
  float: left;
}

#branding h2
{
  font-family: 'Rockwell Bold', 'Times new roman', serif;
  width: 300px;
}

#container h1
{
 font-family: 'Rockwell Bold', 'Times new roman', serif;
}

body.frontpage h2,
body.frontpage h3
{
  font-family: 'Rockwell Bold', 'Times new roman', serif;
} 

h2,
h3
{
  font-family: Arial;
}

#branding h2
{
  margin-top: 0;
  float: left;
  font-size: 11pt;
  margin-left: 130px;
}

#content
{
  margin-top: 25px;
  padding-bottom: 120px;
}

body.frontpage #frontpage_back
{
  background-image:url('/image/homepage_top.jpg');
  background-repeat: no-repeat;
  width: 990px;
  height: 450px;
  margin-top: -10px;
  margin-left: 0px;
}

html > body.frontpage #frontpage_back
{
  margin-left: -115px;
}


body.frontpage #frontpage_back img.test
{
  margin-left: 599px;
  margin-top: 113px;
  border: none; 
}

body.frontpage #content
{
  margin-left: 110px;
  margin-top: 130px;
}

body.frontpage #content ul,
body.frontpage #content ul li
{
  margin: 15px 0 0 10px;
  padding:0;
  list-style-type: square;
  color: #A3CD39;
}

body.frontpage #content-left ol li
{
  color: #A3CD39;
}

body.frontpage #content-left ol li p
{
  color: white;
}

body.frontpage #content p
{
  color: white;
}

body.frontpage #content h3,
body.frontpage #content-extra h1
{
  font-size: 13pt;
}

body.frontpage #content p
{
  font-size: 10pt;
  color: white;
}

body.frontpage #content-left
{
  width: 220px;
  float: left;
  padding-left: 10px;
}

body.frontpage #content-left ol
{
  margin:0px 0 0 25px;
  padding:0;
}

html > body.frontpage #content-left h3
{
  margin-bottom: -5px;
}

html > body.frontpage #content-left ol
{
  margin:0 0 0 20px;
}

html > body.frontpage #content-left
{
  padding: 0;
}

body.frontpage #content-extra
{
  margin-left: 20px;
  width: 230px;
  float: left;
  padding-top: 5px;
  margin-top: -5;
}

html > body.frontpage #content-extra
{
  margin-top: 3px;
}

body.frontpage #content-right
{
  margin-left: 20px;
  width: 230px;
  float: left;
}

body.frontpage #content-right p
{
  margin-top: 7px;
}

body.frontpage #content-right p strong
{
  color: #A3CD39;
  font-size: 12pt;
}

body.frontpage #content-right div.form_toolbar input
{
  width: 230px !important;
}

body.frontpage #content-right input#consumption,
body.frontpage #content-right input#km,
body.frontpage #content-right input#price
{
  width: 130px;
  margin-left: 20px;
  float: left;
}


#content-left
{
  float: left;
  min-height: 10px;
  width: 220px;
}

#content-left img.left_image
{
  margin-top: 150px;
}

#content-left ul
{
  list-style-type: square;
  margin: 0 0 0 23px;  
}

html > body #content-left ul
{
  margin: 0 0 0 -23px;  
}

#content-left ul li
{
  color: #A3CD39;
}

#content-left ul li a
{
  font-size: 9pt;
  color: #A3CD39; 
}

#content-left ul li a:hover
{
  color: #5e7c37; 
}

#content-left ul li.selected,
#content-left ul li.selected a
{
  color: white;
  text-decoration: none;
}

#content-right
{
  float: left;
  width: 450px;
  margin-left: 35px;
}

#content-right ul li
{
  list-style-image: url('/image/list.gif');
}

body.tietovisa #content-right ul li
{
  list-style-image: none;
}

#content,
#content td,
#content th
{
  font-size: 9pt;
  color: white;
}

#content h1
{
  color: #A3CD39; 
  margin: 0;
  font-size: 18pt;
}

#content h2
{
  color: #A3CD39; 
  font-size: 16pt;
}

#content table td.recount,
#content h3,
#content h2
{
  color: #A3CD39;
  font-size: 13pt;
  margin: 1em 0 0.5em;
}

#content a
{
  color: #A3CD39;
}

#content-right p a:hover
{
  color: #5e7c37; 
}

#content-right h3
{
  font-size: 10pt;
}

#content-right #consumption div.form_toolbar input
{
  width: 216px;
  float: right;
}

#content-right input#consumption,
#content-right input#km,
#content-right input#price
{
  width: 210px;
  float: right;
}

#content-right input#fuel_gasoline,
#content-right input#fuel_diesel
{
  margin-left: 40px;
}

hr.helper
{
  clear: both;
  visibility: hidden;
}

#siteinfo #logo_wrapper
{
  margin: 0 auto;
  width: 300px;
}

#siteinfo img.logo
{
  border: none;
}

#siteinfo
{
  width: 750px;
  height: 130px;
  padding: 15px 0;
  margin: -110px auto 0;
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
}

body.frontpage #siteinfo
{
  margin: 0 auto;
  padding: 0 100px;
}

#siteinfo hr
{
  color: #A3CD39;
}

html > body #siteinfo hr
{
  margin:0 0 5px 0;
  padding: 0;
  height: 1px;
  background-color: #A3CD39;
  border: 1px solid #A3CD39;
  width: auto;
  clear: both;
}

#siteinfo ul
{
  margin-top: 0px;
  font-size: 10pt;
  list-style-type: none
}

#siteinfo ul li
{
  display: inline;
  margin-right: 10px;
}

#siteinfo ul li p
{
  color: white;
  margin:0 10px 0 0;
  float: left;
}

#siteinfo ul li a
{
  color: #A3CD39;
  float: left;
  margin-left: 10px;
}

#cc_kaktus_query label
{
  color: white;
}

#cc_kaktus_query div.contact_information span
{
  display: block;
  text-align: right;
  padding-right: 1em;
  width: 8em;
  float: left;
  clear: left;
  margin-top: 0.2em;
}

#cc_kaktus_query div.contact_information input
{
  display: block;
  float: left;
  margin-top: 0.2em;
}

#cc_kaktus_query div.query_group
{
  padding-top: 1em;
  clear: both;
}

#consumption table
{
  border-bottom: solid 1px #494a49;
  border-spacing: 0;
  margin: 1em 0;
  border-collapse: collapse;
  width: 100%;
}

#consumption table td
{
  border-top: solid 1px #494a49;
  padding: 0.5em 0.5em 0.5em 0;
  vertical-align: top;
}

#consumption table td label
{
  display: block;
}

#consumption div.form_toolbar
{
  text-align: center;
}

#consumption div.form_toolbar input
{
  background-image: url('/image/button-background.gif');
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #91b63e;
  color: white;
  border-style: solid;
  border-width: 2px;
  border-color: #a3cd39;
  padding: 0.5em 4em;
}

#consumption td.green
{
  color: #A3CD39;
}