#sestorelocatorcontainer {max-width: 1200px;min-width: 580px;width: 100%;}
#sestorelocatorlocationlist ul {clear: left;display: block;float: left;list-style: none;margin: 0;padding: 10px 10px 20px 18px;position: relative;width: 100%;}
#sestorelocatorlocationlist ul ul {border: 0 none;clear: left;display: block;float: left;list-style: none;margin: 0 8px 8px;padding: 0;width: 201px;}

.sestorelocatorstore {display: inline-block;float: left;margin: 0;padding: 7px 0 1px;position: relative;width: 217px;}
.sestorelocatorstore ul ul {margin: 0;padding: 0;}
.sestorelocatorstore li {color: #000;font-family: Arial, sans-serif;font-size: 12px;line-height: 18px;text-align:left;list-style-type:none;}
.sestorelocatorstore li.sestorename, #sestorelocatormapcontainer .sestorename {font-family: Arial, sans-serif;font-weight: bold;font-size: 14px;line-height: 18px;}
#sestorelocatorcontainer .sestorelocatorstore li a:hover {text-decoration: underline;}
#sestorelocatormapcontainer {max-height:450px;}
#map {width:100%; height:100%;}

#sepagebody .sestorelocatortable {clear: both;max-width: 1200px; margin: 8px 0 0; width: 100%;}
.sestorelocatortable .sestorelocatorleftcolumn {max-width: 340px;padding: 0;vertical-align: top;width: 100%;}
.sestorelocatortable .sestorelocatorrightcolumn {vertical-align: top;width: 100%;}

/* map */
#sestorelocatormapcontainer {border: 1px solid #ccc;clear: left;float: left;height: 750px;margin: 0;overflow: hidden; width: 100%;}
#sestorelocatorlocationlist ul {clear: left;display: block;list-style-type: none;margin: 0;padding: 0;position: relative;width: 100%;}
#sestorelocatorlocationlist ul {clear: left;display: block;list-style-type: none;margin: 0;padding: 0;position: relative;width: 100%;}
#sestoreslistcontainer .seMarker {border-bottom: 1px solid #ccc;clear: both;position: relative;overflow:auto;list-style-type: none;cursor: pointer;}
#sestorelocatorinfowindow .sestorelocatorinfowindow {clear: both;background: #fff;color: #000;font-family: Arial,sans-serif;font-size: 12px;line-height: 18px;position: relative;text-align:left;}
#sestorelocatorinfowindow .sestorelocatorinfowindow a:hover {text-decoration: underline;}
#sestorelocatorinfowindow .sestorelocatorinfowindow-icon {display: inline-block;float: left;padding-right: 13px;position: relative;}
#sestorelocatorinfowindow .sestorelocatorinfowindow-info {display: inline-block;position: relative;width: 220px;}
#sestorelocatorusermessage, #sestorelocatormapmessage {background-color: #FFFFCC;background-image: url("../../library/_common/icon-info.png");background-position: 5px center;background-repeat: no-repeat;border-radius: 3px 3px 3px 3px;border: 1px solid #FFCC66;display: none;margin: 3px;padding: 3px 3px 3px 55px;}
#sestorelocatorusermessage span, #sestorelocatormapmessage span {display: table-cell;font-family: Arial,sans-serif;font-size: 14px;font-weight: 700;height: 55px;margin: 3px;vertical-align: middle;}
#sestorelocatormapmessage {float: left;left: 480px;margin: 10px;position: absolute;right: 3px;top: 240px;width: 350px;z-index: 1050;}

/* fix map alignment */
#sestorelocatormapcontainer {border: 1px solid #CCCCCC;clear: left;float: left;height: 550px;margin: 0;width: 100%;}
.sestorelocatortable .sestorelocatorleftcolumn {padding: 0;vertical-align: top;width: 250px;}
.icon {width: 40px;height: 40px;display: inline-block;}
#sestorelocatorcontainer #sepagebody a.getDirections:hover {text-decoration: underline;}
.sephoneline, .sestorelocatorstore li.sephoneline {font-weight: bold; margin: 0.5em 0;font-size: 14px;line-height: 18px;}
.sephonelinemobile {font-weight: bold; display:none;font-size: 14px;line-height: 18px;}
#sestorelocatorlocationlist .selected {background: #f2f2f2;background-position: center bottom;background-repeat: repeat-x;}
#sestorelocatorloadingoverlay {display: none;background-color: #FFFFCC;border: 1px solid #FFCC66;border-radius: 4px 4px 4px 4px;font-size: 1.5em;margin-left: 200px;margin-top: 30px;padding: 8px;position: absolute;z-index: 1;}

#sestorelocatorlocationlist {font-size: 14px; float: left; width: 230px; height:469px !important; clear: both; overflow: hidden; -webkit-overflow-scrolling: touch;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #sestorelocatorlocationlist {height:452px !important; overflow: auto !important;}

}

/*  CUSTOM SCROLL BAR   */

/* EXTERNAL SCROLLS */

.external-scroll_x, .external-scroll_y {border: solid 1px #bbb; cursor: pointer; display: block; position: absolute;}
.external-scroll_x { bottom: -15px; height: 10px; left: 0; max-width: 200px;}
.external-scroll_y { right: -15px; max-height: 200px; top: 0; width: 10px;}
.external-scroll_x div, .external-scroll_y div { height: 100%; left: 0; top: 0; position: absolute; width: 100%;}
.external-scroll_x .scroll-bar, .external-scroll_y .scroll-bar { background: #BBBBBB; z-index: 12;}
.external-scroll_x .scroll-bar { width: 100px;}
.external-scroll_y .scroll-bar { height: 100px;}

/*************** SCROLLBAR DEFAULTS ***************/

.scroll-wrapper { overflow: hidden !important;padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: pointer;}
.scroll-element .scroll-element_outer {background:url("../../library/_common/scroll-track-bg.png") no-repeat;}

/******************* SIMPLE OUTER SCROLL *******************/

.scroll-simple_outer > .scroll-content.scroll-scrolly_show { left: -12px; margin-left: 12px; }
.scroll-simple_outer > .scroll-content.scroll-scrollx_show { top:  -12px; margin-top:  12px; }
.scroll-simple_outer > .scroll-element, .scroll-simple_outer > .scroll-element div { border: none; display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10;}
.scroll-simple_outer > .scroll-element { background-color: #fcfdff;}
.scroll-simple_outer > .scroll-element div { height: 100%; left: 0; top: 0; width: 100%;}
.scroll-simple_outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; width: 100%;}
.scroll-simple_outer > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 14px;}
.scroll-simple_outer > .scroll-element .scroll-bar { background-color: #bbb;}
.scroll-simple_outer > .scroll-element.scroll-x .scroll-bar { top: 1px; height: 10px;}
.scroll-simple_outer > .scroll-element.scroll-y .scroll-bar { left: 1px; width: 12px;}


/* PROCEED OFFSET IF ANOTHER SCROLL VISIBLE */

.scroll-simple_outer > .scroll-element.scroll-x.scroll-scrolly_show .scroll-element_size { left: -12px; }
.scroll-simple_outer > .scroll-element.scroll-y.scroll-scrollx_show .scroll-element_size { top: -12px; }
.scroll-simple_outer > .scroll-element.scroll-x.scroll-scrolly_show .scroll-element_inner { left: -12px; }
.scroll-simple_outer > .scroll-element.scroll-y.scroll-scrollx_show .scroll-element_inner { top: -12px; }


/* HOVER & DRAG STYLES */
.scroll-simple_outer > .scroll-element .scroll-bar:hover { background-color: #bbb; }
.scroll-simple_outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #bbb; }

.scroll-scrolly_show .scroll-element_outer {display:none !important;}
.scroll-simple_outer {margin:1px 8px 0 0;}