﻿
/* legacy CBA */
.pageConRow1col .contentColumn { width:80%; }

/* Selector */
#selectorWrap { width:auto !important; }
#selectorControls { display:none; }
#selectorAll { display:none; }
#selectorButtons{ display:none; }
.btnCompSelected{ display:none; }
.btnCompAll{ display:none; }
#btnSelector{ display:none; }
#btnAllProducts{ display:none; }
#btnReset{ display:none; }
#btnReset1{ display:none; }
#btnReset2{ display:none; }
#btnReset3{ display:none; }

.btnSelector{ display:none; }

.item { margin:0 0 10px 0 !important; }
.step { padding:0; border:none; }
.step ul.options { }
.step ul.options li { display:inline; padding:0 20px 0 0 !important; margin:0 !important; background:none; }
.step ul.options{ width: 385px; }
.step h2 { text-indent:0; padding:0; font-weight:normal; font-size:1.2em; font-weight:bold; background-image:none !important; padding-left: 16px !important; }
h2#step3, h2#step4 { padding-left: 7px !important; }

#filtersAndProducts .active { border:1px solid #ccc !important; }	

#filtersAndProducts h2 { text-indent:0; padding:0; font-weight:normal; font-size:1.2em; font-weight:bold; }
table.tableComparison tr.highlight { font-weight:bold; font-style: italic;}
table.tableComparison tr.lowlight { font-weight:normal; color: #f0f0f0}
table.tableComparison

#step4 { margin-left: 40px !important;}

table.tableComparison td.tdCloseFeature {
border-right:0px !important;
border-collapse:collapse;
padding-left:3px;
padding-right:0;
width:13px;
}


/* fake checkboxes for print only */
#filtersAndProducts .item .itemInner span { display:none; }
.printCheckBox {
	width:13px;
	height:13px;
	display:block;
	float:left;
	position:relative;
	padding:0 10px 0 0; 

}
.printCheckBox img {
	position: absolute;
	top: 8px;
	margin-top: -30px\9; /* IE8 and below */
	left:0;	
}
.printCheckBox img.chkStandard { visibility:visible; }
.printCheckBox img.chkSelected { visibility:hidden; } 

.active .printCheckBox img.chkSelected,
.tempActive .printCheckBox img.chkSelected { 
	visibility:visible; 
}

img {
	opacity:1 !important;
	filter:alpha(opacity=100) !important; 
}

#compareProducts { display: none !important; }
#need1 .itemInfo,
#need2 .itemInfo,
#need3 .itemInfo,
#need4 .itemInfo,
#need5 .itemInfo,
#need6 .itemInfo {  width: 270px!important; }

ul li#need1,
ul li#need2,
ul li#need3,
ul li#need4,
ul li#need5,
ul li#need6 { margin:0 !important; padding: 0 7px 0 0 !important; }

ul li#need1 img,
ul li#need2 img,
ul li#need3 img,
ul li#need4 img,
ul li#need5 img,
ul li#need6 img { margin:0 !important; }

.bottomAddOptions .greyGradientHeading { padding: 0 !important; float: left; width: 752px; padding: 9px 0 0 20px !important; }

#selectorButtons { display: none !important; }
.helpToolTip { display: none; }

/* IE6 & IE7 */
*html * { font-size: 9px; }
*html #filterList { width: 292px !important; font-size: 10px; }
*html #startScreen { float: left; font-size: 10px; }
*html #filtersAndProducts #productList { width: 370px !important; }

*html .printCheckBox img { margin-top: 0px; }
html>body .printCheckBox img { *margin-top: 5px; }

*html .step ul.options li { width: 129px; }
html>body .step ul.options li { *width: 129px; }

*html #need1 .itemInfo,
*html #need2 .itemInfo,
*html #need3 .itemInfo,
*html #need4 .itemInfo,
*html #need5 .itemInfo,
*html #need6 .itemInfo {  width: 200px !important; }

*html #filtersAndProducts .active .itemInner { background: none !important; }
*html #filtersAndProducts #productList .active { border: none !important; }
*html #filtersAndProducts #productList .item .itemInner { border: none !important; }
*html .subItemInfo { border: none !important; }

*html #selectorWrap { 
	position: static !important;
}
html>body #selectorWrap { 
	*position: static !important;
}

*html table.tableComparison { width: 650px !important; }
html>body table.tableComparison { *width: 630px !important; }
*html .bottomAddOptions .greyGradientHeading { margin-top: -20px !important;}
html>body .bottomAddOptions .greyGradientHeading { margin-top: -20px !important;}
*html .tickerHolder { margin-top: 20px !important; display: none; }
html>body .tickerHolder { *margin-top: 20px !important; *display: none; }
*html .printTicker { display: block;  }
html>body .printTicker { *display: block;  }
*html .printTicker img { width: 650px !important; }
html>body .printTicker img { *width: 630px !important; }



















