/* Style sheet for Suntrica.com - A4Media Oy 2008 */

/* Reset default browser margins and paddings */
* { margin:0; padding:1; }

/* set font-size to 10px with 62.5% - now can be used as follows: 110% -> 11px; 200%-> 20px; ... */
body {
	text-align:center;
	
	margin:auto;
	background:#fff;
	font: 62.5% Arial, Helvetica, sans-serif;
	//font: 51.5% Arial, Helvetica, sans-serif;
}
div#mainWrapper {
	width:750px;
	margin:auto;
	text-align:left;
	margin-top:10px;
	margin-bottom:50px;
}
/*========= Typo ===========*/
a {
	color:#5B80B5;
	text-decoration: none;
}
w

p {font-size:62.5%;}

/*========= Header ===========*/
div#header {
	background:no-repeat;
	height:394px;
}
/*======== Language =============*/
div#language{
        width:750px;
	float:center;
	margin:auto;
	margin-bottom:5px;
	margin-top: 5px;
	padding:0;
	border:0;
}



/*========= Navigation ===========*/
div#navigation {
	height:62px;
}
div#logo { 
	background: url(../pix/suntrica-logo.jpg) no-repeat bottom; 
	width:202px;
	height:64px;
	float:left; 
}
div#navigationWrap {
	height:60px;
	float:left;
	width:547px;
	position:relative;
}
ul#navi {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	position:absolute;
	left:8px;
	top:27px;
}
ul#navi li {
	display:inline;
	overflow:hidden;
	height:!important;
	height:25px;
	width:74px;
}
ul#navi li a {
	height:0px !important;
	float:left;
	overflow:hidden;
	padding:25px 0 0 0;
	margin-right:3px;
}
ul#navi li a {
	height:0px !important;
	float:left;
	overflow:hidden;
	padding:25px 0 0 0;
	margin-right:3px;
}
ul#finavi {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	position:absolute;
	left:8px;
	top:27px;
}
ul#finavi li {
	display:inline;
	overflow:hidden;
	height:!important;
	height:25px;
	width:74px;
}
ul#finavi li a {
	height:0px !important;
	float:left;
	overflow:hidden;
	padding:25px 0 0 0;
	margin-right:3px;
}
ul#finavi li a {
	height:0px !important;
	float:left;
	overflow:hidden;
	padding:25px 0 0 0;
	margin-right:3px;
}
/*========= Main navigation ===========*/
ul#navi li#home a {
	background:url(../pix/navi-home.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#home a:hover {
	background-position:0px 25px;
}
ul#navi li#product a {
	background:url(../pix/navi-product.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#product a:hover {
	background-position:0px 25px;
}
ul#navi li#solutions a {
	background:url(../pix/navi-solutions.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#solutions a:hover {
	background-position:0px 25px;
}
ul#navi li#sustainability a {
	background:url(../pix/navi-sustainability.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#sustainability a:hover {
	background-position:0px 25px;
}
ul#navi li#dealers a {
	background:url(../pix/navi-dealers.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#dealers a:hover {
	background-position:0px 25px;
}
ul#navi li#accessories a {
	background:url(../pix/navi-accessories.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#accessories a:hover {
	background-position:0px 25px;
}
ul#navi li#buynow a {
	background:url(../pix/navi-buynow.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#buynow a:hover {
	background-position:0px 25px;
}
ul#navi li#company a {
	background:url(../pix/navi-company.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#company a:hover {
	background-position:0px 25px;
}
ul#navi li#news a {
	background:url(../pix/navi-news.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#news a:hover {
	background-position:0px 25px;
}
ul#navi li#press a {
	background:url(../pix/navi-press.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#press a:hover {
	background-position:0px 25px;
}
ul#navi li#contact a {
	background:url(../pix/navi-contact.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#navi li#contact a:hover, ul#navi li a#act {
	background-position:0px 25px;
}

/*========= Finland: Main navigation ===========*/
ul#finavi li#home a {
	background:url(../fi/pix/navi-etusivu.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#home a:hover {
	background-position:0px 25px;
}
ul#finavi li#product a {
	background:url(../fi/pix/navi-tuotteet.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#product a:hover {
	background-position:0px 25px;
}
ul#finavi li#solutions a {
	background:url(../fi/pix/navi-ratkaisut.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#solutions a:hover {
	background-position:0px 25px;
}
ul#finavi li#sustainability a {
	background:url(../fi/pix/navi-sustainability.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#sustainability a:hover {
	background-position:0px 25px;
}
ul#finavi li#dealers a {
	background:url(../fi/pix/navi-jakelijat.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#dealers a:hover {
	background-position:0px 25px;
}
ul#finavi li#accessories a {
	background:url(../fi/pix/navi-accessories.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#accessories a:hover {
	background-position:0px 25px;
}
ul#finavi li#buynow a {
	background:url(../fi/pix/navi-buynow.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#buynow a:hover {
	background-position:0px 25px;
}
ul#finavi li#company a {
	background:url(../fi/pix/navi-yritys.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#company a:hover {
	background-position:0px 25px;
}
ul#finavi li#news a {
	background:url(../fi/pix/navi-uutiset.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#news a:hover {
	background-position:0px 25px;
}
ul#finavi li#press a {
	background:url(../fi/pix/navi-press.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#press a:hover {
	background-position:0px 25px;
}
ul#finavi li#contact a {
	background:url(../fi/pix/navi-yhteystiedot.gif) 0px 0px repeat-y;
	height:25px;
	width:74px;
	display:block;
}
ul#finavi li#contact a:hover, ul#navi li a#act {
	background-position:0px 25px;
}



/*========= Basic layout stuff and formatting ===========*/
#contentArea {
	
	margin-top:20px;
	height:auto;
	clear:both;
	text-align: justify;
}

#contentArea p {

	margin-bottom:20px;
	font-size:140%;
	text-align: justify;
}
#contentArea h1 { margin-bottom:35px; font-size:260%; color:#ed4d00; font-weight:normal;}
.red { color:#ed4500; }

/*========= Columns ===========*/
div#rightSmallColumn {

	width:200px;
	clear:right;
	float:right;
}
div#HomeLeftColumn {

	width:200px;
	margin-right:49px;
	float:left;
	text-align: justify;
}
div#HomeLeftColumn2 {

	width:160px;
	margin-right:49px;
	float:left;
	text-align: justify;
}
div#leftColumn {

	width:350px;
	margin-right:49px;
	float:left;
}
div#HomeRightColumn {

	width:500px;
	clear:right;
	float:left;
}
div#HomeRightColumn2 {

	width:540px;
	clear:right;
	float:left;
}
div#rightColumn {

	width:349px;
	clear:right;
	float:left;
}
div#bottomColumn {

	width:750px;
	float:left;
	font-size:120%
}

div#rightColumn p, div#leftColumn p, div#bottomColumn p {
	color:#3d3d3d;
	line-height:130%;
}
div#leftColumn p.ingress, div#rightColumn p.ingress, div#bottomColumn p.ingress {
	font-size:170%;
	color:#7a7a7a;
	line-height:140%;

}
div#bottomColumn h3 {
margin-bottom:5px; font-size:160%; color:#ed4d00; font-weight:normal;

}

div#HomeRightColumn p, div#HomeLeftColumn p {
	
	color:#3d3d3d;
	line-height:130%;
	text-align: justify;
}
div#HomeLeftColumn p.ingress, div#HomeRightColumn p.ingress {
	font-size:150%;
	color:#7a7a7a;
	line-height:130%;
	text-align: justify;
}
div#HomeRightColumn2 p, div#HomeLeftColumn2 p {
	
	color:#3d3d3d;
	line-height:130%;
	text-align: justify;
}
div#HomeLeftColumn2 p.ingress, div#HomeRightColumn2 p.ingress {
	font-size:150%;
	color:#7a7a7a;
	line-height:130%;
	text-align: justify;
}
div#wideColumn {
	clear:both;
	padding-bottom:16px;
}

/*========= Footer ===========*/
div#footer { clear:both; }
div#footer p {
	text-align:justify;
	color:#7a7a7a;
	font-size:110%;
}

/*========= Formtable ===========*/

table#formtable {
	font-size:130%;
}
table#formtable td {
	padding-right:10px;
	padding-bottom:5px;
}
table#formtable input.inputs {
	border:1px solid #dcdcdc;
	width:200px;
	height:20px;
	padding-left:3px;
}
table#formtable input.inputs:focus {
	border:1px solid #ee6400;
	background:#efefef;
}

table#formtable #submit-btn {
	display:block;
	height:25px !important;
	width:73px;
	overflow:hidden;
	border:0px;
	padding:25px 0 0 0;	
	background:url(../pix/contact_button.gif) 0px 0px;
	cursor:pointer;
}
table#formtable #submit-btn:hover {
	background-position:0px 25px;
}

/*========= Form validation errors ===========*/

.error {
  	color: #ed4500;
  	display:none;
}

.errorp {
  	color: #ed4500;
  	display:inline;
}
#contentArea h2 {
margin-bottom:14px; font-size:180%; color:#ed4d00; font-weight:normal;
}
#contentArea h3 {
margin-bottom:5px; font-size:160%; color:#ed4d00; font-weight:normal;
}

h4 {
	font-size: 140%;
	font-weight: bold;
}

.spec_table
{
font-size: 120%;
}