/* bellino eh? l'ho fatto da solo, pensa :) - copyright studiono.it */

@font-face {
	font-family: 'Josefin';
	src: url('fonts/josefinsansstd-light-webfont.eot?') format('eot'),
	url('fonts/josefinsansstd-light-webfont.woff') format('woff'),
	url('fonts/josefinsansstd-light-webfont.ttf') format('truetype'),
	url('fonts/josefinsansstd-light-webfont.svg') format('svg');
}
/* general reset */
body {
	margin: 0;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	background: url(images/bg-body.jpg);
}
img {border: none;}
a {
	text-decoration: none;
	color: #000;
}
a:hover {text-decoration: underline;}
input,
textarea,
select{
	font: 100% arial,sans-serif;
	vertical-align: middle;
	color: #666;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* page */
#wrapper {
	width: 100%;
}
.visual {
	margin: 0 auto;
	padding: 0 19px;
	width: 960px;
	background: url(images/bg-wrapper.png) repeat-y;
}
/* header */
#header {
	position: relative;
	z-index: 5;
	background: url(images/bg-header.gif) repeat-x;
	padding: 4px 45px 4px 60px;
	width: 855px;
	height: 32px;
}
#header:after {
	content: "";
	display: block;
	clear: both;
}
/* social */
.social {
	float: left;
	margin: 0;
	padding: 0;
	height: 32px;
	list-style: none;
	width: 230px
}
.social li {
	float: left;
	margin: 0 10px 0 0;
}
.social li a {
	overflow: hidden;
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
.social li.facebook {background: url(images/ico1.png) no-repeat;}
.social li.fr {background: url(images/ico2.png) no-repeat;}
.social li.linkedin {background: url(images/ico3.png) no-repeat;}
.social li.youtube {background: url(images/ico4.png) no-repeat;}
.social li.vimeo {background: url(images/ico5.png) no-repeat;}
.social li:hover {background-position: 0 -32px;}
/* navigation */
.top-nav {
	float: left;
	margin: 0;
	padding: 8px 26px 0 20px;
	list-style: none;
	font: 11px/14px Georgia, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.type2 .top-nav{padding-left:230px;}
.top-nav-items{float:right;}
.type2 .top-nav-items{padding-left:20px;}
.top-nav li {
	float: left;
	margin: 0 15px 0 0;
}
.top-nav li a {
	color: #fff;
	white-space:nowrap;
}
menu-item,
.top-nav li a:hover,
.top-nav li.active a {
	text-decoration: none;
	color: #ffe35d;
}



/* navigation wp joele*/
.top-nav {
	float: left;
	margin: 0;
	padding: 8px 26px 0 20px;
	list-style: none;
	font: 11px/14px Georgia, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.type2 .top-nav{padding-left:230px;}
.top-nav-items{float:right;}
.type2 .top-nav-items{padding-left:20px;}
.top-nav li.page_item {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.top-nav li.page_item {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.top-nav li.page_item a {
	color: #fff;
	white-space:nowrap;
	list-style: none;
}
.top-nav li.page_item a:hover {
	text-decoration: none;
	color: #ffe35d;
	list-style: none;
}
.top-nav li.current_page_item a {
	text-decoration: none;
	color: #ffe35d;
		list-style: none;

}


/* navigation wp 2 joele*/
.top-nav {
	float: left;
	margin: 0;
	padding: 8px 26px 0 20px;
	list-style: none;
	font: 11px/14px Georgia, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.type2 .top-nav{padding-left:230px;}
.top-nav-items{float:right;}
.type2 .top-nav-items{padding-left:20px;}
.top-nav li.menu-item {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.top-nav li.menu-item {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.top-nav li.menu-item a {
	color: #fff;
	white-space:nowrap;
	list-style: none;
}
.top-nav li.menu-item a:hover {
	text-decoration: none;
	color: #ffe35d;
	list-style: none;
}


/* form */
#header form {
	float: right;
	width: 153px;
	padding: 6px 0 0;
}
#header form fieldset {overflow: hidden;}
#header form .submit {
	float: right;
	overflow: hidden;
	margin: 0;
	border-style: none;
	padding: 0;
	width: 21px;
	height: 19px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(images/bg-submit.png) no-repeat;
	cursor: pointer;
}
#header form .area {
	float: right;
	padding: 0 7px;
	width: 118px;
	height: 19px;
	background: url(images/bg-input.png) no-repeat;
}
#header form .area input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 3px 0;
	width: 118px;
	font: italic 11px/14px Georgia, Verdana, Helvetica, sans-serif;
	color: #666;
	background: none;
}
/* logo */
.logo {
	position: absolute;
	z-index: 5;
	top: 63px;
	left: 32px;
	margin: 0;
}
.logo a {
	display: block;
	width: 256px;
	height: 199px;
	background: url(images/bg-logo.png) no-repeat;
}
.logo a span {
	display: block;
	overflow: hidden;
	width: 256px;
	height: 199px;
	text-indent: -9999px;
	cursor: pointer;
}
.type2 .logo {
	top: 0;
	left: 38px;
}
.type2 .logo a {
	width: 244px;
	height: 213px;
	background: url(images/bg-logo2.png) no-repeat;
}
/* slideshow */
.slideshow {
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px;
	width: 960px;
}
.type2 .slideshow {
	padding: 0 0 21px;
}
.slideshow .frame {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 428px;
}


#s3slider { 
   width: 960px; /* important to be same as image width */ 
   height: 428px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   bottom: 0;
   right: 0;
   padding: 20px 20px;
   width: 374px;
   font: 28px/29px 'Josefin', Verdana, Helvetica, sans-serif;
   background-color: #fff1b1;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



#s4slider { 
   width: 960px; /* important to be same as image width */ 
   height: 133px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s4sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s4sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s4sliderImage span {
   position: absolute; /* important */
   bottom: 0;
   right: 0;
   padding: 0px 0px;
   width: 0px;
   font: 28px/29px 'Josefin', Verdana, Helvetica, sans-serif;
   background-color: #fff1b1;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}




.sottospan{
	font: 13px/18px Arial, Verdana, Helvetica, sans-serif;
}

.type2 .slideshow .frame {
	height: 137px;
}
.slideshow .frame ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 9999px;
	list-style: none;
}
.slideshow .frame ul li {
	float: left;
	width: 960px;
}
.slideshow ul li img {display: block;}
.slideshow .switcher {
	position: absolute;
	bottom: -27px;
	left: -10px;
	padding: 8px 9px 0 10px;
	width: 961px;
	height: 39px;
	background: url(images/bg-heading.png) no-repeat;
}
.slideshow .switcher div {
	padding: 0 0 0 56px;
	background: url(images/bg-nav.png) no-repeat 0 6px;
}
.slideshow .switcher ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(images/bg-nav-r.png) no-repeat 100% 5px;
}
.slideshow .switcher li {
	float: left;
	padding: 0 8px 0 10px;
	font: 17px/21px 'Josefin', Verdana, Helvetica, sans-serif;
	background: url(images/divider.gif) no-repeat 0 10px;
}
.slideshow .switcher li:first-child {background: none;}
.slideshow .switcher li a:hover,
.slideshow .switcher li.active a {
	text-decoration: underline;
	}

.slideshow .switcher .tooltip {
	display:none;
	position: absolute;
	bottom: 73px;
	left: 47px;
	background:#fff;
	height:220px;
	padding:5px 5px 5px 5px;
	width:257px;
	color:#000;
	font:12px/16px Georgia, "Times New Roman", Times, serif;

}

.slideshow .switcher .tooltip a{
	font: 17px/21px 'Josefin', Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;

}

.slideshow .switcher .tooltip a:hover{
	font: 17px/21px 'Josefin', Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	   color: #000;

}

.slideshow .switcher .tooltip2 {
	display:none;
	position: absolute;
	bottom: 73px;
	left: 47px;
	background:#fff;
	height:220px;
	padding:5px 5px 5px 5px;
	width:257px;
	color:#000;
		font:12px/16px Georgia, "Times New Roman", Times, serif;

}
.slideshow .switcher .tooltip3 {
	display:none;
	position: absolute;
	bottom: 73px;
	left: 47px;
	background:#fff;
	height:220px;
	padding:5px 5px 5px 5px;
	width:257px;
	color:#000;
		font:12px/16px Georgia, "Times New Roman", Times, serif;

}

/* a .label element inside tooltip */
.slideshow .switcher .tooltip .label {
	color:yellow;
	width:35px;
}

.slideshow .switcher .tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}




/* breadcrumbs */
.breadcrumbs-holder {
	position: absolute;
	bottom: -18px;
	left: -10px;
	padding: 0 0 0 306px;
	width: 674px;
	height: 43px;
	background: url(images/bg-heading.png) no-repeat;
}
.breadcrumbs {
	padding: 0 0 0 29px;
	background: url(images/bg-breadcrumbs.png) no-repeat 0 17px;
		text-transform: uppercase;
}
.breadcrumbs ul {
	overflow: hidden;
	margin: 0;
	padding: 9px 0 0;
	width: 100%;
	list-style: none;
}
.breadcrumbs ul li {
	float: left;
	margin: 0 14px 0 -14px;
	padding: 0 7px 0 14px;
	font: 17px/21px 'Josefin', Verdana, Helvetica, sans-serif;
	background: url(images/bullet-breadcrumbs.png) no-repeat 0 8px;
}
.breadcrumbs ul li a {text-decoration: none;}
.breadcrumbs ul li a:hover {text-decoration: underline;}
/* main */
.main-holder {
	width: 100%;
	background: #fff url(images/bg-main.gif) repeat-x;
}
.main-frame{
	width: 100%;
	background:url(images/bg-main-b.gif) repeat-x 0 100%;
}
#main {
	margin: 0 auto;
	padding: 0 19px;
	width: 960px;
	background: url(images/bg-wrapper.png) repeat-y;
}
.main-t {
	min-height: 700px;
	width: 100%;
	background: url(images/bg-main-bottom.gif) no-repeat 0 100%;
}
.main-b {
	overflow: hidden;
	padding: 56px 45px 50px;
	width: 870px;
	background: url(images/bg-main-t.gif) no-repeat;
}
/* content */
#content {
	float: right;
	width: 590px;
}
/* slider */
.slider-holder {
	margin: 0 0 21px;
	padding: 0 0 24px;
	width: 590px;
	background: url(images/bg-slider-shadow.png) no-repeat 50% 100%;
}
.slider {
	position: relative;
	border: solid #ffe35e;
	border-width: 1px 1px 6px;
	padding: 0 34px;
	width: 520px;
	background: #dadada;
}
.slider .link-prev,
.slider .link-next {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 34px;
	height: 166px;
	text-indent: -9999px;
	background: url(images/bg-slider-links.jpg) no-repeat;
}
.slider .link-next {
	left: auto;
	right: 0;
	background-position: -34px 0;
}
.slider .link-prev:hover {background-position: 0 -166px;}
.slider .link-next:hover {background-position: -34px -166px;}
.slide-show {
	position: relative;
	overflow: hidden;
	padding: 3px 0 5px;
	width: 520px;
	background: #e9e9e9;
}
.slide-show ul {
	overflow: hidden;
	margin: 0;
	padding: 2px 0 0 14px;
	width: 99999px;
	list-style: none;
}
.slide-show li {
	position: relative;
	float: left;
	margin: 0 18px 0 0;
	padding: 5px;
	width: 100px;
	height: 146px;
	line-height: 13px;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	background: #fff;
}
.slide-show li a.close {
	position: absolute;
	top: -2px;
	right: -2px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(images/btn-close.png) no-repeat;
}
.slide-show li img {
	margin: 0 0 3px;
	vertical-align: top;
}
.slide-show li span {
	display: block;
	padding: 0 10px 0 0;
}
/* block list */
.block-list {
	overflow: hidden;
	padding: 0 0 86px;
	width: 590px;
}
.block-list ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 640px;
	list-style: none;
}
.block-list li {
	display: inline-block;
	vertical-align: top;
	padding: 0 50px 41px 0;
	width: 270px;
	line-height: 17px;
	font-size: 13px;
	color: #333;
}
.block-list h2 {
	margin: 0 0 8px;
	line-height: 21px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
.block-list h2 a {text-decoration: none;}
.block-list h2 a:hover {text-decoration: underline;}

.block-list .photo {
	float: left;
	margin: 4px 6px 0 0;
}
.block-list .photo img {
	display: block;
	border-bottom: 6px solid #ffe35d;
}
.block-list .txt {
	display: table;
	height: 1%;
}
.block-list p {margin: 0;}
.block-list .view {
	float: right;
	margin: 23px 0 0;
	font: italic bold 11px/14px Georgia, Times, serif;
	color: #705a38;
}
.block-list .view:hover {
	text-decoration: none;
	color: #900;
}


/* sidebar */
#sidebar {
	float: left;
	width: 230px;
}
/* form */
.newsletter-box {
	margin: 0 0 27px;
	padding: 0 0 17px;
	width: 100%;
	background: url(images/bg-form-newsletter-shadow.png) no-repeat 50% 100%;
}
.form-newsletter {
	border: solid #ffe35d;
	border-width: 1px 1px 6px;
}
.hidden {
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.form-newsletter .heading {
	margin: 0 0 10px;
	padding: 8px;
	font: italic 12px/15px Georgia, Times, serif;
	color: #000;
	background: url(images/bg-form-newsletter-heading.gif);
}
.form-newsletter h3 {
	margin: 0 0 2px;
	font: 17px/21px 'Josefin', Verdana, Helvetica, sans-serif;
}
.form-newsletter p {margin: 0;}
.form-newsletter .area {
	overflow: hidden;
	padding: 0 10px 8px 8px;
	width: 210px;
	background: #e9e9e9;
}
.form-newsletter .text {
	overflow: hidden;
	margin: 0 0 8px 1px;
	padding: 0 8px;
	width: 193px;
	height: 21px;
	background: url(images/bg-form-newsletter-text.gif);
}
.form-newsletter .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 3px 0;
	width: 100%;
	font: italic 11px/14px Georgia, Times, serif;
	color: #333;
	background: none;
}
.form-newsletter .note {
	padding: 0 0 10px 25px;
	line-height: 12px;
	font-size: 9px;
	color: #333;
	background: url(images/icon-note.gif) no-repeat 1px 2px;
}
.form-newsletter .note:hover{
	background: url(images/icon-note-hover.gif) no-repeat 1px 2px;
}
.form-newsletter .note a {text-decoration: underline;}
.form-newsletter .note a:hover {text-decoration: none;}
.form-newsletter .submit {
	float: left;
	overflow: hidden;
	margin: 0;
	border-style: none;
	padding: 0;
	width: 210px;
	height: 31px;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background: url(images/btn-subscribe.gif) no-repeat;
	cursor: pointer;
}
.form-newsletter .submit:hover {
	background-position: 0 -31px;
	color: #900;
}
/* quote */
.quote-area {
	padding: 0 0 0 28px;
	background: url(images/bg-quote-tl.png) no-repeat 0 4px;
}
.quote-area blockquote {
	margin: 0;
	padding: 0 25px 0 0;
	font: italic 18px/27px Georgia, Times, serif;
	color: #997d4c;
	background: url(images/bg-quote-br.png) no-repeat 100% 100%;
}
.quote-area q {quotes: none;}
.quote-area q:before,
.quote-area q:after {content:"";}
.quote-area blockquote a {
	text-decoration: underline;
	color: #997d4c;
}
.quote-area blockquote a:hover {text-decoration: none;}
.footer-holder {
	margin: -10px 0 0;
	width: 100%;
	height: 250px;
	background: url(images/bg-footer-holder.jpg) repeat-x 0 100%;
}
/* menu-area */
.menu-area{
	background:url(images/bg-menu-area.gif) no-repeat 0 100%;
	width:230px;
	padding:0 0 15px;
	margin:-42px 0 12px;
	overflow:hidden;
	position:relative;
}
/* menu */
.jmenu{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	border:solid #ffe35d;
	border-width:6px 0;
	color:#fff;
	font:12px/16px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.jmenu li{
	text-align:center;
	border-top:1px solid #ededed;
	overflow:hidden;
	width:100%;
	vertical-align:top;
}
.jmenu li:first-child{border:none;}
.jmenu a{
	display:block;
	color:#fff;
	padding:15px 0;
	background:url(images/bg-menu.gif) repeat-y;
}
.jmenu a:hover,
.jmenu .active a{
	text-decoration:none;
	color:#ffe35d;
	background-position:-230px 0;
}
/* side-menu */
.side-menu{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	border-bottom:6px solid #999;
	color:#000;
	font:12px/16px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.side-menu li{
	text-align:center;
	overflow:hidden;
	width:100%;
	vertical-align:top;
	background:url(images/sep-side-menu.gif) no-repeat 0 100%;
	padding:0 0 1px;
}
.side-menu a{
	display:block;
	color:#000;
	padding:15px 0;
	background:url(images/bg-side-menu.gif) repeat-y;
}
.side-menu .last-item a{background-position:-230px 0;}
.side-menu a:hover,
.side-menu .active a,
.side-menu .last-item a:hover,
.side-menu .last-item.active a{
	text-decoration:none;
	color:#fff;
	background-position:-460px 0;
}


/* wpsc_categories */
.wpsc_categories{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	border-bottom:6px solid #999;
	color:#000;
	font:12px/16px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.wpsc_categories li{
	text-align:center;
	overflow:hidden;
	width:100%;
	vertical-align:top;
	background:url(images/sep-side-menu.gif) no-repeat 0 100%;
	padding:0 0 1px;
}
.wpsc_categories a{
	display:block;
	color:#000;
	padding:15px 0;
	background:url(images/bg-side-menu.gif) repeat-y;
}
.wpsc_categories .last-item a{background-position:-230px 0;}
.wpsc_categories a:hover,
.wpsc_categories .active a,
.wpsc_categories .wpsc-current-cat,
.wpsc_categories .last-item a:hover,
.wpsc_categories .last-item.active a{
	text-decoration:none;
	color:#fff;
	background-position:-460px 0;
}



.article-block{
	overflow:hidden;
	width:100%;
	margin:-17px 0 0;
	padding:0 0 15px;
	font-size:16px;
	line-height:28px;
}
.article-block h2{
	margin:0 0 8px;
	text-transform:uppercase;
	font:28px/34px Josefin, Arial, Helvetica, sans-serif;
	display: inline;

}
.product-block h3{
	margin:0 0 5px;
	font:italic 20px/22px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

/* product-block */
.product-block{
	overflow:hidden;
	width:100%;
	margin:-17px 0 0;
	padding:0 0 15px;
	font-size:16px;
	line-height:28px;
}
.code-info{
	display:block;
	margin:0 0 1px;
	color:#000;
	font:italic bold 16px/18px Georgia, "Times New Roman", Times, serif;
}
.product-block h2{
	margin:0 0 8px;
	text-transform:uppercase;
	font:28px/34px Josefin, Arial, Helvetica, sans-serif;
}

.product-form{
	overflow:hidden;
	width:100%;
	padding:0 0 23px;
}
.product-form label{
	float:left;
	margin:10px 3px 0 0;
	font:13px/18px Helvetica, Arial, sans-serif;
}
.product-form .textfield{
	float:left;
	background:url(images/bg-textfield.png) no-repeat;
	width:32px;
	height:30px;
	padding:0 3px;
	margin:4px 7px 0 0;
}
.product-form .textfield input{
	float:left;
	border:0;
	background:none;
	margin:0;
	padding:4px 0;
	text-align:center;
	width:32px;
	height:22px;
	color:#000;
	font:18px Helvetica, Arial, sans-serif;
	position:relative;
}
.product-form .note{
	float:left;
	width:230px;
	color:#000;
	font:10px/12px Helvetica, Arial, sans-serif;
}
.product-form .btn-product-form{
	float:left;
	margin:4px 15px 0 0;
	padding:0;
	cursor:pointer;
	border:0;
	background:url(images/btns-product-form.gif) no-repeat 0 -30px;
	width:231px;
	height:30px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.product-form .btn-product-form:hover{background-position:0 0;}
.product-gallery{
	overflow:hidden;
	width:100%;
	position:relative;
	margin:0 0 8px;
}
.product-gallery img{vertical-align:top;}
.product-gallery .main-image{
	float:left;
	background:url(images/bg-main-image.png) no-repeat 50% 100%;
	width:469px;
	padding:0 0 19px;
}
.product-gallery .thumbnails{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	width:110px;
}
.product-gallery .thumbnails li{
	background:url(images/bg-thumbnails.png) no-repeat 50% 100%;
	width:100%;
	vertical-align:top;
	padding:0 0 10px;
}
/* facebook-area */
.facebook-area{
	overflow:hidden;
	width:100%;
	margin:0 0 0px;
}
.facebook-area img{vertical-align:top;}
.product-block h3{
	margin:0 0 5px;
	font:italic 20px/22px Georgia, "Times New Roman", Times, serif;
}
.product-block p{margin:0 0 20px;}
.footer-holder {
	margin: -10px 0 0;
	width: 100%;
	height: 250px;
	background: url(images/bg-footer-holder.jpg) repeat-x 0 100%;
}
/* footer */
#footer {
	margin: 0 auto;
	width: 890px;
	height: 250px;
	line-height: 20px;
	font-size: 13px;
	color: #666;
	background: url(images/bg-footer.png) no-repeat;
}
#footer .box {
	float: left;
	overflow: hidden;
	margin: 0 0 0 13px;
	padding: 25px 18px 0 22px;
	width: 190px;
	height: 225px;
}
#footer .box p {margin: 0;}
#footer .box address {
	display: block;
	margin: 0 0 17px;
	font-style: normal;
}
#footer .box address span {display: block;}
#footer .block {
	position: relative;
	float: right;
	margin: 0 7px 0 0;
	padding: 25px 22px 0 22px;
	width: 546px;
	height: 225px;
}
.bottom-nav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.bottom-nav li {
	float: left;
	margin: 0 11px 0 -11px;
	padding: 0 7px 0 11px;
	text-transform: uppercase;
	background: url(images/sep-bottom-nav.gif) no-repeat 0 50%;
}
.bottom-nav li a:hover,
#footer .bottom-nav li.active a {color: #ccc;}
#footer .block .by {
	position: absolute;
	bottom: 29px;
	left: 22px;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	color: #ccc;
}




.prodtitle {
		float:left; 
	font: 12px Arial, Verdana, Helvetica, sans-serif;
		color: #333;
		line-height: 18px;
			text-transform: uppercase;
	}
.more_details {
		float:left; 
	font: 12px Arial, Verdana, Helvetica, sans-serif;
		color: #333;
		line-height: 18px;
			text-decoration: none;

	}

.more_details a {
		float:left; 
	font: bold;
		color: #333;
		line-height: 18px;
			text-decoration: none;

	}
.more_details a:hover {
		float:left; 
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
		color: #333;
		line-height: 18px;
			text-decoration: underline;

	}

	


/* side-menu */
.side-menuj{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	border-bottom:6px solid #999;
	color:#000;
	font:12px/16px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.side-menuj li{
	text-align:center;
	overflow:hidden;
	width:100%;
	vertical-align:top;
	background:url(images/sep-side-menu.gif) no-repeat 0 100%;
	padding:0 0 1px;
}
.side-menuj a{
	display:block;
	color:#000;
	padding:15px 0;
	background:url(images/bg-side-menu.gif) repeat-y;
}
.side-menuj .last-item a{background-position:-230px 0;}
.side-menuj a:hover,
.side-menuj .current_page_item a,
.side-menuj .last-item a:hover,
.side-menuj .last-item.active a{
	text-decoration:none;
	color:#fff;
	background-position:-460px 0;
}


.wpsc_subcategory{
		text-transform:none;
font:10px/12px Helvetica, Arial, sans-serif;
	}
	
.wpsc_category_details{
	font: italic 16px/17px Georgia, Times, serif;
}