@charset "UTF-8";
/* PRODUCTS CSS - Global Synthetics */

/* TOP */
#top					{ width: 100%; background: url('/images/global/top_bg.jpg') repeat-x center top; padding-top: 3px; }

/* HERO */
#hero       			{ width: 960px; position: relative; margin: 0 auto; overflow: hidden; }
#hero h1              	{ width: 580px; position: absolute; left: 0px; bottom: 20px; background: rgba(0,0,0,0.7); 
						color: #FFF; font-size: 2.5em; font-weight: normal; font-style: oblique; padding: 15px 30px 15px 15px; letter-spacing: 1px; }

/* MIDDLE */
#middle 				{ width: 100%; background: #2a6dad url('/images/global/middle_bg.jpg') no-repeat center top; }
#middleContent			{ width: 960px; margin: 0 auto; background: #FFF; }

/* HEADING */
#cats 					{ width: 606px; height: 36px; position: relative; float: left; background: #FFF; padding: 20px 0px 10px 20px; }		
#prodListing			{ width: 334px; height: 36px; position: relative; float: left; background: #FFF; padding: 20px 0px 10px 0px; }		
#prodListing h1, #cats h1{ font-size: 2.8em; }		

/* PRODUCT GROUP */
.productGroup			{ width: 960px; height: 144px; margin-top: 3px; position: relative; float: left; background: #FFF; }

/* LEFT COLUMN - PRODUCT CATEGORY */
.productCat				{ width: 626px; float: left; }
.productCat	h1			{ padding: 15px 0px 8px 0px; }
.productCat	a			{ color: #000; font-size: 1em; font-weight: bold; }
.productCat	a:hover		{ color: #2170b3; }
.productCat	a:active	{ color: #6aace3; }
.productCat	img			{ float: left; margin-right: 20px; }
.productCat	p			{ width: 393px; float: left; font-size: 1.4em; font-weight: normal; letter-spacing: 0px; }


/* PRODUCT LIST */
.productList			{ width: 334px; height: 144px; float: left; margin: 0px; background: #b5cde0; }
.productList ul			{ margin: 3px; }
.productList li			{ margin-bottom: 3px; }
.productList li a		{ width: 321px; height: 19px; display: block; background: #FFF url('/images/global/arrow.png') no-repeat top right;  
						 padding: 5px 0px 0px 7px; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; 
						 font-size: 1.3em; font-weight: bold; color: #2f495f; text-shadow: 1px 1px 0px #FFF; }
.productList li a:hover	{ color: #2170b3; background-color: #e5eff7;  }
.productList li a:active{ color: #084a82; background-color: #1d79bf; text-shadow: 1px 1px 0 #65a9e8;  }