html, body { padding: 0px; margin: 0px; width: 100%; height: 100%; background: #2f3841; font-family: Century Gothic; }

a { color: #bc2246; }
a:hover { color: #bc2246; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; font-size: 1px; }
.clear-right { clear: right; height: 0px; margin: 0px; padding: 0px; font-size: 1px; }
.white { color: #fff; }
.link { text-decoration: none; }
.link:hover { text-decoration: underline; }

#wrapper { width: 970px; margin: 0px auto; }
#header { width: 970px; height: 118px; background: url('images/header.png'); position: relative; z-index: 15; }
#header ul { margin: 0px; padding: 0px; list-style-type: none; position: relative; top: 78px; left: 222px; width: 700px; overflow: hidden; }
#header ul li { margin: 0px; padding: 0px 8px 0px 4px; height: 33px; float: left; overflow: hidden; }
#header ul li:hover, #header ul li.active { background: #2f3841; }
#header ul li a { font: bold 13px Arial; color: #d73724; text-decoration: none; padding-top: 8px; padding-left: 5px; margin: 0px; height: 25px; display: inline-block; }
#header ul li:hover a, #header ul li.active a { background: #2f3841; color: #fff; text-decoration: none; }
#header ul li .nyil { width: 13px; height: 13px; background: url('images/nyil_off.jpg') no-repeat; display: inline-block; position: relative; top: 2px; }
#header ul li:hover .nyil, #header ul li.active .nyil { background: url('images/nyil_on.jpg') no-repeat; }
#content { position: relative; margin-top: -30px; z-index: 5; background: url('images/content.png') repeat-y; }
#content #sidebar { width: 194px; padding-top: 36px; margin-left: 21px; float: left; }
#content #main { position: relative; width: 700px; margin-left: 222px; margin-right: 48px; }
#content #main .header { width: 702px; height: 110px; position: relative; z-index: 10; }
#footer { position: relative; width: 970px; height: 255px; margin-top: -25px; z-index: 15; background: url('images/footer.png'); font: bold 14px Arial; color: #fff; }
#footer a, #footer a:hover { font: bold 14px Arial; color: #fff; text-decoration: none; }
#footer .block1 { position: absolute; width: 210px; top: 65px; left: 65px; line-height: 24px; }
#footer .block2 { position: absolute; width: 320px; top: 68px; left: 295px; line-height: 24px; }
#footer .block3 { position: absolute; width: 290px; top: 65px; left: 640px; line-height: 24px; }
#slideshow { position: relative; width: 700px; height: 467px; margin-top: 3px; z-index: 5; }
.slideshowlite { position: relative; overflow: hidden; }
.slideshowlite a { position: absolute; z-index: 1; width: 100%; height: 100%; text-align: center; }
.slideshowlite img { border: none; }
.slideshowlite ul,.slideshowlite ol { list-style: none; position: absolute; margin: 0; padding: 6px 0px 6px 25px; bottom: 0px; left: 0px; width: 100%; height: 12px; background: #c0c0c0; z-index: 1; }
.slideshowlite ul li, .slideshowlite ol li { float: left; margin: 0 3px; width: 12px; height: 12px; background: #ed1c24; }
.slideshowlite ul li a { position: relative; display: block; width: 12px; height: 12px; padding: 0px; margin: 0px; text-decoration: none; color: #666; background: #fff; font-size: 0px; }
.slideshowlite ul li a.current { background: #ed1c24; }
.slideshowlite ul li a:hover { background: #ed1c24; }
.slideshowlite ul li a div { width: 6px; height: 6px; background: #ed1c24; position: relative; top: 3px; left: 3px; }
.slideshowlite ul li a.current div { width: 6px; height: 6px; background: #fff; position: relative; top: 3px; left: 3px; }
.slideshowlite ul li a:hover div { width: 6px; height: 6px; background: #fff; position: relative; top: 3px; left: 3px; }
.slideshowlite ol { top: 5px; position: relative; overflow: hidden; width: 100%; font-size: 14px; color: #fff; background: #000; padding: 3px 10px; }
.slideshowlite ol li { width: 100%; }

.sidebar1 { width: 194px; height: 132px; margin-bottom: 10px; background: url('images/sidebar1_off.png'); position: relative; cursor: pointer; }
.sidebar2 { width: 194px; height: 132px; margin-bottom: 10px; background: url('images/sidebar2_off.png'); position: relative; cursor: pointer; }
.sidebar3 { width: 194px; height: 132px; margin-bottom: 10px; background: url('images/sidebar3_off.png'); position: relative; cursor: pointer; }

#frontpage { padding-top: 40px; }
#frontpage .post { padding: 0px 20px 20px 20px; font: 14px Arial; color: #2f3841; }
#frontpage .post h2 { font: bold 20px Arial; color: #d73724; }
#frontpage .post h2,.post h2 a { font: bold 20px Arial; color: #d73724; text-decoration: none; }
#frontpage .separator { margin: 0px 20px 20px 20px; }
#frontpage .cfi { float: right; border: none; }
#frontpage .navigation { margin: 0px 20px 20px 20px; font: 14px Arial; color: #d73724; }
#frontpage .navigation a { font: 14px Arial; color: #d73724; text-decoration: none; }
#frontpage .navigation .alignleft { float: left; }
#frontpage .navigation .alignright { float: right; }
#postpage .post { padding: 30px 20px 20px 20px; font: 14px Arial; color: #2f3841; }
#postpage .post h2 { font: bold 20px Arial; color: #d73724; }
#postpage .post h2,.post h2 a { font: bold 20px Arial; color: #d73724; text-decoration: none; }
#postpage .navigation { margin: 0px 20px 20px 20px; font: 14px Arial; color: #d73724; }
#postpage .navigation a { font: 14px Arial; color: #d73724; text-decoration: none; }
#postpage .navigation .alignleft { float: left; }
#postpage .navigation .alignright { float: right; }
#errorpage { padding: 50px 20px 20px 20px; font: 14px Arial; color: #2f3841; }
.prev { width: 13px; height: 13px; background: url('images/prev.jpg') no-repeat; display: inline-block; position: relative; top: 2px; }
.next { width: 13px; height: 13px; background: url('images/next.jpg') no-repeat; display: inline-block; position: relative; top: 2px; }
#sidebar ul { list-style-type: none; padding: 0px; margin: 0px 0px 40px 14px; }
.widget { font: 12px Century Gothic; color: #fff; }
.widget a { font: 12px Century Gothic; color: #fff; }

.product { width: 315px; height: 124px; margin-bottom: 10px; }
.product.left { float: left; margin-left: 15px; }
.product.right { float: right; margin-right: 15px; }
.product img { float: left; border: solid 3px #c0c0c0; width: 120px; height: 120px; margin-right: 2px; }
.product .box { float: left; width: 185px; height: 124px; background: url('images/product_bg.jpg'); position: relative; }
.product .box .name { position: absolute; top: 10px; left: 25px; }
.product .box .name a { font: bold 12px Arial; color: #d73724; text-decoration: none; }
.product .box .desc { position: absolute; top: 27px; left: 25px; font: bold 12px Arial; color: #2f3841; }
.product .box .price { position: absolute; bottom: 15px; left: 25px; font: bold 12px Arial; color: #2f3841; }
.product .photo { position: absolute; right: 10px; top: 65px; width: 22px; height: 22px; background: url('images/product_photo.jpg'); }
.product .info { position: absolute; right: 10px; top: 90px; width: 22px; height: 22px; background: url('images/product_info.jpg'); }

#footer input[type="text"] { width: 220px; height: 18px; padding: 2px 3px 2px 3px; background: url('images/footer_input.jpg') no-repeat; border: none; font: bold 14px Arial; color: #ed1c24; margin-bottom: 2px; }
#footer input[type="submit"] {  }
.sendit { margin-top: 28px; }
.sendit h2 { font: bold 14px Arial; color: #fff; }
.sendit #newsletter { position: relative; width: 220px; border: none; margin-bottom: 2px; }
.sendit input[type="text"] { width: 220px; height: 18px; padding: 2px 3px 2px 3px; background: url('images/footer_input.jpg'); border: none; font: bold 14px Arial; color: #ed1c24;  }
.sendit input[type="button"] { position: relative; left: 95px; top: 3px; width: 130px; height: 21px; margin: 0px; background: url('images/footer_btn.jpg'); cursor: pointer; border: none; font: bold 14px Arial; color: #ed1c24; }
.sendit #dati { font: bold 14px Arial; color: #fff; margin-left: 3px; }


.line { width: 316px; height: 18px; padding: 3px 7px 0px 7px; margin-bottom: 5px; background: url('images/product_line.jpg'); font: 12px Arial; color: #000; }
.line.red { color: #d73724; font-weight: bold; }
.line span.left { float: left; }
.line span.right { float: right; }

/* Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 10px 10px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 10px 10px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }
/* End Images */

.pikachoose{width:310px;margin:0 auto 0px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:315px;height:75px;margin:0px auto;overflow:hidden;}
.pikachoose ul li{float: left;border:3px solid #c0c0c0;margin:0px 7px 0px 0px;position:relative;overflow:hidden;}
.pikachoose ul li:hover{border:3px solid #d73724;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:306px;display:block;position:relative;margin-bottom:8px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px; }
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:3px solid #c0c0c0;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:300px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;}

#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;
}