/* ---------------------------------------- */
/* Name: page.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 03-06-08
/* ---------------------------------------- */
/* Description: page styles for Gamber Johnson
/* ---------------------------------------- */
/* Revisions:
/*			 7-9-08 Line 78 - Bucket Styles
/*				Matt Latzke
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(http://www.gamberjohnson.com/scaffold/scaffold.css);

//body{background:url(http://www.gamberjohnson.com/scaffold/images/bg.gif) repeat-x top left;}

/* --- Header --- */
	#header h2 a{display:block; float:left; width:197px; height:66px; background:url(http://www.gamberjohnson.com/scaffold/images/logo.gif) no-repeat top left; margin:28px 0 0 8px;}
/* --- Content --- */

	/* begin content area including columns */
	/* column layout - orginally by Matthew Levine - http://alistapart.com/authors/l/matthewlevine */

	#container {
		padding-left: 210px;   /* LC fullwidth */
		padding-right: 210px;  /* RC fullwidth + CC padding */
	}
	#container .column {
		position: relative;
		float: left;
	}
	#content {
		padding: 8px 0;    /* CC padding */
		width: 100%;
	}
	#lnav {
		width: 194px;          /* LC width */
		padding: 8px 8px;       /* LC padding */
		right: 210px;          /* LC fullwidth + CC padding */
		margin-left: -100%;
	}
	#sup {
		width: 194px;          /* RC width */
		padding: 8px 8px;       /* RC padding */
		margin-right: -210px;  /* RC fullwidth + CC padding */
	}

	/*** IE Fix ***/
		* html #lnav {
			left: 210px;           /* RC fullwidth */
		}
	/*** IE 7 Fix ***/
	#container > #lnav {
		left: -210px; /* -LC width for others */
		margin-left: expression(document.all.content.offsetWidth * -1); /* Fix for IE7 */
	}
/* ------ end column layout ------ */

	#container{padding-top:24px;}
	#container #pheader{display:none;}
	
	#widgets{float:right;}
	#widgets a {color:#B04617;padding:0 0 0 21px;background:left no-repeat;}
	.email {background-image: url(http://www.gamberjohnson.com/scaffold/images/w_email.gif) !important;}
	.print {background-image: url(http://www.gamberjohnson.com/scaffold/images/w_print.gif) !important;}
	
	#crumbs{/*float:left;*/}
	#crumbs a{color:#B04617;}
	
	/*#container h1{clear:both; font-size:24px; padding-top:15px;}*/
	
	
	/* --- Buckets --- */
		.bucket{width:46%; margin:1%;float:left; background:url(images/bucketLeft.gif) no-repeat top left;}
		.bucket .bucketNest{background:url(images/bucketRight.gif) no-repeat top right; height:149px; padding:10px;}
			html>body .bucket .bucketNest{height:auto; min-height:149px;}
		#container .bucket h3{font-size:16px; font-style:normal; margin:0; font-weight:normal; margin-bottom:8px;}
		.bucket h3 a{color:#5c3a09;}
		.bucket select{width:100%;}
		.bucket optgroup{padding-bottom:10px;}
		.bucket optgroup option{padding-left:10px;}
	
	
	/* --- Left Column --- */
		#products{margin-top:8px;}
		#products, #configure{padding-left:8px;}
		#products a, #configure a{display:block; height:33px; width:180px; margin-bottom:8px;}
		#products a:hover, #configure a:hover{background-position:bottom left;}
		#products a{background:url(http://www.gamberjohnson.com/scaffold/images/productsButton.gif) no-repeat top left;}
		#configure a{background:url(http://www.gamberjohnson.com/scaffold/images/configureButton.gif) no-repeat top left;}
		#selectbynav{padding:8px;}
		#selectbynav h2{font-size:12px; font-weight:bold; color:#b04617;}
		#selectbynav a{display:block; width:170px; padding-left:8px; height:20px; line-height:20px; color:#b04617; margin-top:4px; background:url(http://www.gamberjohnson.com/scaffold/images/lNavBg.gif) no-repeat top left; text-decoration:none; font-size:11px;}
		#selectbynav a:hover{background-position:bottom left; color:#fff;}
		#iso{font-size:12px; font-weight:bold; padding-left:8px;}
		#iso a{color:#000; text-decoration:none;}
		#iso a:hover{text-decoration:underline;}
	/* --- Right Column --- */
		#sup{font-size:11px;}
		#sup #calls, #sup #add{background:url(http://www.gamberjohnson.com/scaffold/images/rNavBg.gif) no-repeat bottom left;margin-bottom:24px;}
		#sup #calls div, #sup #add div{background:url(http://www.gamberjohnson.com/scaffold/images/rNavTop.gif) no-repeat top left; padding:4px 8px 8px 8px;}
		*html #sup #calls div{padding:8px;}
		*html #sup #add div{padding:8px;}
		*+html #sup #calls div{padding:8px;}
		*+html #sup #add div{padding:8px;}
		#sup #calls a, #sup #add a{display:block; margin-top:4px; color:#525c25; text-decoration:none; height:20px; width:170px; padding-left:8px; background:url(http://www.gamberjohnson.com/scaffold/images/rNavButton.gif) no-repeat top left; line-height:20px;}
		#sup #calls a:hover, #sup #add a:hover{background-position:bottom left; color:#fff;}
		#sup #news p{margin-bottom:8px;}
	/* --- Products page --- */
		#searchStrip{width:100%; height:35px; background:#f7ede8 url(http://www.gamberjohnson.com/scaffold/images/searchStripLeft.gif) no-repeat top left; color:#c2704c; margin:13px 0 8px 0;}
		#searchStrip div{background:url(http://www.gamberjohnson.com/scaffold/images/searchStripRight.gif) no-repeat top right;}
		#searchStrip p{float:left; line-height:35px; margin-left:13px; font-size:16px;}
		#searchStrip a{float:left; display:block; height:20px; line-height:20px; width:75px; text-align:center; color:#c2704c; text-decoration:none; background:url(http://www.gamberjohnson.com/scaffold/images/searchLinkBg.gif) no-repeat top left; margin:7px 0 0 8px;}
		#searchStrip a:hover{background-position:bottom left; color:#fff;}
	
		#rolloverImages{float:left; width:260px; margin-right:4px;}
		#imagePlaceholder{background:#dddfd4 url(http://www.gamberjohnson.com/scaffold/images/imagePlaceholderTop.gif) no-repeat top left; text-align:center; color:#505b23; width:100%;}
		#imagePlaceholder div{padding:8px 0; background:url(http://www.gamberjohnson.com/scaffold/images/imagePlaceholderBottom.gif) no-repeat bottom left;}
		#rolloverImages h2{font-size:12px; margin:6px 0 3px 0;}
		#rolloverImages p{font-size:11px; font-style:italic;}
		
		#rolloverImages .col{width:126px; margin-top:8px; display:block; text-align:center; font-size:11px;}
		#rolloverImages a{color:#505b23; text-decoration:none;}
		#rolloverImages em{display:block;}
		#rolloverImages .first{margin-right:4px;} 
		#rolloverImages .second{margin-left:4px;}
		
		
		/* --- Product Selectors --- */
			#productSelector{margin-left:264px;}
			#productSelector img, #rolloverImages img{border:0;}
			#productSelector ul{list-style:none;}
			#productSelector li{float:left; width:110px; height:160px;  margin-left:4px; text-align:center; font-size:11px; position:relative;}
			#productSelector li a{text-decoration:none; color:#000;}
			#productSelector li a:hover .prodImage, #productSelector li .hovering .prodImage, #productSelector li .psHover .prodImage{border:3px solid #b04617; top:-2px; left:-2px;}
			#productSelector li a:hover .prodName, #productSelector li .hovering .prodName, #productSelector li .psHover .prodName{color:#b04617; font-weight:bold;}
			#productSelector li .prodImage{display:block; width:98px; border:1px solid #a8ad91; height:103px; position:absolute; top:0; left:0;}
			#productSelector li .prodName{top:108px; left:0; position:absolute; display:block; width:100%;}

	#email{display:none;}
	
/* --- Footer --- */
	#footerShell{background:url(http://www.gamberjohnson.com/scaffold/images/footerTop.gif) repeat-x top left; clear:both;}
	#footer{margin:0 8px;}