/* 
	File:			store-locator.css
	Author:			adam maxfield, chad seeger
	Created:		8-2009
	Description:	This file contains all styles for Store Locator. 

*/

div#content div#store-image { float: left; margin-right: 2em; margin-bottom:12em; *margin-bottom:14em;  }
div#content fieldset div { padding-bottom: 1em; }
div#content fieldset label { width: 6em; float: left;}
div#content fieldset input { float: none; }
div#content div#radio-group-label { width: 5em; float:left; }
div#content div#radio-group { padding-left:1em; float:left; width: 11em; clear:right; }
div#content div#radio-group input { float:left; height: 2em; padding:0; }
div#content div#radio-group label { float:left; line-height:2em; width: 7em; text-align:left; }
div#content div#locate { clear: both; }

div#content ul#store-links {}
div#content ul#store-links li { margin-bottom:1em; }

div#content p.signup-line { font-weight: bold; }
div#content ul.signup-advantages { font-weight: bold; margin: 0 0 1em 5em; list-style-type: disc; }
div#content ul.signup-advantages li { font-weight: normal; }

div#content form.join-email fieldset { float: left; }

div#content #store-locator-form { width: 26em; float: left; }
div#content #store-locator-form .button-container { padding: 0 0 1.5em 7em; margin-top: 0; }
div#store-locator-results #store-locator-form .button-container { padding: 0; margin-top: 0; }
div#content #store-locator-form a.block-text-link { font-weight: normal; }

/*== Results ==*/
#store-locator-results div#content #store-locator-form { width: 400px; float: left; }
div#content div#map-sidebar { width:400px; float: left; padding:0 2em; }
div#content div#map-sidebar p.results-instructional { padding: 0; }
div#store-locator-results div#content { margin: 1em 0 0 0; } 
div#store-locator-results div#content fieldset label { text-align: left; float: left; margin-bottom:0.5em;}
div#store-locator-results div#content fieldset div { padding:0 0 .5em 1em; }
div#store-locator-results div#content div#radio-group-label { width: auto; float:none; text-align: left; }
div#store-locator-results div#content div#radio-group label { float:left; line-height:2em; width:11em; }
div#store-locator-results div#content div#radio-group { width: 15em; }
div#store-locator-results div#content #store-locator-form .button-container { padding: 0 0 1.5em 7em; _padding: 0 0 1.5em 7.7em; *padding: 0 0 1.5em 7.7em; margin-top: 0; }

div#store-locator-results div#content div#outerContainer { border: 0 none #fff; }
div#store-locator-results div#content div.copyright { margin: 1em 0;}
div#store-locator-results div#content div.copyright a {text-decoration: underline; }
div#store-locator-results div#content div.locations-miles { font-weight: bold; }
div#store-locator-results div#content div#directions, div#store-locator-results div#content div#from {margin-top:1em; }

div#routeResults div#from-estimate { float: left; width: 25em; }
div#routeResults div#to { float: right; width: 25em; }
div#routeResults div#directions { clear: both; }

div#routeResults p { padding: 0; }
div#routeResults p strong { color: #666666; }

div#directions { padding-top: 1em; }

select#state optgroup { font-style: normal; }

div#store-locator-results div#content ul#store-links li { margin-left: 0 }

div#store-locator-results div#content div#map a { color : #00289E; text-decoration : underline; }

/*== Map View CSS ==*/
.map-view-hybrid-ws {
    height:26px;
    width:69px;
}

.map-view-hybrid-ws img {
    height: 27px;
    left: -9px;
    width: 228px;
}

.map-view-hybrid-ws img.a {
    left: -158px;
}

.map-view-hybrid-ws img.o {
    left: -83px;
}
div#outerContainer { float:left; width:500px; color:#9D9D9D; margin-top:0; border-left:.1em solid #8D866C; min-height: 17em; _height: 17em;}

div#slidingPane{
    border:.1em solid #666666;
    overflow:auto;
    height:25em;
    margin: 1em 0;
}

div#slidingPane div.vcard{
    border-bottom: .1em solid #666666;
	height: 8em;
    margin: 0;

    background-color:#FFFFFF;
    color: inherit;
    font-size:1em;
    line-height:1.3em;
    text-align:left;
    padding: .5em;
}
#content #routeResults a.driving-directions-link { text-decoration: underline; }
.storeNumber{font-weight: bold;float:left;	height:8em;	width:3em;}

 /* Driving directions */
div#directions table { border-left:.1em solid #666666; margin-bottom: 1em; }
div#directions th { border-bottom:.1em solid #666666; border-right:.1em solid #666666; border-top:.1em solid #666666; font-size:1.1em; font-weight:bold; letter-spacing:.2em; padding:.6em .6em .6em 1.2em; text-align:left; text-transform:uppercase; color: #666666; }
div#directions td { border-bottom:.1em solid #666666; border-right:.1em solid #666666; font-size:1.1em; padding:.6em .6em .6em 1.2em; }
div#directions tr.alt { background:#E9F3FB none repeat scroll 0 0; }

body#store-locator-page div#store-locator div#content h1 { margin-left:14em; *margin-left:14.2em; _margin-left:14.3em;}
div#store-locator #store-locator-form label { text-align:left; }
div#store-locator #store-locator-form fieldset.button-container { clear:both; }
.store-locator-options { float:left; width:10em; padding-top:.5em; }
div#content fieldset div.store-locator-options input { float:left; margin-bottom:0.85em; clear:left; padding:0 !important;  }
div#content fieldset div.store-locator-options label { float:left; margin-bottom:1em; display:block; clear:both; margin-top:-2.5em;  margin-left:2em; _margin-left:1em; *margin-top:-2.7em; }
/* body:first-of-type <-- Where did this crazy thing come from? I'm scared it's doing something magical and I'm going to release a monster by commenting it out... but not scared enough. */ div#content fieldset div.store-locator-options label { margin-top:-2.1em; *margin-top: -2.5em; width: 13em; }
#store-locator-page div#store-locator div#content{ *margin-bottom: 3em; *overflow: hidden;  }
#join-email-list { overflow:hidden; }

div.store-locator-images { margin-left: 50em; }
div.store-locator-images img { margin-bottom:13px; }