.featured{
     width: 960px
}

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 890px;
  height:210px;
  float:left;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}
.productdiv{
     border: 5px solid #E1E1E1;
    display: block;
    float: left;
    margin: 0 6px;
    width: 202px;
	text-align:center;
	padding:10px 0;
}
.productname{
    
    color: #203548;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
  
    
}
.productname a{
    color: #646262;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    
}
.price-con .price-box{
  
   margin: 0 0 5px;
   width:100%;   
}
.fadd{
   float:left; 
   margin: 0 0 5px;
   width:100%; 
}
.price-con .old-price{
margin:0 !important;

}
.price-con .special-price{
margin:0 !important;
    
}
.larrow{

padding:85px 0 0 3px;
width:30px;
cursor: pointer;

}
.rarrow{
width:30px;
padding: 85px 0 0;
position: relative;
cursor: pointer;
}
.ftitle{
    margin: 0 0 9px;
    padding: 0 0 0 28px;
}
.fhead{
   background: url("../images/bg_h1.gif") no-repeat scroll left 7px transparent;
    padding-bottom: 25px;
    text-align: center;

}
.fhead strong{
   background: none repeat scroll 0 0 #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    padding: 0 37px; 
	color:#000;
    
}
.show-msg{
 font-size: 20px;
    margin: 100px 0 0 -34px;
    text-align: center;
}