/*
===========================================================
	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
**********************************************************/

	/*********************************************************
		2.1. FOUNDATION | Account Navigation
	**********************************************************/

	#account-nav {
		width: 750px;
	}

	/*********************************************************
		2.2. FOUNDATION | Main Container
	**********************************************************/

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

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

#hd {}

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

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

	/*********************************************************
		3.1. HEADER | Top Bar
	**********************************************************/
	
	#top {}
	
		/*********************************************************
			3.1.2. HEADER | Top Bar | Global Search
		**********************************************************/
	
		#global-search {
			left: 525px;
			top: 13px;
		}

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

#bd {
}

	/*********************************************************
		4.3. BODY | Main Content
	**********************************************************/
	
	#main-content {
		padding: 0 16px 24px 14px;
	}
	
	#main-content-left h2.find-a-store {
		background: transparent url(../img/locator/type/green-heading_type.gif) no-repeat 0 -90px;
		height: 13px;
		margin: 10px 0;
	}
	
	#main-content-left h2.get-directions {
		background: transparent url(../img/locator/type/green-heading_type.gif) no-repeat 0 -112px;
		height: 17px;
		margin: 10px 0;
	}
	
		/*********************************************************
			4.3.1. BODY | Main Content | Left Column
		**********************************************************/
		
		#main-content-left {
			width: 190px;
			float: left;
		}
		
		#main-content-left .arrow-link-list li {
			font-size: 10px;
		}
			
			/************************************************************
				4.3.1.1. BODY | Main Content | Left Column | Find A Store
			*************************************************************/
			
			#main-content-left #find-store {
				margin: 0 0 12px 0;
			}
			
			#main-content-left #find-store-form {
				width: 190px;
			}
			
			#main-content-left #find-store-form input {
				width: 188px; /* Form Width - Input Left/Right Padding */
			}
			
			/**************************************************************
				4.3.1.1. BODY | Main Content | Left Column | Get Directions
			***************************************************************/
			
			#get-directions-to, #get-directions-form {
				font-size: 11px;
			}
			
			#get-directions-form label{
				display: block;
			}
			
			#get-directions-form input {
				font-size: 11px;
				border: 1px solid #c1c1c1;
				width: 171px;
				margin: 0 0 1px 0;
				padding: 1px;
			}
			
			input#get-directions-submit {
				background: transparent url(../img/common/buttons/orange-text-buttons_sprites.gif) no-repeat 0 -130px;
				border: none;
				height: 26px;
				width: 106px;
				display: block;
				margin: 5px 0 15px 0;
			}
			
			#get-directions-to .store-name {
				font-size: 12px;
				font-weight: bold;
				display: block;
				margin: 0 0 3px 0;
			}
			
			#get-directions-to strong {
				display: block;
				margin: 6px 0;
			}
			
			#get-directions-to .visit-store {
				margin: 8px 0 0 0;
			}
			
			/****************************************************************
				4.3.1.3. BODY | Main Content | Left Column | Your Local Store
			*****************************************************************/
			
			#local-store {
				font-size: 11px;
				background-color: #d7e8ee;
			}
			
			#local-store-top {
				background: transparent url(../img/locator/backgrounds/yls_bg.gif) no-repeat left top;
				height: 40px;
			}
			
			#local-store-content {
				margin: 0 10px;
			}
			
			#local-store-content .store-name {
				font-weight: bold;
				display: block;
				margin: 0 0 4px 0;
			}
			
			#local-store-content p {
				margin: 11px 0;
			}
			
			#local-store-bottom {
				background: transparent url(../img/locator/backgrounds/yls_bg.gif) no-repeat left bottom;
				height: 8px;
			}
			
			/**************************************************************
				4.3.1.4. BODY | Main Content | Left Column | Banner Listing
			***************************************************************/
			
			#banners {
				font-size: 11px;
			}
			
			#banners p {
				margin: 11px 0;
			}
			
			#banners p a {
				font-weight: bold;
				display: block;
			}
		
		/*********************************************************
			4.3.2. BODY | Main Content | Middle Column
		**********************************************************/
		
		#main-content-middle {
			width: 300px;
			float: left;
			margin: 0 20px;
		}
		
		#main-content-middle h2.find-a-store {
			background: transparent url(../img/locator/type/green-heading_type.gif) no-repeat 0 0;
			height: 20px;
			margin: 10px 0;
		}
		
		#main-content-middle .arrow-link-list li {
			font-size: 11px;
		}
		
			/**************************************************************
				4.3.2.1. BODY | Main Content | Middle Column | Find A Store
			***************************************************************/
			
			#main-content-middle #find-store-form {
				width: 224px;
			}
			
			#main-content-middle #find-store-form input {
				width: 222px; /* Form Width - Input Left/Right Padding */
			}
		
		/*********************************************************
			4.3.3. BODY | Main Content | Right Column
		**********************************************************/
		
		#main-content-right {
			width: 190px;
			float: left;
			padding: 9px 0 0 0;
		}
		
		#main-content-right p {
			margin: 0 0 14px 0;
		}
		
		/*********************************************************
			4.3.4. BODY | Main Content | Large Column
		**********************************************************/
		
		#main-content-large {
			font-size: 11px;
			width: 511px;
			float: left;
			margin: 0 0 0 17px;
			padding: 9px 0 0 0;
			position: relative;
		}
		
		#main-content-large h2.store-locations {
			background: transparent url(../img/locator/type/green-heading_type.gif) no-repeat 0 -29px;
			height: 19px;
			margin: 12px 0;
		}
		
		#main-content-large h2.stores-by-state {
			background: transparent url(../img/locator/type/green-heading_type.gif) no-repeat 0 -56px;
			height: 25px;
			margin: 12px 0;
		}
		
		#large-left {
			width: 301px;
			float: left;
		}
		
		#large-right {
			width: 190px;
			float: left;
			margin: 0 0 0 20px;
		}
		
		#print-details {
			display: none;
			float: right;
			margin: 0 0 10px 0;
		}
		
		#print-directions {
			display: none;
			margin: 10px 0;
		}
		
		#print-list {
			display: none;
			position: absolute;
			right: 0;
			margin: -25px 0 0 0;
		}
		
		#print-stores {
			display: none;
			position: absolute;
			right: 0;
			margin: -31px 0 0 0;
		}
		
		.has_script #print-details, .has_script #print-directions, .has_script #print-list, .has_script #print-stores {
			display: block;
		}
		
			/***********************************************************
				4.3.4.1. BODY | Main Content | Large Column | Google Map
			************************************************************/
			
			#map {
				border: 1px solid #c2c2c2;
				margin: 0 0 12px 0;
			}
			
			#map.small {
				height: 233px;
				width: 509px;
			}
			
			#map.large {
				height: 308px;
				width: 500px;
			}
			
				/***********************************************************************
					4.3.4.1.1. BODY | Main Content | Large Column | Google Map | Overlay
				************************************************************************/
				
				#map .overlay {
					font-size: 11px;
					background: transparent url(../img/locator/backgrounds/info-overlay.png) no-repeat 0 0;
					height: 124px;
					width: 153px;
					padding: 22px 20px 0 20px;
				}
				
				#map .overlay .close {
					background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -174px;
					height: 12px;
					width: 14px;
					position: absolute;
					top: 10px;
					left: 170px;
					outline: none;
				}
				
				#map .overlay .name {
					font-weight: bold;
					display: block;
					margin: 0 0 5px 0;
				}
				
				#map .overlay .address-1 {
					display: block;
				}
				
				#map .overlay .address-2 {
					font-size: 10px;
					display: block;
				}
			
			/***********************************************************
				4.3.4.2. BODY | Main Content | Large Column | Results
			************************************************************/
			
			#results {}
			
			#results-within-range {
				line-height: 18px;
				background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 -504px;
				padding: 0 0 13px 20px;
			}
			
			.results-number-of {
				font-weight: bold;
				float: left;
			}
			
				/******************************************************************
					4.3.4.2.1. BODY | Main Content | Large Column | Results | Table
				*******************************************************************/
			
				.results-table {
					width: 100%;
					margin: 16px 0 10px 0;
				}
				
				.results-table th {
					font-weight: bold;
					border-color: #b7b7b7;
					border-width: 1px 0;
					border-style: dashed;
					padding: 10px 0;
				}
				
				.results-table tr.no-border {
					border-bottom: none;
				}
				
				.results-table td {
					border-bottom: 1px dashed #b7b7b7;
					padding: 13px 0 17px 0;
					vertical-align: top;
				}
				
				.results-table td.location {
					width: 248px;
				}
				
				#main-content-large .store-name {
					font-size: 12px;
					font-weight: bold;
					height: 15px;
					display: block;
					margin: 0 0 6px 0;
				}
				
				#main-content-large .marker {
					color: #000;
					font-size: 8px;
					font-weight: normal;
					text-align: center;
					background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 -592px;
					height: 20px;
					width: 13px;
					float: left;
					display: block;
					margin: 0 5px 0 0;
					padding: 1px 0 0 0;
					cursor: default;
				}
				
				#main-content-large .marker.local {
					color: #ffffff;
					background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 -546px;
				}
				
				.results-table td.location a.save-button {
					margin: 11px 0 0 0;
				}
				
				.results-table td.distance {
					font-weight: bold;
					width: 154px;
				}
				
				.results-table td.distance a {
					font-weight: normal;
					display: block;
					margin: 5px 0 0 0;
				}
				
				.results-table td a.visit-store {
					margin: 11px 0 0 0;
				}
				
			/***********************************************************
				4.3.4.3. BODY | Main Content | Large Column | Directions
			************************************************************/
			
			#route {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
			}
			
			/**************************************************************
				4.3.4.4. BODY | Main Content | Large Column | Store Details
			***************************************************************/
			
			#store-details {}
			
			#store-details ul, #store-details ol {
				margin: 0 0 18px 0;
			}
			
			#store-details ol li {
				list-style-type: decimal;
				margin: 0 0 0 20px;
			}
			
			#store-details .save-store-button {
				margin: 0 0 10px 0;
			}
			
			#large-right img {
				margin: 0 0 10px 0;
			}
			
			/****************************************************************
				4.3.4.5. BODY | Main Content | Large Column | Stores by State
			*****************************************************************/
			
			#state-name {
				height: 29px;
				float: left;
			}
			
			#state-name em {
				font-size: 16px;
			}
			
			.pagination {
				line-height: 11px;
				height: 12px;
				float: right;
				margin: 5px 0;
			}
			
			.pagination strong {
				float: left;
			}
			
			.pagination li {
				border-left: 1px solid #494949;
				float: left;
				padding: 0 6px;
			}
			
			.pagination li.label, .pagination li.first {
				border-left: none;
			}
			
			.pagination li.label {
				font-weight: bold;
				padding: 0;
			}
			
				/*************************************************************************
					4.3.4.5.1. BODY | Main Content | Large Column | Stores by State | Form
				**************************************************************************/
			
				#state-selector {
					line-height: 37px;
					background: transparent url(../img/locator/backgrounds/state-selector_bg.gif) no-repeat 0 0;
					height: 37px;
					margin: 0 0 22px 0;
					padding: 0 11px;
				}
			
				#state-selector-form label {
					font-weight: bold;
				}
			
				#state-selector-states {
					border: 1px solid #c1c1c1;
				}
			
		/********************************************************************************
			4.3.5 BODY | Main Content | Find A Store (for both left and middle column)
		*********************************************************************************/
		
		#find-store-form {
			font-size: 10px;
		}
		
		#find-store-form legend {
			color: #666666;
			margin: 0 0 10px 0;
		}
		
		#find-store-form label {
			font-weight: bold;
			display: block;
		}
		
		#find-store-form input, #find-store-form select {
			font-size: 11px;
			border: 1px solid #c1c1c1;
			width: 100%;
			margin: 0 0 1px 0;
			padding: 1px;
		}
		
		#find-store-form li.divider {
			color: #c4c4c4;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			background: transparent url(../img/common/backgrounds/dashed_line.gif) repeat-x 0 center;
			margin: 11px 0;
		}
		
		#find-store-form li.divider span {
			background-color: #ffffff;
			padding: 0 2px;
		}
		
		#find-store-form span.required {
			color: #2cadda;
		}
		
		#find-store-form input#find-store-zip {
			width: 64px;
		}
		
		#find-store-form select#find-store-radius {
			width: 115px;
		}
		
		#find-store-form input#find-store-submit {
			background: transparent url(../img/common/buttons/orange-text-buttons_sprites.gif) no-repeat 0 -78px;
			border: none;
			height: 25px;
			width: 68px;
			display: block;
			margin: 15px 0;
		}
		
/*********************************************************
	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;
	}
	
		/*********************************************************
			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
**********************************************************/

	/*********************************************************
		6. HELPERS | View Store Details overlay
	**********************************************************/

	div.view-details {
		text-indent: -500em;
		background: transparent url(../img/locator/icons/view-details.png) no-repeat left top;
		height: 26px;
		width: 103px;
		display: none;
		position: absolute;
		top: -2px;
		right: -103px;
	}

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

#logo-span{
	display: none;
}