/* CSS Document */

* { margin:0; padding:0;}
body { background:#fff url(../images/body-tail.gif) repeat-x 50% top; font-family:helvetica; font-size:13px; line-height:20px; color:#3b3a39;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

.main-width { width:975px; margin:0 auto; text-align:left;}

input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#db1a1a; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header{ padding-bottom:16px;}
#header .logo{ float:left; padding:35px 0 31px;}

#header .cart{ float:right; color:#fff; text-align:left; padding-bottom:17px;}
#header .cart .left-corner{ background:#b90006 url(../images/cart-left-corner.gif) no-repeat left bottom;}
#header .cart .right-corner{ background:url(../images/cart-right-corner.gif) right bottom no-repeat; padding:8px 20px 9px 19px;}
#header .cart .cart-bg{ background:url(../images/cart-bg.gif) no-repeat 0 0; padding:11px 0 9px 42px;}
#header .cart a{ color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:13px;}
#header .cart a:hover{ color:#ee9c9c;}

#header .nav-links{ float:right; color:#898787; text-transform:uppercase; padding:18px 18px 0 0; font-size:11px;}
#header .nav-links a{ color:#898787; text-decoration:none;}
#header .nav-links a:hover{ color:#db1a1a;}
#header .lang{ float:right; padding:3px 12px 0 0;}

#header .row{ border-bottom:solid 5px #d8d8d8; padding-bottom:5px;}
#header .row .wrapper{ background:url(../images/row-tail.gif) bottom repeat-x #fff;}
#header .menu{ float:left;}
#header .menu ul{ padding:0; margin:0;}
#header .menu li{ float:left; font-size:14px; text-transform:uppercase; font-weight:bold; background:url(../images/menu-separator.gif) right top no-repeat;}
#header .menu li a{ color:#898787; text-decoration:none; display:block; cursor:pointer;}
#header .menu li a span{ display:block; padding:20px 19px 22px 19px;}
#header .menu li a:hover{ color:#002265; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#header .menu .li_un a:hover span{ background:url(../images/row-left-corner-act.gif) left top no-repeat;}

#header .row .left-corner{ background:url(../images/row-left-corner.gif) left top no-repeat;}
#header .row .right-corner{ background:url(../images/row-right-corner.gif) right top no-repeat; width:100%; overflow:hidden; height:56px;}

/* ============================= content ===================== */
#content{ background:#fff; border:solid 1px #ebebeb;}
#column-center{ border-left:solid 1px #ebebeb;}
.column-center-padding{ padding:0 15px 0 0;}

.category-icons{ background-image: none; width:100%; overflow:hidden; margin-bottom:23px; border-top:1px solid #f1f1f1; border-bottom-width: 1px; }
.category-icons ul{ padding:0; margin:0;}
.category-icons li{ float:left; width:162px; text-align:center; background:repeat-x 50% bottom; padding:8px 0 0;}
.category-icons li a{ display:block; text-decoration:none; background:no-repeat right top;}
.category-icons li span{ display:block; font-size:14px; color:#898787; font-weight:bold; text-transform:uppercase; padding:11px 0 13px;}
.category-icons .first{ width:164px;}
.category-icons .last{ width:163px;}
.category-icons .first span{ background:url(../images/category-first-corner.gif) left bottom no-repeat;}
.category-icons .last span{ background:url(../images/category-last-corner.gif) right bottom no-repeat;}
.category-icons li a:hover span{ background:#db1a1a; color:#fff;}
.category-icons .first a:hover span{ background:url(../images/category-first-corner-act.gif) left bottom no-repeat #db1a1a;}
.category-icons .last a:hover span{ background:url(../images/category-last-corner-act.gif) right bottom no-repeat #db1a1a;}

.product-col{ padding:17px 0 0 0;}
.vLine .product-col{ padding:17px 0 0;}
.hLine{ background:url(../images/line.gif) left top repeat-x; padding-top:17px !important; padding-bottom:0;}
.vLine{ background:url(../images/line.gif) left top repeat-y; }
.img{ text-align:center;}
.product-info{ border-top:solid 1px #e5e5e5; margin:6px 17px 0 17px; padding:19px 0 21px 0;}
.buttons{ padding:10px 0 0 0;}
.buttons a{ display:inline-block; margin-right:3px;}

.name{ color:#db1a1a; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.name:hover{ color:#3b3a3a;}
.price{ font-size:13px; color:#3b3a3a; font-weight:bold;}
.product-col .price{ padding:20px 0 0;}


/* ============================= footer ====================== */
#footer{ padding:37px 0 52px 0; color:#3b3a3a; font-size:11px; text-transform:uppercase;}
#footer .cards{ float:right;}
#footer .menu{ padding:0 0 6px;}
#footer .menu a{ text-decoration:none; color:#898787;}
#footer .menu a:hover{ color:#db1a1a;}

/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#010101;}

.currencies{ float:right; color:#898787; text-transform:uppercase; font-size:11px; padding:0 11px 0 0;}
.currencies select{ font-size:11px; color:#db1a1a; text-transform:none; width:75px;}

.search{ float:right; padding:13px 12px 0 0;}
.search span{ display:inline-block; border:solid 1px #d8d8d8; padding:3px; background:#fff;}
.search input{ vertical-align:top;}
.search .input1{ border:solid 0px; width:148px; padding:3px;}


/* ============================= footer ====================== */
.kwicks {
/* recommended styles for kwicks ul container */
   list-style: none;
   position: relative;
   margin: 0;
   padding: 0;
   overflow:hidden;
   width:975px;
   height:391px;
}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
   width: 163px;
   height: 391px;
   overflow:hidden;
   /*do not change these */
   display: block;
   overflow: hidden;
   padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
   cursor:pointer;
   position:relative;
}
.kwicks li.active {
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
   margin-right: 0; /*Set to same as spacing option. */
   float: left;
   background:#fff;
}
.kwicks.horizontal li .slider-title{  
	text-transform:uppercase; 
	background:url(../images/slide-title-tail.gif) bottom repeat-x;
	float:left;
	display:block;
	width:41px; 
	height:391px;
}
.kwicks.horizontal li .slider-title a{ 
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display:block;
	position:absolute;
	left:6px;
	bottom:25px;
	width:42px;
	height:30px;
	color:#898787;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	float:left;
}

.kwicks.horizontal li div{ float:left; position:absolute; left:41px;}
.kwicks.horizontal li:hover .slider-title { background:#898787;}
.kwicks.horizontal li:hover .slider-title a{ color:#fff;}


/* FILIPPO */

.carousel { text-align: center; }
.carousel ul { list-style-type: none; padding-left: 0px; padding-right: 0px; width:100%; }
.carousel ul li { padding-left: 0px; padding-right: 0px; border:0px solid red; width:25%; }





* +html .kwicks.horizontal li .slider-title a{ width:366px; height:28px; background:url(../images/slide-title-tail.gif) bottom repeat-x; bottom:0; left:0; padding:13px 0 0 25px;}
* +html .kwicks.horizontal li .slider-title a:hover{  background:#898787;}