html {
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	text-align: center; 
}

div{
	font-size: 12px;
}

span {
	font-size: 12px;
}

li{
	font-size: 12px;
}

td{
	font-size: 12px;
}

img{
	border: 0;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

a.nounderline{
	text-decoration: none;
}

a:hover.nounderline{
	text-decoration: none;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.error{
	color: red;
	float: left;
	padding-left: 5px;
}

.error-txt{
	color: red;
	padding-left: 5px;
}

#errors-box{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	border: 1px dashed #CCCCCC;
	background-color: #F7F7F7;
}

#sent-ok{
	color: #0b0436;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin-top: 40px;
}

#sent-ko{
	color: red;
	font-weight: bold;
}

#info-form-box{
	padding-left: 40px;
}

/**
** Blocchi
**/
#wrapper{
	width: 100%;
}

#container{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align:left;
}

#header{
	width: 1020px;
	height: 140px;
}

#logo{
	float: left;
	background: white url(../images/logo.jpg) no-repeat;
	height: 126px;
	width: 285px;
	margin-top: 10px;
}

#logo-box{
	float: left;
	width: 285px;
	height: 126px;
}

#menu-box{
	float: left;
	width: 730px;
	background: white url(../images/sfondo_menu.jpg) no-repeat;
	background-position: bottom left;
	height: 126px;
}

#col-left{
	float: left;
	width: 251px;
	min-height: 300px;
}

#col-right{
	float: left;
	width: 204px;
	min-height: 300px;
}

#content-box{
	float: left;
	width: 510px;
	border: 1px solid #8ebad7;
	margin-left: 5px;
	margin-right: 5px;
	height: auto !important;
	height: 570px;
	min-height: 570px;
	margin-top: 12px;
}

html > body #content-box{
	width: 549px;
}

#home-img{
	margin-left: 60px;
	margin-top: 45px;
}

#resarea{
	background: url(../images/login_back.jpg) no-repeat;
	width: 240px;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	padding-top: 50px;
	padding-left: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #193958;
}

#azienda-img{
	margin-left: 30px;
	margin-top: 15px;
}

#azienda-box{
	background: white url(../images/baffo_back.jpg) no-repeat 0px 0px;
	height: 86px;
	width: 488px;
	margin-left: 17px;
}

#azienda-title{
	color: #0b0437;
	font-weight: bold;
	font-size: 14px;
	padding-left: 14px;
	padding-top: 5px;
}

#azienda-descr{
	padding-top: 30px;
}

#mappa-img{
	margin-left: 80px;
	margin-top: 20px;
}

#dove-box{
	background: white url(../images/dove-back.jpg) no-repeat;
	height: 205px;
	margin-left: 23px;
	padding-top: 60px;
}

#dove-content{
	width: 180px;
	height: 190px;
	margin-left: 310px;
}

#dove-title{
	color: #0b0437;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 7px;
}

#informazioni-title{
	margin-top: 30px;
	text-align: center; 
	font-weight: bold; 
	font-size: 13px;
	color: #0b0437;
}

#info-utili-title{
	margin-top: 30px;
	text-align: center; 
	font-weight: bold; 
	font-size: 13px;
	color: #0b0437;
}

#info-utili-content{
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	margin-top: 20px;
}

#login-container{
	margin-left: 35px;
	padding-top: 50px;
}

#login-btn{
	margin-left: 50px;
}

a.login_submit{
	display: block;
	width: 74px;
	height: 31px;
	background: transparent url(../images/login_btn.gif) no-repeat;
	text-decoration: none;
}

a:hover.login_submit{
	text-decoration: none;
	background-position: 0 -31px;
}

#news-btn{

}

a.news_submit{
	display: block;
	width: 30px;
	height: 25px;
	background: transparent url(../images/btn.gif) no-repeat;
	text-decoration: none;
}

a:hover.news_submit{
	text-decoration: none;
	background-position: 0 -25px;
}

.text-field{
	width: 100px;
	height: 16px;
	color: #0b0437;
	font-size: 12px;
}

.text-field1{
	width: 85px;
	height: 16px;
	color: #0b0437;
	font-size: 12px;
}

.text-field2{
	width: 130px;
	height: 16px;
	color: #0b0437;
	font-size: 12px;
}

.login{
	color: #0b0437;
}

#dove-txt{
	color: #0b0437;
}

#search-box{
	background: white url(../images/search_right_back.png) no-repeat;
	height: 86px;
	margin-top: 9px;
}

#right-sep{
	background: white url(../images/right_sep.png) no-repeat;
	height: 7px;
}

#right-sep1{
	background: white url(../images/right_sep.png) no-repeat;
	height: 7px;
}

html > body #right-sep1{
	margin-top: 15px; 
	margin-bottom: 10px;
}

#off-box{
	background: white url(../images/off_right_back.jpg) no-repeat;
	height: 203px;
}

#newsletter-box{
	background: white url(../images/newsletter_back.jpg) no-repeat;
	height: 109px;
}

#info-title{
	background: white url(../images/informazioni_title.jpg) no-repeat;
	height: 18px;
	margin-top: 3px;
}

#info-item{
	margin-top: 0px;
	padding-left: 5px;
	height: 12px;
}

html > body #info-item{
	margin-top: 5px;
}

#categ-list{
	width: 190px;
	height: 252px;
}

#categ-root{
	padding-left: 5px;
	margin-top: 7px;
}

#categ-child{
	padding-left: 20px;
	margin-top: 3px;
}

a.categ-btn{
	display: block;
	background: transparent url(../images/categ_bullet.gif) no-repeat 0px 5px;
	text-decoration: none;
	color: #0b0436;
	padding-left: 15px;
}

a:hover.categ-btn{
	text-decoration: none;
	color: #fb7325;
}

#info-item-sep{
	background: transparent url(../images/info_sep.gif) no-repeat;
	height: 2px;
	margin-left: 10px;
}

html > body  #info-item-sep{
	height: 6px;
}

a.link{
	text-decoration: none;
	color: #0b0437;
}

a:hover.link{
	text-decoration: underline;
}

a.info-btn{
	display: block;
	background: white url(../images/info_bullet.gif) no-repeat 0px 5px;
	text-decoration: none;
	color: #6b6b6b;
	padding-left: 10px;
}

a:hover.info-btn{
	text-decoration: underline;
}

#chart-title{
	background: white url(../images/carrello_title.png) no-repeat;
	height: 23px;
	margin-top: 3px;
}

a.chart-btn{
	display: block;
	background: white url(../images/carrello_btn.png) no-repeat;
	height: 39px;
	width: 203px;
	text-decoration: none;
	color: #0b0437;
	font-weight: bold;
	padding-left: 43px;
	padding-top: 13px;
	font-size: 13px;
}

#user-session{
	text-align: center;
	width: 180px;
}

#area-riservata{
	background: white url(../images/area_res_back.jpg) no-repeat;
	height: 183px;
}

#prod-list{
	background: white url(../images/prod_list_back.jpg) no-repeat;
	height: 248px;
	padding-top: 42px;
	padding-left: 30px;
}

html > body #prod-list{
	padding-top: 45px;
}

#left-col-end-box{
	background: white url(../images/left_end_back.jpg) no-repeat;
	height: 105px;
	color:white;
	padding-left: 23px;
	padding-top: 10px;
}

#left-title{
	font-weight: bold;
	font-size: 13px;
}

#newsletter-title{
	color: #0b0437;
	padding-top: 45px;
	padding-left: 36px;
	font-size: 13px;
}

#newsletter-content{
	padding-left: 17px;
	padding-top: 3px;
}

#search-content{
	padding-left: 17px;
	padding-top: 7px;
}

#search-title{
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding-top: 13px;
	padding-left: 20px;
}

#left-txt a{
	color:white;
	text-decoration: none;
}

#left-txt a:hover {
	text-decoration: underline;
}

#footer{
	background-color: #cfdde8;
	height: 43px;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	margin-top: 5px;
}

#footer a{
	color: #0b0437;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer-copy{
	color: #797979;
	margin-top: 5px;
}

#footer-copy a{
	color: #797979;
	text-decoration: none;
}

#footer-copy a:hover{
	text-decoration: underline;
}

/**
** Scroller
**/

#scroller{
	float: left; 
	height: 230px; 
	width: 15px;
}

#scroll-container{
	position:relative; 
	overflow:hidden; 
	float: left; 
	width: 168px; 
	height: 220px;
}

html > body #scroll-container{
	width: 170px; 
	height: 230px;
}

#content-to-scroll{
	position: absolute; 
	width: 170px; 
	top: 0px;
}

div.scroller{
}

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 360px;	
	height:80px;	
	float: left;
	
	/* custom decorations */
	padding:5px 0;				
}

div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:95px;
	padding:5px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

a.arrow-up{
	display: block;
	background: url(../images/up.png) no-repeat 0 0;
	width: 18px;
	height: 18px;
	text-decoration: none;
	outline: none;
}

a:hover.arrow-up{
	background-position: 0px -18px;
}

a.arrow-down{
	display: block;
	background: url(../images/down.png) no-repeat 0 0;
	width: 18px;
	height: 18px;
	text-decoration: none;
	outline: none;
}

a:hover.arrow-down{
	background-position: 0px -18px;
}


/** 
** Menu 
**/

.menu-table{
	width: 638px;
	height: 35px;
	margin-top: 84px;
	margin-left: 40px;
}

a.home-btn {
	display: block;
   	width: 121px;
   	height: 35px;
   	background: url(../images/home_btn.jpg) 0 0 no-repeat;
   	text-decoration: none;
   	outline: none;
} 

a.azienda-btn {
	display: block;
   	width: 119px;
   	height: 35px;
   	background: url(../images/azienda_btn.jpg) 0 0 no-repeat;
   	text-decoration: none;
   	outline: none;
} 

a.dove-siamo-btn {
	display: block;
   	width: 120px;
   	height: 35px;
   	background: url(../images/dove_btn.jpg) 0 0 no-repeat;
   	text-decoration: none;
   	outline: none;
} 

a.informazioni-btn {
	display: block;
   	width: 120px;
   	height: 35px;
   	background: url(../images/info_btn.jpg) 0 0 no-repeat;
   	text-decoration: none;
   	outline: none;
} 

a.galleria-btn {
	display: block;
   	width: 158px;
   	height: 35px;
   	background: url(../images/gallery_btn.jpg) 0 0 no-repeat;
   	text-decoration: none;
   	outline: none;
} 

a.selected {
	background-position: 0 -35px;
	cursor: default;
}

/**
** AREE DINAMICHE
**/

#prod-list-title{
	height: 20px;
	width: 539px;
	background-color: #0b0436;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
	border-bottom: 1px solid #93bfd7;
	font-size: 13px;
}

#prod-list-content{
	margin: 10px;
	width: 519px;
}

#prod-list-content-item{
	margin-top: 5px;
}

#prod-item-descr{
	width: 365px;
	height: 93px;
	background-color: #efeff0;
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#prod-list-item-sep{
	width: 505px;
	background: transparent url(../images/prod-list-sep.png) 0px 10px repeat-x;
	height: 20px;
}

#prod-list-descr-txt{
	width: 307px;
	height: 15px;
	margin-left: 5px;
	overflow: hidden;
	color: #6B6B6B;
}

#prod-list-descr-nome{
	width: 307px;
	height: 15px;
	margin-left: 5px;
	overflow: hidden;
	color: #0b0436;
}

.prod-list-descr-title{
	padding-top: 2px;
	font-weight: bold;
	color: #0b0436;
	padding-left: 5px;
}

.off-title{
	color: #fb7629;
}

a.link{
	color: #0b0436;
	font-weight: bold;
}

a:hover.link{
	color: #fb7629;
	text-decoration: none;
}

.prod-price{
	color: #0b0436;
}

.prod-off{
	color: #fb7629;
}

.txt-bar{
	text-decoration:line-through;
}

a.chart_btn{
	display: block;
	width: 111px;
	height: 33px;
	background: transparent url(../images/add_chart_btn.gif) no-repeat;
	text-decoration: none;
}

a:hover.chart_btn{
	text-decoration: none;
	background-position: 0px -33px;
}

#paginator-cnt a{
	color: #0b0436;
	text-decoration: none;
}

#paginator-cnt a:hover{
	color: #fb7629;
	text-decoration: none;
}

#paginator-cnt{
	width: 519px;
}

.paginator-cnt-bottom{
	margin-top: 10px;
}

#open-photo{
	margin-top: 3px;
}

#open-photo-gallery{
	margin-top: 15px;
}

a.open-photo-link{
	display: block;
	width: 155px;
	background: transparent url(../images/zoom.png) top right no-repeat;
	color: #0b0436;
	font-weight: bold;
}

a:hover.open-photo-link{
	color: #fb7629;
	text-decoration: none;
}

#prod-detail{
	padding-left: 5px;
	padding-right: 5px;
}

#prod-caratt{
	background-color: #f1f1f3;
	height: 100px;
	width: 305px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 5px;
}

#prod-descr-sep{
	background: transparent url(../images/prod_descr_sep.png) 0 0 repeat-x;
	width: 520px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#prod-descr-txt{
	height: 120px;
	overflow: auto;
}

#prod-gallery-top{
	background: transparent url(../images/prod_gallery_top.png) 0 0 no-repeat;
	width: 520px;
	height: 43px;
}

#off-img{
	padding-top: 5px;
	padding-left: 29px;
}

#off-name{
	padding-top: 50px;
	padding-left: 30px;
	width: 145px;
	overflow: hidden;
	color: #0b0436;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#off-link{
	padding-top: 12px;
	text-align: center;
}

#no-search-res{
	color: #0b0436;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin-top: 40px;
}

/**
** GALLERY SCROLLER
**/

#foto-preview{
	margin-left: 52px;
	padding-top: 30px;
}

#gallery-cnt{
	margin-left: 15px;
}

#gallery-box{
  background: url(../images/gallery_box.jpg) no-repeat;
  width: 503px;
  height: 311px;
  margin-left: 20px;
  margin-top: 10px;
}

#gallery-sep{
  background: url(../images/gallery_1.jpg) no-repeat;
  width: 507px;
  height: 64px;
  margin-left: 6px;
  margin-top: 20px;
}

#gallery-thumb{
  background: url(../images/gallery_thumb.jpg) no-repeat;
  width: 488px;
  height: 151px;
  margin-left: 15px;
}

#gallery-thumb-prod{
  background: url(../images/gallery_thumb1.jpg) no-repeat;
  width: 510px;
  height: 151px;
  margin-left: 10px;
}


div.scroller{
}

div.scrollable {	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 400px;	
	height:117px;	
	float: left;
	margin-top: 10px;
	/* custom decorations */
	padding:5px 0px;	
	/*border:1px outset #ccc;*/
	background-color:#efefef;				
}

.scrollable-prod {	
	width: 430px;				
}

html > body div.scrollable{
	width: 413px;	
}

html > body div.scrollable.scrollable-prod{
	width: 430px;	
}

div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:0px;
}

div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:center;
	width:125px;
	padding:2px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	-moz-border-radius:5px;
	margin-left: 0px;
}

html > body div.scrollable div.items div {
	padding:5px 0px;
}

div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

a.prev-btn, a.next-btn, a.prevPage, a.nextPage {
	display:block;
	width:24px;
	height:113px;
	background:url(../images/left.jpg) no-repeat;
	float:left;
	margin:17px 5px;
	cursor:pointer;
}

a.disabled {
	visibility:hidden !important;		
}

a.next-btn, a.nextPage {
	background-image:url(../images/right.jpg);
	clear:right;	
}

#disp-buona{
	background: transparent url(../images/disp_buona.png) no-repeat;
	height: 16px;
	padding-left: 20px;
	padding-top: 2px;
	color: green;
}

#disp-scarsa{
	background: transparent url(../images/disp_scarsa.png) no-repeat;
	padding-left: 20px;
	height: 16px;
	padding-top: 2px;
	color: orange;
}

#non-disp{
	background: transparent url(../images/non_disponibile.png) no-repeat;
	padding-left: 20px;
	height: 16px;
	color: red;
	padding-top: 2px;
}

#info{
	background: transparent url(../images/information.png) no-repeat;
	width: 16px;
	height: 16px;
}

.bold{
	font-weight: bold;
}