* { margin: 0; padding: 0 }
img { border: none }
a img { vertical-align: top;}
ul, ul li { list-style-image:none; list-style-position:outside; list-style-type:none; }
ol { list-style-position: inside; }
a, a:visited, a:active { color: #4a4a4a; text-decoration: none; outline: none; -moz-outline: none; }
a, a * { cursor: pointer; }
.selected a * { cursor: default; }

/***** LAYOUT *****/

body {
    background: #FFF; 
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: center;
}

.main { 
	min-width: 923px; 
}
.header, .footer, .content {
    position: relative;
    text-align: left;
    margin: 0 auto; 
    width: 923px;
	z-index: 0;
}

.header-container {
    
}
.header {
    min-height: 47px;
    height: auto !important;
    height: 47px;
	z-index: 10;
}

.content-container {

}
.content {
	z-index: 1;
}

.footer-container {

}
.footer {
	color: #98a1a4;
	font-size: 0.909em;
	padding: 16px 0 30px 0;
	word-spacing: 3px;
}
.footer span { width: 49%; }
.footer span.right { text-align: right; font-size: 1.2em; line-height: .833em; }
.footer span.right a,
.footer span.right a:active,
.footer span.right a:visited { color: #98a1a4; word-spacing: 0; font-size: .833em; }

/* premade classes */

.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.no-bold { font-weight: normal !important; }
.black { color: #000; }
.clearb { clear: both; }
.vhidden { visibility: hidden; }
.relative { position: relative; }
.absolute { position: absolute; top: 0; left: 0; }
.font0 { font-size: 0; }
.nowrap { white-space: nowrap; }
.ucase { text-transform: uppercase; }
.lcase { text-transform: lowercase !important; }
.orig-case { text-transform: none !important; }
.underline { text-decoration: underline !important; }
.font-xl { font-size: 1.090em; }
.font-s { font-size: 0.909em;}
.block { display: block; }
.minheight0 { min-height: 0 !important; height: 0 !important; height: auto !important; }
.margin0 { margin: 0 !important; }
div.clear { clear:both; visibility: hidden; line-height: 0; font-size: 0; height: auto; width: 100%; }
.disp-none { display:none !important; }
.disp-auto { display:auto !important; }
.bg-white { background-color:#fff !important; }
.plus {  background: url(../_img/plus.gif) left center no-repeat; padding-left: 17px !important; }
.minus {  background: url(../_img/minus.gif) left center no-repeat; padding-left: 17px !important; }
.alert { color:#990000; }
.wauto { width: auto !important; }
.cnone { clear: none !important; }
.no-margin {margin:0 !important;}
.spacer-right { margin-right:10px; }
.spacer-left { margin-left:10px; }

.image { 
	background-color:transparent;
    background-repeat:no-repeat;
    color:#FEFEFE;
    display:inline;
    float:left;
    font-size:0;
    line-height:0;
    text-indent:-999em;
}

/** navigation menu **/

.header h1 {
	position: absolute;
	top: 0;
	left: 0;
}
* html .header h1 img { display: none; }
* html .header h1 a {
	display: block;
	width: 189px;
	height: 97px;
	position: absolute;
	z-index: 40;
	top: 0;
	right: 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_templates/_img/logo.png", sizingMethod="scale");
}
* html .header h1 {
	z-index: 0;
	width: 189px;
	height: 97px;
}

#navigation {
	position: absolute; 
	top: 16px;
	right: 16px;
}
#navigation li { float: left; display: inline; margin-left: 10px; }
#navigation li a {
	float: left;
	display: inline;
	padding: 5px;
	height: 8px;
	font-size:0;
    text-indent:-999em;
	overflow: hidden;
}
#navigation span { 
	float: left;
	display: inline;
	cursor: default; 
	margin: 5px;
	height: 8px;
	font-size:0;
    text-indent:-999em;
}

#navigation li.selected a { margin: 5px; padding: 0; }

#navigation li a.home { background: url(../_img/lb_home.gif) no-repeat 5px 5px; width: 32px; }
#navigation li.selected a.home { background: url(../_img/lb_home.gif) no-repeat bottom left; width: 32px; }

#navigation li a.menu9 { background: url(../_img/lb_la_storia.gif) no-repeat 5px 5px; width: 52px; }
#navigation li.selected a.menu9 { background: url(../_img/lb_la_storia.gif) no-repeat bottom left; width: 52px; }

#navigation li a.menu4 { background: url(../_img/lb_i_nostri_brand.gif) no-repeat 5px 5px; width: 80px; }
#navigation li.selected a.menu4 { background: url(../_img/lb_i_nostri_brand.gif) no-repeat bottom left; width: 80px; }

#navigation li a.menu5 { background: url(../_img/lb_le_promozioni.gif) no-repeat 5px 5px; width: 80px; }
#navigation li.selected a.menu5 { background: url(../_img/lb_le_promozioni.gif) no-repeat bottom left; width: 80px; }

#navigation li a.menu6 { background: url(../_img/lb_la_comunicazione.gif) no-repeat 5px 5px; width: 102px; }
#navigation li.selected a.menu6 { background: url(../_img/lb_la_comunicazione.gif) no-repeat bottom left; width: 102px; }

/** menu brands **/

div.brands {
	width: 100%;
	min-height: 51px;
	height: auto !important;
	height: 51px;
	background: url(../_img/bg_emo_top.gif) no-repeat bottom left;
}
div.brands ul {
	float: right;
	display: inline;
	min-height: 51px;
	height: auto !important;
	height: 51px;
	margin-right: 12px;
}
div.brands ul li {
	float: left; 
	display: inline;
	min-height: 51px;
	height: auto !important;
	height: 51px;
	background: url(../_img/bg_brand_list.gif) no-repeat bottom right;
}
div.brands ul li a {
	float: left;
	display: inline;
	height: 51px;
}
div.brands ul li.befores { background: url(../_img/bg_brand_befores.gif) no-repeat bottom right; }
div.brands ul li.afters { background: url(../_img/bg_brand_afters.gif) no-repeat bottom right; }

div.brands ul li.selected { background: none; padding: 0; }
div.brands ul li.selected span { 
	background: #FFF;
	float: left;
	display: inline;
	width: 64px;
	height: 50px;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
div.brands ul li.afters a { background: url(../_img/bg_brand_list.gif) no-repeat bottom right; }

.page-container {
	float: left;
	display: inline;
	width: 100%;
	background: url(../_img/bg_page_container.gif) no-repeat bottom left;
}

div.left-container {
	float: left;
	width: 177px;
}

div.left-container .search {
	clear: left;
}

ul.left-menu {
	float: left;
	display: inline;
	width: 177px;
	padding-top: 35px;
	padding-bottom: 19px;
	*padding-bottom: 0;
	background: url(../_img/bg_left_menu.gif) no-repeat top left;
}
ul.left-menu li { 
	float: left;
	display: inline;
	padding: 1px 0; background: url(../_img/bg_left_menu.gif) no-repeat bottom right; 
}
ul.left-menu li a {
	float: left;
	display: inline;
	width: 130px;
	height: 8px;
	padding: 17px 26px 16px 21px;
}
ul.left-menu li a span {
	float: left;
	display: inline;
	width: 130px;
	height: 8px;
}
ul.left-menu li.selected {
	padding: 18px 26px 17px 21px;
}
ul.left-menu li.selected a { padding: 0; background: url(../_img/bg_left_menu_selected.gif) no-repeat center right; }
ul.left-menu li.selected span {
	float: left;
	display: inline;
	width: 130px;
	height: 8px;
	background-position: bottom left;
}

.i-prodotti { background-image: url(../_img/lb_i_prodotti.gif); }
.le-promozioni { background-image: url(../_img/lb_le_promozioni.gif); }
.le-iniziative-online { background-image: url(../_img/lb_le_iniziative_online.gif); }
.la-comunicazione { background-image: url(../_img/lb_la_comunicazione.gif); }
.il-concorso { background-image: url(../_img/lb_il_concorso.gif); }

ul.left-menu li ul {
	float: left;
	display: inline;
	background: none;
	padding: 10px 0 0 0;
}
ul.left-menu li ul li {
	background: none;
	padding: 3px 0;
}
ul.left-menu li.selected ul li.selected {
	padding: 3px 0;
}
ul.left-menu li.selected ul li a {
	height: auto;
	padding-left: 10px;
	width: 120px;
	background: url(../_img/bg_left_menu_ul_li.gif) no-repeat center left;
}
ul.left-menu li.selected ul li.selected a,
ul.left-menu li.selected ul li.selected a:visited,
ul.left-menu li.selected ul li.selected a:active {
	height: auto;
	padding-left: 10px;
	width: 120px;
	background: url(../_img/bg_left_menu_ul_li_selected.gif) no-repeat center left;
	color: #ee2e24;
}

.page-content {
	float: left;
	display: inline;
	width: 746px;
}

div.prod-list h2 { margin: 21px 0 0 30px; }
div.prod-list ul.prods {
	float: left;
	display: inline;
	position: relative;
	width: 100%;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}
div.prod-list li { position: absolute; }
div.prod-list li a { float: left; display: inline; }

div.borded {
	float: left;
	display: inline;
	width: 733px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

div.borded-bottom {
	float: left;
	display: inline;
	width: 735px;
	border-bottom: 1px solid #ececec;
	height: 0;
	overflow: hidden;
}

div.borded .pleft {
	float: left;
	display: inline;
	width: 322px;
	padding: 30px 15px 30px 30px;
}
div.borded .pright {
	float: left;
	display: inline;
	width: 321px;
	padding: 30px 30px 30px 15px;
}

div.scheda-prod {
	float: left;
	display: inline;
	width: 746px;
}
div.scheda-prod div.dleft {
	float: left;
	display: inline;
	width: 310px;
	clear: left;
	margin: 21px 0 30px 30px;
}
div.scheda-prod div.dleft h3 {
	font-size: 1em;
	float: left;
	display: inline;
	width: 100%;
	text-transform: uppercase;
	margin-top: 50px;
}
div.scheda-prod div.dleft p {
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0;
	margin: 0;
}
div.scheda-prod div.dleft a.ar {
	float: left;
	clear: both;
	margin-right: 0;
	*margin-right: -20em;
	_margin-right: -20em;
}

div.scheda-prod div.iright {
	float: left;
	display: inline;
	width: 385px;
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	text-align: center;
}
div.scheda-prod div.iright img {
	position: relative;
	margin: 0 auto;
}
div.scheda-prod div.borded div.pright table {
	width: 100%;
	border-spacing: 0;
}
div.scheda-prod div.borded table thead td { padding: 0 4px 8px 0; }
div.scheda-prod div.borded table tbody td {
	font-weight: bold;
	background: url(../_img/dot_grey.gif) repeat-x bottom left;
	padding: 8px 4px 8px 0;
}
div.scheda-prod div.borded table .r { text-align: right; }

/** comunicazione **/
div.scheda-prod div.dleft ul.media-list {
	width: 289px;
	float: left;
	clear:left;
	padding: 44px 0 0;
}

div.scheda-prod div.dleft ul.media-list li {
	float: left;
	margin-right: 10px;
	width: 75px;
	height: 66px;
	background:transparent url(../_img/bg_media_thumb.jpg) no-repeat 0 0;
	text-align: center;
}

div.scheda-prod div.dleft ul.media-list li img {
	margin: 3px auto 0;
	cursor: pointer;
}

div.bgcom div.scheda-prod div.dleft {
	overflow: hidden;
	width: 250px;
	padding: 0 0 30px;
}

div.bgcom div.scheda-prod div.iright {
	width: 445px;
	padding: 0 0 30px;
	text-align: center;
}

div.bgcom .scheda-prod .poster {
	margin: 38px 0 0;
}

div.iright .media-container .media-wrap {
	float: left;
	display: inline;
	position: relative;
	width: 320px;
	margin: 0 0 0 67px;
	padding: 4px 0 0 0;
}

div.iright .media-container .play {
	position: absolute;
	top: 103px; left: 115px;
	cursor: pointer;
}

div.scheda-prod div.dleft ul.poster-list {
	width: 270px;
	float: left;
	clear:left;
	padding: 44px 0 0;
}

div.scheda-prod div.dleft ul.poster-list li {
	float: left;
	width: 73px;
	height: 102px;
	margin-right: 10px;
	padding: 0 0 8px;
	background: url(../_img/bg_poster_thumb.gif) no-repeat bottom left;
}

div.scheda-prod div.dleft ul.poster-list li img {
	display: block;
	cursor: pointer;
}

/* Promozioni */
div.promo-list h2 { margin: 21px 0 60px 30px; }

div.promo-list {
	float: left;
	display: inline;
	width: 100%;
	min-height: 400px;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	height: auto !important;
	width: 100%;
}

div.promo-item {
	margin-bottom: 60px;
}

div.promo-item h3 {
	font-size: 1em;
	color: #003d7e;
	line-height: 1.4545em;
	text-transform: uppercase;
}

div.promo-item p {
	line-height: 1.4545em;
}

div.promo-list div.dleft {
	float: left;
	display: inline;
	width: 310px;
	clear: left;
	margin: 0 0 0 30px;
}

div.promo-list div.dleft .right {
	margin-left: 20px;
	float:none;
	margin-left:20px;
}

div.promo-list div.dleft strong {
	float: left;
	display: inline;
	width: 100%;
	text-transform: uppercase;
	margin-top: 50px;
}
div.promo-list div.dleft p {
	padding: 15px 0;
	margin: 0;
}

div.promo-list div.iright {
    display: inline;
    float: left;
    height: 638px;
    margin: 0;
    width: 395px;
}
div.promo-list div.iright img {
	position: relative;
	margin: -45px auto 0;
}

/* Iniziative online */
div.online-list {
	float: left;
	display: inline;
	width: 100%;
	min-height: 400px;
	height: auto !important;
	width: 100%;
}

div.online-list h2 { margin: 21px 0 40px 30px; }

div.online-item {
	background: url(../pavesini/bg_online_item_pavesini.gif) no-repeat 22px bottom;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

div.online-list .last {
	background: none;
	margin-bottom: 0;
}

div.online-item h3 {
	font-size: 1em;
	color: #003d7e;
	line-height: 1.4545em;
	text-transform: uppercase;
	float: left;
}

div.online-item .date {
	margin-top: .22em;
	font-size: .909090em;
	color: #999;
	float: right;
}

div.online-item p {
	line-height: 1.4545em;
}

div.online-list div.dleft {
	float: left;
	display: inline;
	width: 475px;
	clear: left;
	margin: 0 0 0 30px;
}
.bgi-olivia_e_marino div.online-list div.dleft {
	width: 355px;
}

div.online-list div.dleft strong {
	float: left;
	display: inline;
	width: 100%;
	text-transform: uppercase;
	margin-top: 50px;
}
div.online-list div.dleft p {
	padding: 12px 0;
	margin: 0;
	clear: left;
}

div.online-list div.iright {
	float: left;
	display: inline;
	width: 205px;
	margin: 0;
	text-align: center;
}
.bgi-olivia_e_marino div.online-list div.iright {
	width: 320px;
	margin-left: 15px;
}
div.online-list div.iright img {
	position: relative;
	margin: 0 auto;
}
div.prod-list ul li a		{ padding-top: 5px; }

/* wp */

.wp .page-container {
	margin: 0 0 0 12px;	
	padding: 0 12px 0 13px;
	background: url(../wp/bg_i_nostri_brand.gif) no-repeat top left;
	padding-bottom: 20px;
	width: 875px;
	border-bottom: 1px solid #ececec;
}

.wp .brand-box {
	margin: 25px 25px 0 0;
	float: left;
	display: inline;
	width: 200px;
}

.wp .brand-box a.img {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 25px;
	min-height: 76px;
	height: auto !important;
	height: 76px;
}

.wp .brand-box a.img img {
	position: relative;
	margin: 0 auto;
}
.wp .brand-box a,
.wp .brand-box a:visited {
	color: #003D7E;
	text-transform: uppercase;
	font-weight: bold;
}

/* paging */

div.paging {
	padding: 10px 0;
}
div.paging ul {
	display: inline;
	font-weight: bold;
}
div.paging ul li {
	display: inline;
	border-left: 1px solid #cbd1d1;
	padding: 0 3px 0 7px;
}
div.paging ul li a,
div.paging ul li a:visited {
	color: #003d7e;
}

div.paging a.prev { font-size: 0; margin-top: 4px; }
div.paging a.prev img { margin-top: 4px; }
div.paging a.next { font-size: 0; }
div.paging a.next img { margin-top: 4px; }