#findinstallersblock, #findretailersblock{
    padding:1px
}

.provided_by{
    overflow:auto;
}

#tabinstallercount{
    color:inherit;
    font-size:inherit;
}

#tabretailercount{
    color:inherit;
    font-size:inherit;
}


.base-page .activated .tabbutton.selected a {
    border-bottom: solid #f3f3f3 1.3px;
}

.base-page.results .quarters {
    float: left;
    font-size: 1.35em;
    margin: 0 0 0px 0.1em;
    overflow: hidden;
    padding-left: 6px;
    text-align: center;
}

.base-page.results .pointInformation {
    width: 80%;
    min-width: 260px;
    max-width: 450px;
    border: 1px solid black;
    display:block;
}
.base-page.results .pointInformation div{
    padding: 1px 4px;
}
.base-page.results .pointInformation .localStoreName{
    font-weight: bolder;
    background-color: #CCC;
    padding: 12px 8px;
}

.installer-section{
    margin: 0px 0px;
    padding:0px;
    display: block;
    overflow: auto;
}

.installer-zip-selection .ui-input-text{
    width:40%;   
    float:left;
}


.installer-border{    
    border: 1px solid #f3f3f3;
    padding: 0 0 0 0;
    margin:0px;
    background-color: #fffbf4;
}
.installer-zip-selection{
    display: block;
    background: #0e4d82;
    margin: 0px 0px 0 0px;
    padding: 0px 0px 4px 0px;
    overflow: auto;
    border:1px solid #f3f3f3;
}

.base-page.results .installer-zip-selection h3{
    display: block;
    padding: 1px 1px 1px 5px;
    text-shadow:none;
    color: white;
    margin:0;
    font-size: 1.05em;
}

.base-page.results .installer-zip-selection h3 label{
    display: inline-block;
    padding: 10px 15px 5px 0px;
    color: white;
    margin:0;
    font-weight: bold;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.installer-zip-selection input{
    margin: 0px 0px 8px 0px;
    background: #ffffff;
    border: none;
    padding: 8px;
    color:black;
    text-align: center;
}

.base-page.results .installer-zip-selection a.change_zip{
    text-transform: uppercase;
    color:black;
    font-size: .9em;
    line-height: 1.0em;
    margin: 6px 0 0 3px;
    background: #d4d2d3;
    border: none;
    padding: 10px 12px 8px 12px;
    border-radius: 5px;
}
.base-page.results .installer-disclaimer
{
    display:none;
    font-size:.9em;
    padding: 5px 10px;
    font-style:italic;
    font-family:Helvetica, Arial, sans-serif;
}

.base-page.results .installer-list-section
{
    display:none;    
    margin:0;   
    padding:0;
    height: 100px;
    width:100%;
    overflow-y: hidden;
    border:0;
    background: #fffbf4;
}

.base-page.results .installer-list
{    
    overflow-y: hidden;
    width:auto;
    height:auto;
    background:#ffffff;
}

.installer-list .external-disclaimer
{
    font-size:1em;
    font-style: italic;
    padding: 2px;
    font-family:Helvetica, Arial, sans-serif;
}

.base-page.results .installer-list,
.base-page.results .installer-list-aosmith,
.base-page.results .installer-list-neaa,
.base-page.results .installer-list-bradford
{    
    overflow-y: hidden;
    width:auto;
    height:auto;   
    margin: 0px;
    padding:3px 1px 0px 3px;       
    border-width: 1px 0px 1px 0px;
    border-color:#fbd850;
    border-style: solid;
}

.base-page.results .installer-row .value
{
    padding-left: 3px;
}

.installer_map
{ 
    display:block;
    margin: 0;
    background:#f7f7f7;
}

.base-page.results .installer-row
{
    margin-right:5px;    
    overflow: auto;
    padding-bottom: 2px;
    padding-left: 1px;
    margin-top: 5px;
    font-size:.9em;
    border: 1px solid #cfcfcf;
}

.base-page.results .installer-row > div
{
    padding:5px 5px;
    font-size: 1.1em
}

.base-page.results .installer-row field
{
    font-size:1.0em;
}

.base-page.results .installer-row field.heading
{
    font-size:1.1em;
}

.base-page.results .installer-row.first
{
    margin-top: 0px;
}

.installer-section .expand-button{
    display: block;
    text-transform: uppercase;
    width:220px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:5px;
    background:#c2e7e6;
    border: solid 1px #0e4d82;
    text-align: center;
}

.base-page.results .installer-section .expand-button a{
    display: block;
    text-transform: uppercase;
    color:black;
    padding: 8px 12px;
}




.base-page.results .installer-row .weblink {
    float: right;
    display: inline;
    margin: 0;    
    background: var(--ocean-blue-bg);
    padding: 10px 7px;
}
.base-page.results .installer-row .weblink .installer-link {
  color: white;
    text-decoration: none;
    text-shadow: none;
}


.base-page.results .no-installer-section
{
    padding: 5px 10px 20px 5px;
}

.base-page.results .no-installer-section a
{
    font-size: 1.3em;
    text-decoration: underline;
    font-style: italic;
    font-family:Helvetica, Arial, sans-serif;
}

#zipCodeNotFoundInstaller
{
    font-size: 1.1em;
    font-weight:bold;
    color:inherit;
}

/* RETAILERS  */
.retailer-section{
    margin: 0px 0px;
    padding:0px;
    display: block;
    overflow: auto;
}

.retailer-zip-selection .ui-input-text{
    width:40%;   
    float:left;
}


.retailer-border{    
    border: 1px solid #f3f3f3;
    padding: 0 0 0 0;
    margin:0px;
    background-color: #fffbf4;
}
.retailer-zip-selection{
    display: block;
    background: #0e4d82;
    margin: 0px 0px 0 0px;
    padding: 0px 0px 4px 0px;
    overflow: auto;
    border:1px solid #f3f3f3;
}

.base-page.results .retailer-zip-selection h3{
    display: block;
    padding: 1px 1px 1px 5px;
    text-shadow:none;
    color: white;
    margin:0;
    font-size: 1.05em;
}

.base-page.results .retailer-zip-selection h3 label{
    display: inline-block;
    padding: 10px 15px 5px 0px;
    color: white;
    margin:0;
    font-weight: bold;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.retailer-zip-selection input{
    margin: 0px 0px 8px 0px;
    background: #ffffff;
    border: none;
    padding: 8px;
    color:black;
    text-align: center;
}

.base-page.results .retailer-zip-selection a.change_zip{
    text-transform: uppercase;
    color:black;
    font-size: .9em;
    line-height: 1.0em;
    margin: 6px 0 0 3px;
    background: #d4d2d3;
    border: none;
    padding: 10px 12px 8px 12px;
    border-radius: 5px;
}
.base-page.results .retailer-disclaimer
{
    display:none;
    font-size:.9em;
    padding: 5px 10px;
    font-style:italic;
    font-family:Helvetica, Arial, sans-serif;
}

.base-page.results .retailer-list-section
{
    display:none;    
    margin:0;   
    padding:0;
    height: 100px;
    width:100%;
    overflow-y: hidden;
    border:0;
    background: #fffbf4;
}

.base-page.results .retailer-list
{    
    overflow-y: hidden;
    width:auto;
    height:auto;
    background:#ffffff;
}

.retailer-list .external-disclaimer
{
    font-size:1em;
    font-style: italic;
    padding: 2px;
    font-family:Helvetica, Arial, sans-serif;
}

.base-page.results .retailer-list,
.base-page.results .retailer-list-aosmith,
.base-page.results .retailer-list-neaa,
.base-page.results .retailer-list-bradford
{    
    overflow-y: hidden;
    width:auto;
    height:auto;   
    margin: 0px;
    padding:3px 1px 0px 3px;       
    border-width: 1px 0px 1px 0px;
    border-color:#fbd850;
    border-style: solid;
}

.base-page.results .retailer-row .value
{
    padding-left: 3px;
}

.retailer_map
{ 
    display:block;
    margin: 0;
    background:#f7f7f7;
}

.base-page.results .retailer-row
{
    margin:5px 5px 0 5px;    
    overflow: auto;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size:.9em;
    border: 1px solid #dddddd /*{d-body-border}*/;

}

.base-page.results .retailer-row.first
{
    margin-top: 0px;
}

.retailer-section .expand-button{
    display: block;
    text-transform: uppercase;
    width:220px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:5px;
    background:#c2e7e6;
    border: solid 1px #0e4d82;
    text-align: center;
}

.base-page.results .retailer-section .expand-button a{
    display: block;
    text-transform: uppercase;
    color:black;
    padding: 8px 12px;
}

.retailer-row .heading{
    display: block;
    color: black;
    border-bottom: solid 1px #0e4d82;
    font-size: 1.1em;
    font-weight: bold;
    margin:5px 0 10px 0;
    padding:3px 3px 2px 3px;
    line-height: 1.2em;
}

.retailer-row .body{
    padding-left:1px;
}

.retailer-row label{
    font-size: .9em;
    font-weight: bold; 
}

.retailer-row .field div{
    clear:left;
}

.base-page.results .retailer-link{
    border: solid 1px #0e4d82;  
    /*background: #0e4d82 */
    color : #0e4d82;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px;
    font-size: .9em;
    display:block;    
    text-align: center;
}

.base-page.results a.retailer-button{
    font-weight:normal;
    border-radius: 3px;
    float:right;
    background:#0e4d82;    
    color:white;
    margin: 0px 1px 0px 0px;
    padding: 3px 5px 3px 5px;
    font-size: .9em;
    line-height: 1.0em;
}

.base-page.results #retailers-aosmith a.retailer-button {
    background: #1c9d5b;
}

.base-page.results #retailers-neea a.retailer-button {
    background: #b5182b;
}
.base-page.results #retailers-bradford a.retailer-button {
    background: #184b8a;
}

#learnmorebutton span {
    color: #ffffff;
}

.base-page.results .no-retailer-section
{
    padding: 5px 10px 20px 5px;
}

.base-page.results .no-retailer-section a
{
    font-size: 1.3em;
    text-decoration: underline;
    font-style: italic;
    font-family:Helvetica, Arial, sans-serif;
}

#zipCodeNotFoundRetailer
{
    font-size: 1.1em;
    font-weight:bold;
    color:inherit;
}

/* RECORDS */
/********************* RETAILER ********************/
.row.retailer{
    padding: 0px;
    background:white;
    font-size: 1.1em;
}
.row.retailer .retailerTitle{
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}
.row.retailer .retailerTitleInner{

    margin-right:106px;
    overflow:auto;
    white-space:normal;
}
.row.retailer .retailerStoreName{
    display:inline;
    font-weight: bold;
    padding: 0px 5px;
}
.row.retailer .retailerWebsite{

    float:right;
    font-weight: bold;
    padding: 0px 5px;
    width:100px; 
    text-align: center;  
    white-space:normal;
}         
.ui-page-active .row.retailer a.retailer-link {
    display:block;
    background: #00aeef none repeat scroll 0 0;
    margin-left: 10px;
    padding: 6px 8px;
    font-weight: normal;
    font-size: 1.1em;
    color: white;
    font-style: italic;
    font-family:Helvetica, Arial, sans-serif;
}
.row.retailer .retailerAddress{ 
    padding: 0px 10px;
    width:65%;
}
.row.retailer .retailerDistance{                     
    float:right;
    width: 100px;
    text-align: right;
    clear:both;
    padding:1px 4px 1px 1px;
}
.row.retailer .retailerPhone{
    clear:none;
    float:right;
    font-weight: bold;
    padding: 0px 5px;
    width:110px;
    text-align:right;
}
.row.retailer .retailerImage{ 
    vertical-align:middle;
    float:left;
    text-align: middle;
    padding-right: 10px;
}




@media screen and (max-width: 2000px ) { 

}


@media screen and (max-width: 600px ) {                   

    .retailerImage{
        width:70px;  
        text-align: center;
        padding-right: 4px;
        padding-left:4px;
    }
    .retailerImage img{
        max-width:70px;                        
        max-height:58px;
    }
}

@media screen and (max-width: 440px ) {

    .thirds img
    {
        width:80%;  
        margin: 0 0 0 5px;
    }


    #learnmorebutton{
        font-size:0.8em;
    }

    .row.retailer{
        font-size: 1.0em;
    }
    .retailerImage{
        width:60px;  
        text-align: center;
        padding-right: 4px;
        padding-left:4px;
    }
    .retailerImage img{
        max-width:60px;                        
        max-height:50px;
    }

    .retailerWebsite
    {
        float:right;
        max-width:80px;
        overflow:auto;
        white-space: pre-wrap;
        text-align: center;                      
    }
    .ui-page-active .row.retailer a.retailer-link {

        margin-left: 6px;
        padding: 5px 6px;
        font-weight: normal;
        font-size: 0.9em;
    }

    .ui-listview>.ui-li-static, li.row {
        margin: 6px 10px;
        padding:6px;
    }


}



@media screen and (max-width: 375px ) {


    .base-page .tabbutton a {
        font-size:0.8em;
    }
    .row.retailer .retailerTitle {
        font-size: 1.0em;
    }
    .base-page #titleButtons {
        font-size:0.9em;
    }

    .base-page.results div.info-block-body
    {

        font-size:0.9em;
    }
    .base-page.results .info-block-body a {

        font-size:0.8em;
    }
}

@media screen and (max-width: 360px ) {


    .row.retailer .retailerImage{ 
        padding-right: 5px;
    }
    .row.retailer  {
        font-size: 0.95em;
    }

}