﻿body {
    background:#dcddde; font-size:10pt; font-family:Arial; color:#939598; line-height:1.5;
}

.PageArea{
    background:#fff; padding:30px; padding-top:0px;
}

.PageArea2{
    padding:0 30px 20px 30px;
}

/* --Header Area-- */
.HeaderArea{
    /*border: solid 1px #ccc; border-radius:5px; height: 120px;*/ 
   width:100%; margin-bottom: 10px;
}

/* --End Header Area-- */

.TopNavArea{

}

.ContentArea{
    padding-top:5px; padding-left:1px;
}

.ContentArea2{
    padding-top:10px; padding-left:1px; padding-bottom:20px;
}

.FooterArea{
   font-family:Arial; background: #00396a; padding: 30px; padding-top: 10px; color: #fff; margin-top: 6px;
}

.FooterArea2{
   font-family:Arial; background: #00396a; color: #fff; margin-top: 6px;
}

.footer_nav_hdg{font-family:Arial; font-size:12pt; color:#ffffff; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.footer_nav ul{
    list-style-type: none; padding: 0; margin-left: 0;
}
.footer_nav a{
    font-family:Arial; color:#ffffff; text-decoration:none; font-size:8pt; line-height:2; text-transform:uppercase;
}
.footer_nav a:hover{
    font-family:Arial; color:#ffffff; text-decoration:underline; font-size:8pt; line-height:2; text-transform:uppercase; 
}

.CopyrightArea{
    padding:0px; padding-top:20px; 
}
/* --------------End of Site Layout---------------- */

/* ----Tooltip BS---- */
  .custom-tooltip + .tooltip > .tooltip-inner {
      background-color:#dcddde;
      color: #808080;
      border: 1px solid #808080;
      /*padding: 15px;
      font-size: 20px;*/
  }
  /* Tooltip on top */
  .custom-tooltip + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #808080;
  }
  /* Tooltip on bottom */
  .custom-tooltip + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid #808080;
  }
  /* Tooltip on left */
  .custom-tooltip + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid #808080;
  }
  /* Tooltip on right */
  .custom-tooltip + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid #808080;
  }
  /* ---End Tooltip---- */

  /* ----Button BS---- */
  .custom-btn-yellow {
    background: #ffd800;
    color: #00396a;
    border-color: #ccc;
    }
    .custom-btn-yellow:hover, .custom-btn-yellow:focus, .custom-btn-yellow:active, .custom-btn-yellow.active, .open > .dropdown-toggle.custom-btn-yellow {
        background: #fce45e;
        border-color: #ccc;
    }
    .custom-btn-yellow:active, .custom-btn-yellow.active {
        background: #fce45e;
        box-shadow: none;
        border-color: #ccc;
    }
  /* ----End Button BS---- */

  /* --Page title ex: home page title -- */
.custom-h1{font-family:Arial; font-size:18pt; color:#00396a; font-weight:600;}
.custom-h2{font-family:Arial; font-size:13pt; color:#00396a; font-weight:400; margin-bottom:0; line-height:1.2;} /* --see services page-- */
.custom-h3{font-family:Arial; font-size:12pt; color:#00396a; font-weight:bold; margin-bottom:0; line-height:1.2;} 
.custom-h4{font-family:Arial; font-size:11pt; color:#00396a; font-weight:bold; margin-bottom:0; margin-top:20px; line-height:1.2;} /* --see location-- */
.custom-badge-hd{padding:8px; font-size:11pt; font-family:Arial;}

   /* -----Tree View----- */
.treeview a{color: #003768;}

    /* -------Figure Navigation Menu View--------- */
.mnv_style{ margin-right:2px; background-color:#00396A; padding:2px; margin-bottom:2px;}
.mnv_hover{margin-left:0px; background-color:#8e8e8e; text-decoration:none;}
/* End Custom Parts Figure Navigation Menu View */

    /* -----Parts Finder Figure----- */
#brand_cat_container{width:980px;}
#brand_cat_msg_area{}
#brand_cat_back_top{float: left;}
#brand_cat_top_msg{margin-bottom: 10px; text-align:right;}
#brand_cat_display{text-align: left; border: solid #808080 2px;}
#brand_cat_header_area{background-color: #003366; height: 50px; border-bottom: solid 5px #fddc01;}
#brand_cat_header_title{padding: 10px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 18pt; text-align: center;}
.brand_cat_header_title{padding: 10px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 18pt; text-align: center;}
#brand_cat_header_title_long{padding: 10px; padding-top:14px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 14pt; text-align: center;}
.brand_cat_header_title_long{padding: 10px; padding-top:14px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 14pt; text-align: center;}
#brand_cat_header_title_xlong{padding: 10px; padding-top:16px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 13pt; text-align: center;}
.brand_cat_header_title_xlong{padding: 10px; padding-top:16px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 13pt; text-align: center;}
#brand_cat_header_title_xxlong{padding: 10px; padding-top:17px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 12pt; text-align: center;}
.brand_cat_header_title_xxlong{padding: 10px; padding-top:17px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 12pt; text-align: center;}
#brand_cat_fig_area{padding: 10px; text-align: center;}
#brand_cat_footer_area{border-top: solid #808080 1px; background-color: #d5d4d4; height: 43px;}
#brand_cat_footer_content{padding: 5px; color: #003366; text-align: center; font-family: Arial; font-weight: bold; font-size: 10pt;}
#brand_cat_footer_content_fig_name{text-transform: uppercase}
#brand_cat_footer_content_oneline{padding-top:10px;}
.brand_cat_footer_content_oneline{padding-top:10px;}
#brand_cat_bottom_area{padding-top: 10px; padding-bottom: 10px; padding-left: 3px; padding-right: 3px;}
#brand_cat_bottom_left{float: left; color: #003366; font-family: Arial; font-size: 10pt; padding-top: 4px;}
#brand_cat_bottom_help{font-size: 12pt; font-weight: bold;}
#brand_cat_bottom_right{float: right;}
/*#brand_cat_bottom_right_logo{background-image:url(../custom_images/PSCGANDEquip_logo_rgb.png); height:33px; width:270px;}*/
#brand_cat_back_bottom{text-align:left}
#brand_cat_info{text-align:left; color: #00396A; font-family: Arial; font-size: 8pt; margin-top: 10px; margin-bottom: 10px;}
#brand_cat_info_notes{font-weight:bold; text-decoration:underline; margin-bottom:5px;}
#brand_cat_prod_area{text-align: left; border: solid #808080 1px;}
#brand_cat_prod_content{padding: 10px;}
/* -----End Parts Finder Figure----- */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --Top Navigation Area-- */
/* Ref: http://bootstrapdesigntools.com/tools/bootstrap-menu-builder/#/products */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    /*color: rgba(255, 255, 255, 1);*/ 
    color: #ffffff;
    font-size:20px;
   /*  display: none !important;   Disable Brand */   
}
#custom-bootstrap-menu.navbar-default {
    font-size: 13px;
    /*background-color: rgba(0, 57, 106, 1);*/
    background-color: #00396a;
    border-width: 1px;
    border-radius: 1px;

    font-weight:600;
    
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    /*color: rgba(255, 255, 255, 1);*/
    color: #ffffff;
    /*background-color: rgba(248, 248, 248, 0);*/
    background-color: #00396a;

    width:130px;
    margin-left:3px;
    
    text-align:center;    
    /*height: 32px;
    line-height: 32px;*/
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    /*color: rgba(255, 255, 255, 1);*/
    color: #00396a;
    background-color: rgba(255, 221, 0, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    /*color: rgba(0, 57, 106, 1);*/
    color: #00396a;
    /*background-color: rgba(255, 221, 0, 1);*/
    background-color: #ffdd00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ffdd00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffdd00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffdd00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #00396a;
}

/* Disable Brand */
#custom-bootstrap-menu .navbar .container-fluid, .navbar-collapse{
    padding-left: 0px
}

#custom-bootstrap-menu .navbar-collapse.in {
    padding-left:20px;
}
/*-------------------------------------------------------------------------*/

/* -------- Carousel ---------- */
.carousel{
    background: #2f4357;
    margin-top: 20px;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
	margin: 20px;
}
/*-------------------------------------------------------------------------*/

/* ---- General styles ---- */
.custom-row-space-20{
    padding-bottom:20px;
}
.custom-row-space-30{
    padding-bottom:30px;
}
.custom-row-space-40{
    padding-bottom:40px;
}

.history-year{
    font-weight:bold; color:#00396a; padding-right:10px;
}

/* --Page blue links-- */
.pg_nav_blue{color:#00396a; font-family:Arial; font-size:10pt; text-align:left; }
.pg_nav_blue a{text-decoration:underline; color:#00396a; font-family:Arial; font-size:10pt;  }
.pg_nav_blue a:hover{text-decoration:none;}

    /* --Page gray links (see products page)-- */
.pg_nav_gray{color:#939598; font-family:Arial; font-size:10pt; text-align:left;}
.pg_nav_gray a{ text-decoration:underline; color:#939598; font-family:Arial; font-size:10pt; }
.pg_nav_gray a:hover{text-decoration:none;}

    /* --Page gray links 2 (see about page)-- */
.pg_nav_gray2{color:#939598; font-family:Arial; font-size:10pt; text-align:left;}
.pg_nav_gray2 a{text-decoration:none; color:#939598; font-family:Arial; font-size:10pt; }
.pg_nav_gray2 a:hover{text-decoration:underline;}

    /* --Page list (see about - strategy page; products - single girder page)-- */
.pg_list{font-family:Arial; font-size:10pt; text-transform:none; margin-left:16px; }
.pg_list li{margin-bottom:10px; line-height:1.3;}

.pg_list_upper{font-family:Arial; text-transform:uppercase; }
.pg_list_upper li{margin-bottom:5px; line-height:1.3;}

    /* --Page list child (see gantry - gorbel page)-- */
.pg_list_child{font-family:Arial; font-size:10pt; text-transform:none; list-style:none; }

/* --Home page-- */
.home_icons_box{
    width:22%;
}
.home_icons_top_area{
    border: solid 1px #dcddde; border-bottom: none; height:200px;
}
.home_icons_top_image{
    text-align:center; padding-top:20px;
}
.home_icons_top_text{
    text-align:left; margin: 20px; font-size:8pt; color:#939598;
}

#home_icons_bottom_area1{
    background-color: #00396a; border: solid 1px #00396a;
}

#home_icons_bottom_area2{
    background-color: #ffdd00; border: solid 1px #ffdd00;
}

#home_icons_bottom_area3{
    background-color: #939598; border: solid 1px #939598;
}

#home_icons_bottom_area4{
    background-color: #dcddde; border: solid 1px #dcddde;
}

.home_icons_bottom_text{
    color: #ffffff; padding: 5px; text-align: center; font-weight:bold;
}
.home_icons_bottom_text a{
    color:#ffffff; text-decoration:none;
}

/* Panel */
.panel-footer.panel-custom-blue {
    background: #00396a;
    color: white;
}
.panel-footer.panel-custom-yellow {
    background: #ffdd00;
    color: white;
}
.panel-footer.panel-custom-gray {
    background: #939598;
    color: white;
}
.panel-footer.panel-custom-silver {
    background: #dcddde;
    color: white;
}

/* --Products page-- */
.products_nav{
    color:#939598; font-family:Arial; font-size:10pt; text-align:left; 
}
.products_nav a{
    text-decoration:underline; color:#00396a; font-family:Arial; font-size:10pt; line-height:2; 
    word-break:break-all; 
}
.products_nav a:hover{
    text-decoration:none;
}

/*-------------------------------------------------------------------------*/

/* --Copyright Area-- */
.copyright_area{
    padding-top:10px; padding-bottom:10px;
    color:#939598; font-family:Arial; font-size:9pt;
}

.copyright_nav{
    color:#939598; font-family:Arial; font-size:9pt;
}

.copyright_nav a{
    text-decoration:none; color:#939598; font-family:Arial; font-size:9pt;
}
.copyright_nav a:hover{
    text-decoration:underline; color:#939598; font-family:Arial; font-size:9pt;
}
/*-------------------------------------------------------------------------*/

/* --Repeater Control-- */
.repeater_control{}
.repeater_control th{
    background-color:#8e8e8e;
            color: white;
}
/*-------------------------------------------------------------------------*/

/* --Bootstrap Popover-- */
.popover-title .close{
        position: relative;
        bottom: 3px;
    }

/* --External Login-- */
.ExtLogin_Logo{
    border:none; padding:2px;
}

/*-------------------------------------------------------------------------*/

/* ------------Edit Content Navigation------------ */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.content_underline_menu{font-weight: bold; width: 100%;}
.content_underline_menu ul{
padding: 2px 0 2px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; /* set value to "left", "center", or "right"*/
}
.content_underline_menu ul li{display: inline;}
.content_underline_menu ul li a{
color: #404958;
padding: 4px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 5px; /*spacing between each menu link*/
text-decoration: none;
/*border-bottom: 3px solid gray;*/ /*bottom border is 3px*/
}
.content_underline_menu ul li a:hover, .content_underline_menu ul li a.selected{
/*border-bottom-color: black;*/
border-bottom: 2px solid #808080;
color:#808080;
}
/* ------------End Edit Content Navigation------------ */

/* ------------Company History------------ */
dt {
    clear: left;
    float: left;
    /*font-size: 12px;*/
    line-height: 26px;
    width: 50px;
    font-weight:bold;
    color: #00396a;                                                    
}

dd {
    clear: right;
    /*font-size: 12px;*/
    line-height: 18px;
    padding: 4px 0 10px 50px;
}
