/*
===========================================================
	TABLE OF CONTENTS
===========================================================
	1. GLOBAL
	2. FOUNDATION
	3. HEADER
	4. BODY
	5. FOOTER
	6. HELPERS
	7. UTILITIES
		7.1. Clear Fix
		7.2. FIR

===========================================================
	COLOR PALLETE
===========================================================

	#EFEEDF - Sandstone Background
	#ADC54E - Green Primary Navigation
	#E9EFCF - Green Search Box
	#3C9EC1 - Blue Footer

*/

/*********************************************************
	1. GLOBAL
**********************************************************/

/*********************************************************
	2. FOUNDATION
**********************************************************/

#container {
	background-image: url(../img/common/backgrounds/container-small_bg.gif);
	width: 750px;
	margin: 26px auto 0 auto;
}

#store-zip-container {
	background-image: url(../img/common/backgrounds/container-small_bg.gif);
	width: 750px;
	margin: 5px auto 0 auto;
	left: 0px;
}

/*********************************************************
	3. HEADER
**********************************************************/

#hd {}

#hd .border {
	background: url(../img/common/backgrounds/container-small-border_sprites.gif);
	width: 755px;
}

	/*********************************************************
		3.1. HEADER | Top Bar
	**********************************************************/
	
	#top {}
	
		/*********************************************************
			3.1.1. HEADER | Top Bar | Utility
		**********************************************************/
	
		#utility {
			top: 27px;
			right: 20px;
		}
		
		#utility li {
			border-right: 1px dashed #c6c6c6;
			border-left: 0;
			height: auto;
			float: left;
			padding: 0 20px;
		}
		
		#utility li.last {
			border: none;
			padding: 0 0 0 20px;
		}

/*********************************************************
	4. BODY
**********************************************************/

#bd {
	border-top: 1px dashed #c6c6c6;
	height: 266px;
}

	/*********************************************************
		4.3. BODY | Imagery
	**********************************************************/
	
	#imagery {
		height: 266px;
		width: 463px;
		float: left;
	}
	
	#imagery img {
		float: left;
	}
	
	#imagery .one {
		margin: 0 4px 0 0;
	}
	
	#imagery .two {
		margin: 0 0 4px 0;
	}
	
	#imagery .three {}
	
	/*********************************************************
		4.3. BODY | Zip Entry
	**********************************************************/
	
	#zip-entry {
		background-color: #d7e8ee;
		height: 266px;
		width: 283px;
		float: left;
		margin: 0 0 0 4px;
		position: relative;
	}
	
	#zip-entry h2 {
		background: transparent url(../img/zip/type/zip-heading_type.gif) no-repeat left top;
		height: 34px;
		width: 232px;
		position: absolute;
		top: 18px;
		left: 34px;
	}
	
		/*********************************************************
			4.3.1. BODY | Zip Entry | Benefits
		**********************************************************/
	
		#benefits {
			position: absolute;
			top: 51px;
			left: 24px;
		}
		
		#benefits li {
			background: transparent url(../img/zip/type/bullet-points_type.gif) no-repeat left top;
			height: 29px;
			width: 210px;
			margin: 12px 0;
		}
		
		#benefits li.local-savings {
			background-position: 0 0;
		}
		
		#benefits li.time-saving {
			background-position: 0 -29px;
		}
		
		#benefits li.convenient {
			background-position: 0 -58px;
		}
	
		/*********************************************************
			4.3.2. BODY | Zip Entry | Form
		**********************************************************/
		
		#zip-entry-form {
			font-size: 12px;
			position: absolute;
			top: 193px;
			left: 25px;
		}
		
		#zip-entry-form li {
			float: left;
		}
		
		#zip-entry-form label {
			font-weight: bold;
			display: block;
		}
		
		#zip-entry-zip {
			font-size: 14px;
			width: 93px;
			margin: 2px 0 0 0;
			padding: 3px 8px 3px 6px;
		}
		
		#zip-entry-submit {
			background: transparent url(../img/zip/buttons/enter-site.gif) no-repeat left top;
			border: none;
			height: 31px;
			width: 102px;
			margin: 18px 0 0 12px;
		}
		
	/*********************************************************
		4.4. BODY | Zip Popup
	**********************************************************/
	
	#zip-popup {
		font-size: 11px;
		background: transparent url(../img/zip/backgrounds/other-results_popup.png) no-repeat left top;
		height: 277px;
		width: 560px;
		position: absolute;
		top: 66px;
		left: 103px;
	}
	
	#zip-popup p {
		line-height: 16px;
		margin: 0 0 16px 0;
	}
	
	#zip-popup p .distance {
		font-weight: bold;
		display: block;
		margin: 5px 0;
	}
	
	#zip-popup .store-name {
		font-size: 12px;
		font-weight: bold;
		display: block;
		margin: 0 0 3px 0;
	}
	
	#zip-popup-close {
		background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -174px;
		height: 12px;
		width: 14px;
		position: absolute;
		top: 15px;
		left: 526px;
		outline: none;
	}
	
	#zip-popup-left {
		position: absolute;
		top: 37px;
		left: 38px;
		width: 212px;
	}
	
	#zip-popup-right {
		position: absolute;
		top: 37px;
		left: 310px;
		width: 212px;
	}
	
/*********************************************************
	5. FOOTER
**********************************************************/

#ft {}

#ft .border {
	background: transparent url(../img/common/backgrounds/container-small-border_sprites.gif) no-repeat center bottom;
	display: block;
	width: 755px;
	height: 17px;
}

	/*********************************************************
		5.1. FOOTER | Company Information
	**********************************************************/
	
	#company-info {}
	
	/*********************************************************
		5.2. FOOTER | Bottom Bar
	**********************************************************/
	
	#bottom {
		height: 56px;
		position: relative;
	}
	
		/*********************************************************
			5.2.1. FOOTER | Bottom | Copyright Information
		**********************************************************/
	
		#copyright {
			position: absolute;
			top: 12px;
			left: 14px;
		}
		
		/*********************************************************
			5.2.2. FOOTER | Bottom | Site Information
		**********************************************************/
		
		#site-info {
			top: 5px;
			left: 538px;
		}
		
		/*********************************************************
			5.2.3. FOOTER | Bottom | VeriSign(TM)
		**********************************************************/
		
		#verisign {
			top: 13px;
			left: 660px;
		}

/*********************************************************
	6. HELPERS
**********************************************************/

/*********************************************************
	7. UTILITIES
**********************************************************/