/********************************************************************
This is the stylesheet for spec and compare pages ofGEAppliances.com,
as of the 08/09 redesign. This sheet should be used as a supplement
to 'http://www.geappliances.com/styles/gea_main.css'.

********************************************************************/


/*********** spec page ************/
#SKUonspec {
	font-size:12px;
}

.brandLogo {
	padding:17px 0 5px 10px;
	float:right;
	clear:right;
}
.rebatesLink img { vertical-align:middle; }

.takeActionBlock{
	font-size:14px;
	font-weight:bold;
	color:#D77503;
	padding-bottom:15px;
}

#specMainLayoutTable {
	width:915px;
	margin-top:30px;
	border-top:1px solid #9d9d9d;
}
	#specMainLayoutTable .infoBlock {
		background:#fff;
		margin-bottom:15px;
	}
		#specMainLayoutTable .infoBlock .heading {
			font-weight:bold;
			text-transform:uppercase;
			padding-bottom:10px;
			clear:both;
		}


	#specMainLayoutTable .leftCol {
		width:516px;
		padding-top:15px;
		background:#D8D3D0;
	}
		#specMainLayoutTable .leftCol #magnifyInstructions { padding:0 17px; }
		#specMainLayoutTable .leftCol .wrapper { padding: 10px 17px 17px; }
		
		#specMainLayoutTable .leftCol .paintedFloat {
			float:left;
			width:231px;
		}
			#specMainLayoutTable .leftCol .imageBlock.paintedFloat .textCell { padding-right:15px; }
		
		
	#specMainLayoutTable .rightCol { padding:22px 0 0 22px; }
		#specMainLayoutTable .rightCol .rightInfo {
			float:right;
			padding-left:15px;
		}
		#specMainLayoutTable .rightCol .price {
			font-weight:bold;
			font-size:18px;
			padding:2px 0 5px;
		}
		#specMainLayoutTable .rightCol .infoBlock {
			margin-top:15px;
			border-top:1px solid #d7d7d7;
			padding-top:15px;
		}

	
#mainImage { border:1px solid #B8B3B0; }
#mainImageViewer {}
	#mainImageViewer .buttonCell { width:17px; }
		#mainImageViewer .buttonCell a img, 
		#mainImageViewer .buttonCell a:link img, 
		#mainImageViewer .buttonCell a:active img, 
		#mainImageViewer .buttonCell a:visited img,
		#mainImageViewer .buttonCell img { background:#9E9E9E; }
		#mainImageViewer .buttonCell a:hover img { background:#616161; }
	#mainImageViewer #imagecell { width:482px; }

#thumbnailsViewer {
	height:87px;
	width:482px;
	overflow:auto;
	margin-bottom:10px;
	white-space: nowrap;
}
	#thumbnailsViewer a img, 
	#thumbnailsViewer a:link img, 
	#thumbnailsViewer a:active img, 
	#thumbnailsViewer a:visited img { 
		border:1px solid #D8D3D0;
		padding:1px;
		background:#B8B3B0;
		margin-right:8px;
	}
	#thumbnailsViewer a:hover img { background:#616161; }
	
.productDescription {
	background: top left no-repeat url('http://www.geappliances.com/images/common/corner_gradient.gif');
	margin:15px 20px 15px 0;
	padding:15px;
}

.productDetailsAnchorTable { table-layout:auto; }
.productDetailsAnchorTable td { padding-left:25px; }

.colorSwatchBlock {
	width:125px;
	float:left;
	margin-bottom:20px;
}
	.colorSwatchBlock .swatchCell { width:30px; }
	.colorSwatchBlock .textCell { padding-right:15px; }
		.colorSwatchBlock .textCell a { font-weight:bold; }

.productDetailsBlock { padding-bottom:25px; }
	.productDetailsBlock .heading {
		padding-bottom:2px;
	}
			.productDetailsBlock .heading a,
			.productDetailsBlock .heading a:link,
			.productDetailsBlock .heading a:active,
			.productDetailsBlock .heading a:visited { text-decoration:none; }
			.productDetailsBlock .heading .leftText {
				font-weight:bold;
				text-transform: uppercase;
				color:#827668;
			}
			.productDetailsBlock .heading .rightText {
				text-transform: lowercase;
				text-decoration:underline;
				cursor:pointer;
				float:right;
			}
	.productDetailsBlock table {}
		.productDetailsBlock table td { padding:3px 10px; }
		.productDetailsBlock table .colA { width:40%; }
		.productDetailsBlock table .colB { padding-left:0; }
	
/*********** end spec page ************/



/*********** end compare page ************/
#compareTable {
	margin-top:10px;
}
	#compareTable td {
		border-right:1px solid #827668;
		border-bottom:1px solid #c6bbb3;
		padding:3px 15px;
	}
	
	#compareTable .productInfoRow {}
		#compareTable .productInfoRow td { padding-bottom:12px; }
		#compareTable .productInfoRow .productImage {
			padding-bottom:5px;
			text-align:center;
		}
		#compareTable .productInfoRow .pricingBlock { padding:11px 0; }
			#compareTable .productInfoRow .pricingBlock span {
				font-weight:bold;
				font-size:15px;
			}
			#compareTable .productInfoRow .pricingBlock img {
				float:right;
				padding-left:5px;
			}
	
	#compareTable .firstCol { background:transparent !important; }
	
	#compareTable .removeRow {
		font-weight:bold;
		color:#fff;
	}
		#compareTable .removeRow td {
			background:#4e4b49;
			border-top:0 !important;
			border-bottom:0 !important;
			width:179px !important; /* sets subsequent column widths */
			padding:0 !important;
		}
		#compareTable .removeRow div { padding:3px 15px; }
		
		#compareTable .removeRow a,
		#compareTable .removeRow a:link,
		#compareTable .removeRow a:active,
		#compareTable .removeRow a:visited,
		#compareTabl .removeRowe a:hover { color:#fff; }

	
	#compareTable thead {}
		#compareTable thead td { border-bottom:0; }
		#compareTable thead .firstCol {
			width:196px !important;
			padding:0 !important;
			vertical-align:bottom;
		}
	
	#compareTable tbody {}
		#compareTable tbody td {}
		#compareTable tbody .firstCol { padding-left:30px; }
		#compareTable tbody .subHeadingRow {}
			#compareTable tbody .subHeadingRow td {
				border-top:1px solid #6c665e;
				border-bottom:1px solid #6c665e;
				background:#b7b8b9;
				color:#fff;
				padding:14px 8px 1px 3px;
			}
			#compareTable tbody .subHeadingRow a,
			#compareTable tbody .subHeadingRow a:link,
			#compareTable tbody .subHeadingRow a:active,
			#compareTable tbody .subHeadingRow a:visited,
			#compareTable tbody .subHeadingRow a:hover {
				color:#fff;
				text-transform:lowercase;
			}
			#compareTable tbody .subHeadingRow a.bold {
				text-decoration:none;
				text-transform:uppercase !important;
				font-size:16px;
			}
		#compareTable tbody .differenceRow td { background:#e4eae0 !important; }
		#compareTable tbody .differenceRow .firstCol { font-weight:bold; }
		
	#compareTable tfoot {}
		#compareTable tfoot td {
			border-top:1px solid #827668;
			border-bottom:0 !important;
		}

#differencesBox {
	margin:0 10px 10px 0;
	background:#e4eae0;
}
	#differencesBox span {
		font-weight:bold;
		font-size:13px;
	}
	#differencesBox a { font-size:12px; }
/*********** end compare page ************/
