/* triactive adjustment for footer change  review and move */
.FooterAuthorized img {
    margin-bottom: -15px !important;
	padding-bottom: -15px !important;
    max-width: 453px !important;
    width: 100% !important;
}

/* end triactive adjustment */
#ItemCodeRef {

} 

/* Responsive grid content in content areas */
/* Include Styling to overcome forced 100% which does not always look ideal but required for responsive */
/* Content Crammed due to forced .ContentImportHTMLTR div  */
#depHeaderContent {width: 90% !important; }

/* utilize existing styles -set background image and title per page when doing content */
.PageTitle {
    margin: 0 auto;
    max-width: 1014px;
}
.PageTitle h1 {
    color: white;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center !important;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    font-size: 38px;
    line-height: 40px;
}
.PageHeader {
    background: url(/customer/tabonu/images/ContactHeader.png) no-repeat center center; /*override image in content file */
    box-shadow: inset 0 0 0 1000px rgba(36, 36, 37, 0.59);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 60px 0;
    border-bottom: 1px solid #25236b;
}

/* To handle simple global style for content - flex start*/

.flex-content-container {
  display: flex; 
	
  flex-flow: row wrap;
	/* in progress */
	 display: -ms-flexbox;
    display: -webkit-flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	 align-content: center; 
}
div.flex-content-container > .col {
  flex: 1;
  padding: 10px;
  margin: 5px;
	/*max-width: 33%;*/
}
/* flex end */
 
/* GLOBAL CONTENT AREA - Descriptions, sepc pagges etc */
.chartorangespecs > img {width: 95%;}
.imgcolumnheader {width: 85%;} 
.imgcategorysquare, .imgsupportres {max-width: 100%; height: auto;}
.FastenerTech {max-width: 100%; height: auto;}

/* CUSTOM TECH TABLES */
/* product overview style uses tar-tech-over-tble */
.tar-tech-tble {
  border-collapse: collapse;
  width: 100%;
}
 
.tar-tech-tble th, .tar-tech-tble td {
  text-align: left;
  padding: 8px;
}

.tar-tech-tble tr:nth-child(even) {background-color: #f2f2f2;} 

div#tar-tech-OnThisPage, div#tar-tech-Terms { border: 1px solid gray;background-color:#f8f8f8;}

#tar-tech-Terms h4, #tar-tech-OnThisPage h4, #tar-tech-Shop h4 {
    text-decoration: none;
    background: #587a97;
    border-bottom: 4px solid #aeadad;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 5px;
}

/*Call to action buttons */
.btn-green {
    background-color: #41b14f;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9ec14c),to(#41b14f));
    background-image: linear-gradient(#9ec14c,#41b14f);
    color: #fff;
}
hr.thin {
height: 1px;
border: 0;
color: #aaa;
background-color: #aaa;
width: 80%;
margin: 25 25 25 25px;
align:center;
}
 
.btn {
    display: inline-block;
    border-radius: 11px;
    padding: .5em 1em;
    text-align: center;
    color: #fff;
    border: none;
    font-weight: 700;
    background: 0 0;
    background-color: #0095ff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#6eb5e4),to(#0095ff));
    background-image: linear-gradient(to bottom,#6eb5e4,#0095ff);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: .9em;
    cursor: pointer;
    outline: 0;
    font-family: Calibri Bold,AvenirNext,Avenir,-apple-system,BlinkMacSystemFont,Roboto Slab,Droid Serif,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Georgia,serif;
}

/* LUX INCLUDES */
 .lux-popular-searches-block {
        text-align: center;
        margin: 10px 0;
    }
		 .lux-popular-searches-block ul {
        padding: 0 20px 20px;
        list-style: none;
    }

    .lux-popular-searches-block ul li {
        display: inline-block;
        margin: 7px 3px;
    	float: left;
    }

    .lux-popular-searches-block ul li a {
        padding: 5px;
        border: 1px solid #b7b8b9;
        color: black;
    }