body, html{
	margin:0;
	padding:0;
	height:100%;
}
body{
	color:#3C484F;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#C9C9C9 url("../images/bg_wrap.jpg") repeat-y center;
}

td{ font-weight:normal;}

#header{
	width:960px;
	height:178px;
	background:url("../images/header.jpg") no-repeat;
}

#header .loghi{
	float:right;
	padding-top:10px;
	width:420px;
	height:50px;
}

#wrap{
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}
#container{
	width:960px;
	height: auto !important;
	height: 400px;
	min-height: 400px;
	background:url("../images/bg_container.jpg") no-repeat top;
}
#menu-container{
	background: url("../images/bg_menu.jpg");
	height:35px;
}
#footer{
	width:960px;
	height:80px;
	clear:both;
	margin:auto;
	background:url("../images/bg_footer.gif") no-repeat center top;
}
#footer .text{padding:55px 20px 0 20px;font-size:11px}
.push {height: 80px; /* .push deve essere della stessa altezza del #footer */}

/* ############################  BOX COLONNA DI DESTRA  ############################################ */

#box-wrap{
	background: url("../images/bg_center_box.jpg");
}
#box-right{
	width:350px;
	height:76px;
	background: url("../images/bg_bottom_right.jpg");
}

.textfield {
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	color:#333 ;
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	background: url("../images/textfield_bg.gif") no-repeat fixed;
	width:200px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:187px;
}


/* ############################ INPUT TEXT CERCA ############################ */

.fieldinput
{
	margin:27px 0 0 38px;
	padding:0;
	width: 160px;
	height: 22px;
	background: url("../images/textfield_bg.gif") no-repeat;
	float: left;
}

.textinput
{
	width: 130px;
	height: 20px;
	background: none;
	border: none;
	color: #000000;
	margin:0;
	margin-top: -1px;
	padding-right: 20px;
	text-align:left;
}
/* #################################################################################### */

#box-container{
padding:20px 30px 20px 12px;
background: url("../images/bg_top_box.jpg") no-repeat top;
}
#box-container a{ color:#4D9BAF; text-decoration:none; }
#box-container a:hover{ color:#7CA73E; text-decoration:none; }
#box-container h3{ font-size: 1.0em; margin:5px 10px 10px 8px }
#box-fotografia, #box-ottica{margin-top:15px; padding:8px 0; background: url("../images/bg_box_marchi.jpg") no-repeat top;}
.box-img{float:left;margin:5px 0 0 10px;padding:1px;border:1px solid #000;}
a:hover .box-img{border:1px solid #7CA73E;}
.box-data{ padding:2px 8px; color:#7CA73E; font-weight:bold; }
.box-titolo{ color:#3F544F; padding:2px 8px; }
.box-link{ float:right; padding:0 8px; height:18px; width:290px; font-size:0.9em; text-align:right }
.box-hr{ padding: 6px 0; }
.link{ font-size:0.9em; float:right; padding:4px 40px; }
.box-bottom{background: url("../images/bg_box_marchi.jpg") no-repeat bottom;padding:18px 0 0 0; height:40px }

#photosend{
background:#F5F5F5;
width:540px;
padding:10px;
}

#box-photosend{
	width:244px;
	height:235px;
	float:left;	
	margin-top:20px;
	padding:10px;
	background:url('../images/box-bg.gif') no-repeat;
}

#box-digibox{
	width:244px;
	height:235px;
	float:left;	
	margin-top:20px;
	margin-left:14px;
	padding:10px;
	background:url('../images/box-bg.gif') no-repeat;
}

.galleria span{
	font-size:13px;
	color:#000;
	background: #FFFFFF;
	border: 1px solid #666;	
	padding:0 4px;
}

.galleria a img{margin-bottom:5px;border:1px solid #000;padding:1px;}
.galleria a:hover img{border:1px solid #7CA73E;}

.left{
width:570px;
float:left;
padding:30px 10px 0 30px
}
.right{
width:350px;
float:right;
}

#tabs-left{
width:590px;
float:left;
padding:0 0 0 10px
}

h1{font-size: 2.4em;margin:0;}
h2{font-size: 1.8em;margin:0;}
h3{font-size: 1.4em;margin:0;}
h4{font-size: 1.2em;margin:0;}
h5{font-size: 1em;margin:0;}
h6{font-size: 0.85em;margin:0;}

.h3{color:#324049;border-bottom:1px solid #CCC;padding:5px 0;margin:8px 0}
.h4{color:#324049;padding:0;margin:0 0 10px 0}
.data{display:block;width:100%;text-align:right;font-size:0.9em;}
.data-scheda{display:block;width:100%;font-size:13px;color:#999999;margin-bottom:10px}
.testo-elenco{display:block;width:100%;height:70px;text-align:left;padding:10px 0;}
.cornice{background:#FFF;border:1px dotted #999;margin-bottom:10px;padding:10px;}

a{color:#4D9BAF; text-decoration:none;}
a:hover{color:#7CA73E; text-decoration:none;}
a:active, a:focus{outline:none;}

a.marchi{color:#999; text-decoration:none;}
a:hover.marchi{color:#CCC; text-decoration:none;}
a:active.marchi, a:focus.marchi{outline:none;}

textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
p{margin:9px 0;}

/* ############################  CATALOGO ############################################ */

.tabelle{background:#FFFFFF;border:1px dotted #CCC;height:100px;padding:10px;margin:5px;}
.prezzo{font-size:16px;font-weight:bold}
.img_input{border:1px solid #CCCCCC;background:#E7E7E7}
.nome-prodotto{font-size:12px;font-weight:bold;}
.disponibilita{font-size:10px;color:#CCCCCC}
/* ############################  MSG BOX  ############################################ */

#con{width:820px;}

div.message{
	font-size: 0.9em;
    margin: 0.5em 0 0.5em;
    padding: 1em 15px 0 60px;
    border-style: solid;
    border-width: 1px 1px;
	text-align:left;
	min-height:60px;
	border-color: #E0E0E0;
	width:100%;
}

div.message p{margin: 0 0 0.4em 0}	
div.message a{text-decoration:underline;line-height:30px;display:block;color:#000}
div.message a:hover{text-decoration:none;color:#000}

div.message li{list-style : square inside;margin-left:-40px}	
div.message h4{margin:0px;}

div.message.succes{background: #F9F9F9 url('../default_images/alert_succes.gif') no-repeat 12px 1em;}
div.message.succes h4{color:#666}

div.message.info{background:  #F9F9F9 url('../default_images/alert_info.gif') no-repeat 12px 1em;}
div.message.info h4{color:#666}	

div.message.question{background: #F9F9F9 url('../default_images/alert_question.gif') no-repeat 12px 1em;}
div.message.question h4{color:#666}

div.message.error{ background: #F9F9F9 url('../default_images/alert_error.gif') no-repeat 12px 1em;}
div.message.error h4{color:#666}

/* ############################  FORM   ############################################ */
  
fieldset{border:0;margin:0;padding:0;}
form {margin-top:10px;padding:10px;}
form legend{display:block;padding:0;margin:0}
form div.form{padding: 5px 0;border-bottom: 1px solid #E7E7E7;text-align:left}
form label{float:left;width:160px;line-height:23px;padding:0 10px;text-align:left;}
div.form-button button{margin:10px;} 
.required{color:#CC0000}
.subtitolo{padding:0 0 5px 0;font-weight:bold;}

/* ############################  PAGINAZIONE  ############################################ */

.pag {width:100%;}
.pag-left{text-align:left;float:left;padding-bottom:10px;}
.pag-right{text-align:right;padding-bottom:10px;}
.pag-right a{color:#999;text-decoration: none;font-weight:bold;}
.pag-right a:hover,active,visited{color:#000;text-decoration:none;}
.paglink{
	height:22px;
	background: #FFFFFF;
	padding: 0px 3px 0px 3px;
	border: 1px solid #D7D7D7;	
	text-decoration:none;

}
.activelink{
	color:#FFF;
	height:22px;
	background: #DEDEDE;
	padding: 0px 3px 0px 3px;
	border: 1px solid #D7D7D7;
	font-weight:bold;

}

/* ############################  BOTTONI   ############################################ */

a.button{
	float: left;
	height: 20px;
	margin-right: 5px;
	margin-top:10px;	
	padding-left: 11px;
    background: url('../images/bottone.gif') no-repeat top left;	
    font: 90%/20px Arial,Verdana,sans-serif;
    text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a.button span{
	display:block;
	padding-right: 11px;
    background: url('../images/bottone.gif') no-repeat top right;
}

a.button:hover{background-position: bottom left;color:#FFF;text-decoration:none;}
a.button:hover span{background-position: bottom right;}

/* ############################  MENU  ############################################ */

.tabs{
line-height:normal;
font-size:12px;
padding-top:6px;
margin:0;
}

.tabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
float:left;
}

.tabs li{
display:inline;
margin:0;
padding:0;
}

.tabs a{
float:left;
background:url('../images/tableft.gif') no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 11px;
text-decoration:none;
}

.tabs a span{
float:left;
display:block;
background:url('../images/tabright.gif') no-repeat right top;
padding: 7px 17px 5px 3px;
font-weight:bold;
color: #333;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
text-decoration:none;
color: #FFF;
}

.tabs a:hover { /*onMouseover style*/
background-position:0 -27px; /*Shift background image up to start of 2nd tab image*/
text-decoration:none;
}

.tabs a:hover span{ /*onMouseover style*/
background-position:100% -27px; /*Shift background image up to start of 2nd tab image*/
text-decoration:none;
}

/* Gestione del link selezionato ******************************************/
.tabs li.selected a{ 
background-position:0 -27px; /*Shift background image up to start of 2nd tab image*/
}

.tabs li.selected a span{ 
background-position:100% -27px; /*Shift background image up to start of 2nd tab image*/
color: #FFF;
}

.tabs a.selected{
background-position:0 -27px;

}
.tabs a.selected span{
background-position:100% -27px;
color: #FFF;
}
/**************************************************************************/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
margin-top:0px;
position:absolute;
font-size:12px;
top: 0;
left:0;
line-height:18px;
z-index:100;
width: 150px;
visibility: hidden;
text-align:left;
}


.dropmenudiv a{
width: auto;
display: block;
background:#7BA63E;
text-indent: 5px;
border-top:1px solid #90B951;
border-left:1px solid #90B951;
border-bottom: 1px solid #6B9337; /*THEME CHANGE HERE*/
border-right: 1px solid #6B9337;
padding: 2px 0 2px 8px;
text-decoration: none;
color: #E8F1DA;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#9DC168 url('../images/dropdownbutton.gif') top left no-repeat;
color: #4B6725;
text-decoration:none;
}

/* ######################## COLORBOX #################################################### */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../default_images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../default_images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../default_images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../default_images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../default_images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../default_images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../default_images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../default_images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../default_images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../default_images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../default_images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../default_images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../default_images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../default_images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./../skin/default_images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}