@charset "utf-8";
/* CSS Document */

html body {
	height: auto;
	padding: 0;
	margin: 5px 0 0 0;
	font: 80%/1.4em Verdana;
	text-align: center;
	background: #fff url("../images/background.gif") repeat-x;
	}
label, button {
	cursor:pointer;cursor:hand
	}
hr {
	height: 1px;
	color: #e7e8e8;
	background-color: #e7e8e8;
	border: 0;
	}
.clearBoth {
	clear: both;
	}
.clearLeft {
	clear: left;
	}
.smallText {
	font: 0.8em/1.6em Verdana;
	}
.readMore {
	list-style-image: url(../images/bullet-news.gif);
	padding-left: 20px;
	}
.readMore li {
	font: 0.8em/1.6em Verdana;
	}
.note {
	font: 0.85em/1.6em Verdana;
	}
.infoBox {
	border: 1px solid #b4b481;
	background-color: #ffffef;
	padding: 3px 8px 3px 8px;
	font: 0.8em/1.8em Verdana;
	}
.red {
	color:red;
	}
.ul {
	list-style-image:  url("../images/bullet-li.gif");
	}
.ol {
	padding-left: 15px;
	font: 1em/1.5em Verdana;
	}
.orderTable {
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tableHeader {
	background-color: #e7e8e8;
	height: 1.4em;
	padding: 0 8px 0 8px;
	font-weight: bold;
	}
.table1stColumn {
	padding: 0 8px 0 8px;
	}
.ulNews li {
	list-style-image: url(../images/bullet-news.gif);
	margin-bottom: 10px;
	line-height: 1em;
	}
.tblMatrix {
	border-color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	}
.tblHeader {
	background-color: #e8e8e8;
	font-weight: bold;
	font-size: 75%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.tblColOne {
	background-color: #e5f4fd;
	font-weight: bold;
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.tblData {
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/******* Hyperlink and anchor tag styles *******/

a:link, a:visited {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

/************** Form tag styles **************/

select {
	font-family: Verdana;
	}
input {
	font: 0.9em Verdana;
	}
.fileField {
	font: 1em Verdana;
	}
.textField {
	background-color: #eee;
	font-family: Verdana;
	}
.textArea {
	background-color: #eee;
	font-family: Verdana;
	}

/************* Headings ***************/

h1 {
	font: bold 1.5em/1.4em Verdana;
	color: #006666;
	}
h2 {
	width: auto;
	background-color: #e7e8e8;
	padding: 2px 0 2px 8px;
	font: bold 1em/1em Verdana;
	margin: 0;
	}
h3 {
	font: bold 0.8em/1.4em Verdana;
	color: #363636;
	padding: 0 0 0 15px;
	margin-top: 0px;
	margin-bottom: -8px;
	}
h4 {
	font: bold 1em/1.1em Verdana;
	color: #006666;
	padding: 0 0 0 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
/***********************************************/
/* Header and footer                           */
/***********************************************/

#headerTop {
	width: 752px;
	padding: 0px 0 5px 0;
	margin: 0 auto;
	font: 0.8em Verdana;
	}
#headerTop a {
	color: #000;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	display: block;
	float: right;
	}
#headerTop a:hover {
	background-color: #c4c4c4;
	padding: 2px 7px 2px 7px;
	}
#headerTop ul {
	margin: 4px 45px 10px 0;
	}
#headerTop li {
	display: inline;
	list-style: none;
	}
	
/****************************/

#header {
	margin: 0 auto;
	width: 752px;
	height: 77px;
	background: url("../images/header-background.gif") no-repeat center bottom;
	}
#logo {
	margin: 22px 0 0 100px;
	float: left; 
	}

/****************************/

#headerMenu {
	margin: 0 auto;
	padding: 0;
	width: 752px;
	background: url("../images/header-menu-background.gif") repeat-y center center;
	text-align: right;
	color: #fff;
	font: 0.9em/1em Verdana;	
	}
#headerMenu a {
	color: #fff;
	display: block;
	float: right;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	}
#headerMenu a:hover {
	background-color: #9B040D;
	padding: 3px 7px 3px 7px;
	}
#headerMenu ul {
	padding: 4px 45px 3px 0;
	margin: 0;
	}
#headerMenu li {
	display: inline;
	list-style: none;
	}
.l1 {
	float: right;
	padding: 3px 3px 0 3px;
	color: #dcdcdc;
	}
.l2 {
	float: right;
	padding: 3px 3px 0 3px;
	color: #bc484f;
	}

/****************************/

#headerBottom {
	margin: 0 auto;
	padding: 0;
	width: 752px;
	height: 6px;
	background: url("../images/header-menu-bottom-border.gif") no-repeat center top;
	line-height: 0;
	}

/****************************/

#footer {
	margin: 0 auto;
	width: 700px;
	padding: 15px 0 50px 0;
	text-align: left;
	font: 0.8em/1.6em Verdana;
	color: #3b3b3b;
	}

/***********************************************/
/* Content wide                                */
/***********************************************/

#contentTop {
	margin: 0 auto;
	padding-top: 5px;
	width: 752px;
	height: 7px;
	background: url("../images/content-top.gif") no-repeat center bottom;
	font-size: 0;
	}

/****************************/

#content {
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 752px;
	background: url("../images/content-background.gif");	
	text-align: center;
	}
#contentHolder {
	width: 660px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	}

/****************************/

#contentBottom {
	margin: 0 auto;
	padding: 0;
	width: 752px;
	height: 6px;
	background: url("../images/content-bottom.gif") no-repeat center top;	
	}

/***********************************************/
/* Content left column							*/
/***********************************************/

#columnsHolder {
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 752px;
	text-align: center;
	vertical-align: top;
	}

/****************************/

#leftContentTop {
	width: 550px;
	padding: 0;	
	float: left;
	text-align: left;
	background: url("../images/content-turvauksed-top.gif") no-repeat center bottom;
	}
#leftContentPath {
	float: left;
	font: 0.8em/1.6em Verdana;
	color: #afafaf;
	text-align: left;
	background: url("../images/content-turvauksed-background.gif");
	margin-right: 2px;
	padding-left: 25px;
	}
#leftContentPath a {
	color: #afafaf;
	}
#leftContentDivider {
	float: left;
	width: 505px;
	text-align: left;
	background: url("../images/content-turvauksed-background.gif");
	padding-right: 20px;
	padding-left: 25px;
	}

#leftContentDivider hr {
	height: 2px;
	color: #e7e8e8;
	background-color: #e7e8e8;
	border: 0;
	}

/****************************/

#leftContent {
	width: 520px;
	background: url("../images/content-turvauksed-background.gif");
	text-align:left;
	margin-right: 2px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
	}

#narrowContentHolder {
	margin-right: 15px;
	width: 500px;
	}

/****************************/

#leftContentNavi {
	background: url("../images/content-turvauksed-background.gif");
	padding-bottom: 25px;
	padding-top: 5px;
	}
#leftContentNavi a {
	font: 0.8em/1.6em Verdana;
	}	

/****************************/

#leftContentBottom {
	background: url("../images/content-turvauksed-bottom.gif") no-repeat center top;
	}

/***********************************************/
/* Content right column							*/
/***********************************************/

.rightContentTop {
	background: url("../images/right-turvauksed-top.gif") no-repeat center bottom;
	height: 15px;
	}

/****************************/

.rightContent {
	background: url("../images/right-turvauksed-background.gif");
	text-align: left;
	padding-bottom: 25px;
	}
#rightContentMenu {
	text-align: left;
	width: 160px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	}
#rightContentMenu a {
	font: bold 0.8em Verdana;
	display: block;
	width: 152px;
	text-decoration: none;
	color: #293b82;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid  #fff;
	padding: 5px 11px 5px 15px;
	}
#rightContentMenu a:hover {
	font: bold 0.8em Verdana;
	display: block;
	width: 152px;
	text-decoration: none;
	color: #293b82;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid  #fff;
	padding: 5px 11px 5px 15px;
	background-color: #e4e4e4;
	}
#rightContentMenu ul {
	margin: 0;
	padding: 0;
	}
#rightContentMenu li {
	display: inline;
	list-style: none;
	}
.subMenu ul {
	list-style-type: square;
	margin: 0;
	padding: 0;
	}
.subMenu li {
	list-style: url(../images/rightmenu-bullet.gif) none outside;
	margin: 0px 5px 0px -10px;
	font: 0.8em/1.8em Verdana;
	}
.subMenu a {
	text-decoration: none;
	color: #293b82;
	}
.subMenu a:hover {
	text-decoration: underline;
	}

/****************************/

.rightContentDivider {
	height: 2px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #fff;
	margin-right: 2px;
	width: 178px;
	}
#contentBanners {
	text-align: center;
	padding-top: 15px;
	}
#contentBanners img {
	margin-bottom: 10px;
	}
.rightContentBottom {
	background: url("../images/right-turvauksed-bottom.gif") no-repeat center top;
	}
	
/***********************************************/
/* Frontpage styles								*/
/***********************************************/

#bannerWide {
	width: 660px;
	padding: 15px 0 25px 0;
	margin: 0 auto;
	}

/****************************/

#frontpageLeftContent {
	width: 300px;
	padding: 0;	
	float: left;
	text-align: left;
	}
#frontpagePartners {
	padding: 0px;
	}

/****************************/

.product {
	width: 150px;
	border: 1px solid #D0D0D0;
	padding: 10px;
	}
.product img {
	margin: 10px;
	}
.product a {
	text-decoration: none;
	color: #293b82;
	font: 0.8em/1.4em Verdana;
	}
#offers {
	margin: 0 0 25px 0;
	width: 330px;
	float: right;
	text-align: left;
	}
#offer1 {
	width: 327px;
	background: url("../images/offer-box-top.gif") no-repeat center top;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 15px;
	}
#offer2 {
	width: 327px;
	background: url("../images/offer-box-bottom.gif") no-repeat center bottom;
	padding-bottom: 15px;
	}
#offer1 td, #offer2 td {
	padding-right: 10px;
	}
.offerPicture {
	padding: 15px 10px 0 15px;
	}
.offerHeading {
	float: left;
	padding: 15px 0 15px 0;
	}
.offerGuarantee {
	float: right;
	padding: 10px 10px 10px 0;
	}
.offerArrow {
	font: bold 1.2em Arial;
	}
.offerPrice {
	font-weight: bold;
	color: red;
	line-height: 2.5em;
	}
.offerPriceOld {
	font-weight: bold;
	line-height: 1.5em;
	}
.offerPrice2 {
	font-size: 1.5em;
	}
.feature {
	margin: -0.5em 1em -1em 1em;
	padding: 1em;
	}
.feature li {
	list-style-image:  url("../images/bullet-feature.gif");
	}
	
/***********************************************/
/* 								   */
/***********************************************/