html{
	padding: 0px;
	margin: 0px;
}
body{
	padding: 0px;
	margin: 0px;
	background-image: url(/images/trendlife/repeatBgHTML.png);
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica;
}
#default-page{
	background-image: url(/images/trendlife/defaultRepeatBg.jpg);
	background-repeat: repeat-x;
}

#wrapper{
	background-image: url(/images/trendlife/repeatBg.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
#default-page #wrapper{
	background-image: url(/images/trendlife/background.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto;
	height: 100%;
}
#wrapper #logo{
	margin: 0 auto;
	padding-top: 25px;
	width: 128px;
	height: 41px;
	display: block;
}
#wrapper #mainMenu{
	width: 760px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}
#wrapper #footer{
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CCC;
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	color: #666;
}
#wrapper #mainMenu .menuButton{
	float: left;
	display: block;
}
#wrapper #mainMenu .menuButton img{
	border: none;
}

#wrapper #mainMenu #btnProducts{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 120px;
	width: 86px;
	height: 30px;
}
	#wrapper #mainMenu #btnProducts:hover{
		background-position: 198px 120px;
	}

#wrapper #mainMenu #btnInvest{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 150px;
	width: 139px;
	height: 30px;
}
	#wrapper #mainMenu #btnInvest:hover{
		background-position: 198px 150px;
	}	
#wrapper #mainMenu #btnReseller{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 90px;
	width: 197px;
	height: 30px;
}
	#wrapper #mainMenu #btnReseller:hover{
		background-position: 198px 90px;
	}	
#wrapper #mainMenu #btnContact{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 60px;
	width: 101px;
	height: 30px;
}
	#wrapper #mainMenu #btnContact:hover{
		background-position: 198px 60px;
	}	

#wrapper #mainMenu #btnPress{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 30px;
	width: 78px;
	height: 30px;
}
	#wrapper #mainMenu #btnPress:hover{
		background-position: 198px 30px;
	}	
#wrapper #mainMenu #btnAbout{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 180px;
	width: 65px;
	height: 30px;
}
	#wrapper #mainMenu #btnAbout:hover{
		background-position: 198px 180px;
	}	
#wrapper #mainMenu #btnStart{
	background-image: url(/images/trendlife/mainMenuSprite.png);
	background-position: 0px 0px;
	width: 76px;
	height: 30px;
}
	#wrapper #mainMenu #btnStart:hover{
		background-position: 198px 0px;
	}		
	

#wrapper .returnLink{
	background-image: url(/images/trendlife/returnButtonBg.gif);
	width: 140px;
	height: 28px;
	display: block;
	padding-left: 38px;
	padding-top: 14px;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #666;
	margin-right: 15px;
}
#wrapper #resellerBtn{
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
}
	#wrapper #resellerBtn img{
		border: none;
	}
#default-page  #wrapper #boxWrapper{
	width: 685px;
	height: 280px;
	margin: 0 auto;
	margin-top: 42px;

}
	#default-page #wrapper #boxWrapper .copy{
		padding-left: 75px;
		color: #666;
	}
	#default-page #wrapper  #boxWrapper #topLeftBox{
		background-image: url(/images/trendlife/bgDefaultTopLeft.png);
		background-repeat: no-repeat;
		width: 330px;
		height: 115px;
		float: left;
		padding-right: 20px;
		margin-bottom: 25px;
	}
	#default-page #wrapper #boxWrapper #topRightBox{
		background-image: url(/images/trendlife/bgDefaultTopRight.png);
		background-repeat: no-repeat;
		width: 335px;
		height: 115px;
		display: inline;
		float: left;
		margin-bottom: 25px;
	}
	#default-page #wrapper #boxWrapper #bottomLeftBox{
		background-image: url(/images/trendlife/bgDefaultBottomLeft.png);
		background-repeat: no-repeat;
		width: 330px;
		height: 115px;
		float: left;
		padding-right: 20px;
	}
	#default-page #wrapper #boxWrapper #bottomRightBox{
		background-image: url(/images/trendlife/bgDefaultBottomRight.png);
		background-repeat: no-repeat;
		width: 335px;
		height: 115px;
		float: left;
	}
	#about-page .aboutCopy{
		padding-left: 15px;
		color: #6c7272;
	}
		#about-page h3,
		#contact-page h2{
			font-family: Arial, Verdana;
			font-size: 25px;
			font-weight: normal;
			color: #6c7272;
			width: 700px;
			padding-left: 15px;
			padding-right: 15px;
			margin: 0 auto;
			margin-top: 30px;
		}
		#about-page h3{
			width: 425px;
			margin-top: 0px;
		}
		#contact-page .introText{
			font-family: Arial, Verdana;
			font-size: 14px;
			color: #6c7272;
			width: 700px;
			margin: 0 auto;
			padding-top: 20px;
		}
			#contact-page .introText .introLink{
				text-decoration: underline;
				color: #0ebe13;
			}
		#about-page #mainContentTable,
		#contact-page #mainContentTable{
			width: 730px;
			margin: 0 auto;
			padding: 0px;
			margin-top: 45px;
		}
			#contact-page #mainContentTable #headOffice{
				background-image: url(/images/trendlife/headOfficeBoxBg.png);
				width: 265px;
				height: 325px;
				padding-left: 15px;
				padding-top: 15px;
				font-family: Arial, Verdana;
				font-size: 16px;
				color: #6c7272;
			}
				#contact-page #mainContentTable #headOffice a{
					padding: 0px;
					margin: 0px;
					color: #6c7272;
					font-weight: normal;
					text-decoration: underline;
				}
				#contact-page #mainContentTable #headOffice h4{
					padding: 0px;
					margin: 0px;
					color: #0ebe13;
					font-weight: normal;
				}
			#contact-page #mainContentTable .officeBox{
				font-family: Arial, Verdana;
				font-size: 12px;
				color: #6c7272;
				margin-top: 0px;
				margin-bottom: 35px;
			}
			#contact-page #mainContentTable .officeBox a{
				color: #6c7272;
			}
				#contact-page #mainContentTable h5{
					padding: 0px;
					margin: 0px;
					color: #0ebe13;
					font-weight: normal;
					font-family: Arial, Verdana;
				}
				
	#invest-page #infoBoxWrapper{
		width: 730px;
		margin: 0 auto;
		margin-top: 45px;
	}
	
	#invest-page .infoBox{
		width: 590px;
		margin: 0 auto;
		margin-bottom: 25px;
		background-color: #DBF0D9;
		background-repeat: no-repeat;
		background-position: top;
	}
	#invest-page .infoBox .copy{
		padding-top: 150px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		color: #333;
	
	}
	
		#invest-page #investCloudProduct{
			background-image: url(/images/trendlife/investCloudProduct.png);
		}
		#invest-page #investCloudCost{
			background-image: url(/images/trendlife/investCloudCosts.png);

		}
		#invest-page #investCloudEffective{
			background-image: url(/images/trendlife/investCloudEffective.png);
		}
		#invest-page #investCloudEffective{
			background-image: url(/images/trendlife/investCloudEffective.png);
		}
		#invest-page #investCloudMiljo{
			background-image: url(/images/trendlife/investCloudMiljo.png);
		}
	#reseller-page{
		font-size: 12px;
	}	
	
	#reseller-page h1, #reseller-page h4{
		padding: 0px;
		margin: 0px;
		color: #6c7272;
		font-weight: normal;
		font-family: Arial, Verdana;		
	}
	#reseller-page .resellerIntro{
		padding: 0px;
		margin: 0px;
		color: #6c7272;
		font-weight: normal;
		font-family: Arial, Verdana;
	}
	#reseller-page .resellerIntro a{
		padding: 0px;
		margin: 0px;
		color: #6c7272;
		font-weight: normal;
		font-family: Arial, Verdana;
		text-decoration: underline;
	
	}
	#reseller-page  #regionLinkWrapper{
		margin-left: 20px;
	}
	#reseller-page #resellerTable{
		width: 860px;
		margin: 0 auto;
		margin-top: 40px;
		padding: 0px;
		display: block;
	}
	
	#reseller-page .mapCol{
		width: 100px;
		padding-left: 80px;
	}
	
	#reseller-page .resellerInfoCol{
		width: 270px;
		
	}
	#reseller-page .resellerInfo{
		display: none;
	
	}
		#reseller-page .resellerInfoCol h4{
			margin-top: 12px;
			font-weight: bold;
		}
			#reseller-page .resellerInfoCol .mapReturn h4{
				font-size: 14px;
				color: #0ebe13;
			}
		#reseller-page .resellerInfoCol a{
			color: #0ebe13;
		}
	
	#reseller-page .resellerCol{
		width: 165px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	
	#reseller-page .resellerCol .resellerWrapperNoLine,
	#reseller-page .resellerCol .resellerWrapper{
		width: 390px;
		margin-top: 12px;
		position: relative;
	}
	#reseller-page .resellerCol .resellerWrapperNoLine{
		border: none;
	}
	#reseller-page .resellerCol .resellerWrapper{
		border-top: 1px solid #CCC;
	}
	#reseller-page .resellerCol .resellerWrapper .toggleButton{
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	#reseller-page .resellerCol .resellerWrapperNoLine .toggleButton{
		position: absolute;
		top: 0px;
		right: 10px;
		cursor: pointer;
	
	}
		#reseller-page .resellerCol h3{
			margin-top: 10px;
			margin-bottom: 0px;
			color: #0ebe13;
			font-weight: normal;
			font-family: Arial, Verdana;	
		}
		#reseller-page .resellerCol h4{
			color: #6c7272;
		
		}
		#reseller-page .resellerCol p{
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			color: #6c7272;
			font-weight: normal;
			font-family: Arial, Verdana;
			font-size: 12px;
			text-decoration: none;
			margin-bottom: 4px;
			margin-top: 12px;
		}
		#reseller-page .resellerCol p a{
			text-decoration: underline;
			padding: 0px;
			margin: 0px;
			color: #6c7272;
			font-weight: normal;
			font-family: Arial, Verdana;
			margin-bottom: 4px;
		}
	#press-page #pressTable{
		width: 730px;
		margin: 0 auto;
		margin-top: 45px;
		display: block;
	}
		#press-page #pressTable #colPressInfo{
			
		}
			
			#press-page #pressTable #colPressInfo h1,
			#press-page #pressTable #colPressInfo h2,
			#press-page #pressTable #colPressInfo h3{
				font-family: Arial, Verdana;
				font-weight: normal;
				color: #0EBE13;
				margin: 0px;
			}
				#press-page #pressTable #colPressInfo h1{
					font-size: 25px;
					color:#6C7272;
				}
				#press-page #pressTable #colPressInfo h2{
					font-size: 22px;
					color:#6C7272;
				}
				#press-page #pressTable #colPressInfo h3{
					font-size: 18px;
				}
			#press-page #pressTable #colPressInfo #pressIntro{
				font-family: Arial, Verdana;
				font-size: 12px;
				color: #6c7272;
				padding-bottom: 24px;
				border-bottom: 1px solid #ccc;
				width: 285px;
			}
			#press-page #pressTable #colPressInfo a{
				color: #0ebe13;
			}
			#press-page #pressTable #colPressInfo a#viewEvent{
				text-decoration: none;
				font-family: Arial, Verdana;
				display: block;
				color: #6c7272;
				font-size: 12px;
			}
		#press-page #pressTable #colPressContent{
			width: 425px;
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
		}
		#press-page #pressTable .dateHeader{
			font-family: Arial, Verdana;
			font-size: 12px;
			color: #6c7272;	
		}
		#press-page #pressTable .titleHeader{
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			color: #0ebe13;
			font-weight: normal;
			font-family: Arial, Verdana;
			font-size: 16px;
			margin-bottom: 4px;
		}
		#press-page #pressTable .descriptionWrapper{
			padding: 0px;
			margin: 0px;
			margin-top: 12px;
			color: #6c7272;
			font-weight: normal;
			font-family: Arial, Verdana;
			font-size: 12px;
			margin-bottom: 4px;

		}
		#press-page #pressTable .pressWrapper{
			border-top: 1px solid #CCC;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 10px;
		}
		#press-page #pressTable .pressWrapperNoLine{
			border-top: none;
			margin-left: 15px;
			margin-right: 15px;
		}
		#press-page #pressTable #containerEvent{
			color:#6C7272;
			font-family:Arial,Verdana;
			font-size:12px;
			font-weight:normal;
			margin:16px 0 4px;
			padding:0;
		}
			#press-page #pressTable #containerEvent .pressWrapperNoLine,
			#press-page #pressTable #containerEvent .pressWrapper{
				margin-left: 0px;
			}
			#press-page #pressTable #containerEvent p{
				display: inline;
				width: 170px;
			}
				
		#press-page #containerContact {
			font-family: Arial, Verdana;
			font-size: 12px;
			margin-bottom: 12px;
			padding-bottom: 12px;
			border-bottom: 1px solid #ccc;
			width: 285px;
		}
		
		#press-page #containerContact #pressContactTable .title{
			font-weight: bold;
			width: 90px;
		}
		#pressdetailed-page #mainContent .btnBack {
			color:#0EBE13;
			font-size:16px;
		}
		#pressdetailed-page  #mainContentTable .bodyWrapper{
			color: #6C7272;
			font-size: 14px;
		}
			#pressdetailed-page #mainContentTable .bodyWrapper a{
				color: #6C7272;
				text-decoration: none;
				font-weight: bold;
			}
			#pressdetailed-page #mainContentTable .titleHeader{
				color:#6C7272;
				font-family:Arial,Verdana;
				font-size:25px;
				font-weight:normal;
				margin:30px auto 0;
				padding-right:15px;
			}
	#search-page h1{
		color: #7B7B7B;
		font-size: 20px;
		width: 830px;
		margin: 0 auto;
		padding-top: 45px;
		padding-left: 36px;
		font-weight: normal;
	}
	#search-page  #productTable{
		width: 830px;
		margin: 0 auto;
		padding-top: 12px;
		display: block;
	}
	#search-page #productTable .catResults{
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#search-page #productTable .subCategoryContainer{
		padding-left: 15px;
	}

		#search-page #productTable #productCatTable .catLinkMarked a,
		#search-page #productTable #productCatTable .catLink a{
			margin-left: 10px;
			margin-right: 10px;
			display: block;
			padding-left: 7px;
			padding-top: 2px;
			padding-bottom: 3px;
			text-decoration: none;
			font-family: Arial, Verdana;
			font-size: 12px;
			color: #6c7272;
			cursor: pointer;
		}
		#search-page #productTable #productCatTable .catLinkMarked a{
			background-color: #0EBE13;
			color: #fff;
		}
	#search-page #productTable #productCatTable{
		width: 181px;
	}
	#search-page .productWrapper{
		border: 1px solid #CCC;
		margin-bottom: 10px;
		font-family: Arial, Verdana;
		font-weight: normal;
		width: 570px;
		text-decoration: none;
		float: left;
	}
	#search-page .productWrapper .productPicture{
		width: 220px;
		float: left;
		border-left: 0px;
		border-top: 0px;
		border-bottom: 0px;
		border-right: 1px solid #CCC;
		margin-right: 15px;
		float: left;
	}
	#search-page .productWrapper .productName{
		margin-top: 10px;
		margin-bottom: 0px;
		color: #6c7272;
		font-weight: normal;
	}
	#search-page .productWrapper .productArtno{
		margin-top: 0px;
		font-size: 12px;
		color: #999;
	}
	#search-page .productWrapper .productDesc{
		color: #666;
		font-size: 12px;
	}
	
	
	#search-page .clearer{
		clear: both;
	}
	
	#product-page #productTable{
		margin: 45px auto 0;
		width: 830px;
		display: block;
	}
	
	#product-page #productTable #mainCol{
		width: 450px;
	
	}
	#product-page h1{
		font-family: Arial, Verdana;
		font-size: 20px;
		font-weight: normal;
		color: #6c7273;
		margin-top: 0px;
		padding-top: 0px;
	
	}
	#product-page #productTable #prodImg{
		width: 220px;
		border: 1px solid #ccc;
	}
	#product-page #productTable #fileTable a{
		background-image: url(/images/trendlife/downloadIcon.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 18px;
		text-decoration: none;
		color: #666;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	#product-page #productTable #infoList{
		color: #666;
		font-family: Arial, Verdana;
		font-size: 12px;
		margin-top: 25px;
		
	}
	#product-page #productTable .prodThumb{
		width: 70px;
		border: 1px solid #ccc;
		margin-right: 15px;
		margin-top: 15px;
		cursor: pointer;

	}
	#product-page #productTable p{
		font-family: Arial, Verdana;
		font-size: 12px;
		color: #666;
	}
	#product-page #productTable #shortDesc{
		padding-bottom: 12px;
		padding-top: 12px;
		margin-right: 12px;
		border-bottom: 1px solid #ccc;
	}
	#product-page #productTable .prodTechDescription{
		background-color: #dbf0d9;
		padding: 15px;
		color: #666;
		margin-top: 25px;
	}
	#product-page #productTable .prodTechDescriptionHeader{
		display:block;
		font-size:16px;
		font-weight:normal;
		margin-bottom:16px;
	}
	#product-page #fileTable .fileTableRounded{
		font-size: 0px;
		margin-top: 5px;
	}
	#product-page #fileTable .fileTableLink{
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding-left: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
/* JQUERY INFINITE CAROUSEL */
#viewport{
	width: 591px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	 height: 325px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	margin: 0 auto;
	margin-top: 25px;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 591px; /* Defines the size of inner element */
	height: 311px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 10px;
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}