/* ******************************************************************************* */
/* ************************************* HOME ************************************ */
/* ******************************************************************************* */

/* Main banner */

.block-mainbanner {
	display: block;
	width: 950px;
	height: 325px;
	position: relative;
}
@media screen and (max-width:965px) {

	.block-mainbanner {
		width: 625px;
		height: 225px;
	}
	
}
@media screen and (max-width:640px) {

	.block-mainbanner {
		display:none;
	}
	
}
.block-mainbanner img{
	background-color: #fff;
	display: block;
	width: 940px;
	height: 290px;
	padding: 5px;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:965px) {

	.block-mainbanner img {
		width: 615px;
		height: 190px;
	}
	
}
@media screen and (max-width:640px) {

	.block-mainbanner img {
		width: 290px;
		height: 190px;
	}
	
}
.block-mainbanner:hover img{
	opacity: 0.95;
	filter:alpha(opacity=95);
}
.block-mainbanner-mobile{
	display: none;
	float: left;
	width: 300px;
	height: 325px;
}

@media screen and (max-width:640px) {

	.block-mainbanner-mobile {
		display:block;
	}

}
.block-mainbanner-mobile img{
	display: block;
	width: 290px;
	height: 290px;
	border: solid 5px #fff;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
	
/* Sub banners */

.block-subbanners {
	display: block;
	float: left;
	width: 950px;
	position: relative;
}
@media screen and (max-width:965px) {

	.block-subbanners {
		width: 625px;
	}
	
}	
@media screen and (max-width:640px) {

	.block-subbanners {
		width: 300px;
		margin-top: -25px;
	}
	
}	
.block-subbanners .item{
	display: block;
	float: left;
	margin-left: 25px;
	position: relative;
}	
@media screen and (max-width:640px){
	
	.block-subbanners .item{
		clear: left;
		margin-left: 0px;
		border-bottom: solid 1px #eee;
		padding-bottom: 15px;
	}
	
}	
.block-subbanners .item.first{
	margin-left: 0px;
}
@media screen and (min-width:640px)  and (max-width:965px){

	.block-subbanners .item.last{
		display: none;
	}
	
}
.block-subbanners .item .thumb{
	background-color: #fff;
	display: block;
	float: left;
	padding: 5px;
	overflow: hidden;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:640px){
	
	.block-subbanners .item .thumb{
		display: none;
	}
	
}	
.block-subbanners .item .thumb img{
	display: block;
	float: left;
	width: 290px;
	height: 164px;
}

.block-subbanners .item:hover img{
	opacity: 0.90;
	filter:alpha(opacity=90);
}
.block-subbanners .item h2 a{
	font-family:  Arial, Helvetica, sans-serif;
	color: #bc0000;
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	float: left;
	clear: left;
	width: 300px;
	padding: 10px 0px 5px 0px
}
@media screen and (max-width:640px){
	
	.block-subbanners .item h2 a{
		background: none;
	}
	
}	
.block-subbanners .item .text a{
	color: #333;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
	display: block;
	float: left;
	clear: left;
	width: 180px;
}
.block-subbanners .item .morelink a{
	background-color: #bc0000;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	padding: 6px 10px 7px 10px;
	position: absolute;
	right: -2px;
	bottom: -2px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:640px){
	
	.block-subbanners .item .morelink a{
		right: -2px;
		bottom: 15px;
	}
	
}	
.block-subbanners .item:hover .morelink a{
	background-color: #333;
}




/* ******************************************************************************* */
/* *********************************** CONTENT *********************************** */
/* ******************************************************************************* */

/* breadcrum */

.block-breadcrum{
	display: block;
	float: left;
	width: 950px;
	position: relative;
	padding: 0px 0px 15px 0px;
}
@media screen and (max-width:965px) {

	.block-breadcrum{
		width: 625px;
	}
	
}
@media screen and (max-width:640px) {

	.block-breadcrum{
		width: 300px;
	}
	
}
.block-breadcrum .path-default{
	display: block;
	float: left;
	padding: 0px 0px 15px 0px;
}
.block-breadcrum li{
	display: inline;
}
.block-breadcrum a{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
	text-decoration: none;
}
.block-breadcrum a:hover{
	color: #bc0000;
}
.block-breadcrum .last a{
	color: #bc0000;
}

/* content overview */

.block-content-overview{
	background-image: url(../_images/layout/divider.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	width: 950px;
	min-height: 270px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative;
}
@media screen and (max-width:965px) {

	.block-content-overview{
		background-image: url(../_images/layout/divider_medium.png);
		width: 625px;
		min-height: 215px;
	}
	
}
@media screen and (max-width:640px) {

	.block-content-overview{
		background-image: url(../_images/layout/divider_small.png);
		width: 300px;
		min-height: inherit;
	}
	
}
.block-content-overview h1{
	font-family:  Arial, Helvetica, sans-serif;
	color: #bc0000;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	display: block;
	width: 430px;
	margin-right: 45px;
	padding-bottom: 15px;
}
@media screen and (max-width:965px) {

	.block-content-overview h1{
		margin-right: 0px;
		width: 300px;
	}
	
}
.block-content-overview .block-content-main-image {
  position: relative;
	display: block;
	float: left;
	width: 390px;
	height: 220px;
	padding: 5px;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}

.block-content-overview .block-content-main-image .main-image-badge {
  position: absolute;
  width: 110px;
  height: 110px;
  background: url('../_images/badges/skylith-badge-10pct.png');
  z-index:999;
  top: 8px;
  right: 8px;
}


@media screen and (max-width:965px) {

	.block-content-overview .block-content-main-image{
		width: 290px;
		height: 164px;
		margin-bottom: 20px;
	}
	
}
@media screen and (max-width:640px) {

	.block-content-overview .block-content-main-image{
		position: relative;
	}
	
}
.block-content-overview .block-content-main-image img{
	display: block;
	float: left;
	width: 390px;
	height: 220px;
	position: relative;
	float: left;
}
@media screen and (max-width:965px) {

	.block-content-overview .block-content-main-image img{
		width: 290px;
		height: 164px;
	}
	
}
.block-content-overview  .block-overview-list{
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: right;
	width: 430px;
	margin-right: 45px;
}
@media screen and (max-width:965px) {

	.block-content-overview  .block-overview-list{
		margin-right: 0px;
		width: 300px;
	}
	
}

/* main content */

.block-contentwrap{
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: left;
	width: 625px;
	margin-top: -40px;
	position: relative;
}

.block-contentwrap.survey-form {
  margin: 0px;
}

.block-contentwrap.survey-form .formtextbox-default,
.block-contentwrap.survey-form .fieldgrp-bclb,
.block-contentwrap.survey-form {
  width: 950px;
}

.block-contentwrap.survey-form .fieldgrp-bclb .formbutton-default, .fieldgrp-bclb .formbutton-link{
	float: left;
}

.block-contentwrap.survey-form .fieldgrp-bclb .formbutton-default input {
  margin: 10px 0px 0px 0px;
}

.block-contentwrap.survey-form .fieldgrp-bclb select {
  font-size: 14px;
  padding: 8px;
}


.campaign .block-contentwrap{
	width: 950px;
}
@media screen and (max-width:640px) {

	.block-contentwrap{
		width: 300px;
	}
	
}
.block-contentwrap h3{	
	font-family:  Arial, Helvetica, sans-serif;
	color: #bc0000;
	font-size: 30px;
	font-weight: normal;
	display: block;
	padding: 20px 0px 15px 0px
}
.block-paragraph{
	padding-bottom: 25px;
}
.block-paragraph h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	padding: 0px 0px 5px 0px
}
.campaign .block-paragraph h3{
	font-size: 30px;
	padding: 0px 0px 15px 0px
}
.block-paragraph a{
	color: #bc0000;
	text-decoration: none;
}
.block-paragraph a:hover{
	text-decoration: underline;
}
.block-content-image .image-default, .block-content-image .image-left{
	display: block;
	float: right;
	width: 290px;
	height: 164px;
	padding: 5px;
	margin: 8px 0px 20px 25px;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.block-content-image .image-left{
	float: left;
	margin: 8px 25px 20px 0px;
}
.block-content-image img{
	display: block;
	float: left;
	width: 290px;
	height: 164px;
	position: relative;
	float: left;
}
table {
	margin-bottom: 25px;
}
.table-default .h3-wrapper{
	display: none;
}
table td{
	background-color: #fff;
	line-height: 16px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f2f3f6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f3f6;
	padding: 5px 8px 6px 8px;
}
table td.first{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f2f3f6;
}
@media screen and (max-width:640px) {

	table td{
		font-size:12px;
		padding: 1px 3px 2px 3px;
	}
	
}	
table tr.first td{
	background: #bc0000;
	font-weight:bold;
	color: #fff;
	border-left: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f2f3f6;
	border-bottom: none;
	padding: 5px 8px 6px 8px;
}
@media screen and (max-width:640px) {

	table tr.first td{
		font-size:12px;
		padding: 1px 3px 2px 3px;
	}
	
}	
table tr.first td.first{
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}
table tr.first td.last{
	border: none;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.block-overview-list{
	display: block;
	padding-bottom: 25px;
}
.block-overview-list ul{
    list-style: disc;
	padding-left: 18px;
}
.block-overview-list ul li{
	padding: 0px 0px 5px 0px;
}
.block-overview-list a{
	color: #bc0000;
	text-decoration: none;
}
.block-overview-list a:hover{
	text-decoration: underline;
}
.block-contentwrap .morelink a{
	background-color: #bc0000;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	margin-bottom: 5px;
	padding: 6px 10px 7px 10px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
.campaign .block-contentwrap .morelink a{
	font-size: 18px;
	line-height: 18px;
	padding: 6px 10px 9px 10px;
}
.block-contentwrap .morelink:hover a{
	background-color: #333;
}

/* realted items */

.block-related-items{
	font-size: 12px;
	line-height: 18px;
	display: block;
	float: left;
	width: 200px;
	margin-left: 70px;
	margin-bottom: 25px;
	-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:965px) {

	.block-related-items{
		display: none;
	}
	
}
.block-related-items h4{
	background: #bc0000;
	font-weight:bold;
	color: #fff;
	display: block;
	float: left;
	width: 180px;
	padding: 3px 10px 3px 10px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.block-related-items .list-downloads h4{
	background: #09F;
}
.block-related-items .list-links h4{
	background: #333;
}
.block-related-items .wrapper a{
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	width: 184px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f3f6;
	padding: 5px 8px 6px 8px;
}
.block-related-items .wrapper a:hover{
	color: #bc0000;
}

/* form */

.fieldgrp-bclb{
	display: block;
	float: left;
	width: 625px;
}
@media screen and (max-width:640px) {

	.fieldgrp-bclb{
		width: 270px;
	}
	
}
.fieldgrp-bclb .formradio-default, .fieldgrp-bclb .formtextbox-default, .fieldgrp-bclb .formselect-default, .fieldgrp-bclb .formcheckbox-default{
	display: block;
	float: left;
	width: 625px;
	padding: 0px 0px 15px 0px;
}
@media screen and (max-width:640px) {

	.fieldgrp-bclb .formradio-default, .fieldgrp-bclb .formtextbox-default, .fieldgrp-bclb .formselect-default, .fieldgrp-bclb .formcheckbox-default{
		width: 270px;
	}
	
}
.fieldgrp-bclb .name{
	font-weight: bold;
	display: block;
	float: left;
	clear: left;
	padding: 0px 0px 7px 0px;
}
.fieldgrp-bclb .required{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #bc0000;
	display: block;
	float: left;
	padding: 0px 0px 5px 5px;
}
.fieldgrp-bclb .field, .fieldgrp-bclb select{
	display: block;
	float: left;
	clear: left;
}
.fieldgrp-bclb input[type="radio"], .fieldgrp-bclb input[type="checkbox"]{
	margin-bottom: 10px;
}
.fieldgrp-bclb input[type="text"], .fieldgrp-bclb input[type="password"], .fieldgrp-bclb select, .fieldgrp-bclb textarea{
	background-color: #fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27373c;
	display: block;
	width: 603px;
	padding: 10px;
	border: solid 1px #d7dadb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
@media screen and (max-width:640px) {

	.fieldgrp-bclb input[type="text"], .fieldgrp-bclb input[type="password"], .fieldgrp-bclb select, .fieldgrp-bclb textarea{
		width: 248px;
	}
	
}
.fieldgrp-bclb select{
	width: 625px;
}
@media screen and (max-width:640px) {

	.fieldgrp-bclb select{
		width: 270px;
	}
	
}
.fieldgrp-bclb .formbutton-default, .fieldgrp-bclb .formbutton-link{
	display: block;
	float: right;
}
.fieldgrp-bclb .formbutton-default input{
	background-color: #bc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	display: block;
	float: left;
	padding: 6px 10px 7px 10px;
	margin: 0px 0px 0px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	moz-box-shadow: 1px 1px 2px 0px #333;
	-webkit-box-shadow: 1px 1px 2px 0px #333;
	box-shadow: 1px 1px 2px 0px #333;
	cursor: pointer;
}
.fieldgrp-bclb .formbutton-link input{
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	display: none;
	float: left;
	padding: 6px 10px 7px 10px;
	margin: 0px 0px 0px 15px;
	cursor: pointer;
}

/* media content */

.block-articlelist {
	display: block;
	float: left;
	width: 625px;
	margin-bottom: 30px;
}
@media screen and (max-width:640px) {

	.block-articlelist{
		width: 300px;
	}
	
}
.block-articlelist h2{
	font-family:  Arial, Helvetica, sans-serif;
	color: #bc0000;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 25px;
}
.block-articlelist .thumb img{
	display: block;
	float: left;
	width: 150px;
	margin: 0px 15px 15px 0px;
}	
.block-articlelist .modiv-no-image .thumb{
	display: none;
}	
.block-articlelist .item{
	border-bottom: solid 1px #f2f3f6;
	display: block;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.block-articlelist h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #bc0000;
	font-size: 18px;
	padding: 0px 0px 5px 0px;
}
.block-articlelist h3 a{
	color: #bc0000;
	text-decoration: none;
}
.block-articlelist h3 a:hover{
	text-decoration: underline;
}
.block-articlelist .date{
	padding-bottom: 10px;
}
.block-articlelist .text a{
	display: block;
	color: #333;
	text-decoration: none;
}
.block-articlelist .morelink{
	display: none;
}

/* search-results */

.block-search-results {
	line-height: 18px;
	display: block;
	float: left;
}
.block-search-results .h3-wrapper{
	display: none;
}
.block-search-results .search-result-count{
	color: #bc0000;
	font-weight: bold;
	padding-bottom: 15px;
}
.block-search-results dl{
	display: block;
	float: left;
	border-bottom: solid 1px #f2f3f6;
	padding: 15px 0px 15px 0px;
}
.block-search-results dt{
	display: block;
	float: left;
}
.block-search-results dt .count{
	color: #bc0000;
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	width: 30px;
}
.block-search-results dt a{
	color: #bc0000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	padding-bottom: 10px;
}
.block-search-results dt a:hover{
	text-decoration: underline;
}
.block-search-results dd .date, .block-search-results dd .text{
	display: block;
	float: left;
	padding-left: 30px;
}

/* Paging */

.block-paging {
	display: block;
	float: left;
	width: 100%;
  	position: relative;
	padding: 25px 0px 50px 0px;
}
.paging-default {
	display: block;
	float: left;
  	right: 50%;
  	position: absolute;
}
.paging-default .wrapper{
	display: block;
	float: left;
  	left: 50%;
  	position: relative;
}
.block-paging span.active{
	background-color: #bc0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	padding: 3px 10px 3px 10px;
	margin-left: -1px;
}
.block-paging a{
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	padding: 3px 10px 3px 10px;
	border-right: solid 1px #333333;
}
.block-paging a:hover{
	color: #bc0000;
	text-decoration: none;
}
.block-paging span.next a{
	border: none;
}


.nps_score {
  line-height: 18px;
  margin-left: 7px;
  margin-right: 20px;
}