/*
* @author: William Khoe
*/

#store-results-list .results-for:after,
#directions-list ul li:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie #store-results-list .results-for,
.ie #directions-list ul li
{
	zoom:1;
}

#store-results-list
{
	margin:0 0 15px 0; padding:19px;
	border:1px solid #DEDEDE;
	background:#FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
#store-results-list h3
{
	margin:0 0 10px 0;
	font-size:15px; font-weight:700;
}
#store-results-list .results-for label
{
	float:left;
	margin:0 5px 0 0;
}
#store-results-list .results-for .vcard
{
	float:left;
	font-weight:bold;
}
#store-results-list .results-for .change-address
{
	float:right;
}
#store-results-list ol
{
	padding:0 0 10px 0;
    list-style:none;
    counter-reset: section;
}
#store-results-list ol li
{
	margin:8px 0 0 0; padding:10px 0 0 0;
	border-top:1px solid #DDD;
	cursor:pointer;
	color:#666;
}
#store-results-list ol li:first-child
{
	border:0;
}
#store-results-list ol li.active
{
	color:#444; cursor:default;
}
#store-results-list ol li .num
{
	margin:0 0 5px 0;
	width:18px; height:18px;
	border:1px solid #CCC;
	background:#DDD;
	line-height:18px; text-align:center; font-size:14px; font-weight:700; font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial; color:#FFF; text-shadow:#999 1px 1px 2px; -webkit-font-smoothing:antialiased;
}
#store-results-list ol li.active .num,
#store-results-list ol li:hover .num,
#store-results-list ol li.hover .num
{
	border-color:#666;

	background:#6A6A6A; /* Old browsers */
	background:-moz-linear-gradient(top, #868686 0%, #484848 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#484848)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #868686 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #868686 0%,#484848 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #868686 0%,#484848 100%); /* IE10+ */
	background:linear-gradient(to bottom, #868686 0%,#484848 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#484848',GradientType=0 ); /* IE6-9 */

	text-shadow:#333 1px 1px 2px;
}

#store-results-list li:hover::before,  
#store-results-list ol li.active::before,
#store-results-list ol li.hover::before{
    border-color: #666;
    background: #6A6A6A;
    background: -moz-linear-gradient(top, #868686 0%, #484848 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#484848));
    background: -webkit-linear-gradient(top, #868686 0%,#484848 100%);
    background: -o-linear-gradient(top, #868686 0%,#484848 100%);
    background: -ms-linear-gradient(top, #868686 0%,#484848 100%);
    background: linear-gradient(to bottom, #868686 0%,#484848 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#484848',GradientType=0 );
    text-shadow: #333 1px 1px 2px;
}

#store-results-list li::before {
    content: counter(section);
    counter-increment: section;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #CCC;
    background: #DDD;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial;
    color: #FFF;
    text-shadow: #999 1px 1px 2px;
    -webkit-font-smoothing: antialiased;
}

.leaflet-bottom.leaflet-right .mq-attribution-control {
    background: #eaeaea;
    bottom: -2px;
    color: #777777;
    height: 13px;
    margin: 0;
    padding: 0px 5px;
    text-align: right;
    text-transform: uppercase;
    font-weight: normal;
    font-family: sans-serif;
    font-size: 9px;
    white-space: nowrap;
    margin-bottom: 2px;
    letter-spacing: .5px;
}

#store-results-list ol li h4
{
	font-size:13px; font-weight:700;
}
#store-results-list ol li.active h4,
#store-results-list ol li:hover h4,
#store-results-list ol li.hover h4
{
	color:#222;
}
#store-results-list .btn
{
	display:block;
	margin:15px 0 0 0; padding:5px 0;
	font-size:14px;
}
#store-results-list .btn em
{
	font-style:normal; font-weight:400;
}

#store-results-map
{
	margin:0 0 30px 0;
}
#store-results-map .map-wrap
{
	width:100%; height:400px;
}
#map
{
	width:100%; height:100%;
    z-index: 1;
}
#map .pin-num
{
	position:absolute;
	top:-21px; left:1px; z-index:10;
	width:34px; height:47px;
	text-align:center; line-height:34px; text-indent:1px;
	background:url(/img/ui/pin-num.png) no-repeat 0 0;
	cursor:pointer;
}
#map .pin-shadow
{
	position:absolute;
	top:3px; left:-24px; z-index:1;
	width:45px; height:23px;
	background:url(/img/ui/pin-shadow.png) no-repeat 0 0;
}
#map .pin-content.primary
{
	padding:0 2px 5px 2px;
	width:200px;
}
#map .pin-content.secondary
{
	padding:0 3px 0 0;
	/*white-space:nowrap;*/
}
#map .pin-content.secondary h4 {
    margin: 0;
}
#map .pin-content h4
{
	font-size:16px; font-weight:700; -webkit-font-smoothing:antialiased; 
}
#map .pin-content .vcard
{
	font-size:13px; line-height:16px;
}
#map .pin-content .vcard .separator
{
	position:relative;
	top:-1px;
	color:#BCBCBC;
}
.link-address
{
	display:block;
	color:#444;
}

#store-results-directions
{
	margin:0 0 30px 0; padding:15px 20px 20px 20px;
	border:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);

	font-size:14px;
}
#store-results-directions h3
{
	margin:0 0 10px 0;
	font-size:19px; font-weight:400;
}
#store-results-directions h4,
#directions-list h4
{
	font-size:16px; font-weight:700;
}
#store-results-directions .address-wrap
{
	position:relative;
	margin:0 0 10px 0;
}
#store-results-directions .address-icon-label
{
	display:block; position:absolute;
	top:5px; left:-33px;
	width:23px; height:23px;
	border-radius:23px;
	background:#AAA;
	text-align:center; color:#FFF; font-size:14px; text-transform:uppercase; line-height:23px;
}
#store-results-directions .col-1
{
	width:320px;
	margin:0 0 5px 0;
}
#store-results-directions .col-2
{
	width:320px;
	margin:0 0 0 5px;
}
#get-directions
{
	margin:10px 0 0 0;
}
#get-directions > label
{
	display:block;
	margin:0 0 5px 0;
}
#get-directions .form-actions
{
	padding:10px 0 0 0;
	text-align:right;
}
#input-directions-from, #input-directions-to
{
	width:100%;
}
#directions-list
{
	display:none; position:relative;
	margin:20px 0 0 0; padding:20px 0 0 0;
	border-top:3px solid #CDCDCD;
	font-size:14px;
}
#directions-list h4
{
	margin:0 0 10px 0;
}
#directions-list .page-tools
{
	position:absolute;
	top:15px; right:0;
}
#directions-list .page-tools .btn
{
	margin:0 0 0 17px;
}
#directions-list ul li
{
	margin:0 0 5px 0;
}
#directions-list ul li .instructions
{
	float:left;
	max-width:430px;
    width: 100%;
	margin:0 15px 0 0;
}
#directions-list ul li .instructions .num
{
	float:left;
	margin:0 5px 0 0;
}
#directions-list ul li .instructions p
{
	overflow:hidden;
}
#directions-list ul li .distance
{
	float:left;
	width:100px;
}
#directions-list h5
{
	font-weight:700; font-size:13px;
}
#directions-list ul li .instructions h5
{
	font-size:15px;
}

.measure {
    position: absolute;    
    visibility: hidden;   
    left: -1000px;         
    top: -1000px;  
    width: 200px;        
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#store-results-directions .col
	{
		float:none;
		width:auto;
		margin:0;
	}
	#store-results-directions .col-1
	{
		margin:0 0 15px 0;
	}
	#store-results-directions .address-wrap
	{
		text-align:right;
	}
	#input-directions-from, #input-directions-to
	{
		width: calc(100% - 33px);
	}
	#store-results-directions .address-icon-label
	{
		left:0;
	}
	#store-results-list .btn
	{
		font-size:12px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
    .template-2 #main > .row-2 > .col-2, .template-2 #main > .row-1 > .row-9 > #store-results-map-container.col-2, 
	#store-results-map
	{
        width: 100%;
		/*display:none;*/
	}
	#store-results-directions
	{
		display:none;
	}
	#store-results-list ol li h4
	{
		margin:0 0 3px 0;
	}
	#store-results-list ol li .vcard .adr
	{
		margin:0 0 5px 0;
	}
	#store-results-list ol li .vcard .tel
	{
		margin:10px 0 0 0;
	}
	.link-address
	{
		color:#ED1C27;
	}
}