.error{
	color: #8d1a18;
	font-size: 11px;
	padding-top: 19px;
}

/*
#logo {
	position: absolute;
	top: 0;
	right: -50px;
}*/

#locatorWrap #homeHead{
  display:none;
}

#numResults {
	font-size: 14px;
}


	#LocationIndexForm select{
		background-color: #fff;
		font-size: 14px;
		color: #7b7b7b;
		font-family: Arial, sans-serif;
	}
	
	#locationsSubmit {
		clear: both;
		display: block;
		padding: 20px 0;
	}	
	#locationsSubmit input {
		background: url(../img/locationBtnsSprite.png) no-repeat scroll 0 0 transparent;
		cursor: pointer;
		height: 42px;
		width: 104px;
		border:none;
	}

	#locationsSubmit input:hover {
		background-position: 0 -42px;
	}
	
		
		.getDirections{
			display:inline-block;
			width: 137px;
			height: 35px;
			background-image: url(../img/locationBtnsSprite.png);
			background-position: 0 -84px;
			background-repeat:no-repeat;			
		}

			.getDirections:hover{
				background-position: 0 -119px;
			}
	
	#LocationZip {
		background: none;
		background-color: #f1f0f0;
		width: 51px;
		height: 18px;
		text-transform: uppercase;
		border-top: 1px solid #d5d4d4;
		border-left: 1px solid #d5d4d4;
	}
	#LocationCity{
		background: none;
		background-color: #f1f0f0;
		width: 135px;
		height: 14px;
		text-transform: uppercase;
		border-top: 1px solid #d5d4d4;
		border-left: 1px solid #d5d4d4;
		margin-bottom: 5px;
	}
	#uniform-LocationDistance span {
		width: 87px;
	}
	#uniform-LocationDistance select {
		width: 122px;
	}
	#uniform-LocationDistance {
		width: 116px;
	}
	#uniform-LocationState span {
		width: 133px;
	}
	#uniform-LocationState select {
		width: 169px;
	}
	#uniform-LocationState {
		width: 160px;
	}
	#tryTweetie {
		position: absolute;
		top: -69px;
		left: 409px;
	}
	
	/*Location results */
	#LocationResults{
		margin-top: 20px;
		position:relative;
	}
		#LocationResults #hideMap{
			display:block;
			position:absolute;
			top:3px;
			right:0;
			color:#8e877e;
			font-size:10px;
		}
		#hideMap:hover{
			text-decoration:none;
		}
	#LocationResults td{
		padding: 10px;
	}
	
	#location_map{
		height: 251px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
		#locationsWrapper{
			background-color: #fff;
			padding: 20px;
			
		}
		
		#locationsWrapper p{
			display: block;
			clear: both;
			
		}
		
		#mainContent .row h1 {
			line-height: 35px;
		}
		#distanceW{
			display: block;
			clear: both;
			padding: 16px 0 13px;
		}
		#locationsWrapper label{
			padding: 6px;
			display: block;
			width: 106px;
			color: #131313;
		}
		#locationsWrapper #uniform-state{
			margin-left: 10px;
		}
		
		#locationsWrapper .input.select,
		#locationsWrapper .input.text,
		#locationsWrapper label,
		#locationsWrapper #distance,
		#locationsWrapper #state{
			float: left;
			font-size: 15px;
			display: inline-block;
			overflow: auto;
			color: #131313;
		}
		
		#locationsWrapper table{
			width: 100%;
			border-collapse:collapse;
			font-size: 13px;
			color: #4E4949;
		}
		
		#locationsWrapper a {
			color: #e31a3f;
			text-decoration: none;
		}
		#locationsWrapper a:hover {
			text-decoration:  underline;
		}
		#locationsWrapper table th{
			padding: 0 7px 0 10px;
			font-size: 14px;
			font-weight: normal;
			padding: 15px;
			text-align: left;
		}
			
			#locationsWrapper table td{
				text-align: left;
			}
			#locationsWrapper table td.rowNumber{
				text-align: center;
			}
		
		#locationsWrapper tr.odd td, 
		#locationsWrapper tr.even td {
  			background-image: none;
  			border-bottom: 1px solid #D1CFCF;
  			border-top: 1px solid #D1CFCF;
		}
		#locationsWrapper table tr.odd {
  		background-color: #EDECEC;
		}
		
		.rowNumber {
			font-size: 36px;
			padding: 0 7px 0 10px;
			text-align: center;
			vertical-align: middle;
			width: 58px;
		}

		.odd .rowNumber {
  			color: #FFFFFF;
		}

		.even .rowNumber {
  		color: #EDECEC;
		}


		#pager{
			
			font-size: 12px;
			text-transform: uppercase;
			position:relative;
			
		}
			#paging{
				position: absolute;
				right: 0;
				
			}
			#pager span{
				color:#e6e4dd;
			}
			#pager a{
				color: #6192d4;
			}
				#pager a:hover{
					text-decoration:none;
					color:#e6e4dd;
				}
			#pager a span{
				display: none;
			}
				
				
			
	@media only screen and (max-width: 760px),
	(min-device-width: 768px) 
	and (max-device-width: 1024px)  {
		#locatorWrap #homeHead{
		  display:none;
		  margin-bottom: 0;
		}

		#MobileHead{
			/*display: none;*/
		}
		
		#LocationIndexForm{
			padding: 0 20px;
		}
		
		#locationsWrapper{
			margin: 0 20px;
		}
		
		
       #locatorWrap #homeHead{
		  display:block;
		}

       #pager{
       	margin: 10px 0;
       }
       
       #pager a {
  			background-color: #9f2122;
  			border: 1px solid #CECECE;
  			color: #6192D4;
  			display: inline-block;
  			padding: 2px 22px;
  			color: #fff;
  			font-weight: 800;
		}
         #pager a img{
         	display: none;
         } 
         #pager a span{
				display: inline;
			}
        #paging{
				position: static;
				margin-bottom:10px; 
				
			} 
         
/* Force table to not be like tables anymore */
		.allbrowsers #LocationResults table,
		.allbrowsers #LocationResults thead,  
		.allbrowsers #LocationResults tbody, 
		.allbrowsers #LocationResults th, 
		.allbrowsers #LocationResults td, 
		.allbrowsers #LocationResults tr {
			display: block;
		}
        
	
		
        
		#LocationResults table{
			min-width: 258px;
			font-size: 15px;
		}
		#LocationResults {
			padding: 0 20px;
		}
        /* Hide table headers (but not display: none;, for accessibility) */
         .allbrowsers #LocationResults thead tr {
                visibility: hidden;
                height: 0;
        }

         #LocationResults tr { border: 1px solid #ccc; }

         .allbrowsers #LocationResults td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: none;
                position: relative;
                padding-left: 50%;
        }

         .allbrowsers #LocationResults td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
        }

        /*
        Label the data
        */
        .allbrowsers #LocationResults td:nth-of-type(1) { display: none; }
        .allbrowsers #LocationResults td:nth-of-type(2):before { content: "LOCATION NAME:"; }
        .allbrowsers #LocationResults td:nth-of-type(3):before { content: "ADDRESS:"; }
        .allbrowsers #LocationResults td:nth-of-type(4):before { content: "DISTANCE:"; }

}	
	
@media handheld, only screen and (max-width: 480px) {
		#locationsWrapper .input.select,
		#locationsWrapper .input.text,
		#locationsWrapper label,
		#locationsWrapper #distance,
		#locationsWrapper #state{
			float:none;
			font-size: 15px;
			display:block;
			overflow: auto;
		}
		
		#locationsWrapper .input.select {
			margin-left: 0;
		}
		#LocationZip,#LocationCity{
			margin-bottom: 10px;
		}
		#locationsWrapper #uniform-state{
			margin-left: 0;
		}
}
	
	@media screen and (max-device-width: 320px){
		
		#locationsWrapper .input.select,
		#locationsWrapper .input.text,
		#locationsWrapper label,
		#locationsWrapper #distance,
		#locationsWrapper #state{
			float:none;
			font-size: 15px;
			display:block;
			overflow: auto;
		}
		
		#locationsWrapper .input.select {
			margin-left: 0;
		}
		#LocationZip,#LocationCity{
			margin-bottom: 10px;
		}
				
		#locationsWrapper #uniform-state{
			margin-left: 0;
		}
		#locationsWrapper {
  			margin: 0;
  			padding: 0;
		}
		#LocationResults {
  			padding: 0x;
		}
		
		#locationsWrapper h1{
			padding: 20px;
		}
	
		#locationsWrapper .input.select,
		#locationsWrapper .input.text{
			display: block;
		}
	
	}