
.clear { clear:both; }
sup {
	font-size:.6em;
	line-height:0.6em;
	vertical-align:baseline;
	position:relative;
	top:-0.5em;
}
.sup_h1, .sup_h2 {
	font-size:.5em;
	line-height:0.5em;
	vertical-align:baseline;
	position:relative;
	top:-0.5em;
}
.sup_h3, .sup_h4, .sup_h5 {
	font-size:.5em;
	line-height:0.5em;
	vertical-align:baseline;
	position:relative;
	top:-0.6em;
}

#idCompareTable th a, #idCompareTable th a:hover {cursor:pointer;}

/***********************************************
----------------- Header -----------------------
************************************************/
.compare_wrapper {
	position: relative;
	padding: 0;
}

.compare_wrapper .extron_logo {
	background: #1C3D6D url(../img/compare_header.png) no-repeat left top;
	width: auto;
	height: 46px;
	margin-bottom: 20px;
}
/***********************************************
------------- Add Items Container --------------
************************************************/

.tableFloatingHeader { z-index: 9000; }
#idAddItemBtn {
	z-index: 1000;
}
/***********************************************
	-------------- Add Items Button -------------**/
a.addItems {
	display: block;
	color: #333 !important;
	width: 216px;
	height: 36px;
	cursor:default;
	background: url(../img/add_item_btn.jpg) top right repeat-x;
	padding-top:5px;
	border:1px solid #ddd;
	border-bottom: none;
}
a.addItems:hover { /*color: #476ea5;*/ }
/***********************************************
	------------- Add Items Container -----------**/
.addItems_container {
	z-index: 1005;
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	background: white;
	border: 1px solid #ddd;
	width: 216px;
	max-height: 312px;
}
.addItems_container { display: block; }
.addItemWrapper {
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid #e6e6e6;
	position:relative;
}
a.addItemLink {
	display: block;
	width: 210px;
	min-height: 90px;
	padding-right:20px;
}
a.addItemLink:hover { background: url(../img/add_item_btn_hover.png) no-repeat left bottom; }
a.addItemLink img {
	float:left;
	border:none;
	max-width: 75px;
	max-height:75px;
	padding: 5px 0px 5px 10px;
}
div.addItemName {
	margin-left:75px;
	padding: 5px;
	text-align: left;
}
div.addItemName h5 {
	color: #476ea5;
}
div.addItemName p {
	color: #999999;
	font-size: 0.85em;
	line-height: 1.2;
}
a.addItemLink:hover div.addItemName h5 { color: #143e7c; }
a.addItemLink:hover div.addItemName p { color: #838282; }
/***********************************************
	--------------- Pricing Table ---------------**/
	
	table.price_table {
	text-align: right;
	border-collapse: collapse;
	width: 150px;		/*do not delete*/
}
.pricing_div {
	padding: 0px 0px 0px 16px;
	position: absolute;
	top: 245px;
*top: 414px;
	color: #676666;
}
.pricing_div td {
	font-size: .85em;
	padding: 0px;
	line-height:1.2;
}
td.msrp, td.your_price, td.discount {
	text-align: left;
	color: #2d2c2c;
}
/***********************************************
--------------- Compare Table ------------------
************************************************/
table.compare_data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	border-collapse: collapse;
	background: white;
}
/***********************************************
	-------------- Compare Table Head -----------**/
table.compare_data th {
	font-weight: normal;
	text-align: center;
	background: white;
	border: none;
	vertical-align: top;
	margin:0;
	padding:0;
}
table.compare_data .col_item {
	border: 1px solid #ddd;
	background: white;
	width: 207px; 		/*do not delete*/
}
table.compare_data .col_empty {
}
/***********************************************
	------------- Compare Header Row ------------**/
	.product {
	position: relative;
	height: 345px;
	padding: 20px 5px 0;
	background: url(../img/product_bg.jpg) repeat-x top left;
	width:200px;
}
.prod_image img { 
	max-width: 150px; 
	max-height: 120px; 
}
.product h5 {
	color: #134E97;
	
}
.product .prod_title {
	max-height: 40px;
	margin-bottom: 5px;
	overflow: hidden
}
.product .subtitle {
	display: block;
	height: 45px;			/*do not delete*/
	font-size: .85em;
	line-height: 1.2;
	font-weight: normal;
	color: #6c6b6b;
	overflow: hidden;
}
.product .close_btn {
	position: absolute;
	right: 3px;
	top: 3px;
}
.product .close_btn a {
	color: #ccc
}
.product .close_btn a:hover {
	color: #000
}

.open_prodPage {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0
}

/***********************************************
	--------------- Compare Data Row ------------**/
	/*color:#6e6e6e;*/
	td.data_empty { background: #e9ecf3; }
td.minus_symbol img {
	cursor: pointer;
	width: 16px;
	height: 16px;
}
td.minus_symbol {
	padding: 18px 5px 0px 0px;
	text-align: right;
	width: 20px;      /*do not delete*/
}
td.header_row { padding:20px 0px 3px 0px; }
td.header_row p {
	font-size: 1.35em;
	color: #1c3d6d;
}
td.title_row {
	color: #0071C5;
	background-color:#e9ecf3;
	padding: 12px 15px;
}
td.title_row p {
	line-height: 1.2;
	color:#647a99;
	width: 180px; 		/*do not delete*/
}
/*--Compare Labels -------------*/
	a.label_notes_link {
	float:right;
	outline:none;
}
/*--Compare Values -------------*/
	td.compare_values { border: 1px solid #e1dede; }
td.compare_values_hover { background-color:#f5f5f5; }
