/* Robust Catalog CSS Supplement
Author: Andy Waschick, Gestalt, Inc. */

#hero #headerbar #product-detail {
	width: 900px; 
	height: 348px; 
	position: absolute; 
	top: 43px; 
	left: 0px; 
	background-color: #ABB400; 
	background-image: url(/site/pix_robust/vine-leaves-bg.gif); 
	background-repeat: no-repeat; 
	background-position: 550 70; 
	overflow: auto; 
	}
	
	#hero #headerbar #product-detail .content {
		text-align: left; 
		margin: 20px; 
		}
		
		#hero #headerbar #product-detail .content .productinfo {
			}
		
			#hero #headerbar #product-detail .content .productinfo img {
				display: none; 
				}
			
			#hero #headerbar #product-detail .content .productinfo h1 {
				font-size: 14px; 
				}
			
		#hero #headerbar #product-detail .content .productimage {
			float: left;
			margin-right: 20px; 
			}
	
			#hero #headerbar #product-detail .content .productimage img {
				height: 305px; 
				border: 1px solid black; 
				}
			
		#hero #headerbar #product-detail .content .grid-orderform {
			float: right; 
			padding-left: 20px; 
			padding-top: 20px; 
			width: 180px; 
			text-align: right; 
			vertical-align: bottom; 
			}
		

#everything-else #shopping {
	width: 900px; 
	border-collapse: collapse; 
	}
	
	#everything-else #shopping .product-grid {
		background-color: #B1B55B; 
		}
		
		td.product-grid {
			font-size: 13px; 
			vertical-align: top;
			border-right: 10px solid white; 
			padding: 20px; 
			padding-bottom: 25px; 
			}
			
			.product-grid .griditem {
				border: 1px solid white; 
				background-color: #bbb; 
				width: 160px;
				height: 160px; 
				overflow: hidden; 
				padding: 0px; 
				margin: 14px; 
				float: left; 
				}
				
				.product-grid .griditem img {
					height: 250px; 
					border: none; 
					}
				
				.product-grid .griditem .productinfo {
					position: relative; 
					top: -405px; 
					left: 10px; 
					width: 140px; 
					line-height: 18px; 
					}
				
					.product-grid .griditem .productinfo a {
						text-decoration: none; 
						color: #fff; 
						}
						
					.product-grid .griditem .productinfo .price {
						display: none; 
						}
					
				.product-grid .griditem .shadow {
					position: relative; 
					top: -255px; 
					left: 0px; 
					width: 160px; 
					height: 165px; 
					margin: 0px; 
					background-color: #555; 
					opacity: .6;
					filter: alpha(opacity=60);
					}
			
			.product-grid .griditem-selected {
				border: 1px solid #000; 
				background-color: #bbb; 
				width: 160px;
				height: 160px; 
				overflow: hidden; 
				padding: 0px; 
				margin: 14px; 
				float: left; 
				}
				
				.product-grid .griditem-selected img {
					height: 250px; 
					border: none; 
					}
				
				.product-grid .griditem-selected .productinfo {
					position: relative; 
					top: -405px; 
					left: 10px; 
					width: 140px; 
					line-height: 18px; 
					}
				
					.product-grid .griditem-selected .productinfo a {
						text-decoration: none; 
						color: #000; 
						}
						
					.product-grid .griditem-selected .productinfo .price {
						color: red; 
						font-size: 16px; 
						font-weight: bolder; 
						position: absolute; 
						bottom: -25px; 
						right: 0px; 
						}						
					
				.product-grid .griditem-selected .shadow {
					position: relative; 
					top: -255px; 
					left: 0px; 
					width: 160px; 
					height: 165px; 
					margin: 0px; 
					background-color: #fff; 
					opacity: .7;
					filter: alpha(opacity=70);
					}
				


				
		
	#everything-else #shopping .shopping-cart {
		width: 230px; 
		background-color: #ABB400; 
		right: 0px; 
		margin-left: 10px; 
		}
	
		td.shopping-cart {
			font-size: 13px; 
			vertical-align: top; 
			padding: 20px; 
			padding-bottom: 25px; 
			}
	
	#everything-else #headlinebar {
		background-color: #fff; 
		}
		
		#everything-else #headlinebar table.content {
			width: 900px !important; 
			color: #fff !important; 
			font-size: 13px; 
			margin: 0px; 
			padding: 0px; 
			margin-top: 10px; 
			}
				
			#everything-else #headlinebar .content td {
				vertical-align: middle; 
				height: 40px; 
				background-color: #ABB400; 
				margin: 0px; 
				}
				
			#everything-else #headlinebar .content br {
				display: none; 
				}
			
							
			#everything-else #headlinebar .content #page-name {
				text-align: right; 
				width: 284px; 
				}
			
			#everything-else #headlinebar .content #tagline {
				padding-left: 30px; 
				text-align: left; 
				}
			
				
	#everything-else #shopping .trailer {
		padding-top: 15px; 
		text-align: center; 
		}