/**/

.top_menu
{display:block;position:relative}

.top_menu,.top_menu ul
{margin:0;
padding:0;
list-style:none;
position:relative}

.top_menu ul a
{float:left}

/*.top_menu ul ul a
{float:none}*/

.top_menu .mega a
{float:none;padding:0}

.top_menu ul ul,.top_menu .mega,.top_menu .mega ol li
{opacity:0;
visibility:hidden;
display:none ! important/9;
-webkit-transition:opacity 150ms ease-in-out;
-moz-transition:opacity 150ms ease-in-out;
-o-transition:opacity 150ms ease-in-out;
-ms-transition:opacity 150ms ease-in-out;
transition:opacity 150ms ease-in-out}

.top_menu li:hover>ul,.top_menu li:hover>.mega,.top_menu li:hover>.mega ol li
{opacity:1;
visibility:visible;
display:block ! important/9}

.top_menu ul:after
{content:"";
clear:both;
display:block}

.top_menu ul li
{float:left;
-webkit-transition:all 150ms ease-in-out;
-moz-transition:all 150ms ease-in-out;
-o-transition:all 150ms ease-in-out;
-ms-transition:all 150ms ease-in-out;
transition:all 150ms ease-in-out}

/*TOP MENU*/
.top_menu ul li a
{display:block;
padding:10px 22px;
color:#fff;
font-weight:700;
text-decoration:none}

/*ARROW TO SIDE OF TEXT*/
.top_menu .arrow:after
{content:"";
float:right;
text-align:right;
width:0;
height:0;
display:block;
border-left:3px solid rgba(0,0,0,0);
border-right:3px solid rgba(0,0,0,0);
border-top:3px solid #fff;
top:9px;margin:0 0 0 5px;
position:relative;
border-left:3px solid transparent/9;
border-right:3px solid transparent/9}

.mega
{position:absolute;
top:100%;
padding:18px 11px;
background-color:#fff;
border:1px solid #e0e0e0;
border-top:none;
color:#777;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
box-shadow:0 1px 1px rgba(0,0,0,.04);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

.mega ol
{list-style:none;padding:0}

.mega ol li
{width:100%}

.mega ol li:hover,.mega ol li a
{color:#777;
font-size:12px;
padding:0;
font-weight:400;
background-color:#fff;
background-image:none}

.mega ol li a:hover
{color:#505050}

.mega div h4
{font-size:12px;
font-weight:600;
color:#937c50;
border-bottom:1px solid #e4e4e4;
padding:0 0 5px 0;
margin:0 0 5px 0;}

.mega .mega-col-1
{width:135px}

.mega .mega-col-2
{width:288px}

.mega .mega-col-3
{width:441px}

.mega .mega-col-4
{width:594px}

.mega .mega-col-5
{width:747px}

.mega 

.mega-col-6{width:900px}

.mega .mega-col-1,.mega .mega-col-2,.mega .mega-col-3,.mega .mega-col-4,.mega .mega-col-5,.mega .mega-col-6
{float:left;
margin:0 9px}

.mega.wide
{left:0;
width:100%;
padding:2px 0}

.wide .mega-col-1
{width:14.1%}

.wide .mega-col-2
{width:30.4%}

.wide .mega-col-3
{width:46.7%}

.wide .mega-col-4
{width:63%}

.wide .mega-col-5
{width:79.3%}

.wide .mega-col-6
{width:95.6%}

.wide .mega-col-1,.wide .mega-col-2,.wide .mega-col-3,.wide .mega-col-4,.wide .mega-col-5,.wide .mega-col-6
{float:left;
margin:0 0 0 2.2%}

@media only screen and (max-width: 760px)/*767px*/
{.top_menu ul li
{width:100%;
cursor:pointer}

.top_menu ul li
{position:relative}

.top_menu .mega ol li
{height:0}

.top_menu li:hover>

.mega ol li
{height:auto}

.mega,.top_menu ul ul
{z-index:100}

.top_menu ul ul
{width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

.top_menu ul ul ul
{left:0}

.top_menu ul ul li:hover>ul
{position:relative;
border:none;
border-top:1px solid #e4e4e4;
-webkit-box-shadow:none;
box-shadow:none}

.top_menu ul li ul li .arrow:after
{border-left:3px solid transparent;
border-right:3px solid transparent;
border-top:3px solid #bbb;
margin:0}

.mega
{padding:1px 0}

.mega ol li:last-child
{margin:0 0 2px 0}

.top_menu .mega-col-1,.wide .mega-col-1,.top_menu .mega-col-2,.wide .mega-col-2,.top_menu .mega-col-3,.wide .mega-col-3,.top_menu .mega-col-4,.wide .mega-col-4,.top_menu .mega-col-5,.wide .mega-col-5,.top_menu .mega-col-6,.wide .mega-col-6
{float:left;
margin:0 0 0 1%;
width:90%}} 

/*COLOUR MENU BAR*/
.dropdown_back.top_menu, .dropdown_back.top_menu ul li  
{ background-color: #937C50; 
 } 

/*COLOUR HOVER MENU BAR*/
.dropdown_back.top_menu ul li:hover 
{ background-color: #999; 
; }


.top_menu_wrapper 
{ position: relative; 
width: 960px; 
margin: 0 auto; 
padding: 0; 
margin-top: 5px;

background: #fff; 
font: 12px/18px "Lucida Sans", sans-serif; 
color: #999; 
-webkit-font-smoothing: antialiased; 
-webkit-text-size-adjust: 100%;  }


@media only screen and (min-width: 760px) and (max-width: 960px)/*768px  959px*/ 
{ .top_menu_wrapper 
{ width: 100%; /*768*/
  padding: 0; } }

@media only screen and (max-width: 760px) /*767px*/ 
{ .top_menu_wrapper 
{ width: 100%; /*350*/
padding: 0; } }

@media only screen and (min-width: 480px) and (max-width: 760px) /*480px 767px*/ 
{ .top_menu_wrapper 
{ width: 420px;
 } }