/* CSS of the Nutrifitt Site */

div {
	background-repeat:	no-repeat;
}

.line {
	float:				none;
	clear:				both;
	padding-top:		8px;
}

.lefty {
	float:				left;
	margin-right:		8px;
}

.aBox {
	display:			block;
	width:				100%;
	height:				100%;
}

span.img {
	display: 			block;
	margin-left:		auto;
	margin-right:		auto;
	color:				white;
	text-align:			justify;
}

span.text {
	display: 			block;
	margin-left:		auto;
	margin-right:		auto;
	color:				white;
	text-align:			justify;
}

h3.boxTitle {
	color:				#FFFFFF;
	font-size:			18px;
	font-weight:		bold;
	position:			relative;
	top:				20px;
	left:				20px;
}

#nutrifittBox {
	width:				100%;
	height:				auto;
	background-image: 	url('../images/nutrifitt/nutrifitt-bg.png');
	background-repeat:	repeat-x;
}

#nutrifittBanner {
	width:				900px;
	height:				200px;
	/*background-image: 	url('../images/nutrifitt/nutrifitt-flash-animation.png');*/
}

#flashAnimation {
	width:				100%;
	height:				200px;
}

#banner {
	width:				100%;
	height:				135px;
	background-image: 	url('../images/nutrifitt/nutrifitt-banner.png');
}

#banner h2 {
	font-size:			20px;
	font-weight:		bold;
	color:				#FFFFFF;
	float:				left;
	margin-top:			70px;
	margin-left:		215px;
}

#banner p {
	width:				470px;
	margin-left:		auto;
	margin-right:		20px;
	padding-top:		10px;
	color:				#ffffff;
	text-align:			justify;
}

#banner p a {
	display:			block;
	background-image: 	url('../images/nutrifitt/nutrifitt-arrow.png');
	background-repeat:	no-repeat;
	background-position:center left;
	color:				#333333;
	padding-left:		20px;
}

#banner p a:hover {
	color:				#ffffff;
	font-weight:		bold;
}

#articles {
	width:				220px;
	height:				305px;
}

#articles a {
	display:			block;
	width:				100%;
	height:				100%;
	background: transparent url('../images/nutrifitt/articles_box.png') no-repeat top;
}

#articles a:hover {
	background: transparent url('../images/nutrifitt/articles_box.png') no-repeat bottom;
}

#articlesImg {
	width: 				180px;
	height:				85px;
	margin-left:		auto;
	margin-right:		auto;
	padding-top:		50px;
	margin-bottom:		5px;
}

#articles span {
	width:				180px;
}

#articles span.text {
	padding-top:		15px;
}

#focusOn {
	width:				444px;
	height:				305px;
	background-image:	url('../images/nutrifitt/focuson.png');
}

#focusOn div.focusOnBox {
	float:				none;
	clear:				both;
	width: 				410px;
	height:				100px;
	margin-left:		auto;
	margin-right:		auto;
	color:				#333333;
}

#focusOn div.focusOnBox img.thumb {
	float:				left;
	width:				120px;
	height:				100px;
	margin-right:		10px;
	
}

#focusOn div.focusOnBox p.title {
	font-weight:		bold;
}

#focusOn div.focusOnBox p.link {
	margin-top:			5px;
	margin-left:		135px;
}

#focusOn div.focusOnBox p.link a {
	display:			block;
	width:				100%;
	height:				100%;
	background-image: 	url('../images/nutrifitt/nutrifitt-arrow.png');
	background-repeat:	no-repeat;
	background-position:center left;
	color:				#1e66b6;
	padding-left:		20px;
}

#focusOn div.focusOnBox p.link a:hover {
	color:				#ffffff;
}

#focusOn1 {
	padding-top:		47px;
}

#focusOn2 {
	padding-top:		20px;
}


div.line #offers a {
	background: transparent url('../images/nutrifitt/offers_box.png') no-repeat top;
}

div.line #offers a:hover {
	background: transparent url('../images/nutrifitt/offers_box.png') no-repeat bottom;
}

div.line #offers a.en {
	background: transparent url('../images/nutrifitt/offers_box_en.png') no-repeat top;
}

div.line #offers a.en:hover {
	background: transparent url('../images/nutrifitt/offers_box_en.png') no-repeat bottom;
}

div.line #offers a span strong {
	color:				white;
}

div.line #offers a:hover span strong {
	color:				#009592;
}

#newsletterLine {
	float:				none;
	clear:				both;
}

#newsletter {
	width:				374px;
	height:				140px;
	margin-top:			8px;
}

#newsletter a {
	display:			block;
	width:				100%;
	height:				100%;
	background: transparent url('../images/nutrifitt/newsletter.png') no-repeat top;
}

#newsletter a:hover {
	background: transparent url('../images/nutrifitt/newsletter.png') no-repeat bottom;
}

#newsletter a span {
	width:				340px;
}

#newsletter a h3.boxTitle {
	top:		10px !important;
	left:		17px !important;
}

#newsletter a span.text {
	padding-top:		22px;
}

#newsletter a span em {
	font-size:			17px;
	font-weight:		bold;
}

#wellness {
	width:				220px;
	height:				140px;
	margin:				0;
	margin-top:			8px;
	margin-left:		20px;
	float: 				left;
}

#wellness a {
	display:			block;
	width:				100%;
	height:				100%;
	background: transparent url('../images/nutrifitt/wellness_box.png') no-repeat top;
}

#wellness a:hover {
	background: transparent url('../images/nutrifitt/wellness_box.png') no-repeat bottom;
}

#wellness a span {
	width:				130px;
	font-weight:		normal;
	padding-top:		24px;
	padding-left:		16px;
	margin-left:		0px;
	margin-right:		0px;
	line-height:		12px;
	display: 			block;
	color:				white;
}

#wellness a h3.boxTitle {
	top:		10px !important;
	left:		17px !important;
}


#womanImgTop {
	width:				269px;
	height:				150px;
	background-image:	url('../images/nutrifitt/nutrifitt-central-img.png');
}

#womanImgBottom {
	width:				269px;
	height:				40px;
	background-image:	url('../images/nutrifitt/nutrifitt-central-img-bottom.png');
}

#bestsellers {
	width:				100%;
	height:				176px;
	padding:			0px;
}

#bestsellers p {
	width:				354px;
	padding-top:		20px;
	padding-left:		20px;
}

#bestsellers div.bestsellerBox {
	float:				left;
	width:				225px;
	height:				130px;
}

#bestsellers div.bestsellerBox a {
	display:			block;
	width:				100%;
	height:				120px;
	padding-top:		10px;
}

#bestsellers h3 {
	color:				#FFFFFF;
	font-size:			18px;
	font-weight:		bold;
	margin:				10px 0px 10px 17px;
	float:				left;
	width:				364px;
}

#bestseller1 a {
	background: transparent url('../images/nutrifitt/bestseller1.png') no-repeat top;
}

#bestseller1 a:hover {
	background: transparent url('../images/nutrifitt/bestseller1.png') no-repeat bottom;
}

#bestseller2 a {
	background: transparent url('../images/nutrifitt/bestseller2.png') no-repeat top;
}

#bestseller2 a:hover {
	background: transparent url('../images/nutrifitt/bestseller2.png') no-repeat bottom;
}

#bestseller3 a {
	background: transparent url('../images/nutrifitt/bestseller3.png') no-repeat top;
}

#bestseller3 a:hover {
	background: transparent url('../images/nutrifitt/bestseller3.png') no-repeat bottom;
}

#bestseller4 a {
	background: transparent url('../images/nutrifitt/bestseller4.png') no-repeat top;
}

#bestseller4 a:hover {
	background: transparent url('../images/nutrifitt/bestseller4.png') no-repeat bottom;
}

#bestsellers div.bestsellerBox a span {
	margin-left:		40px;
	color:				#333333;
	padding-left:		20px;
	font-weight:		bold;
}

#bestsellers div.bestsellerBox a:hover span {
	color:				#ffffff;
}

#bestsellers div.bestsellerBox a span.img {
	padding-top:		5px;
	padding-left:		0px;
	margin-left:		0px;
	text-align:			center;
}

#bestsellers div.bestsellerBox a span.img img {
	width:				auto;
	height:				90px;
}

div.navbarBox {
	float:				left;
	width:				225px;
	height:				192px;
}

#navbarGensan a {
	background-image:	url('../images/nutrifitt/nutrifitt-gensan.png');
}

#navbarGensan a:hover {
	background-image:	url('../images/nutrifitt/nutrifitt-gensan-hover.png');
}

#navbarLineaPd a {
	background-image:	url('../images/nutrifitt/nutrifitt-lineapd.png');
}

#navbarLineaPd a:hover {
	background-image:	url('../images/nutrifitt/nutrifitt-lineapd-hover.png');
}

#navbarMaxDynSport a {
	background-image:	url('../images/nutrifitt/nutrifitt-maxdynsport.png');
}

#navbarMaxDynSport a:hover {
	background-image:	url('../images/nutrifitt/nutrifitt-maxdynsport-hover.png');
}

#navbarMasterGym a {
	background-image:	url('../images/nutrifitt/nutrifitt-mastergym.png');
}

#navbarMasterGym a:hover {
	background-image:	url('../images/nutrifitt/nutrifitt-mastergym-hover.png');
}