@font-face {
    font-family: 'Colaborate-RegularRegular';
    src: url('fonts/colabreg-webfont.eot');
    src: url('fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabreg-webfont.woff') format('woff'),
         url('fonts/colabreg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	list-style:none;
	}
	
html {height:101%;}

body {
	background:#ffffff;
	color:#232524;
	font-size:85%;
	font-family:Arial, Verdana, Helvetica;
}

a, a:visited, a:active {
	text-decoration:none;
	color:#00b7f0;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	transitition: color 0.1s linear;
}

a:hover {
	color:#232524;
	text-decoration:none;
}

h1, h2, h3, h4 {
	font-family: Colaborate-RegularRegular, Arial, Verdana, Helvetica;
	font-weight: normal;
}

h1 {
	font-size: 2.8em;
	letter-spacing: -1px;
	margin: 0 0 0.6em 0;
	color: #00b7f0;
}

#etusivu h2 {
	margin: 0 0 20px 0;
}

.intro h1 {
	font-size: 3.3em;
	margin-top: 15px;
}
.intro p {
	font-size: 1.5em;
}

h2 {
	font-size:2em;
	margin: 20px 0;
}

h3 {
	font-size:1.5em;
	margin-bottom:15px;
}

blockquote { 



	line-height: 1.5em;
	font-style: italic;
}
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }


p, #content ol, #content ul, #footer ul {line-height:1.5em;}
p {padding:0.75em 0em;}
.left {float:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.clr {clear:both;}
.line {border-bottom:1px solid #00b7f0;padding-top:30px;}
.tilausbutton {float:right;}
.italic {font-style:italic}
.blue {color:#00b7f0;}
.dark {color:#252726}
.strong {font-weight:bold}
#content ul li, #content ol li {margin-bottom:0.5em}

#content ol li {
	list-style-type:decimal;
	font-weight:normal;
	font-size:1em;
	color:#00b7f0;
	margin-left:2em;
	padding-left:0.5em;
}

ol span {
	font-size:em;
	color:#232524;
	font-weight:normal;
}

#top {
	background: transparent url(images/top_bg.png) top repeat-x;
	height:226px;
}

#logo {
	float:left;
	height:148px;
	width:960px;
}

#logo img {float:left;}

#stripes {
	height:148px;
	background: transparent url(images/header_bg.png) right top no-repeat;
}

#header, #footer {
	width:945px;
	margin:auto;
}

#mainmenu {
	height:78px;
}

#mainmenu ul li {
	float: left;
}

#mainmenu ul li a {
	margin-right:30px;
	height: 78px;
	line-height: 78px;
	display: block;
	float: left;
	padding: 0 10px;
	font-family: Colaborate-RegularRegular, Arial, Verdana, Helvetica;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}
#mainmenu ul li a.last {
	margin-right: 0;
}

#mainmenu ul li a#nav_tuotteet.current {
	background: url(images/arrow_grey.png) bottom center no-repeat;
}
#mainmenu ul li a.current {
	background: url(images/arrow.png) bottom center no-repeat;
	color: #00b7f0;
}

#mainmenu ul li a:hover {
	color: #00b7f0;
}

#submenu {
	height:55px;
	background:#f0f0f0 url(images/submenu_bg.gif) repeat-x top;
}

#submenu div {
	width:945px;
	padding:0px;
	margin:auto;
	line-height:52px;
	padding-left:10px;
}

#submenu ul li {
	display:inline;
	margin-right:50px;
}

#submenu a {
	color:#232524;
	font-size:16px;
}

#submenu a:hover, #submenu a.current {
	color:#00b7f0;
}

#content {
	background: transparent;
	margin:auto;
	min-height:500px;
	width:940px;
	padding:40px 10px 60px 10px;
}

#article, #instructions {
	float:left;
	width:620px;
	padding-left:0px;
}

#instructions div {
	padding-top:15px;
	border-top:1px solid #00b7f0;
	padding-bottom:20px;
}
.col1 {
	float: left;
	width: 450px;
	margin-right: 40px;
}
.col2 {
	float: left;
	width: 450px;
}
.two-thirds {
	float: left;
	width: 580px;
	margin-right: 40px;
	
}
.one-third {
	float: left;
	width: 320px;
}
#sidebar {
	float:right;
	width:300px;
}

#sidebar h2 {
	margin-top: 0;
}

.blueline {border-bottom: 1px solid #00b7f0;}
.separator {
border-bottom: 1px solid #00b7f0;
height: 1px;
margin: 30px 0;
}
.cg {
	float:right;
	margin-right:40px;
}

#kayra {
	margin: 20px 0 -10px 0;
}
.figurecap {
	padding-top: 0;
	font-style: italic;
	color: #666;
}


.col12, .col22 {
	float:left;
	padding:30px 0;
	width:460px;
}

.col12 {
	margin-right:20px;
}

#productdetails  {
	float:left;
	border-bottom:1px solid #00b7f0;
	padding-bottom:30px;
}

#productdetails h2  {
	margin-top:0;
}

#productdetails div {
	float:left;
	width:300px;
	margin-right:20px;
}


#productboxes div {
	float:left;
	margin-right:20px;
}

#productboxes div a {
	float:left;
	width:220px;
	height:220px;
}


a.box_kuljetusmoduulit {background: url(images/productboxes.png) 0px 0px no-repeat;}
a:hover.box_kuljetusmoduulit {background: url(images/productboxes.png) 0px -220px no-repeat;}
a.box_kylmavaraajat {background: url(images/productboxes.png) -220px 0px no-repeat;}
a:hover.box_kylmavaraajat {background: url(images/productboxes.png) -220px -220px no-repeat;}
a.box_kylmavalvontatuotteet {background: url(images/productboxes.png) -440px 0px no-repeat;}
a:hover.box_kylmavalvontatuotteet {background: url(images/productboxes.png) -440px -220px no-repeat;}
a.box_kylmakuljetus {background: url(images/productboxes.png) -660px 0px no-repeat;}
a:hover.box_kylmakuljetus {background: url(images/productboxes.png) -660px -220px no-repeat; no-repeat;}

#modules {
	float:left;
	border-top:1px dotted #ccc;
	margin-top:30px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom: 1px solid #00b7f0;
}

#modules h4 {
	font-family:Arial, Verdana, Helvetica;
	font-size:2.5em;
	letter-spacing:-1px;
	font-weight:normal;
	color:#00b7f0;
	margin-bottom:0.4em;
}

#modules h3 {
	font-weight:normal;
	margin-bottom:1em;
	padding-top:1em;
}

#modules div {
	width:279px;
	border-right:1px dotted #ccc;
	float:left;
	padding:0px 15px 0px 15px;
	height:560px;
}

#modules img {width:279px}

a.button {
	border:none;
	background:#00b7f0;
	padding:0px 10px;
	color:#fff;
	width:280px;
	height:40px;
	line-height:40px;
	margin-top:30px;
	text-align:center;
	display:block;
	font-size:1.3em;
	cursor:pointer;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-transition: background 0.2s linear;
	-moz-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

a:hover.button {
	color:#fff;
	background:#14c7ff;
}
a.button.dark {
	background: #2B2D2C;
}
a:hover.button.dark {
	background: #000;
}
.accordion {
	padding: 0 30px;
}
.accordion li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}
.accordion li:last-child {
	border-bottom: none;
	padding-bottom: 0.5em;
}
.small {
	color: #777;
	font-style: italic;
}

.trigger {
	padding: 30px;
	background: #f5f5f5;
	border: 1px solid #dedede;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-transition: background 0.2s linear;
	-moz-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.trigger:hover {
	cursor: pointer;
	background: #e8e8e8;
}
.trigger:after {
	content: " ↓";
	float: right;
	color: #00b7f0;
	font-weight: bold;
}
.trigger.selected:after {
	content: " ×";
	font-weight: normal;
	color: #000;
}
.trigger span {
	color: #00b7f0;
}
.warning {
	padding: 30px;
	background: #00b7f0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
	font-size: 18px;
	margin: 30px auto 0 auto;
	width: 240px;
}

.col12.greybox, .col22.greybox {
		width: 398px;
		margin-bottom: 20px;
		min-height: 450px;
}

#bottom {
	background: transparent url(images/bottom_bg.png) bottom repeat-x;
	height:251px;
}

#footer {
	height:251px;
	color:#fff;
	background: transparent url(images/footer_id.png) left top no-repeat;
}

#footer div, #footer ul {float:left;}
#footer ul {margin-right:20px;}
#footer div {padding-top:40px;margin-left:190px;}
#footer h2 {color:#252726; margin-top:0;margin-bottom:0;padding-bottom:0;
}

input, textarea {
	border:1px solid #ccc;
	background:#fff;
	font-family:arial;
	margin-top:5px;
	margin-bottom:10px;
	padding:8px;
	width:220px;
}
.add {
	margin: ;
}
textarea {height:100px;}

input:focus, textarea:focus {
	background:#ffffff;
	background-image:none;
	border:1px solid #00b7f0;
	color:#444;
	font-family:arial;
}

.check {
	margin-right:10px;
	width:auto;
}

.col13, .col23, .col33 {
	float: left;
	width: 300px;
}
.col23 {
	margin: 0 20px;
}
.intro {
	float: left;
	width: 560px;
	padding: 0 80px 0 0;
}
#send {
	width:100%;
	border:none;
	background:#00b7f0;
	height:50px;
	color:#fff;
	font-size:1.5em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

.detailbox, form {
	padding:30px;
	background: #f5f5f5;
	border:1px solid #dedede;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:25px;
}

.contactlist ul, .contactlist div {
	float:left;
	width:205px;
	margin-right:0px;
}

.contactlist ul li {line-height:1em;}
.contactlist div {line-height:1.5em;}

.contactlist {
	float:left;
	padding-bottom:30px;
	margin-top:15px;
	width:620px;
}

.dept {
	font-family: Colaborate-RegularRegular, Arial, Verdana, Helvetica;
	font-size:2em;
	margin-bottom:15px;
	font-weight:normal;
}

#etusivu #sidebar img, #yritys #sidebar img, #sidebar .button {margin-top:20px;}

#productboxes div.last,
.col2 div.last,
#modules div.last,
#productdetails div.last

{margin-right:0px;border:none;}

.productbox {
	font-family: Colaborate-RegularRegular, Arial, Verdana, Helvetica;
	background: #f5f5f5;
	border: 1px solid #dedede;
	text-align: center;
	padding: 30px;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	width: 230px;
	height: 170px;
	
}
.productbox.middle {
	margin: 0 30px;
}
.productbox img {
	margin-bottom: 10px;
}
.productbox a {
	display: block;
	color: #232524;
}
.productbox a:hover	{
	color: #00B7F0;
}
.block {
float:left;
border-bottom:1px solid #00b7f0;
padding-bottom:30px;
margin-bottom:30px;
}

#login-wrap {
	width: 600px;
	margin: 0 auto;
}
#loginform label {
	display: block;
}
#loginform input {
	display: block;
}
#username, #password {
	/*440px*/
	width: 380px;
}
#login, #logout {
	width:200px;
	float: right;
	border:none;
	background:#00b7f0;
	color:#fff;
	cursor:pointer;
	text-align: center;
	display: block;
	padding: 8px;
}
.omat-palvelut .button {
	float: none;
	margin: 0;
}
/* clearfix */
#content:after, #footer:after, .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #content, html #footer, html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html #content,
:first-child+html #footer,
:first-child+html .clearfix
 { zoom: 1; } /* IE7 */