/*
# ------------------------------------------------------------------------------------------------------------------------
# Solid Pro - Creative Joomla 1.6 Template
# ------------------------------------------------------------------------------------------------------------------------
# Copyright (C) 2010 Twincore All Rights Reserved.
# @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com.
# CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. 
# Author: Twincore
# Websites:  http://www.worldquests.com/enterprise
# Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. 
# For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/
# -----------------------------------------------------------------------------------------------------------------------
*/

/* MEGA MENU - SOLIDPRO THEME
--------------------------------------------------------- */

#ja-mainnav .main { 
	background:url("../../images/bg-menu.png") no-repeat left bottom #25272D; 
	}

.ja-megamenu { 
	width:85%; 
	padding: 0 20px;
	}

.ja-megamenu a{ }


.ja-megamenu a.over, .ja-megamenu a.active { color: #FFFFFF !important; }

.ja-megamenu a.over { Background: #141414; }

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
    padding-left: 12px;
	}
	
.ja-megamenu ul.level0 li.mega span.menu-desc,
.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
    /*padding-top: 5px;*/
	}

.ja-megamenu ul.level0 li.mega span.menu-title {
    display: block;
	}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level0 li.mega span.menu-title  {
    font-size: 17px;
	textShadow: 1px 1px rgba(0, 0, 0, 0.3) !important;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	}

 
.ja-megamenu ul.level0 li.haschild {                /*  ada childnya margin dan padding di buat important */
    font-weight: normal;
    line-height: normal;
    margin: -17px 0 !important;
    padding: 17px 0 !important;
    text-decoration: none;
    text-transform: none;
	} 	


.ja-megamenu ul.level0 li.mega a.mega {                  /*  tanpa childnya  */
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 22px 15px 29px;
    text-decoration: none;
    text-transform: none;
	textShadow: 1px 1px rgba(0, 0, 0, 0.3) !important;
	color: #CFCFCF;
	} 


.ja-megamenu ul.level0 li.mega span.menu-desc {
    display: block;
    font-size: 9px;
    font-weight: normal;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	}


/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level1 li.mega {
	/*background: yellow;*/
	border-top: 1px dashed #26282E;
	}

/*.ja-megamenu ul.level1 .mega li:last-child {
	border-top: none ;} */
	 
.ja-megamenu ul.level1 li.mega a:hover {
	/*margin-left:10px;*/ 
	color:#FFFFFF !important;
	}

.ja-megamenu ul.level1 li.first { border-top: 0; }

.ja-megamenu ul.level1 li.mega a.mega {
	border: 0;
	padding: 8px 15px;
	color: #DC3522 ;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif !important;
	textShadow: 1px 1px rgba(0, 0, 0, 0.3) !important; 
	}

.ja-megamenu ul.level1 li.mega .mega a:hover, .ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title { 
	/*margin-left:10px;*/ 
	color:#FFFFFF !important;
	}


.ja-megamenu ul.level1 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level1 li.mega span.menu-title  {
    font-size: 14px !important;
	textShadow: 1px 1px rgba(0, 0, 0, 0.3) !important; 
	}

.ja-megamenu ul.level1 li.haschild, .ja-megamenu ul.level1 li.haschild-over {
  background-image: url("../../images/arrow.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  padding: 5px 15px !important;
  margin:0px !important;
}



 /* CHILD CONTENT
-----------------------------------*/
.ja-megamenu .childcontent-inner {
	background: #141414;
	border: 1px solid #141414; 
	border-top: 0; 
	color: #CFCFCF; 
	position:relative; 
	top:0px; 
	right:2px;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif !important; 
	
	  -moz-box-shadow: 0px 2px 3px #333;     /* firefox */
     -webkit-box-shadow: 0px 2px 3px #333;    /* safari/chrome */
     box-shadow: 0px 2px 3px #333;              /* ie9, future proofing for whatever browser that support this arrtibute */

     /* with rgba channel */
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);     /* 50% translucency */        

     /* with spread distance channel */
     box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.5);     /* 50% translucency */
	} 

.ja-megamenu li.mega .childcontent {
    display: block;
    position: absolute;
    top: 82px;
	padding-left:2px;
	}

.ja-megamenu .level1 .childcontent-inner { /*border-top: 1px solid #ccc;*/ border-top: none; }

.ja-megamenu .childcontent, .ja-megamenu .childcontent .ja-moduletable,
.ja-megamenu .childcontent p, .ja-megamenu .childcontent .ja-moduletable p {
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif !important;
	font-size: 12px !important;
	line-height: 18px !important;  
	}

.ja-megamenu .childcontent .ja-moduletable { 
	color: #CFCFCF; 
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif !important; 
	}

.ja-megamenu .childcontent .ja-moduletable h3 {
	background: none;
	/*border-bottom: 1px dotted #ccc;*/
	border-bottom: none;
	text-transform: uppercase;
	}
	
.ja-megamenu .childcontent .ja-moduletable li { margin-bottom: 10px; }


/* Grouped --- */

.ja-megamenu .group { /*background: blue;*/ }

.ja-megamenu .group-title { border: 1px dashed #424141; }

.ja-megamenu .group-title a:hover {}

.ja-megamenu .group-title .menu-title {
	color: #CFCFCF;
	text-transform: uppercase;
	font-weight:normal;
	font-size: 17px !important;
}

.ja-megamenu .group-title .menu-desc {
	color: #999;
	padding-left: 13px !important;
}

.ja-megamenu .group-title .menu-desc a:hover {
	color: #00F !important;
}

/*-------------------------- IMAGE SHADOW STYLE - SHORTCODES------------------------- */


.ja-megamenu img.borderImageMega, .ja-megamenu a img.borderImageMega {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #999999;
  margin: 5px 10px;
  padding: 5px;
}

.ja-megamenu a:hover img.borderImageMega {
  border: 1px solid #111111;
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.7);
   -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.7);
   -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.7);
   -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.7);
}

.ja-megamenu .size {
	width:95%;
	}