/*--------- CSS Reset for Mobile ----------*/

@media handheld, only screen and (max-width: 640px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}

/*-------- design style --------*/
.headerpane_style {padding:5px 10px 50px 10px;}
.logo_style { text-align:center; padding:45px 10px 10px 10px;}
.user_style { float:none; text-align:center; padding:0;  position:absolute; top:0; left:0; width:100%; margin:0;}
.search_style { position:relative; right:5px;}
.quick-links {float:none;}
.mobile_nav { display:block;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; height:37px;}
.click_img {width:97px; height:33px;}
#Login{ float:none;}
.skin_nav { background:#1b1b1b; border:none; min-height:0; margin-top:3px;}
#nav_box { display:none; width:98%; margin:0 1%; padding:0 0 5px 0; background-color: #1b1b1b;}
.footerpane_style { padding:5px;}
.bottom_style { padding:5px 0;}
.copyright_style { float:none; text-align:center; padding:5px;}
.privacy_style { float:none; text-align:center; padding:5px;}
.Social-Links{ text-align:center; padding:0 0 0 0;}

/*--------- StandardMenu style ----------*/
#standardMenu {width:auto;}
#standardMenu ul {padding:0;}
#standardMenu .rootMenu {float:none;border:none; }
#standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#standardMenu .rootMenu li a{display:block; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#standardMenu .rootMenu li.selected a:active span {background-color: #111111;}
#standardMenu .rootMenu li.breadcrumb a { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li a:hover, #standardMenu .rootMenu li:hover a { margin:0; /*background:url(../images/mobile_nav_sel.jpg) repeat-x top;*/ background-color: #111111; }

#standardMenu .rootMenu li a span {display:block; padding:0 20px;white-space:nowrap; font-size:12px; font-weight:bold; /*text-transform:uppercase;*/ margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#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{ text-decoration:none; background:none; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:100%; height:38px; margin-right:0; right:-7px;}
#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 a span .navarrow2{ position:absolute; width:100%; height:38px; margin-right:0; right:-7px; }
#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 -42px;*/ }

/*-- submenu --*/
#standardMenu .subMenu ul {margin-left:20px;}
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top:1px;padding:0px;
          border: 0px solid #ccc;border: 0px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: 0px rgba(0, 0, 0, 0.2) !important;-moz-box-shadow: 0px rgba(0, 0, 0, 0.2) !important;
            box-shadow: 0px rgba(0, 0, 0, 0.2) !important;-webkit-background-clip: padding-box;-moz-background-clip: padding;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;background-color: #1B1B1B;}
#standardMenu .subMenu li.item a{ margin:0; padding:0; height:auto; background-color:#1b1b1b;  border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1; }
#standardMenu .subMenu li.haschild > a { }
#standardMenu .subMenu li.haschild > a span { color:White !important;}
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a { border-bottom:none; }
#standardMenu .subMenu li li.item a{  }
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#999999; background:none; height:35px; line-height:35px;font-weight:bold;margin-right: 15px;}
#standardMenu .subMenu li.item a:hover span {  color: #4294F7; cursor:pointer; background-color: transparent;
            background-image: none;background-image: none;background-image: none;background-image: none;background-image: none;background-repeat: no-repeat;            
            }
#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 { background: #111111; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#424242;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 30px; 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 60px; background:none; display:block;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#424242;}

#standardMenu .subMenu:before, #standardMenu .subMenu:after {display:none;}

#standardMenu ul li ul li ul{ width:auto; margin:0; border:none; }
#standardMenu ul li ul li ul.level1{ display: block;position:static;left:auto; top:auto;float:left;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:static;left:auto;top:auto;}
#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;}

#standardMenu .subMenu .child-1 {display:block;}

/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul {padding:0;}
#megaMenu .root {float:none;border:none; }
#megaMenu .root li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#megaMenu .root li a{display:block;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#megaMenu .root li.breadcrumb a { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li a:hover, #megaMenu .root li:hover a { /*margin:0; background:url(../images/mobile_nav_sel.jpg) repeat-x top;*/ }

#megaMenu .root li a span {display:block; padding:0 20px; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#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{ text-decoration:none; background:none; }

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#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 a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#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 -42px;}

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; padding:0;  border:1px solid #6F6F6F; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.jpg); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.jpg);}
#megaMenu .category li.first > a { border-top:none; }
#megaMenu .category li.last > a { border-bottom:none; }
#megaMenu .category li li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; }
#megaMenu .category li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none; height:35px; line-height:35px;}
#megaMenu .category li.item a:hover span { background:#424242; color:#FFFFFF; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF;}
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span{ background:#424242;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-top:1px solid #848484; border-bottom:1px solid #545454;}
#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.item a span { padding:0 35px 0 40px; }
#megaMenu .leaf li li li.item a span { padding:0 35px 0 60px; }
#megaMenu .leaf li.selected > a span{ background:#424242; }
#megaMenu .category li.rmhover > .leaf{ display:block; }
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}


/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.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 {}

/*--------- 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;}

/*--------- Register and Login Style ----------*/
#Login{ float:none;padding-right:0;height:33px;border:none;border-bottom:1px solid #aaa;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; }
#Login .registerGroup a, #Login .loginGroup a{padding:0 8px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px 12px;}
.registerGroup .userNotifications strong{ background-position:-91px 10px; }
.registerGroup .userMessages strong:hover{background-position:9px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-91px -42px;}
.registerGroup .userMessages strong:active{background-position:9px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-91px -92px;}

}

@media handheld, only screen and (max-width: 510px) {    
    .skin_footer {
        background-repeat: repeat-y;
        height: auto !important;
    }
}

@media handheld, only screen and (max-width: 640px) {
	/* Support search */
	.hi_searchbar_field {width:100% !important;}
	.btnCategorySearch {margin-left:20px !important;}
	.search-support {margin-right:20px;}
	.asearch_search_td h2.subpage {margin-bottom:0px !important;}
	.asearch_search_td a {left: 10px !important;}
	.searchbox {width:100% !important;height: auto !important;}
	.SearchBy {text-align: left !important;padding-left: 11px !important;border-top:0px !important; background:none !important;background-color:#dddddd !important;height: auto !important;}
	.support-select-product {float:none;}
	.asearch_main {border-bottom:0px !important;}
	.selectAProduct {margin-bottom:10px;}
}

@media handheld, only screen and (max-width: 508px) {
    .asearch_search_td table {margin-left: 0px !important;margin-bottom: 5px !important;}
    .hi_searchbar_field, .btnCategorySearch {margin-top: 0px !important;}
    .asearch_search_td a {top: 5px !important;}
}

/* 	iPad in portrait for HTBRR-71	*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{
	body { min-height: 1200px; }
}

/* 	Retina iPad in portrait		*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2)
{
	body { min-height: 1200px; }
}