/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);

body {
	background: url(../../images/top-bg.jpg) top no-repeat;
}

.left-shadow-repeat {
	vertical-align: top; 
	background: transparent url(../../images/left-bg-repeat.jpg) top right repeat-y;
}

.right-shadow-repeat {
	vertical-align: top; 
	background: transparent url(../../images/right-bg-repeat.jpg) 0 0 repeat-y;
}

.middle-shadow {
	background: #ffffff url(../../images/section-bg.jpg) top left no-repeat;
}
	
	.cbr { clear: both; }
		
		#header {
			width: 942px;
			height: 250px;
			background: url(../../images/header-bg.jpg) top left no-repeat;
			position: relative;
		}
			
			#logo {
				background: url(../../images/logo.jpg) top left no-repeat;
				width: 274px;
				height: 81px;
				display: block;
				position: absolute;
				left: 0px; top: 20px;
			}
			
			#top_utilities {
				width:343px;
				height:25px;
				position: absolute;
				top: 10px;
				right: 0px;
			}
			
			#top_utilities a{
				background:url(../../images/top-utilities.gif) no-repeat;
				padding-top: 25px;
				height: 0;
				display: block;
				overflow: hidden;
			}
			
			#top_utilities a:hover{
				background-image:url(../../images/top-utilities-over.gif);
			}
			
			a#guarantee {
				position: absolute;
				top: 115px;
				left: 150px;
				background: url(../../images/guarantee-trans.png) no-repeat;
				width: 171px;
				height: 0px;
				display:block;
				overflow: hidden;
				padding-top: 80px;
			}
			
			a:hover#guarantee {
				background-position: 0px -83px;
				cursor: pointer;
			}
			
			#utilities {
				width:148px;
				height:54px;
				position: absolute;
				top: 115px;
				left: 0px;
			}
			
				#utilities ul, #utilities ul li {
					list-style-type:none; padding:0; margin:0; 
				}
				
				#utilities ul a {
					background: url(../../images/utilities.gif) no-repeat;
					overflow: hidden;
					padding-top: 27px;
					height: 0;
					display:block;
				}
				
				#utilities ul a:hover {
					background-image: url(../../images/utilities-over.gif); 
				}
				
				li#about_emporium a {
					width: 138px;
				}
				
				li#util_employ a {
					width: 158px;
					background-position: 0 -27px;
				}
				
				li#util_contact a {
					width: 87px;
					background-position: 0 -54px;
				}
			
			#mainnav {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 942px;
				height:46px;
			}
					
				#mainnav li {
					display:inline;
					padding:0; margin:0; 
				}
				
				#mainnav li a {
					background: url(../../images/nav.gif) no-repeat;
					overflow: hidden;
					padding-top: 46px;
					padding-left: 0px;
					padding-right: 0px;
					height: 0;
					display:block;
					float: left;
				}
				
				#mainnav li a:hover {
					background-image: url(../../images/nav-over.gif); 
				}
				
					#mainnav li.nav_ammolite a { width:117px;}
					#mainnav li.nav_buckskin a { width:179px; background-position: -117px 0 }
					#mainnav li.nav_cowboy a { width:141px; background-position: -296px 0}
					#mainnav li.nav_footwear a { width:112px; background-position: -437px 0}
					#mainnav li.nav_wildlife a { width:133px; background-position: -549px 0}
					#mainnav li.nav_geodes a { width:101px; background-position: -682px 0}
					#mainnav li.nav_posters a { width:159px; background-position: -783px 0}			
	
		#mainsection {
			background: #ffffff url(../../images/section-bg.jpg) top left no-repeat;
			overflow: hidden;
		}
			#sidebar {
				width: 154px;
				float: left;
				padding: 26px 8px 8px 8px;
			}
				#subnav {
				}
				
				#subnav dd {
					display: none;
				}
				
				#sidebar.ammolite_nav #subnav dd.ammolite {
					display: block;
				}
				
				#sidebar.clothing_nav #subnav dd.clothing {
					display: block;
				}
				
				#sidebar.hats_nav #subnav dd.hats {
					display: block;
				}
				
				#sidebar.footwear_nav #subnav dd.footwear {
					display: block;
				}
				
				#sidebar.art_nav #subnav dd.art {
					display: block;
				}
				
				#sidebar.posters_nav #subnav dd.posters {
					display: block;
				}
				
				#sidebar.signs_nav #subnav dd.signs {
					display: block;
				}
			#content {
				float:left;
				width: 526px;
				min-height: 510px;
				padding: 35px 12px 35px 26px;
			}
			
			#cta-wrapper{
				float: right;
				width: 208px;
				position: relative;
			}
			
				#searchbar {
					background: #d0b168 url(../../images/search-bg.jpg) top no-repeat;
					width: 196px; height: 30px;
					padding: 30px 0 0 12px;
				}
				
					#searchform {
						width: auto;
						height: 24px;
						position: relative;		
					}
				
					#searchtext {
						position: absolute;
						top: 0; left: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:normal;
						color:#963200;
						border: 0;
						background-color:#f2e9d5;
						height: 19px; width: 149px;
						padding: 5px 2px 0 4px;
					}
					
					#searchbutton {
						background: #d0b168 url(../../images/search-btn.jpg) top no-repeat;
						width: 22px; height: 0;
						padding-top: 27px;
						overflow: hidden;
						position: absolute;
						top: 0; right: 15px;
					}
				
				#carttitle {
					background: #d0b168 url(../../images/mycart-title.gif) top no-repeat;
					height: 36px;
					display: block;
					position: relative;
				}
				
				#cartbodywrap {
					background-color: #d0b168;
					width:182px;
					padding: 0 13px;
					position: relative;
				}
				
					#cartdetail {
						background-color: #f2e9d5;
						width:160px;
						padding: 12px 15px 7px 7px;
						font-size: 10px; color: #963200;
					}
					
						.cartitem {
							margin-bottom: 5px;
							clear: both; 
							overflow: auto;
						}
					
						.itemqty {
							padding-top: 2px;
							float: left;						
						}
						
						.itemprice {
							padding-top: 4px;
							float: right;						
						}
						
						.carttotal {
							clear: both;
							text-align: right;
							color: #000000;
						}
						
						.checkoutbtn {
							clear: both;
							padding-top: 5px;
							padding-left: 3px
						}
				
				#cartbottom {
					background: #d0b168 url(../../images/viewcart.gif) bottom no-repeat;
					height: 64px;
					display: block;
					position: relative;
				}
				
					#viewcart {
						width: 153px;
						height: 0;
						padding-top:37px;
						overflow: hidden;
						position: absolute;
						top: 13px; left:26px;
					}
				
				#myaccount {
					height: 60px;
					display: block;
					position:relative;
				}
				
					#account-btn {
						background: transparent url(../../images/myaccount.gif) top no-repeat;
						width: 156px;
						height: 0;
						padding-top:44px;
						overflow: hidden;
						position: absolute;
						bottom: 0; left:26px;
					}
			
		#footer {
			background: url(../../images/footer-bg.jpg) no-repeat;
			width:858px;
			height: 69px;
			position: relative;
			left: 24px;
			padding: 6px 18px 0px 18px;
			font-size: 11px;
		}
			#site-info { float: left;
				width: 500px; }
			#site-links { float: left;	}
			#gssi-link {float: right;}

.featured-bg {
	background-image:url(../../images/picture-frame.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:22px 0 0 0;
	width:237px;
	color:#2b3f2f;
}

.featured-img {
	padding:0 35px 26px 30px;
}

.featured-bg td {
	line-height:16px;
	color:#4b412d;
}

.contenttable .flash-box {
	float:right;
	display:inline;
	padding-right:18px;
	padding-top:15px;
	margin:0 0 10px 10px;
}

.product-specs {
	color:#824123;
		}