/* 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: 66px;
		position: relative;
		background: transparent url(../images/header-bg.png) top left no-repeat;
	}
	
	#menu{
		position: relative;
		left: 608px;
		top: 40px;
		color: #ffffff;
	}
	
	#menu a{
		color: #ffffff;
	}
	
		#logo {
			width: 485px;
			height: 66px;
			display: block;
			position: absolute;
			left: 0; bottom: 0;
		}	

		#util-myaccount {
			position: absolute;
			top: 9px; right: 254px;
			width: 94px; height: 0;
			background: transparent url(../images/myaccount.png) no-repeat;
			padding-top: 26px; 
			overflow: hidden;
		}
		
			#util-myaccount:hover {
				background-image: url(../images/myaccount-over.png);
			}		
			
		#utli-viewcart {
			position: absolute;
			top: 9px; right: 142px;
			width: 86px; height: 0;
			background: transparent url(../images/viewcart.png) no-repeat;
			padding-top: 26px; 
			overflow: hidden;
		}	
			#utli-viewcart:hover {
				background-image: url(../images/viewcart-over.png);
			}	
			
		#utli-wholesale {
			position: absolute;
			top: 9px; right: 23px;
			width: 92px; height: 0;
			background: transparent url(../images/wholesale.png) no-repeat;
			padding-top: 26px; 
			overflow: hidden;
		}	
			#utli-wholesale:hover {
				background-image: url(../images/wholesale-over.png);
			}
		
		#searchbar {
			width:230px;
			height:21px;
			position:absolute;
			right:23px;
			top:20px;
		}
		
			#searchtext {
				width:181px;
				height:16px;
				position:absolute;
				left:0; top:0;
				background: #fff url(../images/searchproduct-bg.png) top left no-repeat;
				border: 1px solid #fff;
				padding: 3px 6px 0;
				font-size: 11px;
				color: #333;
			}
			
			#searchbutton {
				background: transparent url(../images/go.png) no-repeat;
				width: 34px;
				height: 0;
				padding-top: 21px;
				overflow: hidden;
				position: absolute;
				right: 0; bottom: 0;	
			}	

	#mainsection {
		position: relative;
		background-color:#ffffff;
		overflow:auto;
		width:970px;
	}
	
	#sidebar {
		width: 130px;
		min-height: 549px;
		background: #ffffff url(../images/leftnav-bg.jpg) top left no-repeat;
		padding: 20px 35px 0 35px;
		float: left;
	}
				
		#content {
			margin-left: 200px;
			min-height: 569px;
			background: transparent url(../images/body-bg.jpg) top right no-repeat;
			position: relative;
			width:770px;
		}
		
		#content-body {
			padding: 100px 35px 35px;
		}
		
	#footer-cta {
		width: 970px;
		height:111px;
		position: relative;
	}
	
		#cta-newsletter {
			width: 331px;
			height: 111px;
			background: url(../images/freeship.jpg) no-repeat;
			float: left;
			position: relative;	
			font-size: 11px;
		}
			
			#newsletterheader {
				position:absolute;
				left:168px; top: 25px;
			}
			
			#util-maillist {
				position:absolute;
				left:54px;
				top:63px;
				width:207px;
				height:23px;
			}
			
			#subtext {
				background: #fff url(../images/text-bg.gif) top left no-repeat !important;
				border: 1px solid #fff;
				padding:4px 6px 0;
				position:absolute;
				width:137px;
				height:17px;
				font-size: 11px;
				color: #333;
			}
			
			#subscribebutton {
				background:transparent url(../images/signup.gif) no-repeat scroll 0 0;
				height:0;
				overflow:hidden;
				padding-top:23px;
				position:absolute;
				right:0;
				top:0;
				width:61px;
			}
		
		#cta-whathot {
			width: 213px;
			height: 111px;
			background: url(../images/whathot-bg.jpg) no-repeat;
			float: left;
		}
			
		#cta-special {
			width: 213px;
			height: 111px;
			background: url(../images/shop-bg.jpg) no-repeat;
			float: left;
		}	
						
		#cta-info {
			width: 185px;
			height: 61px;
			background: url(../images/info-bg.png) no-repeat;
			float: left;
			padding: 50px 0 0 28px;
		}
		
			#leftcol {
				float: left;
			}
			
			#rightcol {
				margin-left: 20px;
				float: left;
			}
		
	#footer {
		height: 64px;
		width:970px;
		padding-top: 45px;
		text-align: center;
		font-size: 11px;
		color: #fff;
		background: transparent url(../images/footer-bg.png) top right no-repeat;
		position:relative;
	}
	
			#sillysouls {
			width: 138px;
			height: 20px;
			display:block;
			position:absolute; 
			top: 15px; left: 271px;
		}
		
		#babygags {
			width: 145px;
			height: 36px;
			display:block;
			position:absolute; 
			top: 4px; right: 394px;
		}
		
		#moome {
			width: 107px;
			height: 30px;
			display:block;
			position:absolute; 
			top: 8px; right: 267px;
		}