/*  Title:     TD08 Bikes CSS          
    Creator:   cf                          
    Date:      080516                      
    Content:                               
               - Columns
               - Boxen auf Startseite
               - Suchresultate                                                  
*/

/* COLUMNS -------------------------------------------------------- */
#c1 {
  width:380px;
  float:left;
}
#c2 {
  width:200px;
  float:left;
  margin-left:20px;
  overflow:hidden;
}

/* BOXES ---------------------------------------------------------- */
#bikeSearch {
	width:370px;
	
}
#bikeSearch td.label {
	width:80px;
}
#bikeCategories h3 {
	color:#333;
  margin-top:4px;
  margin-left:5px;
}
#bikeCategories td {
	width:127px;
}
#bikeCategories br.spacer {
  line-height:17px;
}


/* NEWEST BIKES -------------------------------------------------- */
.bikesList div.item {
  float:left; 
  width:110px;
  height:106px;
  margin: 5px 0px 5px 5px; 
  border:1px solid #fff;
  text-align:center;
  overflow:hidden;
}
.bikesList div.item:hover{
  border:1px solid #666;
  background-color:#f0f2f0;
}
.bikesList div.item p {
  font-size:10px;
  text-align:center;
}
.bikesList div.item p.brand {
  margin-top:4px;
  font-weight:bold;
  color:#333;
}
.bikesList div.item p.comments {
  margin-top:3px;
  font-size:9px;
  color:#333;
}
.bikesList div.item a {
  display:block;
  width:100px;
  height:70px;
  overflow:hidden; 
  margin:4px auto 0 auto;
  text-align:center;
}


/* TOP BIKES -------------------------------------------------- */
#topBikes div.item {
  display:block;
  width:98px;
  height:80px;
  overflow:hidden;
  border:1px solid #FFF;  
  float:left; 
}
#topBikes div.item:hover {
  border:1px dashed #000;
}

#topBikesList .item p.bike{
  font-size:14px;
  font-weight:bold;
  margin:10px 0 0 10px;
}
#topBikesList .item p.user {
  margin:0 0 0 10px;
}
#topBikesList .item img {
  width:380px;
  margin:10px 0;
}

/* BIKE DETAIL VIEW ------------------------------------------ */
#bikeHeader{
 height:70px; 
 margin-bottom:10px; 
 position:relative;
}
#bikeFacts {
 width:410px; 
 float:left;
 padding-top:10px;
}
#bikeFacts a.userPic {
 float:left; 
 margin:3px 10px 10px 0; 
}
#bikeFacts p {
 margin-bottom:5px; 
}
#bikeFacts p b {
 font-weight:normal; 
}
#bikeFacts p a {
 font-size:11px;
 font-weight:bold;
 text-decoration:underline;
}

#bikeFavouriteAction {
 position:absolute;
 top:20px;
 right:200px;
 float:left;
 width:131px;
 height:30px;
 border:1px solid lightgrey;
}

#bikeNav {
 position:absolute; 
 top:-20px;
 right:15px; 
 background:url(../../../media/img/design/gallery_nav_bg2.gif) no-repeat;   
 float:left;
 width:162px; 
 height:98px;   
}
#bikeNav a{
 display:block; 
 width:75px;
 height:75px;
 overflow:hidden;
 border:1px solid #fff;
}
#bikeNavLeft {
 position:absolute;
 left:3px;
 bottom:5px;
}
#bikeNavRight {
 position:absolute;
 right:4px; 
 bottom:5px;
}
#bikeNav a:hover {
 border:1px solid #000; 
}
p.description {
 font-size:12px;
 padding:10px 10px 0 10px;
 line-height:16px; 
}
#comment {
 width:570px; 
}
div.commentForm {
 padding-bottom:10px;
}