/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	font-size:14px;
	color: #FFFFFF;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-image:url(../img/body_sf_riv.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000000;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #535353;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.logout:link, a.logout:visited{
	color: #FFFFFF;
	text-decoration: none;
}

a.logout:hover{
	text-decoration: underline;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/
form {
	margin: 0;
	padding: 0;
}

input{
	font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 138px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
	height: 456px;
	z-index: 0 !important;
	z-index: -1;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	top: 160px;
	width: 900px;
	padding: 0px;
	margin:0px 10px 0px 30px;
	background-image:url("../img/page_sf.gif");
}


/************** utility styles *****************/
#login{
	font: 75% Verdana,sans-serif;
	position: absolute;
	height: 95px;
	top: 0px;
	right: 150px;
	color: #919999;
	width: 150px;
	background-image: url("../img/login_background.gif");
	background-position:right;
	background-repeat:no-repeat;
}

#login a{
	color: #535353;
}

#login a:hover{
	text-decoration: underline;
}
.log{
	color:#FFFFFF;
}
/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
height: 43px;
color: #535353;
padding: 0px;
margin: 0px;
background-image:  url("../img/glbnav_background_riv.gif");
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 0px;
	height: 43px;
	padding: 0px;
	margin: 0px;
	left: 30px;
	z-index: 100;
	width: 900px;
}

/************ collezioni styles **************/

.collezioniNav{
	position: absolute;
	top: 112px;
	left: 790px;
	padding: 0px 0px 0px 0px;
	visibility: visible;
	color: #D8DDE5;
	z-index: 100;
	width: 140px;
}

/************ subglobalNav styles **************/

.subglobalNav{
	font-size: 14px;
	position: absolute;
	top: 137px;
	left: 26px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #FFFFFF;
	z-index: 20;
}

/**************** testi *************************/

.testo_10_chiaro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
}

/********************* end **********************/

.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	color: #535353;*/
	color: #FFFFFF;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
} 

/********************* Inizio gestione MENU *********************/


#mainMenu{
	width:759px;
	text-align:left;
	font-family: "Times New Roman", Times, serif;	/* Fonts of main menu items */
	font-size:1.05em;	/* Font size of main menu items */
	height:33px;	/* Height of main menu */	
	position:relative;	/* Don't change this position attribute */
	
}
#mainMenu a{
	display:block;
	color:#535353;
	font-weight:bold;
	text-decoration:none;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#E4E6E5;
	padding-bottom:1px;
	/* Don't change these two options */
	bottom:0px;	/* Change this value to -2px if you're not using a strict doctype */
}
#submenu{		
	font-family: "Times New Roman", Times, serif;	/* Fonts of main menu items */
	text-align:left;
	height:22px;
	width:759px;	/* Don't change this option */	
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
	
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	color:#FFF;
	background-color: #535353;	/* Background color */
	
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#mainMenu .activeMenuItem img{
	position:relative;
}
	
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{		
	color: #535353;	/* Text color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a{	
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	padding-left:3px;	/* Space at the left of each sub menu item */
	padding-right:3px;	/* Space at the right of each sub menu item */
	color: #FFFFFF;	/* Text color */
	font-size:16px; 
}

#submenu a:hover{
	text-decoration:underline;
	color: #FFFFFF;	/* Red color when the user moves the mouse over sub menu items */
}

#submenu a:active{
	text-decoration:none;
	color: #CCCCCC;	/* Red color when the user moves the mouse over sub menu items */
}