/*  A product's thumbnail (this is for the img tag) */
img.tnail { 
  width: 150px;
  height: 90px;
  border: 0; 
}
div.tnail { 
  position: relative;
  border: 0;
  padding: 0;
  width: 150px;
  height: 90px;
  border: none; 
}

#freeShipping { 
  position: absolute;
  top: 50px;
  left:640px;
}

#productListing {  
   float: left;
   width: 950px;
}

.prodContainer { 
  background-color: transparent;
  border: 1px dotted #666666;
  float: left;
  margin-bottom: 15px;
  width: 1000px;
  padding: 4px 2px;
  clear: both;
  overflow: visible;
  padding: 3px;
}

.shareThis {
  float: right;
  height: 16px;
  position: relative;
}

a.reviewLink {
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #008CCC;
  padding-right: 5px; 
  padding-left: 5px;
  letter-spacing: .05em;
}

a.reviewLink:before { 
  content: "\2022 ";
  font-size: 10px;
}

a.reviewLink:hover { 
  text-decoration: underline;               
}
/*
.reviewLabel {
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  padding-right: 5px; 
  padding-left: 1px;
  letter-spacing: .1em;
  clear: both;
  float: left;
}
*/

#selectorHeader {  
  position: relative;
  background: #000;
  width: 800px;
  float: left;
  margin-bottom: 5px;
  margin-top: 10px;
}

/* This is the "legend" at the top of the page */
#selectorLegend { 
  clear: left;
  position: relative;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 16px;
  margin-left: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
  width: 800px;
}

/*
#selectorNavBar {  
  padding-top: 1em;
  float: left;
  margin-top: 5px;
}
*/

#selectorCartSummary { 
  position: relative;
  float: left;
  padding: 0;
  margin-top: 5px;
  margin-left: -120px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
}


#numProductsFound { 
  clear: left;
  position: relative;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 16px;
  margin-left: 15px;
  margin-bottom: 1em;
  width: 30em;
}

.productNotes { 
  position: relative;
/*   font-family: Helvetica, Arial, sans-serif; */
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;  
/*  color: yellow;
  top: 0;
  left: -150px;
*/
}

.prodHeader { 
  position: relative;
  width: 1000px;
}

.prodImage {  
  position: relative;
  top: 0;
  left: 0;
  width: 155px;
  height: 90px;
  float: left; 
  margin-bottom: 10px;
}

div.prodImage a { 
  display: block;
}

div.photoWM {
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%; 
  opacity: 0.3; 
  background-image: url(/images/ui/HCLogo_wm.png); 
  background-position: bottom right; 
  background-color: transparent;
  background-repeat: no-repeat; 
  z-index: 10;  
}

.prodName { 
  position: relative;
  float: left;
  width: 54em;
  margin-top: 0;
}

a.pe, a.pe img {
  float: left;
  margin-right: 3px;
}

/*  Biker's Toolbox Videos */
.bt_video { 
  position: relative;
  width: 250px;
  padding-left: 10px;
  margin-left: 10px;
  margin-top: -12px;
  float: right;
}

.prodDesc {  
  position: relative;
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  height: 101px;
  width: 47em;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  overflow: hidden;
}

.prodDescExpanded {  
  position: relative;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  height: auto;
  width: 47em;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
}

.prodDescExpanded ul {
  margin-top: 4px;
  margin-bottom: 4px;
}

/*
 * We use the jQuery.expander plugin to collapse-expand the product description.
 * The plugin creates links of class "read-more" and "r e-collapse". Here we style the text of the
 * link
 */
a.read-more:link, a.read-more:active, a.read-more:visited,
a.re-collapse:link, a.re-collapse:active, a.re-collapse:visited {
  text-decoration: none;  
} 
a.read-more span, a.re-collapse span {
  color: #0499FF;
  text-decoration: none;
}
a.read-more:hover span, a.re-collapse:hover span {
  color: #DF9758;
  text-decoration: none;
}

.expandDesc { 
  position: relative;
  clear: both;
  margin-top: 8px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  color: #008CCC;
 }

.priceHeader {
   position: relative;
   clear: both;
   margin-top: 10px;
   height: 16px; 
   width: 630px;
   border-bottom: 1px solid #999;   
   padding-bottom: 2px;
}

.listPriceStyle { 
  position: absolute;
  top: 0;
  left: 464px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  text-align: right; 
  width: 80px;
 }

.priceStyle { 
  position: absolute;
  top: 0;
  left: 543px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  text-align: right; 
  width: 80px;
}

.prodInfo { 
   position: relative;
   float: left;
   margin-top: 2px;
   left: 0;
   width: 630px;
   padding-top: 4px;
   padding-bottom: 1px;
   margin-bottom: 1px;
   margin-right: 10px;
}

/* The first row must not have any border or it would clash with the border from the price header */
.prodInfo_border {
  border-top: 1px dotted #777;  
}

.partNoDesc { 
  position: relative;
  float: left;
  width: 440px; 
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
} 

.prodPartNo {
  position: relative;
  clear: left;
  margin-top: 2px; 
  margin-left: 16px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  display: none;
}

.onsale {
  font-size: 16px;
  color: #FFC73C;
}

.prodListPrice { 
  position: relative;
  float: left;
  width: 70px;
  padding-right: 2px;
  text-align: right; 
  font-style: italic; 
/*  text-decoration: line-through;*/  
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 13px;
}

.prodPrice { 
  position: relative;
  float: left;
  width: 80px;
  padding-right: 2px;
  text-align: right; 
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 15px;
  color: #F4BE30;
}

span.saleText { 
  position: absolute;
  left: 340px;
  top: 0;
  padding-top: 4px;
  padding-left: 28px;
  padding-right: 7px;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  height: 20px;
  width: 120px;
  background-image: url(/images/ui/hot_deal_flame.png) ;
  background-repeat: no-repeat;
  background-position: top left;
  color: #000;
  border: none;
}



a.btnBuy {
  float: left;
  text-decoration: none;
  
}
a.btnBuy span {
  display: block;
  position: relative;
  float: left;
  background-color: #037ABF;
  color: #fff;  
  font-size: 13px;
  font-weight: normal;
  
  border: 1px outset #FFFFFF;
  margin-right: 5px;
  margin-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  text-align:center;
  text-decoration: none;
  height: 18px;
}




a.btnBuy:hover span {
  background-color: #0499FF}

a.btnWL {
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 15px;
  color: #000;
  height: 18px;
}

a.btnWL img{
  display: block;
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  float: left;

  margin-top: 2px;
  margin-right: 5px;
  margin-top: 2px;

  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;

  background-color: #037ABF;
  color: #fff;  
  font-size: 13px;
  font-weight: normal;
  
  border: 1px outset #FFFFFF;
  text-align:center;
  text-decoration: none;
}




/*
.buyButton { 
  position: relative;
  float: left;
  background-color:#0477BF;
  border: 1px outset #FFFFFF;
  margin-right: 5px;
  text-align:center;
  width: 90px; 
}

.buyButton  a:link, .buyButton a:visited, .wishlistButton a:link, .wishlistButton a:visited { 
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;  
}
.buyButton a:hover, .wishlistButton a:hover { 
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.wishlistButton { 
  position: relative;
  float: left;
  background-color:#0477BF;
  border: 1px outset #FFFFFF;
  width:108px; 
  text-align:center;
}
*/

.shipInfo { 
  position: relative;
  float: left;
  margin-left: 10px;
  width: 140px; 
  font-size: 12px; 
}

.productName { 
  font-size: 16px;
  color: #DF9758; 
  float: left;
  margin-right: 10px;
}

/*  
  This div is used to let the customer know that the product has been added to the cart when the cart is not
  visible because the page has been scrolled down. The div starts as invisible and it's then dynamically
  faded in and faded out after 20 seconds. 
  */
#addToCartNotice { 
  position: absolute;
  background-color: #0499FF;
  color: #DAF1FF;
  border: 2px white ridge;
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: none;
  padding-left: 5px;
  padding-right: 5px;
}

table.guide {
  font-family: "Trebuchet MS","lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  border: 1px solid #9dabe2;
  border-collapse: collapse;
}

table.guide td {
  padding: 1px 6px 1px 5px;
  font-weight: normal;
  border-bottom: 1px solid #9dabe2;
  border-collapse: collapse;
}
table.guide th {
  padding: 1px 6px 2px 5px;
  font-weight: bold;
  background-color: #9dabe2;
  text-align: left;
}