/* ============================================================= */
/*   FRONT END STORE LOCATOR stylesheet
/* ============================================================= */

  /*----------------------------------------------
    Generic Styles
  -----------------------------------------------*/
    #store_locator h1{
      margin-bottom:22px;
      font-size:30px;
      float:left;
      width:300px;
    }
    
    #facade{
      float:right;
      clear:right;
      margin-left:30px;
      padding-bottom:45px;
    }
    
     .form-row{
       width:490px;
       float:right;
     }
     
       .form-row div{
         margin-bottom:6px;
       }
         
         .form-row .split-right  {
           margin-left: 0px;
         }
           .form-row .split-right input {
             padding: 4px 2px;
           }
         
         .form-row .split-left {
          width:230px;
          line-height:24px;
         }
         
     /*-- Advanced Postcode Search Options --*/
     #advanced_options{
       text-align:right;
     }
     
     #toggle_advanced_options{  
      font-size:0.8em;
      color:#666;
      text-decoration:underline;
      margin:0 0 10px 0;
     }       


      #store_locator .message-error {
       clear:both; 
      }


  /*----------------------------------------------
    Start Page
  -----------------------------------------------*/
    div.noresults{
     margin-bottom:20px;
     float:none;
     width:400px;
    }
    
   .instructions p{
     width:400px;
   }

  /*----------------------------------------------
    Results Page
  -----------------------------------------------*/
    .paginate{
      margin:5px 0;
      padding:3px;
      color:#888;
      background:#e4e4e4;
      clear:both;
      font-size:90%;
    }
    
    #nearest_store{
      width:305px;
      margin:0;
      padding:0;
      float:left;
      clear:left;        
      /* template specific */
      font-size:1.1em;  
      line-height:1.5em;
    }
    
    h2{
      background:#F1A930 top right no-repeat url('/shop/images/selected_arrow.gif');
      color:#FFFFFF;
      margin-left:0px;
      padding:0 3px;
      height:23px;
      overflow:hidden;
      line-height:23px;
      clear:both;
      width:305px;
    }
    
    h2.noresults{
      margin-top:20px;    
    }
    
    h2#heading_findStore{
      width:425px;
      clear:left;
    }
    
    #nearest_store h2{
      clear:left;
    }

    /*----------------------------------------------
        Google Map Styles
    -----------------------------------------------*/
      #map_canvas{
        width: 550px; 
        height: 450px; 
        float:right;
        border:4px solid #AAA;
        margin-bottom:50px;
      }
      
        #map_canvas .storename {
          color:#333;
          border-bottom: 1px solid #666;
        }
        
        #map_canvas .hours {
          text-align:right;
          
        }
        
          #map_canvas .hours strong.heading { 
            border-bottom:1px solid #999999;
            color:#666666;
            display:block;
            font-size:10px;
            text-align:left;
            width:auto;
            font-weight:bold;
            margin-top:10px;
          }
          
          #map_canvas .hours em { 
            text-decoration:none;
            width:100px;
            
          }
          
          #map_canvas .hours strong { 
            font-weight:normal;
            width:50px;      
            text-align:left; 
          }
          
          #map_canvas p { 
          margin-bottom:0;
            
          }
    

    /*----------------------------------------------
        Results Table
    -----------------------------------------------*/
      table.grid {
        background:none;
        border-spacing:2px;
        line-height:1.6em;
      }
      
        table.grid thead th {
          color:#888;
          background:#e4e4e4;  
        }
      
        table.grid td.separator {
          background:none;
        }
          tr.even td{background:#ECFBD4;}
          tr.odd td{background:#f8fbfc;}
          
          tr:hover td, tr:hover th{
            background:#EFEFC2;
          }
          
            td.view_buttons {
              width:170px;
              text-align:center;
            }

    /*----------------------------------------------
            No Matches Found
    -----------------------------------------------*/
      .nomatches {
        float:none;
        clear:both;
        color: #9F6000;
        background-color: #FEEFB3;
        padding:2px 5px;
      }
      
        .nomatches h3{    
          font-size:130%;
        }