/*

COLOURS

MID BLUE (dropdown backgr)
#848484

LIGHTER BLUE (dropdown borders)
#888888

GOLD (button backgr)
#4a4a4a

*/

/* *** Dropdowns *** */

.navbar-nav>li>.dropdown-menu { width:575px; background-color:#6073b5; color:#FFFFFF; border-top:1px solid #6073b5; padding:0;  }
.navbar-nav>li>.dropdown-menu ul li {font-size:1.1rem;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:transparent; color:#4a4a4a; }
.navbar-default .navbar-nav>.open, .navbar-default .navbar-nav>li.dropdown>a:hover { background-image:url(../images/icon-dropdown.png?cache=1); background-position:bottom center; background-repeat:no-repeat; }
.navbar-default .navbar-nav .leftmenucol { width:287px; float:left; padding:15px; border-right:1px solid #798ac6; min-height:150px; }
.navbar-default .navbar-nav .rightmenucol { width:286px; float:left; margin-left:0px; padding:15px; }
.navbar-default .navbar-nav h2 { color:#FFFFFF; font-size:1.5rem; margin:0 0 15px 0; }
.navbar-default .navbar-nav ul { list-style-type:none; margin:0; padding:0; }
.navbar-default .navbar-nav ul li { list-style-type:none; margin:0; padding:0; }
.navbar-default .navbar-nav ul li a { color:#FFFFFF; }
.navbar-default .navbar-nav .btmlinks { width:100%; clear:both; }
.navbar-default .navbar-nav .leftmenucolbtm { width:287px; float:left; padding:1% 15px 1% 15px; border-right:1px solid #5f5f5f; background-color:#4a4a4a; }
.navbar-default .navbar-nav .leftmenucolbtm a { color:#FFFFFF; text-decoration:none; }
.navbar-default .navbar-nav .rightmenucolbtm { width:286px; float:left; padding:1% 15px 1% 15px; background-color:#4a4a4a; }
.navbar-default .navbar-nav .rightmenucolbtm a { color:#FFFFFF; text-decoration:none; }
.navbar-default .navbar-nav .reglink { background-image:url(../images/icon-register.png); background-position:left; background-repeat:no-repeat; padding-left:45px; line-height:45px; display:block; height:45px; font-size:1.4rem; font-weight:bold; }
.navbar-default .navbar-nav .vallink { background-image:url(../images/icon-valuation.png); background-position:left; background-repeat:no-repeat; padding-left:55px; line-height:45px; display:block; height:45px; font-size:1.4rem; font-weight:bold; }

/* *** Custom position for the Sales, Lettings, Commercial, Management and About Us menu links *** */
.navbar-default .navbar-nav #salesmenu, .navbar-default .navbar-nav #lettingsmenu, .navbar-default .navbar-nav #commercialmenu, .navbar-default .navbar-nav #managementmenu, .navbar-default .navbar-nav #aboutusmenu { right:-257px; }

/* md */
@media (max-width: 896px) {
	.navbar-default .navbar-nav #salesmenu, .navbar-default .navbar-nav #lettingsmenu, .navbar-default .navbar-nav #commercialmenu, .navbar-default .navbar-nav #managementmenu { right:-255px; }
	.navbar-default .navbar-nav #aboutusmenu { right:-148px; }
}

/* sm */
@media (max-width: 768px) {		
	.navbar-nav>li>.dropdown-menu { margin:0; position:relative; top:-20px; }
	.navbar-default .navbar-nav>.open, .navbar-default .navbar-nav>li.dropdown>a:hover { background-image:none; background-position:bottom center; background-repeat:no-repeat; }
	.navbar-default .navbar-nav .plus { display:block; float:right; margin-right:15px; }
	.navbar-default .navbar-nav .leftmenucol, .navbar-default .navbar-nav .rightmenucol { clear:both; float:none; width:100%; border:none; margin:0; padding:0; min-height:0; position:relative; top:-10px; }
	.navbar-default .navbar-nav #salesmenu, .navbar-default .navbar-nav #lettingsmenu, .navbar-default .navbar-nav #commercialmenu, .navbar-default .navbar-nav #managementmenu, .navbar-default .navbar-nav #aboutusmenu { right:0; }
	.navbar-collapse ul li, .navbar-collapse ul li a { height:auto; }
	.navbar-default .navbar-nav h2 { display:none; }
	.navbar-default .navbar-nav .leftmenucol li, .navbar-default .navbar-nav .rightmenucol li { line-height:25px; height:25px; }
	.navbar-default .navbar-nav .leftmenucol li a, .navbar-default .navbar-nav .rightmenucol li a { font-size:0.95rem; }
	.navbar-default .navbar-nav .leftmenucolbtm, .navbar-default .navbar-nav .rightmenucolbtm { display:none; }
}

/* *** enable hover *** */

@media (min-width: 768px) {
  ul.nav li.dropdown:hover > .dropdown-menu {
    display: block;
  }
}