/* Auto Clearing Method for Floats */
.clearfix{*height:1%; *display:inline-block;}
.clearfix:after, .paFilters ul li: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 0px 10px;}

/* Base layout */

#paSection{clear:both; padding-bottom:20px; word-wrap:break-word;}
	#paSection #procat {clear:both; display:block; float:left; padding:0px;}
#PgContentArea #rstools {zoom:100%;}
.BlueButton a:hover .ButtonLabel, .BlueButton a:visited .ButtonLabel, .BlueButton a:focus .ButtonLabel, .BlueButton a .ButtonLabel,
.BlueButton a:hover, .BlueButton a:visited, .BlueButton a:focus, .BlueButton a {color:#fff !important;}

.paTool .rsblock {height:20px !important;}

a sup {vertical-align:baseline;}

.procatnameimg {background-repeat:no-repeat;	clear:none;	display:block; float:right;	margin:3px 5px 0 0;	padding:0 0 10px 5px; position:relative; top:1px; height:18px; *margin-right:10px;}

/* Filter Section */

.paFilters { background: transparent url(../images/productadvisor/menu_bgd.gif) 0 0 repeat-y; float:left; width:203px; margin-left:-17px; position:relative; }
.paFilters h2 {  background: transparent url(../images/mysony/menu_heading.gif) 0 0 no-repeat;  padding: 10px 7px 8px 17px; color: #fff;}
.paFilters h3{ border-top:1px #fff solid; background:#e1e1e1; border-bottom:1px #aeaeae solid; margin-right:2px; position:relative;}
	.paFilters h3 span{display:block; padding: 9px 0px 9px 17px; width:160px; *width:172px;}
	.paFilters h3 span.help {position:absolute; right:6px; *right:0px; top:9px; *top:10px; padding:0px; margin:0px; width:13px; height:13px; cursor:pointer;}
.paFilters .whiteBg{background:#fff; }
.paFilters p.backToAdvisor{padding-bottom:7px; }
	.paFilters p.backToAdvisor strong{color:#0066cc;}
.paFilters .content{padding:10px 10px 5px 17px; margin:0 2px 0 0; border-bottom:1px #aeaeae solid;}
.paFilters .paFooter{background:url(../images/productadvisor/pf_footer.jpg) top left no-repeat; width:203px; height:17px; position:relative; top:0px; margin-top:-10px;}

	/* Common */
	
	.paFilters p{padding-bottom:10px;}
	.paFilters a, .paFilters a:hover, .paFilters a:visited{color:#0066CC; outline:none;}
	.paFilters a img{margin-right:10px;}
	.paFilters .content input{vertical-align:middle; margin-right:5px; *margin-right:3px; float:left;}
	.paFilters .content label{vertical-align:middle; float:left; width:154px;}
	.paFilters .content label a{margin-right:0; margin-left:4px; top:2px;}
	.paFilters .disabledCh, .paFilters .disabledCl, .invalidFilter label{ color:#808080;}
	.paFilters ul li{padding-bottom:10px; clear:both; *display:inline-block;}
		*html .paFilters ul li{padding-bottom:5px;}
		.paFilters ul.floatedInput{padding-bottom:0px; *display:inline-block; overflow:hidden;}
		.paFilters ul.floatedInput li{float:left; width:84px; margin-right:2px; clear:none;}
		.paFilters ul.floatedInput label{width:63px; *width:60px;}
		.paFilters ul.floatedInput input{}
	
	.paFilters .content ul{*display:inline-block;}
		.paFilters .content label{*width:150px; *margin-top:4px;}
		.paFilters ul li{zoom:1;}
		
	.x_filter p.SmallText a.disabledCh, .x_filter p.SmallText a.disabledCl {cursor:text; color:#808080; text-decoration:none !important;}
		

/* Advisor Section */

#PAdvisor, #PaginatedProducts{float:left; width:690px; margin-left:20px; padding-bottom:0px; /*overflow:hidden;*/}

.roundedControl{margin:10px 0px 10px -5px; width:118px; position:relative; background:url(../images/productadvisor/roundbox.gif) bottom left no-repeat; zoom:100%;}
.roundedControl .tl{background:url(../images/tl.jpg) top left no-repeat; height:5px; width:5px; margin:-1px 0 0 -1px; position:relative; float:left; font-size:0;}
	.roundedControl .tr{background:url(../images/tr.jpg) top right no-repeat; height:5px; width:5px; margin:-1px -1px 0 0; position:relative; float:right; font-size:0;}
.roundedControl .bl{background:url(../images/bl.jpg) top left no-repeat; height:5px; width:5px; margin:0px 0 -1px -1px; position:relative; float:left; font-size:0;}
	.roundedControl .br{background:url(../images/br.jpg) top right no-repeat; height:5px; width:5px; margin:0px -1px -1px 0; position:relative; float:right; font-size:0;}


.roundedControl .content{clear:both; padding:10px 8px 0px 8px; position:relative; background:url(../images/productadvisor/roundbox.gif) top left no-repeat; top:-5px; word-wrap:break-word;}
.roundedControl .content p{margin-bottom:10px;}
	.roundedControl .content a{color:#0066CC;}
.roundedControl .price, .productPrices .price {color:#999;}
.roundedControl .price b, .productPrices .price b{display:block; color:#000; padding:3px 0 1px 0;}

.ProductList p.iconSpace{display:block; *font-size:0; *line-height: 1; *height: 0px; margin-bottom:5px;}
.ProductList div.BVRatings {margin-bottom:6px; margin-left:-1px;}

#PAdvisor .findOut {margin:0px 0px 0px 3px; width:100px; clear:both; zoom:100%;}
#PaginatedProducts .findOut {margin:0px 0px 15px; *margin-bottom:10px; width:118px; text-align:left; clear:both;}

	/* Product Listing */	
	
	#ProductListing #AddToCompareButton{width:180px; float:right;}
	#ProductListing .compareInstruction{text-align:right; clear:both; padding:10px 0 0 0;}
	.ProductList{padding:20px 0 30px 8px; clear:both; zoom:1; position:relative; min-height:250px;}
	.ProductList li{width:115px; float:left; padding:10px 20px 20px 25px; /*border:2px #fff solid;*/ *width:158px; margin-right:10px; margin-bottom:10px;	}
		.ProductList li p{margin-bottom:8px;}
		.ProductList li ul{margin-bottom:0px;}
		.ProductList li ul li{float:none; width:auto; margin:0; padding:0;}
		.ProductList li .compareButton{margin-left:3px;}
		.ProductList .BlueButton{width:100px; zoom:100%;}
		.ProductList .BlueButton .ButtonLabel{height:16px; *cursor:pointer;}
		.ProductList .CompareButtonDisabled .ButtonLabel {*cursor:no-drop;}
	
	.productDetail, .colorDetail{margin-bottom:10px;}
	.productDetail{ overflow:hidden; margin-right:-20px; margin-left:-25px; margin-top:-10px; padding:10px 20px 0px 25px;}
	.productDetail a, .productDetail a:active, .productDetail a:visited, .productDetail a:hover{ color:#0066CC;}
	.ProductList .productDetail ul.productDetails{ *padding-bottom:10px;}
	.ProductList .productDetails li { margin-bottom:2px; position:relative; padding-left:10px;}
	.productDetails li span{position:absolute; left:0; *left:-10px; top:-1px;}
	
	.ProductList li.SelectedProduct{/*border:2px #ccc solid; -moz-border-radius:4px; -webkit-border-radius:4px; */ background:url(../images/productadvisor/selectedBg.gif) bottom left no-repeat;}
	.ProductList li.SelectedProduct .productDetail{  background:url(../images/productadvisor/selectedBg.gif) top left no-repeat;}
	/* Colors */
	
	.ProductList .colorDetail p{ margin-bottom:5px;}
	.ProductList .colorDetail ul{margin:0; width:100px;}
	.ProductList .colorDetail ul li{float:left; border:1px solid #fff; margin:1px 3px 3px 0; width:13px; height:13px; overflow:hidden; clear:none;}
	.ProductList .colorDetail ul li.current {border:1px solid #000;}
	.ProductList .colorDetail ul li.current a {border:1px solid #fff; cursor:default;}
	.ProductList .colorDetail ul li a{display:block; float:left; width:11px; height:11px;  border:1px solid #ccc;}
	*html .ProductList .colorDetail ul li img{display:none;}
	
	/* No Results */
	
	#paSection p.noResults{display:none;}
		#paSection .showing-0-products p.noResults{display:block;}

	
	/* Slider */

	.paFilters .ui-widget-header { background:#0080CA url(../images/productadvisor/slider_header.jpg) repeat-x scroll left top; }
	.paFilters .ui-widget-content { background:#C2C2C2 url(../images/productadvisor/slider_bg.jpg) repeat-x scroll left top; }
	.paFilters .ui-corner-all { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; }
	.paFilters .ui-state-default, .paFilters .ui-widget-content .ui-state-default, .paFilters .ui-state-hover { background:transparent url(../images/productadvisor/triangle.png) no-repeat scroll left top; border:0; }
	*html .paFilters .ui-state-default, *html  .paFilters .ui-widget-content .ui-state-default, *html  .paFilters .ui-state-hover { background:transparent url(../images/productadvisor/triangle.gif) no-repeat scroll left top; }
	.paFilters .ui-slider .ui-slider-handle { margin-top:1.1em; width:15px; cursor:pointer;}
	.paFilters .ui-slider-horizontal { height:13px; }
	.ui-slider .ui-slider-range{font-size:8px; cursor:pointer;}
	
	#price_right{float:right;}
	#price_left{float:left;}
	.price_range{padding-bottom:20px;}
	
	/* Disclaimer */
	
	.disclaimerSection{clear:both; padding-bottom:20px;}
	.disclaimerSection #backtotop{ left:auto; float:right; padding:0}
	
	/* Progress Indicator */
	
	p#ProgressIndicator{text-align:center; margin:0.5em 0; position:relative; left:auto; z-index:999; font-size:11px; font-weight:bold;}
	p#ProgressIndicator img{vertical-align:baseline; margin-bottom:-7px;}
	
	
	/* PngFix */
	
	/**html img  { behavior: url(/HP/styles/iepngfix.htc) }*/
	
	/* Product Colors */
	
	ul.productColors{ margin:0; padding:0 0 3px 0; margin-top:-5px;}
	ul.productColors li{float:left; padding-bottom:2px; *padding-right:3px; clear:none;}
	.productColors label, .paFilters .productColors div{ cursor:pointer; 	display:block;	float:left; height:24px; margin:0; position:relative; text-indent:-10000px; width:28px; *font-size:0;}
	*html ul.productColors li span.option_label{position:absolute; display:block; width:22px; height:19px; left:0; top:0;}
	*html .productColors label, *html .paFilters .productColors div{height:16px; width:22px; margin-right:2px; margin-bottom:2px;}
		.paFilters .productColors .invalidFilter div{}
	.productColors input {display:none;}
	.productColors label { cursor:pointer; text-indent:-10000px;}
	.productColors .color_tick { height:7px; left:10px; position:absolute; top:7px; width:7px; }
		*html .productColors .color_tick{left:8px; top:5px;}
	.productColors .color_swatch{position:absolute; top:0; left:0;}
		*html .productColors .color_swatch{display:none;}
	
	
	/* Compare Bar */
	
	#PaTopBar{clear:both; border-top:1px solid #DADADA; padding:10px 0 0 0; margin-top:10px; display:inline-block; width:690px; position:relative;}
		#PaTopBar .productNumber{float:left; width:216px; padding-right:10px; padding-bottom:10px; font-size:12px;}
		#PaTopBar .sortBy{float:left; width:264px;}
			#PaTopBar .sortBy select option{ padding-right:10px;}
		#PaTopBar .BlueButton{float:right; width:180px; margin-bottom:0px;}
		#PaTopBar .BlueButton .ButtonLabel{padding:10px 20px 10px 10px; background:url(../images/productadvisor/down_arrow.gif) 95% 50% no-repeat; padding-right:20px; text-align:center; font-weight:bold;}
		#PaTopBar .BlueButton .ButtonLabel img{margin-left:4px;}
		#PaTopBar .compareInstruction{text-align:right; clear:both; padding:10px 2px 0 0; *zoom:1; color:#8d8d8d;}
		
		.openTopBar .BlueButton .ButtonLabel{ background:url(../images/productadvisor/up_arrow.gif) 94.5% 50% no-repeat !important;}
		.openTopBar #ComparisonBox .BlueButton .ButtonLabel{background-position:2000px 0 !Important;}
	
	/* Comparison Box */
	
	#ComparisonBox { clear:both; background:transparent url(../images/productadvisor/compare_80_r.png) no-repeat scroll left top; width:688px; position:relative; right:-2px; top:-24px; z-index:101; display:none;}
		*html #ComparisonBox {background-image:url(../images/productadvisor/compare_80_r.gif);}
	#ComparisonBox .content{  background:transparent url(../images/productadvisor/compare_80_r.png) no-repeat scroll left bottom; padding:0px 10px 20px 10px; position:relative; top:30px; *padding-bottom:10px;}
		*html #ComparisonBox .content{background-image:url(../images/productadvisor/compare_80_r.gif);}
	#ComparisonBox .innerContent{top:-20px; position:relative; *padding-bottom:5px;}
	#ComparisonBox .removeAllLink{float:left; color:#0066CC; margin-left:10px; font-size:11px; text-decoration:none; padding-bottom:8px;}
		#ComparisonBox .removeAllLink:hover{text-decoration:underline;}
		#ComparisonBox .removeAllLink img{vertical-align:top; margin-left:5px;}
	
	#ComparisonBox ul {padding:5px 0 15px 0; border-bottom:1px #DADADA solid; margin-bottom:10px;}
	#ComparisonBox ul li{float:left; width:100px; text-align:center; padding:0 15px 0px 15px; position:relative; display:inline; overflow:hidden; *width:130px;}
		#ComparisonBox ul li a{font-weight:bold; color:#0066CC;}
			#ComparisonBox ul li .addProductLink{color:#bbb; text-decoration:none; font-weight:bold;}
		#ComparisonBox ul li img{display:block; margin-bottom:5px;}
		#ComparisonBox ul li a.removeProduct{position:absolute; top:0; right:10px;}
		
	
	#PaTopBar #ComparisonBox .BlueButton { margin-right:5px; width:auto;}
	#PaTopBar #ComparisonBox .BlueButton .ButtonLabel{padding:4px 6px; background-position:200% 0;}
			
		/* Comparison box chosen products */
		.chosen-0-products .removeAllLink, .chosen-0-products .compareBarSubmit, .chosen-1-products .compareBarSubmit{display:none;}
		/*.chosen-0-products ul{border-bottom:0 !important; margin-bottom:0px !important; *margin-bottom:5px !important;}*/
		
/* Product Advisor Compare Page Styles */

ul#FilterProductList li img{vertical-align:middle; margin-right:8px; padding:2px; border:1px solid #ccc; background:#fff;}
	ul#FilterProductList li .productName{display:inline-block; width:99px; vertical-align:middle; padding-right:10px;}
	ul#FilterProductList li label{width:100%;}
	ul#FilterProductList li input{ text-align:right; float:none;}
	
	ul#FilterProductList li{padding-bottom:10px; *padding-bottom:5px;}
		
	
	/* Paginated Products */
	
	#PaginatedProducts ul.ProductList{ border-top:1px solid #DADADA; padding:20px 0 0 0; margin-top:10px; display:inline-block; width:690px; position:relative; }
		*html #PaginatedProducts ul.ProductList{height:auto;}
	#PaginatedProducts ul.ProductList li{width:145px; padding:0 10px 0px 10px; overflow:hidden; *width:165px;}
	#PaginatedProducts .productDetail{position:relative; margin:0 0 20px 0; padding:0;}
		#PaginatedProducts .productDetail .removeProduct{position:absolute; right:10px; top:0;}
		#PaginatedProducts .ProductList .colorDetail ul li{width:auto; padding:0;}
		#PaginatedProducts .productDetail, #PaginatedProducts  .colorDetail{margin-bottom:10px; *margin-bottom:15px;}
		
		#PaginatedProducts .roundedControl {margin-left:0;}
		
		/* Promotions */
		
		.ProductList .promotionsContent {padding-bottom:15px; *padding-bottom:0; *margin-bottom:15px; *overflow:hidden; }
		.ProductList .promotionsContent p{margin-bottom:5px;}
		.ProductList .promotionsContent a:visited, .ProductList .promotionsContent a{color:#0066cc;}
		#PaginatedProducts .ProductList .promotionsContent li{margin-bottom:2px; padding:0; *zoom:1; *width:145px; }
		
		/* Pagination */
		
		.listPagination{background:url(../images/productadvisor/selectedBox.gif) 19px 50% no-repeat; width:158px; margin:0 auto; clear:both; *margin-left:265px; height:13px; display:none; padding:20px 0px;}
			#paSection .comparing-5-products .listPagination{ visibility:visible;}
		
		.listPagination li{display:inline; float:left; margin-right:2px; position:relative; top:2px;}
		.listPagination li span, .listPagination li a{display:block; width:13px; height:13px; float:left; text-indent:-5000em; background:url(../images/productadvisor/box.jpg) top left no-repeat; outline:none;}
		
		.listPagination li.prev, .listPagination li.next{margin-right:10px; position:relative; top:0;}
			.listPagination li.next{margin-left:4px; margin-right:0;}
		.listPagination li.prev a, .listPagination li.next a{background:url(../images/common/feature_arrow_right.gif) top left no-repeat; width:13px; height:13px;}
			.listPagination li.next a{background-image:url(../images/common/feature_arrow.gif);}
			
			.listPagination li.prev a.disabled{background-image:url(../images/common/feature_arrow_right_light.gif); cursor:default;}
			.listPagination li.next a.disabled{background-image:url(../images/common/feature_arrow_light.gif); cursor:default;}
		
			
		
		/* Tabs */
		
		ul#DhtmlTabs li{display:inline; float:left; background:url(../images/common/tab_left.jpg) top left no-repeat; margin-right:2px; position:relative; top:1px; z-index:9;}
			ul#DhtmlTabs li a{ display:inline; float:left; background:url(../images/common/tab_right.jpg) top right no-repeat; padding:10px 17px 10px 15px; margin-left:4px; font-weight:bold; min-width:80px; color:#777; text-decoration:none; text-align:center; }
			ul#DhtmlTabs li a:link, ul#DhtmlTabs li a:hover, ul#DhtmlTabs li a:active{outline:none;}
			ul#DhtmlTabs li.ui-tabs-selected {background-position:0 -170px; z-index:11;}
			ul#DhtmlTabs li.ui-tabs-selected  a{background-position:100% -170px; color:#000;}
		
		.ui-tabs .ui-tabs-hide { display: none !important; }
		
		/* Tabs Content */
		
		#OverviewSpecs{clear:both; padding-bottom:30px; padding-top:10px;}
		#OverviewSpecs .tabContent a:visited, #OverviewSpecs .tabContent a{ color:#0066cc; outline:none;}
		#OverviewSpecs p.LargeText{border-bottom:1px solid #AEAEAE; padding:5px 10px; }
		#OverviewSpecs .tabContent{border:1px #ccc solid; padding:15px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; position:relative; z-index:10;}
		
		#OverviewSpecs .tabLabel { width:184px; float:left; margin-bottom:15px;}
		#OverviewSpecs .productColumn { width:171px; float:left;}
			#OverviewSpecs .productColumn li, #OverviewSpecs .tabLabel li{ padding:10px;  background-color:#F0F0F0; }
		#OverviewSpecs .productColumn li.alt, #OverviewSpecs .tabLabel li.alt{ background-color:#fff; }
		
			/* Specifications Tab */
			
			.productPrices {width:135px; float:left; padding:10px 10px 10px 25px; }
				*html .productPrices{width:170px;}
			.productPrices p{padding-bottom:10px;}
			.productPrices .BlueButton {width:100px;}
				#OverviewSpecs .tabContent .productPrices .BlueButton a:visited, #OverviewSpecs .tabContent .productPrices .BlueButton a{ color:#fff; text-decoration:none; outline:none;}
			
			#OverviewSpecs p.ExpandedTitle, #OverviewSpecs p.CollapsedTitle  {padding-left:0; padding-top:5px; clear:both; outline:none;}
			#OverviewSpecs p.toggleSection a{background:url(../images/common/collapse.jpg) 0 1px no-repeat; padding-left:20px; color:#000; text-decoration:none;}
			#OverviewSpecs p.CollapsedTitle a{background-image:url(../images/common/expand.jpg);}
			#OverviewSpecs .toggleContainer{padding-bottom:10px;}
			#OverviewSpecs .toggleContainer a:hover {color:#0066cc;}
			
			#toggleSimilar {font-weight:bold;  padding-bottom:10px;}
			#toggleSimilar a {padding-right:8px; background:url(/HP/images/common/icon_hdingarrow_en_SG.jpg) right 3px no-repeat;}
			#toggleSimilar a.showSimilar{display:none;}
			
			/* Tool tip */
			
			a.tooltip, a.tooltip:hover{text-decoration:none !important; position:relative;}
			
			.toolTipWrapper { max-width: 500px; min-width:300px; font-size:11px; position: absolute; top: 14px; left:0; left:0 !important; background:#fff; display: none; border:1px #6a6a6a solid; z-index:102; color:#000;}
				.paFilters .toolTipWrapper{min-width:200px;}
			*html .toolTipWrapper {width:300px; top:13px;}
				*html .paFilters .toolTipWrapper{width:200px;}
			.toolTipTop { height: auto;	background:#666666; padding:3px 10px;color:#fff; font-weight:bold;}
			.toolTipMid { padding: 8px 10px;}
			.toolTipBtm { height: auto;	background: transparent url(images/bubbleBtm.gif) no-repeat;}

/* Common ViewPort Styles */

.listViewPort{width:690px; overflow:hidden;}
#PaginatedProducts .listViewPort ul.ProductList{width:2000px;}  /* Each individual column width : 150px */

.outerViewPort{width:680px; float:left; overflow:hidden;}
	.innerViewPort{width:2000px; position:relative;} /* Each individual column width : 170px */
	
ul.emptySet{width:184px; float:left;}

/* JS Styles */

.icon_newproduct_false { display: none; }
/* 16 march 2010 changes below */
.CompareButtonDisabled { opacity: 0.3; filter: alpha(opacity=30); }
.CompareButtonDisabled a {cursor:no-drop;}

.invalidFilter .filter_template { opacity: 0.05; filter: alpha(opacity=5); }
.invalidFilter, .invalidFilter * { /*cursor: no-drop;*/ }

/* 22 march 2010 */

#ProgressIndicator.floating { position: absolute; display: none; padding-top: 15px; padding-bottom:15px;
                              width: 150px; background: #fff; opacity: 0.8; filter: alpha(opacity=80);
                              border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
