.headerstyle ul{
width: 100%;
background: url(../images/bbfb_hdr_nav_bg.gif);
padding: 10px 0px 10px 10px;
margin: 0px;
text-align: left;
}

html>body .headerstyle ul{
width: 98.7% !important;
background: url(../images/bbfb_hdr_nav_bg.gif);
padding: 10px 0px 10px 10px;
margin: 0px;
text-align: left;
}

.headerstyle ul li{
display: inline;
color: #666666;
font-family:verdana;
font-size:10px;
font-weight:bold;
padding: 0px 17px 0px 10px;
margin: 0px;
}

html>body .headerstyle ul li{
display: inline;
color: #cccccc;
font-family:verdana;
font-size:10px;
font-weight:bold;
padding: 0px 16px 0px 10px;
margin: 0px;
}

.headerstyle ul li a{
color: #FFFFFF;
font-family:verdana;
font-size:10px;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px;
text-decoration: none;
}

.headerstyle ul li a:hover{
background: url(../images/bbfb_hdr_nav_bg.gif) center center repeat-x;
text-decoration: underline;
}

.dropmenudiv{
position:absolute;
top: 47px;
margin-top:10px;
line-height:5px;
z-index:100;
border: 1px solid #cccccc;
background-color: white;
width: 160px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
}


.dropmenudiv a{	
font:normal 10px verdana;
font-weight: normal;
text-decoration: none; 	
color: #0066cc;
width: 88%;
display: block;
text-indent: 0px;
border-bottom: 0px solid #BBB;
padding: 3px;
margin: 3px 0px 3px 0px;
text-decoration: none;
}

* html .dropmenudiv a{ 
width: 100%;
}

.dropmenudiv a:hover{ 
margin: 3px 0px 3px 0px;
background-color: #DEEAF6;
text-decoration: underline;
}

.cartTotal{
padding-right:25px;
}

html>body .cartTotal{
padding-right:20px;
}

.hrline{
border-top:1px solid #cccccc;
width:165px;
}

.innerdropmenudiv a{	
font:normal 10px verdana;
font-weight: normal;
text-decoration: none; 	
color: #0066cc;
width: 88%;
text-indent: 0px;
border-bottom: 0px solid #BBB;
padding: 3px 8px 3px 8px;
text-decoration: none;
}

* html .innerdropmenudiv a{ 
width: 100%;
}

.innerdropmenudiv a:hover{ 
padding: 3px 8px 3px 8px;
background-color: #DEEAF6;
text-decoration: underline;
}

html>body .vertdivider{
padding: 0px 0px 0px 10px;
}

A:ftr_11 {color:#0066cc; font-family : Verdana, Arial, "Times New Roman"; font-size : 11px; text-decoration:underline}
A:ftr_10 {color:#0066cc; font-family : Verdana, Arial, "Times New Roman"; font-size : 10px; text-decoration:underline}

.discl {color:666666; font-family : Verdana, Arial, "Times New Roman"; font-size : 9px;}

.vert_div {color:999999; font-family : Arial, "Times New Roman"; font-size : 10px;}
.hdr_12 {color:FFF200; font-family : Verdana, Arial, "Times New Roman"; font-size : 12px;}
.prodval_10 {color:333333; font-family : Verdana, Arial, "Times New Roman"; font-size : 10px; font-weight: bold}
.price_10 {color:FFFFFF; font-family : Verdana, Arial, "Times New Roman"; font-size : 10px; background-color: 499EFF}
A.prodname_10 {color:0066FF; font-family : Verdana, Arial, "Times New Roman"; font-size : 10px; text-decoration: underline;}


/* border and gradient */
.bluegradbox{margin-bottom:10px;padding-bottom:10px;width:99%;border: solid 0px #ccc;float:left;background:url("../bb_info/content/homepagebody/images/hd_blend_shopbybrand.gif") top right repeat-x;}
/* headline */
.bluegradbox h3{font-size:11px;margin:0;padding:10px 10px;font-weight:bold;float:right;}
.bluegradbox h4{height: 15px}

/* just in case you don't have this set globally */
/*.bluegradbox a{text-decoration:none;}*/
/*.bluegradbox a:hover{text-decoration:underline;}*/
/*.bluegradbox a:visited{color:#333399;}*/

/* set width of box to "full" -- can be changed or new style added*/
.full{width:465px;}

/* carousel-specific styles */

.carouselheight{height: 35px}

/* carousel arrows -- determines placement */
.carouselleftarrow{width:20px; padding-top:13px; float:left;text-align:center; cursor:pointer;}
.carouselrightarrow{width:20px; padding-top:13px; float:right;text-align: left; cursor:pointer;}

/* outer visible frame -- set the width to your specs */
.visibleframe{float:left;position:relative;overflow:hidden;width:405px;height: 35px;}
/* underlying frame -- portions hidden by visibleframe div */
.contentframe{position:relative;overflow:hidden;width:10000px;}
.contentframe li h4{text-align:left;margin:0;padding:0;font-size:11px;}
.contentframe li p{text-align:left;margin:0;padding:0;}

.carousel-list{list-style-type:none;margin:0;padding:0;}
.carousel-list .prodimage.bordered{border-right:solid 1px #ccc;text-align:center;}

/* widths for carousel columns */
.twocolcarousel li{width:100px;float:left;padding:1px;}
.threecolcarousel li{width:63px;float:left;padding:1px;}
.fourcolcarousel li{width:59px;float:left;padding:1px;}
.fivecolcarousel li{width:82px;float:left;padding:1px;}

/* to clear CSS floats */
.clear {clear: both;}