@import url(prodotti.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	background: #ddd url(../images/bg_page.gif) no-repeat left top;
}

img {border: 0;}
form { margin: 0;}

textarea { border: 1px solid #b3b3b3;}

.botSubmitGen {
	height: 28px;
	margin: 5px 5px 5px 0;
	border: none;
	text-align: center;
	color: #494949;
	font-weight: bold;
	text-transform: lowercase;
}
.botSubmitSmall {
	width: 100px;
	background: url(../images/bot_small.gif) no-repeat;
}
.botSubmitMedium {
	width: 140px;
	background: url(../images/bot_medium.gif) no-repeat;
}
.botSubmitBig {
	width: 185px;
	background: url(../images/bot_big.gif) no-repeat;
}

.renderBotton {
	display: block;
	color: #494949 !important;
	padding: 5px 0 0 0 !important;
}

table {	border-collapse: collapse;	border: 0px solid #FFF;}
td { border-collapse: collapse;	border: 0px solid #FFF;}
th { border-collapse: collapse;	border: 0px solid #FFF;}

a {color: #00508f;}
p {margin: 10px 0 0 0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-family: "Trebuchet MS"}

h1{
	font-size: 15pt;
	font-weight: normal;
}
h2{
	font-size: 13pt;
	font-weight: normal;
}
h3{
	font-size: 12pt;
	font-weight: bold;
}
h4{
	font-size: 10pt;
	font-weight: bold;
}
h5{
	font-size: 10pt;
	font-weight: bold;
}


ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}


.noborder {border: 0px solid #FFF !important;}
.nomargin {margin: 0px !important;}
.rightclear {padding-right: 0px !important;}
.nospace {white-space: nowrap;}
.rAlign {text-align: right !important;}
.lAlign {text-align: left !important;}



.resizeMe {width:auto;}
.txtQta {width:20px;}

.c_evidence {color: #ffc000;}
.c_evidenceT1 {color: #fe5000;}
.c_evidenceT2 {color: #04a704;}
.c_error {color: #0ff;}

hr {
	width: 100%;
	height: 0px;
	margin: 5px 0 5px 0;
	padding: 0;
	border: 1px solid #0ff;
	background: #0ff;
}

.txtSmall {
	font-size: 8pt;
}
/****************************/
/* Contenitore Generale */
/****************************/
 
#main_container{
	width: 100%;
}

/****************************/
/* Livello 1 Logo / Ricerca / Main Menu */
/****************************/

#container_level1 {
	height: 85px;
	background: url(../images/bg_level1.gif) repeat-x;
}
	


/* main Menu */

	#mainMenu {
		width: 1000px; /*doveva essere 780 - 779 per problemi a 1024x768*/
		height: 85px;
		float: left;
		font-size: 1px;
		background: url(../images/bg_mainmenu.png) 220px 0px no-repeat;
	}

	/* Logo */
		#logo {
			width: 210px;
			height: 80px;
			padding: 5px 0 0 10px;
			float: left;
			font-size: 1px;
			background: url(../images/bg_logo.gif) no-repeat;
		}



		/*
		ul.serviceMenu {
			list-style: none;
			float: right;
			width: 246px;
			height: 25px;
			padding: 5px 20px 0 0;
			background: url(../images/bg_ul_servicemenu.png) bottom left no-repeat;
		}
		ul.serviceMenu li{
			display: inline;
			text-transform: uppercase;
		}
		ul.serviceMenu li a{
			display: block;
			float: left;
			padding: 2px 0 0 15px;
			font-size: 8pt;
			color: #b6b6b6;
			text-transform: uppercase;
			text-decoration: none;
		}
		ul.serviceMenu li a:hover{
			color: #efefef;
		}
		*/


		ul.topMenu {
			list-style: none;
			float: left;
			width: 230px;
			height: 22px;
			padding: 6px 0 0 15px;
			margin: 28px 0 0 20px;
			background: url(../images/bg_topmenu.png) center left no-repeat;
		}
		ul.topMenu li{display: inline;}
		ul.topMenu li a{
			display: block;
			float: left;
			height: 14px;
			padding: 0 7px 0 7px;
			border-right: 1px solid #000;
			text-align: center;
			font-size: 9pt;
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
		ul.topMenu li a:hover{color: #5a5a5a;}


		/* ricerca avanzata */
		ul.topFunction {
			list-style: none;
			float: left;
			padding: 0;
			margin: 28px 0 0 60px;
		}
		ul.topFunction li{
			display: block;
			float: left;
			height: 28px;
		}
			ul.topFunction li a.advance{
				display: block;
				width: 150px;
				height: 22px;
				padding: 6px 0 0 16px;
				margin: 0 18px 0 0;
				color: #5d7d8e;
				font-size: 9pt;
				font-weight: bold;
				text-decoration: none;
				background: url(../images/bg_li_advance.png) 0px 0px no-repeat;
			}
			ul.topFunction li a.advance:hover{background-position:0 -30px;}

			ul.topFunction li.smartsearch{
				margin: 0;
				padding: 0 0 0 12px;
				background: url(../images/bg_li_topsearch.gif) no-repeat;
			}
			ul.topFunction li.smartsearch .inputfield{
				width: 135px;
				float: left;
				margin: 4px 0 0 0;
				color: #5d7d8e;
				border: 1px solid #fff;
			}



			/* tooltip styling */ 
			
				.cartTooltip {
					width: 230px;
					height: 35px;
					top: 24px;
					left: 755px;
					position: absolute;
				}
				div.cartTooltip .tooltip {
					position: absolute;
					z-index: 2;
					width: 195px;
					height: 75px;
					padding: 10px 15px;
					top: 40px;
					left: 0px;
					display: none;
					font-size: 8pt;
					background: url(../images/bg_tooltip.png) 0px 0px no-repeat;
				}
				div.cartTooltip .tooltip p{
					padding: 0;
					margin: 0;
				}
				a.tooltipLink {
					display: block;
					width: 190px;
					height: 23px;
					padding: 12px 0 0 35px;
					color: #fe5000;
					font-size: 9pt;
					font-weight: bold;
					text-decoration: none;
					background: url(../images/bg_li_topcart2.png) 0px 0px no-repeat;
				}
				 a.tooltipLink:hover {
					background-position: 0 -35px;
				}




/****************************/
/* Livello 2 - Contenuti di Pagina */
/****************************/

	#container_level2 {
		float: left;
		width: 100%;
		background: url(../images/bg_level2.gif) repeat-y;
	}

/****************************/
/* Colonna di destra */
/****************************/
		#column_dx {
			margin-left: 220px;
		}
		.innerPage {
			width: 740px; 
			float: left;
			padding: 20px;

		}

		.innerPage ul{ list-style: disc; list-style-position: inside;}


/****************************/
/*home page*/

		#mainFoto{
			width: 740px;
			margin: 0 0 20px 0;
		}

	/* pannello prodotti 2 colonne */
	/*
	dl.prodView {
		float: left;
		width: 350px;
		height: 110px;
		font-size: 9pt;
		padding: 5px 5px 5px 15px;
		background: url(../images/bg_dl_prodview.gif) no-repeat;
	}
	
	.prodView dt{
		float: left;
		width: 100px;
		height: 100px;
	}
	.prodView dd{
		float: right;
		width: 220px;
	}
	*/
	
	/* pannello prodotti 3 colonne */
	dl.prodView {
		float: left;
		width: 239px;
		height: 112px;
		font-size: 8pt;
		padding: 4px 6px 6px 1px;
		background: url(../images/bg_dl_prodview_3col.gif) no-repeat;
	}
	
	.prodView dt{
		float: left;
		width: 80px;
		height: 80px;
	}
		.prodView dt img{
			width: 80px;
			height: 80px;
			margin: 5px 0 0 0;
		}
	.prodView dd{
		float: right;
		width: 148px;
	}
		
	.sizeBrand {font-size: 9pt; font-weight: bold; text-transform: uppercase;}
	.colorBrand {color: #0093d6;}
	.colorPrize {color: #000;}

	.prodView dd p{float: left;}
	.prodView dd ul{
		list-style: none;
		list-style-position: outside;
		float: right;
		width: 30px;
		padding: 0 10px 0 0;
	}
	.prodView dd ul li{
		width: 30px;
		height: 30px
	}
	.prodView dd ul li.icoPromo{background: url(../images/ico_promo2.gif) no-repeat;}
	.prodView dd ul li.icoNew{background: url(../images/ico_new.gif) no-repeat;}
	.prodView dd ul li.icoTop{background: url(../images/ico_top.gif) no-repeat;}
	.prodView dd ul li.icoVodafone{background: url(../images/ico_fam_014.gif) no-repeat;}



	/* pannelli 100% e 50% */ 
	.panelMax {
		width: 740px;
		border-top: 10px solid #fff;
		margin: 0 0 10px 0;
		padding: 0;
		clear: left;
		background: url(../images/bg_panelmax.gif) bottom center no-repeat;
	}

	.panelMid {
		width: 360px;
		float: left;
		border-top: 10px solid #fff;
		margin: 0 0 10px 0;
		padding: 0 20px 0 0;
		background: url(../images/bg_panelmid.gif) bottom left no-repeat;
	}

		.h1Obiettivi {
			height: 0px;
			padding-top: 39px;
			overflow: hidden;
			background: url(../images/h1_obiettivi.gif) top left no-repeat;
		}
		.h1Comunicazione {
			height: 0px;
			padding-top: 39px;
			overflow: hidden;
			background: url(../images/h1_comunicazione.gif) top left no-repeat;
		}
		.h1News {
			height: 0px;
			padding-top: 39px;
			overflow: hidden;
			background: url(../images/h1_news.gif) top left no-repeat;
		}

	.inner {padding: 20px;}
		
	.sizeLow {font-size: 8pt;}
	.sizeMid {font-size: 13pt;}
	.sizeMax {font-size: 15pt;}
	.spacingMid {padding: 0 40px 0 0;}




	/* Traguardo VODAFONE */

	#traguardoVodafone {
		width: 732px;
		height: 205px;
		margin: 0 0 20px 0;
		font-family: "Trebuchet MS";
		font-size: 9pt;
		background: url(../images/bg_traguardovodafone.gif) no-repeat;
	}
		#traguardoVodafone .periodo{
			width: 129px;
			height: 65px;
			float: left;
			padding:  140px 0 0 0;
			color: #000;
			text-align:center;
		}
		#traguardoVodafone .simType{
			width: 180px;
			height: 185px;
			float: left;
			padding: 10px;
			color: #fff;
		}
			#traguardoVodafone .simType ul{
				list-style: none;
				height: 80px;
				margin: 10px 0;
			}
			#traguardoVodafone .simType li{
				display: block;
				float: left;
				height: 18px;
				margin: 4px 0;
				font-size: 10pt;
				font-weight: bold;
			}
			#traguardoVodafone .simType li.txt{
				width: 135px;
			}
			#traguardoVodafone .simType li.num{
				width: 45px;
				text-align: right;
			}
			#traguardoVodafone .simType li.num span{
				display: block;
				padding: 0 5px 0 0;
				width: 40px;
			}
			#traguardoVodafone .simType li.num .grey{background: url(../images/bg_num_grey.gif) no-repeat }
			#traguardoVodafone .simType li.num .darkgrey{background: url(../images/bg_num_darkgrey.gif) no-repeat }
			#traguardoVodafone .simType li.num .green{background: url(../images/bg_num_green.gif) no-repeat }
			#traguardoVodafone .simType li.num .orange{background: url(../images/bg_num_orange.gif) no-repeat }
		
		#traguardoVodafone .goalOff {
			width: 180px;
			height: 59px;
			background: url(../images/bg_goal.png) no-repeat;
		}
		#traguardoVodafone .goalOff h4 {padding: 0 0 0 45px; color: #ff0000}
		#traguardoVodafone .goalOn {
			width: 180px;
			height: 59px;
			background: url(../images/bg_goal.png) no-repeat;
		}
		#traguardoVodafone .goalOn h4 {padding: 0 0 0 45px; color: #14ac01}

		#traguardoVodafone .goalOff span, #traguardoVodafone .goalOn span {
			display: block;
			width: 159px;
			margin: 15px 0 0 10px;
			text-align: center;
			font-weight: bold;
		}
		#traguardoVodafone .goalOff span.orange {background:url(../images/bg_num_orange_big.gif) no-repeat}
		#traguardoVodafone .goalOn span.green {background:url(../images/bg_num_green_big.gif) no-repeat}

	/* Accordion menu per le INFO (apri/chiudi) */
	
	.listAccordion {
		list-style: none !important; 
		list-style-position: outside !important;
		font-size: 9pt;}
	
	.listAccordionTitle {
		margin: 5px 0 5px 0;
		padding: 0 0 2px 0;
		background-image: none !important;
	}
	.listAccordionLink {
		cursor: pointer;
		position: relative;
		border-bottom: 1px solid #e0e0e0;
		margin: 5px 0 5px 0;
		padding: 0 0 2px 0;
		color: #005a9a;
	    font-weight:bold;
	    background: url(../images/more.png) center right no-repeat;
	}
	.listAccordionLink a{
		color: #005a9a;
		text-decoration: none !important;
	}
	.panelAccordion {
		display:none;
		margin: 10px 0;
		background: #fff !important;
	}
	







/****************************/
/* Colonna di sinistra */
/****************************/
		#column_sx {
			width: 198px;
			margin-left: -100%;
			float: left;
			padding: 20px 12px 20px 10px;
			font-size: 8pt;
			color: #fff;
			background: url(../images/bg_logo.gif) 0px -85px no-repeat;
		}
		#column_sx h1{
			overflow: hidden;
			width: 198px;
			height: 0px;
			padding: 39px 0 0 0;
		}
		#column_sx h1.prodotti{ background: url(../images/h1_prodotti.gif) no-repeat}
		#column_sx h1.areariservata{ background: url(../images/h1_areariservata.gif) no-repeat}
		#column_sx h1.logged { background: url(../images/h1_logged.gif) no-repeat}

		#column_sx a{color: #fff;}


	/*menu PRODOTTI + menu LOGGED*/		
		ul#prjcats, ul#fake {
			list-style: none;	
			padding: 0 0 0 0;
		}
		ul#prjcats li a, ul#fake li a {
			display: block;
			height: 21px;
			width: 170px;
			padding: 4px 0 0 28px;
			text-transform: uppercase;
			text-decoration: none;
			background: url(../images/bg_li_prodmenu.gif) no-repeat;
		}
		ul#prjcats li a.current, ul#prjcats li a:hover{background: url(../images/bg_li_prodmenu_on.gif) no-repeat; color:#ffea00;}
		ul#prjcats li a.menu_active {color:#ffea00;}


		ul#prjcats li a.carrello{background: url(../images/bg_li_carrello.gif) no-repeat;}
		ul#prjcats li a.carrello:hover{background: url(../images/bg_li_carrello_on.gif) no-repeat;}

		ul#prjcats li a.ordini{background: url(../images/bg_li_ordini.gif) no-repeat;}
		ul#prjcats li a.ordini:hover{background: url(../images/bg_li_ordini_on.gif) no-repeat;}

		ul#prjcats li a.backorder{background: url(../images/bg_li_backorder.gif) no-repeat;}
		ul#prjcats li a.backorder:hover{background: url(../images/bg_li_backorder_on.gif) no-repeat;}

		ul#prjcats li a.account{background: url(../images/bg_li_account.gif) no-repeat;}
		ul#prjcats li a.account:hover{background: url(../images/bg_li_account_on.gif) no-repeat;}

		ul#fake li a.logout{background: url(../images/bg_li_logout.gif) no-repeat;}
		ul#fake li a.logout:hover{background: url(../images/bg_li_logout_on.gif) no-repeat;}



		ul#prjcats li ul{list-style: none; padding: 0 0 10px 10px}
		ul#prjcats li li a{
			font-size: 7.5pt;
			height: auto;
			padding: 4px 0 4px 27px;
			color: #ddf0ff;
			background: url(../images/bg_li_prodmenu_sub.gif) bottom center no-repeat;
		}
		ul#prjcats li li a:hover{
			background: url(../images/bg_li_prodmenu_sub.gif) bottom center no-repeat;
		}

		ul#prjsng {
			list-style: none;	
			padding: 0 0 30px 0;
		}
		ul#prjsng li a{
			display: block;
			height: 21px;
			width: 170px;
			padding: 4px 0 0 28px;
			text-transform: uppercase;
			text-decoration: none;
			background: url(../images/bg_li_prodmenu.gif) no-repeat;
		}
		ul#prjsng li a.current, ul#prjsng li a:hover{background: url(../images/bg_li_prodmenu_on.gif) no-repeat; color:#ffea00;}
		ul#prjsng li a.promo {color: #ffc000 !important;}


	/*login*/
		ul.loginMod {
			list-style: none;
			padding: 10px 0 0 0;
		}
		ul.loginMod li{
		}
		ul.loginMod li.bginput{
			display: block;
			height: 24px;
			width: 194px;
			padding: 0 0 0 4px;
			background: url(../images/bg_li_bginput.gif) no-repeat;
		}
		ul.loginMod li .inputfield{
			width: 187px;
			height: 14px;
			float: left;
			margin: 3px 0 0 0;
			border: 1px solid #fff;
		}

		ul.loginMod li.enter{
			display: block;
			padding: 7px 0 7px 0;
		}
		ul.loginMod li.enter input{
			vertical-align: middle;
		}


/*
		#dettaglioCarrello {padding: 15px 0;}
		#dettaglioCarrello p{padding: 0 5px;}
*/



/****************************/
/* FOOTER */

	 #footer {
		clear: left;
		width: 100%;
		color: #6d6d6d;
		font-size: 8pt;
		background: url(../images/bg_level2.gif) repeat-y;
		}
	 #footer #rif {
		padding: 30px 0 20px 240px;
	}

		#footer a {
			color: #6d6d6d;
		}



/* **********************************************************************/
/*  Loading  */
.loading {
    z-index: 100000;
    position: absolute;
    display: none;
    width: 280px;
    height: 20px;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: -150px;
    padding: 10px;
    vertical-align: middle;
    color: #00508f;
    text-align: center;
    border: 5px solid #00508f;
    background: #fff;
    /* opacity: 0.90; */
    /*-webkit-border-radius: 5px; */
    /*-moz-border-radius: 5px; */
}
.loading img{
	margin: 5px 10px;
	vertical-align:middle;
}

/* **********************************************************************/
/*  Carrello  */
.stylePayError{
    font-size: 16px;
    color:Red;
    margin:15px 0 15px 0;
    padding:10px 10px 10px 10px;
    border: 2px solid red;
    
    
    }