html { height: 100%; }

body { 
	height: 100%;
	width: 100%;
	margin: 0; padding: 0;
	background: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	color: #667966;
	overflow-y: auto;
}
input, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	color: #667966;
}

a img { border: none; }
br.clear { clear: both; width: 0; }

.SIFr-root {
	leading: -2px;
}

a.facebook-share {
	color: #3B5998 !important;
	text-decoration: none !important;
}
	a.facebook-share img {
		margin-bottom: -2px;
	}


#allContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	min-width: 990px;
}

	#headerContainer {
		position: absolute;
		z-index: 3000;
		top: 0;
		left: 50%;
		width: 1px;
	}
		#header {
			position: absolute;
			left: -480px;
			width: 940px;
			height: 60px;
			padding: 5px 15px 0;
			background: #fff;
			/*background: #ff0;*/
		}
	
	
			#logoContainer {
				float: left;
				width: 140px;
			}
		
			ul#headerMenu {
				display: block;
				position: relative;
				float: right;
				list-style: none;
				margin: 0; padding: 0;
			}
				ul#headerMenu li {
					display: block;
					/*position: relative;*/
					float: left;
					padding: 0 0 0 10px !important;
					background: #fff;
				}
					ul#headerMenu li a:link, ul#headerMenu li a:visited {
						display: block;
						text-decoration: none;
						outline: none;
						padding: 0 0 6px;
					}
					ul#headerMenu li a:hover, ul#headerMenu li:hover a, ul#headerMenu li a:active, ul#headerMenu li.selected a {
						display: block;
						background: url('../layout/menu-slash.gif') no-repeat top left;
						outline: none;
					}
						ul#headerMenu li a img {
							margin: 0 0 0 17px;
							height: 33px;
						}
				
					ul#headerMenu li ul {
						position: absolute;
						display: block;
						visibility: hidden;
						list-style: none;
						padding: 0 0 0 18px; 
						/*padding: 0;*/
						top: 45px;
					}
						ul#headerMenu li ul li {
							display: block;
							float: none;
							width: 130px;
							padding:0 0 5px 10px !important;
						}
							ul#headerMenu li ul li a { display: inline !important; background: none !important; text-decoration: none; color: #373A3B; }
							ul#headerMenu li ul li a:hover, ul#headerMenu li ul li.selected a { background: none; color: #819814; }
					
	
	
	
	
	#landingContainer {
		position: relative;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}
		#landing {
			padding: 40px 0 70px !important;
			width: 975px;
			margin: 0 auto;
		}
	
		#landingContainer .leftHalf { 
			position: relative;
			float: left;
			width: 440px;
			height: 570px;
		}
			#landingContainer .leftHalf div.logo {
				margin: 0 0 50px 10px;
			}
			
			#landingContainer .leftHalf h2 {
				margin: 0 0 60px 5px;
				padding: 0;
				font-size: 26px;
				color: #819814;
			}
			
			#landingContainer .leftHalf a.enter {
				position: relative;
				display: block;
				float: left;
				/*bottom: 0;*/
				left: 44px;
				padding: 2px 18px 2px 2px;
				background: url('/_content/layout/link-arrow.gif') right 60% no-repeat;
				text-transform: uppercase;
				text-decoration: none;
				color: #819814;
			}
			#landingContainer .leftHalf a.enter:hover { text-decoration: underline; }
			
			#landingContainer .leftHalf ul.countries { 
				margin: 20px 0 0 47px;
				padding: 0;
				list-style: none;
			}
				#landingContainer .leftHalf ul.countries li {
					margin: 0;
					padding: 10px 0 0;
				}
					#landingContainer .leftHalf ul.countries li span.continent {
						display: block;
						font-size: 20px;
						color: #819814;
					}
					#landingContainer .leftHalf ul.countries li ul {
						float: left;
						list-style: none;
						margin: 0;
						padding: 2px 10px 0 30px;
					}
						#landingContainer .leftHalf ul.countries li ul li {
							margin: 0 0 4px;
							padding: 0;
						}
							#landingContainer .leftHalf ul.countries li ul li span.lng {
								opacity: 0.5;
								-moz-opacity: 0.5;
							}
							#landingContainer .leftHalf ul.countries li ul li a {
								color: #667966;
								text-decoration: none;
							}
							#landingContainer .leftHalf ul.countries li ul li a:hover {
								color: #819814;
								text-decoration: none;
							}
			
		#landingContainer .rightHalf {
			position: relative;
			float: left;
			width: 435px;
			height: 570px;
			margin: 0 0 0 0;
			padding: 12px 0 0;
		}

	
	
	
	
	
	
	
	
	
	

	#mainContainer {
		position: absolute;
		z-index: 1000;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		text-align: center;
	}
		#main {
			position: relative;
			width: 930px;
			height: auto;
			margin: 0 auto 0;
			/*padding: 140px 0 45px 10px;*/
			text-align: left;
			/*background: #0ff;*/
		}
		#mainContainer .mainContainerPadding {
			display: block;
			width: 100px;
			height: 45px;
		}
		
		
		#mainContainer ul#contentMenu {
			display: block;
			float: none;
			list-style: none;
			margin: -5px 0 0 -17px; 
			padding: 0 0 20px;
		}
			#mainContainer ul#contentMenu li {
				display: block;
				float: left;
				margin: 0 10px 0 0;
				padding: 0;
				background: none;
			}
				#mainContainer ul#contentMenu li a:link, ul#contentMenu li a:visited {
					display: block;
					text-decoration: none;
					outline: none;
					padding: 0 0 0;
				}
				#mainContainer ul#contentMenu li a:hover, ul#contentMenu li:hover a, ul#contentMenu li a:active, ul#contentMenu li.selected a {
					display: block;
					background: url('../layout/menu-slash.gif') no-repeat;
					background-position: 0px -5px;
					outline: none;
				}
					#mainContainer ul#contentMenu li a img {
						margin: 0 0 0 17px;
					}
		
		
		
		#mainContainer .leftHalf { 
			position: absolute;
			left: 0;
			top: 140px;
			width: 440px;
			padding: 0 0 45px 0;
		}
			#mainContainer .leftHalf img {
				margin: 0 0 0 auto;
			}
			#productRangeContainer {
				width: 440px;
				height: 440px;
				/*margin: -25px 0 0 -10px;*/
				background: #fff;
			}
				#productRangeContainer object {
					width: 440px;
					height: 440px;
				}
		
		
		#mainContainer .rightHalf {
			position: absolute;
			left: 475px;
			top: 140px;
			width: 435px;
			/*margin: 0 0 0 35px;*/
			padding: 0 0 65px 20px;
		}
		#mainContainer .rightHalfExpanded {
			left: 0;
			width: 925px;
			/*margin: 0 0 0 24px;*/
		}
			#mainContainer .rightHalf h1, #sbox-content h1 {
				margin: -18px 0 5px -20px;
				padding: 11px 0 0 20px;
				background: url('../layout/heading-slash.gif') no-repeat top left;
				
				font-size: 26px;
				line-height: 50px;
				font-weight: normal;
				color: #373A3B;
			}
				#mainContainer .rightHalf h1 span, #sbox-content h1 span { display: block; }
					#mainContainer .rightHalf h1 span em, #sbox-content h1 span em { color: #819814; }
				#mainContainer .rightHalf h1 small, #sbox-content h1 small {
					display: block;
					margin: -3px 0 0;
					font-size: 16px;
					font-weight: bold;
					color: #667966;
				}
			#mainContainer .rightHalf h2, #sbox-content h2, #mainContainer .rightHalf h3, #sbox-content h3 {
				margin: 0 0 0 0;
				padding: 10px 0 3px;
				font-size: 16px;
				font-weight: normal;
				color: #819814;
			}
			#mainContainer .rightHalf h3, #sbox-content h3 {
				padding: 20px 0 15px;
			}
			#mainContainer .rightHalf h1 + h3, #sbox-content h1 + h3 { padding-top: 10px; }
				#mainContainer .rightHalf h3 span, #sbox-content h3 span { display: block; }
				#mainContainer .rightHalf h3 small, #sbox-content h3 small {
					display: block;
					margin: -3px 0 0;
					font-size: 11px;
					font-weight: normal;
					color: #667966;
				}
			#mainContainer .rightHalf h4, #sbox-content h4 {
				font-size: 12px !important;
				font-weight: normal;
				text-transform: uppercase;
				color: #819814 !important;
				margin: 0 0 2px !important;
				padding: 5px 0 0 !important;
			}
			#mainContainer .rightHalf p, #sbox-content p {
				margin: 0 0 10px;
				line-height: 18px;
			}
			#mainContainer .rightHalf h1 + p {
				padding: 10px 0 0;
			}
				#mainContainer .rightHalf p .green-Run-In {
					text-transform: uppercase;
					color: #819814;
					font-weight: bold;
				}

			#mainContainer .rightHalf ul {
				list-style: none;
				margin: 0 0 10px;
				padding: 0;
				line-height: 18px;
			}
				#mainContainer .rightHalf ul li {
					margin: 0 0 3px;
					padding: 0 0 0 15px;
					background-image: url('/_content/layout/bullet-star.gif');
					background-position: left 5px;
					background-repeat: no-repeat;
				}
				
			#mainContainer .rightHalf div.newsImages {
				padding: 0 0 10px 0;
			}
				#mainContainer .rightHalf div.newsImages img {
					margin: 0 5px 0 0;
				}

			#mainContainer .rightHalf .regionChooser {
				width: 925px;
				padding: 30px 0 45px;
			}
				#mainContainer .rightHalf .regionChooser select {
					display: block;
					float: left;
					min-width: 190px;
					margin-right: 40px;
				}
			
			#mainContainer .rightHalf .fourColumns table {
				width: 925px;
				border: none;
				border-collapse: separate; 
				border-spacing: 0;
			}
				#mainContainer .rightHalf .fourColumns table td {
					width: 200px;
					padding: 0 30px 0 0;
					vertical-align: top;
				}
					#mainContainer .rightHalf .fourColumns h4 {
						font-size: 12px !important;
						font-weight: normal;
						text-transform: uppercase;
						color: #819814 !important;
						margin: 0 0 2px !important;
						padding: 5px 0 0 !important;
					}
			
			
			#mainContainer a { color: #819814; text-decoration: underline; }
			a.specialLinkWithArrow, #mainContainer a.template-27, #mainContainer a.INCI {
				display:inline;
				margin: 0 0 10px -2px;
				padding: 2px 18px 2px 2px;
				background: url('/_content/layout/link-arrow.gif') right 60% no-repeat;
				text-decoration: underline;
				text-transform: uppercase;
				color: #819814;
			}
			a.specialLinkWithArrow:hover, #mainContainer a.template-27:hover, #mainContainer a.INCI:hover {
				text-decoration: none;
			}


			#mainContainer .rightHalf .newsBody-Intro-clickable, #mainContainer .rightHalf .newsBody-Intro-clickable * {
				cursor: pointer !important;
			}

			#mainContainer .rightHalf .newsBody-More {
				display: none;
				padding-bottom: 1px;
			}
			#mainContainer .rightHalf a.newsReadMore {
				/*display:-moz-inline-block;*/	/* ff2 */
				display:inline-block;
				width: 9px; height: auto;
				margin: 0 0 0 2px;
				background: url('/_content/layout/read-more.gif') center center no-repeat;
				text-decoration: none !important;
			}
			#mainContainer .rightHalf a.newsReadMoreMinus {
				background-image: url('/_content/layout/read-more-minus.gif');
			}

			#mainContainer .rightHalf #newestTweet {
				margin: 20px 0 0;
			}
				#newestTweet p {
					clear: left;
				}
				#newestTweet .tweet {
					font-size: 14px;
					text-decoration: underline;
					line-height: 19px !important;
				}
					#newestTweet .userimg {
						display: block;
						float: left;
						margin-right: 10px;
					}
				#newestTweet .follow {
					
				}
					#newestTweet .follow img {
						margin-bottom: -2px;
					}
			
			#mainContainer .rightHalf .productVisuals {
				float: left;
				width: 180px;
				margin-left: -20px;
			}
				#mainContainer .rightHalf .productImage {
					margin: -14px 0 0 0;
				}
				
				#mainContainer .rightHalf .productRelated {
					float: left;
					margin: 20px 0 0 10px;
				}
					#mainContainer .rightHalf .productRelated a.product {
						display: block;
						float: left;
					}
					#mainContainer .rightHalf .productRelated a.step-1, 
					#mainContainer .rightHalf .productRelated a.step-1-active, 
					#mainContainer .rightHalf .productRelated a.step-2,
					#mainContainer .rightHalf .productRelated a.step-2-active, 
					#mainContainer .rightHalf .productRelated a.step-3,
					#mainContainer .rightHalf .productRelated a.step-3-active {
						margin-bottom: 4px;
						padding-bottom: 15px;
						background-position: bottom;
						background-repeat: no-repeat;
					}
					#mainContainer .rightHalf .productRelated a.step-1 { background-image: url('../layout/step-1.gif'); }
					#mainContainer .rightHalf .productRelated a.step-2 { background-image: url('../layout/step-2.gif'); }
					#mainContainer .rightHalf .productRelated a.step-3 { background-image: url('../layout/step-3.gif'); }
					#mainContainer .rightHalf .productRelated a.step-1:hover, #mainContainer .rightHalf .productRelated a.step-1-active { background-image: url('../layout/step-1-a.gif'); }
					#mainContainer .rightHalf .productRelated a.step-2:hover, #mainContainer .rightHalf .productRelated a.step-2-active { background-image: url('../layout/step-2-a.gif'); }
					#mainContainer .rightHalf .productRelated a.step-3:hover, #mainContainer .rightHalf .productRelated a.step-3-active { background-image: url('../layout/step-3-a.gif'); }
					
					#mainContainer .rightHalf .productRelated span.plus {
						float: left;
						width: 19px; height: 90px;
						margin: 0 2px 0;
						background: url('../layout/plus.gif') no-repeat center 60%;
					}
						#mainContainer .rightHalf .productRelated span.plus span { visibility: hidden; }
					#mainContainer .rightHalf  .productRelated p {
						float: none;
						clear: left;
						padding: 1px 12px 1px;
						background: #819814;
						text-align: center;
						color: #fff;
					}
				
			#mainContainer .rightHalf .productInfo {
				float: left;
				width: 235px;
				padding: 10px 0 0 20px;
			}
				#mainContainer .rightHalf .productInfo h1 {
					width: 250px;
				}
					#mainContainer .rightHalf .productInfo h1 object {
						width: 235px;
					}
			#mainContainer .rightHalf .INCI-container {
				display: block;
				visibility: hidden;
				clear: left;
				width: 250px;	/* for IE */
				top: 0;
				position: absolute;
			}
				#mainContainer .rightHalf .INCI-container * {
					visibility: hidden !important;
				}
				#mainContainer .rightHalf .INCI-container p, #sbox-content p {
					color: #333;
				}
				#mainContainer .rightHalf .INCI-container .INCI-footnote, #sbox-content .INCI-footnote {
					color: #667966;
				}
				
			
			
			#mainContainer .rightHalf .productsList { margin: -40px 0 0 -20px; }
			#mainContainer .rightHalf .productsListNoMargin { margin: 0 0 0 -20px; }
				#mainContainer .rightHalf .productsList .product {
					width: 200px;
					float: left;
					padding: 0 17px 20px 0;
				}
				
					#mainContainer .rightHalf .productsList .product a {
						width: 180px;
					}
						#mainContainer .rightHalf .productsList .product a img {
							display: block;
							margin: 0 0 0 40px;
						}
					
					#mainContainer .rightHalf .productsList .product h5 {
						margin: -10px 0 0 0;
						padding: 6px 0 0 20px;
						width: 180px;
						background: url('../layout/heading4-slash.gif') no-repeat top left;
						font-size: 18px;
						font-weight: normal;
						color: #373A3B;
					}
						#mainContainer .rightHalf .productsList .product h5 object {
							width: 180px;
						}
						#mainContainer .rightHalf .productsList .product h5 a {
							width: auto;
							padding: 0;
							color: #373A3B;
							text-decoration: none;
						}
					#mainContainer .rightHalf .productsList .product p {
						width: 180px;
						padding-left: 20px;
						color: #819814 !important;
					}
			
			
			#mainContainer .commentsForm {
				clear: both;
				padding: 5px 0 0;
			}
				#mainContainer .commentsForm div.name {
					float: left;
					width: 155px;
					margin: 0 10px 0 0;
					padding: 0 0 10px 0;
				}
					#mainContainer .commentsForm div.name span, #mainContainer .commentsForm div.radio span, #mainContainer .commentsForm div.txt span {
						display: block;
						margin: 0 0 5px 0;
					}
					#mainContainer .commentsForm div.name input {
						display: block;
						width: 150px;
					}
				#mainContainer .commentsForm div.radio {
					width: 100%;
					padding: 0 0 10px 0;
				}
				#mainContainer .commentsForm div.txt {
					float: left;
					width: 100%;
					padding: 0 0 5px 0;
				}
					#mainContainer .commentsForm div.txt textarea {
						display: block;
						width: 430px;
						height: 200px;
						padding: 2px;
						line-height: 18px;
					}
					#mainContainer .commentsForm div.txt textarea.shorter {
						height: 60px;
					}
 		
			#mainContainer .rightHalf div.commentsList {
				padding-top: 20px;
				padding-bottom: 20px;
			}
				#mainContainer .rightHalf div.commentsList .comment {
					margin: 18px 0 0;
				}
					#mainContainer .rightHalf div.commentsList .comment .author { color: #819814; }
					#mainContainer .rightHalf div.commentsList .comment .date { color: #373A3B; }
					#mainContainer .rightHalf div.commentsList .comment p {
						margin: 0 0 0;
					}
					
			#mainContainer .rightHalf div.blogCommentsInfo {
				padding-bottom: 20px;
			}
				#mainContainer .rightHalf div.blogCommentsInfo a {
					display: inline-block;
					margin-right: 20px;
				}
			
					
					
	#footerContainer, #landingFooterContainer {
		position: absolute;
		z-index: 4000;
		bottom: 0;
		left: 50%;
		width: 1px;
	}
		#footer {
			position: absolute;
			left: -480px;
			bottom: 0;
			width: 940px;
			padding: 10px 15px 20px;
			background: #FFF;
			/*background: #f0f;*/
		}
		#landingFooterContainer #footer {
			width: 967px;
			left: -495px;
		}
	
		ul#footerMenu {
			list-style: none;
			display: block;
			margin: 0; padding: 0;
		}
			ul#footerMenu li {
				float: left;
				margin-right: 31px;
			}
				ul#footerMenu li a { color: #667966; text-decoration: none; }
				ul#footerMenu li.selected a, ul#footerMenu li a:hover { color: #373A3B; }
				
		div#footerRight {
			float: right;
			text-align: right;
			margin-right: 10px;
		}
			div#footerRight a { color: #667966; text-decoration: none; }
			
			div#languagesMenu {
				display: block;
				position: relative;
				float: left;
				list-style: none;
				margin: 0 10px 0 0; 
				padding: 0;
				text-transform: uppercase;
			}
				div#languagesMenu span {
					color: #819814;
				}
				div#languagesMenu a:hover {
					color: #819814;
				}
			
			ul#languagesMenu {
				display: block;
				position: relative;
				float: left;
				list-style: none;
				margin: 0 10px 0 0; 
				padding: 0;
				
			}
				ul#languagesMenu li {
					display: block;
					/*position: relative;*/
					float: left;
					padding: 0 10px 0 5px;
					background: #fff;
				}	
					ul#languagesMenu li a {
						display: block;
						text-decoration: none;
						text-transform: uppercase;
						outline: none;
						padding-left: 10px;
						background: url('../layout/lang-menu.gif') no-repeat center left;
					}
					ul#languagesMenu li a:hover {
						color: #819814;
					}
					ul#languagesMenu li ul {
						position: absolute;
						bottom: 15px !important;		/* position the sub-menu on top */
						top: auto !important;
						padding: 5px 0 0 5px;
						visibility: hidden;
						background: #fff;
					}
						ul#languagesMenu ul li {
							padding: 0 0 1px;
							border: none;
						}
							ul#languagesMenu ul li a {
								padding: 0 2px 0 10px;
								background-image: none;
							}
							ul#languagesMenu ul li a:hover {
								color: #819814;
							}
					
					
					
		





/* SqueezeBox -------------------------------------------------------------------------------------------------------------------------------------- */					
/* SqueezeBox -------------------------------------------------------------------------------------------------------------------------------------- */				
/* SqueezeBox -------------------------------------------------------------------------------------------------------------------------------------- */

.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden !important;
}
.body-overlayed {
	overflow-x: hidden !important;	/* for safari horizontal scrollbar gļuk */
}

#sbox-overlay {
	position:				absolute;
	background-color:		#fff;
	left: 0;
	top: 0;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 40px;
	border: 1px solid #808080;
}

	#sbox-window embed, #sbox-window object, #sbox-window select {
		visibility: visible !important;
	}
	

	#sbox-content { 
		clear:					both;
		overflow:				auto;
		background-color:		#fff;
		height:					100%;
		width:					100%;
	}
	.sbox-content-image#sbox-content {
		overflow:				visible;
	}
	.sbox-content-iframe#sbox-content {
		overflow:				visible;
	}
		.sbox-content-iframe iframe {
			overflow-x: hidden;
		}
	
	.sbox-loading #sbox-content {
		background-image:		url(/_content/layout/loader.gif);
		background-repeat:		no-repeat;
		background-position:	center;
	}

		#sbox-content > div {
			padding: 10px 0 0 20px;
		}


	#sbox-btn-close {
		position:				absolute;
		width:					15px;
		height:					15px;
		right:					20px;
		top:					20px;
		background:				url(/_content/layout/close.gif) no-repeat center;
		border:					none;
	}
	#sbox-btn-close:hover {
		filter: alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity: 0.7;
	}
	.sbox-window-ie6 #sbox-btn-close {
		background-image: url(/_content/layout/close.gif);
	}







#sbox-image {
	display:				block;
}

.sbox-content-image img {
	display:				block;
}



#sbox-window .sbox-content-swf
{
	overflow:				hidden;
}