/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/


body{
	background:#FFF;
	margin:0;
	padding:0;
	font-size:12px;
}
.footer > input{
	border:none;
	outline:none;	
	font-size:12px;
	text-transform:uppercase;
    margin-right:6px;
    margin-top:2px;
}

.rememberSelectionSmall {
    input {
        background-color: transparent;
        border:none;
    }
}

p {
	margin:0;
	padding:0;	
}
.container{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0px;
}
.header {
    background-image: url(/images/design/images/headerBrandPlate-1.png);
    background-color: #f17230;
    background-position: center;
    background-repeat: no-repeat;
	width:100%;
	clear:both;
	overflow:hidden;
	float:left;
	padding:15px 0; 
}
.center-area{
	width:100%;
	clear:both;
	background:url("~/media/JLG/Site Layout Images/Region Selector/banner-bg.png") repeat-x;
	height:410px;
	float:left;
}
.slider-img {
    height: 410px;
    left: 0;
	z-index:500;
    position: absolute;
    width: 400px;
	background:url("~/media/JLG/Site Layout Images/Region Selector/jlgGlobalHP-bkg.png") no-repeat;
}
.banner{
	width:850px;
	float:right;
	background:url("~/media/JLG/Site Layout Images/Region Selector/map.png");
	height:410px;
	position:relative;
	z-index:99999;
}
.loc-cont{
	position:absolute;
    background:#fff;
    background:rgba(255,255,255,.7);
	padding:5px 5px 3px 8px;
	border:1px solid #000;
	border-radius:3px;
	cursor:pointer;
}
.loc-cont:hover {
    background:#fff;
}

.loc-cont span{
	float:left;
	font-size: 15px;
}
.loc-cont i{
	float:right;
	margin: 8px 5px 8px 11px;
	width:9px;
	height:5px;
	background:url("~/media/JLG/Site Layout Images/Region Selector/down-black.png") no-repeat;
}
.loc-cont i.active{
	float:right;
	margin: 8px 5px 8px 11px;
	width:9px;
	height:5px;
	background:url("~/media/JLG/Site Layout Images/Region Selector/up-black.png") no-repeat;
}
.loc-cont.first {
    left: 60px;
    top: 90px;
}
.loc-cont.eight {
    left: 700px;
    top: 275px;
}
.loc-cont.seventh {
    left: 570px;
    top: 133px;
}
.loc-cont.sixth {
    left: 413px;
    top: 200px;
}

.loc-cont.fifth {
    left: 440px;
    top: 138px;
}
.loc-cont.fouth {
    left: 100px;
    top: 170px;
}
.loc-cont.third {
    left: 540px;
    top: 60px;
}

.loc-cont.second {
    left: 390px;
    top: 65px;
}
.logo {
    background-image: url(/images/design/images/JLG-Logo-1_03.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 133px;
    min-width: 100px;
    height: 79px !important;
    overflow: visible;
    margin: auto 0;
    display: block;
    background-size: contain;
}
.footer {
	float:left;
	background:#FFF;
	width:100%;
	clear:both;
	padding: 30px 0;
}
.footer-inner{
	float:left;
	width:100%;
	margin-top:20px;
}
.footer-left{
	float:left;
	width:33%;
}
.navigation{
	float:left;
	width:100%;
}

h4{
	font-size:18px;
	margin:0px;
	padding:20px 0 10px 0;
}
ul.nav{
	float:left;
	width:100%;
	padding:0;
	margin: 2px 0 7px 0;
}
ul.nav li{
	float:left;
	list-style:none;
	font-size:14px;
}
ul.nav li:first-child {
    margin-right:5px;
}

ul.nav li a{
	float:left;
	width:100%;
	padding:0 5px;
	text-decoration:none;
	/*color:#1F1F1F;*/
	/*font-weight:bold;*/
}
ul.nav li a span{
	/*color:#F7A428;*/
}
ul.nav span{
	/*color:#1F1F1F;*/
		
}
.footer .container input:first-child {
    margin-right:6px;
    margin-top:3px;
}
.footer-center{
	float:left;
	width:33%;
}
.footer-right{
	float:left;
	width:33%;
}
.loc-drop h5{
	font-size:16px;
	margin:0px;
	padding:10px 0;
	color: #222;
}
.loc-cont-inner{	
	float:left;
	clear:both;	
}

.loc-drop {
    background:#fff;
    /*background:rgba(255,255,255,.9);*/
    border: 1px solid #393b3c;
    border-radius: 5px 5px 5px 5px;
    left: 40%;
    margin-left: -113px;
    position: absolute;
    top: 33px;
	padding:5px 15px 10px 15px;
	width:240px;
	z-index: 5000;
	display:none;
	box-shadow: 0 4px 8px -3px #000000;
	overflow:hidden;
    cursor:default;
}

.loc-drop .loc-nav {
    font-size:1.2em;
}

ul.loc-nav{
	float:left;
	width:100%;
	padding:0;
	margin: 4px 0 2px 0;
}
ul.loc-nav li{
	float:left;
	list-style:none;
}
ul.loc-nav li:first-child {
    padding-right:5px;
}
ul.loc-nav li a {
	float:left;
	width:100%;
	/*font-size:13px;*/
	padding:0 5px;
	text-decoration:none;
	color:#222;
}
ul.loc-nav li a span, ul.loc-nav li span{
	font-size:13px;
}
ul.loc-nav{
	color:#222;
}
.mob ul.loc-nav {
    margin: 8px 0 5px 0;
}

.mob-banner{
	background:url("~/media/JLG/Site Layout Images/Region Selector/mob-banner-bg.png") center center no-repeat #2F3B46;
    background-size:auto 100%;
	width:100%;
	height:121px;
	float:left;
}
.bottom{
	padding:30px 0;
	float:left;
	background:#8f97a3;
	width:100%;
}
input{
	float:left;
}

.wrapper {
    padding:0 20px;
}
.rememberSelectionSmall {
    padding-bottom:10px;
}
.rememberSelectionSmall label {
    font-size:1.3em;
}
.rememberSelectionSmall input {
    margin-right:6px;
    margin-top:2px;
}


.mob-location{ 
	background:#ffffff;
	border:1px solid #222;
	border-radius:6px;
	cursor:pointer;
	overflow:hidden;
	clear:both;
	margin-top:10px;
}
.mob-location span{
	float:left;
	font-size:19px;
	padding-left: 5px;
    padding-right:5px;
	color:#222;
	/*margin:3px;*/
}
.mob-location i{
	float:right;
	margin:15px 10px 0 11px;
	width:19px;
	height:11px;
	background:url("~/media/JLG/Site Layout Images/Region Selector/click-icn.png") 0 0 no-repeat;
}

.loc-drop.mob {
    border: 0 none;
    margin-left: 0;
    padding:15px 10px 10px 15px;
    position: relative;
    width:95%;
	box-shadow: none;
	float:left;
	top:0;
	left:0;
}

.loc-drop.mob .loc-nav span {
    font-size: 13px;
    line-height: 13px;
    margin-top: 0;
}

.mob-loc-inner {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #fff;
    /*border-radius: 3px 3px 3px 3px;*/
    float: left;
    padding: 0px;
    width: 100%;
}

.mob-loc-inner > span {
    font-weight:bold;
    padding:12px 15px;
}

.mob-area{
	display:none;
}
.desk-area{
	display:block;
}
.dull{
	opacity:0.3;
}

.mob-loc-inner.medium {
    background: none repeat scroll 0 0 #302E2F;
    border-bottom: 1px solid #000000;
}
.mob-loc-inner.medium i{
	background:url("~/media/JLG/Site Layout Images/Region Selector/click-icn.png") no-repeat scroll left -11px !important;
}
.mob-loc-inner.medium span{
	color:#fff;
}
@media (max-width:991px){
    body {
        background:#8F97A3;
    }

    .header {
        padding-top:12px;
        padding-bottom:12px;
    }

    .logo {
        height:60px;
    }

    .mob-area{
	    display:block;
    }
    .desk-area{
	    display:none;
    }
}
@media (max-width:767px){
    .logo {
        height:55px;
    }
.wrapper {
    padding:0 15px;
}
    .footer-center{
	    float:left;
	    width:100%;
    }
    .footer-right{
	    float:left;
	    width:100%;
    }
    .footer-left{
	    float:left;
	    width:100%;
    }
}



a {
    color: #c45612 !important;
}
a:link, a:visited {
    color: #c45612 !important;
}
a:hover {
    color:#f17230 !important;
}
a:active, a:focus {
    color:#222;
}