@import url(slideshow.css);
@import url(../jquery.jgrowl.css);

blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none; }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }

body { margin: 0 ; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #333; line-height: 1.3em; background: #333 url(/images/ps_ecatalogue/bg-body.gif) repeat;}

.offLine { background: url(/images/green_dust_scratch_2X.png) repeat; }

/* ********************************************************************************
									VARI
******************************************************************************** */
img { border: 0 }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 1em; color: #0057a1 }
h1 { font-size: 32px; margin: 0 0 15px 0; font-weight: 400; }
h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: 500; }
h3 { font-size: 28px; margin: 0 0 15px 0; font-weight: 400; }
h4 { font-size: 25px; margin: 0 0 15px 0; font-weight: 400; }
h5 { font-size: 20px; margin: 0 0 15px 0; font-weight: 400; }
h6 { font-size: 16px; margin: 0 0 15px 0; font-weight: 400; }
a { color: #0056a0; font-weight: 700; text-decoration: none; cursor: pointer }
	a:hover { color: #333;  text-decoration: none; }
	.jGrowl-notification a {color:white !important; font-weight:normal !important; text-decoration: underline !important}
ul, li { padding: 0; margin: 0}	

span.privacy {
  font-size: 14px; font-weight: 400; 
}

#mainContentFull ul { margin: 0 0 0 20px; } /* FF e IE7 */
#mainContent ul { margin: 0 0 0 20px; } /* FF e IE7 */     



.sx { float: left }
.dx { float: right }

.formError { color : #f00; font-weight: bold; border-width: 1px #F00; }

div.inlineNotice { margin: 20px 0; padding: 20px; color: #444; font-weight: bold; background: #ee8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }


.border1px { border: 1px solid #063; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

#social { margin: 10px 0 15px 0 }

/* ********************************************************************************
									WRAPPER
******************************************************************************** */
#bgTop { position: relative; top: 0; background: url(/images/ps_ecatalogue/cielo.png) no-repeat top center; min-height: 670px; z-index: 100 }
.wrapper {  width: 980px; margin: 0 auto; }
#mainWrapper { width: 980px; min-height: 500px; margin: 0 auto;  }
#bgHeader { height: 200px; background: url(/images/ps_ecatalogue/bianco.png) repeat-x  }
#contentDx { float: right; width: 77%; }

/* ********************************************************************************
									CONTENUTI
******************************************************************************** */
#mainContentFull { position: relative;  padding: 20px; min-height: 500px; background: #fff; border: 1px solid #dfdfdf;  z-index: 200 }
#mainContent { position: relative; float: right; width: 73%;  padding: 20px; background: #fff; border: 1px solid #dfdfdf; height: auto !important; min-height: 430px; height: 430px; z-index: 200}

	
/* ********************************************************************************
                  COLONNA
******************************************************************************** */
#column { position: relative; float: left; margin: 0; padding: 20px; width: 16%;  height: auto !important; min-height: 430px; height: 430px; background: #fff; border: 1px solid #dfdfdf; z-index: 200}

#colDx { }
	.menuDx { margin-bottom: 20px;  }
		.menuDx h3 { }
		.menuDx a { display: block; margin-bottom: 5px; padding: 5px; color: #666;  background: url(/images/freccia-menu-right.png) no-repeat right center; border-bottom: 1px solid #bbb;  }
			.menuDx a:hover { color: #999; text-decoration: none; background: url(/images/freccia-menu-right-hover.png) no-repeat right center; border-bottom: 1px solid #bbb;  }
			.menuDx a.selected { color: #333; text-decoration: none; border-bottom: 1px solid #bbb; background:  none}
	#colDx .boxBorderTitle > div { width: 168px }
	#colDx .boxBorderSimple  { width: 168px;  margin-bottom: 15px }
	
	#colDxContactForm  h3 {  }
		#colDxContactForm  fieldset { padding: 0;  } 
		#colDxContactForm  input[type="text"] { width: 94% } 
		#colDxContactForm  textarea { width: 94% } 

#column  #social { margin: 10px 0 }
#column  .listingContent { margin: 10px 0} 

#contactFormAddress { display: none; }

/* ********************************************************************************
									PHOTOGALLERY
******************************************************************************** */
#photoGallery img { margin: 13px; border: 2px solid #ddd; cursor: pointer }
	#photoGallery img:hover { border: 2px outset #666 }

/* ********************************************************************************
									FORM
******************************************************************************** */
/* selettori (generici) */
fieldset { border: 0; background: #fff; }
	legend { margin-left: -25px; padding: 10px 20px 20px 20px; ; font-weight: bold; text-transform: uppercase; background: #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
input[type=text], input[type=password], select, textarea { width: 98%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 100%; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff !important; background: #666 }
/* correggo larghezza select */
select { width: 100%; }

.form label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
.form input[type=text], .form input[type=password], .form select, .form textarea { width: 96%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 15px; padding: 5px; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form .sx, .form .dx { width: 48%; }
.form a.smallButton { margin-top: 17px}
.form a:hover.smallButton { margin-top: 17px}
.radio { font-family: verdana; font-size: 15px; padding: 5px; color: #555 }


#loginForm  .sx { width: 49%} 

#loginForm .dx { width: 49%}
#loginForm fieldset  { background: #fff }
.genericBlock fieldset  { background: #fff }
#registrazioneForm .dx { width: 49%}
#registrazioneForm  .sx { width: 49%} 


.errorExplanation { margin-bottom: 20px; padding: 20px; color: white; background: #B94A48; border-color: #EED3D7; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
	.errorExplanation h2 { margin: 0 0 5px 0; font-size: 12px; color: #fff }
	.errorExplanation h3 { margin-top: 10px; text-align: center; font-size: 20px; color: #fff }
	.errorExplanation p { margin: 0 0 5px 0;  font-size: 12px; color: #fff }
	.errorExplanation ul { margin: 0 0 0 20px; } /* FF e IE7 */     
.successExplanation { padding: 20px; color: white; background: #468847; border-color: #dff0d8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	.successExplanation h3 { margin-top: 10px; text-align: center; font-size: 20px; color: #fff }

/* ********************************************************************************
									BOTTONI
******************************************************************************** */
.button { padding: 10px 20px; color: #fff; font-size: 25px; font-weight: 300; text-align: center; text-transform: capitalize; background: #51b200; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer}
	.button:hover { color: #fff; background: #0056a0 }
.button.cartMainButton { padding: 10px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: left; background: #036 url(/images/ecommerce/transparent-gradient.png); border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer}
	.button.cartMainButton:hover { text-decoration: none; background-image: none; }
.button.ecommBaseButton { padding: 10px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: left; background: #666 url(/images/ecommerce/transparent-gradient.png); border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer}
	.button.ecommBaseButton:hover { text-decoration: none; background-image: none; }
.button.addtoCart { background: #006666 url(/images/ecommerce/transparent-gradient.png); }
	.button.addtoCart:hover { text-decoration: none; background-image: none; }
	
input.button  { padding: 10px 20px; color: #fff; font-size: 25px; font-weight: 300; text-align: center; text-transform: capitalize; background: #51b200; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer }
	input.button:hover  { color: #fff; background: #0056a0 }
input.cartMainButton { padding: 10px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: left; background: #036 url(/images/ecommerce/transparent-gradient.png); border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer }
	input.cartMainButton:hover { background-image: none; }
	input.cartMainButton:disabled { background-image:none; background-color: #333; cursor: default; }
input.ecommBaseButton { padding: 10px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: left; background: #666 url(/images/ecommerce/transparent-gradient.png); border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer }
	input.ecommBaseButton:hover { background-image: none; }

	

/* ********************************************************************************
									HEADER
******************************************************************************** */
#header { height: 130px; border-bottom: 1px solid #cecece}

	#logo { margin-top: 10px; margin-left: 350px }

	#menuIst { padding-top: 10px }
		#menuIst .sx a { padding: 0 5px; color: #333; font-size: 12px; font-weight: 400; border-left: 1px solid #333 }
			#menuIst .sx a:nth-child(1) { border: 0 }
			#menuIst .sx a:hover { color:#0056a0 }
		#menuIst .dx a { padding: 5px 10px; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase; background: #036; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		#menuIst .dx a:hover { text-decoration: none; background-image: url(/images/ecommerce/transparent-gradient.png); }

  /* personalizzazioni tedesco */
  /*#menuIst .sx.de a.first { border: 0 !important; }*/
    
  #facebookFollow { margin-top: 50px } 

  /* personalizzazioni tedesco */
  /*#facebookFollow.de { margin-top: 27px !important; } */

		#menuBottom {padding-top: 10px;}
	/* SEARCH + CART */
	#searchCart { width: 600px; text-align: right; line-height: 1.4em; background: pink}
		/* search */
		#search { margin-top: 10px; float: left; }
			#search input[type=text] { padding: 12px 5px 12px 25px; width: 345px; font-family: arial; font-size: 15px; color: #888; border: 1px solid; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #ddd; border-color: #ccc;}
			#search input[type=text]:hover { color: #fff; background: #666; border-color: #ccc;}
			#search input[type="submit"] { width: 40px; padding: 12px 5px; font-family: arial; font-weight: bold; font-size: 15px; color: white; border: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; cursor: pointer; color: #fff; background: #258; }
			#search input[type="submit"]:hover { background-image: url(/images/ecommerce/transparent-gradient.png);}
		/* cart */
		div#cartButton { position: relative; float: right; width: 138px; height: 37px; margin-top: 12px; text-align: left; font-size: 11px; line-height: 1.4em; padding: 6px 0 0 10px; color: #fff;  background: #036 url(/images/ecommerce/transparent-gradient.png); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
			div#cartButton a { color: #fff; text-decoration: underline }
			div#cartButton i { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 100%; border-left: 1px solid #999; background: url(/images/ecommerce/down_arrow.png) no-repeat center center; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; cursor: pointer }
				div#cartButton i:hover, div#cartButton i.selected { background-color: #036 }
			div#cartButton .dropDownContent  { padding: 20px 10px; color: #fff; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  }
				div#cartButton .dropDownContent li { margin-bottom: 5px;  }
	
		.dropDownWrapper[rel=cart] { display: none; position: absolute; left: auto; top: 42px; right: 0; width: 250px; z-index: 1000; }
			.dropDownWrapper[rel=cart] .dropDownContent { background: #036; -webkit-border-radius: 7px; -webkit-border-top-right-radius: 0; -moz-border-radius: 7px; -moz-border-radius-topright: 0; border-radius: 7px; border-top-right-radius: 0; }

			/* lang chooser */
    div#langChooser { position: relative; }
		a.dropDownTrigger[rel=chooselang] { width: 30px; display: block; height: 20px; padding: 17px 5px 5px 10px; background: url("/images/ps_ecatalogue/freccia-down.png") 90% 55% no-repeat;  }
			a:hover.dropDownTrigger[rel=chooselang] { background: #0056a0 url("/images/ps_ecatalogue/down_arrow-hover.png") 90% 55% no-repeat;}
        a.selected.dropDownTrigger[rel=chooselang] { background: #0056a0 url("/images/ps_ecatalogue/down_arrow-hover.png") 90% 55% no-repeat;}
		div#langChooser i { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 100%; background: #0056a0 url("/images/ps_ecatalogue/down_arrow-hover.png") 90% 55% no-repeat center center; cursor: pointer }
		div#langChooser .dropDownContent  { padding: 0; color: #fff; font-size: 15px }
        div#langChooser .dropDownContent li { margin-bottom: 5px;  }
    .dropDownWrapper[rel=chooselang] { display: none; position: absolute; left: auto; top: 40px; right: 0; width: 45px; z-index: 1000; }
      .dropDownWrapper[rel=chooselang] .dropDownContent { background: #0056a0; }
      .dropDownWrapper[rel=chooselang] a { display: block; height: 10px; padding: 10px; text-align: center}
        .dropDownWrapper[rel=chooselang] a:hover { background: #002749 }
      .dropDownWrapper[rel=chooselang] span { } 


/* ********************************************************************************
									MENU
******************************************************************************** */
#navigation { padding-top: 0px; margin-top: 15px; height: 40px; }
	#navigation ul { position: relative; margin-top: 0;  z-index: 300; }
		#navigation ul li { float:left; display:inline; position: relative;  z-index:900;  }
			#navigation ul li a { float: left; display:inline; height: 22px; color: #333; padding: 5px 22px 5px 23px; text-align: center; font-size: 16px; font-weight: 400; z-index: 90; }
					#navigation ul li a.twoLines { padding-top: 8px; height: 22px; line-height: 1.0em; }
				#navigation ul li a:hover { color: #fff; background: #0056a0 }
					#navigation ul li a.figli {  }
					#navigation ul li a.twoLines { padding-top: 8px; height: 22px; line-height: 1.0em; }
						#navigation ul li:hover a.figli { color: #fff; background: #0056a0  }

	#navigation .first:hover {  }		
	#navigation ul li a.last {border: 0;}
			
			/* Menu di Secondo livello*/
			#navigation ul li ul { float:left; position: absolute; display: none; top: 30px; left: 0px; z-index:900;  }
				#navigation ul li ul li { float:left; position:relative; padding: 0; margin: 0; height: auto; z-index: 900;   }
					#navigation ul li ul li a,#navigation ul li:hover ul li a { position: relative; float: left; display: inline; color: #fff; width: 280px; height:auto; margin: 0; padding: 10px 10px; font-weight: 400; text-align: left; background: #0056a0 ; z-index:900; border: none; border-bottom: 1px solid #fff}
					#navigation ul li:hover ul li a:hover { color:#fff; background: #014178 }
					#navigation ul li ul li a.figli2 { background: #0056a0 url(/images/freccia-menu-right-hover.png) no-repeat right; }
					#navigation ul li ul li a.figli2:hover { background: #014178 url(/images/freccia-menu-right-hover.png) no-repeat right; }

			/* Menu di Terzo livello*/
			#navigation ul li ul li ul { top:0; left: 300px; height: auto; z-index:9999; }
			#navigation ul li ul li a.figli3 { height: auto; background: #023561  }
			#navigation ul li ul li:hover > a { color: #fff; background: #0056a0 url(/images/freccia-menu-right-hover.png) no-repeat right;  }

/* ********************************************************************************
									HOME PAGE
******************************************************************************** */
#brandingDx { overflow: hidden; float: right; margin: 0; height: 170px;}
	#brandingDx.boxBorderSimple > div { line-height: 1.6em; }
	#brandingDx .boxBorderSimple > div { overflow: hidden; height: 130px; line-height: 1.6em;}
		#brandingDx .boxBorderSimple > div > div { overflow: hidden; height: 130px; line-height: 1.6em;}
#homeDx { float: right; margin: 0; }

/* ********************************************************************************
									BOX
******************************************************************************** */
#blkNNS { position: relative; margin: -120px 0 0 0; padding: 90px 0 30px 0; background: #fff; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; z-index: 20 }
	#blkNNS > div { float: left; margin: 0 20px; width: 29%; }
	#blkNNS .ico { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px }
	#blkNNS h2 {  text-align: center }

#blkProductLines {}	
	#blkProductLines h1 { text-align: center }	
	#blkProductLines h2 { font-size: 25px; font-weight: 400; text-align: center }	
	#blkProductLines .holistic h2 { color: #0f7727 }	
	#blkProductLines .holistic h2 a { color: #0f7727 }	
	#blkProductLines .holistic h2 a:hover { color: #333 }	
	#blkProductLines h3 { margin-bottom: 45px; text-align: center }	
	#blkProductLines a { font-weight: 400 }	
	#blkProductLines #wrapperLinee { padding: 0 0 25px 0; background: #fff; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;  }	
	#blkProductLines #wrapperBlocchi { margin-top: 45px;   }	
		#blkProductLines #dogFood { float: left; width: 66%; margin-left: 15px; border-right: 1px solid #dfdfdf}	
			#blkProductLines #dogFood > div > div { float: left; padding: 0 12px; margin-bottom: 20px; width: 29%; border-right: 1px solid #dfdfdf}	
				#blkProductLines #dogFood h2 { height: 55px }	
				#blkProductLines #dogFood .last { border: 0 }	
		#blkProductLines #catFood { float: right; width: 29%; margin-right: 15px; }	
			#blkProductLines #catFood > div > div { margin-bottom: 20px}	
	
  /* personalizzazioni tedesco */
	#blkProductLines #wrapperLinee.de h3 { margin-bottom: 35px }	
	#blkProductLines #wrapperLinee.de .button { padding: 8px; font-size: 18px; text-transform: none !important; }	

#blkHome {  }

	.boxBorderSimple { background: #fff ; border: 1px solid #dfdfdf;  }
		.boxBorderSimple > div { padding: 20px }
	
	.boxBorderTitle { padding: 20px; background: #fff ; border: 1px solid #dfdfdf; margin-bottom: 13px;  }

	.boxUnoSimpleBlk { width: 100%; margin-bottom: 13px;  }
	.boxDueSimpleBlk { float: left; width: 49%; margin: 0 13px 20px 0;  }
	.boxTreSimpleBlk { float: left; width: 32.2%; margin: 0 13px 13px 0; }

	.boxUnoSimpleBlkTitle  { }
	.boxDueSimpleBlkTitle  { float: left; width: 45%; margin: 0 13px 20px 0; }
	.boxTreSimpleBlkTitle  { float: left; width: 28.1%; margin: 0 13px 20px 0; }

#blkHome  .last { margin-right: 0}
#blkHome a { font-weight: 400 } 
#blkHome h2 { font-weight: 400 } 


#mainContent .boxUnoSimple  { height: auto; }
	#mainContent .boxUnoSimple > div { height: auto; width: 672px; padding: 10px 15px 15px 15px; margin-bottom: 13px; background: #fff url(/images/ecommerce/transparent-gradient-2.png) repeat-x bottom; border: 1px solid #ddd; border-top: 0; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }

/** NEWSLETTER **/
#newsletter  { }
	#newsletter h2 { font-size: 24px; text-align: center; color: #333 }
	#newsletter p { float: left; margin-right: 20px; padding-top: 17px; font-weight: bold; text-transform: uppercase }
	#newsletter form { float: left; width: 66%; }
		#newsletter input[type=text] { float: left; width: 73%; padding: 15px 10px}
		#newsletter input[type=submit] { float: right;  }

	
/* ********************************************************************************
									TAB COL SX
******************************************************************************** */
	.tabColSx { float: left; width: 665px; }
		/* TABS */
		.tabColSx > .tabs { clear: both; }
			.tabColSx > .tabs a { display: block; float: left; position: relative; bottom: -1px; width: 148px; height: 32px; padding: 16px 5px 0 5px; font-size: 13px; text-align: center; overflow: hidden; text-decoration: none; text-transform: uppercase; color: #fff; background: #036 url(/images/ecommerce/transparent-gradient.png); border: 1px solid #c8d7d8; border-bottom: 0; cursor: pointer; }
				.tabColSx > .tabs a.current { color: #666; cursor: default; background: #fff; }
				.tabColSx > .tabs a.first { -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; }
				.tabColSx > .tabs a.last { -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; }
				.tabColSx > .tabs a.twoLines { padding-top: 6px; height: 42px; }
		/* PANNELLI */
		.tabColSx > .panes { clear: both; height: 494px; background: #fff; border: 1px solid #ddd; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
			.tabColSx > .panes > div { display: none; position: relative; height: 495px; overflow: hidden; padding: 20px 0 0 0px; }
			.tabColSx > .panes div.panesNoItems { padding: 0 20px }

		
	/* ****** HOME SCROLL ** */	
	a.promoPrev, a.promoNext { position: relative; display: block; float: left; width: 30px; height: 30px; margin-top: 180px; cursor: pointer; font-size: 1px; }
	.panes2 a.promoPrev, .panes2 a.promoNext { position: relative; display: block; float: left; width: 30px; height: 30px; margin-top: 80px; cursor: pointer; font-size: 1px; }
			a.promoPrev { margin-right: 2px; margin-left: 20px; background: #036 url(/images/ecommerce/freccia-sx.png) no-repeat center center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			a.promoNext {  margin-left: 2px; background: #036 url(/images/ecommerce/freccia-dx.png) no-repeat center center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.panes .promoScrollable { position: relative; float: left; width: 560px; height: 455px; overflow: hidden; }
		.panes .promoItems { position: absolute; float: left; width: 20000em; }
			.panes .promoItems > div { float: left; width: 540px; margin: 0 10px; }

	
	/* ********************************************************************************
										DIRECTORY
	******************************************************************************** */
    .trovati { margin: 10px 0;  }
	
	/* MACRO IN GRIGLIA */
	.macroInGrid { width: 32%; margin: 0 1.6% 2% 0; border: 1px solid #eee}
		.macroInGrid h3 { margin: 5px; font-weight: 400;  }
		.macroInGrid h3 a { display: block; padding: 5px 10px; color: #5d5c5a; font-weight: normal; text-transform: uppercase; font-size: 18px; background: #f5f5f5}
			.macroInGrid h3 a:hover { color: #fff; text-decoration: none; background: #666 }
		.macroInGrid > div { padding: 5px }
		.macroInGrid .sx { margin-bottom: 10px; border: 1px solid #eee}
		.macroInGrid .dx { width: 60%; }
			.macroInGrid .dx ul { }
				.macroInGrid .dx li { color: #ddd; margin: 0}
				.macroInGrid .dx li:first-child { margin: 0 }
					.macroInGrid .dx a { display: block; padding: 3px 3px 3px 0; color: #5d5c5a; font-weight: normal; text-transform: uppercase }
					.macroInGrid .dx a:hover { color: #fff; text-decoration: none; background: #666}
		.macroInGrid.last{ margin: 0}
		
  /* CATEG0RIA IN GRIGLIA */
	.categorieInGrid { float: left; padding: 0; margin: 0 20px 20px 0; width: 225px; text-align: center; line-height: 1.2em; background: #eee }
		.categorieInGrid .img { overflow: hidden; width: 225px; height: 170px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }
		.categorieInGrid  a.catName { display: block; padding: 10px; color: #333; height: 21px; min-height: 21px; font-weight: 400;  background: #ddd; }
			.categorieInGrid  a.catName:hover { background: #ccc  }
		.categorieInGrid  a.more { display: block; padding: 10px; color: #fff; font-weight: 400; text-transform: uppercase; background: #51b200 }
			.categorieInGrid  a.more:hover { background: #0056a0}
		.categorieInGrid.last { margin-right: 0 }

	/* CATEGORIA IN LISTA */
  .categoriaInList {}
    .categoriaInList { margin-top: 15px; }
		.categoriaInList .wrapperImg { position: relative; float: left; margin-right: 20px; width: 17%; }
			.categoriaInList .wrapperImg .img { width: 155px; height: 155px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }
		.categoriaInList .dati { float: left; width: 80%; }
			.categoriaInList  a.catName { display: block; margin: 0 0 10px 0; text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 1.3em; }
			.categoriaInList  .abstract {  }
	
  /* PRODOTTI IN GRIGLIA */
    .thumbInGrid { float: left; padding: 0; margin: 0 20px 20px 0; width: 225px; text-align: center; line-height: 1.2em; background: #eee }
		.thumbInGrid .img { position: relative; overflow: hidden; width: 225px; height: 170px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }
      .thumbInGrid  a.prodName { overflow: hidden; display: block; padding: 10px 6px; color: #333; height: 21px; min-height: 21px; font-weight: 400; background: #eee }
		.thumbInGrid  a.prodName:hover { background: #ddd }
      .thumbInGrid  .code { margin-top: 5px; font-size: 11px }
      .thumbInGrid  .wrapperPrice { height: 50px; padding-top: 5px;  }
		  .thumbInGrid  .price { font-size: 30px; font-weight: 700; color: #045c56 }
		  .thumbInGrid  .barrato { margin-top: 5px; text-decoration: line-through; font-size: 11px}
      .thumbInGrid  a.listingBuyButton { display: block; padding: 10px; color: #fff; font-weight: 400; text-transform: uppercase; background: #51b200 }
		.thumbInGrid  a.listingBuyButton:hover { background: #0056a0 }
      .thumbInGrid  .ribbon { position: absolute; left: 0px; top: 0px }
      .thumbInGrid.last { margin-right: 0 }

	.price .apice { font-size: 12px; vertical-align: super; }
      
	.wrapperCount { margin-top: 0 }		
		.wrapperCount h4 { margin-bottom: 0 }		
			

  /* CATEGORIA FILe DOWNLOAD */
    .folderImg {position: relative; overflow: hidden; width: 225px; height: 170px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }
    .folderDesc {width: 225px; height: 155px; padding: auto; padding-top: 10px; line-height: 1.2em; background: #eee; display: none; z-index: 1000; position: absolute; top: 0; left: 0;}
  
  /* FILe DOWNLOAD */
    .downloadableFileWrapper { padding: 0px; margin: 20px 0; }
    .downloadableFile { padding: 10px; line-height: 1.2em; background: #eee; border: 1px solid #ddd }
    .downloadableFileWrapper a.downloadButton {display: block; padding: 10px; color: #fff; font-weight: 400; text-align: center; text-transform: uppercase; background: #51b200 }


	/* ********************************************************************************
										COLONNA DESTRA
	******************************************************************************** */
	#colDx .thumbInList { float: none; margin: 18px 0; height: auto; width: 170px; text-align: center}
		#colDx .thumbInList a.prodName { text-align: center}
		#colDx .thumbInList .thumb { margin: 0 auto 10px auto }


	/* ********************************************************************************
							BRICIOLE
	******************************************************************************** */
	#briciole {  font-size: 12px; margin-bottom: 15px; }
		#briciole a { font-size: 12px; font-weight: 400 }
		#briciole p { font-size: 12px }

		
	/* ********************************************************************************
							PAGINAZIONE/PRODOTTI PER PAGINA
	******************************************************************************** */
	.paging { padding: 0 0 10px 0; color: #222; background: #fff; }
		.paging p { float: left; margin-right: 5px; font-size: 10px; text-transform: uppercase; line-height: 1.1em; }
		.paging a { display: block; float: left; margin-left: 5px; padding: 3px 7px; text-decoration: none; font-size: 11px; color: #222; border-width: 1px; border-style: solid; border-top-color: #ccc; border-left-color: #ccc; border-right-color: #999; border-bottom-color: #999; }
			.paging a:hover { color: #fff; background: #666; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }
					.paging span.current { display: block; float: left; margin-left: 5px; padding: 3px 7px; text-decoration: none; font-size: 11px; color: #222; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }

					.paging span { display: block; float: left; margin-left: 5px; padding: 3px 7px; text-decoration: none; font-size: 11px; color: #222; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }


	/* ********************************************************************************
									ORDINAMENTO
	******************************************************************************** */
	.sorting { margin-bottom: 10px; padding: 0px 0 10px 0; color: #222; }
		.sorting p { float: left; margin: 3px 5px 0 0; font-size: 10px; text-transform: uppercase; line-height: 1.1em; }
		.sorting a { display: block; float: left; margin: 0 5px; padding: 5px 7px; text-decoration: none; font-size: 11px; color: #666; border-width: 1px; border-style: solid; border-top-color: #ccc; border-left-color: #ccc; border-right-color: #999; border-bottom-color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer }
			.sorting a:hover { color: #4CB1CA !important; }
			.sorting a.asc, .sorting a.desc { color: #4CB1CA !important; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }
			.sorting a i { display: block; float: left; width: 9px; height: 11px; margin: 2px 3px 0 0; background: #999 url(/images/ecommerce/freccie.png) -1px }
				.sorting a:hover i { background: #4CB1CA url(/images/ecommerce/freccie.png) -1px }
				.sorting a.asc i { background: #4CB1CA url(/images/ecommerce/freccie.png) -10px }
				.sorting a.desc i {  background: #4CB1CA url(/images/ecommerce/freccie.png) -18px }

	.listingArrange { margin-bottom: 10px;  }
		.viewMode {  }
			.viewMode a { display: block; float: left; margin: 0 5px; padding: 5px 7px; text-decoration: none; font-size: 11px; color: #666; border-width: 1px; border-style: solid; border-top-color: #ccc; border-left-color: #ccc; border-right-color: #999; border-bottom-color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer }
				.viewMode a:hover { color: #4CB1CA !important; }
				.viewMode a.selected { color: #4CB1CA !important; }
				.viewMode a i { display: block; float: left; margin: 1px 10px 0 0; width: 11px; height: 11px; background: transparent url(/images/ecommerce/view_mode.gif) no-repeat; background-color: #999; }
					.viewMode a:hover i { background-color: #4CB1CA; }
					.viewMode a.selected i { background-color: #4CB1CA; }
				.viewMode a.viewList i { background-position: -11px 0; }
				
		.listingSort { margin-bottom: 15px }
			.listingSort p { float: left; margin: 3px 5px 0 0; font-size: 14px; text-transform: uppercase; line-height: 1.1em; }
			.listingSort select { margin-top: 0; }

	/* ********************************************************************************
									LISTA PRODOTTI
	******************************************************************************** */
	#productList { padding: 0; background: #fff;  }
		.productInList { overflow: hidden; margin-bottom: 15px; padding-top: 15px; height: 160px; border-top: 1px dotted #999 }
			.productInList .sx { width: 680px;  }
			.productInList .dati { float: left; width: 500px; }
				.productInList .wrapperImg { position: relative; float: left; margin-right: 20px } 
					.productInList .wrapperImg .img { width: 155px; height: 155px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }
				.productInList a.prodName { display: block; margin-bottom: 3px; line-height: 1.2em; ; font-weight: bold; font-size: 16px; }
				.productInList .price {  float: left; margin: 3px 0 20px 0; font-size: 20px; font-weight: bold; color: #31a125 }
				.productInList .barrato { float: left; margin: 5px 0 0 20px; font-size: 11px }
				.productInList .abstract { overflow: hidden;  height: 75px; line-height: 1.5em; }
				.productInList  .ribbon { position: absolute; right: -3px; top: -3px } 
			.productInList .dx { margin-top: 65px; width: 210px; text-align: center;  }
		
		/* ********************************************************************************
											FILTRI
		******************************************************************************** */
		.filtri { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #bbb}
			.filtri > div { margin: 15px 0;  }
			.filtri h2 {  padding: 5px; margin-bottom: 10px; font-size: 12px; text-transform: uppercase; font-weight: bold; background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
			.filtri a { display: block; margin: 0 0 8px 0; padding: 0px 0 5px 35px; color: #333; text-transform: uppercase; background: url(/images/pseudo-checkbox.png) no-repeat;  }
				.filtri a:hover { display: block; margin: 0 0 8px 0; padding: 0px 0 5px 35px; color: #666; text-transform: uppercase; text-decoration: none; background: url(/images/pseudo-checkbox-hover.png) no-repeat;  }
			.filtri a.selected { display: block; margin: 0 0 8px 0; padding: 0px 0 5px 35px; color: #666; text-transform: uppercase; text-decoration: none; background: url(/images/pseudo-checkbox-selected.png) no-repeat;  }
			.filtri .altri {background: none }
				.filtri a.altri:hover { background: none }
			.filtri .filtriPrezzi input { width: 36px  }

/* ********************************************************************************
									PRODOTTO
******************************************************************************** */

#wrapperProductDetail {  } 	
#wrapperProductDetail.sx { width: 640px; } 	
	#wrapperProductDetail	.shortDesc { margin-top: 25px; line-height: 1.5em; }
	#wrapperProductDetail	.productListings { margin-top: 15px; line-height: 1.5em; }
				
	/* FOTO (SCROLLABLE) */
	#fotoDetailWrapper { position: relative;float: left; width: 350px; } 
		#fotoDetailWrapper .ribbon { position: absolute; right: -5px; top: -3px } 
		.imgFotoDetail { overflow: hidden; width: 350px; height: 350px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd}
		#fotoDetail { display: block; margin: 0 auto; cursor: pointer }
	#wrapperScroll { margin-top: 20px}
		a#fotoPrev, a#fotoNext { display: block; float: left; width: 30px; height: 30px; margin-top: 20px; cursor: pointer; font-size: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
				a#fotoPrev { margin-right: 2px; background: #036 url(/images/ecommerce/freccia-sx.png) no-repeat center center; }
				a#fotoPrev.disabled  { background: #ddd url(/images/ecommerce/freccia-sx.png) no-repeat center center; cursor: default }
				a#fotoNext { background: #036 url(/images/ecommerce/freccia-dx.png) no-repeat center center;  }
				a#fotoNext.disabled { background: #ddd url(/images/ecommerce/freccia-dx.png) no-repeat center center; cursor: default }				
		#fotoScrollable { overflow: hidden; position: relative; float: left; width: 288px; height: 80px;  }
			#fotoItems { position: absolute; float: left; width: 20000em; }
				#fotoItems > div { float: left; width: 268px; margin: 0 10px; }
					#fotoItems > div > div { float: left; margin: 0 6px; }
						#fotoItems .img { overflow: hidden; width: 75px; height: 75px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd}	
						#fotoItems img { cursor: pointer } 



	/* DATI */
	#wrapperDati { width: 540px;  }
	#wrapperDatiHalf { width: 260px;  }
		.ScrollImg { overflow: hidden; height: 450px }
		.NoScrollImg { overflow: hidden; height: 360px }
		#wrapperDati .datiHalf { overflow: hidden; width: 48%; height: 180px; line-height: 1.6em;  }
		#wrapperDatiHalf .datiHalf { }
		#wrapperDatiHalf.NoScrollImg .datiHalf { line-height: 1.5em;  }
		#wrapperDati .priceHalf { width: 48%; text-align: right;  }
		#wrapperDatiHalf .priceHalf { text-align: right  }
			#wrapperDati  .price, #wrapperDatiHalf .price { margin: 3px 0 20px 0; width: 100%; font-size: 28px; font-weight: bold; color: #31a125 }
			#wrapperDati  .qt, #wrapperDatiHalf .qt { margin: 20px 0 0 0; text-transform: uppercase; font-weight: bold }
			#wrapperDati  input[type=text] , #wrapperDatiHalf  input[type=text] { margin-top: 10px; width: 200px; text-align: right }
			#wrapperDati input[type=button], #wrapperDatiHalf input[type=button] { margin-top: 20px; }
			#wrapperDati .social {  margin: 10px 0; }
			#wrapperDati .abstract { line-height: 1.6em; }
			#wrapperDati .productListings { line-height: 1.6em; }
			#wrapperProductDetail .abstract { margin-top: 20px; line-height: 1.5em; }
			#wrapperProductDetail .productListings { line-height: 1.6em; }
			
	/* TAB */		
	.tabColSx.productDetail { margin-top: 20px; width: 100%;  }		
		.tabColSx > .panes.productDetail { height: auto; }
			.tabColSx > .panes.productDetail > div { overflow: hidden; height: auto; padding: 20px; line-height: 1.5em;}

#productDetailColDx { float: right; width: 250px; }
	#productDetailColDx fieldset h3 {  }
		#productDetailColDx .boxBorderTitle > div 	{ width: 218px; line-height: 1.5em; }
		#productDetailColDx .boxBorderSimple { width: 218px; line-height: 1.5em; }
    
/* ********************************************************************************
						RIDIMENSIONAMENTO DINAMICO catName e prodName
******************************************************************************** */    
#adjusting_height {
  width: 225px;
  min-height: 21px;
  overflow: visible;
  padding: 10px;
}
			
/* ********************************************************************************
						POP UP AGGIUNGI AL CARRELLO
******************************************************************************** */
	#addToCartPopup { padding: 20px; width: 700px; height: auto }		
		#addToCartPopup .wrapperImg { float: left  }	
			#addToCartPopup .img { overflow: hidden; width: 155px; height: 155px; display: table-cell; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd  }	
		#addToCartPopup .dati { float: left; margin-left: 20px; width: 500px;  }	
			#addToCartPopup  .dati .sx { width: 80%;  }	
			#addToCartPopup .dati .dx { width: 20%;  }	
				#addToCartPopup .dati .dx .price { margin: 3px 0; text-align: right; font-size: 22px; font-weight: bold; color: #31a125 }
		#addToCartPopup .buttonPopup { margin: 20px 0 0 0}	
		
		
/* ********************************************************************************
								STEP 1 e STEP 3
******************************************************************************** */

/* 3 STEP */
.stepTab { float: left; width: 250px; margin: 0 6px 15px 6px; padding: 15px 20px; line-height: 1.3em; text-align: center; color: #aaa; font-size: 12px; font-weight: bold; background: none; border: 3px solid #aaa;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	.stepTab.selected { color: #666; background: #fff; border: 3px solid #e28}
	.stepTab.selected > div { color: #e28 }

#colCartSx{ float: left; width: 690px; line-height: 1.2em;  }
	/* TABELLA */
	.stepTable { clear: both; width: 100%; margin: 10px 0 0 0; line-height: 1.2em; }
		.stepTable th, .stepTable td { padding: 10px 5px; border: 1px solid #ddd }
		.stepTable th { font-weight: normal; color: #fff; font-weight: bold; font-family: arial; font-size: 12px; background: #999; border: 1px solid #fff; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px;border-top-right-radius: 7px; }
		.stepTable td { padding: 7px 5px; font-family: arial; font-size: 13px; background: #fff }
		.stepTable .bgPrezzo { padding-right: 10px; font-weight: bold; background: #ddd}
		.stepTable .ttl { text-align: left; color: #fff; font-weight: bold; background: #888 }
		.stepTable .subTot { color: #666; font-weight: bold; background: #999 }
		.stepTable .totale { color: #fff; font-weight: bold; background: #999 }
		.stepTable .radio { font-size: 12px }
	.stepTable .totale .ttlTot { padding: 15px 0; font-size: 23px; font-weight: normal; color: #fff; background: #559730; border: 1px solid #fff; }		

#colCartDx { float: right; width: 200px; line-height: 1.2em; }
	#colCartDx .boxBorderTitle > div { width: 168px }
	#colCartDx .boxBorderSimple  { width: 168px;  margin-bottom: 15px }
	#colCartDx .boxBorderTitle.carrelloColDx > div { padding: 10px 0; width: 198px }
	#colCartDx   .nArticoli { padding: 5px; text-align: center; font-weight: bold}
	#colCartDx   .dati { padding: 5px; text-align: center; }
	#colCartDx   .totale { color: #fff; margin-top: 15px; padding: 15px; font-size: 20px; text-align: center; line-height: 1.2em; background: #559730; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff }

/* ********************************************************************************
									STEP2
******************************************************************************** */
	.step2 .ttl { padding: 8px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; background: #999; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px;border-top-right-radius: 7px; } 
	.step2 fieldset { margin: 0 0 15px 0; padding-top: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	h2.ttl { margin-bottom: 0}
	.indirizzo { padding: 10px 10px 3px 10px; margin: 10px 0; background: url(/images/ecommerce/bg-verde-1.gif) repeat-x #559730; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
		.indirizzo h3 { color: #fff}
	.stepTable.tot td {  background: #fff}	
		.stepTable .totale .ttlTot { padding: 15px 0; font-size: 23px; font-weight: normal; color: #fff; background: url(/images/ecommerce/bg-verde-1.gif) repeat-x #559730; border: 1px solid #fff; }
	.stepTable .label { font-weight: bold; width: 200px;  }
	.pagamento  h2 { margin-bottom: 5px; font-size: 13px; color: #666; }
	
/* ********************************************************************************
									AREA RISERVATA
******************************************************************************** */
#areaRiservataTabs { float: left; width: 184px; height: 100%; position: relative;  }
	#areaRiservataTabs > a { display: block; padding: 17px 15px; text-decoration: none; text-transform: uppercase; line-height: 1.5em; color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background: #999 url(/images/ecommerce/transparent-gradient.png); border-bottom: 1px solid #fff }
		#areaRiservataTabs > a.current { background: #036; }	
		#areaRiservataTabs > a.current:hover { cursor: default; }
		#areaRiservataTabs > a.disabled { filter:alpha(opacity=30); opacity: .3 }
		#areaRiservataTabs > a[href="#profilo"] { -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
#areaRiservataPanes > div { display: none; float: right; width: 710px; }
	#areaRiservataPanes #mieiOrdini { width: 658px; padding: 5px 25px 20px 25px; background: #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

/* ********************************************************************************
							FOOTER E PRE-FOOTER
******************************************************************************** */
#preFooter { margin-bottom: 20px; padding: 15px; background: #fff url(/images/ecommerce/transparent-gradient-2.png) repeat-x bottom; border: 1px solid #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	#preFooter dl { float: left; margin: 0 20px 0 0; padding-right: 20px; border-right: 1px dashed #999; }
		#preFooter dd { margin: 5px 0; padding: 0; }
			#preFooter a { color: #999; font-weight: normal; }
		#preFooter .colTwo { width: 443px; }
		#preFooter .colThree { width: 280px; }
		#preFooter .colFour { width: 201px; }
		#preFooter .colFive { width: 150px; }
		#preFooter .last { padding-right: 0; margin-right: 0; border: 0  }

#footer { margin: 15px 0 0 0; padding: 20px 0; color: #666; font-size: 14px; background: #fff; border-top: 1px solid #dfdfdf; }
	#footer a { color: #888; font-weight: 400 }
		#footer a:hover { color: #999 }
	#footer .sx { width: 70%; }
	#footer .dx { width: 30%; text-align: right; }