body { margin: 0; padding: 0; font: 13px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; background-color: #dedebc; min-width: 1000px; }

.clear-espresso { clear: both; line-height: 0; } 
		
.clearsome { clear: both; font-size: 5px; }


/* HEADER NETWORK
================================================*/
#topheader { display:block; float:left; width:1000px; }
#topheader #advtop { display:block; float:left; padding:5px; }

/* NETWORK ------------------------------------ */
#ge-network { display:block; float:right; width:auto; height:37px; background-color:#CFCFA1; /*width:252px; height:90px; margin:0 0 0 10px; background:#e6e6e6 url(http://www.kataweb.it/static/shared/images/cf-network-row-v2.gif) 0 0 no-repeat*/ }
#ge-network * 						{ margin:0; padding:0 }
#ge-network a 						{ text-indent:-9999px; text-decoration:none }
#ge-network-top,
#ge-network-middle,
#ge-network-bottom					{ display:none; float:left; margin:5px 0 0 5px; padding-bottom:3px }




 
/* ---------------------------------------------- */

/* HEADER
================================================*/
	
#header-espresso {
	float: left;
	padding: 5px 5px 0 5px;
	background-color: #ee1c29;
	width: 990px !important;
	width /**/: 1000px;
	}	
	
#navigation-espresso {
	float: left;
	padding: 7px 0 6px 5px;
	background: #9c0a0f url(../images/sf_navigation.gif) 0 0 repeat-x;
	border-top: 3px solid #fe313f;
	border-bottom: 3px solid #fe313f;
	font: bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;  
	color: #fff;
	width: 995px !important;
	width /**/: 1000px;
	}	

#header-espresso .logo {
	float: left;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	width: 340px;
	height: 60px;
	}

#header-espresso .logo a {
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../images/logo_espresso.gif) top left no-repeat;
	}
	
#header-espresso .shopping {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 320px;
	height: 60px;
	}

#header-espresso .shopping a {
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../images/logo_espresso-shopping.gif) top left no-repeat;
	}

#header-espresso .logo-moda {
	float: left;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	width: 700px;
	height: 60px;
	}

#header-espresso .logo-moda a {
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../images/logo_espresso-moda.gif) top left no-repeat;
	}

/************ CONTENT-NAVIGATION NEEEEEW *************/		

#navigation-new-espresso {float: left;padding: 0 0 0 5px;background: #9c0a0f url(../images/sf_navigation2.gif) 0 bottom repeat-x;border-top: 3px solid #fe313f;border-bottom: 3px solid #fe313f;font: bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #fff;width: 743px !important;width /**/: 748px;height:36px !important;height /**/:42px;}
#navigation-new-espresso a, #navigation-new-espresso a:visited {float: left;font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff;text-decoration: none;width:60px;}
#navigation-new-espresso a span {font: bold 12px/18px Arial, Helvetica, sans-serif;padding:0 1px;}
#navigation-new-espresso a.long, #navigation-new-espresso a.long:visited {width:100px;}
#navigation-new-espresso a.middle, #navigation-new-espresso a.middle:visited {width:84px;}
#navigation-new-espresso a:hover {text-decoration: none;color: #ff3840; }

/* NAVBAR ORIZZONTALE STILE QUOTIDIANI */	
#navigation-espresso {position:relative; z-index:100;float: left;padding: 0 0 0 5px;background: #d7171e url(../images/sf_navigation3.gif) 0 bottom repeat-x;border-top: 3px solid #fe313f;border-bottom: 3px solid #fe313f;border-left: 2px solid #fe313f;font: bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #fff;width: 245px !important;width /**/: 252px;height:36px !important;height /**/:42px;}
	
#navigation-espresso ul {float: left;padding: 0;margin: 0;list-style-type: none;}
#navigation-espresso ul ul {width: 150px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation-espresso li {float: left;position: relative;padding:0;margin:0;width:80px;}
#navigation-espresso li.big {float: left;position: relative;width:107px;}
#navigation-espresso li.little {float: left;position: relative;width:53px;}

/* style the links for the top level */
#navigation-espresso a, #navigation-espresso a:visited {display: block;font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff;text-decoration: none;width:80px;}
html>body #navigation-espresso a, #navigation-espresso a:visited {background: url(../images/navigation-arrow.gif) no-repeat;}

#navigation-espresso li.big a, #navigation-espresso li.big a:visited, #navigation-espresso li.big a:hover {float:left;background-position:87px;width:107px;}
#navigation-espresso li.little a, #navigation-espresso li.little a:visited, #navigation-espresso li.little a:hover {float:left;background-position:44px;width:53px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation-espresso a, * html #navigation-espresso a:visited {width: 80px;w\idth: 80px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation-espresso ul ul {visibility: hidden;position: absolute;height: 0;top: 15px;left:-5px; width: 150px;}

/* another hack for IE5.5 */
* html #navigation-espresso ul ul {top: 15px;t\op: 15px;}

/* position the third level flyout menu */
#navigation-espresso ul ul ul {left: 150px; top: 0;width: 150px;}
/* position the third level flyout menu for a left flyout */
#navigation-espresso ul ul ul.left {left: -150px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation-espresso table { position: absolute; top: 0; left: 0;}

/* style the second level links */
#navigation-espresso ul ul a, #navigation-espresso ul ul a:visited {background: #900; color: #fff !important; height: auto;font: bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 3px 5px; border-bottom: 1px solid #fe313f;width: 140px !important;
/* yet another hack for IE5.5 */
}

* html #navigation-espresso ul ul a {width: 150px;w\idth: 140px;}

/* style the top level hover */
#navigation-espresso a:hover {background:none;color: #fff;}
#navigation-espresso ul ul a:hover {background: #ee1c29;color: #fff;}
#navigation-espresso :hover > a {background:none;color: #fff;}
#navigation-espresso ul ul :hover > a {background: #ee1c29;color: #000;}

/* make the second level visible when hover on first level list OR link */
#navigation-espresso ul li:hover ul, #navigation-espresso ul a:hover ul {visibility: visible; }

/* keep the third level hidden when you hover on first level list OR link */
#navigation-espresso ul :hover ul ul {visibility: hidden;}

/* make the third level visible when you hover over second level list OR link */
#navigation-espresso ul :hover ul :hover ul { visibility: visible;}

/************ FINE CONTENT-NAVIGATION NEW *************/	

/************ AGGIUNTE X SHOPPING *************/		


#content-main-espresso {
	float: left;
	padding: 0 5px 10px 5px;
	background: url(../images/sf_content-main2.gif) 0 0 repeat-y;
	width: 990px !important;
	width /**/: 1000px;
	}
	
#content-right-espresso {
	float: right;
	margin-top: 5px;
	width: 195px;
	font: bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#adStrip-espresso {
	float: left;
	padding: 5px 0 15px 0;
	margin: 0 20px 0 0;
	background: #fff url(../images/sf_adStrip.gif) 0 36px repeat-x;
	width: 775px;
	}
	
#content-shopping-espresso {
	float: left;
	padding: 0;
	margin: 0;
	background: #fff;
	width: 775px;
	}

#content-bottom, #content-bottom-espresso {
	float: left;
	padding: 5px 220px 20px 5px;
	background: url(../images/sf_content-main-bottom2.gif) left bottom no-repeat !important;
	font: 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 25px !important;
	height /**/: 50px;
	width: 775px !important;
	width /**/: 1000px;
	}

#content-bottom-espresso a, #content-bottom-espresso a:visited {
	font: 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333;
	}
	
#content-bottom-espresso a:hover {
	color: #900;
	}