/*top right icons*/
.icons_menu{ float:right; position:relative; z-index:1000; margin:5px 0; margin-right:12px; }
.icon_search{ display:block; background:url(../images/icon_search.png) no-repeat center center;width:30px; height:30px; float:left; position:relative; padding-right:5px; cursor:pointer; transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.icon_search:hover{ background-color:#777 ;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.icon_search_style{ display:none; width:183px;position:absolute; left:-56px; top:35px; padding:15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon_search_style:before {width:0; height:0; position: absolute; left:70px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_user{ position:relative;  cursor:pointer; }
.icon_user_hover{ display:none; width:160px;position:absolute; left:-63px; top:35px; padding:0; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_user_hover:before {width:0; height:0; position: absolute; left:72px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_login{ float:left;  }
.icon_lang{ display:block; background:url(../images/icon_lang.png) no-repeat center center; width:30px; height:30px;float:left; position:relative; cursor:pointer;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; margin-right:5px;}
.icon_lang:hover{ background-color:#777;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.icon_lang_style{display:none; width:60px;position:absolute; left:-10px; top:35px; padding:0 0 15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_lang_style:before {width:0; height:0; position: absolute; left:22px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

#skin_header{ background:#fff;border-bottom:1px solid #e1e1e1;}
.logo_style{ padding:10px 10px 10px 15px; float:left;}
.site_logo { line-height:80px; }
.site_logo img { max-height:80px; }
.menu_box{ float:right; padding:38px 0 27px 0;}
.scroll-to-fixed-fixed .menu_box{padding:18px 0; }
.scroll-to-fixed-fixed .logo_style { padding-top:5px; padding-bottom:5px; }
.scroll-to-fixed-fixed .site_logo {line-height:60px;}
.scroll-to-fixed-fixed .site_logo img{max-height:60px;}
.scroll-to-fixed-fixed #standardMenu .subMenu , .scroll-to-fixed-fixed #megaMenu .category{ padding:18px 0 0 0;}

/*page name*/
.page_name { background:url(/Images/DSI_Inner_Climber.png) no-repeat; position:relative; min-height:85px; border-bottom:1px solid #e3e3e3;}
.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:left; padding-left:15px; color:#fff; line-height:85px; font-size:22px; font-weight:normal; margin:0;}
.breadcrumb_style {float:right; padding-right:15px; color:#fff ; line-height:85px;}

/*--------- Inner Banners ----------*/
.inner_band_climber {
    background: url(/Images/page_bands/Band_Climber.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_goat {
    background: url(/Images/page_bands/Band_Goat.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_leatherback {
    background: url(/Images/page_bands/Band_Leatherback.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_leatherback2 {
    background: url(/Images/page_bands/Band_Leatherback2.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_ropeteam {
    background: url(/Images/page_bands/Band_RopeTeam.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_skier {
    background: url(/Images/page_bands/Band_Skier.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_skier2 {
    background: url(/Images/page_bands/Band_Skier2.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_trees {
    background: url(/Images/page_bands/Band_Trees.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}
.inner_band_yay {
    background: url(/Images/page_bands/Band_Yay.jpg) no-repeat;
    position: relative;
    min-height: 85px;
    border-bottom: 1px solid #e3e3e3;
}


/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#fff!important; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover{ text-decoration:none; }


/* =Header
----------------------------------------------------------------------------- */

#header_main {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.headerLogo {
    padding: 5px 10px 5px 15px;
    float: left;
    line-height: 60px;
}
.menuBox{ float:right;}
.footer_logout{ display:inline-block;}

#mobileBanner{
    display: none;
}


/*--------- Contact Style ----------*/
.contact_style {
    display: block;
}

    .contact_style p {
        padding-top: 9px;
    }

        .contact_style p a {
            color: #fff !important;
        }

            .contact_style p a:hover {
                color: #eee !important;
            }

        .contact_style p span {
            margin: 0 8px 0 12px;
            color: #fff !important;
        }

@media handheld, only screen and (max-width: 1140px) {
    #standardMenu .rootMenu > li a span{
        padding: 0 13px;
    }
}

@media handheld, only screen and (max-width: 991px) {
    .menuBox {
        min-height: 0;
        display: none;
        float: none;
        padding: 0;
        margin: 0;
    }

    .headerLogo {
        /*float: none;*/
        text-align: left;
        min-height: 50px;
        position: relative;
    }

    .siteLogo {
        text-align: left;
        margin-right: 40px;
        line-height: none;
    }

    .user_bar {
        display: block;
        float: none;
    }

    #skin_topLeft {
        float: none;
        width: 100%;
        text-align: center;
    }

    #mobileBanner{
    display: block;
    }
    
    #slider2{
        display: none;
    }
    /*--------- mobile menu style ----------*/
    .mobile_nav {
        display: block;
        position: absolute;
        width: 40px;
        height: 60px;
        bottom: -3px;
        right: 10px;
        z-index: 999;
    }

    .menuclick {
        background: url(../images/btn_menu.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: block;
    }

}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
    /*page name*/
    .page_name {
        min-height: 50px;
        top: 0;
    }

    .pagename_style h1 {
        /*line-height: 50px;*/
        font-size: 20px;
        padding-top: 0;
    }

    .breadcrumb_style {
        line-height: 50px;
        display: none;
        padding-top: 0;
    }

    .language_position {
        margin-right: 0;
    }

    /*--------- Contact Style ----------*/
    .contact_style {
        display: none;
    }
}


/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width:400px) {
    /*--------- Register and Login Style ----------*/
    #Login .registerGroup .userProfileImg {
        display: none;
    }
}