/********************************************************/
/* Tiedosto: m3_starlike.css							*/
/* Tekijä: Mediakolmio Oy								*/
/*														*/
/********************************************************/
@import "m3_css.css";

body {
	background: #000;	
	color: #c4c5c6;
	font-size: 76%;
	line-height: 1.4em;
}
/*Content*/

div#maincontainer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

/* kaikki listat */
div#maincontainer ul {
	padding-left: 0px;
	
}

div#contentArea ul {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#contentArea {
    background: #00080e url(../images/content_area_bg.gif) repeat-x top left;
    padding-bottom: 40px;
}
div#leftColumn {
	width: 475px;
	float: left;
	padding-top: 40px;	
}
div#rightColumn {
	width: 475px;	
	float: left;
	padding-top: 40px;
}
/*News*/
div.newsContent, div.sisaltopalsta {
	 margin-left: 40px;	
	 padding-right: 40px;
} 
div.sisaltopalsta {
	padding-bottom: 10px;	
}
div.newsBox {
	 margin-bottom: 12px;	
}
div#leftColumn h1, div#rightColumn h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 29px;
} 

h2.manufacturerTitle {
	margin-bottom: 15px;
}


a.manufacturerLink {
	color: #c4c5c6 !important;
	margin-left: 10px;
}

.manufacturerContainer {
	margin-bottom: 30px;
	padding-bottom: 30px;
/*	border-bottom: 1px solid #031927;*/
}


/* logo box */
.logotaulu, .logotaulu * {
	font-size: 0; line-height: 0;
}
.logotaulu {

}

.cor_t, .cor_l, .cor_r, .cor_b, .cor_logo {
		background: #ffffff;
	}
.cor_logo {
	width: 340px;
	text-align: left;
}

h3.productTitle {
	margin-top: 10px;
}

h3.productTitle a {
	color: #fff;
	font-size: 1.2em;
	text-decoration: udnerline;
}
h3.productTitle a:hover {
	text-decoration: none;
}

div.newsImage {
	float:left;	
	margin-right: 15px;
	margin-top: 12px;
	width: 76px;
	/* height: 75px; */
}

div.newsImage img{
	/*float:left;	*/

}


div.newsText{
	
	float:left;
}
	
	div.newsText p {
		width: 300px;
		font-size: 1.2em;
	}

div.newsText a{
	margin-top: 9px;
	display:block;


	text-transform: uppercase;
	margin-bottom: 5px;	
	text-decoration: underline;
	font-size: 0.9em;
	color: #fff;
}
div.newsText a:hover, div.campaignContent a:hover{
	text-decoration: none;
	
}
div.newsText p{
	font-size: 0.9em;
	margin-bottom: 0px;	
	color: #ffffff;
}
.campaignContent {
	margin-top: 0px;	

}
div.campaignBox {
	margin-bottom: 29px;
}

div.campaignBox h2 a{
}
div.campaignContent a{
	display:block;	

	text-decoration: underline;
	text-transform: uppercase;
	color: #fff;	
	font-size: 0.9em;	
	
}

div.campaignImage {
	margin-top: 0;
}

div.campaignContent p	{
	font-size: 1.0em;	
	
}

/*Footer*/

div#footer {
	background: #000 url(../images/footer_bg.gif) repeat-x bottom left;
	width: 950px;
	height: 40px;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.9em;
	padding-top: 0px;
}
div#footer p{
	padding-top: 14px;
	padding-left: 45px;
	color: rgb(196, 197, 198);

}
div#m3 {
	
	background: #000 url(../images/m3_bg.gif) repeat-x top left;
	height: 40px;
	width: 950px;
	text-align: left;
	
	color: #3d3d3d;
	font-size: 0.9em;
	padding-bottom: 40px;
}
div#m3 p{
	padding-top: 17px; 
padding-left: 45px;
}
div#m3 a{
		color: #3d3d3d;
}
 div#m3 a:hover{
	text-decoration: none;
}      

div.sliderContent {     
	
	overflow: hidden;
	position: relative;      
	top: 0; left: 0;
	height: 132px;
	width: 950px;
}
div.sliderContent ul {
    position: absolute;
    list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
div.sliderContent ul li {
	display: inline;
	margin-right:28px;
}
.banneri_last {
	margin-right: 0 !important;
}
.slider {
	width: 950px;
    height: 17px;
	position: relative;
    background: url(../images/scrollbar_bg.gif) repeat-x top left;
}
 .handle {
     position: absolute;
     cursor: move;
     height: 17px;
     width: 290px;
     top: 0;
     background: url(../images/scroller.gif) no-repeat;
	 z-index: 100;
}

#mainmenu {
	height: 42px;	
}

div#mainmenu a {
	color: #000000;
}

#mainmenu ul li {
	
	list-style-type: none;	
}

#mainmenu ul {
	margin: 0;
	padding: 5px 0 0 0;
	margin-left: 35px;	
}

#mainmenu li {
	float: left;
	padding: 0;
	margin: 0 20px 0 0;	
}

#flashmenu {
	margin-bottom: 11px;
	height: 242px;	
}

#submenu {
	padding-top: 10px;
	margin-left: 45px;
}

.sisaltopalsta p,
.newsContent p {
	margin-bottom: 15px;	
}

.suoratnumerot td, .suoratnumerot th {
	padding: 3px 5px 3px 5px;	
}
.suoratnumerot th {
	padding-left: 8px;	
}
.suoratnumerot tr.pariton td, .suoratnumerot tr.pariton th {
	background-color: #01141c;	
}

img {
	border: none;
}


/*LOMAKKEET*/

.yhteydenotto {
	clear: left;
	margin-left: 40px;
}

.lomake{
	padding:0 0 0 0;
		


}
legend {
	padding: 2px 2px 2px 2px;
	margin-left:3px;
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;  
}

.lomaketausta {  width: 195px; margin-bottom: 15px; }
div.lomake_input { margin-top: 8px; }
div.lomake_input_eka { padding-top: 25px; margin-top: 0; }

fieldset {
	border:#d0d0d0 solid 0px;
	border-left: none;
	border-bottom: none;
	
	padding: 0 2px 0px 2px;
	margin: 0 4px 0px 2px;
}


input.lomake_teksti { 
	width: 255px;
	
	color: #c4c5c6;
	background: #01141c;	
	padding: 2px;
	border: 1px solid #333;
	
}

textarea.lomake_teksti { 
	width: 722px;
	height:100px;
	margin-right:9px;
	/*margin-left: 84px;*/
	margin-top: 7px;
	
	color: #c4c5c6;
	background: #01141c;	
	border: 1px solid #333;
	
}

label.lomake_teksti, label.muu { float:left; padding-right: 50px; font-weight: bold; line-height: 20px; color:#7f7f7f;}


.submit { float: left; margin:10px 30px 0 145px;}

/******************************************/
/* Alavalikko
/******************************************/

div#subMenuContainer {
	background: #fff url('../images/bg_submenu_container.gif');	
	height: 31px;
	padding: 0 0 0 42px;
}
.submenu ul li {
	list-style-type: none;	
}
.submenu img {
	font-size: 0;
	margin: 0;
	padding: 0;
	line-height:0;
}
.submenu ul {
	margin: 0;
	padding: 0;
}
.submenu li {
	float: left;
	display:block;
	padding: 0;
	margin: 5px 4px 0 0;	
}
.browseType img {
	padding: 0 0 0 75px;	
	
}
/******************************************/
/* Referenssit
/******************************************/

#table_references {
	/*width: 100%; */
	/*width: 440px;*/
	margin: 0 40px 0 0;
	
}

#table_references.reference_title {

}

#table_references a{
	color:#c4c5c6;
}
#table_references a:hover{
	text-decoration: none;
}
#table_references td, #table_references th {
	padding: 1px 12px 1px 12px;	
}

.table_references_footer td {
	padding: 2px 12px 2px 12px !important;
}

.blueRow {
	background-color: #01141c;	
}
.table_references_header, .table_references_footer{
	background-color: #072c3b;
	color: #fff;	
}

#slideshow {
	margin-top: -5px;
}

.referenceInfoContainer {
	margin: 0 0 0 42px;	
}
.referenceImages{
		/*height: 260px; */
}

.productImages {
	width: 460px;
	margin-top: 20px;
	margin-left: 0px;
}

.referenceImage img {
	display:block;
}

.productImage {
}

	.productImage img {
		width: 390px;
	}

.referenceImageNavi {
	background-color: #072c3b;
	width: 390px;
	border-top: 1px solid #1b4353;
	padding: 0 0 0 0;
}
.referenceImageNavi a{
	color: #fff;
	display: block;
	float:left;
	text-decoration: none;
	padding: 5px 5px;
	border-right: 1px solid #1b4353;
}
.referenceImageNavi a:hover{
	text-decoration: underline;
}

.referenceSelected {
	color: #fff !important;
	background: #004f66;
}

.referenceTxtContainer {
	margin: 40px 0 0 0;
	padding: 0 40px 0 0;	
	
}
.referenceTxtContainer strong{
	
	color: #fff;
	
}
.referenceTxtContainer h2{
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0 8px 0;
	
}
.referenceTxtContainer span{
	
	display: block;	
}

div.sisaltopalsta a{
	text-decoration: underline;
	font-size: 1em;
	color: #fff;
}
div.sisaltopalsta a:hover{
	text-decoration: none;
	
}

h2.manufacturerTitle,
h2.manufacturerTitle a {
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
}
h2.manufacturerTitle a:active {
	text-decoration: underline;
}

.manufacturerLogoContainer {
	margin-bottom: 15px;
}

.backLinkParagraph {
	padding-bottom: 30px;
	margin: 0 !important;
}
.backLink {
	color: rgb(196, 197, 198) !important;
	
	text-decoration: underline;
}

a:hover.backLink {
	text-decoration: none;
}

.vali {
	padding: 0 15px;
}

.blueRow td {
	border-bottom: 1px solid #000;
}

.productPrice {
margin-top: 20px;
margin-bottom: 20px;
font-size: 2em;
color: #fff;
}

.productWWW a {
	color: rgb(196, 197, 198) !important;
	
	text-decoration: underline;
}

.productWWW a:hover {
	text-decoration: none;
}

.productThumbnailListContainer {
	padding-top: 15px;
}
.logoContainer {
	padding-top: 40px;
}
.productThumbnailContainer {
	float: left;
	margin-right: 25px;
}

.productListContainer {
	margin-right: 20px;
	margin-top: 15px;
}
.productListItem {
	padding: 10px;
	background: #01141c;
	border: 1px solid #000;
	margin-top: 3px;
	width: 90%;
	
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.productListThumbnailContainer {
	float: left;
	padding-right: 15px;
}
.productListItem img {
	width: 60px;
	height: 60px;
}
h3.productTitle {
	color: #fff;
	margin-top: 0px;
}

.productLinkContainer {
	padding-top: 10px;
}

.productLink {
	color: rgb(196, 197, 198) !important;
}
.productListThumbnailContainer *{
	font-size: 0 !important; line-height: 0 !important;
}

h1.newstitle {
	margin-bottom: 15px !important;
}

.newsDate {
	color: #ffffff;
	font-size: 0.9em;
}

.noflash {
	padding-top: 150px;
	text-align: center;
}

/*Starnews*/

div.starnewsContainer {
	overflow: hidden;	
}

div.starnewsLeftColumn {
	width: 214px;
	float: left;


}
div.starnewsRightColumn {
	width: 732px;
	float: left;
	padding: 0 0 0 0;
}

div.starnewsInfo {
	width:230px;	
	float:left;

}
div.starnewsInfo p{
	
	padding: 0 30px 10px 40px;
}
div.starnewsLatestArticle {
	padding: 0 0 0 40px;
	
}
div.starnewsLatestArticle a{
	border:1px solid #8d8d8d;
	width: 173px;
	display:block;
	height: 255px;
}
div.starnewsLatestArticle a:hover{
	border:1px solid #ffffff;

}
div.starnewsLatestArticleDate {
		width: 173px;
	padding: 3px 0 0 0;
	text-align: center;
}
div.starnewsContainer h2{
	border-top: 1px #031c27 solid;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.4em;
	margin: 0 40px 31px 40px;

	padding-top: 30px;
	
}
div.starnewsImageContainer {
	text-align: center;
	float:left;
	width: 76px;
	padding: 0 0 20px 20px;
	display: block;
	
}
div.starnewsImageContainer img{
	width: 76px;
	height: 107px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
div.starnewsImageContainer a{
	width: 76px;
	display:block;
	height: 107px;
	margin: 0 0 0 0;
	pading: 0 0 0 0;
	line-height: 0;
	border:1px solid #8d8d8d;
	
}
div.starnewsImageContainer a:hover{
	border:1px solid #fff;
	
}

div.starnewsDate {
	padding: 3px 0 0 0;	
}