﻿div.locator_content
{
    padding-bottom:30px;
    padding-left:150px;
    height: auto;
}


#store_locator_box 
{
	width: 635px;
}

.locatorContainer
{
    width: 100%;
    text-align: left;
    font-size: 11px;
}

.locatorSearchHeader
{
    background-color: #7FBFE2;
    margin-left: 25px;
    margin-right: 25px;
    padding: 5px 0px 5px 5px;
    text-align: left;
    color: #006699;
}

.locatorSearchSection
{
    margin-left: 50px;
    margin-right: 25px;
    padding: 10px 0px 10px 0px;
}

.locatorProductDropdown
{
    width: 300px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.0em;
}

.locatorLocationDropdown
{
    width: 150px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.0em;
}

.locatorNumbersDropdown
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.0em;
}

.locatorSearchTextBox
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.0em;
    width: 65px;
}

/*.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 1%; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}*/

.mapHeader
{
    background-color: #7FBFE2;
    padding: 10px;
    margin-top: 25px;
    color: #006699;  
}

.mapFooter
{
    background-color: #7FBFE2;
    padding: 10px;
    color: #006699;  
}

.progressSpinner
{
    padding-left: 40px;
}

.progressSpinnerState
{
    padding-left: 40px;
    padding-top: 33px;
}

.locatorFindContainer
{
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.searchButton
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.0em;
    width: 50px;
}

.searchSectionHeader
{
    background-color: #7FBFE2; 
    padding: 5px; 
    cursor: pointer;
    text-align: left;
    color: #006699;
}

.searchBorder
{
    border: solid 2px #7FBFE2; 
    padding: 0px 5px;
}

.mapBackground
{
    background-color: none;
}

.mapSidebar
{
    margin-left: 5px; 
    background-color: #FFFFFF; 
    height: 350px;
    width: 25%; 
    float: left; 
    padding: 0px 5px 0px 5px; 
    overflow: auto;
    color: #000000;
}

.mapCanvas
{
    margin-right: 5px; 
    margin-left: 5px; 
    float: left;
    height: 350px;
    width: 70%;
    color: #000000;
}

.validationSummary
{
    display: none; 
    border: solid 1px red; 
    color: Red;
}

.validationMarker
{
    color: Red;
    display: none;
}