* {
    margin		: 0;
    padding		: 0;
}

ul {
    margin-left		: 14px;
}

.cleared:after {
    display			: block;
    visibility  	: hidden;
    content			: ".";
    height			: 0;
    clear			: both;
}

.cleared {
    clear			: both;
    height			: 1%;
}

.fl, .blockfl {
    float			: left;
    display			: inline;
}

.fr, .blockfr {
    float			: right;
    display			: inline;
}

.afir {
    position		: relative;
    overflow		: hidden;
    height          : 17px;
    color           : #fff;
}


.afir span {
    display			: block;
    position		: absolute;
    top				: 0;
    left			: 0;
    z-index			: 1;
    height          : 100%;
    width           : 100%;
    background-position : bottom left;
    background-repeat   : no-repeat;
}

hr { display: none; }
a img, fieldset { border      : 0; }

/************************************************************************************/

/**
 * Lists without list-style and extra space
 * Last rev. 2007.04.08 11:20
 */
.plain {
    list-style-type	: none;
}


/**
 * Lists with items left/right floated
 * Last rev. 2007.11.20 17:24
 */
.innerleft li {
    float			: left;
    display			: inline;
}

.innerright li {
    float			: right;
    display			: inline;
}


/**
 * Lists with vertical bar (pipe)
 * Last rev. 2007.11.20 18:58
 */
.foobar {
	height			: 1%;
	ove\rflow		: hidden;
}
.foobar li {
    margin-left		: -1px;
    border-left     : 1px #444 solid;
}

/* for browser with :first-child pseudoclass support */
.foobar li:first-child {
	border		: 0;
	margin-left : 0;
}

.foobar a {
	padding			: 0 1em;
}


/************************************************************************************/


body {
    background      : #b6a88b url(../img/bg-dot.gif) top center repeat-x;
    text-align      : center;
    font-size       : 10px;
    *font-size       : 62.5%;
    font-family     : Arial, Verdana, sans-serif;
}

#linklogo {
	width			: 156px;
	display			: block;
}

#header {
    width               : 918px;
    padding             : 0 10px;
    margin              : 30px auto 0 auto;
    text-align          : left;
    position            : relative;
    z-index             : 20;
    margin-bottom       : -55px;
}

    img#logo {
        display        : block;
        padding-bottom  : 23px;
        width           : 156px;
    }

    img#illylogo {
        position        : absolute;
        top             : 11px;
        right           : 10px;
        width           : 42px;
        height          : 42px;
		cursor			: default;

    }


    #header li {
        margin-right        : 25px;
        height              : 40px;
        background-repeat   : no-repeat;
        background-position : bottom center;
    }

    #header li.current {
        background-image   : url(../img/current-menu.gif);
    }

	#header ul {
		margin-left		: 0;
	}

	#header a {
		outline			: none;
		-moz-outline	: none;
	}


    #header li a {
        text-decoration     : none;
        font-size           : 0;
        color               : #fff;
        float               : left;
        text-indent         : -9999em;
        height              : 9px;
        background-image    : url(../img/menu-sprite.gif);
    }

    #mnu_idillyum a  { width: 50px; background-position: 0 0; }
    #mnu_ricerca  a  { width: 91px; background-position: -61px 0; }
    #mnu_origine  a  { width: 126px; background-position: -161px 0; }
    #mnu_storia   a  { width: 178px; background-position: -295px 0; }
    #mnu_prenota  a  { width: 51px; background-position: -483px 0; }
    #mnu_acquista  a  { width: 56px; background-position: -543px 0; }

    #mnu_idillyum.current a,
    #mnu_idillyum a:hover   { background-position: 0 9px; }
    #mnu_ricerca.current  a,
    #mnu_ricerca a:hover    { background-position: -61px 9px; }
    #mnu_origine.current  a,
    #mnu_origine a:hover    { background-position: -161px 9px; }
    #mnu_storia.current   a,
    #mnu_storia a:hover     { background-position: -295px 9px; }
    #mnu_prenota.current   a,
    #mnu_prenota a:hover     { background-position: -483px 9px; }
    #mnu_acquista.current   a,
    #mnu_acquista a:hover     { background-position: -543px 9px; }



#main {
    margin              : 0 auto;
    width               : 938px;
    height              : 485px;
    text-align          : left;
    padding             : 0 22px;
    overflow            : hidden;
    _margin-bottom       : -40px;
}

#main a {
    position            : relative;
}

#container {
    padding-top         : 55px;
    height              : 430px;
    width               : 938px;
    position            : relative;
}

    .cols {
        height              : 420px;
        margin              : 0 10px;
        overflow            : auto;
        position            : relative;
        top                 : 0;
		padding-top			: 10px;
        z-index             : 100;
    }

    .cols .blockfl {
        margin              : 0 0 0 30px;
        width               : 360px;
    }

    .cols .blockfr {
        margin              : 0 30px 0 0;
        width               : 428px;
    }

    h1,h2 {
        margin              : 26px 0 10px 0;
        font-size           : 0px;
    }

    #container p {
        margin-bottom       : 1em;
        font-size           : 1.2em;
        line-height         : 1.6em;
        color               : #4a4a4a;
    }

    #container p a,
    #container p a:link,
    #container p a:visited,
    #container p a:hover,
    #container p a:active    {
        color           : #b6a88b;
    }


	#footer {
		width			: 918px;
		margin			: 0 auto;
		padding			: 0.8em 10px 0 10px;
		color			: #79573e;
		text-align		: left;
		position		: relative;
		z-index			: 100;
	}

	#footer form {
		display:none;
		width		: 200px;
	}

	#footer p,
	#footer li {
		font-size	: 1.1em;
	}

	#footer p {
		height		: 2em;
		line-height	: 2em;
		text-align	: right;
		width		: 250px;
	}

	#footer ul {
		padding-top	: 0.4em;
		width		: 250px;
		margin:0;
	}

	#footer li {
		border-left : 1px solid #947c62;
		height		: 1.2em;
		padding		: 0 10px;
	}

		#footer li a,
		#footer li a:link,
		#footer li a:visited,
		#footer li a:hover,
		#footer li a:active {
			text-decoration	: none;
			color			: #79573e;
		}


	#footer label {
		padding		: 4px 5px 0 0;
		font-size	: 1.1em;
	}

	#signemail {
		border		: 1px solid #947c62;
		background	: none;
		color		: #79573e;
		font-weight	: bold;
		font-size	: 1.2em;
		padding		: 2px;
		margin		: 0 2px;
		width		: 110px;
	}

	#signsubmit {
		width		: 14px;
		height		: 21px;
		border		: 0;
		cursor		: pointer;
		line-height	: 60px;
		text-indent	: -9999em;
		font-size	: 0;
		color		: #977f64;
		background	: #977f64 url(../img/arrow-submit.gif) center center no-repeat;
	}


	#scrolltext {
		height			: 317px;
		overflow		: auto;
		position		: relative;
	}

	#scrolltext_commands {
		margin-top		: 8px;
		height		: 15px;
		width		: 404px;
	}


		#scrolltextup, #scrolltextdw {
			width				: 36px;
			height				: 15px;
			background-image	: url(../img/text-commands.gif);
			background-repeat	: no-repeat;
			float				: left;
			display				: inline;
			margin-right		: 5px;
			font-size			: 0;
			color				: #faf9f6;
		}

		#scrolltextup {
			background-position	: top left;
		}

		#scrolltextdw {
			background-position	: bottom left;
		}

		#scrolltext_commands a.disabled {
			opacity				: .5;
			-moz-opacity		: .5;
			filter: alpha(opacity=50);
			cursor				: default;
		}


/*** home ***/

.page_home {

    background          : url(../img/bg-default.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-default.png", sizingMethod="noscale");
}

.page_acquista {

    background          : url(../img/bg-acquista.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-acquista.png", sizingMethod="noscale");
}


/************************************** Page idillyum  ****************************************/


.page_idillyum {

    background          : url(../img/bg-prenota.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-prenota.png", sizingMethod="noscale");
}

.page_idillyum .cols {
    overflow        : hidden;
}


.page_idillyum img.png {
    position        : absolute;
    z-index         : 10;
    left            : 0;
    bottom          : 0;
    _bottom         : -10px;
}

	.page_idillyum .blockfl {
		width		: 500px;
	}


.page_ricerca {
    background          : url(../img/bg-origine.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-origine.png", sizingMethod="noscale");
}

.page_acquista .cols,
.page_ricerca .cols,
.page_origine .cols {
    overflow        : hidden;
}

	.page_acquista #scrolltext,
	.page_ricerca #scrolltext,
	.page_origine #scrolltext {
		height		: 250px;
	}

	.page_acquista .blockfl,
	.page_ricerca .blockfl,
	.page_origine .blockfl {
		height		: 344px;
		overflow	: hidden;
	}

	#flashvideo {
		width			: 426px;
		height			: 321px;
		margin-top		: 30px;
	}

	.page_acquista .blockfl { padding-top		: 80px; }
	.page_ricerca .blockfl { padding-top		: 40px; }
	.page_origine .blockfl { padding-top		: 60px; }


/************************************** Page storia coltivazione ****************************************/

.page_origine {
    background          : url(../img/bg-pianta.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-pianta.png", sizingMethod="noscale");
}

.page_privacy,
.page_storia {
    background          : url(../img/bg-storia.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-storia.png", sizingMethod="noscale");
}

.page_storia .cols {
    overflow        : hidden;
}

	.page_storia .blockfl {
		height		: 404px;
		width		: 275px;
		margin		: 0 2px 0 0;
		overflow	: hidden;
	}

	.page_storia .blockfr {
		height		: 404px;
		width		: 420px;
		margin		: 0 170px 0 50px;
		overflow	: hidden;
	}

	.page_privacy #scrolltext,
	.page_storia #scrolltext {
		margin-top		: 35px;
		height			: 292px;
	}

	.page_privacy #scrolltext_commands,
	.page_storia #scrolltext_commands {
		margin-top		: 40px;
	}

	.page_privacy h2,
	.page_storia h2 {
		font-size		: 1.8em;
		font-weight		: normal;
		color           : #b6a88b;
		margin-top		: 10px;
	}

		.page_storia ul {
			margin-top		: 35px;
			display			: block;
		}

		.page_storia ul li.current {
			background          : url(../img/years/currentyear.gif) right 19px no-repeat;
		}

		.page_storia ul a {
			display			: block;
			text-align		: right;
			margin-bottom	: 30px;
			outline			: none;
			-moz-outline	: none;
		}

		.page_storia ul img {
			margin-right	: 25px;

		}


	.page_storia .colyear {
		width			:  165px;
		margin			:  20px 25px 0 0;
	}

		.page_storia .colyear p {
			margin-top		: 1.5em;
		}


		.page_storia p.intro {
			width		: 550px;
		}



/************************************** Page prenota  ****************************************/

.page_prenota {
    background          : url(../img/bg-prenota.png) top left no-repeat;
    /*** nota: sostituire l'attributo src con un percorso assoluto ***/
    _background-image   : url(../bg100.gif);
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-prenota.png", sizingMethod="noscale");
}

#risposta_prenotazione,
#formprenota {
	margin			: 10px 0 0 30px;
	width			: 580px;
	font-size		: 1.1em;
}
	#risposta_prenotazione {
		width		: 480px;
	}


	#formprenota h1 {
		margin-bottom	: 20px;
	}

	#formprenota div {
		float			: left;
		display			: inline;
		width			: 49%;
	}

	#formprenota fieldset {
		margin-bottom	: 1.3em;
	}

		#formprenota label {
			color			: #333;

			float			: left;
			display			: inline;
			margin-top		: 4px;
			width			: 60px;
		}


		#formprenota fieldset span {
			float			: left;
			display			: inline;
			border 			: 0;
			width			: 166px;
			padding			: 3px;
			*padding		: 2px 3px;
		}

			#formprenota fieldset .wrong span {
				border			: 2px #d12420 solid;
				padding			: 1px;
				*padding		: 0 1px;
			}

		#formprenota .cleared input {
			border          : 1px #9a846a solid;
			padding			: 2px;
			font-size		: 1em;
			font-weight		: bold;
			width			: 160px;
			color			: #9a846a;
		}

		#formprenota .cleared span.short 	{ width		: 30px;	}
		#formprenota .cleared .short input { width		: 24px;	}

		#formprenota p {
			font-size		: 1em;
			color			: #333;
		}

		#formprenota fieldset.agree div {
			height			: auto;
			width			: 99%;
			margin-top		: -1em;
			height			: 2.7em;
			overflow		: hidden;
		}

			#formprenota .agree label,
			#formprenota .agree input {
				float			: left;
				display			: inline;
				width			: auto;
			}

			#formprenota .agree ins  {
				position		: relative;
				top				: 4px;
			}

			fieldset.agree div input { margin: 5px 30px 0 10px; *margin-top: 0; }
			fieldset.agree div ins   { margin: 4px 0 0 0; text-decoration: none; color: #d12420; clear: left;  visibility: hidden; }
			fieldset.agree div.wrong ins   { visibility: visible;  }
			#bttprenota {
				*position	: relative;
				top			: 0;
				*top		: -15px;
				margin-left : 35px;
				margin-top	: 10px;
			}


			fieldset.agree {
				font-size	: 0.9em;
			}

			label sup {
				float		: left;
				margin		: -1.5em 0 0 0;
				font		: 11px verdana, "courier new", courier, sans-serif;
			}


/**** layer newlsetter ****/


.closed, .noscript   { display       : none; }


.layer {
	position        : fixed;
	z-index         : 1001;
	top             : 0;
	width           : 100%;
	text-align      : center;
	margin          : 0 auto;
}

	#overlayer {
		position        : absolute;
		top             : 0;
		left            : 0;
		z-index         : 1000;

		width           : 100%;
		min-height      : 100%;
		opacity         : .7;
		-moz-opacity	: .7;
		filter          : alpha(opacity=70);
		background-color: #fff;
	}

	.layer #newsletter {
		position        : absolute;
		left            : 50%;
		*left			: 0;
		margin          : 50px 0 0 -280px;
		padding         : 30px;
		width           : 500px;

		color			: #333;
		font-size		: 1.1em;
		background-color: #fff;
		text-align		: left;
		border          : 1px #9a846a solid;
	}

		.layer a.closelayer {
			position        : absolute;
			right           : 10px;
			top             : 10px;
			width			: 16px;
			height			: 16px;
			text-indent		: -999em;
			outline			: none;
			-moz-outline	: none;
			background		: url(../img/btt-close.gif) top left no-repeat;
		}

		.layer label {
			color			: #333;
		}

		.layer p {
			margin-bottom	: 1em;
		}


		.layer fieldset {
			padding			: 0 0 2.5em 0;
		}

		fieldset#bttsubmit {
			padding			: 0;
		}

		.layer .agree fieldset {
			height			: auto;
			overflow		: hidden;
		}

			.layer .agree label,
			.layer .agree input {
				float			: left;
				display			: inline;
			}


			.layer .agree input {
				margin			: 0 30px 0 10px;
				*margin-top		: -4px;
			}


		.layer p a,
		.layer p a:link,
		.layer p a:visited,
		.layer p a:hover,
		.layer p a:active {
			text-decoration	: underline;
			color			: #9a846a;
		}

		.layer label input {
			border          : 1px #9a846a solid;
			padding			: 2px;
			font-size		: 1em;
			font-weight		: bold;
			width			: 200px;
			color			: #9a846a;
		}

		.layer label span {
			display			: block;
			width			: 206px;
		}

		.layer ins {
			visibility		: hidden;
			display			: block;
			margin			: 6px 0 -10px 0;
			text-decoration	: none;
			color			: #d12420;
		}

		.layer .agree ins {
			float			: left;
			clear			: both;
			display			: inline;
			margin-top		: 3px;
			*margin-top		: 0px;
		}

		.layer .wrong ins {
			visibility		: visible;
		}

		.layer .wrong span {
			border-color	: #d12420;
		}

		.agree .wrong label {
			color			: #d12420;
		}

/************************************** Labels ***************************************/

#lbl_idillyum span  { background-image: url(../img/labels/idillyum.gif); }
#lbl_acquista span  { background-image: url(../img/labels/acquista.gif); }
#lbl_aroma span     { background-image: url(../img/labels/aroma.gif); }
#lbl_dovecome span  { background-image: url(../img/labels/dove-come-si-trova.gif); }
#lbl_laurina span   { background-image: url(../img/labels/laurina.gif); }
#lbl_elsalvador span   { background-image: url(../img/labels/elsalvador.gif); }
#lbl_passione span   { background-image: url(../img/labels/amore-passione-curiosita.gif); }
#lbl_prenota span   { background-image: url(../img/labels/prenota.gif); }
#lbl_raro span   { background-image: url(../img/labels/raro.gif); }
#lbl_tecnologia span   { background-image: url(../img/labels/tecnologia.gif); }
#lbl_subsuccess span   { background-image: url(../img/labels/sub-success.gif); }
#lbl_subalready span   { background-image: url(../img/labels/sub-already.gif); }
#lbl_suberror span   { background-image: url(../img/labels/sub-error.gif); }

#lbl_newsuccess span   { background-image: url(../img/labels/new-success.gif); }
#lbl_newalready span   { background-image: url(../img/labels/sub-already.gif); }
#lbl_newerror span   { background-image: url(../img/labels/new-error.gif); }
#lbl_newwrong span   { background-image: url(../img/labels/new-wrong.gif); }


.page_privacy h3 {
	font-size	: 1.5em;
	color		: #b6a88b;
	font-weight	: normal;
	margin		: 2em 0 1.5em 0;
}
.page_privacy h4 {
	font-size	: 1.3em;
	color		: #b6a88b;
	margin		: 0 0 1.5em 0;
}

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

	.page_privacy ul,
	.page_privacy ol {
		margin-left		: 30px;
	}

	.page_privacy ul ul,
	.page_privacy ol ul {
		list-style-type : none;
		margin-bottom	: 1.5em;
	}

	.page_privacy li {
		font-size		: 1.2em;
		line-height		: 1.6em;
		color			: #4a4a4a;
		padding-bottom	: 1em;
	}

	.page_privacy li li,
	.page_privacy #container li p {
		font-size		: 1em;
		padding-bottom	: 0;
	}

/************************************** Page Acquista  ****************************************/

.page_acquista .blockfl {
	width				: 320px;
	height				: 400px;
}

.page_acquista #container .cols .blockfl div#scrolltext div ul {
	list-style:none;
	margin-left:0;
}

.page_acquista #container .cols .blockfl div#scrolltext div ul li {
	padding-left:10px;
	color:#4A4A4A;
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:0.5em;
	background:url(../img/list_bullet.gif) no-repeat 0px 6px;
}

.page_acquista #container .cols .blockfl div#scrolltext div ul li a,
.page_acquista #container .cols .blockfl div#scrolltext div p a {
	color:#B6A88B;
}