/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas00/
*/

/* Main layout and header */

/* top elements */
* {
	margin: 0; padding: 0;
} 

html{
	height: 100%; 
}

body {
background:url(img/bg.gif) repeat-y top center #eaeaea; 
color:#3a3a3a; font:150% Times,Tahoma,Arial,sans-serif; 
line-height:1.4em; margin:0 auto; padding:0;
min-height: 100%; height: 100%;
}


#wrap {
background:#fff;
color:#303030; margin:0 auto; padding:1px 5px; 
width:980px;
position: relative;
min-height: 130%;

}

#header {
/*background:url(img/brico_01_header.gif) no-repeat bottom left #fff; */
color:#505050; height:250px; 
margin:0 0 0px; 
padding:0;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 15px 15px; padding:20px 0 0;}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

/* Only for background */
#content-back {
/*background: #fff url(img/brico_02_content.gif) no-repeat top left; */
color:#505050;   
padding-bottom: 130px;
padding-top: 0px;
margin-top:-10px !important;
margin-top:0px;
clear:both !important;
width: 100%;

}



/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:200px;}
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:200px;}
#leftside ul.avmenu li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:188px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:183px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:173px;}
#leftside ul.avmenu ul ul {font-size:1em; width:170px;}
#leftside ul.avmenu ul ul a {width:158px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:184px;}
#leftside p,.announce p {font-size:0.9em;}

/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:200px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0; font-size: 11px; 
height:15px !important; 
line-height:29px !important;
display: block;}

#extras h2 {font-size:1.5em; 
/*font-weight:400; */
padding-top:5px;
letter-spacing:-1px; margin:0 0 6px;}

/* Main content */
#content {line-height:1.5em; margin:10px 220px 10px 220px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 0 10px 220px; padding:0; text-align:left; }
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}

/* Modificato 01/09/2008 */
#content h3,#contentwide h3 
  {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;
   }

#content img,#contentwide img {background:#fff; border:0px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px;}
#content li,#contentwide li {margin:0 0 2px 5px; padding:0 0 0 4px;}

/* Footer */
#footer {
background:url(img/brico_03_footer.gif) no-repeat bottom center #fff;
border-top:2px solid #dadada; 
clear:both;
color:#666; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:right; 
width:980px;
height:130px;
position: absolute;
margin-bottom: 0px;
}

#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
img {border:0;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border:0px solid #d8d8d8; border-collapse:collapse; line-height:1.2em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
/*td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}*/
td { color:#303030; font-size:0.9em; padding:7px; text-align:left;}

input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}

/*input {width:200px;}*/

input .radio-style{
	text-align:left !important;
	width:50% !important;
	padding-left:2px !important;
}

textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.announce p {
	text-align:justify;
}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
/*.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
*/
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}


.prodotto{

	width:100%;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	clear: right;
	float: left;
	margin-bottom: 15px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;;
}

 .img-normale{
 	border:0 !important;
	background-color: transparent !important;
	background:#ffffff !important;  
	padding:1px !important; 
	margin:1px !important;
	
 }
 
 .azioni{
	float: right;
	width: 48%;
}

 .info-dettagli{
	float: right;
	width: 60%;
}

.info{
	float: left;
	width: 48%;
}

.categoria{
	float:left;
	width:45%;
}

.categoria-sfoglia{
	width: 100%;


}

.categoria-sfoglia h4{
   background-repeat: repeat-x;
	padding-left: 20px;
	background-image: url(img/menubg.gif);
}

.span-leggi{
	background-image: url(img/arrowdx.png);
	background-position:  left;
	background-repeat: no-repeat;
	
}

.img-button{
	width:16px;
	height: 16px;
}

.leggi{
	padding-left: 25px;
}

	 /* Alignment */
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.v-bottom { vertical-align:bottom; }
.a-left { text-align:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }
.left { float:left; }
.right { float:right !important; }

.normal-weight { font-weight:normal; }
.auto-width { width:auto;}


	 /********************** Messages  */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703;}
.loading{color: #003399;}
.success, .error { font-weight:bold; }
.messages { 
  list-style-type: none;
  width:90%; overflow:hidden; }

.loading-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    padding: 4px 4px 4px 4px !important;
    font-size:.90em !important;
    font-weight:bold !important;
	 text-align: left;
	text-transform: capitalize;
    }

.error-msg, .success-msg, .notice-msg, .note-msg, .loading-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
	 text-align: left;
	text-transform: capitalize;
    }
.error-msg li, .success-msg li, .notice-msg li, .loading-msg li { 
  margin-bottom:.2em;
   list-style-type: none;
   }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(success_msg_icon.gif);
    }
	 .loading-msg {
    border-color: #00CCFF;
    color: #00CCFF;
    background-color: #CCFFFF;
    /*background-image:url(success_msg_icon.gif);*/
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(note_msg_icon.gif);
	text-transform: none;
    }
	 
	 
	 .photo {
	/*margin: 30px;*/
	position: relative;
	width: 180px;
	/*height: 130px;*/
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(img/offerta.png) no-repeat;
}
.photo a {
	text-decoration: none;
}

.offer span {
	width: 45px;
	height: 47px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	background: url(img/offerta.png) no-repeat;
}

.info-stock{
	 width: 100%;
	float: left;
	font-size:11px;
}

.info-stock ul{
	width:100%;
}

.info-stock li{
	padding-left:5px;
}

.button{
	background:url(img/button.gif) no-repeat !important;
	color:#555555;
	font-weight:bold !important;
	height:30px !important;
	line-height:29px !important;
	margin-bottom:14px !important;
	text-decoration:none !important ;
	width:191px !important;
	font-size:11px !important;
}

.buttoncart{
	background:url(img/buttoncart.gif) no-repeat !important;
	color:#555555;
	font-weight:bold !important;
	height:30px !important;
	line-height:29px !important;
	margin-bottom:14px !important;
	text-decoration:none !important ;
	width:191px !important;
	font-size:11px !important;
}

.buttonlogin{
	background:url(img/buttonlogin.gif) no-repeat !important;
	color:#555555;
	font-weight:bold !important;
	height:30px !important;
	line-height:29px !important;
	margin-bottom:14px !important;
	text-decoration:none !important ;
	width:191px !important;
	font-size:11px !important;
}


.button hover{
	color:#0066CC !important;
}

a.button{
	background:url(img/button.gif) !important;
	display:block !important;
	color:#555555;
	font-weight:bold !important;
	height:30px !important;
	line-height:29px !important;
	margin-bottom:14px !important;
	text-decoration:none !important ;
	width:191px !important;
	font-size:11px !important;
}

a:hover.button{
	color:#0066CC !important;
}

/* -------------------- */
/* CLASSES	FOR BUTTON _ RED CONSULTING			*/
/* -------------------- */
	.cart-add{
		background:url(img/cart_add.png) no-repeat 10px 8px !important; 
		text-indent:30px !important;
		display:block !important;
	}
	
		.cart{
		background:url(img/cart.png) no-repeat 10px 8px !important; 
		text-indent:30px !important;
		display:block !important;
	}
	
			.email{
		background:url(img/email.png) no-repeat 10px 8px !important; 
		text-indent:30px !important;
		display:block !important;
	}
	
	.cart-delete{
		background:url(img/cart_delete.png) no-repeat 10px 8px !important;
		text-indent:30px !important;
		display:block !important;
	}
	.user{
		background:url(img/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(img/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(img/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(img/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(img/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	
	.print{
		background:url(img/printer.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	
	.info{
		background:url(img/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	
	.pdf {
	background: url(img/pdf.png)  no-repeat 10px 8px !important;
	text-indent:30px !important;
   display:block;
}

	.zip {
	background: url(img/zip.png)  no-repeat 10px 8px !important;
	text-indent:30px !important;
   display:block;
}

	.mail {
	background: url(img/mail.png)  no-repeat 10px 8px !important;
	text-indent:30px !important;
   display:block;
}

	.external {
	background: url(img/arrow.png)  no-repeat 10px 8px !important;
	text-indent:30px !important;
   display:block;
}

	.link {
	background: url(img/pdf.png)  no-repeat 10px 8px !important;
	text-indent:30px !important;
   display:block;
}

	.input-text{
		border:1px solid #b6b6b6 !important; padding:2px; width:20px !important;
	}
	
	.input-text:hover{
		background: #E6FFCC; outline:0;
	}

	.input-text:focus{
		background:#edf7fd; outline:0;
	}
	
	.action-add-cart{
		width: 100%;
	}
	
	#layer-add-cart{
		width:100%;
		text-align: left;
	}
	
	#layer-add-cart ul{
		text-decoration: none;
		list-style: none;
	}
	
		#layer-add-cart li{
		text-decoration: none;
		list-style: none;
}	

#info-aggiuntive {
	float: none;
	width: 80%;
}

.clear2{
	width:100%;
	height:5px;
}

.clear{
	width:100%;
	height:5px;
	clear:both;
}



a.pdf {
	background: url(img/pdf.png) no-repeat;
	padding-left: 16px;
}

a.zip {
	background: url(img/zip.png) no-repeat;
	padding-left: 16px;
}


a.external {
	background: url(img/arrow.png) no-repeat;
	padding-left: 16px;
}


a.mail {
	background: url(img/mail.png) no-repeat;
		text-indent:16px;

}

#catalogs-download{
	width: 100%;
}

#catalogs-download li{
	list-style:none; margin:0 0 6px; 
	padding:0; font-size: 11px; 
height:15px !important; 
line-height:29px !important;
display: block;
}

.infozone{
	width:100%;
	
}


.infozone li{
   display:inline;
    background:url(img/shop_access_pipe.gif) no-repeat 100% .35em;
    padding-right:10px;
    padding-left:3px;
    }
    
    .infozone  li.first{ padding-left:0;}
	 .infozone  li.last{ padding-right:0; background:none;}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("img/feed-icon-14x14.png") no-repeat;
}