/* Auto Clearing Method for Floats */
.clearfix{*height:1%; *display:inline-block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatleft{display:inline; float:left; margin:0 10px 10px 0;}
.floatright{display:inline; float:right; margin:0 0px 10px 10px;}

/* Default Styles */

#vaiocarousel{margin-bottom:10px; clear:both;}
#vaiocarousel h2{margin-bottom:10px;}
#vaiocarousel h2 sup{font-size:1em; position:relative; top:6px;}

	#vaiocarousel .content{ background:transparent url(/HP/images/common/showcase_bottom.gif) no-repeat scroll 0 100%; padding-bottom:20px;}

/* Auto Height Headers */

ul#headers{background:#161a1b url(/HP/images/layout/default/selectseries_h2bg.jpg) top left repeat-x; overflow:hidden;}
	ul#headers li{ display:inline; float:left; text-align:center; width:204px; *width:224px; padding:8px 10px; border-left:1px #9e9e9e solid; margin-left:-1px; padding-bottom:2008px; margin-bottom:-2000px;}
	ul#headers li h2{display:inline; color:#fff;}
	
#firstrow ul#headers{background-image:url(/HP/images/layout/default/tab_bg.jpg); background-repeat:no-repeat;}

/* Product Listing */

#vaiocarousel #columnwrapper{overflow:hidden;}
#vaiocarousel #columnlayout{background:#fff url(/HP/images/common/showcase_series_block_bgd.gif) bottom no-repeat;}
#vaiocarousel ul.listing{padding:10px 0 10px 0;}
#vaiocarousel ul.listing li{float:left; width:100px; padding:6px 6px 6px 6px; text-align:center; overflow:hidden; line-height:11px; *width:110px;}
	#vaiocarousel ul.listing li a img{ display:block; margin:0 auto; margin-bottom:2px; height:100px; width:100px;}
	#vaiocarousel ul.listing li a,#vaiocarousel ul.listing li a:hover{font-weight:bold; display:block; margin-bottom:6px; color:#0066CC;}
	#vaiocarousel ul.listing li span{color:#666; padding:0 5px; vertical-align:top; display:block;}
	#vaiocarousel ul.listing li.clearboth{clear:both; height:0 !important; padding:0 !important; width:0 !important; float:none; font-size:0;}

/* Product Listing Row Format */

#vaiocarousel .listingrow { overflow:hidden; clear:both;}
#vaiocarousel .listingrow ul.listing{float:left; width:224px;border-left:1px #9e9e9e solid; padding:0 0px 2000px 0px; margin-bottom:-2000px; margin-left:-1px; }

/* Compare Area */

#vaiocarousel div.comparearea{border-top:1px #9e9e9e solid; margin:0 20px; padding:18px 0 11px; clear:both;}
#vaiocarousel div.comparearea .BlueButton{display:inline-block; float:left;}
#vaiocarousel div.comparearea p{ padding-top:0px;}
#vaiocarousel div.comparearea ul{float:right; text-align:right; width:70%;}
div.comparearea table{width:100%;}
div.comparearea .disclaimer {float:right;line-height:1.1em;text-align:right;}
div.comparearea .disclaimer span {clear:both;display:block;}
div.comparearea p.comparelink{ clear:both; padding-bottom:0 !important; padding-top:8px;}

/* ABC Layout */

#vaiocarousel #layoutABC ul#headers li{ width:278px; *width:298px;}
#vaiocarousel #layoutABC ul.listing{width:298px;}
#vaiocarousel #layoutABC ul.listing li{width:137px; *width:147px;}

/* AB Layout */

#vaiocarousel #layoutAB ul#headers li{ width:428px; *width:448px;}
#vaiocarousel #layoutAB ul.listing{ width:448px;}
#vaiocarousel #layoutAB ul.listing li{width:137px; *width:147px;}

/* A Layout */

#vaiocarousel #layoutA ul.listing{width:894px; }
#vaiocarousel #layoutA ul.listing li{width:137px; *width:147px;}
#vaiocarousel #layoutA ul#headers{background: url(/HP/images/common/showcase_top.gif) top no-repeat; width:896px; height:4px;}
#vaiocarousel #layoutA ul#headers h2{display:none;}