/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
}
 
::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}
 
::-webkit-scrollbar-track-piece {
    background-color: #eee;
    -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
}
html {
  overflow: auto;
  background:#fff;
}
body {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
 
@media only screen and (max-device-width:1024px) {
  body {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    overflow: auto;
  }
}
*/
header, footer, section, article, hgroup { display:block;}
body, td, input, textarea, select, option {
  font: 14px/20px "BenguiatStd-Book", Georgia, Times New Roman, serif;
	color: #111;
	text-rendering: optimizeLegibility;
/*  text-shadow: rgba(255,255,255,0.7) 0 1px 0;*/
}

a { color: #0BCC00; text-decoration:none;}
a:hover { color: #f00; text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6				{ position: relative; color: #444; font-family: NeoRetro, Georgia, Times, sans-serif; font-weight:normal;}
h1, h2								{ line-height: 30px;}
h1, h2, h3, h4						{ margin-top: 20px; }
h3, h4, h5, h6						{ line-height: 20px; }
h1									{ font-size: 36px;}
h2									{ font-size: 28px;}
h3									{ font-size: 22px;}
h4									{ font-size: 18px; }
h5									{ font-size: 16px; }
h6									{ font-size: 14px; }
h2 { font-size: 20px; font-weight: normal;}
h3 { font-size: 18px; font-weight: normal;}

small { font-size: 11px; line-height: 100%;}
dt { float:left; font-weight:bold; font-size: 11px; width:30%; clear: left;}
dd { margin-left:30%;}
dt,dd,.gallery li { border-top: 1px solid #e0e0e0; margin-top: -1px !important; padding:2px 0;}
dl dt:first-child, dl dt:first-child + dd, .gallery li:first-child { border-top: 0; margin-top: 0 !important;}
dl {font-size: 12px; line-height: 14px;}

.gallery li { position:relative;}
.gallery li span { position:absolute; right:0; font-size:11px; color: #808080;}

p,ul,ol { margin: 20px 0;}

.wrap { width: 800px; margin: 0 auto; }
.c { clear: both; }

img { -ms-interpolation-mode: bicubic; }

html, body { background:#f0f0f0; }
body { border-top:30px solid #fff}
#wrap { position: relative; background:#f9f9f9 url(/stylesheets/images/bg_wc_stripes2.png) top repeat-x;; padding-bottom:40px; }

footer {
  color: #808080;
  text-shadow:rgba(255,255,255,0.75) 0 1px 0;
  overflow:hidden;
  font-size: 12px;
}
footer .wrap { overflow:hidden; padding: 40px 0;}
footer a { color: #010E20;}
footer a:hover { color: #000066;}

#header {
  height:150px;
  margin-left:-130px;
  padding-left:150px;
  background:url(/stylesheets/images/bg_header.png) no-repeat;
}
h1 { 
  width: 180px;
  height: 150px;
  float: left;
  overflow: hidden;
  top: -20px;
  left: 0px;
}
h1 a {
  display: block;
  background: url(/stylesheets/images/cicli-berlinetta-emblem.png) no-repeat;
  height: 150px;
  width: 180px;
  text-indent: -1000px;
}

#back-top { 
  display:block;
  width:100px; 
  height:115px;
  background:url(/stylesheets/images/ciclinetta-logo-bottom.png) no-repeat;
  overflow: hidden;
  text-indent: -1000px;
  float:left;
  margin: 0 40px;
}
#back-top:hover { background-position: 0 -116px;}

#content { 
/*  padding-bottom: 100px; */
  overflow: hidden; 
  margin-top: 0px; 
}
#content-left {
  width: 270px;
  float: left;
  padding-bottom: 5000px;
  margin-bottom: -5000px;
/*  background: url(/images/ciclib_bg.png);*/
/*  border-right: 1px solid #999;*/
/*  width: 269px;*/
}
#content-right {
  width: 530px;
  float: left;
  padding-bottom: 5000px;
  margin-bottom: -5000px;
}
.content-wrap {
  padding: 10px 20px;
}
#content-right .content-wrap {
  padding: 0;
  margin-bottom:10px;
}
    

/*h1 a:hover { background-position: -133px 0; }*/

address { padding: 20px 0 0 210px; font-size: 12px; color: #330033; }
#navigation {
  margin-top:-30px;
  padding-left: 200px; /* space to the left */
/*  background: #6699cc;*/
/*  border-color: #fff;
  border-style: solid;
  border-width: 2px 0; /* first: top/buttom, second: left/right */

}
#navigation ul {
  width: 100%;  /* containing floats: http://complexspiral.com/publications/containing-floats/ */
  float: left;  /* doesn't have to be cleared */
/*  background: #6699cc;*/
  margin:0;
}
#navigation li {
  display: block;
  float: left;
  border-left: 0px solid #fff;
}
#navigation li.first { border-left: 0px solid #fff;}
#navigation li a {
  display: block;
  padding: 5px 12px;
  text-decoration: none;
  font-weight: normal;
  font-size:16px;
  color: #0BCC00;
}
/* active link state */
#navigation li.active a, 
#navigation li a:hover {
  background: #0BCC00;
  color: #fff;
}



.salesitem, /* old */
.salesitems li /* new */
 {
  float: left;
  width: 186px;
  margin: 10px 6px;
  position: relative;
  font-size: 10px;
  height:178px;
/*  overflow:hidden;*/
  color: #808080;
}
.salesitems {
  overflow:hidden;
}

.salesitems br { display:none;}


.salesitem span,
.salesitems li b /* new */ {
  font-size: 11px;
  float:right;
  color: #333;
}
.salesitems a {
  display:block;
  border:1px solid #b0b0b0;
  padding:2px;
  background:#fff;
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  margin-bottom:4px;
  z-index:10;
  position:relative;
  -webkit-transition: all 0.12s ease-out;
     -moz-transition: all 0.12s ease-out;
       -o-transition: all 0.12s ease-out;
          transition: all 0.12s ease-out;
}
.salesitems a:hover {
  border-color:#808080;
  -webkit-box-shadow: rgba(0,0,0,0.8) 0 3px 6px;
   -moz-box-shadow: rgba(0,0,0,0.8) 0 3px 6px;
   box-shadow: rgba(0,0,0,0.8) 0 3px 6px;
   z-index: 100;
   border:0;
   padding:3px;
   -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
           transform: scale(1.1);

}
.salesitem img,
.salesitems li img /* new */ {
  display: block;
}
.salesprice {
  position: absolute;
  right: 0;
  text-align: right;
  font-weight: bold;
}


#thethumbs { margin-top: 2px; width: 535px; overflow: hidden; }
#thethumbs a { float: left; margin-right: 2px; margin-bottom: 2px;} 
/*#thethumbs a img { width: 131px !important;}*/



.price {
	float: right;
	background: url(/stylesheets/images/price_bg.png) center no-repeat;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 80px;
}

.sold {
  background: url(images/sold.png) no-repeat; 
  margin-top: 0;
  width:89px;
  height:81px;
  overflow:hidden;
  text-indent:-1000px;
}

.sweet {
  margin-top: 0;
  background: url(images/sweet.png) no-repeat;
  width:88px;
  height:88px;
}




#intro { font-size: 18px; line-height:28px; color: #aaa; text-align:right; text-align:center; margin: 40px 6% 0;}
#intro a { color: #808080; }
#intro a:hover { color:#0BCC00;}



/* Horizontal */
.ui-carousel-horizontal .ui-carousel-container {
  overflow:hidden;
}

.ui-carousel-horizontal .ui-carousel-container ul {
  width: 10000000px;
  margin:0;
  padding:0;
}


/* Vertical */
.ui-carousel-vertical .ui-carousel-container {
  overflow:hidden;
}

.ui-carousel-vertical .ui-carousel-container ul {
  height: 10000000px;
  margin:0;
  padding:0;
}

/* Paginator */
.ui-carousel-horizontal .ui-carousel-paginate ul li {
  text-indent: -10000px;
  cursor:pointer;
}





/* extras */

.ui-carousel-horizontal .ui-carousel-container {
  width: 800px;
  height: 500px;
  overflow: hidden;
}

.ui-carousel-horizontal .ui-carousel-container ul {
  height: 500px;
}

.ui-carousel-horizontal .ui-carousel-container ul li {
  float:left;
  width:800px;
  height:500px;
  list-style:none;
  padding:0;
  margin:0;
  position:relative;
}

.ui-carousel-horizontal .ui-carousel-prev ,  .ui-carousel-horizontal .ui-carousel-next  {
  cursor: pointer;
}

.ui-carousel-horizontal .ui-carousel-paginate  {
  text-align: center;
  margin:20px 0;
  width:100%;
  position:relative;
  float:none;
  overflow:hidden;
}

.ui-carousel-horizontal .ui-carousel-paginate ul {
  display: inline-block;
  width:auto;
  margin: 0 auto;
  padding: 0;
  height: 20px;
}

.ui-carousel-prev, .ui-carousel-next, .ui-carousel-horizontal .ui-carousel-paginate li {
/*  display: inline;
  float:left;
*/}

.ui-carousel-horizontal .ui-carousel-paginate  .ui-state-hover { 
/*  border: none; 
  background-color: #FFF;
  background-image: url(images/ui-icons_228ef1_256x240.png); 
  font-weight: bold; */
}

.ui-carousel-horizontal .ui-carousel-paginate ul li.ui-state-active { 
/*  border: none; 
  background-color: #FFF;
  background-image: url(images/ui-icons_ffd27a_256x240.png); */
}

.ui-carousel-paginate .ui-icon-bullet {
  background-image:url(images/icon_slides.gif) !important;
  width:10px;
  height:10px;
  float:left;
  display:inline;
  font-size:0;
  line-height:1px;
  margin: 5px 3px 0 3px;
}

.ui-carousel-paginate .ui-state-active {
  background-position: 0 -10px  !important;
}

.ui-carousel-prev,
.ui-carousel-next {
  position:absolute;
  top:0;
  width:22px;
  height:22px;
}
.ui-carousel-prev {
  left:0;
  background-image: url(images/icon_leftarrow.gif) !important;
}

.ui-carousel-next {
  right:0;
  background-image: url(images/icon_rightarrow.gif) !important;
}

.ui-carousel-next.ui-state-hover, .ui-carousel-prev.ui-state-hover  {
  background-position: 0 -22px  !important;
}


.block { overflow:hidden; width:100%;}
.block header h2 { font-size:30px; color:#444;}
.block header, .block .description { float:left; width:380px; text-shadow:#fff 0 1px 0; padding:0 10px;}


.small-thumbs { margin-top:10px }
.small-thumbs a { display:block; float:left; opacity:0.4; margin-right:15px; -webkit-transition: opacity 0.2s; }
.small-thumbs a:last-child { margin-right: 0;}
.small-thumbs a:hover { opacity: 1;}
.small-thumbs a img {  display:block; width:90px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#thethumbs { overflow:hidden; margin:10px 0; width:540px;}
#thethumbs a { display:block; float:left; opacity:0.6; margin:5px 10px 5px 0; -webkit-transition: opacity 0.2s; }
#thethumbs a:last-child { margin-right: 0;}
#thethumbs a:hover {  opacity: 1; }
#thethumbs a img { width:80px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
#content-left h2 { margin-top:10px;}
#content-right { color:#808080;}
#content-right img { display:block;}
#content-right img:first-child { 
  -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
}
#thebigpicture { 
  -webkit-border-top-left-radius:0 !important;-webkit-border-top-right-radius:0 !important;}
  
#mcknz { position:fixed; right:50px; bottom:0; width:auto; padding: 5px; background: #ccc; font-size:9px; font-family:Verdana; line-height:12px; text-align:center; -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
#mcknz a { display:block; font-size:14px; font-family:Georgia;}