/* CSS Document */
@import url(skin.css);
.skinwidth { max-width:1200px; margin:0 auto; min-width:760px; width:100%;}
.fl { float:left;}
.fr { float:right;}
.navbg { background:url(images/navbg.jpg) repeat; }
.skinwidth { max-width:1010px; margin:0 auto; width:100%; min-width:760px; position:5;}
.toprighthead {white-space:nowrap; display:block;}
.bannerbg {background:url(images/toplinebg2.jpg) repeat-x 0 0; min-height:275px;}
a.homeicon {
    background: url("images/homeicon.jpg") no-repeat scroll 0 50% transparent;
    display: block;
    float: left;
    height: 50px;
    margin: 0 10px;
    width: 28px;
}
.mycontent { background: url("images/skin_contentbg.jpg") repeat-x scroll 0 0 ; /*min-height:500px; padding:35px 0 20px 0;*/ position:relative; /*z-index:-1;*/}
.mycontent2 { background: url("images/mycontent2bg.jpg") repeat-x scroll 0 0 ; min-height:500px; padding:0px 0 20px 0; position:relative; /*z-index:-1;*/}
.skin_login { margin: 20px 0 0;}
.menu_box { display:none;}
.banner_h { min-height:135px;}
.ShowPane { background:#FAFAFA; padding:20px 0; }

/* ********** 2014/02/08 ************** */
.skin_top { background: url("images/skin_top.jpg") repeat-x center; height:45px;}
.logo_h { min-height:115px;}
.bannertop { background: url("images/bannertop.jpg") repeat-x scroll 0 0 #ffffff;}
.bannerbottom { background: url("images/bannerbottom.jpg") repeat-x scroll 0 bottom ; }
.innertopbg  { background: url("images/inner_bannerbg.jpg") no-repeat scroll 100% 0 ; }
.innertopbg_aes  { background: url("images/inner_bannerbg_Esthetics.jpg") no-repeat scroll 100% 0 ; }
/* ********** Pane Style ************** */
.TopShowPane { margin:43px 0 0 17px; float:right;}
.ShowPane1                              { width:32%; padding:0 0 35px 0;}
.ShowPane2                              { width:32%;  margin:0 0 0 2% ; padding:0 0 35px 0;}
.ShowPane3                              { width:32%; padding:0 0 35px 0; }
.BannerPane								{ padding:0px 0; width:100%; min-height:135px;}
.TopPane								{ padding:80px 0px 5px 0px;}
.TopLeftPane							{ padding:5px 0px; width:49.2%}
.TopRightPane							{ padding:5px 0px;width:49.2%}
.ContentPane							{ padding:5px 0px; text-align:left; vertical-align:top;}
.LeftPane								{ padding:5px 0px; text-align:left; vertical-align:top; width:66%;}
.RightPane							    { padding:5px 0px;text-align:left; vertical-align:top;width:31.9%;}
.LeftPane2								{ padding:5px 0px; text-align:left; vertical-align:top;width:31.9%;}
.RightPane2							    { padding:5px 0px;text-align:left; vertical-align:top; width:66%;}
.LeftPane3								{ padding:5px 0px; text-align:left; vertical-align:top;width:20%;}
.RightPane3							    { padding:5px 0px;text-align:left; vertical-align:top; width:78%;}
.MidLeftPane							{ padding:5px 0 20px 0; width:32%;}
.MiddlePane								{ padding:5px 0 20px 0; width:32%; margin:0 0 0 2%;}
.MidRightPane							{ padding:5px 0 20px 0; width:32%;}

.BoxaPane {
    margin: 0;
    padding: 5px 0;
    width: 23.8%;
}
.BoxbPane {
    margin: 0 0 0 1.4%;
    padding: 5px 0;
    width: 23.8%;
}
.BoxcPane {
    margin: 0 0 0 1.4%;
    padding: 5px 0;
    width: 23.8%;
}
.BoxdPane {
    margin: 0;
    padding: 5px 0;
    width: 23.8%;
}
.BottomPane								{ padding:5px 0px 10px 0; clear:both;}
.FooterPane1 { width:23.5%; padding:13px 0 0 0;}
.FooterPane2 { width:23.5%; margin:0 2%;padding:13px 0 0 0;}
.FooterPane3 { width:23.5%;padding:13px 0 0 0;}
.FooterPane4 { width:23.5%;padding:13px 0 0 0;}
.LinksPane { min-width:200px;}
/* ********** Logo Style ************** */
.logoright { width:auto; position:relative; z-index:9;}
.dnn_logo{
	padding:30px 10px 0 0;}





/* ********** Search Style ************** */
.search_bg {
    margin: 43px 0 0;
}

/* ********** Copyright ************** */
.copyrightbg { min-height:33px; margin:0px 0 10px;  color:#FFFFFF;	 }
.copyright {
    font-family:arial;
	font-size:10px; 
    padding: 8px 0 0 10px;
    text-transform: uppercase;
}
.copyright a, 
.copyright a:link,
.copyright a:visited, 
.copyright a:active { color:#FFFFFF;}
.copyright a:hover {  text-decoration:none; color:#46D2F6;}


/*old menu*/
div#apmenu {
    padding:0;
    width:auto;
	position:relative;
	z-index:999;
}

div#apmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div#apmenu ul.menu {
    padding: 0;
	position: relative;
	z-index:999;
}

div#apmenu li {
    position: relative;
    margin: 0 24px 0 0;
    padding: 0;
    display: block;
    float: left;
    z-index: 999;
    width: auto;
}
div#apmenu li.last_li { margin:0 0 0 0;}
div#apmenu ul ul li {
    z-index: 9;
}
div#apmenu li div {
    list-style: none;
    position: absolute;
    z-index: 9999;
    top:47px;
    left: 0;
    visibility: hidden;
    width: 180px;
	margin:-5px 0 0 0;
    padding:10px 0 0 0; 
}
div#apmenu ul ul {
	  width:100%;
	  z-index: 12;
	  background:#ffffff;
	  padding:5px;
	  min-width:180px;
	  position:relative;
	  background:url("images/submenubg.png") repeat scroll 0 0;

}
div#apmenu li:hover>div {
    visibility: visible;
}

div#apmenu a {
    position: relative;
    z-index: 10;
    display: block;
    line-height: 50px;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
	padding:0 10px;
    background: none;
	color: #ffffff;
	text-transform: capitalize;

}
div#apmenu span {
    font: bold 16px Arial,FreeSans,sans-serif;
    line-height:40px;	
    display: block;
    cursor: pointer;
	padding:0 0 10px 0;
}

/* menu::level1 */

div#apmenu ul.menu>li:hover>a span { }
div#apmenu ul li.current a.head { }
div#apmenu li li:hover {  background:#FCFCFC;}
div#apmenu li.last { background: none; }

/* menu::level2 */
div#apmenu ul ul li {
    background: none;
    padding: 0;
	width:100%;
	float:none;
	margin:0 0 8px 0;
	vertical-align:top;
	
}
div#apmenu ul ul a {
    color:#052653;
    display: block;
    float: none;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    margin: 0 0 0px;
    padding: 0 10px 0 0;
    white-space: normal;
    width: 170px;
    z-index: -1;
	 
}
div#apmenu ul ul a:hover { }
div#apmenu ul ul a.over { }    
div#apmenu ul ul a span {
	padding:7px;
    line-height:15px;
	display:block;
	font-weight:normal;
	font-size:15px;
	
}
div#apmenu li.current ul a,
div#apmenu li.current ul a span {
    background:none;
}

div#apmenu ul ul a:hover span { }
div#apmenu ul ul a.parent span{
    background: url("images/haschild3.png") no-repeat scroll 100% 50% transparent;
}

div#apmenu ul ul a.parent span:hover {
  /*background: url(images/haschild1.png) no-repeat 100% 50%;*/
}
div#apmenu li li.HasChild a.over span {
  /* background: url(images/haschild1.png) no-repeat 100% 50%;*/
}
div#apmenu ul ul li.last { background: none; }

/* menu::level3 */
div#apmenu ul ul div {
    width: 180px;
    padding: 0;
    margin: 0 !important;
	left:100%;
	top:0;
}
div#apmenu ul ul ul {
    padding: 5px;
	margin:-5px 0 0 6px;	
}
div#apmenu ul ul div li {
    position:relative;
}

/* lava lamp */
div#apmenu li.back {
    width: 5px;
    height:45px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
	background: url(../images/back_bg.jpg) repeat-x left bottom;
}

div#apmenu li.back .left {
    padding:0;
    width:auto;
    height: 52px;
    margin:0;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
	float:none;
}

/* current selected */

/*------------Mega Menu------------*/
div#MegaMenu {
    padding:0;
    width:auto;
	position:relative;
	z-index:999;
}

div#MegaMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div#MegaMenu ul.menu {
    padding: 0;
	position: relative;
	z-index:999;
width:1100px;
}

div#MegaMenu li {
    position: relative;
    margin: 0 24px 0 0;
    padding: 0;
    display: block;
    float: left;
    z-index: 999;
    width: auto;
}
div#MegaMenu li.last_li { margin:0 0 0 0;}
div#MegaMenu ul ul li {
    z-index: 9;
}
div#MegaMenu li div {
    list-style: none;
    position: absolute;
    z-index: 9999;
    top:43px;
    left:0 !important;
    width: 900px;
	margin:-5px 0 0 0;
    padding:10px 0 0 0;
	display:none;
	
}
div#MegaMenu ul ul {
	width: 100%;
	z-index: 12;
	position: relative;
	float: left;
	background-attachment: scroll;
	background-color: #EBEBEB;
	background-image: url(images/submenubg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:180px; overflow:hidden
}

.MegaMenu li:hover > div div {
   display:block;
}

div#MegaMenu a {
    position: relative;
    z-index: 10;
    display: block;
    line-height: 50px;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
	padding:0 10px;
    background: none;
	color: #ffffff;
	height:34px;
	text-transform: capitalize;

}
div#MegaMenu a:hover,div#MegaMenu a.current{border-bottom:4px solid #fff;}
div#MegaMenu span {
	line-height:40px;
	display: block;
	cursor: pointer;
	padding:0 0 10px 0;
	font-family: Arial, FreeSans, sans-serif;
	font-size: 16px;
}

/* menu::level1 */


div#MegaMenu li.last { background: none; }

/* menu::level2 */
div#MegaMenu ul ul li {
    background: none repeat scroll 0% 0% transparent;
    padding: 0px;
	display:block;
    float: left;
	padding:0 10px;
	width:160px;
    vertical-align: top;
}
div#MegaMenu ul ul li:hover{background: url(../images/dao.gif) !important;}
div#MegaMenu ul ul a {
    /*8color:#6a3b98;*/
	 color:#4779AC !important;
    display: block;
	padding:4px 0;
    border-bottom: 1px solid #ddd;
    float: none;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    margin: 0 ;
    padding: 0;
    white-space: normal;
    z-index: -1;
	 
}
div#MegaMenu ul ul li:hover a{border-bottom:none;color:#fff;}
div#MegaMenu ul ul a span {
	padding:2px;
    line-height:15px;
	display:block;
	font-size:14px;
	margin:3px 0;	
}
div#MegaMenu ul ul ul a span {
    background: url('images/haschild5.png') no-repeat scroll 8px 50% transparent;
    padding-left:20px;
}


div#MegaMenu ul ul li.last { background: none; }

/* menu::level3 */
div#MegaMenu ul ul div {
    width: 250px;
    padding: 0;
    margin: 0 !important;
	left:0;
	top:0;
	position:relative;
	display:block;
}
div#MegaMenu ul ul ul {
    padding: 0;
    margin: 0px;
    background: none;
}
div#MegaMenu ul ul div li {
    position:relative;
	border:none;
	margin:0;
}
div#MegaMenu ul ul ul ul li a{ 
	padding:0 0 0 15px;
	font-weight:normal;
	display: none;  /* use it to display (or hide level 3 */
	}
div#MegaMenu ul ul ul ul a span{ 
	font-weight:normal;
	}
/* menu::level4 */
div#MegaMenu ul ul ul ul ul{ display:none}

/* lava lamp */
div#MegaMenu li.back {
    width: 5px;
    height:45px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
	display:none !important;
	background: url(../images/back_bg.jpg) repeat-x left bottom;
}

div#MegaMenu li.back .left {
    padding:0;
    width:auto;
    height: 52px;
    margin:0;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
	float:none;
}

/* current selected */
.MobileMenu {
    display: none;
}
.menu_hidden {
    display: none !important;
}