﻿body {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #08162E;
    min-height: 768px;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia;
    font-weight: 600;
    color: #5D2573;
}

.wrapper {
    width: 100%;
    height: auto;
    padding: 0px;
}

.left {
    align-content: flex-start;
}

.right {
    align-content: flex-end;
}

a:hover {
    text-decoration: underline;
}

li {
    padding-left: 10px;
}

    li:hover {
        text-decoration: underline;
    }

.holiday {
    font-family: Georgia;
    font-weight: 600;
    color: red;
}

/*Multiline.master page logo row*/
.logo {
 
    height: 95px;
}



.banner {
    background-image: url("../pics/blue.jpg");
    /*height: 100px;*/
    text-align: center;
}

.bannerSection {
    /* height:125px; */
	overflow:hidden;
	
}

.btnBanner {
    width: 80%;
    /*height: 70px;*/
    margin-top: 15px;
    background-color: #cc1d12;
    color: white;
    font-size: large;
    font-weight: 500;
    text-align: center;
}

.Search {
    margin-top: 10px;
    margin-left: -15px;
    margin-right: 15px;
    top: 0px;
    left: 0px;
    width: 401px;
}

.btnSearch {
    margin-top: 19px;
    background-color: #e4e8e7;
}

.searchBox {
    background-color: #e4e8e7;
    color: dimgray;
    border-top: hidden;
}

.logoContact {
    background-color: #3272e5;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -10px;
    height: 75px;
    box-shadow: 5px 5px 5px #888888;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
}

.mediaContent .fa {
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .mediaContent.fa:hover, #top-right .social .fa:focus {
        background: #000;
        color: #fff;
    }

.mediaContent span.fa-facebook {
    background: #3b5998;
}

.mediaContent span.fa-twitter {
    background: #00aced;
}

.mediaContent span.fa-linkedin {
    background: #bcbec1;
}

.mediaContent span.fa-youtube-play {
    background: #bb0000;
}

.mediaContent span.fa-google-plus {
    background: #dd4b39;
}

.mediaContent {
    align-content: center;
    height: 50px;
}


.rowContact {
    /*margin-left:25px;*/
}

.canadian {
    margin-left: 50px;
}

.txtContact {
    height: 18px;
    font-weight: bold;
}

.Nav {
    background-color: #1b1515;
}

.mainBody {
    background-color: #e4e8e7;
    position: static;
    min-height: 600px;
    height: auto;
}

.Header {
    /*position:static;*/
    position: relative;
    width: 100%;
    margin: 0px;
    height: 135px;
    background-color: white;
    z-index: 1;
}

.fixedHeader {
    position: fixed;
    width: 100%;
    z-index: 1;
    background-color: white;
    height: 135px;
}

.header_menu {
    height: 40px;
}

.leftContent {
    margin-top: 25px;
    /*position: fixed;*/
    height: auto;
}

.leftIndex {
    background-color: white;
    /*height: 750px;*/
    box-shadow: 2px 2px 2px #888888;
    margin-top: 25px;
    margin-left: 25px;
}

.menuIndex {
    margin-top: 25px;
}

.Menu_Nav_Wrapper {
    position: relative;
}
/*#Menu_Nav{
position:absolute;
width:100%;
}*/

.Menu_Nav {
    position: absolute;
    width: 100%;
}

.dropdown:hover .dropdown-menu {
    /*display: block;*/
    margin-top: 2px; /*// remove the gap it doesn't close*/
}

#dec {
    font-size: 2em;
    font-weight: 800;
    color: white;
}

#free {
    font-size: 1.5em;
    font-weight: 700;
    color: darkblue;
}

#lblSearch {
    font-weight: bold;
}

.bodyAbout {
    margin: 25px;
}

.companyInfoHead {
    background-color: #837f7f;
    height: 1.5em;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    box-shadow: 2px 2px 5px #888888;
}

.companyInfo {
    margin-top: 25px;
    margin-left: 5px;
    align-content: center;
    /*height:300px;*/
}

.office {
    align-content: center;
}

.companyInfoText {
    margin-top: 25px;
    margin-left: 25px;
}

.thrdImperial {
    margin: 50px;
    align-content: center;
    background-color: white;
}

.oopsPage {
    margin-top: 50px;
    margin-bottom: 50px;
}

.spMetricStainless {
    margin-top: 50px;
}

.ProductGroupList {
    /*border: #ea6d00 1px solid;*/
    text-align: center;
    margin-top: 20px;
}

.ProductGroupListHead {
    /*border: #ea6d00 1px solid;*/
    background-color: #f8c78c;
}

a.productGroupSelected {
    line-height: 25px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}

a.productGroupUnselected {
    line-height: 25px;
    text-decoration: none;
    color: black;
}

    a.productGroupUnselected:hover {
        text-decoration: underline;
    }

/*.ProductList img {
    border: 2px solid #c6e1ec;
    float: left;
    margin-right: 5px;
    vertical-align: top;
}*/

.ProductTitle {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 1px 0 0;
}

.menuIndex {
    margin-top: 10px;
    margin-left: 25px;
    margin-bottom: 25px;
    color: #0016F9;
}

.menuIndexHeader {
    color: #08162E;
    font-size: 1.5em;
    text-align: center;
    /*height: 50px;*/
}

.parentMenu {
    color: #08162E;
    font-size: 1.1em;
    font-weight: 500;
    text-align: left;
    text-decoration: underline;
}

    .parentMenu:hover {
        color: blue;
        text-decoration: underline;
    }

.leftBody {
    min-height: 600px;
    /*border:1px solid yellow;*/
    height: auto;
}

.rightBody {
    border-left: outset;
    min-height: 600px;
    height: auto;
}

.rightContent {
    text-align: center;
    min-height: 600px;
}

.childMenu {
    color: Blue;
}

.CatalogTitle {
    text-align: center;
    width: 100%;
}

.productList {
    padding: 5px;
    margin: 10px;
    color: #403c3c;
    font-size: 1em;
    border-color: silver;
}

.ProductLineDisplay {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
    border-bottom: unset;
}

.thumbnail {
    height: 170px;
    width: 100%;
}

.groupThumbnail {
    height: 200px;
    width: 100%;
}

.displayText {
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #2c2929;
    text-align: center;
}

.myMenu {
    color: #eee8e8;
    font-size: medium;
    font-weight: 500;
}

    .myMenu:hover {
        color: #0016F9;
    }

.myMenuFooter {
    color: #eee8e8;
}

    .myMenuFooter:hover {
        color: #0016F9;
    }

.groupDetail {
    margin-top: 25px;
    /*border:1px solid blue;*/
}

.groupDetailImage {
    align-content: center;
    margin-top: 15px;
    margin-left: 35px;
    padding: 5px;
    border: none;
}

.groupDetailText {
    margin: 25px;
    padding: 25px;
    border-bottom: inset;
}

.menuItem_P1 {
}

.groupDetail_P1 {
    /*border-right: inset;*/
    margin: 25px;
    text-align: justify;
}

.productListTable {
    margin-top: 25px;
    margin-bottom: 50px;
    border-color: silver;
}

.productListHeader {
    background-color: #888888;
    color: #e4e8e7;
    border-color: silver;
    /*height: 35px;*/
    font-size: 1.2em;
    align-content: center;
}

.productListRow {
    background-color: #e4e8e7;
    color: #08162E;
    font-size: 1em;
    border-color: silver;
}

.productListFooter {
    background-color: #888888;
    color: #e4e8e7;
    border-color: silver;
    /*height: 35px;*/
    font-size: 1.2em;
}

.productListPager {
    background-color: #888888;
    color: #e4e8e7;
    border-color: silver;
    height: 35px;
    font-size: 1.2em;
}

.msdsLeftPanel {
    margin-top: 25px;
    margin-left: 25px;
}

.msdsMenu {
    padding: 3px;
}

.grid td {
    border: 1px solid green;
}

.divider {
    border-bottom: inset;
    margin: 50px;
}

.divider_msds {
    border-bottom: inset;
    margin: 15px;
}

.promoDetail {
    margin-top: 50px;
    margin-left: 100px;
    padding: 25px;
    text-align: left;
    font-size: x-large;
}

.display_Default {
    text-align: center;
    margin: 10px;
    width: 300px;
    height: 220px;
    font-weight: bold;
    color: #2c2929;
}

.displayImages {
    width: 300px;
    height: 150px;
}

.menuIndex_sub {
    margin-top: 25px;
    margin-left: 35px;
    /*border:1px solid yellow;*/
}

.display_G1 {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 250px;
    /*height: 220px;*/
    font-weight: bold;
    align-content: center;
    color: #2c2929;
    background-color: #bacac6;
}

.ProductGroupDisplay {
    margin: 25px;
}

.displayImages_G1 {
    width: 180px;
    height: 120px;
    margin-top: 25px;
    margin-left: 30px;
    margin-bottom: 5px;
}

.divider_G1 {
    height: 25px;
    width: 100%;
}

.itemTable {
    border: 1px solid gray;
}

.pnlContactBody {
    margin-left: 25px;
}

.SomeMenuClass {
    /*border:1px solid red;*/
    background-color: #1b1818;
    width: 100%;
}

.StaticMenuItemStyle {
    color: white;
    padding: 10px;
    font-size: medium;
    font-weight: 500;
    width: 225px;
    text-align: center;
}

    .StaticMenuItemStyle:hover {
        color: blue;
        background-color: lightgray;
        padding: 10px;
        /*font-size: large;*/
        /*width: 240px;*/
        text-align: center;
        text-decoration-style: none;
    }

.DynamicMenuStyle {
    margin-left: -10px;
    background-color: silver;
}

.DynamicMenuItemStyle {
    color: black;
    width: 205px;
    padding: 2px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 0.9em;
}

.specDetail {
    margin-top: 50px;
    margin-left: 100px;
    padding: 25px;
    text-align: left;
    font-size: medium;
}

.feedback {
    font-size: small;
    margin-left: 35px;
    text-align: left;
}

.companyInfoHead_SiteMap {
    background-color: #837f7f;
    height: 1.5em;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    box-shadow: 2px 2px 5px #888888;
}

.companyInfoText_SiteMap {
    margin-top: 25px;
    margin-left: 25px;
    font-size: small;
    text-align: center;
}

.webLink {
    /*background-color:#bacac6;*/
    background-color: silver;
    width: 250px;
    height: 120px;
    margin: 20px;
    align-content: center;
    padding: 15px;
    box-shadow: 5px 5px 5px #888888;
}

.Link_1 {
    margin-top: 25px;
}

.Link_2 {
    margin-top: 25px;
}

.Link_4 {
    margin-top: 15px;
}

.Link_7 {
    margin-top: 10px;
}

.Link_8 {
    margin-top: 10px;
}

.Link_9 {
    margin-top: 5px;
}

.Link_10 {
    margin-top: -3px;
}

.Link_11 {
    margin-top: 10px;
}

.Link_12 {
    margin-top: -5px;
}

.policyDetail {
    text-align: justify;
    margin: 25px;
    font-family: Helvetica,Arial,sans-serif;
}

.msdsGroupId {
    padding: 3px;
    margin-left: 25px;
}

.msdsGroupName {
    padding: 3px;
    margin-left: 25px;
}

.msdsByItem {
    margin-top: 25px;
    margin-left: 50px;
}

.msdsSearch {
    margin-left: 15px;
    padding: 3px;
    width: 350px;
}

.msdsByGroup {
    margin-left: 50px;
}

.msdsItemId {
    margin-left: 25px;
    margin-top: 5px;
    padding: 5px;
}

.msdsGroupListDetail {
    margin-left: 25px;
    margin-top: 5px;
    padding: 5px;
}

.msds_msds {
    text-decoration: underline;
}

.msdsMessage {
    margin: 25px;
    width: 95%;
    text-align: justify;
    font-weight: bold;
}

.displayText_1 {
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    align-content: center;
}

.menuHorizontal {
    display: inline;
    text-align: center;
    font-size: medium;
    background-color: #1b1818;
    height: 40px;
    padding: 10px;
}

    .menuHorizontal:hover {
        color: blue;
        background-color: lightgray;
        padding: 10px;
        text-align: center;
        text-decoration-style: none;
    }

.menuVertical {
    display: normal;
}
/*.menuRepeaterItem:hover {
        color: blue;
        background-color: lightgray;
        padding: 10px;
        text-align: center;
        text-decoration-style: none;    
    }*/
.menuRepeaterItem {
    color: white;
    padding: 3px;
}


.itempic {
    max-width:400px;
    max-height:400px;
}