/* Vitradirect Homepage stylesheet
------------------------------------------------------------------*/

/* @group nav shop */

#come-farlo,
#perche-sceglierci,
#il-successo-dei-clienti {
	width:944px;
	display:block;
	margin:0;
	clear:both;
	}
#come-farlo {
	background:url(img/bg-come-farlo.gif) no-repeat;
	}
#perche-sceglierci {
	background:url(img/bg-perche-sceglierci.gif) no-repeat;
	}
#il-successo-dei-clienti {
	background:url(img/bg-il-successo-dei-clienti.gif) no-repeat;
	}
ul.shop-nav	{
	padding:30px 0 0 0;
	margin-left:101px;
	}
ul.shop-nav li {
	width:250px;
	float:left;
	margin:0 34px 45px 0;
	}
ul.shop-nav li span {
	display:block;
	padding-left:10px;
	}
ul.shop-nav li img {
	margin-bottom:10px;
	}
ul.shop-nav li.last {
	margin-right:0;
	}
ul.shop-nav li a {
	display:block;
	padding:0 0 15px 0;
	background:#fff;
	}
ul.shop-nav li a,
ul.shop-nav li a:link,
ul.shop-nav li a:visited {
	text-decoration:none;
	color:#34363e;
	}
ul.shop-nav li a:hover,
ul.shop-nav li a:focus {
	background-color:#e22f2d;
	color:#fff;
	}

/* @end */

/* @group shop by tabs */

#shop {
	position:relative;
	}
#shop h2 {
	color:#0364d0;
	width:160px;
	float:left;
	margin:23px 0 0 0;
	}
#shopby {
	background:url(img/bg-shopby.gif) repeat-x left bottom;
	height:56px;
	margin:0 25px;
	}
ul.tabNavigation {
	display:block;
	float:left;
	height:45px;
	padding-top:10px;
	}
ul.tabNavigation li {
	float:left;
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
ul.tabNavigation li a {
	display:block;
	padding:0 12px 8px 12px;
	line-height:45px;
	margin-right:15px;
	}
ul.tabNavigation li a:link,
ul.tabNavigation li a:visited {
	text-decoration:none;
	color:#807f77;
	}
ul.tabNavigation li a:hover,
ul.tabNavigation li a:focus {
	text-decoration:none;
	color:#e22f2d;
	}
ul.tabNavigation li a.selected {
	text-decoration:none;
	background:url(img/cat-arrow.gif) no-repeat center bottom;
	color:#fff;
	}
ul.tabNavigation li a.selected:link,
ul.tabNavigation li a.selected:visited {
	color:#fff;
	}

/* @end */

/* @group blog */

#blog {
	width:872px;
	margin:24px 0 0 24px;
	background:transparent url(img/bg-spot-home.png) no-repeat;
	padding:24px 24px 0 0;
	position:relative;
	}
#blog h2 {
	color:#fff;
	position:absolute;
	left:617px;
	top:20px;
	margin:0;
	}
#blog h3 {
	margin-top:30px;
	line-height:110%;
	margin-bottom:.75em;
	color:#bec0c7;
	}
#blog p {
	color:#aaacb0;
	}
#blog h3 a:link,
#blog h3 a:visited {
	text-decoration:none;
	color:#bec0c7;
	}
#blog h3 a:hover,
#blog h3 a:focus {
	color:#fff;
	}
.nav-thumbs {
	width:172px;
	position:relative;
	top:-24px;
	float:left;
	}
.nav-thumbs img {
	margin-bottom:19px;
	}
.excerpt {
	width:700px;
	float:left;
	}
.cart .excerpt {
	width:408px;
	float:left;
	}
.excerpt img {
	margin:0 0 19px 20px;
	}
.blurb {
	float:right;
	width:252px;
	display:block;
	}
.cart #blog {
	width:588px;
	float:left;
	display:inline;
	}
.cart #blog h2 {
	left:177px;
	top:23px;
	z-index:10;
	background-color:#34363e;
	width:410px;
	color:#fff;
	position:absolute;
	margin:0;
	}
.cart #blog h3 {
	position:absolute;
	margin:0;
	}
.cart .blurb {
	float:none;
	position:absolute;
	bottom:23px;
	left:179px;
	height:2.5em;
	width:388px;
	background-color:#34363e;
	padding:10px;
	opacity:.85;
	}

/* @end */

/* @group blog heading */

#post2, #post3 {
	display:none;
	}
#post1-button {
	opacity: 1;
	}
#post2-button, #post3-button {
	opacity:0.5;
	}
#post1-button a,
#post2-button a,
#post3-button a {
	border:none;
	outline:none;
	}

/* @end */

/* @group shop intro */

#shop-intro {
	padding:7px 24px 0 24px;
	background:url(img/009.png) no-repeat 886px 20px;
	}
#directdel {
	width:587px;
	margin-right:32px;
	float:left;
	}
	#directdel span{
	display:block;
	}

#scrollable {
	width:925px;
	padding:24px 0 4px 19px;
	background-color:#d3e1f1;
	position:relative;
	}
#scrollable a {
	width:99px;
	display:block;
	float:left;
	margin-right:22px;
	line-height:110%;
	text-align:center;
	}
.items {
	height:140px;
	float:left;
	width:830px !important;
	font-size:11px;
}
.items a {
	display:block;
	float:left;
	width:99px;
	height:140px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
.items a.active {
	cursor:default;
}
#scrollable img {
	margin-bottom:10px;
	}
#scrollable a.prev, #scrollable a.next {
	display:block;
	width:34px;
	height:34px;
	float:left;
	cursor:pointer;
	}
#scrollable a.prev {
	background:url(img/bttn-prev-sand.gif) no-repeat;
	margin:24px 0 0 0;
	}
#scrollable a.next {
	background:url(img/bttn-next-sand.gif) no-repeat;
	margin:24px 0 0 15px;
	}
/*.navi {
	position:relative;
	top:-10px;
	left:305px;
	margin-left:-50px;
	width:70px;
	height:8px;
	}
.navi span {
	width:8px;
	height:8px;
	float:left;
	display:block;
	margin:3px;
	background:url(img/dots.png) 0 0 no-repeat;
	cursor:pointer;
	}
.navi span:hover {
	background-position:0 -8px;
	}
.navi span.active {
	background-position:0 -16px;
	}
#directdel span {
	display:block;
	}*/
#directdel a:link,
#directdel a:visited {
	color:#807f77;
	text-decoration:none;
	}
#directdel a:hover,
#directdel a:focus {
	color:#e22f2d;
	}
#directdel a:hover span,
#directdel a:focus span {
	text-decoration:underline;
	}
#howtoshop {
	width:276px;
	float:left;
	}
#howtoshop ol li {
	color:#34363e;
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:8px 0 21px 40px
	}
#howtoshop ol li em {
	display:block;
	color:#dd0024;
	font-style:normal;
	font-size:90%;
	}
#howtoshop ol li.one {
	background:url(img/1.gif) no-repeat;
	padding:0 0 15px 40px;
	}
#howtoshop ol li.two {
	background:url(img/2.gif) no-repeat;
	}
#howtoshop ol li.three {
	background:url(img/3.gif) no-repeat;
	}
#howtoshop ol li.four {
	background:url(img/4.gif) no-repeat;
	}
#howtoshop ol li.five {
	background:url(img/5.gif) no-repeat;
	}
#howtoshop ol li.six {
	background:url(img/6.gif) no-repeat;
	}
#howtoshop ol li.seven {
	background:url(img/7.gif) no-repeat;
	}

/* @end */

/* @group shop gift */

#gift {
	position:absolute;
	top:10px;
	right:18px;
	/*width:310px;*/
	width:auto;
	height:25px;
	padding:20px 0 0 42px;
	background:url(img/icon-gift.gif) no-repeat left top;
	text-align:right;
	}
#gift:hover {
	background:url(img/icon-gift.gif) no-repeat left bottom;
	}
#gift li {
	display:inline;
	margin-right:11px;
	font:bold 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
#gift li a:link, #gift li a:visited {
	color:#adac9c;
	text-decoration:none;
	}
#gift li a:hover, #gift li a:focus {
	color:#e22f2d;
	text-decoration:none;
	}

/* @end */



/* @group shopping cart */

#shop-cart {
	display:block;
	width:196px;
	height:319px;
	margin:24px 0 0 676px;
	padding:10px 0 0 46px;
	background:url(img/bg-shopping-cart.gif) no-repeat;
	position:relative;
	}
.cart #shop-cart {
	margin:24px 0 0 40px;
	float:left;
	}
#shop-cart.empty {
	background:url(img/bg-shopping-cart-empty.gif) no-repeat;
	}
#shop-cart h3 {
	color:#fff;
	font-size:20px;
	margin-bottom:25px;
	}
#shop-cart p {
	color:#fff;
	margin:0 0 1em 0px;
	width:180px;
	}
#shop-cart li a {
	display:block;
	height:38px;
	width:180px;
	padding-top:3px;
	}
#shop-cart li {
	font:normal .94em Helvetica,Arial,Geneva,sans-serif;
	margin-bottom:10px;
	}
#shop-cart img {
	float:left;
	margin:0 15px 4px 0;
	}
#shop-cart li a:link,
#shop-cart li a:visited {
	color:#a3a6b0;
	text-decoration:none;
	}
#shop-cart li a:hover {
	background-color:#46474d;
	color:#fff;
	}
.bttn-dark a {
	display:block;
	height:25px;
	line-height:25px;
	width:112px;
	padding:0 0 0 10px;
	margin:25px 0 0 50px;
	background:url(img/bttn-items-left.gif) no-repeat;
	}
.bttn-dark span {
	display:block;
	height:25px;
	padding:0 10px 0 0;
	background:url(img/bttn-items-right.gif) no-repeat right top;
	}
.bttn-dark a:link,
.bttn-dark a:visited {
	text-decoration:none;
	color:#fff;
	}
.bttn-checkout a {
	display:block;
	height:25px;
	line-height:25px;
	width:94px;
	text-indent:-9999px;
	position:absolute;
	bottom:25px;
	right:25px;
	background:url(img/bttn-check-out.png) no-repeat;
	}

/* @end */

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:696px;
		height:241px;
		overflow:hidden;
		}
	span#prevBtn{}
	span#nextBtn{}

/* // Easy Slider */

#blog h3.bottoni{
	padding:37px 0;
	text-align:center;
	width:100%;
	background:#4d4d4d;
	margin:0 0 7px;
	color:#eee;
}

#blog a{
	text-decoration:none;
}

#blog h3.yellow{
	color:#fc0;
}

p.affiliazione,
h4.affiliazione,
video.affiliazione{
	margin:0 30px 18px 101px;
	padding:30px 0 0;
	padding:0;
	float:left;
}

h4.affiliazione{
	margin:15px 30px 15px 101px;
	padding:0;
	font-size:18px;
	width:100%;
}

img#fb-fan{
	margin:3% 7% 0;
	width:auto;
}

div.facebook-fan{
	background:transparent url(img/bg-fb.png) no-repeat center bottom;
	left:-5%;
	padding:0 0 100px;
	position:absolute;
	width:110%;
}

.menu-dx a{
	text-decoration:none;
	color:#1d5984;
}

.menu-dx{
	float:right;
	width:20%;
	background:#f2f2f2;
	padding:14px;
	margin:10px 0;
}

.menu-dx h3{
}

.menu-dx ul{
	margin:5px 0;
	border:1px dotted #6b9ab3;
	border-width:1px 0 0;
	padding:7px 0 0;
}

.menu-dx ul li ul{
	border:none;
	padding:0;
}

.menu-dx ul li ul li{
	list-style: square;
}

.menu-dx ul li{
	list-style: circle;
	margin:0 0 4px 15px;
	border:1px dashed #ccc;
	border-width:0 0 1px;
}

.menu-dx ul li.last{
	border:none;
	margin:0 0 10px 15px;
}

.menu-dx ul li:hover {
	color:#222;
	font-weight:bolder;
}

#map{
	border:2px solid #ccc;
}

#box-ricerca{
	margin:10px 0;
}

#box-ricerca div.item-ricerca{
	float:left;
	margin:5px 0 10px;
	border:1px dotted #aaa;
	border-width:0 0 3px;
	padding:0 0 10px;
}

#box-ricerca div.item-ricerca div.item-sx{
	float:left;
	width:20%;
}

#box-ricerca div.item-ricerca div.item-sx img{
	width:125px;
}

#box-ricerca div.item-ricerca div.item-dx{
	float:left;
	width:80%;
}

iframe.FB_SERVER_IFRAME{
	float:left;
	margin:15px 0 0;
}

html#facebook div.fan_box div.connections{
	height:120px;
}

div.facebook-fan div#fb-cont{
	border:1px solid #94A3C4;
	border-width:0 0 1px;
	height:215px;
	margin:0 0 43px 68px;
	float:left;
	width:900px;
}

div.fb_content_loader{
	float:left;
	text-align:center;
	width:900px;
}