/*include styles*/
@import url('BMeditorSpecialStyles.css');


body {
	background:#333333;
  margin:0;
  padding:0;
  color:#999999;
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
	line-height:17px;
	text-align:center;
}
* html body {
	text-align:center;
	te\xt-align:left;
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
}


img {
	border:0;
	margin:0;
	padding:0;
}



/*HR*/
.hr_small {
  border:0;
  width:100%;
	height:10px;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
* html .hr_small {
  border:0;
  width:100%;
	height:5px;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
.hr_small_index {
  border:0;
  width:100%;
	height:3px;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
* html .hr_small_index {
  border:0;
  width:100%;
	height:3px;
	padding-top:0;
	margin-top:10px;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}

.hr_small_products {
  border:0;
  width:100%;
	height:6px;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
* html .hr_small_products {
	border:0;
  width:100%;
  height:0;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
/*
.hr_small_navi {
  border:0;
  width:100%;
	height:6px;
	padding:0;
	margin:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
* html .hr_small_navi {
  border:0;
  width:100%;
	height:3px;
	padding-top:0;
	margin-top:0;
	background:#333 url(../images/backgrounds/hr_small2.gif) repeat-x;
	clear:both;
}
*/


/*basic Link styles*/
a:link {
	color:#999999;
	text-decoration:none;
}
a:active {
	color:#999999;
	text-decoration:none;
}
a:visited {
	color:#999999;
	text-decoration:none;
}
a:hover {
	color:#00ccff;
	text-decoration:none;
}



/* HEADER */
#headerWrapper{
	width:770px;
  height:65px;
  margin:0 auto;
  padding:0;
	background:#333333;
}
#headerContainer{
	width:770px;
  height:65px;
	background:#333333;
	/*background:#00ff00;*/
	padding:0;
  margin:0;
}
#header_topContainer{
	float:left;
	width:770px;
	height:38px;
	padding:0;
  margin:0;
	background:#333333 url("../images/backgrounds/header_background.gif") 0% 0% no-repeat;
}
#header_topContainer_left{
	float:left;
	color:#fff;
	width:300px;
	height:38px;
	text-align:left;
	padding:0;
  margin:0;
	background:333333;
}
#header_topContainer_right{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	float:right;
	width:300px;
	height:38px;
	text-align:right;
	padding-top:10px;
	padding-right:50px;
  margin:0;
	background:none;
	/*background:transparent;*/
}



/*main_navigation*/
#mainNavigation{
	font:bold 13px Arial, Verdana, Helvetica, sans-serif;
  color:#999999;
	padding: 0 0 10px 0;
  /*margin-bottom:5px;*/
	background:#333333;
}

.navigationItem_active {
	color:#00ccff;
}
.navigationItem_inactive {
	color:#999999;
}

/*subNavigation*/
#subNavigation{
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
  color:#999999;
	padding: 0 0 2px 0;
  margin:0;
}

.sub_navigationItem_active {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#00ccff;
}
.sub_navigationItem_inactive {
	font:normal 12px Arial, Verdana,  sans-serif;
	color:#999999;
}



#subsubNavigation{
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
  color:#999999;
	padding: 10px 0 10px 0;
  margin:0;
}
.navigationColumn_headline{
	float:left;
	width:147px;
	text-align:left;
	margin:0;
	padding-bottom:5px;
}


/* MODULE */


/*Template styles*/
#mainWrapper{
	width:830px;
  /*height:auto;*/
  margin:0 auto;
  padding:0;
	background:#333333;
}
#container, #font_test_container {
	width:740px;
  /*height: auto;*/
	float:left;
  margin:0 10px;
  padding:0;
	background:#333333;
}

* html #font_test_container {
	/*margin-left:23px;*/
	margin:0 10px 0 23px;
}


#font_test_container {
	/*margin-left:23px;*/
	margin:0 0 0 45px;
	/*padding:0 0 0 23px;*/
}

#pageContent_container {
	width:740px;
  /*height: auto;*/
	float:left;
  margin:0;
  padding:0;
	background:#333333;
}
#mainColumn_wide {
	float:left;
  text-align:left;
	width:720px;
	margin:0 10px;
}
* html #mainColumn_wide {
	width:739px;
	w\idth:719px;
	margin:10px 0;
	padding:0 10px;
}
#mainColumn_modulesLeft {
	float:left;
	text-align:left;
	width:548px;
	background:#333333;
	/*background:#ff0000;*/
	/*position:relative;
	top:-10px;*/
	/*padding: 0 10px 20px 10px;*/
	margin: 0;

}
* html #mainColumn_modulesLeft {
	float:left;
	text-align:left;
	width:548px;
	/*background:#333333;*/
	background:#333333;
	/*padding: 0 10px 20px 10px;*/
	margin: 0;
}
#mainColumn_modulesboth {
	float:left;
  text-align: left;
	width: 340px;
	/*width: 340px;*/
	margin:0;
	padding:0 0 20px 0;
	background:#333333;
	/*background:#ff0000;*/
}
* html #mainColumn_modulesboth {
	float:left;
  text-align: left;
	width: 340px;
	/*width: 340px;*/
	/*margin:0 10px;*/
	margin:0;
	padding:0 0 20px 0;
	background:#333333;
	/*background:#ff0000;*/
}
#mainContainer {
	float:right;
	width:548px;
	background:#333;
}
#leftColumn {
	float:left;
	text-align:left;
	width:147px;
	/*w\idth:203px;
	padding:0 10px;*/
	margin:0;
	background:#333333;
}
#rightColumn {
	float:right;
	text-align:left;
	width:165px;
	/*w\idth:295px;*/
	margin:0 0 0 10px;
	background:#333333;
	/*border:1px solid #00ff00;*/
}


/*Other containers*/
#orderStages_wrapper {
	float:left;
	text-align:left;
	width:160px;
	/*w\idth:203px;
	padding:0 10px;*/
	margin:0;
	background:#333;
}
.orderStage {
	float:left;
	text-align:left;
	width:160px;
	margin:0 0 10px 0;
	padding:0;
	background:#333333;
}
.orderStages_imageWrapper {
	float:left;
	text-align:left;
	width:35px;
	margin:0;
	background:#333;
}
.orderStages_textWrapper {
	float:left;
	text-align:left;
	width:125px;
	margin:0;
	background:#333333;
}

.orderStages_wrapper_left {
	float:left;
	text-align:left;
	width:35px;
	/*height:500px;*/
	/*w\idth:203px;
	padding:0 10px;*/
	margin:0;
	/*padding:10px;*/
	background:#333;
	padding-top: 45px;
}
.orderStages_wrapper_right {
	float:right;
	text-align:left;
	width:35px;
	/*height:500px;*/
	/*w\idth:203px;
	padding:0 10px;*/
	margin:0;
	/*padding:10px;*/
	background:#333333;
}


/*Column headline styles*/
#leftColumn_headline {
	float:left;
	text-align:left;
	width:147px;
	height:25px;
	padding-top:18px;
	text-align:left;
	background:#333333;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
}
.mainColumn_modulesLeft_headline{
	float:right;
	text-align:left;
	width:548px;
	height:25px;
	padding:18px 0 0 0;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:left;
	color:#999999;
	background:#333333;
	margin-bottom: 10px;
}

* html .mainColumn_modulesLeft_headline{
	float:right;
	text-align:left;
	width:548px;
	height:25px;
	padding:18px 0 0 0;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:left;
	color:#999999;
	background:#333333;
	margin-bottom: 0px;
}
.mainColumn_modulesLeft_headline_low{
	float:right;
	text-align:left;
	width:548px;
	height:15px;
	padding:18px 0 0 0;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:left;
	color:#999999;
	background:#333;
	margin-bottom: 5px;
}

* html .mainColumn_modulesLeft_headline_low{
	float:right;
	text-align:left;
	width:548px;
	height:15px;
	padding:18px 0 0 0;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:left;
	color:#999999;
	background:#333;
	margin-bottom: 0px;
}

.column_headline {
	width:182px;
	float:left;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:left;
	color:#999999;
	background:#333;
}
.column_headline_right {
	width:182px;
	float:left;
	font:9px Verdana, Arial,  Helvetica, sans-serif;
	text-align:right;
	color:#999999;
	background:#333;
}





/*container -columns*/
.container_fourColumns {
	width:193px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
* html .container_fourColumns {
	width:193px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
.container_fourColumns_last {
	width:161px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
.container_fourColumns_narrow {
	width:161px;
	height:80px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
* html .container_fourColumns_narrow {
	width:161px;
	height:50px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
.container_fourColumns_narrow_hr{
	width:161px;
	float:left;
	height:5px;
	text-align:left;
  margin:0;
	background:#333;
}
* html .container_fourColumns_narrow_hr{
	width:161px;
	float:left;
	height:10px;
	text-align:left;
  margin:0;
	background:#333;
}
.container_fourColumns_narrow_low {
	width:161px;
	height:20px;
	float:left;
	text-align:left;
  margin:0;
	background:#333;
}
* html .container_fourColumns_narrow_low {
	width:161px;
	height:20px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
.container_fourColumns_narrow_low p {
  margin:0;
  padding:0;
	background:#333;
}

/*mainContainer -columns*/
.mainContainer_twoColumns_wide {
	width:125px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}
.mainContainer_twoColumns_narrow {
	width:125px;
	float:left;
	text-align:left;
  margin:0;
  padding:0;
	background:#333;
}





/*INDEX-STYLES*/
.index_mainPageHeadlines{
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
  color:#fff;
	background:#333;
}
.index_mainPageHeadlines a:link{
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
  color:#fff;
}
.index_mainPageHeadlines a:active{
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
  color:#fff;
}
.index_mainPageHeadlines a:visited{
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
  color:#fff;
}
.index_mainPageHeadlines a:hover{
	font:12px Georgia, Arial, Verdana, Helvetica, sans-serif;
  color:#ccc;
}


.index_mainPageSubpageHeadlines{
	font:12px Arial, Georgia, Verdana, Helvetica, sans-serif;
  color:#999999;

}

/* HEADER */
.header_logo{
	width: 256px;
	height: 15px;
	margin:10px 0 0 15px;
	/*background:#333333 url(../images/logos/JL_type_foundry.gif) no-repeat;*/
	background:#333333;
}
.header_logo_index{
	width: 256px;
	height: 15px;
	margin:10px 0 0 15px;
	background:#333333 url(../images/logos/jarnoL_type_foundry.gif) no-repeat;
}
#index_header_image{
	width:760px;
	height: 360px;
	margin: 20px 0 50px 0;
	background: #333333 url(../images/content/index_header_now.gif) no-repeat;
}

#index_header_slideshow{
	width:760px;
	height: 360px;
	margin:0 0 30px -11px;
	/*border:1px solid #000;*/
	background: #333333 url(../images/content/index_header_now.gif) no-repeat;
}



/* FOOTERS */
#bottom_footer{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	width:740px;
	height:25px;
	margin:0 auto;
	padding:0;
	text-align:right;
	background:#333333;
}

* html #bottom_footer{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	width:760px;
	height:25px;
	margin:0 auto;
	padding:0;
	text-align:right;
	background:#333333;
}
#bottom_footer_left{
	clear:both;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	width:740px;
	height:25px;
	margin:50px auto;
	padding:0;
	text-align:right;
	background:#333333;
}


/*UUTISET*/



/*FLASH*/
.noFlash {
	background:#333;
	width:740px;
}