@charset "utf-8";

/************************************************/
/*  List                                        */
/************************************************/

hr.bikelist{
  color:#ccc;
  width:570px;
  margin:25px 15px;
  background:#ccc;
}

div.bikelist{
  position:relative;
  width:570px;
  min-height:200px;
}

div.bikelist h3{
  font-size:1.25em;
  color:#c00;
  margin-right:252px;
}

div.bikelist p.text{
  margin-right:252px;
}

div.bikelist p.photo{
  position:absolute;
  text-align:center;
  width:242px;
  top:15px;
  right:15px;
}

div.bikelist p.photo img.bikephoto{
  display:block;
  width:240px;
  height:180px;
  margin-bottom:5px;
  border:1px solid #ccc;
}

div.bikelist p.photo strong{
  font-size:1.5em;
  color:#f00;
}


p.pagenavi{
  text-align:right;
  color:#777;
  padding:15px;
}


p.next{
  clear:both;
  text-align:center;
  padding:15px;
  margin-top:25px;
}

p.next a{
  text-decoration:none;
  padding:3px 7px;
  border:1px solid #ccc;
  background:#f7f7f7;
}

p.next span.visit{
  font-weight:bold;
  padding:3px 7px;
  border:1px solid #ccc;
  background:#f7f7f7;
}




p#copyright{
  font-size:0.75em;
  color:#777;
  padding:15px;
}

p#copyright a,
p#copyright a:visited{
  color:#555;
}





/************************************************/
/*  Detail                                      */
/************************************************/

div#bikedetail{
  position:relative;
  width:570px;
  padding:15px;
}

div#bikedetail h3{
  font-size:1.25em;
  color:#c00;
  height:50px;
  margin-right:130px;
}

div#bikedetail p.price{
  position:absolute;
  top:10px;
  right:15px;
  line-height:50px;
  text-align:center;
  width:120px;
  height:50px;
  background:url(../used/img/back_price.gif) 50% 0 no-repeat;
}

div#bikedetail p.price strong{
  font-size:1.25em;
  color:#f00;
}

div#bikedetail div.text{
  width:580px;
  padding-top:10px;
  margin:0 -10px 0 0;
}

div#bikedetail div.text p{
  float:left;
  width:258px;
  padding:10px;
  margin-right:10px;
  background:#f7f7f7;
  border:1px solid #ccc;
}

div#bikedetail ul{
  clear:both;
  list-style:none;
  width:576px;
  padding:0;
  margin:0 -6px 0 0;
}

div#bikedetail ul:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0px;
}

div#bikedetail ul li{
  float:left;
  width:186px;
  margin:15px 6px 0 0;
}

div#bikedetail ul li img{
  width:186px;
  height:140px;
}




#lightbox{
  color:#333;
  background-color:#fff;
  padding:10px;
}

#lightboxDetails{
  font-size:0.8em;
  padding-top:0.4em;
}

#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px; right:5px;}

#lightbox img{border:none; clear:both;}
#overlay img{border:none;}

#overlay{background-image:url(../img/overlay.png);}