/* Demo Page Styles */
.demo-container {
	margin-left: 15px;
	padding: 0;
	width: 210px;
	margin-bottom: 10px;
}

.mega-menu li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	left: -10px;
	width: 210px;
	display: block;
}
.mega-menu li#basic a {
	background-image: url(../img/right_menu/basic.jpg);
}
.mega-menu li#climate a {
	background-image: url(../img/right_menu/climate.jpg);
}
.mega-menu li#weather a {
	background-image: url(../img/right_menu/weather.jpg);
}
.mega-menu li#nature a {
	background-image: url(../img/right_menu/nature.jpg);
}
.mega-menu li#money a {
	background-image: url(../img/right_menu/money.jpg);
}
.mega-menu li#access a {
	background-image: url(../img/right_menu/access.jpg);
}
.mega-menu li#communication a {
	background-image: url(../img/right_menu/communication.jpg);
}
.mega-menu li#food a {
	background-image: url(../img/right_menu/food.jpg);
}
.mega-menu li#word a {
	background-image: url(../img/right_menu/word.jpg);
}
.mega-menu li#manner a {
	background-image: url(../img/right_menu/manner.jpg);
}
.mega-menu li#trouble a {
	background-image: url(../img/right_menu/trouble.jpg);
}
.mega-menu li#japanease a {
	background-image: url(../img/right_menu/japanease.jpg);
}
.mega-menu li#etc a {
	background-image: url(../img/right_menu/etc.jpg);
}

.mega-menu li#basic a:hover {
	background-image: url(../img/right_menu/basic2.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.mega-menu li#climate a:hover {
	background-image: url(../img/right_menu/climate2.jpg);
}
.mega-menu li#weather a:hover {
	background-image: url(../img/right_menu/weather2.jpg);
}
.mega-menu li#nature a:hover {
	background-image: url(../img/right_menu/nature2.jpg);
}
.mega-menu li#money a:hover {
	background-image: url(../img/right_menu/money2.jpg);
}
.mega-menu li#access a:hover {
	background-image: url(../img/right_menu/access2.jpg);
}
.mega-menu li#communication a:hover {
	background-image: url(../img/right_menu/communication2.jpg);
}
.mega-menu li#food a:hover {
	background-image: url(../img/right_menu/food2.jpg);
}
.mega-menu li#word a:hover {
	background-image: url(../img/right_menu/word2.jpg);
}
.mega-menu li#manner a:hover {
	background-image: url(../img/right_menu/manner2.jpg);
}
.mega-menu li#trouble a:hover {
	background-image: url(../img/right_menu/trouble2.jpg);
}
.mega-menu li#japanease a:hover {
	background-image: url(../img/right_menu/japanease2.jpg);
}
.mega-menu li#etc a:hover {
	background-image: url(../img/right_menu/etc2.jpg);
}

.mega-menu li a.dc-mega {
position: relative;
}
/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
background: #add685;
}
.mega-menu li .sub-container .sub {}

.mega-menu li .sub .row {
width: 100%; overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
float: none; 
width: 180px; 
font-size: 1em; 
font-weight: normal;
}
.mega-menu li .sub li.mega-hdr {
float: left; /* Required */
}
.mega-menu li .sub a, .mega-menu.left li .sub a {
background: none; 
border: none; 
text-shadow: none;
float: none;
color: #666; 
padding: 7px 10px; 
display: block;
text-decoration: none; 
font-size: 0.9em;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 5px 5px 15px; 
background: #E88221; 
text-transform: uppercase; 
font-weight: bold; 
color: #000; 
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
}
.mega-menu .sub li.mega-hdr li a {
padding: 4px 5px 4px 20px; 
background: url(images/arrow_white.png) no-repeat 5px 8px; 
font-weight: normal;
}
.mega-menu .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;
}
.mega-menu .sub ul li {
padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
padding: 10px;}
.mega-menu li .sub-container.non-mega li {
padding: 0; 
margin: 0;
width: 180px;
}
.mega-menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url(images/arrow_white.png) no-repeat 7px 10px;
}

.mega-menu li#basic .sub-container.non-mega li a,
.mega-menu li#climate .sub-container.non-mega li a,
.mega-menu li#weather .sub-container.non-mega li a,
.mega-menu li#nature .sub-container.non-mega li a,
.mega-menu li#money .sub-container.non-mega li a,
.mega-menu li#access .sub-container.non-mega li a,
.mega-menu li#communication .sub-container.non-mega li a,
.mega-menu li#food .sub-container.non-mega li a,
.mega-menu li#word .sub-container.non-mega li a,
.mega-menu li#manner .sub-container.non-mega li a,
.mega-menu li#trouble .sub-container.non-mega li a,
.mega-menu li#japanease .sub-container.non-mega li a,
.mega-menu li#etc .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url(images/arrow_off.png) no-repeat 7px 10px;
}
.mega-menu li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}

.mega-menu li#basic .sub-container.non-mega li a:hover,
.mega-menu li#climate .sub-container.non-mega li a:hover,
.mega-menu li#weather .sub-container.non-mega li a:hover,
.mega-menu li#nature .sub-container.non-mega li a:hover,
.mega-menu li#money .sub-container.non-mega li a:hover,
.mega-menu li#access .sub-container.non-mega li a:hover,
.mega-menu li#communication .sub-container.non-mega li a:hover,
.mega-menu li#food .sub-container.non-mega li a:hover,
.mega-menu li#word .sub-container.non-mega li a:hover,
.mega-menu li#manner .sub-container.non-mega li a:hover,
.mega-menu li#trouble .sub-container.non-mega li a:hover,
.mega-menu li#japanease .sub-container.non-mega li a:hover,
.mega-menu li#etc .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}