﻿/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);


#wrapper {
	width: 970px;
	margin: 0 auto;
}
.cbr { clear: both; }
	
	#header {
		height: 294px;
		position: relative;
		margin-bottom: 4px;
	}
	
		#topbanner {
			height: 250px;
			/*background: #ffffff url(../images/banner.jpg) 4px 0 no-repeat;*/
			background-repeat: no-repeat;
			background-position: 4px 0;
			background-color: #ffffff;
			position: relative;
			margin-bottom: 4px;
		}
			#logo {
				width: 167px;
				height: 71px;
				display: block;
				position: absolute;
				left: 31px; bottom: 37px;
			}
		
		#mainnav {
			position: relative;
			padding: 4px;
			height:32px;
			background-color: #ffffff;
		}
				
			#mainnav li {
				display:inline;
				padding:0; margin:0; 
			}
			
			#mainnav li a {
				background: url(../images/nav.gif) no-repeat;
				overflow: hidden;
				padding-top: 32px;
				padding-left: 0;
				padding-right: 0px;
				height: 0;
				display:block;
				float: left;
			}
			
			#mainnav li a:hover {
				background-image: url(../images/nav-over.gif); 
			}
			
				#mainnav li.nav_home a { width:123px;}
				#mainnav li.nav_shop a { width:114px; background-position: -123px 0 }
				#mainnav li.nav_about a { width:215px; background-position: -237px 0}
				#mainnav li.nav_contact a { width:158px; background-position: -452px 0}
				#mainnav li.nav_account a { width:181px; background-position: -610px 0}
				#mainnav li.nav_cart a { width:171px; background-position: -791px 0}
		

	#mainsection {
		position: relative;
		background: transparent url(../images/main-section-bg.gif) top center repeat-y;
		overflow: auto;
	}
	
	#sidebar {
		width: 177px;
		padding: 18px 21px 0 0;
		font-size: 11px;
		float: left;
		position: relative;
	}
		
		#mycart {
			width: 177px;
			color: #ffffff;
		}
		
			#carttop {
				background: transparent url(../images/cart-img.gif) top left no-repeat;
				padding: 21px 24px 0 24px;
				font-size: 13px; font-weight: bold;
				height: 20px;
				overflow: hidden;
			}
			
				#carttop a {
					color:#FFFFFF;
					text-decoration: none;
				}
				
				#carttop a:hover {
					text-decoration: underline;
				}
			
			#cartbody {
				background: transparent url(../images/left-cta-bg-red.gif) repeat-y;
				padding: 0 24px 12px 24px; 
			}
		
			.ctabottom {
				background: transparent url(../images/left-cta-bottom-bg.gif) top left no-repeat;
				height: 7px; 
				overflow: hidden;
			}
			
		#info-wrapper {
			position: relative;
		}
			
			.ctatop {
				background: transparent url(../images/left-cta-top-bg.gif) top left no-repeat;
				height: 7px; 
				overflow: hidden;
			}
			
			.ctabody {
				background: transparent url(../images/left-cta-bg-grey.gif) top left repeat-y;
				padding: 12px 24px; 
			}
		
		#registry-wrapper {
			position: relative;
			background: transparent url(../images/registrybox-bg.jpg) top left no-repeat;
			height: 81px;
			padding:21px 24px 12px 22px;
		}		
			
		#order-wrapper {
			position: relative;
			background: transparent url(../images/orderbox-bg.jpg) top left no-repeat;
			height: 81px;
			padding:21px 24px 12px 22px;
		}
		
			a.orderlink {
				font-weight: bold;
				font-size:11px;
				color: #d3649f !important;
				text-decoration: none;
			}
				
				a.orderlink:hover {
					text-decoration: underline;
				}
			
		#sponsor-wrapper {
			position: relative;
		}
		
			#sponsorbody {
				padding-left: 10px;
			}
			
				#sponsorImg {
					background: transparent url(../images/sponsor-logo1.gif) top left repeat-y;
					width: 118px;
					height: 0;
					padding-top:39px;
					overflow: hidden;
					margin-top: 8px;
					display: block;
				}
			
		#content {
			margin-left: 198px;
			padding: 0 27px 35px;
			position: relative;
		}
		
			#content-body {
				position: relative;
				padding-top: 140px;
				/*background: transparent url(../images/cat-books.jpg) left top no-repeat;*/
			}
		
	#footer {
		height: 40px;
		padding-top: 20px;
		padding-left: 289px;
		font-size: 11px;
		color: #666666;
		background: transparent url(../images/footer-img.gif) 198px 14px no-repeat;
	}
