#map_canvas { height: 310px;width: 100%;  }    
                                 
        #MarkerOrderUsual {width:100px; overflow:auto;}
        #MarkerMerchantName {font-size:20px; font-weight:bold;  }
 
        
        .merchantContainer .merchantHeader { clear:both; overflow:auto; padding:10px;padding-bottom: 2px;  }
        .merchantContainer .merchantName, .eventName { font-size: 16px;
line-height: 15px;
height: 32px;
display: block;
text-align: center;}

        .merchantContainer .merchantNextIcon {background-color:tan; overflow:auto; width:20px; height:20px; } 
        
        .merchantContainer .favorites 
        {
            background-image:url('../Tools/Images/blue-bars.png'); 
            background-repeat: no-repeat;    
            float: left;
            background-position: 0 -290px;
            height: 23px;
            overflow: auto;
            width: 21px;
        }
        
        .merchantContainer .inactiveFavorite
        { 
            background-position: 0 -290px; 
        }
        .merchantContainer .activeFavorite 
        { 
            background-position: -21px -290px; 
        }
        
        .merchantContainer .waittime 
        {
            line-height: 13px;
            font-size: 12px;
            font-style: italic;
            margin-left: 28px;
            color:black;
         }
        .merchantContainer .merchantDetails { overflow:auto;   left: 5px; position: relative; width: 417px;} 
        .merchantContainer .merchantDetails {display:none;} /* hide by default */

.merchantContainer .detailsRow { font-size: 11px; }

        .merchantName, .merchantAddress, #mobileAddress A {  }
        .merchantName, .eventName {font-family: Avenir-Medium;letter-spacing: -1px;text-transform: uppercase;}
        .merchantAddress {font-size:11px;margin-bottom:5px;line-height: 12px;height: 33px;}
        #mobileAddress {font-size:12px;}
        #mobileAddress A {font-size:11px;}
 
        
   
        #MarkerNewOrder, #MarkerOrderUsual  
        {
            background-image:url('../Tools/Images/map/map-buttons.png');
            background-repeat: no-repeat;
            cursor:pointer;
            float:left;
        }
        
        #MarkerNewOrder   
        {
            background-position: -114px 0px;
            width:116px; 
            height:39px;
        }
        #MarkerNewOrder:HOVER 
        {
            background-position: -114px -41px;
        }
        
        #MarkerOrderUsual   
        { 
            background-position: 0px 0px;  
            width:100px; 
            margin-right: 12px;
            height:35px;  
        }
        #MarkerOrderUsual:HOVER 
        {
            background-position: 0px -41px;
       }
        
        .merchantHeader {position:relative; height: 160px; }

        .merchantButtonContainer {
            width:100%;  
            bottom: 7px;  
          /*position: absolute;*/
            clear: both;
            /*font-size:13pt;
            font-family:Avenir-Black;*/
        }

        .merchantButtonContainer .baseButton {
            width:95%; 
            margin:auto;
            text-align:center; 
            padding-top: 5px;
            letter-spacing: 3px;
            font-size: 16px;
            height: 32px;
        }
    
        
        .merchantHeader .merchantButtonContainer .btnUsual { background-image:url('../Tools/Images/new-gimmie.png');  background-position: 0px -78px; background-repeat: no-repeat; width:116px; height:30px; cursor:pointer;}
        .merchantHeader .merchantButtonContainer .btnUsual:HOVER {background-position: 0px -108px;}
        
        .merchantContainer {position:relative;}
        .merchantContainer .expandBar {position:relative;top: -10px;}   
        .merchantContainer .expandBar .expandIcon {height:11px; width: 18px; position:relative; left:9px; padding:2px; background-image:url('../Tools/Images/0512/new_sprite.png'); background-position: 0 -548px; background-repeat: no-repeat;}   
         
        .expanded .merchantDetails { display:block;} 
        .expanded .expandBar .expandIcon { background-position: -20px -548px  } 
        
        .merchantDetails {padding-top:5px; 
                          padding-bottom:10px; 
                          color:Black;
                        font-size: 11px;
            }
        .merchantDetails .tblDetails { }

         .hour 
        {
            clear:both;
             text-align: center;
             margin: auto;
             display: inline-table;
         } 
         .hour DIV
        {
          
            overflow:auto;
             display: inline;
            
        }
         .hour .days
        {
            text-align:right; 
            Xwidth: 65px;
            padding-right: 8px;
        }
         .hour .start
        { 
            min-width:55px;
            Xwidth:69px;
        }
         .hour .close
        { 
            min-width:50px;
           Xwidth:55px;
        }

        .merchantDescription 
        {  
            position: relative; 
            width: 100%;
        }
        
        .closed  
        {
            background-image: url("../Tools/Images/blue-bars.png");
            background-position: 0 -419px;
            background-repeat: no-repeat; 
            height: 75px;
            left: 300px;
            position: relative;
            top: 0px;
            width: 96px;
            z-index: 60; 
        }
        
        .mainResults 
        {
            position:relative; 
            top:-3px;
            z-index:0;
            }
            
        .leftSide {float:left; margin-right:20px;}
        .rightSide {float:left;}
         
   
    
  
      .longOptionContainer 
      {     
        margin:auto;
        cursor:pointer;
        color:White;
        text-align:center;
        min-height:459px;
      }
      
      /*.longOptionContainer IMG
      {     
        padding:20px;
        padding-bottom:30px;
      }*/
      
      
      .longOptionContainer .longOptionText 
      {
        margin:auto;
        width: 500px;
          padding:10px;
      }
      .longOptionContainer .longOptionTitle 
      { 
          font-size: 28px;
          padding-bottom:20px;
          margin-top:40px;
      }
      
      #divFavorites .merchants 
      {
          width:450px;
          margin:auto;
          margin-top:30px;
      }
      
.merchantOptionContainer 
{
    float:right;
    margin-top:10px;
    margin-right:10px;
}
/*.merchantOption 
{   
    float:left;  
    width:85px;
    cursor:pointer;
    height:27px;
    background-image: url(../Tools/Images/map-menu-buttons.png);background-repeat: no-repeat; 
} 

#showRestaurants        {background-position:0px -27px;}
#showRestaurants.selected  {background-position:  0px 0px;}
#showEvents             {background-position: -85px 0px;}
#showEvents.selected       {background-position: -85px -27px;}*/

.merchantOption {
    background-image: url("../Tools/Images/0512/new_sprite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 29px;
    width: 215px;
}
 
.eventContainer 
{
    background-color:white;
    padding:10px;
    border-radius:5px;
    margin-bottom:10px;
}
.eventContainer .eventName {font-weight:bold; font-size:19px; }
.eventContainer .eventLocationAddress {font-size:11px;}
.eventContainer .eventHeader {margin-bottom:10px;}
.eventContainer .eventDescription { }
.eventContainer .eventDate {font-size: 12px;font-weight: bold;}
  
.eventContainer .merchantContainer   
{
    width:400px !important;
    border: 1px solid #DEDDDD; 
    margin-bottom: 10px !important;
    height:56px !important;
}
.eventContainer .merchantAddress {display:none;}
.eventContainer .expandBar {display:none;} 
.eventContainer .favorites {display:none;} 
.eventContainer .closed {left:auto; float:right;}
.eventContainer .waittime {  display:none;}
.eventContainer .merchantLogoContainer { margin-right:4px; width: 50px !important;  margin-right: 4px;  height: 50px !important; }      
.eventContainer .merchantLogoContainer IMG { margin-right:4px; max-width: 50px !important;  margin-right: 4px; max-height:43px;  }      
                           
.eventContainer .orderingStatus { font-size: 11px;line-height: 13px;text-align: center; width: 115px;}

.noresults {width:100%; text-align:center; background-color:white; margin:30px; padding:20px; color:black; font-size:18px; border-radius:5px; display:none;}

.cd-dropdown span { 
    /*font-weight: 700 !important;
    line-height: 42px !important;
    padding: 0 30px;  
    font-size:29px !important;*/  
    color:#696969 !important;
}

#divDeliveryType {
    /*font-weight: 700 !important;
    line-height: 42px !important; 
    font-size:19px !important;*/ 
}

#merchantsLoading {
    font-size:15px; margin:auto;  color:gray; text-align:center;
    width:100%;
    Xmin-height:600px;
}


.merchantList { overflow: visible; clear: both; }

.merchantContainer { display: inline-block; 
                     margin: auto; 
                     margin-right: 6px; 
                     width: 234px; 
                     overflow: hidden;
                     padding-bottom: 6px;
                     margin-bottom:5px !important;  
                     letter-spacing:normal;
                     vertical-align: top;
}
.merchantResultContainer .merchantContainer:nth-child(4n) { margin-right: 0px !important; }

.subMerchantContainer { }

.merchantLogoContainer { float: left;  width: 70px; margin-right: 6px; text-align: center; overflow: hidden; display: block; background-repeat: no-repeat; background-position: center center; }

.merchantLogoContainer img { max-width: 100%; }
.merchantNameContainer { width: 130px; float: left; overflow: hidden; }
 
.merchantButtonContainer {clear: both; }
.merchantButtonContainer .baseButton {}

/* Warren Zorilla: 06182013: START: retrofit changes with now TILED Layout */
.merchantCateringContainer {}
.merchantResultContainer .merchantCateringContainer:nth-child(3n) { margin-right: 0px !important; }
.merchantCateringLogoContainer { float: left;  width: 110px; height:120px; 
                                 margin-right: 6px; text-align: center; overflow: hidden; display: block; background-repeat: no-repeat; background-position: center center; }

.merchantCateringLogoContainer img { max-width: 100%; }
.merchantCateringNameContainer { width: 171px; float: left; overflow: hidden; }

.merchantCateringName {
    float:left;height:30px
}
    .merchantCateringName p {
        margin-top:2px;
    }
/* Warren Zorilla: tile version of the merchant info*/
.merchantCateringNameContainer .merchantCateringSection {
    clear: both;
}
.merchantCateringSection {
    width:314px;
}
.merchantLocationImageCamera {
    float:right
}
.merchantLocationHeaderLine {
    clear:both;
    border-bottom: 1px solid gray;
    margin-bottom:7px
}
.merchantLocationImageCamera:hover, .closePopup {
cursor:pointer;
}
.merchantCateringNameContainer .merchantInfo{ width:83px ;
                                      height:55px;                                      
                                      border: 1px solid lightgray;
                                      border-radius: 3px 3px 3px 3px;
                                      background-color:lightgray;
                                      font-size:9px;
                                      overflow: hidden; 
                                      display: inline-block; 
                                      text-align:center;
                                      background-repeat: no-repeat; 
                                      background-position: center center;
                                      margin-bottom:5px !important;
                                      }
.merchantCateringNameContainer .merchantInfo:nth-child(2n) { margin-right: 0px !important; float:right; }
.merchantInfo .merchantHeader {
    font-size:14px;
    clear:both;
    height:auto;
    margin-bottom:2px;
}
.merchantHeaderCatering {
    height:200px;
}
.merchantInfo .merchantDetail {
    font-size:11px;
    
}
#divCateringImages {
     overflow-x:hidden;
         overflow-y:hidden;
}
.cameraImage {               
        width:250px;
        height:250px;
        float:left;
        margin-right:5px; 
        margin-left:5px; 
        margin-top:5px;
        margin-bottom:5px;
         box-shadow: 0 0 5px 2px rgba(0,0,0,.35)      
    }
.cameraBorderImage {               
        width:230px;
        height:230px;
        float:left;
        margin-left:10px; 
        margin-top:10px; 
    }
    .arrowImage {
        position:   relative;
        width:  25px;
        height: 25px; 
        float:  left;       
        top: 120px;
    }

    .arrowImage:hover {
        cursor:pointer;
    }

    .ArrowContainer {
        display: inline-block;         
        height:250px;
        width:25px;        
        margin-left:0px;    
        z-index:1;
        float:left;
    }

    .ArrowContainer1 {
        display: inline-block; 
        height:250px;
        width:25px; 
         margin-left:0px;    
        z-index:1;
        float:right;
    }

   .images{
        /*position:absolute;*/
        display: inline-block; 
        /*left: 10px;*/
        /*margin-left:10px;*/
        width:800px;
        overflow-x:hidden;
         overflow-y:hidden;
        white-space:nowrap;
}

   .images li{
    display: inline-block;
    *display: inline;/*For IE7*/
    *zoom:1;/*For IE7*/
    vertical-align:top;
    width:auto;
    /*margin-right:20px;*/    
    white-space:normal;
}

.popupMerchantLogo {
    width: 30px;
        height: 30px;
        background-size: 100% 100%;
        display:table-cell;
}
.popupMerchant {
  
  width: 890px;
  height:30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align:middle;
 
  
}
.popupMerchantName {
    font-size:22px;
  font-family: Avenir-Medium;letter-spacing: -1px;text-transform: uppercase;color: gray;
}
/* Warren Zorilla: 06182013: END: retrofit changes with now TILED Layout */

.topContainers { background-color: white; font-size: 18pt; display: inline-block; }
#divOrderTypeOptions {font-family: Avenir-Medium;
width: 95%;
text-align: center;
margin: auto;
text-transform: uppercase;
font-size: 13px;
letter-spacing: -1.5px;
margin-top: 8px;
white-space: nowrap; }
#divOrderTypeOptions .orderOption { display: inline; margin-right: 3px; margin-left: 3px; }


.divMap {text-align: center;}
.divMap, .divMapEvent {display:inline-block; cursor:pointer; margin: auto; font-size: 11px; color: #F48020; text-transform: uppercase; margin-bottom: 5px; }
.divMap:hover, .divMapEvent:hover { text-decoration: underline;}

.rightArrow { background-image: url(../Tools/Images/V2/tg2-sprite.png); background-repeat: none; height: 18px; width: 11px; display: block; float: left; background-position: -61px -77px; }


.eventHeader { display: none; }
.eventDescription { display: none;}
.eventName {text-transform: uppercase;}
.eventLocationAddress { font-size: 11px;}
 
.eventDate { clear: both;width: 100%;overflow: auto;color: #F99F55;
text-transform: uppercase;
font-size: 10px;}
 
.divMapEvent { display: none;}

.eventMerchantContainer .eventHeader { display: block; padding: 10px;text-align: center;  height:100px}
.eventMerchantContainer .divMap { display: none;}
.eventMerchantContainer .divMapEvent { display: block;}
 

#divMapInfo .cusineType, #divMapInfo .expenseRating  { 
    font-size: 14px;
}

#divMapInfo .merchantDescription {
    border-top:1px solid silver; overflow: auto; width:100%;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
} 

#divModalClose {
    margin-top:10px; margin-bottom:0px; text-align: right; cursor: pointer;
    text-decoration: none;
}
#divModalClose:hover { text-decoration: underline;}
/*.btnClosed,.btnPreOrder, .btnOrder, .btnOrderingStarts { display: none;}*/
            
.btnClosed {background-color: #B21321; cursor: default !important;}
.btnClosed:hover {background-color: #B21321;   }


.btnOrderingStarts, .btnEventOrderingDisabled {
    background-color: gray; 
    cursor: default !important;
    letter-spacing: 0.1em !important;
    font-size: 12px !important;
    height: 34px;
    Xline-height: 13px;
    padding-top: 3px;
}
.btnOrderingStarts:hover, .btnEventOrderingDisabled:hover { background-color: gray;}

.btnOrderStartsText { display: inline-block;line-height: 13px;}

.hoursContainer { font-size: 12px;
width: 210px;
    text-align: left;
}