html { overflow-y: scroll; background-color: #15548E; }

#wrapper { background: url('/buzz/images/content-bg.jpg') repeat-x center 577px; }

body, #top { min-width: 1000px; }

#top
{
	width: 100%;
	height: 268px;
	
	background: white url('/buzz/images/top-bg.jpg') repeat-x 0 0;
}

#top-fg
{
	position: relative;

	background: url('/buzz/images/top-fg.gif') no-repeat center 18px;
	
	width: 1000px;
	height: 268px;
}

#logo { position: absolute; top: 27px; left: 20px; }

#content
{
    position: relative;
    
	width: 900px;
	height: 454px;
	
	padding: 10px 21px;
	
	overflow: hidden;
}

.spotlight-container
{
	width: 272px;
	height: 90px;
	
	overflow: visible;
	
	float: left;
	margin-left: 20px;
}

.spotlight
{
	width: 100%;
	height: 63px;
	
	overflow: visible;
	
	background: url('/buzz/images/box.gif') no-repeat center center;
}

.shadow
{
	width: 100%;
	height: 12px;
	background-color: blue;
	
	margin-top: 15px;
	
	background: url('/buzz/images/shadow.gif') no-repeat center center;
}

.bonus-credit img, .bonus-trading img, .bonus-banking img { position: absolute; }
.bonus-credit, .bonus-trading, .bonus-banking { position: relative; }
.bonus-credit img {
	top: -2px;
	left: -29px;
}
.bonus-trading img {
	top: -13px;
	left: 12px;
}
.bonus-banking img {
	top: -22px;
	left: 9px;
}

.bonus-credit span, .bonus-trading span, .bonus-banking span {
	position: absolute;
	line-height: 1.5em;
	right: 0;
}

.bonus-trading span { width: 140px; }
.bonus-banking span { width: 135px; }

#ask-a-friend { padding-top: 20px; width: 780px; }
#spotlight { position: absolute; top: 300px; }

#links { position: absolute; bottom: 10px; width: 900px; }

#footer
{
	width: 100%;
	height: 80px;
	
	padding-top: 20px;
	
	background: #15548E;
	
	color: #0098E1;
}

#sub-footer
{
	width: 950px;
	padding: 0 25px 5px;
}

#unicredit-info { width: 730px; }

/**********************************************************************
 *
 * Common styles
 *
 **********************************************************************/

.hor-centered { margin: 0 auto; }

.verdana { font-family: Verdana, Arial, Helvetica; }
.arial { font-family: Arial, Helvetica; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }

.bold { font-weight: bold; }

.r-align { text-align: right; }
.l-align { text-align: left; }

.darkgrey   { color: #666; }
.vdarkgrey  { color: #333; }
.lightblack { color: #003; }
.lightgrey  { color: #CCC; }
.green      { color: #090; }

.left { float: left; }
.right { float: right; }

.clr { clear: both; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }

.margin5 { margin: 5px; }

.margin-top10  { margin-top: 10px; }
.margin-top15  { margin-top: 15px; }
.margin-top20  { margin-top: 20px; }

.margin-right20 { margin-right: 20px; }

.margin-bottom5 { margin-bottom: 5px; }

.margin-left20 { margin-left: 20px; }
.margin-left40 { margin-left: 40px; }
.margin-left60 { margin-left: 60px; }

.line-height40 { line-height: 1.4em; }
.line-height50 { line-height: 1.5em; }


.right-arrow-down {
	background: url("http://images.fineco.it/ib/ricariche/freccia_down.gif") no-repeat scroll right 75% transparent;
	padding-right: 10px;
}

/**********************************************************************
 *
 * OVERRIDES
 *
 **********************************************************************/
 
 a.linknob, a.linknob:hover {
 	font-size: 13px;
	font-family: Arial, Helvetica;
}