#locations h1{color:#4d80be;margin:10px 0 30px 0;}
#locations .custom-select-box-option{display:none;}
#locations #locations-landing {position:relative;z-index:1;}
#locations #locations-landing{background-color:#afc6e2;padding:0px;}
#locations #locations-landing #locations-map-holder{margin-left:-100px;position:relative;}
#locations #locations-landing #locations-map-holder img{width:100%;}
#locations #locations-landing .marker{cursor:pointer;position:absolute;z-index:2;}
.custom-select-box .custom-select-box-option {position:absolute; z-index:999;}
#locations #locations-header{position:relative;z-index:99;}
#locations .locations-info {width:470px; min-height:165px;position:absolute; background-color:#505151; top:0px; left:0px;border-radius:12px;z-index:99;padding:0 0 20px 0;}
#locations .locations-info .location-info-title {background-color:#231f20; border-radius:12px 12px 0 0; font-size:20px; color:#fff;padding:8px;font-weight:300;}
#locations .locations-info .location-info-thumb {width:70px;margin: 20px 0 0 20px;float:left;}
#locations .locations-info .location-info-address{ color:#fff;width:160px; float:left;font-size:12px; margin:20px 0 0 20px; line-height:18px;}
#locations .locations-info .location-info-contact {color:#fff;float:right;margin:30px 20px 0 0; font-size:12px;line-height:18px;}
#locations .locations-info .location-info-contact .more-info a{color:#ffa300;}
#locations .locations-bubble-arrow {width:42px;position:absolute; bottom:-16px; left:40px;z-index:99;}
#locations .info-close {float:right; margin:10px 10px 0 0; cursor:pointer;}
#locations .info-close img {width:22px!important;}

#locations #hover-london {position:absolute;top:29.85%;left:45.3%; display:none;}
#locations #hover-france {position:absolute;width:3.6%;top:35.5%;left:45.8%;display:none;}
#locations #hover-kualalumpur {position:absolute;width:5.45%;top:59.1%;left:75.2%;display:none;}
#locations #hover-seoul {position:absolute;top:43.7%;left:82.4%;display:none;}
#locations #hover-shanghai {position:absolute;width:17%;top:33.7%;left:67.8%;display:none;}
#locations #hover-australia {position:absolute;width:12%;top:67.1%;left:78.3%;display:none;}
#locations #hover-radnor {position:absolute;width:16.3%;top:36.95%;left:12.2%; display:none;}
#locations #hover-finland {position:absolute;top:17.95%;left:52.8%;display:none;}
#locations #hover-sweden {position:absolute;top:19.1%;left:50.2%;display:none;}
#locations #hover-netherlands {position:absolute;top:33.6%;left:48.2%;display:none;}
#locations #hover-germany {position:absolute;top:33%;left:48.8%;display:none;}
#locations #hover-italy {position:absolute;top:38.4%;left:49.1%;display:none;}
#locations #hover-switzerland {position:absolute;top:38%;left:49.1%;display:none;}

#locations .map-label {position:absolute; font-size:20px;z-index:1;}
#locations #north-america {top:32%; left:13%;}
#locations #europe {top:34%; left:52%;}
#locations #asia-pacific {top:45%; left:69%;}


#locations #locations-intro {margin:20px 0 0 0;}
#locations #locations-intro-text{max-width:350px; float:left; margin:0 50px 0 0;}
#locations #locations-intro #locations-selection {position:relative;width:300px; float:left;}

.custom-select-box {width:300px; color:#fff;float:left;cursor:pointer;}
.custom-select-box .box-label {font-weight:700;background-color:#668bb8;}
.custom-select-box .custom-select-box-option .box-label:hover{background-color:#58779e;}
.custom-select-box .custom-select-box-option .disabled {cursor:default!important;}
.custom-select-box .custom-select-box-option .disabled:hover{background-color:#668bb8!important;}
.custom-select-box .custom-select-box-option .indent {text-indent:20px!important;}

.custom-select-box .custom-select-box-selected {background-color:#7199cb;padding:5px 0 5px 15px; min-width:110px; border-radius:15px;}
.custom-select-box .custom-select-box-display {float:left;}
.custom-select-box .custom-select-box-arrow{width:22px; height:22px; background: url(/images/icons-dropdown-arrow.png) no-repeat;float:right; margin:0 5px 0 0;}
.custom-select-box .custom-select-box-option{background-color:#7199cb;padding:0 0 10% 0;border-radius:5px; margin:5px 0 0 0; position:absolute;width:100%;z-index:99999999;}
.custom-select-box .custom-select-box-option .select-box-data:first-child:hover{border-radius:5px 5px 0 0;}
.custom-select-box .custom-select-box-option .select-box-data{border-bottom:1px solid #8dadd5; padding:5px 10px;}
.custom-select-box .custom-select-box-option .select-box-data:hover{background-color:#58779e;}
.custom-select-box-divider{background: url(images/select-box-divider.png) repeat-y; width:5px; height:30px;}




@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {
	#locations #locations-intro-text {margin-bottom:20px;}
	#locations #locations-header .inner-content{padding:20px 10px;}
	#locations #footer{margin:0px;}
	#locations .hover-map{display:none!important;}
	#locations .locations-info{top:20%!important; left:50%!important; margin-left:-195px!important;}
	#locations .locations-bubble-arrow{display:none!important;}
}

@media handheld, only screen and (max-device-width : 512px), only screen and (max-width: 512px) {
	#locations #locations-landing .inner-content {padding:20px;}
	#locations #locations-landing #locations-map-holder {width:100%;}
	#locations h1{color:#4d80be;margin:10px 0;line-height:30px;}
	#locations #locations-header {padding:0px;}
	#locations #locations-landing #locations-map-holder {margin:0px;}
	#locations .marker,#locations #locations-map{display:none;}
	#locations .locations-info {position:relative;display:block!important; left:0!important; margin-left:0!important; width:100%; height:auto;z-index:1; margin:0 0 20px 0;}
	#locations .locations-info .location-info-thumb {display:none;}
	#locations .locations-info .location-info-address {width:100%; margin-bottom:10px;}
	#locations .locations-info .location-info-contact {width:100%;float:none;margin:0 0 0 20px;}

}



/* ====================================================================================== LOCATIONS WORLDWIDE ==================================================================== */
#locations-view h1{font-size:2.3em; font-weight: 400; color: #4d80be; padding-bottom:8px;line-height:1em;}
#locations-view h2{font-weight:300; font-size:1.5em; font-weight: 400; color: #000;}
#locations-view .grey-background{background-color:#f5f6f7;}
#locations-view .locations-inner-content{padding-bottom:4px;}
#locations-view .title-small{font-size:0.5em;}
#locations-view .intro{position:relative;}
#locations-view .office-pic{width:48%;float:left;background-color:#f5f6f7;min-height:310px;text-align:center;}
#locations-view .office-pic img{width:100%}
#locations-view .office-details{float:left; width:52%;}
#locations-view .office-details-inner{margin-left:2px; padding:30px 20px;background-color:#f5f6f7;min-height:250px;}
#locations-view .office-details .col{float:left; width:50%;}
#locations-view .office-details .col .inner{padding:0px 5px;}
#locations-view .office-details .col-full .inner{padding:0px 5px;}
#locations-view .office-details .col-full{float:left; width:100%;}
#locations-view .locations-customer-logo {
	width: 126px;
	height: 86px;
	background-color: #fff;
	border: 1px solid #cbd2d8;
	float:left;
	margin-left:40px;
	margin-bottom:10px;
}
#locations-view .locations-customer-logo .logo-inner{
	width: 126px;
	height: 92px;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	max-width:126px;
}
#locations-view .locations-customer-logo img{width:auto; max-width:90%; display:inline;}
#locations-view .locations-content .text{max-width:48%;float:left;}
#locations-view .locations-content #featured-customers{float:left; width:52%;}
#locations-view .locations-content #featured-customers .inner{margin-left:30px;}
#locations-view .locations-content #logo-container{margin-left:-40px;}
#locations-view .get-directions {
	cursor:pointer;
	background-color:#4d80be;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	width:140px;
}
#locations-view .get-directions .text{color:#fff; float:left; padding:3px 7px; margin-left:8px;}
#locations-view .get-directions .icon{float:right; padding:3px;}
#locations-view .close-button {float:right;margin-top:-15px;margin-bottom:5px;cursor:pointer;}


@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 768px) and (orientation:portrait), only screen and (max-width: 768px) {
	#locations-view .office-pic{max-width:none;width:auto;float:none;min-height:0px;}
	#locations-view .office-pic img{max-width:470px;}
	#locations-view .office-details-inner{margin-left:0px;margin-top:2px;}
	#locations-view .office-details{max-width:none;width:auto;float:none;}
	#locations-view .locations-content .text{max-width:none;float:none;}
	#locations-view .locations-content #featured-customers{float:none; width:auto; max-width:470px;}
	#locations-view .locations-content #featured-customers .inner{margin-left:0px;}

	#locations #north-america {left:15%;}

}
@media handheld, only screen and (max-device-width : 481px), only screen and (max-width: 512px) {
	#locations-view .office-details .col{float:none; width:auto;}
}

#location .info-close {
	display: none;
}

#map-canvas {
	height: 100%;
	width: 100%;
}
#locations .gm-style {
	font-family: 'Open Sans',sans-serif;
}
#locations .locations-info {
	position: relative;
}

.locations-bubble-arrow img[src="/images/icons-locations-arrow-up.png"] {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.infoBox > img {
	z-index: 100;
}
.infoBox {
	cursor: default;
}
.locations-info {
	display: none;
}
.infoBox .locations-info {
	display: block;
}
#locations .locations-info[data-position="right"] .locations-bubble-arrow {
	width: 42px;
	position: absolute;
	bottom: -16px;
	left: auto;
	right: 40px;
	z-index: 99;
}
.map {
	width: 100%;
	background: #afc6e2;
	overflow: auto;
}
.map-holder {
	width: 1024px;
	height: 699px;
	/*width: 512px;*/
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.label-region {
	font-size: 20px;
}
@media handheld, only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
	.label-region {
		font-size: 14px;
	}
	.locations-bubble-arrow {
		display: none;
	}
	.infoBox {
		left: 20px!important;
		top: 76px!important;
		bottom: 0!important;
	}
}