/*--- store locator ---*/ #storelocator {} #storelocator #wrap{ width: auto; margin: 15px auto; min-width:725px; margin: 0 20px; width:700px;} #storelocator #wrap #content{ padding:0;} /*--- HEADER ---*/ #storelocator #wrap #header #logo { margin-right:12px; margin-top:-1px;} #storelocator #wrap #header #t_storeLocator { float:left;margin-top:10px;} #storelocator #wrap #header #utilitynav { width: auto ;} #storelocator #wrap #header #utilitynav .close { background: url(/web/images/close_new.gif) right center no-repeat; color:#0095d8; padding:2px 30px 10px 0;} #storelocator #wrap #header #utilitynav a { padding-right: 3px; } #storelocator #wrap #header h1 {color:#0095D8;font-size:2.45em;letter-spacing:-1px;line-height:1em;width:450px;} /* ############################################ LEGEND ############################################ */ #storelocator #wrap #content #map-container .legend { position:absolute; top:-45px; width: 94%; text-align: center;display:none;} #storelocator #wrap #content #map-container .legend ul{ list-style-type: none; font-size: 0.9em; margin: 0;} #storelocator #wrap #content #map-container .legend ul li{ display: inline; margin: 0;} #storelocator #wrap #content #map-container .legend ul li img{ position:relative; top:10px; margin: 0 8px 0 14px;} /* ############################################ END LEGEND ############################################ */ /*--- STORE FINDER ---*/ #storelocator #wrap #content #finder { background: #f5f5f5; border: 1px solid #dcdcdd; border-right: none; border-left: none; padding: 10px 16px 5px 16px; position:relative; z-index: 499;} #storelocator #wrap #content #finder #storefinder { position:relative; z-index:500; } #storelocator #wrap #content #finder #storefinder input { width: 185px; } #storelocator #wrap #content #finder #storefinder select { width: 190px; } #storelocator #wrap #content #finder #storefinder ul { float:left; margin:2px 0 3px 0; padding:0;} #storelocator #wrap #content #finder #storefinder ul li { display:block; float:left; margin: 0 10px 0 0; position:relative;} #storelocator #wrap #content #finder #storefinder ul li label { display:block; margin: 0 0 4px 0; font-weight: bold;} #storelocator #wrap #content #finder #storefinder button { margin: 22px 0 0 0; float:left; padding:0;} #storelocator #wrap #content #finder #storefinder .howto { position:absolute; background: #f9f9f9; border: 1px solid #dcdcdd; width: 352px; left:0px; top: 42px; z-index:1000; display: none;} #storelocator #wrap #content #finder #storefinder .howto div { padding:8px;} #storelocator #wrap #content #finder #storefinder .howto .error { color:#FE0909; font-size: 1em;} #storelocator #wrap #content #finder #storefinder .howto ul { float:none; clear:both; width:auto;} #storelocator #wrap #content #finder #storefinder .howto ul li { float:none; clear:both;} #storelocator #wrap #content #finder #storefinder .howto ul a { color: #FF8230; } #storelocator #wrap #content #finder #storefinder .howto ul.help { font-size: 0.9em; color: #878787; margin-left:10px; list-style-type: none;} #storelocator #wrap #content #finder #storefinder .howto p { font-size:0.9em;} #storelocator #wrap #content #finder p { margin: 0 0 0 0; font-size: 0.9em; color: #878787;} /*--- BROWSE ---*/ #storelocator #wrap #content #browse { width: 241px; float:left; margin: 0; border: 1px solid #dcdcdd; border-left:none; height:390px;} #storelocator #wrap #content #browse .loader { position:relative; top:143px; left: -7px;} #storelocator #wrap #content #browse .right { float:right; font-size: 0.9em; margin:4px 7px -4px 0px; } #storelocator #wrap #content .directions #browse { width: 241px; } #storelocator #wrap #content #browse .content{ padding: 7px 5px 5px 14px; } #storelocator #wrap #content .directions #browse .content{ padding: 7px 5px 5px 14px; } #storelocator #wrap #content .contentTabs { margin:5px 0 0 0;} #storelocator #wrap #content .contentTabsBlock { border-left: 1px solid #dcdcdd; margin: 5px 0 0 0; background: #f5f5f5; padding: 0;} #storelocator #wrap #content .contentTabsBlock p { margin: 0 0px 5px 0} #storelocator #wrap #content .contentTabsBlock ol { margin-left:18px; } #storelocator #wrap #content .contentTabsBlock h3 { font-size: 1.1em; margin: 5px 0 6px 0; font-weight:bold;} #storelocator #wrap #content .contentTabsBlock ul { list-style-type: none; margin: 18px 0 20px 0;} #storelocator #wrap #content .contentTabsBlock ul li { margin-top:5px; } #storelocator #wrap #content .contentTabsBlock ul li a:visited { color: #0077BF; } #storelocator #wrap #content .contentTabsBlock ul li a { font-size:0.95em; } /**steps**/ #storelocator #wrap #content #browse #stores, #storelocator #wrap #content #browse #steps { overflow-y:auto; overflow-x:hidden; height: 310px; margin: 0; clear:both;} #storelocator #wrap #content #browse #steps ul { margin:0 0 10px 0;} #storelocator #wrap #content #browse #steps ul li { margin:0 10px 0 0; padding:10px 0 10px 0; background: none ; border-bottom: 1px solid #bcbcbc; font-size: 0.95em;} #storelocator #wrap #content #browse #steps ul li div { background: url(/web/common/all_languages/all_regions/images/icons/red_circle.gif) no-repeat center center; width: 14px; height:14px; float:left; color:#fff; font-weight: normal; line-height: 14px; text-align:center; font-size: 0.8em; margin: 3px 0 0 0;} #storelocator #wrap #content #browse #steps ul li p { margin: 0 0 0 22px;} /**white bubble**/ #storelocator #wrap #content #browse .white_bubble_on_grey { width: 217px; margin: 0px 0 5px -2px; } #storelocator #wrap #content #browse .white_bubble_on_grey .top { background: url(/web/common/all_languages/all_regions/images/storeLocator/white_bubble_top_on_grey_217.gif) transparent no-repeat; width:217px; height: 8px; overflow:hidden;} #storelocator #wrap #content #browse .white_bubble_on_grey .bottom { background: url(/web/common/all_languages/all_regions/images/storeLocator/white_bubble_bot_on_grey_217.gif) transparent no-repeat; width:217px; height: 7px; overflow:hidden; } #storelocator #wrap #content #browse .white_bubble_on_grey .middle { padding: 1px 10px 2px 14px; margin:0; border: solid 1px #dcdcdd; border-top: none; border-bottom: none; background: #fff;} #storelocator #wrap #content #browse .white_bubble_on_grey .middle p { margin: 0; font-size:0.95em; font-weight: bold;} #storelocator #wrap #content #browse .white_bubble_on_grey .middle h3 { margin: 0 0 5px 0;} #storelocator #wrap #content #browse ul.pages { margin: 10px 0 0 0; text-align:center; font-size:0.95em;} #storelocator #wrap #content #browse ul.pages li { display:inline; padding: 0 2px; } #storelocator #wrap #content #browse .info { font-size:0.8em; float:right; height:1em; color: #878787; clear:both; margin: 0 0 10px 0;} /**stores**/ #storelocator #wrap #content #browse #stores { height: 243px; margin: 0;} #storelocator #wrap #content #browse #stores ul { margin:0; } #storelocator #wrap #content #browse #stores ul li { margin:0 10px 0 0; padding:8px 5px 8px 8px; background: none ; border-bottom: 1px solid #bcbcbc; font-size: 0.9em;} #storelocator #wrap #content #browse #stores ul li.active { background: #e5eff5;} #storelocator #wrap #content #browse #stores ul li h5 { font-weight: bold; margin:0; } #storelocator #wrap #content #browse #stores ul li h6 { font-size: 1em; margin:0; } #storelocator #wrap #content #browse #stores ul li p { margin:0; clear:both;} #storelocator #wrap #content #browse #stores ul li a { display:block; float: right; padding-left: 15px;} /**Instructions**/ #storelocator #wrap #content #browse .instructions { height: 335px; overflow-y:auto; padding-right: 10px;} #storelocator #wrap #content #browse .instructions ul{ margin:0 0 7px 0; } /*--- map ---*/ #storelocator #wrap #content #map-container { float:left; margin: 0; position:relative; background: #fff; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 5px; width: 473px; } #storelocator #wrap #content .directions #map-container { } #storelocator #wrap #content #map-container #map { border: 1px solid #DCDCDD; height:390px; width:473px; background: #F5F5F5; visibility: visible; position: relative; } #storelocator #wrap #content .directions #map-container #map { border: 1px solid #DCDCDD; height:390px; width:473px; background: #F5F5F5 ;} #storelocator #wrap #content #map-container #map img { padding:0px; margin:0px; display:block;} /**Bubble on map**/ #storelocator #wrap #content #map-container #bubble_on_map { position:absolute; width: 277px; top:0px; left:0px; } #storelocator #wrap #content #map-container #bubble_on_map .right { position:relative; top:-20px; left:-304px; } #storelocator #wrap #content #map-container #bubble_on_map .left { position:relative; top:-21px; left:27px; } #storelocator #wrap #content #map-container #bubble_on_map .top { background: url(/web/common/all_languages/all_regions/images/lines/bubble_on_map_top.png) no-repeat top left; height: 8px; overflow:hidden;} #storelocator #wrap #content #map-container #bubble_on_map .bottom { background: url(/web/common/all_languages/all_regions/images/lines/bubble_on_map_bot.png) no-repeat top left; height: 8px; overflow:hidden; } #storelocator #wrap #content #map-container #bubble_on_map .middle { background: #fff; border:2px solid #3093d4; border-top:none; border-bottom: none; margin:0; padding:10px 0 0 0;} #storelocator #wrap #content #map-container #bubble_on_map .right .middle .pointer { position:absolute; background: url(/web/common/all_languages/all_regions/images/lines/bubble_on_map_right.png) no-repeat; width: 29px; height: 15px; right: -27px;} #storelocator #wrap #content #map-container #bubble_on_map .left .middle .pointer { position:absolute; background: url(/web/common/all_languages/all_regions/images/lines/bubble_on_map_left.png) no-repeat; width: 29px; height: 15px; left: -27px; } #storelocator #wrap #content #map-container #bubble_on_map .middle img { float:left; margin: 0 8px; } #storelocator #wrap #content #map-container #bubble_on_map .middle .details { float:left; width:170px; margin:0; } #storelocator #wrap #content #map-container #bubble_on_map .middle .details h5 { margin: 0; font-weight: bold; font-size:1em;} #storelocator #wrap #content #map-container #bubble_on_map #comingFrom { display:none; } #storelocator #wrap #content #map-container #bubble_on_map #comingFrom input{ width: 90px; float: left; font-size: 0.8em;} #storelocator #wrap #content #map-container #bubble_on_map #comingFrom button{ float: left; margin-right:-10px;} #storelocator #wrap #content #map-container #bubble_on_map #comingFrom label{ color: #999999; } #storelocator #wrap #content #map-container #bubble_on_map .message { position:relative; top: 135px; left: 118px; font-weight: bold;} #storelocator #wrap #content #map-container #bubble_on_map .message .middle .pointer { display:none; } #storelocator #wrap #content #map-container #bubble_on_map .message .middle { padding: 40px 25px 35px 25px; text-align:center; } /** little bubble on map**/ #storelocator #wrap #content #map-container #bubble_on_map.little { width:225px; } #storelocator #wrap #content #map-container #bubble_on_map.little .right{ position:relative; top:-20px; left:-252px; } #storelocator #wrap #content #map-container #bubble_on_map.little .left{ position:relative; top:-21px; left:27px; } #storelocator #wrap #content #map-container #bubble_on_map.little .top { background: url(/web/common/all_languages/all_regions/images/lines/little_on_map_top.png) no-repeat top left; height: 8px; overflow:hidden;} #storelocator #wrap #content #map-container #bubble_on_map.little .bottom { background: url(/web/common/all_languages/all_regions/images/lines/little_on_map_bot.png) no-repeat top left; height: 8px; overflow:hidden; } #storelocator #wrap #content #map-container #bubble_on_map.little .details { padding: 0 15px 0 15px; float:none; width:auto; } #storelocator #wrap #content #map-container #bubble_on_map.little .details h5 { margin-bottom:5px;} #IntroControl #bubble_on_map.little { width:225px; } #IntroControl #bubble_on_map.little .right{ position:relative; top:-20px; left:-252px; } #IntroControl #bubble_on_map.little .left{ position:relative; top:-21px; left:27px; } #IntroControl #bubble_on_map.little .top { background: url(/web/common/all_languages/all_regions/images/lines/little_on_map_top.png) no-repeat top left; height: 8px; overflow:hidden;} #IntroControl #bubble_on_map.little .bottom { background: url(/web/common/all_languages/all_regions/images/lines/little_on_map_bot.png) no-repeat top left; height: 8px; overflow:hidden; } #IntroControl #bubble_on_map.little .details { padding: 0 15px 0 15px; float:none; width:auto; background:white;border-left:2px solid #3093D4;border-right:2px solid #3093D4;} #IntroControl #bubble_on_map.little .details h5 { margin-bottom:5px;} /**Store info**/ #storelocator #wrap #content #map-container #storeInfo { width: 458px; position:absolute; top:8px; left:2%; z-index:800; } #storelocator #wrap #content #map-container #storeInfo .top { background: url(/web/common/all_languages/all_regions/images/lines/storeinfo_top.png) no-repeat top left; height: 20px; overflow:hidden; } #storelocator #wrap #content #map-container #storeInfo .top .close { display:block; position:absolute; right:10px; top:0px; background: none; color:#00446E; padding: 3px 30px 18px 0; font-size: 0.9em; } #storelocator #wrap #content #map-container #storeInfo .bottom { background: url(/web/common/all_languages/all_regions/images/lines/storeinfo_bot.png) no-repeat top left; height: 20px; overflow:hidden; } #storelocator #wrap #content #map-container #storeInfo .middle { padding: 1px 15px 0px 15px; border: 2px solid #3093d4; border-top:none; border-bottom:none; background: #e5eff5; min-height:334px;} #storelocator #wrap #content #map-container #storeInfo .middle img { float:left; margin: 0 10px 10px 0;} #storelocator #wrap #content #map-container #storeInfo .middle h5 { font-size:1.5em; font-weight:bold; margin:0;} #storelocator #wrap #content #map-container #storeInfo .middle h6 { font-size: 1em; margin:0 0 4px 0;} #storelocator #wrap #content #map-container #storeInfo .middle a { color:#00446E; } #storelocator #wrap #content #map-container #storeInfo .middle .hours { float: left; margin-right:30px;} #storelocator #wrap #content #map-container #storeInfo .middle .hours table td { padding-right:10px; } #storelocator #wrap #content #map-container #storeInfo .middle .carry { float: left;} #storelocator #wrap #content #map-container #storeInfo .middle .carry ul { margin:0 0 0 13px; list-style-type: square;} #storelocator #wrap #content #map-container #storeInfo .middle .carry ul li { margin-top:0;} #storelocator #wrap #content #map-container .loader { position:absolute; width: 350px; left: 50px; top:150px;} /*--- GENERICS CLASSES ---*/ #storelocator ul.dot { list-style-image: url(/web/common/all_languages/all_regions/images/backgrounds/dot_list.gif); margin-left: 5px!important;} #storelocator ul.dot li { list-style-image: url(/web/common/all_languages/all_regions/images/backgrounds/dot_list.gif); margin-left: 10px!important; list-style-position: outside;} #storelocator #wrap #content #browse .contentTabsBlock #howto { display:none;} #storelocator #wrap #content #browse .contentTabsBlock #directions { display:none;} #storelocator #wrap #content #browse .contentTabsBlock #results { display:none;} #storelocator #wrap #content .loader { background: url(/web/common/all_languages/all_regions/images/icons/loader.gif) no-repeat center 30px; height:95px; text-align:center; color: #3093d4; font-weight:bold; font-size: 1.1em;} #storelocator a:hover{ text-decoration: underline;} .customInfoBox-noBeak,.customInfoBox-with-rightBeak,.customInfoBox-with-leftBeak {border:0 solid black;color:#676767;display:block;font-size:1.2em;position:absolute; z-index:500 !important;background:transparent} .customInfoBox-with-rightBeak {padding:0 0px 0 0;background:transparent} .customInfoBox-with-leftBeak {padding:0 0 0 0px;background:transparent} .customInfoBox-noBeak {padding:0 0px;background:transparent} .customInfoBox-body {border:0px solid #888;left:0px;overflow:hidden;position:relative; top:0px;width:277px;padding:0px;background:transparent} .customInfoBox-noBeak .customInfoBox-beak {display:none} .customInfoBox-progressAnimation {font-size:0;height:3px;overflow:hidden;position:absolute; width:13px;z-index:500} .customInfoBox-progressAnimation div {font-size:0;height:100%;position:absolute;width:3px; background:#54CE43} .customInfoBox-progressAnimation div.frame0 {left:-3px} .customInfoBox-progressAnimation div.frame1 {left:0} .customInfoBox-progressAnimation div.frame2 {left:5px} .customInfoBox-progressAnimation div.frame3 {left:10px} .customInfoBox-shadow {background-color:#CCCCCC;position:relative;background:transparent;} #InfoFrame { background-image: url("/web/common/all_languages/all_regions/images/lines/little_on_map_top.png"); background-repeat: no-repeat; background-position: left bottom; display: block; width: 225px; height: 8px; padding: 1px } #MiddleinfoFrame { display: block; border-right-style: solid; border-left-style: solid; border-right-color: #3093D4; border-left-color: #3093D4; width: 221px; border-right-width: 2px; border-left-width: 2px; border-top-style: none; border-bottom-style: none; background-color: #FFFFFF; } #MiddleinfoFrame img {content.css float:left;margin:0pt 0px;} #MiddleinfoFrame td { text-align: left; vertical-align: top; } #MiddleinfoFrame h5 { font-size:1em; font-weight:bold; margin:0pt; } #ButtominfoFrame { background-image: url("/web/common/all_languages/all_regions/images/lines/little_on_map_bot.png"); background-repeat: no-repeat; background-position: left top; display: block; width: 225px; } .customInfoBox-noBeak,.customInfoBox-with-rightBeak,.customInfoBox-with-leftBeak {border:0 solid black;color:#676767;display:block;font-size:1.2em;position:absolute; z-index:500 !important;background:transparent ; top: 221px; left: 440px} .customInfoBox-with-rightBeak {padding:0 0px 0 0;background:transparent} .customInfoBox-with-leftBeak {padding:0 0 0 0px;background:transparent} .customInfoBox-noBeak {padding:0 0px;background:transparent} .customInfoBox-body {border:0px solid #888;left:-40px;top:60px;overflow:hidden;position:relative; width:277px;padding:0px;background:transparent} .customInfoBox-body {border:0px solid #888;left:0px;top:80px;overflow:hidden;position:relative; width:248px;padding:20px;background:transparent} .customInfoBox-noBeak .customInfoBox-beak {display:none} .customInfoBox-progressAnimation {font-size:0;height:3px;overflow:hidden;position:absolute; width:13px;z-index:500} .customInfoBox-progressAnimation div {font-size:0;height:100%;position:absolute;width:3px; background:#54CE43} .customInfoBox-progressAnimation div.frame0 {left:-3px} .customInfoBox-progressAnimation div.frame1 {left:0} .customInfoBox-progressAnimation div.frame2 {left:5px} .customInfoBox-progressAnimation div.frame3 {left:10px} .customInfoBox-shadow {background-color:#CCCCCC;position:relative;background:transparent;width:0px;} .customInfoBox-previewArea, .customInfoBox-actionsBackground {padding:10px;} .customInfoBox-previewArea, .customInfoBox-actionsBackground {padding:0px;} .VE_Pushpin_Popup_Body { padding:20px 0px; } ul.contentTabs li.disabled { opacity: 0.6; filter: alpha(opacity=60); } ul.contentTabs li.disabled a{ color: #555555!important; } ul.contentTabs li.disabled a:hover{ color: #555555!important; text-decoration: none!important; cursor: pointer; } #MSVE_navAction_leftBackground{ height:135px; padding-top:0; } .MSVE_Dashboard_V6 #MSVE_navAction_ObliqueMapView{ width:auto; } .MSVE_navAction_separator { } .MSVE_smallMinimap { height:118px; width:118px; } #centralError { width:550px; position: relative; top: 200px; }