/*
    Stylesheet for Vivai Chiostri
    (http://www.vivaichiostri.com)
    
    Copyright 2009 Francesco Camarlinghi
    (http://francescocamarlinghi.com)
*/
/* Global */
*{margin:0;padding:0}
html,body{height:100%;background:#fffdf2}

p, ol, ul {margin:0 0 1.4285em 0}
ol li {list-style-type:decimal;list-style-position:outside}
img {vertical-align:middle}
blockquote {margin:5px 40px;padding:0}
small {font-size:0.85em}
strong{font-weight:bold}
sup {position:relative;bottom:0.3em;vertical-align:baseline}
sub {position:relative;bottom:-0.2em;vertical-align:baseline}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed}
em {font-style:italic}
ol {list-style-type:decimal;list-style-position:outside;padding-left:20px}

.float-left {float:left}
.float-right {float:right}
.clearer {clear:both}
.hidden {visibility:hidden;display:none}
.text-right {text-align:right}
.text-left {text-align:left}
.text-center {text-align:center}
.text-justify {text-align:justify}
.smallcaps {font-variant:small-caps}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {border-bottom:1px solid}
.highlight {background:#ffc}

/* Sprites */
.back-sprite {background:url(images/back-sprite.jpg) 0 0 no-repeat;display:block;overflow:hidden}
.flags-sprite {background:url(images/flags-sprite.png) 0 0 no-repeat;display:block;overflow:hidden}

/* Contents of the element gets substituted by an image*/
.replace-text {color:#000;text-indent:-9999em}

/* Inline list */
ul.inline li {list-style-type:none;display:block;float:left}
ul.inline li a {display:block}

/* Headers & Typography */
body {font:0.875em/1.7857em "Helvetica Neue", Arial, Helvetica, sans-serif;letter-spacing:-0.010em;color:#554F47}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, Times, "Times New Roman", serif;font-weight:normal}

h1 {color:#000;font-size:2.1421em;line-height:1.1666em;text-shadow:rgba(0,0,0,0.2) 1px 1px 1px;letter-spacing:-0.05em;margin:0 0 0.5em 0}
h1.page-title {margin:0 0 20px 0}
h2 {font-size:1.4285em;letter-spacing:-0.05em;margin:0 0 0.875em 0;color:#000}
ul#topmenu {font-size:1.3571em;letter-spacing:-0.025em;font-variant:small-caps}

.header, .footer {color:#fff}

ul#topmenu, .home-slideshow .slides-nav ul li {font-size:1.3571em;letter-spacing:-0.05em;font-family:Georgia, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif}

/* Links */
a {color:#ff5500;text-decoration:none}
a:active, a:hover {color:#e75a13;text-decoration:underline}
a:visited {color:#f94e03}

.header a {color:#fff}
.header a:active, .header a:hover {color:#fff}

.title-bar a {color:#333}
.title-bar a:active, .title-bar a:hover {color:#000;text-decoration:underline}

.footer a {color:#dbd656}
.footer a:active, .footer a:hover {color:#e9e465}

/* Layout */
.wrapper {width:100%;min-height:100%;height:auto !important;height:100%;margin:0 auto -100px;min-width:900px;background-position:center 0;}
.content, .title-bar h1, .home-slideshow .slides-nav ul {margin:0 auto;width:900px;position:relative;clear:both}

.header, .center, .footer {margin:0;padding:0;width:100%}

.header {height:220px;border-bottom:1px solid #1a1917;}
.header .content {background-position:-545px -710px;overflow:visible}

.center {background: transparent url(images/center-back.jpg) top left repeat-x;min-height:600px}
.center .content {padding-top:40px;padding-bottom:40px}
.center .content .right-column {width:580px;padding-left:20px;padding-right:20px}
.center .content .left-column {width:240px;padding-left:20px;padding-right:20px;position:absolute;right:0;top:40px}

.footer {background-position:center -710px;background-color:#363224}
.footer .content {padding-top:20px}
.footer, .push {height:100px}

a.logo {background-position:-580px -20px;position:absolute;top:20px;left:35px;width:240px;height:180px}

/* Forms */
textarea, input {padding:5px;font-size:1em;font:1.1428em/1em Georgia, Times, "Times New Roman", serif}
input {height:20px;line-height:20px}
label {display:block;margin:0 0 0.7182em 0}
label, button {font:1.4285em/1em Georgia, Times, "Times New Roman", serif;letter-spacing:-0.05em}
button {
    background-color:#fdedb2;
    padding:10px 10px;
    color:#ff5500;
    text-decoration: none;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
    border:0;
	border-bottom: 1px solid #ede5aa;
	position: relative;
	cursor: pointer;
	line-height:20px;
	height:40px;
	width:100px
}
button:hover, button:active, button:focus {background:#faee98;color:#ff5500;border:0;border-bottom: 1px solid #ede5aa}
button:active {top:1px}
label.error {font-size:1em;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;letter-spacing:-0.010em}
label.error,
.field-validation-error {display:block;color:#f94e03;margin-top:0.7182em}


#contactform input {width:350px;margin-right:0.7182em}
#contactform textarea {width:570px !important;width:580px}
#contactform button {background-position:-100px -550px}

/* Title Bar */
.title-bar h1 {background-position:-545px -220px;padding-left:40px;line-height:80px}
.title-bar {background-position:0 -220px;height:80px;border-bottom:1px solid #b9b357}

/* Top menu */
ul#topmenu {position:absolute;top:90px;right:0}
ul#topmenu li {width:130px;margin-right:10px;text-align:center}
ul#topmenu li.last {margin-right:5px}
ul#topmenu li a {height:50px;line-height:50px}
ul#topmenu li a:hover, ul#topmenu li a.selected {background:rgba(38,37,30,0.5)/*#26251e*/;text-decoration:none;
                                                 -moz-border-radius:2px;-webkit-border-radius:2px;
	                                             -moz-box-shadow:0 0 35px rgba(108,99,68,0.3);-webkit-box-shadow:0 0 35px rgba(108,99,68,0.3);}

/* Bottom menu */
p.copyright {padding:0 8px;margin:0 0 0.5em 0}
ul.bottom-list {margin-bottom:0.7142em}
ul.bottom-list li {padding:0 8px;height:15px;line-height:15px;border-right:1px solid #fff}
ul.bottom-list li.last {border-right:0}
ul.bottom-list li a {text-align:center}


/* Language selection */
div.language-selection {position:absolute;top:0;right:0;width:60px;height:40px;line-height:40px;background:#26251e;text-align:center;border:1px solid #2f2e23;border-top:0;
                         -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
                         -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}

div.language-selection a {height:20px;width:30px;margin:10px 15px}
div.language-selection a.en {background-position:0 0}
div.language-selection a.it {background-position:-30px 0}
                         
/* Home */
.home-slideshow {background-position:center -220px;height:390px}
.home-slideshow ul:after {content:".";clear:both;display:block;height:0;visibility:hidden}
.home-slideshow p {color:#000}

.home-slideshow .slides {}
.home-slideshow .slides .content {overflow:hidden;height:310px;width:900px;
                                  padding-bottom:0;background-position:-545px -220px;padding-top:20px}
.home-slideshow .slides .content ul {width:2700px}
.home-slideshow .slides .content ul li {width:900px;float:left}
.home-slideshow .slides .content ul li div.text-content {width:520px;padding-top:20px}
.home-slideshow .slides .content ul li img.image-content {width:360px;display:block}

.home-slideshow .slides-nav {height:59px;border-bottom:1px solid #ede5aa}
.home-slideshow .slides-nav ul li {width:300px;float:left}
.home-slideshow .slides-nav ul li a {display:block;width:280px;height:40px;line-height:40px;text-align:center;padding:10px;}
.home-slideshow .slides-nav ul li a:hover {background:rgba(250,246,185,0.35)/*#faee98*/;color:#ff5500}
.home-slideshow .slides-nav ul li a:active {background:rgba(250,246,185,0.35)/*#faee98*/;text-decoration:none;color:#ff5500}
.home-slideshow .slides-nav ul li a.selected:hover, .home-slideshow .slides-nav ul li a.selected:active {color:#000;text-decoration:none}
.home-slideshow .slides-nav ul li a.selected {background:url(images/back-sprite.jpg) 0 0 no-repeat;background-position:-10px -630px;position:relative;top:-10px;
                                             border-top:0;height:50px;line-height:55px;color:#000}

/* Category list */
ul.category-list {margin:0 0 0 30px}
ul.category-list li {width:260px;margin:0 30px 40px 0px}
ul.category-list li h2 {margin:0;background-position:-545px -510px;height:40px}
ul.category-list li h2 a {height:40px;line-height:40px;padding-left:10px;color:#000;width:250px}
ul.category-list li div.image {background:#f9f0b1;border-top:1px solid #ede5aa;border-bottom:1px solid #ede5aa;padding:10px;height:240px}
ul.category-list li div.description {border-top:5px solid #b9b357;background:#fffdf2;padding:10px}

/* Product list */
ul.product-list {}
ul.product-list li {margin-bottom:2.8571em;position:relative;height:500px;width:auto}
ul.product-list li h2 {background-position:-545px -510px;height:40px;line-height:40px;margin:0;padding-left:10px;border-bottom:1px solid #b9b357}
ul.product-list li div.image {width:220px;height:460px;position:absolute;top:50px;left:10px;background:url(images/photo-back.png) top left no-repeat}
ul.product-list li div.image a {margin:0 auto;display:block;margin:5px}
ul.product-list li div.image img {background:#fffdf2}
ul.product-list li div.image .slides {}
ul.product-list li div.image .slides li {background:url(images/photo-back.png) top left no-repeat;height:auto}
ul.product-list li div.image .slides-nav {position:absolute;top:420px;right:0;z-index:50}
ul.product-list li div.image .slides-nav li a {width:20px;height:20px;margin-right:10px;border:1px solid #ede5aa;background:#f9f0b1;text-align:center;line-height:20px}
ul.product-list li div.image .slides-nav li a.selected {background:#ede5aa}
ul.product-list li div.description {margin:10px 10px 10px 240px;}
ul.product-list li div.size {background:#f9f0b1;color:#333;border-top:1px solid #ede5aa;padding:10px 10px 1.4285em 240px}
ul.product-list li div.size p {margin-bottom:0.5em}
ul.product-list li div.size ul {margin-bottom:0}
ul.product-list li div.size li {min-height:1px;font-size:0.85em;border:0;height:auto;margin:auto;position:static;list-style-type:disc;list-style-position:inside}

/* Sidebar */
.left-column {font-size:1.2142em}
.left-column li, .left-column p {letter-spacing:-0.04em}
.left-column li {list-style-type:disc;list-style-position:inside;margin:0 0 0.7142em 0}

div.header-photos {background:url(images/subpage-photos.jpg) 0 0 no-repeat;width:340px;height:140px;position:absolute;top:-141px;right:10px}

/* jQuery lightBox plugin */#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; zoom:1; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}