/* Stylesheet for Piazza Della Sole */

/*******************RESET CSS*****************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent; line-height: normal; }
ul {list-style: none;}
ol  { list-style: decimal; }
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif;}
legend {display: none;}
/****************END RESET********************/

/************ GLOBALS ************************/

.clear { clear: both; }
button { border: 0; background-color: #fff; border: 1px solid #999; }
button span {  }
.blue { color: #6699cc; }
.purple { color: #993399; }
.orange { color: #ff6633; }

/************ END GLOBALS ********************/

/************ STRUCTURE **********************/

body { text-align: center; }
#container { width: 943px; margin: 20px auto 0; text-align: left; }
#header { border: 1px solid #000; width: 941px; margin-top: 3px; height: 21px; padding: 0; }
#body { border: 1px solid #000; width: 901px; margin: -1px 0 0; padding: 20px; }
#body #main { float: left; width: 535px; border-right: 1px solid #000; padding: 0 40px 0 10px; }
#body #sidebar { float: right; width: 284px; padding-right: 6px; }
#footer { border: 1px solid #000; width: 941px; margin: -1px 0 30px; background: #fff url(../images/footer.png) scroll 0 0; height: 20px; text-indent: -999em; }

/************ END STRUCTURE ******************/

/************ CONTENT ************************/

/* header */
h1#logo a { background: #fff url(../images/h_logo.png) scroll 0 0; height: 58px; width: 630px; text-indent: -999em; display: block; }
#header ul.links { float: left; width: 100%; }
#header ul.links li { float: left; }
#header ul.links li a { background-image: url(../images/bg_links.gif); height: 21px; text-indent: -999em; display: block; }
#header ul.links li a.home { background-position: -40px 0px; width: 46px; margin-left: 40px; }
#header ul.links li a.about { background-position: -147px 0px; width: 77px; margin-left: 61px; }
#header ul.links li a.designers { background-position: -281px 0px; width: 161px; margin-left: 57px; }
#header ul.links li a.signature { background-position: -507px 0px; width: 153px; margin-left: 65px; }
#header ul.links li a.contact { background-position: -723px 0px; width: 183px; margin-left: 63px; }

/* body */
* body */
#main #topBox { background: #fff url('../images/SemiAnnual.jpg') no-repeat 0 0; 
width: 400px; height: 300px; padding: 20px 10px 0; margin-left:-10px; }
#topBox h2 { color: #ff6633; font: normal 24px/24px Arial; text-transform: uppercase; float: right; }
#topBox a.deep { color: #6699cc; font: normal 13px/13px Arial; text-decoration: none; float: right; clear: right; margin: 5px 0; }
#topBox a.deep:hover { text-decoration: underline; }
#topBox ul.items { float: right; clear: right; margin-top: 10px; }
#topBox ul.items li { display: block; clear: both; margin-bottom: 10px; }
#topBox ul.items li img { float: right; }
#topBox ul.items li a.text { font: normal 11px/11px Arial; width: 100px; padding-right: 15px; color: #000; text-decoration: none; float: right; }
#topBox ul.items li a.text:hover { text-decoration: underline; }
#body h3 { font: bold 14px/16px Arial; text-transform: uppercase; display: block; border-bottom: 1px solid #999; margin-top: 20px; }
#body h3.blue { color: #6699cc; }
#body h3.purple { color: #993399; }
#body h3.orange { color: #ff6633; }
#main ul.topics li h3 { padding-bottom: 1px; margin-top: 0px; }
#main ul.topics ul { margin: 2px 0 0; }
#main ul.topics ul li { list-style-type: none; font: normal 11px/16px Arial; padding: 0; }
#main ul.three { margin-top: 20px; }
#main ul.three li { width: 160px; padding: 0 18px 0 0; float: left; }
#main ul.three li.text { font: bold 12px/12px Arial; }
#main ul.three li.belts{ line-height: 54px; }
#main ul.three li.zac { line-height: 129px; }
#body p { font: normal 11px/16px Arial; width: 100%; margin-top: 5px; }

/* sidebar */
#sidebar #newsletter-submit { margin-top: 5px; }
#sidebar #newsletter-submit input { width: 178px; border: 1px solid #999; }
#sidebar ul#store-slideshow { height: 241px !important; }
#sidebar img.slideshow { margin-top: 5px; }
#sidebar .when-wheres img { float: right; }

/* designers page */
.designers #body #main { float: right; border: none; padding-right: 6px; width: 603px; border-left: 1px solid #000;  }
.designers #body #sidebar { float: left; text-align: right; padding-right: 16px; width: 263px; margin-top: 61px; }
.designers h2 { font: normal 24px/28px Arial; text-transform: uppercase; float: left; width: 100%; display: block; border-bottom: 1px solid #000; margin-left: -10px; padding: 0 0 5px 15px; }
.designers #body .category-box { padding: 5px 0 0 5px; }
.designers #body a { font: normal 15px/17px Arial; color: #000; text-transform: uppercase; text-decoration: none; }
.designers #body a.slide-previous { padding-right: 17px; border-right: 1px solid #000; }
.designers #body a.slide-next { padding-left: 17px; }
.designers #body a:hover { text-decoration: underline; }
.designers #body .slide-controls { padding-left: 10px; }
.slideshow-box { position: relative; width: 618px; height: 160px; margin: 0 0 50px -15px; overflow: hidden; }
.slideshow-box .slide-control-bar { background: #ccc none scroll 0 0; width: 100%; height: 28px; padding-top: 4px; position: absolute; top: 65px; left: 0; z-index: 10; }
.designers #body .slide-control-bar a { padding: 0; margin: 0 8px; border: 0; text-indent: -999em; width: 26px; height: 23px; }
.designers #body .slide-control-bar a:hover { opacity: 0.7; }
.slide-control-bar a.slide-previous { float: left; background: transparent url(../images/previous.png) no-repeat scroll 0 0; }
.slide-control-bar a.slide-next { float: right; background: transparent url(../images/next.png) no-repeat scroll 0 0; }
.slideshow-box .images { display: block; overflow: hidden; z-index: 30; position: relative; left: 41px; width: 540px; }
.slideshow-box ul { position: relative; margin: 0; padding: 0; width: 999999px; left: 0; }
.slideshow-box li { width: 134px; text-align: center; line-height: 160px; float: left; display: block; }
.slideshow-box li img { vertical-align: middle; }
.designers #sidebar .info-box { height: 235px; }
.designers #sidebar .info-box h3 { font: normal 18px/20px Arial; border-bottom: 1px solid #000; text-transform: uppercase; margin: 0; }
.designers #sidebar .info-box p { font: normal 14px/18px Arial; color: #000; }
#jewels .slide-next, #jewels .slide-previous { display: ; }

/************ END CONTENT ********************/