/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {

    body {-webkit-text-size-adjust:none;}
    .skin_width,body{width:100%;min-width:0;}
    .floatl, .floatr{ float: none;}

    /*-------- design style --------*/
    .headerpane_style { padding:0px 0px; }
    .logo_style { vertical-align: middle; padding:0px; width: 100%;}
    #dnn_dnnLOGO_imgLogo { display: block; margin: 0 auto; height: 150px; }


    .user_style { float:none; text-align:center; padding:0;  position:absolute; top:0; left:0; width:98%; margin:0 1%;}
    .search_style { float:none; position:relative; left:12px; bottom:0; right:0; text-align:center; padding:2px 0px 8px 0; width:100%;}

    #Search {float: left !important; margin:0 0 8px 0 !important;}
    #Login{ float:right;}
    #Login .registerGroup .buttonGroup{margin-right:0; display: none;}

    .menu_top { background:none;}
    .skin_menu { background:none; display:none;padding:0px 0px 0px 0px !important;}
    .menu_style { width:98%; margin:0 1%; padding:0 0 5px 0; }
    .breadcrumb_bar { background:#606060; padding:5px; margin-bottom:5px; }
    .breadcrumb_style {float:none;}
    .back_style .back{ display:none; float:none; background:none; height:0; width:0;}
    .skin_banner { background:#606060; min-height:0; max-height:60%; position:relative; }
    .banner_container { padding:0px 0px !important;margin-bottom:0px; position:relative; zoom:1; }
    

    /*--------- Menu style ----------*/
    #standardMenu { width:auto;}
    #standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left }

    #standardMenu .rootMenu li a,#standardMenu ul li.last a{display:block; background:url(../images/mobile_menu_light.png) no-repeat top, url(../images/mobile_menu_bg.png) repeat-x center top; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
    #standardMenu .rootMenu li.selected a,#standardMenu .rootMenu li.breadcrumb a,#standardMenu .rootMenu li.rmHover a,#standardMenu .rootMenu li a:hover, #standardMenu .rootMenu li:hover a{ text-decoration:none; background:url(../images/mobile_menu_light.png) no-repeat top, url(../images/mobile_menu_sel.png) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

    #standardMenu .rootMenu li a span {display:block; padding:0 20px; margin-right:0; height:38px; line-height:38px; 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; margin:0; }

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

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

    /*-- submenu --*/
    #standardMenu .subMenu{ background:none; left:0; position:static; width:auto; margin:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px;}
    #standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
    #standardMenu .subMenu li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:#4C4C4C; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1; }
    #standardMenu .subMenu li.haschild > a { background:#4C4C4C;}
    #standardMenu .subMenu li.first > a { border-top:none; }
    #standardMenu .subMenu li.last > a { border-bottom:none; }
    #standardMenu .subMenu li li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; }
    #standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none;}
    #standardMenu .subMenu li.item a:hover span { background:#222222; color:#FFFFFF; cursor:pointer; }
    #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: #222222;}
    #standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#222222;}
    #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 .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#222222;}

    #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;}
    #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;}

    #menuToggle { display: block; margin: 0 auto; height: 20px; width: 20%; position: absolute; bottom: 15px; left: 15px; }

    /*--------- pane style ----------*/
    .bannerpane { padding:0 0 5px 0; margin-bottom:0px;color:#FFFFFF; }
 


    .h_toppane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_topleftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_toprightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_contentpane{width:auto;clear:both;padding:5px 0;margin:0;}
    .h_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_contentpane2{width:auto;clear:both;padding:5px 0;margin:0;}
    .h_boxapane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_boxbpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_boxcpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_boxdpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .h_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

    .i1_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i1_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i1_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i1_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

    .i2_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i2_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i2_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .i2_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

    .nb_toppane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_topleftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_toprightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_contentpane{width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_contentpane2{width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_boxapane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_boxbpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_boxcpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_boxdpane {width:auto;clear:both;padding:5px 0;margin:0;}
    .nb_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

    .footerone {width:auto;clear:both;padding:15px 0 5px 0;margin:0; color:#FFFFFF;}
    .footertwo {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}
    .footerthree {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}
    .footerfour {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}

    /*--------- Content Style ----------*/
    .Social-Links{padding:0 5px; position:relative; overflow:hidden; }

    h1{font-size:22px !important;line-height:1.0em;color:#fc0;font-weight:bold;font-family:Arial, Gadget, Tahoma, Helvetica, Verdana, sans-serif;}
    h2{font-size:14px !important;text-align:center !important;line-height:1.0em !important;color:#99cccc;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
    h3{font-size:14px !important;line-height:1.0em;color:#fc0;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
    h4{font-size:18px;line-height:1.5em;color:#cccccc;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
    h5{font-size:16px line-height:1.5em;color:#cccccc;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
    h6{font-size:14px;line-height:1.5em;color:#cccccc;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
    .Social-Links ul li{ float:left; width:120px; }

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

    /*------------------------------------------------*/
    /* OUR SERVICES */
    /*------------------------------------------------*/
    .content_products { width: 95%; margin: 0 auto; }
    .content_products ul li { padding: 0px; display:block; width:95%; }
    .content_products ul li img { margin: 0x auto; display: block; border: 10px solid #fff; }

}