/* 
	File:			store-locator.css
	Author:			Martin Logan
	Created:		8.4.2009
	Description:	This file contains all styles for the WS Store Locator pages. 
*/
/** Store locator page **/
body#store-locator-page  a.next-arrow {background: transparent url('../images/common/arr_right.gif') no-repeat scroll right center; font-weight:bold; padding-right:1em;  }
body#store-locator-page div#lookup-wrapper a.next-arrow { margin-top:2em; float:left; padding-left: 0.1em; }
body#store-locator-page #errorDisplay { padding-right: 0; background: url('../images/common/icon_alert.gif') no-repeat; padding: 0 0 .2em 1.5em; display:none; }
/** Store Locator form on the store locator page **/
body#store-locator-page  div#store-locator-form { float:left; width: 56em; }
body#store-locator-page  div#store-locator-form span.colon { display: none; }
body#store-locator-page  div#store-locator-form div { overflow: hidden; padding: .4em 0; width: 50em; } /* Width for IE 6 */
body#store-locator-page  div#store-locator-form div#overview { font-size: 1.2em; }
body#store-locator-page  div#store-locator-form div input { width: 17.6em; }
body#store-locator-page  div#store-locator-form div input#zipCode { width: 9em; }
body#store-locator-page  div#store-locator-form div select { width: 18em; }
body#store-locator-page  div#store-locator-form div select#country { width: 9.4em; }

body#store-locator-page  div#store-locator-form div#radio-group-label { float: left; font-weight:bold; margin-right:1em; line-height: 1.16em; width:9.5em; text-align:right; font-size:1.2em; }

body#store-locator-page  div#store-locator-form div#radio-group { width: 30em; height:1.8em; } /* Width for IE 6 */
body#store-locator-page  div#store-locator-form div#radio-group label { padding:0 .5em; margin:0; width: auto; font-weight: normal; } 
body#store-locator-page  div#store-locator-form div#radio-group input { padding:0; margin:0; width: auto; border: 0 none; background-color: #ffffff; float: left; } 

body#store-locator-page  div#store-locator-form div#locate { width: auto; margin-left: 12.5em; } /* Width for IE 6 */
body#store-locator-page  div#store-locator-form div#locate input { width:auto; border: 0 none; padding: 0; margin-top: .2em;  }

/** Promos area on the store locator page **/
body#store-locator-page  div#promo-area { float:right; width: 19.5em; margin-top: 2.7em; }
body#store-locator-page  div#promo-area div.promo { margin-bottom: 1.5em; }
body#store-locator-page  div#promo-area h2 { font-family: Georgia, "Times New Roman", Times, serif; padding: .5em 0 .5em 0; color:#4b690f;  }
body#store-locator-page  div#promo-area p { padding: 0; line-height: 1.3em; margin-bottom: .4em; }

/** Store locator results page **/
body#store-locator-results-page div#content { margin:3.4em 0 0 0; width:78em; *width:78.6em; float: right; color: #505050;  min-height: 100em;}
body#store-locator-results-page div#map-sidebar { float:left; width: 18.8em; } 
body#store-locator-results-page div#map-sidebar .results-instructional { margin: 1em 0 .5em; font-size: 1.2em; line-height:1.3em; }
body#store-locator-results-page div#map-sidebar label { font-weight: bold; font-size: 1.2em; width: 14.5em;  display: block; margin: 1em 0 .5em 0; }
div#store-locator-results div#map-sidebar fieldset#store-locator-form {  width: 18em;}
div#store-locator-results div#map-sidebar radio-group-label { width: 12em; background-color:#09C}
div#store-locator-results div#map-sidebar div#radio-group input  { float: left; width: 1.5; height: 1.5em; margin-top: 0.5em;}
div#store-locator-results  div#map-sidebar div#radio-group label { font-weight: normal; width: 11em; float: left; line-height: 1.4em; clear: none; margin-top: .5em; }
body#store-locator-results-page div#map-sidebar input { font-size: 1.2em; }
body#store-locator-results-page div#map-sidebar input#address,
body#store-locator-results-page div#map-sidebar input#city { width: 13.5em; }
body#store-locator-results-page div#map-sidebar input#zipCode { width: 5.8em; }
 body#store-locator-results-page div#map-sidebar select { font-size: 1.2em; }
div#store-locator-results div#radio-group-label { font-weight: bold; font-size: 1.2em; margin: 1em 0 .2em 0; }
div#store-locator-results div#radio-group { margin-bottom: .8em; float:left; }
div#store-locator-results div#radio-group label { font-weight: normal; width: 16em; float: left; clear:right; line-height: 1.4em; }
div#store-locator-results div#radio-group input { float: left; margin: .4em .5em 0 0; clear:left; }
body#store-locator-results-page div#loading-container { opacity: 1; display: none; }

div#store-locator-results div#content div.copyright { margin: 1.4em 0; font-size: 1.1em;}
div#store-locator-results div#content div.copyright a { font-size: 1em; text-decoration: underline; }
div#store-locator-results div#content div.locations-miles { font-weight: bold; font-size: 1.2em; }

div#routeResults div#from-estimate { float: left; width: 25em; margin-bottom: .5em; }
div#routeResults div#to { float: right; width: 25em; }
div#routeResults div#directions { clear: both; }
div#routeResults p { padding: 0; }
/*== 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#slidingPane{
    border:.1em solid #D9D9D9;
    overflow:auto;
    height:32em;
    margin: 1em 0;
}

div#slidingPane a, 
div#slidingPane a:hover,
div#slidingPane a:active  { font-size: 1em; }


div#slidingPane div.vcard{
    border-bottom: .1em solid #D9D9D9;
	height: 8em;
    margin: 0;
    background-color:#FFFFFF;
    color: inherit;
    font-size:1.2em;
    line-height:1.3em;
    text-align:left;
    padding: .5em;
}

.storeNumber{
    display: block;
	float: left;
	height: 8em;
	width: 2em;
	padding: 0 1em;
}
 /* Driving directions */
div#directions table { border-left:.1em solid #505050; margin-bottom: 1em;  width:78em; }
div#directions th { border-bottom:.1em solid #505050; border-right:.1em solid #505050; border-top:.1em solid #505050; font-size:1.1em; font-weight:bold; letter-spacing:.1em; padding:.6em .6em .6em 1.2em; text-align:left; text-transform:uppercase; color: #505050; }
div#directions td { border-bottom:.1em solid #505050; border-right:.1em solid #505050; font-size:1.1em; padding:.6em .6em .6em 1.2em; }
div#directions tr.alt { background:#C4BE9C none repeat scroll 0 0; }
div.disclaimer { font-size: 1.2em; line-height: 1.4em; }
div.disclaimer div.note { font-weight: bold; margin-bottom: .2em; }