﻿*
{
	margin: 0;
	padding: 0;
}

.testo_h3 {
    font-family: "Arial Narrow",Arial;
    font-size: 22pt;
    font-weight: bold;
}

.testo_h4 {
	color: #454545;	    
}

.testo_h4_privacy {
	color: #454545;	
    font-size: 8pt;
	font-weight: bold;     
}

.titoli_tab {
	color: #910004;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 16px;
	
}

.login_h3
{
	display: block;
	margin-bottom: 4px;
	margin-left: 39px; /*14px;*/
	margin-top: 8px;
	height: 7px;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 6px;
	text-align: center;
}
	
BODY
{
	/*background-color: #454545;*/
	background-color: #CFCFCF;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
}

IMG.HiddenPic
{
	display: none;
}

A
{
	color: #454545;
	text-decoration: none;
}

A:hover
{
	color: #000000;
}

#Container
{
	background-image: url( '../Img/BgContainer.gif' );
	background-position: 22px 30px;
	background-repeat: no-repeat;
	height:  740px; /*600px;*/
	margin: 0 auto;
	text-align: left;
	width: 1080px; /*880px;*/
	position: relative;
}

#Container H1
{
	background-image: url( '../Img/BgH1.jpg' );
	display: block;
	position: absolute;
	left: 31px;
	top: 39px;
	height: 94px;
	width: 256px; /*206px;*/
	z-index: 100;
}

#Container H1 SPAN
{
	display: none;
}

#Container H2
{
	background-image: url( '../Img/BgH2.gif' );
	display: block;
	position: absolute;
	left: 62px;
	top: 15px;
	width: 710px;
	height: 10px;
	margin-left: 140px;
}

#Container H2 SPAN
{
	display: none;
}

#Language
{
	background-image: url( '../Img/BgLanguage.jpg' );
	color: #ffffff;
	display: block;
	font-size: 8px;
	position: absolute;
	left: 31px;
	top: 135px;
	width: 256px; /*206px;*/
	height: 27px;
}

#Language .Current
{
	color: #ffffff;
	float: left;
	font-weight: bold;
	font-size: 8px;
	margin-left: 72px; /*47px;*/
	margin-top: 7px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#Language A
{
	display: block;
	float: left;
	height: 25px;
	width: 28px;
}

#Language A SPAN
{
	display: none;
}

#Language A.ItNormal
{
	background-image: url( '../Img/BgLanguageItUp.jpg' );
}

#Language A.ItCurrent
{
	background-image: url( '../Img/BgLanguageItDown.jpg' );
}

#Language A:hover.ItNormal
{
	background-image: url( '../Img/BgLanguageItRoll.jpg' );
}

#Language A:hover.ItCurrent
{
	background-image: url( '../Img/BgLanguageItRoll.jpg' );
}

#Language A.UsNormal
{
	background-image: url( '../Img/BgLanguageUsUp.jpg' );
}

#Language A.UsCurrent
{
	background-image: url( '../Img/BgLanguageUsDown.jpg' );
}

#Language A:hover.UsNormal
{
	background-image: url( '../Img/BgLanguageUsRoll.jpg' );
}

#Language A:hover.UsCurrent
{
	background-image: url( '../Img/BgLanguageUsRoll.jpg' );
}

#Search
{
	background-image: url( '../Img/BgSearch.jpg' );
	display: block;
	position: absolute;
	left: 31px;
	top: 164px;
	width: 256px; /*206px;*/
	height: 35px;
}

#Search H3
{
	display: none;
}

.Search_H3
{
	display: none;
}

#Search INPUT
{
	border: 0;
	background-image: url( '../Img/BgSearchInput.gif' );
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
	height: 14px;
	margin-left: 37px; /*12px;*/
	margin-top: 6px;
	padding-left: 4px;
	padding-top: 2px;
	width: 139px;
}

#Search A
{
	color: #910004;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	margin-left: 10px;
	width: 52px;
	text-decoration: none;
}

#Search A:hover
{
	color: #454545;
}

#Search A:active
{
	color: #910004;
}

#Login
{
	background-image: url( '../Img/BgLogin.jpg' );
	color: #454545;
	display: block;
	position: absolute;
	left: 31px;
	top: 200px;
	width: 256px; /*206px;*/
	height: 82px;
}

#Login H3
{
	display: block;
	margin-bottom: 4px;
	margin-left: 39px; /*14px;*/
	margin-top: 8px;
	height: 7px;
}

#Login H3 SPAN
{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 6px;
	text-align: center;
}

#Login FORM.LoginForm
{
	display: block;
	height: 39px;
	margin-top: 0px;
	padding-top: 3px;
	width: 206px;
}

#Login DIV.Row
{
	height: 18px;
	margin-left: 25px;
}

#Login LABEL
{
	display: block;
	float: left;
	font-size: 11px;
	font-weight: normal;
	margin-left: 14px;
	padding-top: 4px;
	width: 50px;
}

#Login A.Register
{
	background-image: url( '../Img/BgLoginRegister.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	color: #454545;
	display: block;
	font-size: 8px;
	margin-left: 30px;/*90px; /*70px;*/
	margin-top: 0px;
	padding-left: 8px;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;
}

#Login A:hover.Register
{
	color: #000000;
}

#Login A.ResetPassword
{
	background-image: url( '../Img/BgLoginRegister.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	color: #454545;
	display: block;
	font-size: 8px;
	margin-left: 120px; /*70px;*/
	margin-top: 0px;
	padding-left: 8px;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 2px;	
}

#Login FORM.LoginForm INPUT.Field
{
	border: 0;
	background-image: url( '../Img/BgLoginField.gif' );
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
	height: 14px;
	margin-left: 6px;
	padding-left: 4px;
	padding-top: 2px;
	width: 100px;
}

#Login A.Ok
{
	background-color: transparent;
	border: 0;
	color: #910004;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin-top: -25px;
	margin-right: -14px;/*11px;*/
	text-decoration: none;
}

#Login A:hover.Ok
{
	color: #454545;
}

#Login A:active.Ok
{
	color: #910004;
}

#Login P
{
	margin-left: 10px;	
	margin-top: 10px;	
}

#Login A.Logout
{
	background-color: transparent;
	border: 0;
	color: #910004;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin-right: 11px;
	text-decoration: none;
}

#Login A:hover.Logout
{
	color: #454545;
}

#Login A:active.Logout
{
	color: #910004;
}

#Login A.ChangePassword
{
	background-color: transparent;
	border: 0;
	color: #910004;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#Login A:hover.ChangePassword
{
	color: #454545;
}

#Login A:active.ChangePassword
{
	color: #910004;
}
	
#Menu
{
	background-image: url( '../Img/BgMenu.jpg' );
	display: block;
	position: absolute;
	left: 31px;
	top: 284px;
	width: 262px; /*212px;*/
	height: 446px; /*285px;*/
	z-index: 200;
}

#Menu A
{
	background-image: url( '../Img/BgMenuItem.gif' );
	color: #454545;
	display: block;
	font-size: 15px; /*12px;*/
	margin-left: 21px;
	height: 35px; /*21px;*/
	width: 213px; /*163px;*/
	text-decoration: none;
}

#Menu IMG#ImgMenuSide
{
	display: none;
	position: absolute;
	left: 255px; /*203px;*/
}

#Menu IMG#ImgMenuPage
{
	display: none;
	position: absolute;
	left: 255px; /*203px;*/
}

#Menu A SPAN
{
	display: block;
	position: relative;
	margin-left: 27px;
	padding-top: 9px; /*3px;*/
}

#Menu A:hover
{
	font-weight: bold;
}

#Menu A.First
{
	background-image: url( '../Img/BgMenuItemFirst.gif' );
	height: 35px; /*22px;*/
	margin-top: 28px;
}

#Menu A.Cart
{
	background-image: url( '../Img/BgCartUp.jpg' );
	background-position: right 9px; /*right 3px;*/
	background-repeat: no-repeat;
	border: 0;
	color: Red; /*#454545;*/
	font-size: 14px; /*11px;*/
	font-weight: bold;
	margin-top: 14px;
	text-decoration: underline;
	width: 110px; /*94px;*/
}

#Menu A:hover.Cart
{
	background-image: url( '../Img/BgCartRoll.jpg' );
	color: #910004;
}

#Menu A:active.Cart
{
	background-image: url( '../Img/BgCartDown.jpg' );
}

#Menu .CartTotalProduct
{
    color: Red;
    margin-left: 48px;
}

#Main
{
	background-color: #ffffff;
	background-image: url( '../Img/BgMain.jpg' );
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 289px; /*239px;*/
	top: 39px;
	width: 782px; /*811px; /*611px;*/
	height: 700px; /*530px;*/
	z-index: 100;
}

#Footer
{
	background-image: url( '../Img/BgFooter.gif' );
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 10px;
	display: block;
	padding-top: 5px;
	position: absolute;
	left: 22px;
	top: 740px; /*578px;*/
	width: 1060px; /*837px;*/
	height: 22px;
}

#Footer A
{
	color: #000000;
	text-decoration: none;
}

#Footer A:hover
{
	color: #979797;
}

#Footer .Address
{
	float: left;
	width: 850px;
	margin-left: 6px;
}

#Footer .Links
{
	float: right;
	margin-right: 4px;
}

#Footer .Links A
{
	margin-left: 0px;
	margin-right: 0px;
}

#PagePath
{
	clear: both;
	display: block;
	position: absolute;
	left: 33px;
	top: 115px;
	font-size: 8pt;
}

#PagePath A
{
	color: #000000;
	display: block;
	float: left;
	margin-right: 8px;
	text-decoration: underline;
}

#PagePath A:hover
{
	color: #8c8c8c;
}

#PagePath SPAN
{
	display: block;
	float: left;
	margin-right: 8px;
}

.ReturnToList
{
	display: block;
	 position: absolute;
	left: 645px;
	top: -25px;
	font-size: 9pt;
}

.ReturnToList A
{
	color: #910004;
	display: block;
	text-decoration: underline;
}

.ReturnToList A:hover
{
	color: #454545;
}

#PageTitle
{
	color: #454545;
	display: block;
	position: absolute;
	left: 33px;
	top: 135px;
}

#PageTitle H3
{
	font-family: "Arial Narrow" , Arial;
	font-size: 22pt;
}

#PrintCategoryList
{
    font-family: "Arial Narrow" , Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
    position: absolute;
    left: 580px;
    top: 140px;
    display: block;
}

#PrintList
{
    font-family: "Arial Narrow" , Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
    position: absolute;
    left: 440px;
    top: 150px;
    display: block;
}

#PrintNews
{
    font-family: "Arial Narrow" , Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
    position: absolute;
    left: 500px;
    top: 180px;
    display: block;
    z-index: 150;
}

#Home
{
	position: absolute;
	left: 31px;
	top: 39px;
	z-index: 1000;
}

#Home A
{
	background-color: transparent;
	display: block;
	height: 94px;
	width: 206px;
}

#Home A SPAN
{
	display: none;
}



/*
	Page content
*/

#PageContent
{
	display: block;
	float: left;
	font-size: 8pt;
	height: 470px; /*320px;*/
	position: absolute;
	left: 33px;
	overflow: auto;
	top: 210px;
	width: 745px; /*795px; /*560px;*/
}

#PageContent H4
{
	color: #910004;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 16px;
}

#PageContent P
{
	margin-top: 4px;
}

#PageContent OL
{
	list-style-type: decimal;
	margin-left: 16px;
}

#PageContent UL
{
	list-style-type: square;
	margin-left: 16px;
}

/*
	Page banner
*/

#PageBanner
{
	background-image: url('../../Common/Img/BgBanner.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 4px;
	top: 0px;
	width: 607px;
	height: 94px;
}

#PageBanner SPAN
{
	display: none;
}


/*
	Catalog sections
*/

#CatalogSections
{
	display: block;
	position: absolute;
	left: 12px;
	top: 250px;
	width: 660px; /*732px;/*512px;*/
	height: 440px; /*280px;*/
}

#CatalogSectionsLinks
{
    width: 600px; /*540px;*/
    height: 326px; /*330px;/*299px;*/
    float: none;
}

#CatalogSections A
{
	display: block;	
	margin-bottom: 10px; /*30px; /*6px;*/
	margin-left: 0px; /*20px; /* new */
	margin-right: 10px; /*20px; /*3px;*/
	width: 139px; /*150px;*/ /*125px;*/
	height: 152px; /*164px;*/ /*137px;*/
	float: left;
}

#CatalogSections A SPAN
{
	color: #454545;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-right: 4px;
	position: relative;
	text-align: center;
	text-decoration: underline;
	top: 125px; /*132px;*/ /*108px;*/
}

#CatalogSections A:hover SPAN
{
	color: #8c8c8c;
}

#CatalogSections A.Accessories
{
	background-image: url('../Img/BgSectionAccessories.gif');
}

#CatalogSections A:hover.Accessories
{
	background-image: url('../Img/BgSectionAccessoriesH.gif');
}

#CatalogSections A.IpCorder
{
	background-image: url('../Img/BgSectionIpCorder.gif');
}

#CatalogSections A:hover.IpCorder
{
	background-image: url('../Img/BgSectionIpCorderH.gif');
}

#CatalogSections A.Networking
{
	background-image: url('../Img/BgSectionNetworking.gif');
}

#CatalogSections A:hover.Networking
{
	background-image: url('../Img/BgSectionNetworkingH.gif');
}

#CatalogSections A.Software
{
	background-image: url('../Img/BgSectionSoftware.gif');
}

#CatalogSections A:hover.Software
{
	background-image: url('../Img/BgSectionSoftwareH.gif');
}

#CatalogSections A.Illuminators
{
	background-image: url('../Img/BgSectionIlluminators.gif');
}

#CatalogSections A:hover.Illuminators
{
	background-image: url('../Img/BgSectionIlluminatorsH.gif');
}

#CatalogSections A.Videocam
{
	background-image: url('../Img/BgSectionVideocam.gif');
}

#CatalogSections A:hover.Videocam
{
	background-image: url('../Img/BgSectionVideocamH.gif');
}

#CatalogSections A.VideoServer
{
	background-image: url('../Img/BgSectionVideoServer.gif');
}

#CatalogSections A:hover.VideoServer
{
	background-image: url('../Img/BgSectionVideoServerH.gif');
}

#CatalogSections A.Synology
{
	background-image: url('../Img/BgSectionSynology.gif');
}

#CatalogSections A:hover.Synology
{
	background-image: url('../Img/BgSectionSynologyH.gif');
}

#CatalogSections A.ComingSoon
{
	background-image: url('../Img/BgSectionComingSoon.gif');
}

#CatalogSections A:hover.ComingSoon
{
	background-image: url('../Img/BgSectionComingSoon.gif');
}

#CatalogSections A.Qnap
{
	background-image: url('../Img/BgSectionQnap.gif');
}

#CatalogSections A:hover.Qnap
{
	background-image: url('../Img/BgSectionQnapH.gif');
}

#CatalogSections A.Nebbiogeni
{
	background-image: url('../Img/BgSectionNebbiogeni.gif');
}

#CatalogSections A:hover.Nebbiogeni
{
	background-image: url('../Img/BgSectionNebbiogeniH.gif');
}

#CatalogSections DIV#CatalogSectionPhrase
{
    width:660px;
    float: left;
    margin-bottom: 7px;
    font-size: 8pt;
}

#CatalogSections DIV#CatalogSectionBanner
{
    width: 728px;
    height: 80px;/*90px;*/
    float: left;
	background-image: url('../Img/ImgSectionBanner.gif');
}

#CatalogSections DIV#CatalogSectionBanner2
{
    width: 728px;
    height: 80px;/*90px;*/
    float: left;
	background-image: url('../Img/bannerSynologyEnt.jpg');
}

#CatalogSections DIV#CatalogSectionBanner SPAN
{
    color: #FFF;
    background-color: #BF3030;
    font-size: 9pt;
    font-weight: bold;
    position: relative;
    top: 70px;
    left: 400px;
} 


#ProductIndexLogosHome
{
	display: block;
	overflow: auto;
	left: 673px;/*682px; /*732px;/*512px;*/
	top: 250px;
	width: 107px;
	height: 430px; /*280px;*/
	text-align: right;
	padding-top: 10px;
	position: absolute;
}

#ProductIndexLogosHome IMG
{
	border: 0;
	clear: both;
	float: right;
	margin-bottom: 17px;
	/*margin-right: 5px;*/
}


#PageTabs
{
	border-bottom: solid 1px #8c8c8c;
	display: block;
	height: 19px;
	position: absolute;
	left: 33px;
	top: 170px;
	width: 690px; /*510px;*/
}

#PageTabs A
{
	background-image: url('../Img/BgTab.gif');
	display: block;
	color: #ffffff;
	float: left;
	height: 19px;
	margin-right: 4px;
	text-align: center;
	text-decoration: none;
	width: 102px;
}

#PageTabs A.Selected
{
	background-image: url('../Img/BgTabSel.gif');
	border-bottom: solid 1px #ffffff;
	color: #454545;
}

#PageTabs A:hover
{
	background-image: url('../Img/BgTabH.gif');
	color: #ffffff;
}

#PageTabs A SPAN
{
	font-size: 8pt;
	line-height: 16pt;
}

#PageTabs SPAN.Code
{
	color: #000000;
	font-size: 8pt;
	position: absolute;
	right: 0;
	margin-top: 4px;
}

#PageTabs SPAN.Code SPAN
{
	font-weight: bold;
	letter-spacing: 0.30em;
}

/*
	Stats
*/

#stats
{
	display: none;
}

/*
	Scroll Pane
*/

.scrollBox
{
	overflow: hidden; /* disable standard scrollbar */
}

.scrollHolder .jScrollPaneTrack 
{
	background: #ffffff;
	background-image: url('../Img/imgScrollBar.gif');
	background-repeat: repeat-y;
}

.scrollHolder .jScrollPaneDrag 
{
	background-color: #ffffff;
	background-image: url('../Img/imgScrollButton.gif');
	background-repeat: no-repeat;
	height: 28px;
}

a.jScrollArrowUp {
	/*display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;*/
	overflow: hidden;	
	background-image: url('../Img/BgArrowUp.gif');
	width: 10px;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	/*display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;*/
	overflow: hidden;
	/*background-color: #666;*/
	background-image: url('../Img/BgArrowDown.gif');
	width: 10px;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*
div#TextContainer	
{ 
	float: left;
    position: relative;
    width: 510px; 
    height: 240px;
    overflow: hidden;
    text-align: justify;
}

div#PageText
{
	background-color: #ffffff;
	width: 390px;
}
*/
