HTML, BODY
{
  margin: 0;
  padding: 0px;
  background-color: #cfcfcf;
  height: 100%;
}

BODY
{
  padding-left: 40px;
  background-color: #cfcfcf;
}

*
{
  font-family: arial,sans-serif,verdana,tahoma;
  line-height: 125%;
}

img
{
  border: none;
}

p
{
  margin: 10px 0px 0px 0px;
}

h1
{
  margin: 20px 0px 10px 0px;
  font-size: 12px;
  font-weight: bold;
}

h2
{
  margin: 0px 0px 10px 0px;
  color: #006db3;
  font-size: 14px;
  font-weight: bold;
}

a, a:hover
{
  color: #006db3;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

#maincontainer
{
  position: relative;
  top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  overflow: visible;
  background: url(Images/main-bg.gif) no-repeat;
}

#header
{
  width: 770px;
  height: 70px;
  background: #006db3 url(Images/header-bg.gif);
}

#langselect
{
  float: right;
  padding-top: 31px;
  color: #ffffff;
  font-size: 13px; /* TOISTAISEKI PIILOTETTUNA!*/
  display: none;
}

.navi
{
  background-color: #808080;
  height: 25px;
}

.navi a, .navi a:hover, .navi .selected
{
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  background-color: #808080;
  height: 20px;
  border-right: #c0c0c0 1px solid;
  font-weight: normal;
}

.navi a:hover, .navi .selected
{
  background-color: #006db3;
}



#flashbanner
{
  width: 770px;
  height: 160px;
}

#path
{
  padding-left: 12px;
  height: 20px;
  padding-top: 5px;
  font-weight: bold;
  color: #006db3;
  font-size: 11px;
}

#path a, #path a:hover
{
  color: #006db3;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}

.boxTitle
{
  float: left;
  margin-top: 13px;
}

.boxheader
{
  height: 35px;
  background-color: #006db3;
}

.boxTitle
{
  line-height: 12px;
  font-family: Arial Black, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

.boxGreen .boxheader
{
  background-color: #68a309;
}

.boxBlack .boxheader
{
  background-color: #000000;
}

.boxGrey .boxheader, .boxEMail .boxheader
{
  background-color: #808080;
}

.boxheader img
{
  display: block;
}

.boxshadow
{
  height: 15px;
  background: #ffffff url(Images/box-shadow.gif);
  overflow: hidden;
}

.boxcontent, #askmore
{
  background-color: #ffffff;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 11px;
  color: #333333;
}

p.first
{
  margin-top: 0px;
}

.boxcontent table
{
  margin: 0;
  border: none;
  width: 100%;
}

.boxcontent td
{
  vertical-align: middle;
  color: #333333;
  font-size: 11px;
}

.boxcontent td img
{
  display: block;
  margin-right: 15px;
}

.boxbottom
{
  height: 25px;
  background-color: #ffffff;
}

.boxbottom a, .boxbottom a:hover, .email
{
  display: block;
  float: right;
  height: 25px;
  width: 25px;
  background: #ffffff url(Images/button-blue-plus.gif);
}

.boxbottom a:hover, .boxGreen .boxbottom a:hover, .boxBlack .boxbottom a:hover
{
  background: #ffffff url(Images/button-grey-plus.gif);
}

.boxMinus .boxbottom a
{
  background: #ffffff url(Images/button-blue-minus.gif);
}

.boxMinus .boxbottom a:hover
{
  background: #ffffff url(Images/button-grey-minus.gif);
}

.boxGrey .boxbottom a
{
  background: #ffffff url(Images/button-grey-plus.gif);
}

.boxGrey .boxbottom a:hover
{
  background: #ffffff url(Images/button-blue-plus.gif);
}

.boxGreen .boxbottom a
{
  background: #ffffff url(Images/button-green-plus.gif);
}

.boxBlack .boxbottom a
{
  background: #ffffff url(Images/button-black-plus.gif);
}

.boxEMail .boxbottom a
{
  background: #ffffff url(Images/button-mail-grey.gif);
}

.boxEMail .boxbottom a:hover
{
  background: #ffffff url(Images/button-mail-green.gif);
}

.jsover
{
  background: #ffffff url(Images/button-grey-plus.gif) !important;
}

.arvotclosed
{
  cursor: pointer;
  position: relative;
  height: 80px;
  width: 310px;
  margin-bottom: 10px;
}

.arvotopen
{
  position: relative;
  margin-bottom: 10px;
  display: none;
  width: 310px;
}

.arvotopen img
{
  display: block;
}

.arvotclosed a, .arvotclosed a:hover
{
  position: absolute;
  top: 55px;
  right: 0px;
  display: block;
  height: 25px;
  width: 25px;
  background: #ffffff url(Images/button-blue-plus.gif);
}

.arvotclosed a:hover
{
  background: #ffffff url(Images/button-grey-plus.gif);
}

#arvotclosed1
{
  background: #cfcfcf url(Images/arvot-1.jpg);
}

#arvotclosed2
{
  background: #cfcfcf url(Images/arvot-2.jpg);
}

#arvotclosed3
{
  background: #cfcfcf url(Images/arvot-3.jpg);
}

#arvotclosed4
{
  background: #cfcfcf url(Images/arvot-4.jpg);
}

#ratkaisut1
{
  background: #cfcfcf url(Images/ratkaisut-1.jpg);
}

#ratkaisut2
{
  background: #cfcfcf url(Images/ratkaisut-2.jpg);
}

#ratkaisut3
{
  background: #cfcfcf url(Images/ratkaisut-3.jpg);
}

#ratkaisut4
{
  background: #cfcfcf url(Images/ratkaisut-4.jpg);
}



#footer
{
  clear: both;
  font-size: 11px;
  width: 770px;
  height: 25px;
  padding-top: 10px;
  text-align: center;
  background: #006db3 url(Images/footer.gif) no-repeat;
  color: #ffffff;
}

#dellKnowmore, #knowmore
{
  clear: both;
  width: 770px;
  height: 85px;
  background: #68a309 url(Images/tuote-know-more.gif);
  overflow: hidden;
  margin-bottom: 10px;
}

#dellKnowmore
{
  background: #006db3 url(Images/Dell-know-more.gif);
}


#dellKnowmore table, #knowmore table
{
  width: 771px;
}

#dellKnowmore td, #knowmore td, #askmore td
{
  vertical-align: middle;
  font-size: 11px;
  color: #ffffff;
}

#askmore td
{
  height: 55px;
  color: #333333;
}

#dellKnowmore a, #knowmore a, #knowmore a:hover
{
  color: #ffffff;
}

#dellKnowmore a.knowmorelink, #dellKnowmore a.knowmorelink:hover, #knowmore a.knowmorelink, #knowmore a.knowmorelink:hover
{
  display: block;
  height: 25px;
  width: 25px;
  background: #ffffff url(Images/button-mail-green.gif);
}

#dellKnowmore a.knowmorelink
{
  background: #ffffff url(Images/button-mail-blue.gif);
}

#dellKnowmore a.knowmorelink:hover, #knowmore a.knowmorelink:hover
{
  background: #ffffff url(Images/button-mail-grey.gif);
}

#dellKnowmore td div, #knowmore td div
{
  width: 234px;
  height: 85px;
}

a.expandingblue, a.expandingblue:hover, a.expandinggreen, a.expandinggreen:hover
{
  display: block;
  height: 19px;
  width: 225px;
  padding-left: 35px;
  background: #006db3 url(Images/expandinglink-blue.gif) 0 0 no-repeat;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  padding-top: 6px;
  margin-bottom: 2px;
}

a.expandinggreen, a.expandinggreen:hover
{
  background: #68a309 url(Images/expandinglink-green.gif) 0 0 no-repeat;
}

.boxLeftCorner
{
  background: #006db3 url(Images/box-blue-left.gif) 0 0 no-repeat;
  width: 15px;
  height: 35px;
  float: left;
  overflow: hidden;
}

.boxGreen .boxLeftCorner
{
  background: #006db3 url(Images/box-green-left.gif) 0 0 no-repeat;
}

.boxBlack .boxLeftCorner
{
  background: #000000 url(Images/box-black-left.gif) 0 0 no-repeat;
}

.boxGrey .boxLeftCorner, .boxEMail .boxLeftCorner
{
  background: #006db3 url(Images/box-grey-left.gif) 0 0 no-repeat;
}

.boxRightCorner
{
  background: #006db3 url(Images/box-blue-right.gif) 0 0 no-repeat;
  width: 15px;
  height: 35px;
  float: right;
  overflow: hidden;
}

.boxGreen .boxRightCorner
{
  background: #68a309 url(Images/box-green-right.gif) 0 0 no-repeat;
}

.boxBlack .boxRightCorner
{
  background: #000000 url(Images/box-black-right.gif) 0 0 no-repeat;
}

.boxGrey .boxRightCorner, .boxEMail .boxRightCorner
{
  background: #808080 url(Images/box-grey-right.gif) 0 0 no-repeat;
}

.box, .boxGreen, .boxGrey, .boxEMail, .boxBlack
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}





/* specifications table */

table.specs
{
  border-collapse: collapse;
}

table.specs td, table.specs th
{
  border: #c8c8c8 1px solid;
  padding: 3px 4px 3px 4px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

table.specs td
{
  background-color: #ffffff;
}

table.specs th
{
  background-color: #f0f0f0;
}

table.specs td.col1, table.specs th.col1
{
  font-weight: bold;
}

.boxcontent ul
{
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 5px;
}

.boxcontent ul li
{
  list-style: none;
}

.obfuscate
{
  display: none;
}

table.form th
{
  text-align: left;
  vertical-align: top;
}