/*	SONY | SONY STYLE.COM - CATEGORY LANDING PAGE STYLES
 *	AUTHOR: Branden Thompson, Front End Architect | Creative Services - Branden.Thompson at am dot sony dot com
 *	DATE:	April 15, 2009
 *
 *	GUIDING PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	- Styles in this file should ONLY be those that appear on CATEGORY LANDING PAGE, otherwise it's a different file.
 *	- Single - 3 property styles: 1 line.  4+ Properties: indent.
 *	- Tabulate Nested Styles to reflect inheritance / give a psuedo portrait of the DOM.
 *
 *	- ***DOCUMENT THOROUGHLY!*** - 	Lots of different hands could work on this file so it's important to err on the side of 
 *									MORE documentation, rather than less.
 *
 *	- Hack for MSIE6 as a last resort (using *html .something{}, and making the corresponding Mozilla styles html>body .something{})
 *
 *	- All Changes to this file should be reviewed with CST and corresponding changes should be made within a 
 *	  "dev version" (file including comments) of this .css, and then minimized and published.
 *
 *	PERFORMANCE OPTIMIZATION PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	Use whenever possible, in the following order:
 *
 *		- NEVER EVER IMPORT STYLESHEETS INTO ANOTHER .CSS FILE.  (@import causes render blocking in all browsers!)
 *		- id's (#example - should be unique and therefore is the fastest rendering)
 *		- classes (.example - second fastest)
 *		- use class names before type selectors (.listElement is faster than ul li{} )
 *		- Avoid universal selectors (*) and common type selectors (.something div{}, .something a{}, etc.)
 *		- Avoid property selctors: [HREF="blah.html"] {}
 *
 *		- Keep a copy with documentation for development in SVN or local repository, and minify for publication if possible.
 *		  (no user needs to see this documentation.)
 *		
*/

#categoryLandingSection{
	width: 960px;
	margin: 0 auto;
	clear: both;
	position: relative;
	background: #dcdcdc url('../img/category_landing/cat_landing_right_rail_bkg.jpg') right repeat-y; /* This is the color of the right rail */
	color: #6e6e6e;
}

	.heroSpace{
		width: 960px;
		clear: both;
		
	}
	
	.subCategoryGridArea{
		width: 720px;
		background: #fff;
		float: left;
		clear: none;
		margin: 0;
		padding: 0 0 5px 0;
	}
	
		.productCategoryTitle{
			margin: 0;
			padding: 0;
			background: #dadada url('../img/category_landing/category_title_bkg.jpg') no-repeat;
			width: 100%;
			height: 43px;
			line-height: 43px;
			color: #333;
			font-weight: normal;
		}
			
			.categoryTitleText {
				margin: 8px 0 0 26px;	
						
			}
			/* ie6 and ie7 need zoom for proper layout of sifr element when active */
			.sIFR-active .categoryTitleText {
				zoom: 1;	
			}
		.subCatBox{
			float: left;
			clear: none;
			width: 345px;
			height: 267px;
			border: 1px #e6e6e6 solid;
			background: #fff url('../img/category_landing/subcatbox_bkg.jpg') repeat-x;
			display: inline;
			margin: 8px 2px 3px 8px;
		}
		
			.subCatImageTitleArea{
				border-bottom: 1px #e7e7e5 solid;
				height: 196px;
				text-align: center;
			}
		
				.subCatImage {
					width: 210px;
					height: 120px;
					border: none;
					background: transparent;
					margin: 4px 0 0 0;
				}
				
				.subCatTitle{
					margin: 5px 8px 2px 8px;
					padding-top: 4px;
					font-size: 12px;
					line-height: 12px;
					text-align: left;
					color: #333;
				}
					.subCatTitleLink {
					  text-decoration: none;
						color: #6e6e6e;
					}
					
					.subCatTitleLink:hover {
						 color: #44B3E1;
					}
				
				
				.subCatByLine {
					margin: 6px 8px 2px 8px;
					font-size: 11px;
					line-height: 10px;
					text-align: left;
					color: #666;
				}
				
			.subCatStartingPriceArea {
				height: 29px;
				line-height: 29px;
				border-top: 1px #ccc solid;
				border-bottom: 1px #e6e6e6 solid;
				font-size: 14px;
				padding-left: 8px;
			}
			
				.subCatStartingPrice{font-weight: bold; color: #15B1E4;}
			
			.subCatCTASection {
				height: 39px;
				line-height: 39px;
				background: #b6b6b6 url('../img/category_landing/subcat_cta_bkg.jpg') repeat-x;
				color: #333;
				padding-left: 8px;
			}
			
				.subCatCTA{
					color: #333;
					text-decoration: none;
				}
	
	.specialOffersRightRail {
		width: 240px;
		float: left;
		clear: none;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	
		.rightRailTitle{
			margin: 0;
			padding: 0;
			background: #ccc url('../img/category_landing/right_rail_header_bkg.jpg') no-repeat;
			width: 100%;
			height: 43px;
			line-height: 43px;
			color: #333;
			font-weight: normal;
		}
		
			.rightRailTitleText{ margin: 0 0 0 16px;}