/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header & Footer

3: - Main Nav

4: - Content

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0 auto;
		padding: 0;
		}
	.skipLink {
		position: absolute;
		margin-top: -9999px;
		}
	.clear {
		clear:both;
		height: 1px;
		margin-top: -1px;
		}

/* 2 :-------- Header & Footer ------------ */
	.header {
		width: 960px;
		height: 192px;
		background: #fff;
		font-weight: bold;
		font-size: .9em;
		}
	.footer {
		float: left;
		width: 768px;
		height: 192px;
		background: #000;
		color: #999;
		font-size: .9em;
		}
	.headerCol {
		padding: 17px 10px 0;
		height: 175px;
		width: 172px;
		color: #a1a1a1;
		display: block;
		float: left;
		}
	.footerCol {
		padding: 28px 10px 0;
		height: 164px;
		width: 172px;
		color: #a1a1a1;
		display: block;
		float: left;
		position: relative;
		}
	.headerCol ul,
	.footerCol ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.headerCol ul li,
	.footerCol ul li {
		display: block;
		width: 100%;
		float: left;
		}
	.footerColTitle {
		font-weight: bold;
		display: block;
		width: 100%;
		}
	.footerColLinks {
		padding: 3px 0 0 !important;
		}
	.headerCol a {
		color: #a1a1a1;
		text-decoration: none;
		padding: 0 0 3px;
		display: block;
		}
	.headerCol a:hover {
		color: #6d6d6d;
		}
	.footerCol a {
		color: #a1a1a1;
		text-decoration: none;
		padding: 0 0 2px;
		display: block;
		}
	.footerCol a:hover {
		color: #e5e5e5;
		}
	.footerCol .mailingListInfo {
		padding: 2px 0 0;
		margin: 0;
		font-weight: normal !important;
		line-height: 1.5em;
		width: 75%;
		display: block;
		cursor: pointer !important;
		}
	.footerCol input.footerSearchTextbox {
		color: #fffffa;
		margin: 6px 0;
		padding: 2px 5px 0;
		height: 19px;
		width: 151px;
		border: solid 0 #fff;
		background: transparent url(/images/elements/bg_footerSearchTextbox.gif) no-repeat;
		font-size: 1.1em;
		display: inline;
		float: left;
		}
	.footerCol input.footerSubmitButton {
		padding: 0;
		margin: 0;
		float: left;
		position: absolute;
		top: 75px;
		left: 10px;
		}

/* 3 :-------- Main Nav ------------ */

	

/* 4 :-------- Content ------------ */
		
	.container {
		width: 960px;
		margin: 0 auto;
		}
	#content {
		min-height: 576px;
		display: block;
		background: url(/images/elements/bg_content_black.gif) 0 0 repeat-y;
		margin: 0;
		float: left;
		position: relative;
		}
	#contentWhite {
		min-height: 576px;
		display: block;
		background: url(/images/elements/bg_content_white.gif) 0 0 repeat-y;
		padding: 0 0 30px;
		margin: 0;
		float: left;
		}
	.whiteBg {
		background-color: #fff;		
		}		
	.oneCol {
		float: left;
		width: 960px;
		min-height: 576px;
		padding: 0;
		margin: 0;
		}
	.twoColLeftCol,
	.twoColLeftColReversed,
	.twoColLeftColFourGrids {
		float: left;
		width: 576px;
		min-height: 576px;
		padding: 0;
		margin: 0;
		background: #fff;
		}
	.twoColLeftColReversed {
		float: right !important;
		display: inline;
		}
	.twoColLeftColFourGrids {
		width: 768px !important;
		background: #000 url(/images/elements/bg_productDetail_rightColFeature_blackGradient.jpg) right 0 no-repeat;
		}
	.twoColRightColTwoGrids {
		float: right;
		min-height: 384px;
		width: 384px;
		color: #fff;
		padding: 0 0 192px;
		}
	.twoColRightColThreeGrids {
		float: right;
		min-height: 576px;
		width: 384px;
		color: #fff;
		background: #000;
		}
	.oneColRightColThreeGrids {
		float: right;
		min-height: 576px;
		width: 192px;
		color: #fff;
		background: #000;
		}
	.twoColRightColThreeGrids ul {
		height: 576px;
		width: 384px;
		list-style: none;
		padding: 0 !important;
		margin: 0 !important;
		}
	.twoColRightColThreeGrids ul li {
		float: left;
		height: 192px;
		width: 192px;
		}
	.twoColRightColThreeGrids ul li.doubleSizedPromo {
		float: left;
		height: 384px;
		width: 384px;
		}
	.twoColRightColThreeGrids ul li.doubleSizedPromo a,
	.twoColRightColThreeGrids ul li.doubleSizedPromo a:hover {
		float: left;
		height: 384px !important;
		width: 384px !important;
		}
	.twoColRightColThreeGrids ul li.doubleSizedPromoText {
		float: left;
		height: 152px;
		width: 344px;
		}

/* See content.css */