/* Store Locator CSS */

/* shrink map on phones */
/*@media handheld { #map { width: 80%; } }
@media only screen and (max-device-width: 480px) { #map { width: 80%; } }*/

/* Show the JavaScript version with javascript */
#locatorSearch { display: none }
/* noscript #content { display: block } */


/*Fix IE bug*/
.stores .withnav #content {
	*min-height:465px;
}

.store {
	width: 220px;
	height: 120px;
	border: dashed 1px #d1d7e0;
	background: #f3f4f6;
	display: block;
	padding: 0.8em 1em;
	margin: 0 0.5em 0.5em 0;
	color: #666;
	float: left;
}

.store:hover,
.store:focus,
.store:active {
	border-style: solid;
	background: #edf1f6;
	color: #666;
	text-decoration: none;
}

.store div {
	display: inline;
}

.store .name{
	font-weight: bold;
	display: block;
	color: #003366;
}

.store .phone {
	display: block;
	font-weight: normal;
}

.store img {
	margin: 5px 0 -5px 0;
}

.hidden {
	display:none;
}



/* legend
**************************************/
#stocks-legend {
	padding:8px 8px 0px !important;
}

#stocks-legend ul {
	margin:10px 0;
}

#list-updated-alert p {
	background-color:#fff6ba;
	border: 2px dashed #f3e480;
	font-size:90%;
	padding:5px 0;
	text-align:center;
}

#stocks-legend li a {
	color:#000;
	cursor:pointer;
	display:block;
	font-size:90%;
	font-weight:bold;
	height:24px;
	margin:5px 0 0 0;
	padding-top:3px;
	text-indent:32px;
}

#stocks-legend li a:hover, #stocks-legend li a:focus, #stocks-legend li a:active {
	background-color:#fff !important;
	background-position:0px -50px;
	border:none !important;
	color:#ba2234 !important;
}

#stocks-legend li a.active {
	background-color:#fff !important;
	background-position:0px -100px !important;
	border:none !important;
	color:#ba2234 !important;
}

#stocks-kids {
	background:url('/images/pages/stores/stocks_kids_button.jpg') no-repeat 0px 0px;
}

#stocks-levis {
	background:url('/images/pages/stores/stocks_levis_button.jpg') no-repeat 0px 0px;
}


/* map
**************************************/
#map {
	width: 100%;
	height: 350px;
	margin: 1em 0 0 0;
	border: solid 1px #999;
	background: #222;
}

#map noscript {
	text-align: center;
	color: #CCC;
	display: block;
	padding: 25px;
}

#map noscript a {
	color: #4081af;
}

#map noscript a:hover {
	color: #6aaddc;
}


/* Map Info Window */
#map .infowindow {
	display: block;
	text-transform: none;
}
/*#map .infowindow .img {}
#map .infowindow .title {
	color: #333;
	font-weight: bold;
	
	margin-top: 5px;
}
#map .infowindow .body {}*/



/* Store Search field
*************************************/
#store-search {
	margin: 0.8em;
	position: relative;
}

#store-search #store-search-field {
	margin: 0;
	padding: 3px 0 0 3px;
	border: solid 1px #a8a8a8;
	border-right: dashed 1px #CCC;
	background: white;
	height: 21px;
	vertical-align: middle;
}

#store-search #store-search-field.blur {
	color: #BBB;
}

#store-search .search-button {
	margin: 0;
	padding: 0;
	border: solid 1px #a8a8a8;
	border-left: none;
	height: 26px;
	width: 40px;
	vertical-align: middle;
	background: url(/images/global/icon_magnify.gif);
	cursor: pointer;
}

#store-search:hover .search-button {
	border: solid 1px #9ab6e5;
	border-left: none;
}
#store-search:hover #store-search-field {
	background: white url(/images/global/form_input_bg.gif) top repeat-x;
	border: solid 1px #9ab6e5;
	border-right: dashed 1px #9ab6e5;
}
#nearest-stores tbody tr:hover,
#nearest-stores tbody tr:hover td.odd {
	background: #dbe2fd !important;
	cursor: pointer;
}



/* NoScript version
*************************************/
#locatorState iframe {
	width: 100%;
	height: 400px;
}

#locatorState ul.menu {
	padding: 0;
	margin: 0 0 0 0;
}

#locatorState ul.menu li {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: solid 1px #d8d5d5;
	
}

#locatorState ul.menu li.last-child,
#locatorState ul.menu li:last-child {
	border-right: none;
}

#locatorState ul.menu li a {
	padding: 0 0.8em 0 0.5em;
	*padding: 0 0.5em 0 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	color: #414141;
	font-size: 90%;
	white-space: nowrap;
	
}

#locatorState ul.menu li a:hover {
	color: #1061b6;
	text-decoration: none;
}

#locatorState ul.menu li.active a {
	color: #aa1426;
}

body#storesframe { background: white; }
body#storesframe .store { background: #DDD; }