body		{ background: #ffffff; }
#PageMain		{ width: 900px; position: relative; margin: 20px auto auto auto; padding: 0; }

#PageHeader		{ width: 100%; position: relative; margin: 0; }
#PageHeaderTop		{ width: 100%; height: 90px; position: relative; background: url('../images/header_bg.gif') bottom left repeat-x; }
img#PageLogo		{ width: 120px; height: 90px; position: absolute; bottom: 0px; left: 0px; border: none; }
#PageTopMenu		{ position: absolute; bottom: 20px; right: 12px; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
#PageTopMenu a		{ margin-left: 40px; color: #000000; text-decoration: none; }
#PageTopMenu a:hover		{ text-decoration: underline; }
#PageBanner		{ width: 900px; height: 230px; position: relative; margin: 5px auto 5px auto; background: url('../images/main_baner.jpg') top left no-repeat; }
#PageHeaderBottom		{ width: 100%; height: 55px; position: relative; margin: 1px 0 0 0; /* background: url('../images/header_gradient.gif') bottom left repeat-x; */ border-bottom: solid 1px #a7a7a7; }
#LanguageInfo		{ width: 120px; position: absolute; bottom: 0px; left: 0px; margin: auto auto 12px 10px; color: #4f4f4f; font-family: Verdana, Arial; font-size: 8px; font-weight: bold; font-style: italic; }
#LanguageChoice		{ position: absolute; bottom: 0px; left: 120px; margin: auto auto 10px 0; } /* LanguageChoice.left == LanguageInfo.width */
#LanguageChoice img		{ width: 20px; height: 15px; margin: 0 12px 0 0; border: none; }
#LanguageChoice img.selected		{  }
#FlowMenu		{ position: absolute; bottom: 0px; right: 10px; margin: auto 10px 10px auto; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
#FlowMenu a		{ color: #4f4f4f; text-decoration: none; }
#FlowMenu a:hover		{ text-decoration: underline; }


#PageFooter		{ width: 100%; position: relative; margin: 0; float: left;}
#PageFooterTop		{ width: 100%; height: 86px; position: relative; background: url('../images/footer_hr.gif') top left repeat-x; }
#FooterSubscribeNewsletter		{ position: absolute; top: 10px; left: 5px; }
#FooterSubscribeCatalog		{ position: absolute; top: 10px; left: 320px; }
div.FooterSubscribeDiv label		{ color: #4f4f4f; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; }
input.Subscribe		{ margin: 0 -5px 0 10px; width: 130px; height: 15px; border: 1px solid #cccccc; }
img.ButtonSubscribe		{ position: relative; top: 5px; border: none; padding: 0; width: 12px; height: 20px; cursor: pointer; }
#FooterCopyrights		{ position: absolute; top: 10px; right: 0px; color: #9f9f9f; font-family: Arial, Verdana; font-size: 11px; font-weight: normal; /*font-style: italic; */ }
#PageFooterBottom		{ width: 900px; height: 125px; position: relative; background: url('../images/footer_logohr.gif') top center no-repeat; text-align: center; }
#PageFooterBottom div.carouselContainer { text-align:center; }
#PageFooterBottom div.carouselContainer ul {}
#PageFooterBottom div.carouselContainer ul li {}
#PageFooterBottom div.carouselContainer ul li a img		{ width: 100px; height: 75px; margin: 25px 25px 15px 25px; border: none; }
#PageFooterBottom div.carouselContainer ul li a:hover img		{ width: 150px; height: 113px; margin: 5px 0px 0px 0px; }
div#PageContainer		{ width: 100%; position: relative; margin: 10px 0 10px 0; }
.HeightStd		{ min-height: 420px; }
div#PageContainer p		{ margin: 5px 0 5px 0; font-family: Arial, Verdana; font-size: 12px; }

div.MenuContainer, div.MenuContainerShort		{ width: 150px; color: #000000; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; border-right: solid 1px #a7a7a7; }
div.MenuContainer		{ position: relative; top: 0px; left: 0px; margin: 140px 0 5px 5px; min-height: 280px; } /* div.MenuContainer.min-height = div#CatalogLev1Container.height - div.MenuContainer.margin-top */
div.MenuContainerShort		{ position: absolute; bottom: 0px; left: 0px; margin: 0 0 5px 5px; }
ul.Menu		{ display: block; margin: 0 0 0 10px; padding: 0 0 0 0px; list-style-type: none; }
ul.Menu li		{ display: block; margin: 0 0 0 0px; padding: 0 0 0 4px; background: none; }
ul.Submenu		{ display: none; margin: 0 0 0 -4px; padding: 0 0 0 14px; list-style-type: none; background: #ffffff; }
ul.Submenu li	{ display: block; font-weight: normal; }
ul.Menu li.Selected		{ background: #ebebeb; }
a.MenuLink, ul.Menu a		{ display: block; width: 100%; color: #000000; text-decoration: none; }
ul.Menu a:hover		{ text-decoration: underline; }

a.MainPageLink		{ border: none; text-decoration: none; }
div.MainPageSection		{ width: 296px; height: 100%; position: relative; margin: 0 0 10px 0; float: left; }
div.MainPageSection h2		{ text-align: left; margin: 40px 0 0 8px; color: #4f4f4f; font-family: Verdana, Arial; font-size: 12px; font-weight: bold; }
div.MainPageSection img.LinkImg		{ width: 296px; height: 148px; border: none; }

p.InnerTitle		{ font-weight: bold; }
h3		{ text-align: left; margin-top: 0px; color: #000000; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
div.CatalogLev1		{ width: 100%; padding: 4px 0 5px 0; }
#CatalogFindDiv		{ position: absolute; top: 10px; left: 0px; width: 212px; height: 19px; display: inline;} /* CatalogFindDiv.width = input.width + label.width + 2px */
div#CatalogFindDiv input		{ margin: 0; width: 130px; height: 15px; border: 1px solid #cccccc; position: absotule; top: 0; left: 0; }
div#CatalogFindDiv label		{ display: block; width: 80px; height: 17px; position: absolute; top: 0; left: 132px; text-align: center; background: #000000; color: #ffffff; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; cursor: pointer; padding-top: 2px; }
div#CatalogLev1Container		{ width: 640px; height: 420px; position: absolute; top: 0; left: 220px; text-align: center; }
a.CatalogLev1Linkimg		{ display: block; width: 206px; height: 120px; margin: 2px 2px 2px 2px; text-align: center; float: left; }
a.CatalogLev1Linkimg img		{ border: none; position: relative; }
a#CatalogLev1ShowAll		{ display: block; width: 180px; position: absolute; bottom: 16px; right: 50px; border: solid 1px #a7a7a7; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 6px 0 6px 0;}

div.CatalogLev2, div.CatalogLev3, div.CatalogProduct		{ width: 100%; position: relative; padding: 4px 0 5px 0; background: url('../products/logo_cat_cavallo.gif') 16px 10px no-repeat; }
div.FirmContainer, div.ProductContainer		{ width: 720px; height: 420px; position: absolute; top: 0; left: 180px; }

div.FirmBanner		{ width: 480px; height: 135px; position: relative; top: 0; left: 0; background: url('../products/banner_cavallo.jpg') top left no-repeat; }
div.FirmDescription		{ width: 480px; height: 285px; position: relative; top: 20px; left: 0; }
#FirmDescrScroll		{ height: 100%; text-align: justify; padding-right: 16px; }
div.FirmProducts		{ width: 220px; height: 100%; position: absolute; top: 10px; right: 10px; }
div.FirmProducts a		{ border: none; display: block; height: 180px; }
div.FirmProducts img		{ border: none; }

div#FirmProdTypeHeader		{ width: 100%; height: 40px; position: relative; top: 0; left: 0; margin-top: 20px; border-bottom: dotted 2px #a7a7a7; }
div#FirmProdTypeName		{ width: 200px; position: absolute; bottom: 6px; left: 0; color: #000000; font-family: Arial, Verdana; font-size: 20px; font-weight: bold; }
div#FirmProdTypeSort		{ width: 280px; position: absolute; bottom: 6px; left: 200px; }
div#FirmProdTypeSort label		{ color: #4f4f4f; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; }
select#ProdTypeSort		{ width: 150px; height: 18px; border: solid 1px #cccccc; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; }
div#FirmProdTypePage		{ width: 240px; position: absolute; bottom: 6px; right: 0px; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; text-align: right;}
div#FirmProdTypePage span.label		{ margin-right: 10px; }
div#FirmProdTypePage a		{ margin-left: 5px; color: #000000; font-size: 12px; text-decoration: none; }
div#FirmProdTypePage a.selected		{ font-size: 16px; }
div#FirmProdTypeProducts		{ width: 100%; min-height: 380px; position: relative; top: 0; left: 0; }
a.Cat3Product		{ display: block; width: 160px; min-height: 170px; position: absolute; margin: 10px; text-align: center; border: none; text-decoration: none; }
/*
a.Cat3Product img		{ margin-top: 10px; width: 115px; height: 115px; border: none; }
*/
a.Cat3Product img		{ margin-top: 10px; border: none; }
a.Cat3Product div		{ display: block; position: absolute; top: 126px; color: #000000; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; }
a.Cat3Product span		{ display: block; top: 126px; color: #000000; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; }
	a#Cat3Prod1	{ top: 0px; left: 0px; }
	a#Cat3Prod2	{ top: 0px; left: 180px; }
	a#Cat3Prod3	{ top: 0px; left: 360px; }
	a#Cat3Prod4	{ top: 0px; left: 540px; }
	a#Cat3Prod5	{ top: 180px; left: 0px; }
	a#Cat3Prod6	{ top: 180px; left: 180px; }
	a#Cat3Prod7	{ top: 180px; left: 360px; }
	a#Cat3Prod8	{ top: 180px; left: 540px; }


div#ProductImgDiv		{ width: 300px; position: absolute; top: 20px; left: 10px; }

/*
img.ProductImgBig		{ width: 300px; height:300px; position: relative; top: 0px; left: 0px; border:0;}
*/
img.ProductImgBig		{ position: relative; top: 0px; left: 0px; border:0;}
div.ProductDetails		{ display: block; position: relative; left: 10px; width: 100%; }
div.ProductDetails span.label		{ display: block; position: absolute; bottom: 2px; left: 0px; width: 70px; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; }
div.ProductDetails div.ProductColors		{ float: left; }
div.ProductColors img.ColorSelect		{ width: 26px; height: 15px; display: inline; margin: 0 10px 0 0; border: none; }
div.ProductDetails#ProductDetail1		{ top: 30px; }
div.ProductDetails#ProductDetail2		{ top: 55px; }
div.ProductDetails#ProductDetail3		{ top: 80px; }
div.ProductDetails#ProductDetail4		{ top: 105px; }
div.ProductDetails#ProductDetail5		{ top: 130px; }
/*
select#ProdSizeSel		{ position: absolute; bottom: 0px; left: 80px; width: 50px; height: 18px; padding-left: 4px; border: solid 1px #cccccc; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
*/
select#ProdSizeSel		{ position: absolute; bottom: 0px; left: 80px; height: 18px; padding-left: 4px; border: solid 1px #cccccc; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
div.ProductDetails a		{ position: absolute; display: block; bottom: 0px; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
div.ProductDetails a:hover		{ text-decoration: underline; }
div#ProductDescrDiv		{ width: 400px; height: 280px; position: absolute; top: 20px; left: 320px; }
	div#ProductDescrDiv h2		{ display: block; position: relative; top: 0px; left: 0px; margin: 0; text-align: left; font-family: Arial, Verdana; font-size: 20px; font-weight: bold; text-decoration: none; }
	div#ProductData		{ display: block; height: 24px; position: relative; top: 0px; left: 0px; margin: 0 0 10px 0; border-bottom: solid 1px #cccccc; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; text-decoration: none; }
		div#ProductId		{ position: absolute; left: 0px; bottom: 2px; text-align: left; }
		div#ProductPrice		{ position: absolute; right: 4px; bottom: 2px; text-align: right; }
		span#Price		{ font-size: 16px; font-weight: bold; }
	div#ProductDescription		{ width: 390px; height: 190px; position: relative; top: 0px; left: 10px; }
	div#ProductDescriptionScroll		{ height: 100%; padding-right: 10px; }
		div#ProductDescription p		{ text-align: justify; font-family: Arial, Verdana; font-size: 12px; }
div#SimilarProducts		{ width: 400px; height: 120px; position: absolute; bottom: 0px; left: 320px; }
	div#SimilarProducts p		{ margin: 0; }
	div.SimilarProdListLA		{ position: absolute; width: 27px; height: 100px; left: 0px; bottom: 0; background:  url('../images/news-arrow_left-active.png') left center no-repeat;}
	div.SimilarProdListLA:hover		{ position: absolute; width: 27px; height: 100px; left: 0px; bottom: 0; background:  url('../images/news-arrow_left-hover.png') left center no-repeat;}
	div.SimilarProdListRA		{ position: absolute; width: 27px; height: 100px; right: 0px; bottom: 0; background:  url('../images/news-arrow_right-active.png') right center no-repeat;}
	div.SimilarProdListRA:hover		{ position: absolute; width: 27px; height: 100px; right: 0px; bottom: 0; background:  url('../images/news-arrow_right-hover.png') right center no-repeat;}
	div#SimilarProdList		{ position: absolute; width: 345px; height: 100px; left: 27px; bottom: 0; }
	ul#SimilarProductsScroll		{ width: 345px; height: 100px }
	ul#SimilarProductsScroll li 		{ top: 0; width: 115px; }
	ul#SimilarProductsScroll li img		{ width: 80px; margin-right: 35px; top: 0; }
	/*
	div#SimilarProdList img		{ width: 80px; height: 80px; margin-right: 40px; top: 0; }
	div#SimilarProdList img		{ margin-right: 40px; top: 0; }
	*/

div.PageAbout		{ width: 100%; min-height: 300px; position: relative; padding: 14px 0 5px 0; }
div.TextContainer		{ width: 700px; position: relative; top: 0px; left: 200px; }
	div.TextWithImg		{ width: 500px; height: 100%; top: 0px; left: 0px; }
	div.BigRightImg		{ width: 200px; height: 100%; top: 0px; right: 0px; float: right; }
		img#ImgAbout1		{ width: 170px; height: 300px; margin: 0 0 0 30px; }

form#SendMail		{ display: block; position: relative; top: 0; left: 250px; width: 650px; min-height: 320px; margin-top: 40px; }
	div#MailInfo		{ position: relative; top: 0; left: 0; width: 340px;  }
		div.FormLine		{ display: block; width: 100%; height: 24px; margin-bottom: 10px; text-align: justify; }
		div#MailInfo label		{ font-family: Arial, Verdana; font-size: 12px; position: relative; top: 3px; left: 0px; }
		div#MailInfo input		{ width: 240px; height: 16px; position: absolute; right: 0; border: solid 1px #cccccc; }
		div#MailTitleDiv		{ margin-top: 60px; }
		div#GoGoogleMaps		{ display: block; margin-top: 40px; padding-top: 10px; width: 280px; border-top: solid 2px #cccccc; }
		div#GoGoogleMaps span.Info		{ font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
		div#GoGoogleMaps a		{ border: none; }
		img#GoogleMaps		{ float: right; width: 131px; height: 30px; border: none; }
	div#MailText		{ position: absolute; top: 0; right: 0; width: 290px;  }
		textarea#MailContent		{ width: 280px; height: 250px; border: solid 1px #cccccc; font-family: Arial, Verdana; font-size: 12px; }
		div#SendMailButton		{ width: 104px; margin: 4px 10px 0px auto; padding: 4px 6px 4px 0; text-align: right; background: black url('../images/email.gif') 4px 4px no-repeat; border: solid 1px #000000; cursor: pointer; }
		div#SendMailButton span.Info		{ color: #ffffff; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; }
div#Address		{ padding: 10px 0 10px 0; font-weight: normal; }
	div#Address p		{ margin: 6px 0px 12px 4px; }

div#PageArticles		{ width: 100%; min-height: 300px; position: relative; padding: 14px 0 5px 0; }
	div#PageArticles h3		{ text-align: left; font-size: 16px; font-weight: bold; text-decoration: none; margin: 0; }
/*
div#ArticleContainer		{ width: 570px; min-height: 360px; position: relative; padding: 0px 14px 20px 0; border-right: solid 1px #a7a7a7; }
*/
div#ArticleContainer		{ width: 570px; min-height: 360px; height: 360px; position: relative; padding: 0px 14px 20px 0; }
	div.ArticleDateBig		{ padding: 0 0 10px 0; text-align: left; color: #9f9f9f; font-size: 12px; }
	div.ArticleReadAll		{ padding: 0; text-align: right; font-size: 12px; }
	div.ArticleReadAll a		{ color: #9f9f9f; font-size: 12px; text-decoration: none; }
	div#ArticleContainer p		{ text-align: justify; }
	div#ArticleContainer h3		{ text-align: left; font-size: 16px; font-weight: bold; text-decoration: none; margin: 0; }
	img.ArticleImageLeft		{ float: left; margin: 0 14px 14px 0; }
		img#ArticleUvex		{ width: 231px; height: 217px; }
div#OtherArticlesContainer		{ position: absolute; right: 0; top: 14px; width: 300px; height: 360px; }
	div#OtherArticlesHeader		{  }
		div#OtherArticlesPages		{ position: absolute; right: 10px; top: 0; text-align: right;  }
		div#OtherArticlesPages a		{ color: #a7a7a7; font-size: 12px; text-decoration: none; margin-right: 6px; }
		div#OtherArticlesPages a:hover		{ text-decoration: underline; }
		div#OtherArticlesPages a.selected		{ text-decoration: underline; font-weight: bold; }
	a.OtherArticleShort		{ display: block; margin-top: 20px; padding: 0 6px 0 6px; color: #9f9f9f; cursor: pointer; text-decoration: none;}
	a.OtherArticleShort:hover		{ color: #000000; }
		a.OtherArticleShort div.ArticleDateShort		{ font-size: 10px; text-align: left; border-bottom: dotted 1px #a7a7a7; }
		a.OtherArticleShort h4		{ margin: 4px 0 0 0; font-size: 12px; text-align: left; font-weight: bold; }
		a.OtherArticleShort p		{ margin: 0; padding: 0; font-size: 12px; text-align: left; font-weight: normal; }
		a.OtherArticleShort span.ShortArt		{ display: block; margin: 0; padding: 0; font-size: 12px; text-align: left; font-weight: normal; }

div#AboutUsDescription		{ height: 300px; position: relative; top: 0px; left: 10px; }
div#AboutUsDescriptionScroll		{ height: 100%; padding-right: 10px; }

div#PageNews 		{ width: 100%; min-height: 380px; position: relative; padding: 5px 0 5px 0; }
div.NewProduct		{ background: url('../products/logo_cat_cavallo.gif') 16px 10px no-repeat; }
div.NewsScrollContainer		{ width: 700px; position: relative; top: 0px; left: 200px; }
	div.NewsLinkLeft	{  }
	div.NewsContainer		{ width: 660px; position: relative; top: 0px; left: 20px; }
		div.NewsContainer h1		{ display: block; position: relative; top: 0; left: 0; padding-bottom: 6px; margin-bottom: 20px; border-bottom: dotted 2px #a7a7a7; font-family: Arial, Verdana; font-size: 20px; font-weight: bold; }
		div.NewsContent		{ position: relative; top: 0; left: 10px; width: 640px; min-height: 300px; }
			div.NewsContent div.NewsText		{ position: relative; top: 0px; left: 0; width: 320px; min-height: 300px; }
				div.NewsText p		{ font-family: Arial, Verdana; font-size: 12px; font-weight: normal; text-align: justify; }
			div.NewsContent div.NewsImgContainer		{ position: absolute; top: 0px; right: 0; width: 300px; height: 300px; }
		div.NewsContainer a.NewsGoTo		{ display: block; width: 180px; position: relative; margin-top: 6px; border: solid 1px #a7a7a7; color: #4f4f4f; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 6px 0 6px 0; text-align: center; }
	div.NewsScrollContainer a#ScrollLeft		{ position: absolute; top: 0; left: 0px; width: 20px; height: 100%; }
		a#ScrollLeft.inactive		{ background:  url('../images/news-arrow_left-inactive.png') left center no-repeat; }
		a#ScrollLeft.active		{ background:  url('../images/news-arrow_left-active.png') left center no-repeat; }
		a#ScrollLeft.active:hover		{ background:  url('../images/news-arrow_left-hover.png') left center no-repeat; }
	div.NewsScrollContainer a#ScrollRight		{ position: absolute; top: 0; left: 680px; width: 20px; height: 100%; }
		a#ScrollRight.inactive		{ background:  url('../images/news-arrow_right-inactive.png') right center no-repeat; }
		a#ScrollRight.active		{ background:  url('../images/news-arrow_right-active.png') right center no-repeat; }
		a#ScrollRight.active:hover		{ background:  url('../images/news-arrow_right-hover.png') right center no-repeat; }