﻿html, body, form
{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:#fff;
}

body
{
    font-size: 13px;
    font-family: Arial;
    
    background: #fff;
    color: #000;

    position:relative;
}

.invisible
{
    display: none;
    visibility: hidden;
}
.hidden
{
    display:none;
}

a img {
    border:none;
    text-decoration:none;
}

.mobile-hidden { display:none; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; } 

#contentArea
{
    position: relative;
}

#gmCanvas
{
    width: 100%;
    height: 100%;
}


#workingOverlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    
    background: #000;
    opacity: .9;
    filter: alpha(opacity=90);
}
#workingAnimation
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    
    background: transparent url(Images/working-animation.gif) no-repeat 50% 50%;
}

#cancelHolderDesktop,
#cancelHolder
{
    display:none;    
}
#cancelHolder.show 
{
    display:block;
}

#cancelHolder
{    
    background:#CB2027;
    padding:5px 10px;
}
#cancelHolder a
{
    color:#fff;
    background: transparent url(Images/arrow-left.png) no-repeat 0 50%;   
    padding-left:13px;
    display:inline-block;
}

/* HEADER ---------------------------------------- */

#header
{   
    background: #ed1c24;
}
#header TABLE img,
#header TABLE svg { display:block; }
#header TABLE.inner
{
    width:100%;
}
#header TABLE.inner td{
    padding:10px 5px;
    vertical-align:top;
}

#header TABLE.inner TD.part-logo { width:126px; padding:0; }
#header TABLE.inner TD.part-logo .logo-link svg { height:40px;width:124px; padding:10px; fill:#fff;  }
#header TABLE.inner TD.part-navigation { width:42px; }
#header TABLE.inner TD.part-search-icon
{
    width:40px;        
}
#header TABLE.inner TD.part-search-icon .icon-holder
{
    background:#fff;
    height:39px;
}
#header TABLE.inner TD.part-search-icon svg
{
    width:30px;
    height:30px;
    fill:#d7d7d7;
}
    #header TABLE.inner TD.part-search-icon svg {

    }
#header TABLE.inner TD.part-search {    }
#header TABLE.inner TD.part-share { width: 40px; padding-right:12px; }
#header TABLE.inner TD.part-search-icon.passive
{
   border-left:solid 1px #ed1c24;  
}
#header TABLE.inner TD.part-search.passive
{
    border-right:solid 1px #ed1c24;     
    border-bottom:solid 1px #ed1c24;
}

#header .dropdown-nav svg { width:42px; height:39px; }
#header .dropdown-nav:hover rect,
#header TD.tab-active .dropdown-nav rect { fill:white; }
#header .dropdown-nav:hover path,
#header TD.tab-active .dropdown-nav path { fill:black; }

#header .part-search .input-search-holder{ background:#fff; }
#header .part-search { position:relative; }
#header .part-search input {
        border:none;        
        height:37px;        
        width:90%;
        padding-left:5%;
        padding-right:5%;

        line-height:39px;    
        font-size: 21px;
        font-style: italic;
        color: #313131;
    }
#header .location-link {
    display:none;
}
#header .part-search .location-link {
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer;
}
#header .part-search .location-link svg {
    width:30px;
    height:30px;
    fill:#ffcc00;
}
#header .part-mobile-search td { padding:0 !important; background:#fff; border-bottom:1px solid #ed1c24; position:relative; }
#header .part-mobile-search {  position:relative; }
#header .part-mobile-search .part-mobile-search-icon
{
    width:50px;    
}
#header .part-mobile-search .part-mobile-search-icon svg
{
    padding:10px 0 0 20px;
    height:20px;
    width:20px;
    fill:#d7d7d7;
}
#header .part-mobile-search input {
        border:none;

        height:39px;
        width:100%;

        line-height:39px;    
        font-size: 21px;
        font-style: italic;
        color: #313131;

        padding-left:22px;
    }
#header .part-mobile-search .location-link {
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
}
#header .part-mobile-search .location-link svg {
    width:20px;
    height:20px;
    fill:#ffcc00;
}
#header TABLE.inner TD.tab-active{
    background:#fff;
}

.cDropDown{
    background:#fff;
    position:absolute;
    /*width:100%;*/
    z-index:9;
}
#servicesMenu
{
    width:100%;    
    overflow:auto;

}
#shareMenu
{
    width:auto;
    right:0;         
}
#shareMenu .inner
{
    padding:20px 0 20px 10px;
    padding-right:0
}

#shareMenu .share-link
{
    display:inline-block;
    padding:10px 20px;
    border-left:solid 1px #000;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
}
#shareMenu .share-link:first-child {
    border-left:none;
}
#shareMenu .share-link span.title
{
    display:inline-block;
    font-size:14px;
    color:#000;
}
#shareMenu .share-link .icon {
    display:block;
    height:37px;
    overflow:hidden;
}
#shareMenu .share-link svg
{
    height: 25px;
    fill:#000; 
    padding-bottom:10px;
    display:block;  
    text-align:center;
}
#shareMenu #mailto-link svg {
    width:32px;
}
#shareMenu #share-link-embed svg {
    width:33px;
}
#shareMenu #face-share svg {
    width:13px;
    padding-left:22px;
    fill:#3c5a99;
}
#shareMenu #twitter-share {
    cursor:initial;    
}

#shareMenu .share-link-specific
{
    margin-top:15px;
    padding:10px 20px 10px 10px;
    border-top:solid 1px #e0e0e0;
}

#shareMenu .share-link-specific h3
{
    margin:7px 0;
    padding:0;
}
#shareMenu .share-link-specific input
{
    line-height:18px;
    padding:3px 3%;
    width:94%;
}

/* END HEADER ------------------------------------ */

/* FOOTER*/

#footer
{   
    text-align:center;
    background:#fff;

    position:absolute;
    bottom:0;
    z-index:1000;
    text-align:center;
    width:100%;

    border-top:solid 1px #e0e0e0;
}
#footer a
{
    font-size:12px;    
    line-height:23px;
    margin:0 10px;
    color:#000;
    text-decoration:none;
    background:url(Images/footer-icons.png) no-repeat -10000px 50%;
}
#footer a:hover { text-decoration:underline; }

#footer a.contact-tel{ background-position-x:0; padding-left:18px; }
#footer a.contact-mail { background-position-x: -295px; padding-left:22px; }



/* END FOOTER*/

/* SERVICE MENU  */

#servicesMenu .inner .item
{
    width:100%;
    font-size:18px;
    color:#959595;        
    overflow:hidden;
    
}
#servicesMenu .inner .separator
{
    height:9px;
    background:#c0c0c0;
}

#servicesMenu .inner .item .checkBox
{   
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    display: block;
    height:49px;
    border-bottom:solid 1px #dadada;  

    white-space:nowrap;  
    width:1000px;
}

#servicesMenu .inner .item .checkBox-checked
{
    color:#89b85b;
}
#servicesMenu .inner .item .checkBox-disabled { }
#servicesMenu .inner .item .checkBox-disabled-checked
{
    color:#74a247;
}
#servicesMenu .inner .item .checkBox-disabled,
#servicesMenu .inner .item .checkBox-disabled *
{
    cursor: default !important;
}
#servicesMenu .inner .item .checkBox INPUT
{
    height: 0;
    width: 0;
    display: none;
    /*\**/display: inline-block\0;
   
    padding: 0;
    margin: 0;
    position: absolute;
}
#servicesMenu .inner .item .checkBox .icon
{
    cursor: pointer;
    display: block;
    vertical-align: bottom;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    
    height: 49px;
    width: 49px;
    margin-right:20px;

    background-color: #e3e3e3;
    background-image: url('Images/checkmark.png');
    float: left;

    border-bottom:solid 1px #fff;
}

#servicesMenu .inner .item .checkBox-checked .icon
{
    background-color: #89b85b;
}
#servicesMenu .inner .item .checkBox-disabled .icon
{
    background-color: #e3e3e3;
}
#servicesMenu .inner .item .checkBox-disabled-checked .icon
{
    background-color: #cbdfb7;
}
#servicesMenu .inner .item .checkBox .title
{
    cursor: pointer;
    display: block;
    float: left;    
    line-height:49px;
    
}

/* END SERVICE MENU */






#overlayWrapper
{
    position:absolute;
    z-index:20;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /*background-color: rgba(0,0,0,0.7);*/
    background-color:#e6e6e6;
}
#overlayWrapper .overlayInner
{
    position:relative;
    width:100%;
    height:100%; 
    
    /*background:#232323;*/
    color:#fff;    
    font-size:16px; 
}
#overlayWrapper .overlayInner .overlayContent
{
    position:relative;
    overflow:auto;
    max-height:100%;
}
#overlayWrapper .overlayInner .overlayContent p
{
    padding:0;
    margin:5px 0;
}
#overlayWrapper .overlayInner .overlayContent p.smaller
{
    font-size:18px;
}
#overlayWrapper .overlayInner .overlayContent h3
{
    display:block;
    margin:0;
    padding:5px 0;
    font-size:30px;    
}
#overlayWrapper .overlayInner .overlayContent h4
{   
    margin:0;
    padding:0 0 10px 0;
    font-size:16px;
    font-weight:bold;
}
#overlayWrapper .overlayContent .ovarlayClose
{
    position:absolute;
    top:0;
    right:0;    
    cursor:pointer;
}
#overlayWrapper .overlayContent .ovarlayClose svg
{
    width:25px;
    height:25px;
    padding:12px;
    fill:#fff;
}

/* GMINFO WINDOW */

#gmInfoWindow
{

}

#gmInfoWindow .content-wrapper
{
    padding-bottom: 20px;
}

#gmInfoWindow .header-links
{
    position:absolute;
    position:absolute;
    top:0;
    right:55px;
    height:75px;
}
#gmInfoWindow .header-links a
{
    display:inline-block;
    white-space:nowrap;
    border-right:solid 1px #fff;
    margin-top:10px;
    cursor:pointer;
}
#gmInfoWindow .header-links a span
{
    float:left;
    line-height:30px;
    font-size:14px; 
}

#gmInfoWindow .header-links a svg
{
    height:25px;
    width:25px;
    fill:#ffffff;
    float:left;
    padding: 2px 20px 0 10px;
}


#gmInfoWindow .content
{
    padding:25px 20px;
    background:#232323;
}
#gmInfoWindow .content1
{
    padding-top:50px;
}
#gmInfoWindow .content2
{
    background:#bd2517;
    color:#fff;
}
#gmInfoWindow .content3
{
    background:#ffffff;
    color:#000;
}
#gmInfoWindow .content4
{
    background:#e6e6e6;    
    color:#000;
}

#gmInfoWindow .contentServices .serviceLink
{
    border:solid 1px #e6e6e6;    
    border-radius:5px;

    color:#000;
    font-weight:bold;
    text-decoration:none;

    height:43px;
    overflow:hidden;

    background:#fff;
    display:block;
}
#gmInfoWindow .contentServices .serviceLink span
{
    height:37px;
    display:table-cell;
    vertical-align:middle;
    padding:5px 3px 3px 15px;   
    border-left: solid 12px #bd2517;
}

#gmInfoWindow .contentServices .tisakmediawebshopdostava .serviceLink span { border-left-color:black; }
#gmInfoWindow .contentServices .tisakpaket .serviceLink span { border-left-color:#fac746; }
#gmInfoWindow .contentServices .tisakfoto .serviceLink span { border-left-color:#9e0039; }
#gmInfoWindow .contentServices .dukatgricalbumi .serviceLink span {  }
#gmInfoWindow .contentServices .zetprijevoznekarte .serviceLink span { border-left-color:#904a37; }
#gmInfoWindow .contentServices .parkirališnekarte .serviceLink span { border-left-color:#904a37; }
#gmInfoWindow .contentServices .buskarta .serviceLink span { border-left-color:#904a37; }
#gmInfoWindow .contentServices .franckcafecoffeetogo .serviceLink span { border-left-color:#000000; }
#gmInfoWindow .contentServices .hrvatskalutrija .serviceLink span { border-left-color:#f7941e; }
#gmInfoWindow .contentServices .ulaznice .serviceLink span { border-left-color:#8dc63f; }
#gmInfoWindow .contentServices .tisakcopy .serviceLink span { border-left-color:#9e0039; }
#gmInfoWindow .contentServices .moneygram .serviceLink span { border-left-color:#ed1c24; }
#gmInfoWindow .contentServices .placanjeracuna .serviceLink span { border-left-color:#ed1c24; }
#gmInfoWindow .contentServices .podizanjegotovine .serviceLink span { border-left-color:#ed1c24; }

#gmInfoWindow .contentShare {
    padding-top:10px;
    padding-bottom:10px;
    background:#cecece;
    text-align: center;
}
#gmInfoWindow .contentShare .share-link
{
    display:inline-block;
    padding:10px 20px;
    border-left:solid 1px #000;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
}
#gmInfoWindow .contentShare .share-link:first-child {
    border-left:none;
}
#gmInfoWindow .contentShare .share-link span.title
{
    display:inline-block;
    font-size:14px;
    color:#000;
}
#gmInfoWindow .contentShare .share-link .icon {
    display:block;
    height:30px;
    overflow:hidden;
}
#gmInfoWindow .contentShare .share-link svg
{
    height: 25px;
    fill:#000; 
    padding-bottom:10px;
    display:block;  
    text-align:center;
}
#gmInfoWindow .contentShare #store-mailto-link svg {
    width:32px;
}
#gmInfoWindow .contentShare #store-share-link-embed svg {
    width:33px;
}
#gmInfoWindow .contentShare #store-face-share svg {
    width:13px;
    padding-left:22px;
    fill:#3c5a99;
}
#gmInfoWindow .contentShare #store-twitter-share {
    cursor:initial;    
}

#gmInfoWindow .contentShare .ovarlay-share-link-specific
{
    margin-top:15px;
    padding:10px 20px 10px 10px;
    border-top:solid 1px #e0e0e0;
}

#gmInfoWindow .contentShare .ovarlay-share-link-specific div.title
{
    text-align:left;
    margin:7px 0;
    padding:0;
}
#gmInfoWindow .contentShare .ovarlay-share-link-specific input
{
    line-height:18px;
    padding:3px 3%;
    width:94%;
}

/* END GMINFO WINDOW */

/* OVERLAY NAVIGATION */

#gmInfoWindow .overlay-navigation-holder
{
    padding-top:0;
    padding-bottom:0;
}
#overlay-navigation
{

}
#overlay-navigation td
{
    text-align:center;
    vertical-align:top;
    padding:20px 20px;
    /*border-left:solid 1px #fac746;*/
    width:10px;
}
#overlay-navigation td.part-address
{
    padding-left:0;
    text-align:left;
    width:100%;
}
/*#overlay-navigation td:first-child
{
    padding:0;
    border-left:none;
}
#overlay-navigation td:nth-child(2)
{
    border-left:none;
    padding-left:0;
}
#overlay-navigation td:last-child
{
    padding-right:40px;
}*/
#overlay-navigation td a
{
    text-decoration:none;
    display:block;
    cursor:pointer;
}
#overlay-navigation td svg
{
    fill:#fac746;
    height:30px;
}
#overlay-navigation td.part-info svg {
    width:25px;
}
#overlay-navigation td.part-directions svg {
    width:27px;
}
#overlay-navigation td span
{
    font-size:14px;
    white-space:nowrap;
    color:#fac746;
    display:block;
}

#overlay-navigation td.onav-tab-active,
#overlay-navigation td.onav-tab:hover,
#overlay-navigation td.onav-tab-active span,
#overlay-navigation td.onav-tab:hover span
{
    background:#fff;
    color:#000;
}
#overlay-navigation td.onav-tab-active svg,
#overlay-navigation td.onav-tab:hover svg
{
    fill:#000;
}
#gmInfoWindow .onav-content
{
    display:none;
}
#gmInfoWindow .onav-content-active
{
    display:block;
}

#overlay-navigation td .choose-link {
  background: #8cc63f;
  background-image: -webkit-linear-gradient(top, #8cc63f, #43a92e);
  background-image: -moz-linear-gradient(top, #8cc63f, #43a92e);
  background-image: -ms-linear-gradient(top, #8cc63f, #43a92e);
  background-image: -o-linear-gradient(top, #8cc63f, #43a92e);
  background-image: linear-gradient(to bottom, #8cc63f, #43a92e);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  padding:0 20px;
  display:inline-block;
  width:130px;
  
}
#overlay-navigation td .choose-link span
{
    color: #ffffff;
    font-size: 18px;
    line-height:50px;  
    text-decoration: none;    
    float:left;
}
#overlay-navigation td .choose-link svg
{
    float:left;
    fill:#fff;
    margin:9px 0 0 15px;
    height:35px;
    width:18px;
}

#overlay-navigation td .choose-link:hover {
  background: #43a92e;
  background-image: -webkit-linear-gradient(top, #43a92e, #8cc63f);
  background-image: -moz-linear-gradient(top, #43a92e, #8cc63f);
  background-image: -ms-linear-gradient(top, #43a92e, #8cc63f);
  background-image: -o-linear-gradient(top, #43a92e, #8cc63f);
  background-image: linear-gradient(to bottom, #43a92e, #8cc63f);
  text-decoration: none;
}

#gmInfoWindow .nav-single-item
{
    display:none;
}
/* END OVERLAY NAVIGATION */

/* DIRECTIONS CONTENT */

#onav-directions-content
{
    background:#fff;
    color:#000;
}

#onav-directions-content #canvasWrapper
{
    padding:20px;
}

#onav-directions-content #gmTravelMode
{   
    background:#232323;
}
#onav-directions-content #gmTravelMode a
{
    display:inline-block;
    background:none;
}
#onav-directions-content #gmTravelMode a svg
{
    fill:#fff;
    height:30px;
    width:30px;
    padding:10px 30px;
}
#onav-directions-content #gmTravelMode a.selected
{
    background:#fff;
}
#onav-directions-content #gmTravelMode a.selected svg
{
    fill:#000;
}

#onav-directions-content #directionsInfo
{
    background:#fff;
}

#onav-directions-content #directionsInfo #originTitle
{
    font-size:18px; 
    font-weight:bold;
}

#onav-directions-content #directionsInfo #originTitle,
#onav-directions-content #directionsInfo #destinationTitle
{
    color:#bd2517;
    display:block;
}

#onav-directions-content #directionsInfo #distance
{
    color:#000;
    font-size:18px;
}
#onav-directions-content #directionsInfo #duration
{
    color:#707070;
}
#onav-directions-content #directionsInfo #distance,
#onav-directions-content #directionsInfo #duration
{
    display:block;
}

#directionsInfo ul.waypoints
{
    padding:20px 0;
    margin:0;
    clear:both;

}

#directionsInfo ul.waypoints li
{
    list-style-type:none;
    padding-left:50px;
    padding-bottom:30px;
    position:relative;
}

#directionsInfo ul.waypoints .instruction
{
    color:#000;
    display:block;
}
#directionsInfo ul.waypoints .instruction b
{
    font-weight:normal;
}

#directionsInfo ul.waypoints .distance
{
    color:#959595;
    display:block;
    line-height:30px;
}

/* END DIRECTIONS CONTENT */

/* maneuverS */

#directionsInfo .waypoints .maneuver {
        position:absolute;
        left:0;
        top:0;
        display:inline-block;
        width: 32px;
        height: 32px;
        background-image: url(images/maneuvers-2x.png);   
        background-position:-1000px -1000px;     
    }

#directionsInfo .waypoints .maneuver.maneuver- { background-position:0 -1068px }
#directionsInfo .waypoints .maneuver.maneuver-ferry { background-position: 0 -1228px }
#directionsInfo .waypoints .maneuver.maneuver-ferry-train { background-position: 0 -1132px }
#directionsInfo .waypoints .maneuver.maneuver-merge { background-position: 0 -286px }
#directionsInfo .waypoints .maneuver.maneuver-straight { background-position: 0 -1068px }
#directionsInfo .waypoints .maneuver.maneuver-fork-left { background-position: 0 -1100px }
#directionsInfo .waypoints .maneuver.maneuver-ramp-left { background-position: 0 -1196px }
#directionsInfo .waypoints .maneuver.maneuver-roundabout-left { background-position: 0 -394px }
#directionsInfo .waypoints .maneuver.maneuver-turn-left { background-position: 0 -826px }
#directionsInfo .waypoints .maneuver.maneuver-turn-sharp-left { background-position: 0 0 }
#directionsInfo .waypoints .maneuver.maneuver-turn-slight-left { background-position: 0 -756px }
#directionsInfo .waypoints .maneuver.maneuver-uturn-left { background-position: 0 -610px }
#directionsInfo .waypoints .maneuver.maneuver-fork-right { background-position: 0 -998px }
#directionsInfo .waypoints .maneuver.maneuver-ramp-right { background-position: 0 -858px }
#directionsInfo .waypoints .maneuver.maneuver-roundabout-right { background-position: 0 -464px }
#directionsInfo .waypoints .maneuver.maneuver-turn-right { background-position: 0 -966px }
#directionsInfo .waypoints .maneuver.maneuver-turn-sharp-right { background-position: 0 -1164px }
#directionsInfo .waypoints .maneuver.maneuver-turn-slight-right { background-position: 0 -102px }
#directionsInfo .waypoints .maneuver.maneuver-uturn-right { background-position: 0 -70px }


/* END maneuverS */


/* MENU SUGESTIONS */


#menuSuggestions
{
    display: none;
    width: 36px;
    
    position: absolute;
    top: 90px;
    left: 0;
    
    background: transparent url(Images/slidemenu-suggestions.png) no-repeat 100% 0;
}
#menuSuggestions .handle
{
    opacity: .9;
    cursor: pointer;
       
    width: 36px;
    height: 173px;
    background-color: transparent;
    background-image: url(Images/handle-states.png);
    background-repeat: no-repeat;
    
    position: absolute;
    top: 40%;
    right: 0;
}
#menuSuggestions .handle-open
{
    background-position: 0 0;
}
#menuSuggestions .handle-close
{
    background-position: -36px 0;
}
#menuSuggestions .client-area
{
    width: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 36px;
}
#menuSuggestions .client-area .contents
{
    padding-top: 35px;
    margin: 0;
    list-style: none;
    color: #000;
}
#menuSuggestions .client-area .contents h3
{
    height: 60px;
    font-size: 16px;    
    font-weight: bold;
    background: transparent url(Images/slidemenu-suggestions-head.png) repeat-x 0 0;
    padding: 0 10px 0 10px;
    margin: 1px 0 1px 0;
}
#menuSuggestions .client-area .contents h3.head-lower
{
    background-position: 0 -60px;
}
#menuSuggestions .client-area .contents h3 span
{
    display: block;

    line-height: 22px;
    padding: 0 0 0 50px;
    
    background: transparent url(Images/marker-store.png) no-repeat 0 50%;
}
#menuSuggestions .client-area .contents h3.head-address
{
    padding: 0 10px 0 10px;
}
#menuSuggestions .client-area .contents h3.head-address span
{
    background: transparent url(Images/slidemenu-suggestions-head-address.png) no-repeat 0 50%;
    padding: 0 0 0 40px;
    line-height: 60px;
}
#menuSuggestions .client-area .contents h3 img
{
    float: left;
    display: inline-block;
    margin: 5px 10px 5px 0;
    
}
#menuSuggestions .client-area .contents a,
#places a
{
    display: block;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    
    background-image: url(Images/slidemenu-suggestions-items.png);
    background-color: transparent;
    background-position: 15px 6px;
    background-repeat: no-repeat;
    
    padding: 3px 14px 3px 40px;
}
#menuSuggestions .client-area .contents .items-stores,
#menuSuggestions .client-area .contents .items-addresses,
#places .items-stores
{
    margin: 10px 0 10px 0;
}
#menuSuggestions .client-area .contents .items-addresses a
{
    background-position: -285px 6px;
}
#menuSuggestions .client-area .contents a:hover,
#places a:hover
{
    background-position: -585px 6px;
    background-color: #ededed;
}
#menuSuggestions .client-area .contents a.selected,
#places a.selected
{
    background-position: -585px 6px;
    background-color: #46494c;
    color: #fff;
}

/* END MENU SUGESTIONS */

/* DIRECTIONS */

#gmDirectionsCanvas
{
    width: 100%;
    height: 300px;
}

/* END DIRECTIONS */

/* AUTOCOMPLETE */

.ui-autocomplete
{
    background:#fff;
    margin:0;
    padding:0;
    /*overflow-y:scroll;
    overflow-x:hidden;*/
    overflow:auto;

    -webkit-box-shadow: 0px 0px 20px #808080;
    -moz-box-shadow: 0px 0px 20px #808080;
    box-shadow: 0px 0px 20px #808080;
}
.ui-menu-item
{
    list-style-type:none;
    padding:7px 0 7px 7px;
    margin:0;
    border-bottom:solid 1px #e0e0e0;    
}
.ui-menu-item.type-store:first-child,
.ui-menu-item.type-assress:first-child
{
    padding-top:17px;
}
.ui-menu-item a
{
    display:block;
    clear:both;
}
.ui-menu-item a .icon 
{
    display:inline-block;
    text-align:center; 
    float:left;
    overflow:hidden;
    width:50px; 
    padding-right:10px;    
}
.ui-menu-item a .icon img
{   
    max-width:50px;
}
.ui-menu-item a .icon svg
{   
    fill:#d7d7d7;
    width:20px; 
    height:29px;   
}
.ui-menu-item a:hover .icon svg
{
    fill:#ed1c24;
}

.ui-menu-item a SPAN
{
    font-size:16px;
    display:block;
    line-height:20px;
}

.ui-menu-item a .title
{
    color:black;
}

.ui-menu-item a .description
{
    color:#959595;
}
    
.ui-menu-item.type-store
{
    background:#f7f6f6;
}
.ui-menu-item.type-address
{
    
}
.ui-menu-item.ui-state-focus
{
    background:#eee;   
}


/* END AUTOCOMPLETE */