/* ----------------------------
	Description: USDISH.com comparision page stylsheet
	Version: 2.0
---------------------------- */
#contentArea .flt_right { float:right; }
#contentArea .flt_left { float:left; }

#contentArea #focus { height:249px;	background:transparent url(../images/usdish/compare/focus-bg.jpg) no-repeat bottom left; color:#666; }
#contentArea #focus h3 { padding-top:20px; font-size:36px; color:#333; text-transform:none; line-height:36px; }
#contentArea #focus h3 .before { font-size:18px; }
#contentArea #focus h4 { font-size:18px; color:#666; text-transform:none; font-weight:normal; }
#contentArea #focus p { width:360px; }
/* ----------------------------
	IN PAGE TAB NAVIGATION STYLES
------------------------------------------------------------------------------------------ */
#contentArea #compareSliderNav { height:33px; margin:20px 0 0 10px; padding:0; }
#contentArea #compareSliderNav li { list-style-type:none; float:left; margin:0; font-size:12px; }
#contentArea #compareSliderNav li a { text-decoration:none; display:inline-block; width:109px; text-align:center; font-weight:bold;
	background: url(../images/usdish/equipment/inactive-tab-bg.png) no-repeat bottom left; height:22px; line-height:22px;
	margin-top:6px; color: #666; bottom:-5px; position:relative;
}
#contentArea #compareSliderNav li a:hover { color:#333; }
#contentArea #compareSliderNav li.selected a { background:transparent url(../images/usdish/equipment/active-tab-bg.png) no-repeat;
	height:28px; line-height:28px; color: #FFF; bottom:0;
}

/* ----------------------------
	COMPARE CONTENT
------------------------------------------------------------------------------------------ */
#contentArea .compareSlider {
	background:transparent url(../images/usdish/equipment/content-bg.png) repeat-x;
	min-height:300px;
	border-top:1px solid #c50c13;
	margin-bottom:10px;
	display:none;
	clear:both;
}
#contentArea .compareSlider.selected {
	display:block;
}

/* ----------------------------
	COMPARE TABLE
------------------------------------------------------------------------------------------ */
#contentArea .compareSlider table.compareTable {
	background:#FFF;
	border:1px solid #CCC;
	margin-top:10px;
}
#contentArea .compareSlider table.compareTable th, #contentArea .compareSlider table.compareTable td {
	border:1px solid #CCC;
	vertical-align:middle;
	padding:15px;
}
#contentArea .compareSlider table.compareTable thead th, #contentArea .compareSlider table.compareTable tbody .stripe td {
	background:#EEE;
}
#contentArea .compareSlider table.compareTable thead .savings {
	background:#333;
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	line-height:36px;
}
#contentArea .compareSlider table.compareTable thead .savings small {
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	text-shadow:1px 1px 1px #000;
}
#contentArea .compareSlider table.compareTable thead .tvs {
	color:#333;
	font-size:26px;
	font-weight:bold;
	line-height:36px;
}
#contentArea .compareSlider table.compareTable thead .tvs small {
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}
#contentArea .compareSlider table.compareTable div.descrip {
	float:left;
	text-align:left;
}
#contentArea .compareSlider table.compareTable div.descrip h5 { font-size:18px;margin:0;font-weight:normal; }
#contentArea .compareSlider table.compareTable div.descrip h5 small { font-size:12px; }
#contentArea .compareSlider table.compareTable div.descrip p { margin:0; }
#contentArea .compareSlider table.compareTable div.price {
	float:right;
	text-align:right;
	font-size:33px;
	font-weight:bold;
	line-height:36px;
	color:#333;
}
#contentArea .compareSlider table.compareTable div.price sup {
	font-size:18px;
	position:relative;
	top:-13px;
}
#contentArea .compareSlider table.compareTable div.price sub {
	font-size:14px;
	position: relative;
	left: -13px;
}
#contentArea .compareSlider table.compareTable tbody .savings,#contentArea .compareSlider table.compareTable tbody .stripe .savings {
	background:#910000 url(../images/usdish/compare/savings-bg.png) repeat-x top;
	color:#FFF;
}
#contentArea .compareSlider table.compareTable tbody .savings .price {
	font-size:30px;
	font-weight:bold;
	line-height:36px;
}
#contentArea .compareSlider table.compareTable tbody .savings .price sup {
	font-size:12px;
	position:relative;
	top:-13px;
}
#contentArea .compareSlider table.compareTable tfoot tr td {
	font-size:10px;
	color:#666;
	text-align:left;
	line-height:12px;
}
/* ----------------------------
	COMPARE EQUIP TABLE
------------------------------------------------------------------------------------------ */
#contentArea .compareSlider table.compareTable#equipTable div.price {
	float:none;
	text-align:center;
}
/* ----------------------------
	COMPARE HD TABLE
------------------------------------------------------------------------------------------ */
#contentArea .compareSlider table.compareTable#hdTable tbody td {
	font-size:14px;
	color:#666;
	text-align:left;
}
#contentArea .compareSlider table.compareTable#hdTable tbody td strong {
	color:#000;
}
#contentArea .compareSlider table.compareTable#hdTable tbody td small {
	font-size:10px;
}
/* ----------------------------
	SPORTS
------------------------------------------------------------------------------------------ */
#contentArea .compareSlider h2.sportsTitle { font-size:18px;text-transform:none;color:#333;padding-top:15px; }
#contentArea .compareSlider table.compareTable#sportsTable thead th {
	color:#FFF;
	font-size:18px;
	background:#282828 url(../images/usdish/compare/sports-head-bg.png) repeat-x top;
	text-align:left;
}
#contentArea .compareSlider table.compareTable#sportsTable tbody th {
	color:#666;
	font-size:18px;
	text-align:left;
	width:170px;
	font-weight:normal;
}
#contentArea .compareSlider table.compareTable#sportsTable tbody .stripe th { background:#EEE; }

/* ----------------------------
	MAIN COPY
------------------------------------------------------------------------------------------ */
#contentArea #compare-copy h4 {
	color:#333;
	text-transform:none;
	margin-bottom:2px;
}
#contentArea #compare-copy p {
	color:#666;
}
