/* CSS of the MaxDynSport 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;
}

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


#flashAnimation {
	background-image: 	url('../images/maxdynsport/acquaesapone.png');
}

#flashAnimation > div ul li {
	line-height:		130% !important;
}

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

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

#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/maxdynsport/maxdynsport-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/maxdynsport/articles_box.png') no-repeat top;
}

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

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

#articles span {
	width:				180px;
}

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

#focusOn {
	width:				444px;
	height:				305px;
	background-image:	url('../images/maxdynsport/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/maxdynsport/maxdynsport-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/maxdynsport/offers_box.png') no-repeat top;
}

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

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

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

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

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

/*
#vBanner {
	width:				220px;
	height:				305px;
	margin-right:		0px;
	// background-image: 	url('../images/maxdynsport/maxdynsport-banner-vertical.png');
	background-image: 	url('../images/maxdynsport/glucogenetix.png');
}
*/

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

#bestsellers p {
	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:				12px 0px 11px 17px;
}

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

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

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

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

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

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

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

#bestseller4 a:hover {
	background: transparent url('../images/maxdynsport/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;
}


div.aicLogo {
	padding-top:140px;
	margin-left: 30px;
	margin-bottom: 15px;
	font-weight:bold;
	color: #444444;
	line-height: 18px;
}

.box-title-offer {
	font-size: 20px;
	color: #FFFFFF;
	position: relative;
	left: 20px;
	top: 20px;
}