/*** IMPORTANT CONSTANTS ***/
#content, #top_border, #bottom_border {
  width: 971px; /* Total width of the layout */
}

#top_left_border, #top_right_border, #header {  /* The header picture's height */
  height: 148px;
}

#header, #middle_block, #footer_middle_block {
  width: 931px; /* The width of the black color fill */
}

#top_left_border, #left_border, #footer_left_border {
  width: 17px;  /* The width of the left border */
}

#top_right_border, #right_border, #footer_right_border {
  width: 23px;  /* The width of the right border */
}

#left_border, #middle_block, #right_border {
  height: 515px;  /* The height of the black color fill area */
}
 /* Global  variables */
body {
  font: 75% verdana,tahoma,arial,sans-serif;
  color: white;
  line-height: 1.7;
  background-image: url(images/bgtile.gif);
  background-repeat: repeat;
  background-color: #000000;
  margin: 0;
  padding: 0;
  overflow: auto;
  text-align: center;
}
body h1 {
  font-size: 22px;
}
body h2 {
  font-size: 18px;
}
body h3 {
  font-size: 16px;
}
body h4 {
  font-size: 14px;
}
body p {
  font-size: 12px;
}
body img {
  border: 2px solid #1d1d1d;
}
body a {
	color: white;
}
	/* Navigation menu */
#navigation_bar {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 1px 0 2px 0; /* Vertical-centering the menu buttons */
  width: 100%;
  height: 36px; /* The height of the button images */
  background: url(images/bgmenu3.png) top repeat-x;
  z-index: 2;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#navigation {
  height: 36px; /* The height of the button images */
  text-align: center;
}
#navigation ul {
  margin: 0 auto;
  width: 820px; /* buttons + paddings */
  list-style: none;
  padding: 0;
}
#navigation li {
  text-align: center;
  padding: 0 15px 0 15px; /* padding between buttons */
  float: left;
  list-style-type: none;
  height: 36px;
  line-height: 36px;
}
#navigation li a:link, #navigation li a:visited {
  background: url(images/menubutton_v2.gif) center center no-repeat;
  display: block;
  width: 134px;
  height: 36px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  line-height: 2.5;
  text-align: center;
  font-weight: normal;
}

#navigation li a:active, #navigation li a:hover {
  text-decoration: underline;
}

#content {
  text-align: center;
  position: relative;
  margin: 10px auto 0 auto;
}

#content2 {
	width: 971px;
  text-align: center;
  position: relative;
  margin: 0 auto 10px auto;
}

	/* Position and styling of the main content container */
#content_area {
  position: absolute;
  top: 220px; /* The start of the content block */
  left: 50%;
  height: 510px;  /* The height of the content */
  width: 893px;
  margin-left: -447px;
  padding: 0;
  z-index: 1;
  float: left;
  text-align: center;
}

#left_pic {
  position: absolute;
  left: 50%;
  margin-top: -15px;
  margin-left: -440px;
  width: 267px;
  height: 200px;
  background: url(images/drd125.png) top left no-repeat;
  z-index: 1;
}
#right_pic {
  position: absolute;
  left: 50%;
  margin-top: 20px;
  margin-left: 180px;
  width: 299px;
  height: 170px;
  background: url(images/rxtx260.png) top left no-repeat;
  z-index: 1;
}

	/* The basic graphical layout */
#top_border {
  position: relative;
  float: left;
  height: 24px;
  background: url(images/top_border.png) top left no-repeat;
}
#top_left_border {
  position: relative;
  float: left;
  background: url(images/top_left_border_v3.png) top left no-repeat;
}

#top_right_border {
  position: relative;
  float: left;
  background: url(images/top_right_border_v3.png) top left no-repeat;
}
#left_border {
  position: relative;
  float: left;
  background: url(images/left_tile.png) top left repeat-y;
}
#middle_block {
  position: relative;
  float: left;
  background-color: #000;
}
#right_border {
  position: relative;
  float: left;
  background: url(images/right_tile.png) top left repeat-y;
}
#footer {
  position: relative;
  float: left;
  width: 100%;
  height: 88px;
}
#footer_left_border {
  position: relative;
  float: left;
  height: 100%;
  background: url(images/left_tile.png) top left repeat-y;
}
#footer_middle_block {
  position: relative;
  float: left;
  height: 100%;
  background-color: #000;
}
/* Footer text styling */
#footer_middle_block address {
  padding-top: 5px;
  margin-left: 20px;
  font: 9pt Arial Black, Arial;
  text-align: left;
  color: #EBEBEB;
}
#footer_right_border  {
  position: relative;
  float: left;
  height: 100%;
  background: url(images/right_tile.png) top left repeat-y;
}

#bottom_border {
  position: relative;
  float: left;
  height: 24px;
  background: url(images/bottom_border.png) top left no-repeat;
}

/**** PAGE-SPESIFIC CONTENT STYLING ****/
/* global decoration settings */
#window_single, #window1, #window2, #window3, #myyntipalsta, #window_yritys, #news_headers, #sideshow {
  text-align: left;
  background-color: #1d1d1d;
  overflow: none;
  font: 10pt Verdana, Tahoma, Arial;
  line-height: 1.65;
	min-width: 8em;
	z-index: 1;
	margin-left: 10px;
	margin-bottom: 7px;
	margin-top: 7px;
	float: left;
}

/***	ROUNDED BOXES	***/
.boxcontent,
.t,
.b,
.b div {
 background:transparent url(images/rounded.gif) no-repeat top right;
}
.boxcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:8px 10px 3px 5px;
}
.t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.b {
 /* bottom */
 position:relative;
 width:100%;
}

.b,
.b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.b {
 background-position:bottom right;
}

.b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.hd,
.bd,
.ft {
 position:relative;
}

.wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 _overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

#window_single h1, #window1 h1, #window2 h1, #window3 h1, #myyntipalsta h1, #window_yritys h1,
#window_single p, #window1 p, #window2 p, #window3 p, #myyntipalsta p, #window_yritys p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
}

#window1 a:link, #window2 a:link, #window3 a:link, #window_single a:link,
#window1 a:active, #window2 a:active, #window3 a:active, #window_single a:active,
#window1 a:visited, #window2 a:visited, #window3 a:visited, #window_single a:visited {
  color: #FEAF62;
  text-decoration: none;
  font-style: italic;
}
#window_single a:hover, #window1 a:hover, #window2 a:hover, #window3 a:hover, #window_single a:hover {
  text-decoration: underline;
}
#window1, #window_single {
	margin-left: 45px;
}
/*** FRONTPAGE ***/
#window1, #window2, #window3 {
  width: 273px;
  float: left;
  line-height: 1.4;
}

#window1 .boxcontent, #window2 .boxcontent, #window3 .boxcontent {
	height: 310px;
}

span#jatkuu {
  font-style: italic;
  line-height: 40px;
}
#window1 h2, #window2 h2, #window3 h2, #window1 h3, #window2 h3, #window3 h3, #window1 h4, #window2 h4, #window3 h4 {
  margin-top: 0;
}


#filmshow {
  position: relative;
	margin: 7px auto 7px 70px;
  float: left;
  padding: 0;
	font-size: 9pt;
	line-height: 1.2;
}
#filmshow ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
#filmshow li {
  padding: 0;
  margin: 5px 10px;
  float: left;
  list-style-type: none;
  height: 128px;
  width: 128px;
  background: url(images/filmshow.gif) top left no-repeat;
}

#filmshow img {
	padding-top: 3px;
}

#filmshow li#idrl {
  background: none;
  margin-top: 38px;
  margin-left: 0;
  margin-right: 0;
  width: 41px;
  height: 51px;
  border: 0;
}
#filmshow li#idrl img {
  border: 0;
}



/*** COMPANY ***/
/* Inner company presentation page manu */
#menu2 {
  float: none;
  padding: 0;
}
#menu2 ul {
  margin: 0;
  padding-left: 20px;
  margin-bottom: 10px;
}
#menu2 li {
  display: inline;
  padding: 0 10px 5px 10px;
}
#menu2 li a:link, #menu2 li a:active, #menu2 li a:visited, #menu2 li a:hover {
  color: #FE9150;
  font-family: Rockwell, Lucida Sans Unicode, Trebuchet MS, Arial;
  font-size: 16px;
  font-style: none;
}
#menu2 li a:link, #menu2 li a:active, #menu2 li a:visited {
  text-decoration: none;
}
#menu2 li a:hover {
  text-decoration: underline;
}

/*** OTHER PATES ***/
#window_single {
	float: left;
  position: relative;
  width: 570px;
}
#window_single .boxcontent {
	min-height: 420px;
	padding-left: 8px;
}
#window_single img {
  border: 0px;
}

/*** CONTACT ***/
.yhteys {
  padding: 20px;
}
.yhteys p, .yhteys h{
  color: #FFFFFF;
}
.yhteys a, .yhteys a:link, .yhteys a:active, .yhteys a:visited {
  color: #FEAF62;
  text-decoration: none;
  font-style: italic;
}
.yhteys a:hover{
  text-decoration: underline;
}

/*** SALES PAGE ***/
#myyntipalsta {
  margin-left: 40px;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 100%;
  width: 890px;
  overflow: auto;
  float: left;
  position: relative;
}
#myyntipalsta img {
  border: 1px solid #000000;
}
/* Submenu */
#showOnly {
  position: relative;
}
#showOnly p {
  font-style: italic;
  position: relative;
  margin-left: 100px;
  margin-top: 15px;
  padding-bottom: 0;
  color: #FFDCC4;
  line-height: 4px;
}
#showOnly li {
  float: left;
  padding: 0 10px 10px 10px;
  list-style-type: none;
  text-indent: 7px;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}
#showOnly a:link, #showOnly a:visited, #showOnly a:active {
  color: #FEAF62;
  text-decoration: none;
  font-style: none;
}
#showOnly a:hover {
  text-decoration: underline;
}
#myynti_arrow {
  width: 100%;
  text-align: center;
  float: left;
}
#myynti_arrow a {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #FEAF62;
  text-decoration: none;
}
th.myyntiOtsikko, table.idTable th {
  background-color: #F8641E;
  text-align: left;
  color: #FFF0E6;
  border-bottom: 1px solid #323232;
}
th.myyntiOtsikko {
  text-indent: 0;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  width: 100px;
}
th.myyntiOtsikko a {
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 10px;
}
th.myyntiOtsikko a:hover {
  text-decoration: underline;
}
td.rivi0, td.rivi1 {
  border: 0;
  text-align: left;
  text-indent: 5px;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  height: 130px;
  padding-left: 10px;
}
td.hinta_cell {
  width: 140px;
  text-indent: 0;
}
td.hinta_cell a {
  color: #404040;
  font-style: italic;
  text-decoration: underline;
}
td.malli_cell {
  width: 140px;
}
td.rivi0 {
  background-color: #FFF0E6;
}
td.rivi1, table.idTable td {
  background-color: #FFEBBC;
}
table.myyntiTaulukko {
  float: left;
  border-spacing: 0;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  background-color: #fafafa;
  border: 0;
} 
.myyntiTaulukko {
  margin: 0 20px 20px 20px;
}
.myyntiTaulukko img {
  border: 1px solid #1d1d1d;
}

/*** SALE ITEM page ***/
table.idTable {
  margin: 10px auto 0 auto;
  width: 95%;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  background-color: #fafafa;
  border: 2px solid black;
  overflow: auto;
}
/* The ability to scroll the ID-card in case the "Additional information" is too long */
#scroll {
  height: 100%;
  overflow: auto;
  text-align: center;
  width: 85%;
  margin: 0 auto;
}
table.idTable h1, table.idTable h2, table.idTable h3, table.idTable h4, p {
  margin: 0;
}
table.idTable th {
  margin-bottom: 10px;
  text-indent: 40px;
}
table.idTable td {
  padding: 0;
  vertical-align: top;
}
td#kuva {
  text-align: center;
  width: 430px;
}
td#kuva img {
  margin: 10px;
}
td#hinta {
  text-align: center;
  text-indent: -10px;
}
td#lisatiedot {
}
td#lisatiedot h4 {
  margin-left: 20px;
}
td#lisatiedot p {
  margin: 10px 10px 10px 10px;
  line-height: 16px;
}

/*Test */

#outer_heading {
	background: url(images/outer_heading.png) top left no-repeat;
}

#inner_heading {
	width: 971px;
	height: 166px;
	background: url(images/bg_pic2.jpg) 17px 24px no-repeat;
}

#content_block {
	display: table;
	width: 971px;
/* 	min-height: 300px; */
	background: url(images/main_bg.png) repeat-y;
	text-align: center;
/*	padding: 0 35px;*/
}



/* Manufacturers logos, notice the absolute positioning*/
#logot {
margin-top: 5px;
}
#logot img {
  padding: 0;
  margin: 0;
  border: 0;
}

#inner_heading h1 {
  margin: 0;
  width: 100%;
  height: 100%;
  background: url(images/logo.png) center 40px no-repeat;
  text-indent: -9999px;
}

.dot_v {
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	height: 320px;
	width: 6px;
	background: url(images/dot.gif) center center repeat-y;
}

.dot_h {
	margin-left: 24px;
	float: left;
	height: 6px;
	width: 95%;
	background: url(images/dot.gif) repeat-x;
}
#altermenu {
	text-align: center;
	position: relative;
	margin: 0 auto 5px auto;
	height: 30px;
	width: 700px;
	display: block;
}
#altermenu a {
	text-decoration: none;
}
#altermenu a:hover {
	text-decoration: underline;
}
#altmenu_left, #altmenu_right, #altmenu_middle {
	height: 30px;
	float: left;
}
#altmenu_left {
	background: url(images/altmenu_left.png) bottom left no-repeat;
	width: 9px;
}
#altmenu_middle {
	background: url(images/altmenu_tile.png) bottom left repeat-x;
	height: 30px;
	width: 682px;
}
#altmenu_middle ul {
	margin: 0;
}
#altmenu_middle li {
	display: inline;
	margin: auto 10px;
}
#altmenu_middle li a {
	color: white;
}
#altmenu_right{
	background: url(images/altmenu_right.png) bottom left no-repeat;
	width: 9px;
}

#sideshow , #news_headers{
  position: relative;
	float: right;
  width: 280px;
	margin-right: 45px;
	font-size: 9pt;
}

#sideshow a, #news_headers a {
	text-decoration: none;
	color: white;
}

#news_headers li {
	list-style-type: none;
	padding-top: 2px;
}

#sideshow a:hover, #news_headers a:hover {
	text-decoration: underline;
}

#news_headers ul {
	margin: 0;
	padding-top: 5px;
	padding-left: 15px;
}

#sideshow table {
	width: 250px;
}