/* CSS Document */

/* slidemenu */
* {margin:0; padding:0}
.sm {list-style:none; width:559px; height:200px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden;}
ul.sm {margin:auto; padding:inherit;}
.sm li a {
	margin:0px;
	padding:0px;	
	}
/* fine slidemenu */

body {
	margin:0px;
	padding:0px;
	background-color:#f0f0f2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#252F47;
	line-height:17px;
}

div.header {
	margin:0 auto;
	text-align:center;
	height:77px;
	background-color: #ffffff;
}
div.header-wrapper {
	width: 986px;
	height: 77px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: right;
}
div.header-wrapper img {
	float:left;
}
div.header-wrapper form {
	padding:33px 14px 0px 0px;
}
div.header-wrapper input#search {
	height:14px;
	width:200px;
	padding:1px 7px 1px 7px;
	font-size:10px;
	border:1px #CCCCCC solid;
	color:#999999;
}
div.header-wrapper form input#submit {
	vertical-align:bottom;
	margin-bottom:2px;
}
div.main {
	text-align:center;
	width:100%;
	background-image:url(immagini/header_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
div.main-wrapper {
	margin:0 auto;
	background-color: transparent;
	background-image: url(immagini/body_inner_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 960px;
	min-height:405px;
	padding-top: 11px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	text-align: left;
}
div.main-wrapper div.home {
	background-image:url(immagini/bg-home.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 100%;
	min-height:480px;
	text-align:center;
}
div.main-wrapper div.home div.inner {
	background-image:url(immagini/sfondosemitrasp.png);
	width:95%;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
}
div.main-wrapper div.home div.inner p {
	font-size:110%;
	border-bottom:1px solid;
	padding-bottom:10px;
	margin:0px 12px 12px 12px;
	color:#676767;
	font-weight:400;
}
div.main-inner-wrap {
	background-image:url(immagini/body_repeat.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color: transparent;
	width: 986px;
	margin:0 auto;
}
div.bottom-main {	
	margin:0 auto;
	background-color:#f0f0f2;
	background-image:url(immagini/body_bottom_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 960px;
	padding-top: 11px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}
div.footer {
	margin:0 auto;
	text-align:center;
	font-size:80%;
	color:#888B9C;
}

a:link{
	text-decoration:none;
	color:#0E5FD8;
}
a:visited{
	text-decoration:none;
	color:#0E5FD8;
}
a:active{
	text-decoration:none;
	color:#0E5FD8;
}
a:hover{
	text-decoration:underline;
	color:#0E5FD8;
}
ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
p ul li {
	padding:0px 15px 0px 15px;
	background-image: url(/immagini/listitem.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.menu_container ul li {
	padding:5px 45px 5px 15px;
/*	background-image: url(/immagini/listitem.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom:1px solid #E0E0E8;*/
	font-size:90%;
}
* html ul li {
	background-position: 0 .1em;	/* IE Exception */
}
hr{
	height:1px;
	border:0px;
	color:#E0E0E8; /* IE fix */
	background:#E0E0E8;
	width:80%;
	margin:0 auto;
	text-align:center;
}
h1 {
	text-align:left;
	font-size:230%; /* 28pt / 250%   */
	padding:6px 9px 5px 9px;
	font-weight:normal;
	color:#005AFF; /* #B9BBC7 */
	margin:0px;
	line-height:normal;
}

h2{ 
	font-size:150%;	/* 17px */
	font-weight:normal;
	margin:5px 0px 7px 0px;
	color:#000066;
	line-height:normal;
}
h3{
	font-size:135%;	/* 15px */
	margin:5px 0px 7px 0px;
	color:#91C7FF;
	line-height:normal;
}
h4{	/* Not defined, only at component level */
}
h5{
	margin:0px;
	font-size:110%;
}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active{
	color:#252F47;
}
.menu_middle a:link, .menu_middle a:visited, .menu_middle a:hover, .menu_middle a:active, .menu_middle_on a:link, .menu_middle_on a:visited, .menu_middle_on a:hover, .menu_middle_on a:active{
	color:#ffffff;
}
.menu_container div {
	border-left:1px solid #e0e0e8;
	border-right:1px solid #e0e0e8;
	width:178px;
}

.menu_container div.imagetop {
	background-color: transparent;
	background-image:url(immagini/bg_sub_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	border:0px none;
	height: 11px;
	width:180px;
}
.menu_container div.imagebottom {
	background-color: transparent;
	background-image:url(immagini/bg_sub_bottom.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	border:0px none;
	height: 41px;
	width:180px;
}
.menu_container div#text div {
	width:150px;
	border:0px none;
}
div.categories {
	width:150px;
}
div.categories a {
	font-size:10px;
}
td {
	vertical-align:top;
}
div.menu_top {
	background-image:url(immagini/nav_top_mb.gif);
	width:180px;
	height:3px;
}
div.menu_btm {
	background-image:url(immagini/nav_bottom_mb.gif);
	width:180px;
	height:3px;
	margin-bottom:5px;
}
div.menu_middle {
	color:#FFFFFF;
	background-color:#4890ff;
	width:165px;
	padding-left:15px;
}
div.menu_top_on {
	background-image:url(immagini/nav_top.gif);
	width:180px;
	height:3px;
}
div.menu_btm_on  {
	background-image:url(immagini/nav_bottom.gif);
	width:180px;
	height:3px;
	margin-bottom:5px;
}
div.menu_middle_on {
	color:#FFFFFF;
	background-color:#005aff;
	width:165px;
	padding-left:15px;
}
div.box_250 {
	background-image:url(immagini/bg_gradiente_250.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:558px;
	min-height:250px;
	border-left:#E0E0E8 1px solid;
	border-right:#E0E0E8 1px solid;
}
div.wrapper_250 div.top {
	background-image:url(immagini/bg_560px_top.gif);
	height:2px;
	width:560px;
}
div.wrapper_250 div.bottom {
	background-image:url(immagini/bg_560px_bottom.gif);
	height:2px;
	width:560px;
}
div.breadcrumbs {
	text-align:left;
	font-size:90%;
}
td#content li {
	list-style-position:inside;
	background-image: url(/immagini/listitem.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 10px;
}

div.breadcrumbs a, div.breadcrumbs {
	font-size:10px;
}
fieldset {
	border:0px none;
}
/****************************************************************************************************************************/
/********************************** PRODUCT LISTING *************************************************************************/
/****************************************************************************************************************************/
div.products_listing{text-align:left;margin:10px;}
div.products_listing_pagination{text-align:left;}
table.products_listing {font-size:10px;width:100%;}
table.products_listing a{font-size:12px;text-decoration:none;}
table.products_listing th a{white-space:nowrap;font-size:12px;font-weight:bold; vertical-align:middle;}
table.products_listing tr{margin:0px;padding:0px;}
table.products_listing td{
	border-bottom:1px solid #d7d7d7;
	vertical-align:middle;
}
table.products_listing img{
	margin:10px auto;
}
/****************************************************************************************************************************/
/********************************** NEWS LISTING ****************************************************************************/
/****************************************************************************************************************************/
div.news {margin:10px auto 50px auto;border-bottom:1px solid #afafaf;vertical-align:top;}
span.news0{font-size:14px;font-weight:bold;margin-right:10px;}
span.news1 {margin:0 30px;vertical-align:middle;}
span.news1 a{text-decoration:none;}
span.news2 {vertical-align:middle;}

ul.newsmenu {
	vertical-align:top;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height:2.0;
	border-bottom:1px solid #afafaf;
}
ul.newsmenu li {
	margin:5px;
	padding:0;
	list-style:none;
}

ul.newsmenu li a {font-size:12px;padding:0;margin:0;}

div.sx_news_img img {
	width:100px;
	height:auto;
}
div.sx_news_img {
	padding-bottom:5px;
}
/****************************************************************************************************************************/
/********************************** FORMS  **********************************************************************************/
/****************************************************************************************************************************/

form ol {
	margin:0 0 0 5px;
	padding: 1em 1em 0 0;
	list-style: none;
}
form li {
	width:100%;
	padding-bottom: 1px;
	padding-left:0;
	margin-left:0;
	font-size:11px;	
	vertical-align:top;
}
form li a {
	padding:5px;
	margin:5px;
	color:#000000;
}
form li label {
	float:left;
	margin-right: 10px;
	text-align: right;
	width: 11em;
	vertical-align:top;
	white-space:nowrap;
}
form li input, form li textarea, form li select
{
	background-color:#ebebeb;
	vertical-align:top;
	width:60%;
}
form li input.iImage{width:auto;}

/****************************************************************************************************************************/
/********************************** PRODUCT INFO ****************************************************************************/
/****************************************************************************************************************************/
table#varianti td, table#varianti th {
	text-align:center;
	font-size:80%;
}
table#varianti {
	padding-bottom:40px;
	width:100%;
}
table#images td {
	text-align:center;
	font-size:80%;
	width:50%;
}
table#images {
	width:100%;
}
td, th {
	vertical-align:top;
}
td#descrizione table {
	border:#CCCCCC 1px solid;
	padding:1px;
	margin:1px;
}
div.products_listing img {
	width:100px;
	height:80px;
	border:1px #e4e4e4 solid;
	padding:4px;
	margin:4px;
}
img.product_img {
	border:0px;
	float:right;
	width:200px;
	height:auto;
}
/****************************************************************************************************************************/
/********************************** CATEGORIES ****************************************************************************/
/****************************************************************************************************************************/
img.category_img {
	float:right;
	height:300px;
	width:auto;
}

/****************************************************************************************************************************/
/********************************** HOVER BOX *******************************************************************************/
/****************************************************************************************************************************/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 80px;
}

div.hoverbox
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	border-color: #e4e4e4;
	width: 300px;
	height: 200px;
}

/****************************************************************************************************************************/
/********************************** DROP MENU *******************************************************************************/
/****************************************************************************************************************************/

.dropmenu
{
	width: 99%;
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:800;
	font-size:13px;
	margin-left:18px;
}

.dropmenu:after
{
	/*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.dropmenu ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	text-align:left;
}

.dropmenu ul li
{
	margin:0;
	padding:0;
	width:154px;
	display:inline;
	float:left;
}

.dropmenu ul li a
{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px;
	line-height:2.0;
	border:1px #FFFFFF solid;
}

.dropmenu ul li a:hover
{
	color:#1c1c1c;
	background-color:#FFFFFF;
}

.dropmenu ul li a[rel]:after
{
	/*content: " v";*/
	/*content: " " url(downimage.gif); */
}

.dropmenudiv
{
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
	/*background:#FFFFFF;*/
	border:1px #FFFFFF solid;
	width:143px;
	position:absolute;
	top: 0;
	z-index:100;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);/*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a
{
	width: auto;
	display: block;
	padding: 2px 0px;
	text-indent:8px;
	text-decoration: none;
	color: #FFFFFF;
	font-size:85%;
}

.dropmenudiv a:hover
{
	color:#0000CC;
	background-color:#CCCCCC;
}

* html .dropmenudiv a
{
	width: 100%; /*IE only hack*/
}
/************************************** form di contatto *************************/
legend {
	color:#0E5FD8;
	font-size:14px;
	font-weight:600;
	margin-top:10px;
	padding-top:10px;
	width:740px;
}

table.testobase {
	font-size:80%;
}
div.contactform div.imagetop {
	background-color: transparent;
	background-image:url(immagini/bg_sub_top_730.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	border:0px none;
	height: 11px;
	width:730px;
}
div.contactform div.imagebottom {
	background-color: transparent;
	background-image:url(immagini/border_box_bottom_730.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	border:0px none;
	height: 41px;
	width:730px;
}
div.contactform div {
	border-left:1px solid #e0e0e8;
	border-right:1px solid #e0e0e8;
	width:730px;
}
div.contactform div.text {
	width:728px;
}