/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
#skin_wrap { width:auto!important;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.logo_style { float:none; text-align:center; padding:47px 1.5% 12px 1.5%; }
.skin_top_right{ position:absolute; top:0; padding:0; float:none; border-bottom:1px solid #ccc; background:#f2f2f2; width:100%; right:auto; }
#Login{ float:right; border:none; background:none; border-radius:0; padding-right:1.5%;}
.language_position {padding:8px 5px 4px 1.5%; }
.language-object span img{height:15px; width:21px;}
.user_style { padding:0 10px; }
.headerpane_style { float:none; padding:0 1.5%; }
.header_right_bottom { float:none; padding:0 1.5%;}
.banner_shadow{ display:none;}

.menu_border_t{ display:none;}
.menu_style {float:none; display:none; width:97%; padding:0 1.5% 5px 1.5%; min-height:0; }
#Search { display:none; }

.mobile_header_top{ position:relative; }
.mobile_header { height:36px; float:none; position:relative; padding-left:1.5%; margin-bottom:11px;}
.mobile_header, .mobile_nav, #Search2 {display:block; }
.mobile_nav { background:#A90F1D; display:block;  position:relative; float:left; width:93px; height:36px; margin:0 10px 0 0;}
.menuclick {background:url(../images/mobile_button_text.png) no-repeat center center; width:93px; height:36px; padding:0; margin: 0 auto; display: block; text-decoration: none; }
.click_img { width:93px; height:36px; }
.mobile_button_shadow{ position:absolute; background:url(../images/mobile_button_shadow.png) no-repeat ; width:93px; height:11px; bottom:-11px; left:1.5%;}

.footer_left  {float:none; text-align:center; }
.footer_right { float:none;text-align:center; }

/*--------- StandardMenu style ----------*/
#standardMenu {width:auto;}
#standardMenu ul {padding:0;}
#standardMenu  li.back { display:none;}
#standardMenu .rootMenu {float:none;border:none; }
#standardMenu .rootMenu li{width:100%; float:none; margin:0; text-align:left; background:none; position:relative; }
#standardMenu .rootMenu li a { display:block;position:relative; float:none;cursor:pointer;text-decoration:none;border-bottom: solid 1px rgba(0,0,0,.3); border-top: solid 1px rgba(255,255,255,.5); border-left:none; border-right:none;background:#666666; margin:0;}
#standardMenu .rootMenu li.last a {border-bottom: solid 1px rgba(0,0,0,.5); }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#A90F1D; }

#standardMenu .rootMenu li a span {  display:block; width:auto; text-align:left; padding:0 15px; color:#ffffff; font-size:12px; font-weight:bold; height:35px; line-height:35px;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {color:#ffffff; text-decoration:none; background:none;}

#standardMenu .rootMenu li span .navarrow:hover{ background:url(../images/mobile_navarrow_h.png) no-repeat center 0 #A90F1D;}
#standardMenu .rootMenu li span .navarrow{ position:absolute;top:0;right:0;width:61px; height:35px;border-bottom: solid 1px rgba(0,0,0,.3); background:url(../images/mobile_navarrow.png) no-repeat center 0 #666666; cursor:pointer;}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0; }

#standardMenu .rootMenu li span .navarrow2:hover{ background:url(../images/mobile_navarrow_h.png) no-repeat center -35px #A90F1D;}
#standardMenu .rootMenu li span .navarrow2{ position:absolute;top:0;right:0;width:61px; height:35px;border-bottom: solid 1px rgba(0,0,0,.3); background:url(../images/mobile_navarrow.png) no-repeat center -35px #666666; cursor:pointer;}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -35px; }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; margin:0; border:none; }
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px; position:relative;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:#CCCCCC; border-top:1px solid #dddddd; border-bottom:1px solid #aaaaaa; margin:0; padding:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:#CCCCCC;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid #aaaaaa;}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 25px; color:#333333; background:none;}
#standardMenu .subMenu li.item a:hover span { background:#AAAAAA; color:#000000; cursor:pointer; -webkit-transition: background 0.2s ease-in 0s; -moz-transition: background 0.2s ease-in 0s; transition: background 0.2s ease-in 0s;}
#standardMenu .subMenu li.selected > a span { color:#000000;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:#AAAAAA;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#AAAAAA;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 35px; background:none; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 45px; background:none; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 55px; background:none; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#AAAAAA;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ display:block; width:auto; margin:0; border:none; }
#standardMenu ul li ul li ul.level1{ display: block;position:static;left:auto; top:auto; padding:0;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul.level2 { display: block;position:static;left:auto;top:auto; padding:0;}
#standardMenu ul li ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto; padding:0;}


/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul {padding:0;}
#megaMenu  li.back { display:none;}
#megaMenu .root {float:none;border:none; }
#megaMenu .root li{width:100%; float:none; margin:0; text-align:left; background:none; position:relative; }
#megaMenu .root li a { display:block;position:relative; float:none;cursor:pointer;text-decoration:none;border-bottom: solid 1px rgba(0,0,0,.3); border-top: solid 1px rgba(255,255,255,.5); border-left:none; border-right:none;background:#666666; margin:0;}
#megaMenu .root li.last a {border-bottom: solid 1px rgba(0,0,0,.5); }
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { background:#A90F1D; }

#megaMenu .root li a span {  display:block; width:auto; text-align:left; padding:0 15px; color:#ffffff; font-size:12px; font-weight:bold; height:35px; line-height:35px;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {color:#ffffff; text-decoration:none; background:none;}

#megaMenu .root li span .navarrow:hover{ background:url(../images/mobile_navarrow_h.png) no-repeat center 0 #A90F1D;}
#megaMenu .root li span .navarrow{ position:absolute;top:0;right:0;width:61px; height:35px;border-bottom: solid 1px rgba(0,0,0,.3); background:url(../images/mobile_navarrow.png) no-repeat center 0 #666666; cursor:pointer;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0; }

#megaMenu .root li span .navarrow2:hover{ background:url(../images/mobile_navarrow_h.png) no-repeat center -35px #A90F1D;}
#megaMenu .root li span .navarrow2{ position:absolute;top:0;right:0;width:61px; height:35px;border-bottom: solid 1px rgba(0,0,0,.3); background:url(../images/mobile_navarrow.png) no-repeat center -35px #666666; cursor:pointer;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -35px; }

/*-- MegaMenu Category --*/
#megaMenu .category {position:static; padding:0; width:auto; margin:0; background:#CCCCCC; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;  }
#megaMenu .category ul{ margin:0; padding:0;}
#megaMenu .category li{ background:none; padding:0; width:auto; margin:0;}
#megaMenu .category li.item a{ border:none; border-top:1px solid #dddddd; border-bottom:1px solid #aaaaaa; background:none; padding:0;}
#megaMenu .category li.item a span{ padding:0 35px 0 25px; margin:0; color:#333333; background:none; font-weight:normal; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:#AAAAAA; text-decoration:none; color:#000000; font-weight:normal; cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none;  padding:0; width:auto; margin:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0; }
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 30px; text-transform:none;}
#megaMenu .leaf li li{ clear:both;float:none; width:auto; }
#megaMenu .leaf li.selected > a span{ background:#AAAAAA; color:#000000; cursor:pointer;}

#megaMenu .leaf li li.item a span { padding:0 35px 0 40px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 50px;}
#megaMenu .leaf li.selected > a span{ background:#AAAAAA;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li { width:auto;}

/*--------- pane style ----------*/
.headerpane { padding:10px 0; }
.headerrightpane {padding:10px 0;}
.bannerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid3a { margin:5px 0;}
.footer_grid3b { margin:5px 0;}
.footer_grid3c { margin:5px 0;}
.footer_grid3d { margin:5px 0;}
.footerpane {margin:5px 0;}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid [class*="span"] { float:none; margin-left:0;}
.row-fluid .span12 {width:auto; }
.row-fluid .span11 {width:auto; }
.row-fluid .span10 {width:auto; }
.row-fluid .span9 {width:auto; }
.row-fluid .span8 {width:auto; }
.row-fluid .span7 {width:auto; }
.row-fluid .span6 {width:auto; }
.row-fluid .span5 {width:auto; }
.row-fluid .span4 {width:auto; }
.row-fluid .span3 {width:auto; }
.row-fluid .span2 {width:auto; }
.row-fluid .span1 {width:auto; }

/*---------Mobile Search style ----------*/
#Search2{ position:absolute; right:1.5%; top:3px; float:right;margin:0; display:block; }
#Search2 input[type="text"] {background: #ffffff; background:rgba(255,255,255,.85); border: 1px solid #bbbbbb;  font-size:12px; color: #444444; width: 120px; padding: 6px 38px 6px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#Search2 a{display: block;position:absolute;right:0; top:0;width:38px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/search_icon.png) no-repeat 7px 5px;z-index:1;cursor:pointer;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs li { float:none; width:100%;}
.nav-tabs li a { border:1px solid #CECECE; margin-right:0;}
.nav-tabs li a:hover { border:1px solid #CECECE;}
.tab_photo { float:none; width:auto;}
.tab_photo img { margin-bottom:7px;}
.tab_right_content{float:none; width:auto; margin:auto;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel ul li { min-height:150px; }

/*--------- Social Links Style ----------*/
.Social-Links{text-align:center;}

/*--------- DNN Default Style Reset ----------*/
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}
div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 20px; }

}

@media handheld, only screen and (max-width:380px) {
.language_position {padding:7px 0 4px 0; }
/*--------- Register and Login Style ----------*/
#Login { padding-right:5px;}
#Login .registerGroup a { padding:0 6px;}
#Login .registerGroup .userDisplayName a { padding:0 3px;}
#Login .loginGroup a{ padding:0 3px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 6px 12px;}
.registerGroup .userNotifications strong{ background-position:-94px 10px;}
.registerGroup .userMessages strong:hover{background-position:6px -39px;}
.registerGroup .userNotifications strong:hover{ background-position:-94px -41px;}
.registerGroup .userMessages strong:active{background-position:6px -90px;}
.registerGroup .userNotifications strong:active{ background-position:-94px -91px;}	
}