/*<![CDATA[*/

/* ------------------------------------ */
/*               GENERAL                */
/* ------------------------------------ */

html, body { overflow: hidden; padding: 0; height: 100%; width: 100%; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }
body { margin: 0px; background: #fff; font-size:12px; color: black; }
#map { height: 94%; border: 1px solid #888; float: left;}
.hide { display: none; }
.fltl{float:left !important;}
.fltr{float:right !important;}
img{border: none;}
.map-icon-image{width: 90px;float: left;margin-right: 10px;}
.map-icon-image img{width: 90px;height: 70px;}
.map-description{}
#map{width:100%; height: 100%;}
#search-text-field{float: left; display: table;}
#search-text-field #cover{display:table; width:100%;}
#get_bottun_search,#get_bottun_search_directions,#get_directions{ -moz-user-select: none; background-color: #000000; border: 1px solid #CFCFCF;
color: #FFFFFF !important; cursor: default !important;display: inline-block; float: left; font-weight: bold; height: 27px; line-height: 27px; margin: 0; padding: 0px 25px; text-align: center; text-decoration: none !important;}
#get_bottun_search:hover,#get_bottun_search_directions:hover,#get_directions:hover{cursor: pointer  !important;}
.detail_map_box{ display: table; height: auto; width: 100%;}
.rouge-b:after{
	background:url("../../image/carte_sprouter_v2/icon/rouge-b.png") no-repeat scroll 0 0 transparent;
	bottom: -26px;
    content: "";
    display: block;
    height: 28px;
    left: 156px;
    margin: 0 0 0 -20px;
    position: absolute;
    width: 31px;
    z-index: 10000;
}
.white-b:after{
	background:url("../../image/carte_sprouter_v2/icon/white-b.png") no-repeat scroll 0 0 transparent;
	bottom: -26px;
    content: "";
    display: block;
    height: 28px;
    left: 156px;
    margin: 0 0 0 -20px;
    position: absolute;
    width: 31px;
    z-index: 10000;
}
.rose-b:after{
	background:url("../../image/carte_sprouter_v2/icon/rose-b.png") no-repeat scroll 0 0 transparent;
	bottom: -26px;
    content: "";
    display: block;
    height: 28px;
    left: 156px;
    margin: 0 0 0 -20px;
    position: absolute;
    width: 31px;
    z-index: 10000;
}
.vert:after{
	background:url("../../image/carte_sprouter_v2/icon/vert.png") no-repeat scroll 0 0 transparent;
	bottom: -37px;
    content: "";
    display: block;
    height: 39px;
    left: 167px;
    margin: 0 0 0 -20px;
    position: absolute;
    width: 32px;
    z-index: 10000;
}
#bottun-search{float: left; height: 29px; line-height: 29px; margin-right: 3px;}
#bottun-search-text{margin-bottom: 5px;}
#searchTextField {border: 1px solid #CCCCCC;height: 15px;line-height: 15px; padding: 6px; width: 140px;margin-right: -1px;}
#searchTextField_a{padding: 6px;width: 198px; height: 15px;line-height: 15px; border: 1px solid #CCCCCC; float: left; margin-left: 3px;}
#searchTextField_b{padding: 6px;width: 198px;height: 15px;line-height: 15px;border: 1px solid #CCCCCC;float: left;  margin-left: 3px;}
#searchTextField_a_{padding: 6px 6px 6px 21px;width: 167px; height: 15px;line-height: 15px; border: 1px solid #CCCCCC; background: url("../../image/carte_sprouter_v2/icon/mylocationmarker.png") no-repeat scroll 6px 8px #FFF;}
#searchTextField_b_{padding: 6px 6px 6px 21px;width: 167px; height: 15px;line-height: 15px; border: 1px solid #CCCCCC; background: url("../../image/carte_sprouter_v2/icon/mylocationmarker.png") no-repeat scroll 6px 8px #FFF;}
#wrap_searchTextField_a{float: left; height: 29px; width: 69.5%;}
#wrap_searchTextField_b{float: left; height: 29px; width: 69.5%;}
.mylocation_{cursor: pointer;margin: 5px 0 0 2px; float: right;}
#pop_up_directions{border: 1px solid #999999; height: auto; width: 220px; z-index: 100; padding: 0px 0px 2px 2px; }
.roow_directions{ float: left;  margin-top: 5px;}
.label_directions .label{width: 60px;float: left; line-height: 22px;    margin-left: 3px;}

.label_directions{font-weight: bold !important; height: 28px; width: 100%;}
.field_directions{}
.label_directions #a{float: left;background: url("../../image/carte_sprouter_v2/dl6.png") repeat scroll 0 557px transparent;height: 24px; width: 24px;}
.label_directions #b{float: left;background: url("../../image/carte_sprouter_v2/dl6.png") repeat scroll 0 626px transparent; height: 24px; width: 24px;}

.colorRed{position: relative; padding: 2px; color: #b6325e; font-size:13px; font-family: Arial; text-align:center; font-weight:bolder; white-space: nowrap;}
.colorBlackBig{position: relative; padding: 2px; color: #000; font-size:13px; font-family: Arial; text-align:center; font-weight:bolder; white-space: nowrap;}
.colorBlackSmall{position: relative; padding: 2px; color: #000; font-size:11px; font-family: Arial; text-align:center; font-weight:bold; white-space: nowrap;}

#marker_default{
	position:absolute;
	left:90px;
	top:30px;
	z-index:100;
	width:32px;
	height:37px;
	cursor: pointer;
}
.textField{border:1px solid gray; margin:0px 3px 3px 3px;width:130px;}
.spaceLeft{margin:0px 5px 3px 0px;}
#content{display: none;}
#search-text-field #cover #bottun-search #mylocationicon{margin: 5px 0px 5px 0px;text-align: center; cursor: pointer; width:19px; height:19px; z-index:3000;}
@media only screen and (max-width: 480px){
	#pop_up_directions{width: 307px !important;}
	#searchTextField_a{width: 267px !important;}
	#searchTextField_b{width: 267px !important;}
	#searchTextField_a_{width: 252px !important;}
	#searchTextField_b_{width: 252px !important;}
#wrap_searchTextField_a{width: 280px !important;}
#wrap_searchTextField_b{width: 280px !important;}
}
#wrap_menu_right{ background-color: #FFFFFF;    height: 98%;    position: absolute;    right: 0;    width: 256px; bottom: 12px; top: 0;}
#wrap_menu_right_mobile{ background-color: #ffffff;
    bottom: 12px;
    height: 35px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 395px;}
.wrap_option{ margin: 1px 0 10px;}
.color_box{ width:30px; height:13px; display: block; border: 1px solid #7a7369; }
.box_menu{ width: 178px; display: block; margin-right: 3px; font-weight: bold;}
.menu_text{paddfing: 3px; margin:0 auto; width: 231px; margin-bottom: 2px;margin-left: 10px;}
.menu_link{cursor: pointer; vertical-align: middle; width: 215px;}
.menu_link:hover{background-color: #faed8d;}
.title_menu{text-align: center; font-weight: bold; text-transform: uppercase; margin-bottom: 2px;}
.menu_text_inner{padding: 3px; margin:0 auto; position: relative;}
.title_image{ margin-bottom: 2px; align: center;}
.box_submenu{ width: 203px; display: block;}
.box_submenu_focus{vertical-align: middle; width: 215px; background-color: #faed8d;}
.menu_box_wrap{margin: 2px 0px;}
.max_width_box_info{width: 288px !important;}
.wrap_box_info{width: 100%;}
.bg_search{}
.infoBox{width: 300px; height: 140px; min-height: 140px; background-color: white; padding: 3px; z-index: -1000; border: 3px solid #DDC700; }
.direction{}
.direction .direct_from{position: absolute; left: 10px; bottom: 3px;}
.direction .direct_to{position: absolute;right: 10px; bottom: 3px;}
.detail_map{margin: 0px 0px 10px 0px;}
.crossIcon{ cursor: pointer;margin-right: 1px;}
.bold{font-weight: bold !important; color: black;}
.label_pop{cursor: pointer;}
.reset_to_default{cursor: pointer;}
.b_direct{cursor: pointer;}
.a_direct{cursor: pointer;}
.gm-style-iw{max-width: 200px !important; max-height: 150px !important;}
.setMoreMargin{margin: 3px 0 0 3px;}
#overlayCopyRight{position: fixed;right: 290px;bottom: 0;}
.hidden{display:none !important;}
.opt_{float: left;}
@media only screen and (max-width: 450px) {
	.opt_{float: none;}
	#wrap_menu_right_mobile {
    background-color: #ffffff;
    bottom: 12px;
    height: 89px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 185px;
}
}
/*]]>*/