/*# Generic#*/
/*# Generic/ Page level  #*/
/* {margin:0;padding:0;} 
red color: #CF2027
*/

/* 11/19/20 sclark - Commented out width on .editingFormControlNestedControl*/

/* html{
  height:100%;
}
 body{
  font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;  
  margin:0px;
  height:100%;
  padding:0;
  min-width:200px;  
  color:#4d4d4f;
}*/
.main{
  width:100%;
  text-align:left;
  overflow:auto;
  padding-bottom: 250px;  
}

@media print {
 #MainCMSMenuItem, .footer, .navMobile, .topNav, .mainNavSearch, .subPageBanner, .RadSearchBox { 
    visibility: hidden !important;
    display: none !important;
 }
}

	/*CSS FOR CALENDAR EXTENDERS*/
	.cal .ajax__calendar_container {border: 1px solid #646464;background-color: #ffffff;color: #000000;margin:0;}
	.cal .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Images/leftArrowImage.png");}
	.cal .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Images/rightArrowImage.png");} 

	.cal .ajax__calendar_body {height:139px;width:190px;position:relative;overflow:hidden;margin:auto;}
	.cal .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
	.cal .ajax__calendar_container TABLE {font-size:11px;}
	.cal .ajax__calendar_header {height:20px;width:100%;text-align:center;}
/*.cal .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.cal .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);} 
*/
	.cal .ajax__calendar_title {cursor:pointer;text-align:center;font-weight:bold;}
	.cal .ajax__calendar_footer {height:17px; text-align:center;font-weight:700;}
	.cal .ajax__calendar_today {cursor:pointer;padding-top:3px;}
	.cal .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
	.cal .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
	.cal .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
	.cal .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
	
	.cal .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
	.cal .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
	.cal .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
	.cal .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
	.cal .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
	.cal .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
	
	.cal .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
	.cal .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
	.cal .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
	
	.cal .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
	.cal .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
	
	.cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
	.cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
	.cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
	
	.cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
	.cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/*CSS FOR ADA SKIP LINK*/

.AdaScreenreader {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 1px;
    height: 1px;
    text-align: left;
    overflow: hidden;
}

.AdaScreenreader:focus {
    position: absolute;
    left: 2em;
    top: 2em;
    width: auto;
    height: 35px;
    overflow: visible;
    background-color: lightgray;
    border: 1px dotted #000;
}





.page404 img{
  width:70%;
  max-width:800px;
  }
.zoneContent, .zoneContentUtility {
  width:100%;
  background-color:#F5F5F5;
  /*min-height:200px;*/
  height: auto !important;
  margin: 0 auto 0px;
  min-height: 100%;
  text-align:center;
  vertical-align:middle;
}

.zoneContentUtilityTest {
  width:100%;
  background-color:Black;
  /*min-height:200px;*/
  height: auto !important;
  margin: 0 auto 0px;
  min-height: 100%;
  text-align:center;
  vertical-align:middle;
}

.zoneContent{
  /*padding: 0px 10px 10px 10px;*/
}

@media only screen and (max-width: 1024px) {
  .zoneNoBannerHead{
    padding-top:0px;
    /*margin-top:60px; - commented out b/c of weird spacing 11/14/17 sjohns*/
  }
  /*.subPageBanner{
    margin-top:60px;
  }*/
}
@media only screen and (min-width: 1024px) {
  .zoneNoBannerHead{
    padding-top:131px;
  }
}
.formValidateText{
  color:red;
  }

.fullContentBlock {
  /* Used in all layouts around all zones */
  padding:10px 4% 10px 4%;
  text-align:left;
  display:inline-block;
  width:92%;
  margin:auto;
}

.fullContentBlockToolMD {
  /* Used in all layouts around all zones */
  padding:10px 4% 10px 4%;
  text-align:left;
  display:inline-block;
  width:92%;
  margin:auto;
  height:900px;
}

.fullContentBlockNoMargin{
  padding:0px 0% 0px 0%;
  text-align:left;
  display:inline-block;
  margin:auto;
  width:100%;
  }

.multiColumnContentBlockTransparent{
  /* Used in layouts around multi zones to add the color */
  width:100%;
  display:inline-block;  
}

.multiColumnContentBlockLight{
  /* Used in layouts around multi zones to add the color */
  background-color:#FFF;
  width:100%;
  display:inline-block;  
}
.homePageMultiColumnContentBlock, .homePageFeatureBlock {
  max-width:1400px;
  margin:auto;
  }
.homePageFeatureBlock {
  padding:0px 2% 0px 2%;
}

@media only screen and (min-width: 1100px) {
.homePageFeatureBlock {
  max-height:200px;
  }
}
@media only screen and (min-width:750px) and (max-width: 1100px) {
.homePageFeatureBlock {
  max-height:250px;
  }
}
@media only screen and (max-width: 750px) {
.homePageFeatureBlock {
  max-height:300px;
  }
}

.multiColumnContentBlockMedium{
  /* Used in layouts around multi zones to add the color */  
  background-color:#e0e0e0; 
  width:100%;
  display:inline-block;  
}

@media only screen and (max-width: 600px) {
  .smallPadding{
    padding:5px;
  }    
  .smallTopPadding{
    padding-top:5px;
    }
}
@media only screen and (min-width: 600px) {
  .smallPadding{
    padding:10px;
  }
  .smallTopPadding{
    padding-top:10px;
    }
}

@media only screen and (max-width: 1000px) {
  .zoneContentUtility {
    padding-top:0px;
  }
}
@media only screen and (min-width: 1000px) {
    .zoneContentUtility {
    padding-top:10px;
  }
}

.webPartContainer, .webPartContainerLight, webPartContainerMedium {
  width:100%;
  /*padding:10px;
  margin:2%;*/
  display:inline-block;  
}

.webPartContainerLight {
  background-color:#FFF;
}
.webPartBorder{
    box-shadow: 0px 2px 4px #c0c0c0;
  }

.webPartContainerMedium {
  background-color:#C0C0C0 !important;
}

.webPartContainerDark {
  background-color:#000000;
}

.fullWhiteBox, .subpageEditWhiteBox4, .subpageEditWhiteBox3, .subpageEditWhiteBox2{
  padding:0px 0px 0px 0px;
  text-align:center;
  display:inline-block;
  width:100%;
  margin:0px;
  min-height:400px;
}

.fullWhiteBox::after, .subpageEditWhiteBox4::after, .subpageEditWhiteBox3::after, .subpageEditWhiteBox2::after{
  text-align:center !important;
  width:100% !important;
}

.fullWhiteBox>p, .subpageEditWhiteBox4>p, .subpageEditWhiteBox3>p, .subpageEditWhiteBox2>p{
  width:90%;
  background-color:#FFF;
  min-height:300px;
  margin:auto;
  text-align:center;
}
.fullWhiteBox img, .subpageEditWhiteBox4 img, .subpageEditWhiteBox3 img, .subpageEditWhiteBox2 img{
  width:100%;
  background-color:#FFF;
}

.twoColumn, .col2, .subpageEditWhiteBox2, .col2NotResponsive{
  float:left;
  display:inline-block;
  width:50%;
}
.threeColumn, .col3, .subpageEditWhiteBox3, .thirdOfPage, .col3NotResponsive{
  float:left;
  display:inline-block;
  width:33%;
}

 

.fourColumn, .col4, .subpageEditWhiteBox4, .col4NotResponsive{
  float:left;
  display:inline-block;
  width:25%;
}
.col5 {
  float:left;
  display:inline-block;
  width:20%;	
}
.col6 {
  float:left;
  display:inline-block;
  width:16%;
}
.col6Stacked{
  float:left;
  display:inline-block;
  width:16%;
}

.col7 {
  float:left;
  display:inline-block;
  width:13%;
}

.col8 {
  float:left;
  display:inline-block;
  width:10%;
}

.twoThirdsOfPage{
  float:left;
  display:inline-block;
  width:66%;
 /* margin-left:1%; */
}
 .threeQuartersOfPageNotResponsive{
  float:left;
  display:inline-block;
  width:74%;
  margin-right:1%;
  }
.threeQuartersOfPage{
  float:left;
  display:inline-block;
  width:73%;
  margin-left:1%;
}
.mobile2of3{
  float:left;
  display:inline-block;
  width:66%;
  margin-left:1%;
}
.mobile1of3{
  float:left;
  display:inline-block;
  width:33%;
}
.mobileCol2{
  float:left;
  display:inline-block;
  width:50%;
}
.mobileCol3{
  float:left;
  display:inline-block;
  width:33%;  
}
.mobileCol4{
  float:left;
  display:inline-block;
  width:25%;
}
.mobileCol3of4{
  float:left;
  display:inline-block;
  width:75%;
}

.fullPage{
  width:100%;
  float:left;
  display:inline-block;
}
@media screen and (max-width: 600px) {
  .twoColumn, .col2, .subpageEditWhiteBox2, .threeColumn, .col3, .subpageEditWhiteBox3, .twoThirdsOfPage, .thirdOfPage, 
  .fourColumn, .col4, .col5, .subpageEditWhiteBox4, .threeQuartersOfPage, .col6Stacked
  {
    width:100%;
  } 
  .col6, .col7 {
    width:50%;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  /* For tablets: */
  .twoColumn, .col2, .subpageEditWhiteBox2, 
  .threeColumn, .col3, .subpageEditWhiteBox3,
  .fourColumn, .col4, .col5, .col6, .subpageEditWhiteBox4{
    width:50%;
  }
  .twoThirdsOfPage, .thirdOfPage, .threeQuartersOfPage, .col6Stacked 
  {
    width:100%;
  }
  .col7 {
    width:25%;
  }
  
}
/*# Generic/ Text styles  #*/

.main a:hover {
 /* border-bottom:1px solid #C0C0C0;
  text-decoration: underline;*/
}
.main a:hover img {
  border-bottom:0px ;
}
.noLineLink{
  border-bottom:none !important;
  text-decoration: none !important;
  color:#4d4d4f;
}
.prodFamImageLink{
  border-bottom:none !important;
  }
/*a:link, a:visited {
  text-decoration:none;
  color:#4d4d4f;
  text-decoration: underline;
}*/
.bigDropdown select{
  font-size:20pt;  
}
.WatermarkText{
  color:#c0c0c0;
  }
.footerText{
    color:#4d4d4f;
    font-style:italic;
  font-size:small;
}
.EditingFormControlNestedControl input, .EditingFormControlNestedControl select
{
  /*width:95%;*/
  font-size:14pt;
  }
.EditingFormControlNestedControl select{
  height:25px;
  }

.pageHead {
  font-size:x-large;
  font-weight:bold;
  text-align:center;
  color:#CF2027; /* red */
}
.subHead {
  font-size:large;
  color:#CF2027;
  text-align: left;
}

subHead a:link, subHead a:visited {
  color:#CF2027;
}

.highlightText {
  color: #CF2027;
}

.textSeeMore{
  font-weight:bold;
  color:#CF2027;
  display:inline;
}
.waterMarkText{
  color: Gray;
}

.colorLinks {
  font-weight:bold;
  text-decoration: none;
  color:#CF2027;
}

.lightLinks {
  font-weight:bold;
  text-decoration: none;
  color:#FFF;
}

.center{
  width:100%;
  text-align:center;
}
.left{
  text-align:left;
}
.right{
  text-align:right;
}
.bold{
  font-weight:600;
}
.mediumAccentBackground {
  background-color:#C0C0C0;
}
.floatRight{
  float:right;
}
.floatLeft{
  float:left;
}

.fullPageLeft{
  width:100%;
  text-align:left;
  position:relative;
}

.submitButton {
  background:#CF2027;
  color:#FFFFFF;
  font-size:9pt;
  font-weight:bold;
  -webkit-appearance: none;
}
a.submitButton {
    padding: 2px 6px;
    border: 2px outset black;
    text-decoration: none;
}

.submitButtonBig{
    background:#CF2027;
    color:#FFFFFF;
    font-size:12pt;
    font-weight:bold;
    -webkit-appearance: none;
    padding:10px 15px 10px 15px;
  }
/*.container{
  max-width:1200px;
  width:100%;
  padding:0px;
  margin:0px;
}*/

/*input{
font-size:x-large;
}

.EditingFormLabel, select
{
font-size:x-large;
}*/

/*# Generic/ Modal popup #*/
.ModalWindow{
  background-color:white;
  width:100%;
  height:auto;
  max-width:800px;
  text-align:center;
  vertical-align:middle;
}
.modalBackground 
{ 
  background-color:gray;
  filter:alpha(opacity=90); 
  opacity:0.9; 
}

/* # Generic/ Collapsable Panel - No Flash #*/
    .panelNoFlash{
        height:0px;
        overflow: hidden;
    }

/*# Generic/ Tab style  #*/
.MyTabStyle .ajax__tab_header
{
  /*font-family: "Helvetica Neue" , Arial, Sans-Serif;*/
  font-size: 14px;
  font-weight:bold;
  display: block;  
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
  border-color: #F5F5F5;
  color: #FFF;
  height:40px;
  border-top:solid 1px #F5F5F5;
  background-color:#F5F5F5;
  width: 33%;
  margin-right:0px;  
  padding-top:10px;
  
}
.MyTabStyle a, .MyTabStyle a:link, .MyTabStyle a:visited, .MyTabStyle a:active
{
  outline:none;
  text-decoration: none;
  color:#4d4d4f;
  border-bottom:none !important;
/*  padding-right:60px; */
  
}

.ajax__tab_default .ajax__tab_tab {
    text-align: left!important;  
    overflow: hidden;   
    display: -moz-inline-box;
    display: inline-block; 
    width: 90%;
    height:90%;
} 
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
  border-color: #F5F5F5;
  padding: 3px 10px 2px 10px;
  color:#4d4d4f;
  width:100%; 
  height:95%; 
}

.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
  /* on hover */
  border-top:solid 1px #CF2027;
  border-bottom-color: #CF2027; 
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{  
  color: #000;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
  /* active*/
  border-bottom-color: #ffffff;
  background-color: #ffffff;

}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
  color: #000;
  border-color: #333; 
}
.MyTabStyle .ajax__tab_body
{
  /* font-family: verdana,tahoma,helvetica;*/
  font-size: 10pt;
  background-color: #fff;
  border-top-width: 0;
  /*border: solid 1px #d7d7d7;*/
  border-top-color: #ffffff;
}

/*# Master Page/Top Navigation/Sections #*/
.topNav{
  /*max-width:1200px;*/
  background:#E5E5E5;
  width:100%;
  padding:4px 0px 0px 0px;
}
.topNavSmall{
  float:left;
  font-size:12pt;
  color:#4d4d4f;
  position:relative;
  z-index:1000;
  padding-top: 4px;
}
/* .topNavLarge, .topNavGlobal{
  float:left;
  color:#FFFFFF;
  font-size:9pt;
}*/
 .topNavGlobal{
  float:left;
  color:#4D4D4F;
  font-size:12pt;
  padding-top: 2px;
}
.topNavPadding{
/*   margin-top:5px;
 width:66%; */
  float:left;
  
}
.topNavUtilities{
  width:25%;
  float:left;
}
.topNavLink{
/*  width:33%; */
  float:right;
  margin-left:20px;
  margin-top: 5px;
}

.topNavLink a{
  text-decoration: none;
  color:#4D4D4F;
  font-size:12pt !important;
}

.topNavImageBox a{
  text-decoration: none;
  color:#4D4D4F;
  font-size:12pt !important;
}
.topNavImageText {
  padding-top:8px;
  padding-left:3px;
  float:left;
  padding-bottom: 8px;
  }


/*# Master Page/Top Navigation/Utilities */

.utilityStyle{
  padding-left:15px;
  padding-top:2px;
  }


/*# Master Page/Top Navigation */
/*# Master Page/Top Navigation/Login User #*/
.currentUserBox{
  float:right;
  /*min-height:30px;*/
  vertical-algin:middle;
  padding-top:6px;
  /*padding-right:10px;*/
}

.toolMDLogin {
    display: block;
    color: #4d4d4f;
    text-decoration: none;
    font-weight: 700;
    font-size: 12pt;
    line-height: 25px;
    padding: 0 15px;
    padding-top: 5px;
}
.logInOutBox {
    color: #FFFFFF;
    padding-top: 5px;
    float: right;
    /*padding-left: 10px;*/
    cursor: pointer !important;
  padding-top:6px;
    padding-right: 15px;
}
.logInOutBox a{
  color:#4D4D4F !important;
  text-decoration:none;
}

.logonRememberMe{
  padding:20px 0px 20px 0px;
  }
.loginTextBox{
  font-size:16pt;
  }
.loginButton{
    background:#CF2027;
  color:#FFFFFF;
  font-size:16pt;
  font-weight:bold;
  -webkit-appearance: none;
}
.signoutLink a{
  text-decoration:none;
  }
.logInText{
  font-size:9pt !important;
  color:#FFFFFF !important;
}
.logInPopupText{
  font-size:9pt !important;
  color:#000 !important;
}
.loginPopupBox{
  background-color:#FFFFFF;
  width:100%;
}
.masterPageCart img{
  padding-top:5px;
  width:20px;
  float:left;
}
.masterPageCart {
  padding:2px 30px 2px 8px;
  vertical-align:top;
}
.masterPageText{
  padding-left:5px;
  padding-top:5px;
  float:left;
}
.masterPageCart a{
  color:#4D4D4F !important;
}
.globalLocation{
  height:30px;
  
}
.globalText{
  padding-top:4px;
  float:left;
}

.globalText a:link, .globalText a:visited {
  color:#FFFFFF;
  text-decoration:none;  
}

.globalLocation img{
  margin-left:15px;
  width:20px;
  padding:8px 7px 0px 0px !important;
  float:left;
}

@media screen and (max-width: 1024px) {
  /* FIX HEADER 070717
  .globalLocation{
    visibility: hidden;
    display:none;
  }*/
  
  /*.globalText{
  display:none;
  visibility:hidden;
}*/
  
   /* FIX HEADER 070717
  .globalLocation img{
    margin-left:0%;
    width:20px;
    padding:3px 7px 0px 0px !important;
    float:left;
  }
  
  .signoutButton{
    height:40px;
  }
  .currentUserBox{
    
  }
  .topNav{
    min-height:80px;
  }*/
  .topNavLarge{
    width:50%;
  }
  
}
@media screen and (min-width: 1024px) {
  /* FIX HEADER 070717
  .globalLocation{
    visibility: initial;
    display:initial;
  }*/
  /*.globalText{
  display:initial;
  visibility:initial;
}*/
  .globalLocationText{
    margin-top:0px;
  }
   /* FIX HEADER 070717
  .signoutButton{
    height:20px;
    padding:5px 5px 5px 5px;
  }
  .currentUserBox{
    
  } 
  .topNav{
    min-height:36px;
  }*/
}

/*# Master Page/Top Navigation/language selector #*/
#language_drop_down
{
  margin-top:0px;
  z-index:10000;
}
#language_drop_down ul
{
  list-style:none;
  position:relative;
  float:left;
  margin:0;
  padding:6px 0 0 0;
}
#language_drop_down ul a
{
  display:block;
  color:#4D4D4F;
  text-decoration:none;
  font-weight:700;
  font-size:12pt;
  line-height:25px;
  padding:0 15px;
}
#language_drop_down ul li
{
  position:relative;
  float:left;
  margin:0;
  padding:0
}
#language_drop_down ul li ul li:hover a
{
  color:#CF2027 !important;
  /*background:#FFF;*/
}
#language_drop_down ul ul
{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#E5E5E5;
  padding:0;
  z-index:20000; 
}
#language_drop_down ul ul li
{
  float:none;
  width:160px;
  z-index:10000; 
}
#language_drop_down ul ul a
{
  line-height:120%;
  padding:10px 15px
}
#language_drop_down ul li:hover > ul
{
  display:block
}

/*# Master Page/Footer #*/
.footer{
  text-align:left;
  /* max-width:1200px;*/
  background:#313131;
  color:silver;
  font-size:9pt;
  position: relative;
  margin-top: -250px; /* negative value of footer height */
  min-height: 390px;
  height:auto;
  clear:both;
}

.wrap{
  min-height: 100%;
}
/*# Master Page/Footer/Sitemap #*/
.sitemapContainer ul li{
  font-weight:bold;
  }
.sitemapContainer ul li ul li  { 
    color:#cf2027;
    font-weight:normal;
    list-style-type: square; 
    font-color:#cf2027;
}

.sitemapContainer ul li ul li ul li { 
  list-style-type: circle; 
   font-weight:normal;
  color:#4d4d4f;
}

.sitemapContainer ul li ul li ul li ul li { 
  list-style-type: square; 
  
}

.sitemapContainer ul li ul li ul li ul li ul li { 
  list-style-type: circle; 
  
}


/*.CMSSiteMapListItem ul li{ 
  list-style-type: square; 
 font-weight:regular;
}


.CMSSiteMapListItem  ul li ul li   { 
  list-style-type: circle; 
  font-weight:normal;
}

.CMSSiteMapListItem > ul li ul li ul li { 
  list-style-type: square; 
   font-weight:normal;
}

.CMSSiteMapListItem > ul li ul li ul li ul li { 
  list-style-type: circle; 
  
}
.CMSSiteMapListItem > ol.a { 
  list-style-type: circle; 
 
}

*/



/*# Master Page/Footer/Sub Elements #*/
.footerLinkSocial{
  float:left;
  width:66%;
  background:inherit;
  height:auto;
  padding: 10px 0px 0px 0px;
  
}
.footerLinkSocial col4{
  margin-left:2%;
  padding-left:10px;
}
.footerLinkSocial img{
  width:25px;
}
.footerSectionLogo{
  float:left;
  width:32%;
  padding:0px 0px 0px 0px;
  background:inherit;
  height:auto;
}

.footerSectionLinkHeader{
  font-weight:bold;
  font-size:larger;
  color:#FFF;
}
/*
.footerSectionLinks{
float:left;
width:24%;
padding:5px 0px 5px 5px;
}
*/
.footerSectionSocial{
  float:left;
  padding:5px 0px 5px 5px;
  width:100%;
}

.footerSectionLogo img{
  width:80%;
  max-width:350px;
}

.footer ul{
  list-style-type: none;
  padding:0px;
}
.footer li{
  padding:5px 0px 2px 0px;
  margin:0px;
}
.footer a{
  color:white;
}
.subscribeTextBox{
  width:90%;
  float:left;
}
.footer input[type="text"] {
  font-size: large;
  width:94% !important;
}
.subscribeButton{
  width:10%;
  float:left;
}

/*# Master Page/Footer/Responsive #*/

@media only screen and (max-width: 888px) {
  .footer
  {
    width:100%;     
  }    
}

 @media only screen and (min-width: 888px)  and (max-width: 1024px) {
    .footer {
        width: 100%;
        /*min-height:570px;*/
        min-height: 615px;
    }    
}


@media only screen and (max-width: 888px) {
  .footerSectionLogo, .footerLinkSocial
  {
	min-height:380px;
   width:98%;
   padding-left:2%
  }    
}

@media only screen and (min-width: 888px)  and (max-width: 1008px) {
  .footerSectionLogo{
  /*  width:34%; */
   min-height:441px; 
  }
  .footerLinkSocial{
   /* width:62%;*/
    padding-left:2%; 
    min-height:380px;
      
  }
}

@media only screen and (min-width: 1008px) and (max-width: 1024px){
  .footerSectionLogo{
    width:36%;
    min-height:380px; 
  }

    .footer {
        /*min-height:441px !important;*/
        min-height: 1001px !important;
    }
}

@media only screen and (min-width: 1008px) {

  .footerLinkSocial{
    width:64%;
    padding-left:2%;
    min-height:380px;
  }
}

/*# Career Page #*/
.careerCol2Right {
    float: left;
    display: inline-block;
    width: 50%;
}

    .careerCol2Right img {
        width: 750px;
        height: 354px;
    }

@media screen and (max-width: 740px) {
    .careerCol2Right {
        width: 100%;
    }

        .careerCol2Right img {
            width: 550px;
            height: 300px;
        }
}

@media screen and (max-width: 400px) {
    .careerCol2Right img {
        width: 370px;
        height: 200px;
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {


    .careerCol2Right img {
        width: 370px;
        height: 200px;
    }
}

@media screen and (min-width: 500px) and (max-width: 640px) {


    .careerCol2Right img {
        width: 480px;
        height: 230px;
    }
}

@media screen and (min-width: 640px) and (max-width: 740px) {


    .careerCol2Right img {
        width: 600px;
        height: 280px;
    }
}


@media only screen and (min-width: 740px) and (max-width: 1024px) {
    .careerCol2Right {
        width: 50%;
    }

        .careerCol2Right img {
            width: 350px;
            height: 220px;
        }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .careerCol2Right img {
        width: 520px;
        height: 360px;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1400px) {
    .careerCol2Right img {
        width: 550px;
        height: 380px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .careerCol2Right img {
        width: 550px;
        height: 380px;
    }
}

/*# Home Page/Quick Links # */
.qlHeader{
  width:100%;
  border-bottom: 1px solid #808080;
  text-align:center;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight:bold;
  color: #808080
}
/*
@media only screen and (max-width: 900px) {
.quickLinkSection{
        height:0px;
    margin-top:0px;
    display:none !important;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .quickLink{
    width:50%;
  }  
   .quickLinkSection{
        height:auto;
    }
}

@media only screen and (m-width: 601px) {
.quickLink{
width:33%;
}  
}*/

.s img{
  width:100%;
}

.quickLink
{
  float:left;
  text-align:center;
  padding-top: 0px;
  padding-bottom: 10px;
  min-width:33%;
}
.qlIcon{
  float:left;
  width:34%;
}
.qlIcon img{
  max-width:100px;
}
.qlAllDetails{
  float:left;
  width:66%;
  
}
.qlTitle
{
  text-align:left;
  font-size:16pt;
  padding-left:10px;
  padding-top:10px;
}
.qlDetails
{
  padding-top:5px;
  text-align:left;
  font-size:small;
  padding-left:10px;
  max-width:200px;
}
.qlTitle>a, .qlTitle>a:visited {
  color:#808080;
}

/*# Home Page/Quick Links/DropDown # */
.quickLinkDropDownItem{
  width:115px;
  text-align:center;
  padding: 1px;
}
.quickLinkDropDownItem:hover{
  padding: 0px;
  border: 1px solid #C0C0C0;
}
.quickLinkDropDownItemRoot{
  width:40px;
  background-color: transparent;
  color:#FFFFFF;
  text-align: right;
  z-index:1000 !important;
}
.quickLinkDropDownItemImage{
  width:100%;
  text-align:center;
}
.quickLinkDropDownItemImage img{
  width:50%;
  padding:auto;
  
}
.quickLinkDropDownItemText {
  width:100%;
  text-align:center;
  font-size:9pt;
}
.quickLinkDropDownItemRootImage img{
  width:20px;  
}

.quickLinkMenuButton{
  text-align:right;
  padding:27px 30px 25px 20px;
  float:right;
}

.alliedSearch{
  text-align:right;
  padding: 0px 0px 0px 0px;
}

/*# Master Page/Main Big Nav Bar #*/
.mainNav{
  width:100%;
  background:#FFF;
  color:#C0C0C0;
  text-align:left;
  border-bottom:solid 3px silver;
}
.mainNavLogo{
  text-align:center;
  padding-left:0px !important;
  max-height:95px;
  position: relative;
  top:15px !important;
  float:left;
}

@media only screen and (min-width: 1024px) and (max-width: 1310px){
 .mainNavLogo{
    max-width:220px;
    }
#MainCMSMenuItem {
    left: 220px;
    }
   .mainNavLogo img {
      max-width:220px;
    }
  #MainCMSMenuItem li{
    padding-left:15px  !important;
    padding-right:12px !important;
    }
}
/* @media only screen and (min-width: 1200px) {
 
.mainNavLogo{
    max-width:260px;
    }
  #MainCMSMenuItem {
    left: 240px;
    }
  .mainNavLogo img {
      max-width:240px;
    }
   
} */
/*
.mainNavLogo:hover{
background-image: url('image.jpg') !important;
background-size:initial !important;
text-decoration:none;
heigh: initial !important;
max-height:95px !important;
vertical-align:middle !important;
padding-top:initial !important;
top:4px !important;
margin-top:11px !important;
}*/

.burgerNavLogo img {
  width:100%;
  /*max-width:287px;*/
  max-width:260px;
  max-height:59px;
  margin-left:0px;
}
.mainNavLogo img {
  width:100%;
  /*max-width:287px;*/
  max-width:260px;
  max-height:59px;
  margin-left:15px;
}
.toggleMenu {
  display: none;
  background: #000;
  /*padding: 10px 15px;*/
  color: #fff !important;
  z-index:300;
  width:100%;
  text-align:left;
}
.toggleMenu img{
  width:40px;
}

/*# Master Page/Main Big Nav Bar/Search #*/
.mainNavSearch{
  float:right;
  width:10%;
  vertical-align:middle;
  background:inherit;
  text-align:center;
  padding-top:32px;
}
.mainNavSearchBox {
  display: none;
}
.alliedSearch img{
  width:22px;
}

.alliedSearchOuterBoxLeft{
  position: fixed;
  left:0px;
  top:50px;
  height:87px;
  background-color:#000;
  z-index:1 ; 
  text-align:right;
  opacity: 0.8;
  filter: alpha(opacity=80);
  }
.alliedSearchOuterBox{
  position: fixed;
  top:50px;
  height:87px;
  background-color:#333333;
  z-index:1 ; 
  text-align:right;
 /* opacity: 0.8;
  filter: alpha(opacity=80);*/
  }

@media only screen and (min-width: 1024px) and (max-width: 1170px){
  .alliedSearchOuterBox{
    width:50%;
    left:50%;
  }
  .alliedSearchOuterBoxLeft{
    width:50%;
    }
}
@media only screen and (min-width: 1170px) and (max-width: 1350px){
  .alliedSearchOuterBox{
    width:40%;
    left:60%;
  }
  .alliedSearchOuterBoxLeft{
    width:60%;
    }
}
@media only screen and (min-width: 1350px){
  .alliedSearchOuterBox{
    width:35%;
    left:65%;
  }
  .alliedSearchOuterBoxLeft{
    width:65%;
    }
}


.alliedSmartSearchInnerBox{
  padding-right:10px;
  margin-top:25px;
  float:right;
  opacity: 1 !important; 

  }
.alliedCloseSearchBox{
  width:95px;
  float:right;
  }

#btnAlliedClosePopupSearch {
  display:none;
  padding-top:4px;
  padding-left:10px;
  color:#FFF;
  float:left;
  }
.alliedSmartSearchInnerBox input{
  font-size:20pt;
  }

/*# Master Page/Main Big Nav Bar/Search Results Page #*/
.searchResultsPageHeader {
  font-weight:bold;
  font-size:30px;
  padding-bottom:40px;
  }


.searchResultsOuter {
  width:100%;
  margin-bottom: 30px;
  }

.searchResultsTitle {
  font-weight: bold; 
  margin-top: 5px;
  }

.searchResultsContent {
  margin-top: 5px; 
  width: 90%
  }

/*# Master Page/Main Big Nav Bar/Burger/Search #*/
.RadSearchBox .rsbInput{
    margin: 1px 3px;
    padding: 0;
    border: 0;
    color: inherit;
    background-color: #fff;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: 185px!important;
    height: 20px!important;
    font-size: 1em;
   
}
  .rsbInputLarge .rsbInner>.rsbInput{
  height: 32px !important;
  font-size:16pt !important;
  }
.rsbInputLarge .rsbButtonSearch .rsbIcon {
    background-size: 16px !important;
    background-position: 0px 2px !important;
    background-image:url('/AlliedMachine/media/AlliedMasterPageImages/Master%20Page/Menu-Search-Icon.png?ext=.png') !important;
}

.rsbInputLarge .RadSearchBox .rsbButtonSearch{
  width:32px !important;
  height: 38px !important;
  }

.rsbInputLarge .RadSearchBox .rsbButton .rsbIcon{
  height:32px !important;
  }


@media screen and (max-width: 375px){
.RadSearchBox .rsbInput {
  font-size:22px !important;
  }
  .rsbInputLarge .RadSearchBox{
    width:210px !important;
  }
  .rsbInputLarge .rsbInner>.rsbInput{
    width: 154px!important;
  }
 }

@media screen and (min-width: 375px) and (max-width: 1024px){
.RadSearchBox .rsbInput {
  font-size:22px !important;
  }
  .rsbInputLarge .RadSearchBox{
    width:270px !important;
  }
  .rsbInputLarge .rsbInner>.rsbInput{
    width: 214px!important;
  }
 }
@media screen and (min-width: 1024px) {
  .rsbInputLarge .RadSearchBox{
    width:330px !important;
  }
  .rsbInputLarge .rsbInner>.rsbInput{
    width: 274px!important;
  }
}


/*# Master Page/Main Big Nav Bar/Burger #*/
.tburgerMenu{
 /* width:60px;
  margin:5px;
  border-right: solid 1px #828282;*/
  float:left;
}
.rnvSlide {
  left:0px !important;
  width:100%;
}


@media screen and (max-width: 1024px) {
  /* ~~~~~~~~~~~~~START OF SMALL SCREEN MENU~~~~~~~~~~~~~~~~  */
  .mainNav{
    height:auto;
    margin-top:0px;
    display:none !important;
  }
  .topNav{
    display:none !important;
  }
  .navMobile{
    display:inline;
    text-align:left;
    background-color:#FFFFFF;
  }
  .burgerNavLogo{
    padding:13px 0px 10px 10px;
    width:150px;
  }
  /* FIX HEADER 070717
  .logInOutBox, .currentUserBox{
    display:none !important;
  }
  */  
  .mobileLoginBox{
    float:left;
    padding-left:10px;
    text-algin:center;
  }
  .mobileCurrentUser{
    font-style:italic;
  }
  /* FIX HEADER 070717
  .mainNavLogo{
    height:0px;
    width:0px;      
    display: none !important;
  }  
  
  .topNavSmall, .topNavLarge{
    width:100%;
    background-color:#C0C0C0;
  }
  
  .navSubText {
    height:0px;
    vsibility: hidden;
    display: none !important;
  }
  
  .nonBulletMenuItem, .bulletMenuItem {
    padding:0px;
  }*/
 /* .subPageBanner{
    margin-top:auto;
    display: none !important;
  }*/
  
} /* ~~~~~~~~~~~~~END OF SMALL SCREEN MENU~~~~~~~~~~~~~~~~  */

@media screen and (max-width: 320px) {
  .burgerNavLogo{
    margin-top:10px !important;
    padding-top:7px;
    width:110px;
  }
}


/*# Master Page/Main Big Nav Bar/Navigation Bar #*/
/* ~~~~~~~~~~~~~START OF BIG SCREEN MENU~~~~~~~~~~~~~~~~  */
@media screen and (min-width: 1024px) {
  .mainNav{
    height:84px;
    /* display:inline !important;  Changed 071017 */
     display:block !important;  
    
  }
  /*burger menu (telerik) */
  .navMobile{
    display:none !important;
  }
  .topNav{
    min-height:46px;
    display:block !important; /* FIX HEADER 070717 */
  }
  .topNavSmall{
    width:50%;
  }
  .topNavGlobal{
    width:50%;
    text-align:left;
  }
  .topNavLarge{
    width:32%;
  }
  .subPageBanner{
    margin-top:131px;
  }

  .fixedHeader{
    position:fixed;
    width:100%;
    z-index:1000;
  }

  .topNavImageBox{
   /* border-color: white;
    border-style: solid;
    border-width: 1px;
    padding-right:20px;
    padding-bottom:1px;*/
    padding-top:1px;  
    float: right;
    margin-left: 20px;
    }
  
  .topNavImage img{
    height:25px;
    width:10px;
    padding-top:8px;
    }
  #MainCMSMenuItem {
    list-style-type: none;
    position: absolute;
    top: 30px;
    width:80%;
  }
  #MainCMSMenuItem li {
    float:left;
    text-align:center;
    position:relative;
    padding: 5px 20px 4px 20px;
    margin-right:0px;
    margin-top:10px;
    border:none;
    height:41px;
    top:20px;
    list-style-position: outside;
    overflow: hidden;
  }
  
  #MainCMSMenuItem li:hover {
    background-image: url("/AlliedMachine/media/AlliedMasterPageImages/Master%20Page/Website-Menu-Bar-Triangle.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center; 
    color:#C0C0C0;
    text-decoration:none;
    height:122px;
    vertical-align:top;
    padding-top:40px;
    top:-15px;
  }
  #MainCMSMenuItem li a {
    background-color:#FFFF;
    color:#4D4D4F;
    text-decoration:none;
    vertical-align:top;
    
  }
  #MainCMSMenuItem li:hover a {
    text-decoration:none;
  }
  .mainNavLogo{
    height:auto;
    width:auto;
  }  
  
  /*# Master Page/Main Big Bar/Sub CMS Menu #*/
  #MainCMSMenuItem li .SubCMSMenu { /* to hide full submenu until hover  */
    /* FIX HEADER 070717*/
    overflow:hidden;
    position:absolute;
    left:-999em;
    visibility:hidden;
    transition: none !important;
    /*overflow: hidden;
    position: absolute;
    left: -999em;
    visibility: hidden;
    transition: height 0.5s ease-in-out 0.2s, visibility 0.5s ease-in-out 0.2s;
    margin-top: 114px;
    padding: 0 1000em;
    margin: 0 -1000em;
    top: 0%;
    z-index: 101;
    width: 100%;
    color: #000;
    background: silver;
    margin-top: 114px;*/
  }
  
  #MainCMSMenuItem li:hover .SubCMSMenu /* full sub item list on hover  */
  {
    visibility:visible;
    position:fixed;
    left:0px;
    top:0%;
    padding: 0 1000em; /* trick from css-tricks comments */
    margin: 0 -1000em; /* trick from css-tricks comments */
    z-index: 101;
    height:422px;
    width:100%;
    color:#000;
    background:#C0C0C0;
    margin-top:133px;
    text-align:center;
  }
  
  /*# Master Page/Main Big Bar/Sub CMS Menu/sub items With images #*/
  #MainCMSMenuItem li:hover div a{ /*subitem  */
        COLOR: black;
        BACKGROUND-COLOR: #FFFFFF;
        float:left;
        width:30%;
        text-align:center;
        max-height:145px;    
        left:20px;
        border:3px solid #C0C0C0 !important;
    }
 
  /* when subitem is hovered over*/
  #MainCMSMenuItem li:hover div .nonBulletMenuItem:hover  { 
    CURSOR: hand;
    COLOR: black;
    BACKGROUND-COLOR: #FFFFFF;
    /*box-shadow: 5px 5px 5px #888888;*/
    margin: 10px 15px 14px 20px;
    border:3px solid #CF2027 !important;
  }
    
  .SubCMSMenu img {
    max-width:200px;
  }
  .nonBulletMenuItemImgContainer {
    max-height:145px;
    overflow:hidden;
    position: relative;
    width:50%;
    float:left;
    text-align:left;
    left:0px;
  }
  .nonBulletMenuItem>.navText{
    width:50%;
    float:left;
    vertical-align:middle;
  }
  .SubCMSMenu p {
    padding-left:5%;
    font-weight:bold;
    /* CHANGE margin-bottom when dealing with space between page name and subtext */
    /*margin-bottom:5px;*/
    text-align:left;
  }
  .navSubText{
    padding-left:5%;
    padding-right:5%;
    margin-top:0px !important;
    text-align:left;
    font-size:small;
    height:auto;
  }
  
  /*# Master Page/Main Big Bar/Sub CMS Menu/sub items wo images #*/
  /* no images menu list itmes */
  .bulletMenuItem{
    height:45px !important;
    /*min-width:150px;*/
    width:auto !important;
    background-color:transparent!important; 
    margin: 0px !important;
    padding:0px 10px 0px 10px;    
  }
  
  .bulletMenuItem img{
    width:30px;
    padding-top:14px;
  }
  .bulletMenuItem img::before{
    width:10%;
    float:left;
    vertical-align:middle;
    text-align:right;
  }
  .bulletMenuItem>.navText{
    /*width:80%;*/
    float:left;
    vertical-align:middle;
  }
  .bulletMenuItem p{
    width:100% !important;
    float:left;
    padding-left:5px;
    padding-right:20px;
    text-align:left !important;
  }
} 

   @media screen and (min-width: 1024px) and (max-width:1310px) {
     #MainCMSMenuItem li a {
      font-size:22;
     }
  #MainCMSMenuItem li:hover .SubCMSMenu /* full sub item list on hover  */
  {
    height:260px !important;
    }
    #MainCMSMenuItem {
     /* max-width:600px; On MAC Chrome Ashley Events dropped down */
     max-width:617px; 
    }
      #MainCMSMenuItem li:hover div a{ /*subitem  */
        margin: 10px 5px 14px 20px;
        /*min-height:135px;*/
      }
    #MainCMSMenuItem li:hover div .nonBulletMenuItem:hover  { 
      margin: 10px 5px 14px 20px;
    }
      .nonBulletMenuItem>.navText>p{
        margin-top:0px;
      }
      .SubCMSMenu p {
        margin-bottom:0px;
      }
    .SubCMSMenu .nonBulletMenuItem>img {
		/*min-height:135px;*/
  width:100px;
      }
  .navSubText{
    /*padding-left:5%;
    padding-right:5%;
    margin-top:0px !important;
    text-align:left;
    font-size:x-small;
    height:auto;*/
    visibility: hidden;
    height:0px;
     }
  }
    @media screen and (min-width: 1311px) {
  #MainCMSMenuItem li a {
      font-size:large;
     }
    #MainCMSMenuItem {
       max-width:750px; 
   
    }
      /*# Master Page/Main Big Bar/Sub CMS Menu/sub items With images #*/
      #MainCMSMenuItem li:hover div a{ /*subitem  */
        margin: 10px 15px 14px 20px;
        min-height:none;
      }
    .navSubText{
    padding-left:5%;
    padding-right:5%;
    margin-top:0px !important;
    text-align:left;
    font-size:8pt;
    height:auto;
    visibility: visible;
     }
    .nonBulletMenuItem>.navText>p{
        margin-top:intial;
      }
    .SubCMSMenu p {
        margin-bottom:5px;
      }
    .SubCMSMenu img {
		min-height:auto;
      }
    }
 @media screen and (min-width: 1311px) and (max-width: 1700px) {
.navSubText{
    padding-left:5%;
    padding-right:5%;
    margin-top:0px !important;
    text-align:left;
    font-size:8pt;
    height:auto;
    visibility: visible;
     }

}
 @media screen and (min-width: 1700px) {
.navSubText{
    padding-left:5%;
    padding-right:5%;
    margin-top:0px !important;
    text-align:left;
    font-size:small;
    height:auto;
    visibility: visible;
     }
}
  /* ~~~~~~~~~~~~~END OF MAIN BIG MENU~~~~~~~~~~~~~~~~  */
  
/*# Sub Page #*/
.alliedBreadCrumb{
  text-align:left;
  padding:8px 5px 5px 10px;
  background-color:#4d4d4f !important;
  color:#FFFFFF !important;
}

.alliedBreadCrumb a{
  color:#FFFFFF !important;
}
  .InstaCodeCFPage{
    max-width:800px;
    width:100%;
    margin:auto;
    }
.instaCodeButton{
  font-size:16pt;
  }

@media screen and (max-width: 420px) {
  .scroll-wrapperCF {
        -webkit-overflow-scrolling:touch;
        overflow-y: scroll;
        overflow-x: scroll;
    }
}
@media screen and (min-width: 420px) {
  .scroll-wrapperCF {
        -webkit-overflow-scrolling:initial;
        overflow-y: auto;
        overflow-x: auto;
    }
}

/*# Sub Page/ Subscribe #*/
.EmailBlast img{
  height:100%;
  width:100%;
  padding-top:10px;
  }


/*# Sub Page/ Stock Status #*/
@media only screen and (max-width: 801px) {
  /* For tablets: */
  .grid{
      margin-left:2%;
  }  
}

@media only screen and (min-width: 802px) and (max-width: 1310px) {
  /* For tablets: */
.grid{
      margin-left:2%;
  }  
}

@media only screen and (min-width: 1310px) and (max-width: 1600px) {
  /* For tablets: */
  .grid{
      margin-left:1%;  
  }  
}

@media only screen and (min-width: 1600px)  {
  /* For tablets: */
  .grid{
      margin-left:0%; 
  }  
}

/*# Sub Page/ Home Page #*/
.homePageCol{
  float: left;
  width: 90%;
  background: #fff;
  margin: 10px 5% 30px 5%;
  /* padding: 1%; */
  }
.homePageHeader {
  background:#D3D3D3;
  color:#4d4d4f;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  min-height:40px;
  width:100%;
   }

.homePageColBorder {
  border-style: solid;
  border-width:1px;
  border-color:#D3D3D3;
  padding-bottom:1px;
  }

.homePageSocialIcons img {
    width: 40px !important;
    padding: 0px 5px;
    vertical-align: middle;
}

.homePageSocialIcons {
    max-width: 1400px;
    margin: auto;
    font-size: 15pt;
}

@media only screen and (max-width: 600px) {
  .homePageBannerMobile{
  display:inline-block !important;
  }
  .homePageBannerBig{
  display:none !important;
  }
}
@media only screen and (min-width: 600px) {
  .homePageBannerMobile{
    display:none !important;
  }
  .homePageBannerBig{
    display:inline-block !important;
  }
}


/*# Sub Page/ Home Page / Product Highlights #*/
@media screen and (max-width: 600px) {
  /* For tablets: */
  .prodHighlightsColumn{
    width:100%;
    max-width:100% !important;
    
  }  
    .prodHighlightsContainer{
    width:25% !important;
    float:left;
    min-width:0 !important;
    margin-top:0px  !important;
    }
  .prodHighlightRight{
    width:75% !important;
    float:left;
    }
}

@media screen and (min-width: 600px) {
  /* For tablets: */
  .prodHighlightsColumn{
    width:25%;   
    float:left;
  }  
}
  /*
@media only screen and (min-width: 1600px)  {
 For tablets: 
  .prodHighlightsColumn{
   width:25%;   
    float:left;
  }  
}*/

.prodHighlightsColumn{
 /* float:left;*/
  display: inline-block; 
  /*max-width:300px;*/
  }

.prodHighlightsOuterContainer{
  display: inline-block;
  /*width:300px;*/
  margin-left:3%;
  margin-right:3%;
   }

.prodHighlightsContainer{
  width: auto;  
  text-align: left;
  float:left; 
  /*min-width:225px;*/
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:5%;
 
} 
.prodHighlightsContainer img{
  float:left; 
  width:100%;
}


.prodHighlightsHeadline {
  width:100%;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  float:left;
  display: inline-block;
}

.prodHighlightsHeadlineStatic {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    float: left;
    display: inline-block;
    max-width:300px;
}

.prodHighlightsDetailsStatic {
    width: auto !important;
    padding-top: 10px;
    font-size: 12pt;
    padding-right: 5px; 
    text-align: center;
    float: left;
    min-height: 90px;
    display: inline-block;
    max-width: 300px;
}

@media only screen and (max-width: 600px) {
    .prodHighlightsDetailsStatic {
        width: auto !important;
        padding-top: 10px;
        font-size: 12pt;
        padding-right: 5px;
        padding-left: 15px;
        text-align: left;
        float: left;
        min-height: 90px;
        display: inline-block;
    }
}

@media only screen and (max-width:600px){
    .prodHighlightsHeadlineStatic {
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        float: left;
        display: inline-block;
        padding-left:15px;
    }
}

.prodHighlightsDetails {
    width: auto !important;
    padding-top: 10px;
    font-size: 12pt;
    padding-right: 5px;
    padding-left:15px;
    text-align: left;
    float: left;
    min-height: 90px;
    display: inline-block;
}

@media only screen and (max-width: 600px) {
    .prodHighlightsDetails {
        width: auto !important;
        padding-top: 10px;
        font-size: 12pt;
        padding-right: 5px;
        padding-left:15px;
        text-align: left;
        float: left;
        min-height: 90px;
        display: inline-block;
    }
}

@media only screen and (min-width: 1300px) {
    .highlightsContainerHomePage {
        min-height: 368px !important;
    }
}

.bannerContainerHomePage {
    min-height: 422px !important;
    width: 100%;
}

@media only screen and (min-width: 1421px) and (max-width: 1500px) {
    .bannerContainerHomePage {
        min-height: 330px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1420px) {
    .bannerContainerHomePage {
        min-height: 300px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .bannerContainerHomePage {
        min-height: 280px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1200px) {
    .bannerContainerHomePage {
        min-height: 220px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 540px) and (max-width: 1080px) {
    .bannerContainerHomePage {
        min-height: 150px !important;
        width: 100%;
    }
}

/*@media only screen and (min-width: 401px) and (max-width: 700px) {
     .bannerContainerHomePage {
        min-height: 220px !important;
        width: 100%;
    }
}*/

@media only screen and (min-width: 251px) and (max-width: 539px) {
    .bannerContainerHomePage {
        min-height: 250px !important;
        width: 100%;
    }
}

@media only screen and (max-width: 250px) {
    .bannerContainerHomePage {
        min-height: 130px !important;
        width: 100%;
    }
}



.bannerContainer {
    min-height: 350px !important;
    width: 100%;
}



@media only screen and (min-width: 1421px) and (max-width: 1500px) {
    .bannerContainer  {
        min-height: 330px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1420px) {
    .bannerContainer {
        min-height: 300px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .bannerContainer {
        min-height: 280px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1200px) {
    .bannerContainer {
        min-height: 220px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1080px) {
    .bannerContainer {
        min-height: 150px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 401px) and (max-width: 700px) {
    .bannerContainer {
        min-height: 90px !important;
        width: 100%;
    }
}

@media only screen and (min-width: 251px) and (max-width: 400px) {
    .bannerContainer {
        min-height: 70px !important;
        width: 100%;
    }
}

@media only screen and (max-width: 250px) {
    .bannerContainer {
        min-height: 50px !important;
        width: 100%;
    }
}



/* Sub Page/ Home Page / Flexslider #*/
.flexslider {
  padding-top:131px;
  }
/*# Sub Page/Item Search #*/
.resultGridImage{
  width:100px;
}

.searchBoxFooter{
  color:#000;
  padding-left:1%;
  background-color:#FFFF99;
 }

/*# Sub Page/Product Item Detail #*/
.loadMoreButton{
  width:100%;
  background-color:#CF2027;
  color:#fff;
  text-align:center;
  font-size:16pt;
  }
.itemDetailHeader {
  padding-bottom:10px;
  font-size:22pt;
  display:flex;
  align-items: center;
  justify-content:left;
  }
.itemDetailDescription {
  font-size:16pt;
  padding-bottom:5px;
  }
.itemDetailFamily {
  font-size:14pt;
  }
.itemDetailFamilyPageLink {
  padding-top:20px;
  font-weight:bold;
  }

.itemDetailSubHeader{
  padding-bottom:10px;
  font-size:16pt;
  }

.modalPopupItemPreview{
    background:#fff;
    min-height:800px;
    height:90%;
    max-width:1000px;
    padding:10px;
  }

.cartQty, .cartWatermark{
  font-size:16pt;
  }
.cartWatermark{
  color:#C0C0C0;
  text-align:center;
  }

/*# Sub Page/Product Family #*/
.familyDetailsBox{
  padding:10px 10px 0px 0px;
  
}
.familyHeader{
  padding-bottom:30px;
  font-size:22pt;
  display:flex;
  align-items: center;
  justify-content:left;
}

.family360OverviewLinkText{
  padding-top:8px;
  padding-left:6px;
  }
.familyDescription{
  padding-bottom:25px;
  font-size:12pt;
  padding-right:25px;
}
.familyDescription li, .familyAdvantages li, .familyFeatures li{
  margin: 10px 0;
  }
.familyAdvantagesHeader, .familyFeaturesHeader, .familyMaterialHeader, .familyIndustryHeader{
  font-size:15pt;
  font-weight:bold;
  
}
.familyMaterialHeader, .familyIndustryHeader{
  padding-bottom:0px;
  float:left;
}
.familyAdvantages, .familyFeatures{
  padding-bottom:15px;
  font-size:12pt;
}

.roundedCorners1 {
    border-radius: 25px;
    background: #cf2027;
    padding: 10px;
    width: 200px;
    height: 120px;
    color: white!important;
}
    /*# Sub Page/Home Page/Flexslider #*/
    .flexslider .slides > li { 
  background-position: center;
  height: 100%;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}

 .homePAgeFeatures .slidesFeatures > li { 
  max-width:1400px;
}

/*# Sub Page/Site Features #*/
.siteFeaturesMainBlock{
  width:100%;
  max-width:750px;
  text-align:center;
  margin:auto;
  }

/*# Sub Page/Product Family/Sub Tab #*/
.prodSubTabWrapper{
  width:100%;
  float:left;
}

.prodSubTabWrapper360{
  margin-top:10px;
}
.prod360Instructions{
  padding:0px;
  background:#FFF;
  width:100%;
  max-width:1259px;
  }
@media only screen and (min-width:1780px) {
  
 .prod360Instructions{
    padding:10px;
    }
  }



@media only screen and (min-width: 1024px) {
  /* For tablets: */
  .prod360Container, .prodSubTabWrapper360{
    width:80%;
    margin-left:10%;
    margin-right:10%;
    float:left;
    }
  .prodSubTab, .prodSubTab.Selected{
    font-size:xx-large;
   }
}
@media only screen and (max-width: 1024px) {
  /* For tablets: */
  .prod360Container, .prodSubTabWrapper360{
  width:94%;
  margin-left:3%;
  margin-right:3%;
  float:left;
  }
  .prodSubTab, .prodSubTab.Selected{
  font-size:large;
    }
}


.prodSubTab{
  width:25%;
  float:left;
  background-color:silver;
  color:black !important;
  margin:0px 5px 0px 0px;
  padding:3px;
}

.prodSubTab.Selected{
  width:25%;
  float:left;
  background-color:white;  
  margin:0px 5px 0px 0px;
  padding:3px;
}

/*# Sub Page/Product Family/Specs #*/
.prodSpecCol, .prodSpecColLabel, .prodRelItemCol{
  padding: 4px; 
  float: left;
  display: inline-block;
  background-color: inherit;
  border:none;
}
.prodSpecCol{
  width: 60%;
}
.prodSpecColLabel{
  width: 32%;
  /*max-width: 150px; */
}

.prodRelItemCol{
  width:100%;
  font-size:12pt;
  }
.prodRelDesc {
  font-style:italic;
  font-size:10pt;
  }
.prodSpecColBox{
  width: 96%;
  padding: 2%;
}
.prodSpecAltRow{
  background-color:#f5f5f5;
  
}
/*# Sub Page/Product Family/Cutting Data #*/
.productCuttingDataTitle{
  font-weight:bold;
}
.productCuttingDataImage{
  padding:10px;
  text-align:center;
}
.productCuttingDataImage img{
  width:70%;
  max-width:200px;
  border:1px solid #4d4d4f !important;
}
.productSetupImage{
  padding:20px;
  text-align:center;
  }
.productSetupImage img{
  max-height:169px;
  }

.productAddtlResImage img{
  max-width:200px;
  width:70%;
  margin:auto;
  }
.productAddtlResImage{
  text-align:center;
  padding-bottom:20px;
  }
.productAddtlResTitle{
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  }
.alliedFileLarge img{
  max-width:400px;
  width:70%;
  margin:auto;
  }
.alliedFileLarge{
  text-align:center;
  padding-bottom:20px;
  }

/*# Sub Page/Product Family/Nomenclature #*/
.NomenclatureHeaderBox{
margin-top:0px;
  width:100%;
}
.NomenclatureFamily{
  font-weight:bold;
  float:left;
  font-size:14pt;
  padding-right:10px;
}
.NomenclatureSubtext{
  font-style: italic;
  float:left;
  font-size:14pt;
}

/*desktop view */
@media only screen and (min-width: 1300px) {
    .NomBlockOuterBox{
      margin-left:20px;
    }
  .NomBlockDefaultBox{
    font-size:20pt;
    padding:15px;
   }
  .NomBlockBox{
    margin:10px;
    }
  .NomDash{
    font-size:16pt;
    padding:30px 15px 0px 15px;
  }
  .NomBlockDigitOrder{
    font-size:15pt;
  }
  .popupNomColumn{
    font-size:14pt;
    }
}

/*tablet view */ 
@media only screen and (min-width: 600px) and (max-width: 1300px) {
    .NomBlockOuterBox{
      margin-left:20px;
    }
  .NomBlockDefaultBox{
    font-size:15pt;
    padding:8px;
   }
  .NomBlockBox{
    margin:3px;
    }
  .NomDash{
    font-size:14pt;
    padding:15px 5px 0px 5px;
  }
  .NomBlockDigitOrder{
    font-size:13pt;
  }
  .popupNomColumn{
    font-size:12pt;
    }
}
/*phone view */
@media only screen and (max-width: 600px) {
    .NomBlockOuterBox{
      margin-left:20px;
    }
  .NomBlockDefaultBox{
    font-size:12pt;
    padding:5px;
   }
  .NomBlockBox{
    margin:3px;
    }
  .NomDash{
    font-size:10pt;
    padding:10px 5px 0px 5px;
  }
  .NomBlockDigitOrder{
    font-size:12pt;
  }
  .popupNomColumn{
    font-size:10pt;
    }
}

.NomBlockOuterBox{
  width:100%;
  float:left;
  }
.NomBlockBox{
  padding:0px;
  border: 1px solid #4d4d4f;
  background-color:#D3D3D3;
  text-align:left;
  float:left;
  width:auto;
}
.NomBlockDefaultBox{
  text-align:center;
  /*border-bottom:1px solid #4d4d4f;*/
}
.NomBlockDigitOrder{
  text-align:center;
  background-color:#FFF
}
.NomDash{
  float:left;
  width:auto;
  font-weight:bold;
  text-align:center;
  }

.NomDetails{
  width:100%;
  }

.popupNom {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */

/*bigger view */
@media only screen and (min-width: 600px) {
/*  .popupNom .popuptextNom, */
  .popupNom .popuptextNom1 {
      min-width: 150px;
      left: 50%;
      margin-left: -80px;
   }
  .popupNom .popuptextNom2, .popupNom .popupIndustries{
     min-width: 250px;
      left: 50%;
      margin-left: -180px;
    }
  .popupNom .popuptextNom3 {
     min-width: 350px;
      left: 50%;
      margin-left: -180px;
    }
  }
@media only screen and (min-width: 850px) {
  .popupNom .popupIndustries{
     min-width: 370px;
    left: 50%;
    margin-left: -180px;
    }
  .prodFamMaterialLegendItem, .prodFamIndustryLegendItem{
    width:46%;
  }
}
/*phone view */
@media only screen and (max-width: 600px) {
  /*.popupNom .popuptextNom, */
  .popupNom .popuptextNom1{
    min-width: 110px;
    left: 50%;
    margin-left: -60px;
  }
  .popupNom .popuptextNom2{
     min-width: 150px;
    left: 50%;
    margin-left: -80px;
  } 
  .popupNom .popuptextNom3 {
     min-width: 150px;
    left: 50%;
    margin-left: -80px;
    }
  }
@media only screen and (max-width: 850px) {
  .popupNom .popupIndustries{
     min-width: 200px;
    left: 50%;
      margin-left: -90px;
    }
  .prodFamMaterialLegendItem, .prodFamIndustryLegendItem{
    width:96%;
  }
}

/*.popupNom .popuptextNom, */
.popupNom .popuptextNom1,.popupNom .popuptextNom2, .popupNom .popuptextNom3 {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    text-align:left;
}

.popupNom .popupIndustries {
    visibility: hidden;
    background-color: #c0c0c0;
    color: #4d4d4f;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    text-align:left;
}



.popupNomColumn{
  float:left;
  padding-right:10px;
  }

.popuptextNom, .popuptextNom1, .popuptextNom2, .popuptextNom3, .popupIndustries{
  padding-left:10px !important;
  }
.popuptextNomTitle{
  width:80%;
  text-align:left;
  font-style:underline;
  float:left;
  }
.popuptextNomClose{
  float:left;
  width:14%;
  text-align:right;
  padding-right:6%;
  }


/* Popup arrow */
.popupNom .popuptextNom1::after, .popupNom .popuptextNom2::after, .popupNom .popuptextNom3::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popupNom .popupIndustries::after {
      content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #C0c0c0 transparent transparent transparent;
  }

/* Toggle this class - hide and show the popup */
.popupNom .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*# Sub Page/Product Family/Mat_Industry #*/
.prodFamMaterialImageBox, .prodFamIndustryImageBox{
  margin:1%;
  float:left;
}
.prodFamMaterialBox, .prodFamIndustryBox{
  padding-left:0px;
}
.prodFamMaterialLegendItem, .prodFamIndustryLegendItem{
  /*width:46%;*/
  padding:2%;
  float:left;
  text-align:left;
  font-size:12pt;
  color: #4d4d4f;
}

.prodFamMaterialLegendItem img, .prodFamIndustryLegendItem img{
  vertical-align: middle;
}

.iconRefLink{
  float:left;
  color:gray;
  font-style: italic;
  padding-left:20px;
}
.iconRefLink img{
  width:30px;
  vertical-align: middle;
}


/*# Sub Page/Product Family/Images #*/
.prodImageSmallFull{
 width:100%;
  max-width:600px;
  position: relative; 
  margin: 0 auto; 
  overflow: hidden; 
  text-align: center;
  }
.prodImageSmallFullOuter{
  display:inline-block;
  text-align:center;
  }
.prodImageSmallInnerFull{
  margin: 2em auto;
  }
.prodFamImageOuterBoxSmall{
   /*float:left;
  display:inline-block;*/
  
  margin: auto 1.5em; 
  display: inline-block;
  margin:5px;
  border: 1px solid silver;
  }

.prodFamImageOuterBoxSmall img{
    width:125px;
    padding:5px;
  }
.prodFamImageBox{
  text-align:center;
  width:100%;
  }

.smallImageOuterBox{
  max-width:600px;
  margin:auto;
  }

.prodFamImageBox img{
  width:90%;
  border: 1px solid silver;
  margin: 2%;
  max-width:600px;
  display:block;
    margin:auto;
}
.prodImage {
  max-width: 250px;
  max-height: 150px;
}

.thumbnailImage {
  margin:0px 5px 0px 5px;
  max-width: 100px;
  border: 1px solid silver;  
}
.fullProdImage {
  max-width:400px;
  text-align:center;
}
.popupProdImage {
  max-width:450px;
  width:70%;
  text-align:center;
}
/*# Sub Page/Banner #*/
.subPageBanner{
  /*background-color:black;*/
  display: inline-block;
  text-align: center;
  width:100%;
  /*height:425px;
  position: relative;*/
}
.innerBanner{
  /*   width: 3000px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1500px;*/
}
.innerBanner img{
  max-height:425px;
  /*display: block;*/
  margin: 0 auto;
}

.subPageBanner img{
  max-height:425px;
  width:100%;
  overflow:hidden;
  text-align:center;
  /*max-width:2000px;*/
}
.subPageBannerText{
  text-align: left;
  position: absolute;
  top: 325px;
  left: 100px;
  margin: 0 auto;
  height: 50px;
  font-size:30pt;
  color:white;
  font-weight:bold;
}
.subPageBannerSubText{
  text-align:left;
  position: absolute;
  top: 245px;
  left: 110px;
  margin: 0 auto;
  height: 50px;
  font-size:15pt;
  color:white;
  font-weight:bold;
}
/*# Sub Page/Search Results #*/
.Pager img
{
  width:15px;
  height:15px;
  }

/*# Sub Page/Sub page landing pages #*/
.subPageLandingPageImg{
  width:100%;
  padding-bottom:2%;
}
.subPageLandingText{
  font-size:large;
  color:#CF2027;
  text-align:center;
}
.subPageLandingSubText{
  text-align:left;
  padding:2%;
  min-height: 60px;
  color:#4d4d4f;
}

.subPageOuterBlock {
    background-color: #FFF;
    margin: 10px;
    min-height: 350px !important;
}
.subPageOuterBlock a{
   cursor: pointer !important; 
  }
.subPageUtilityPageOuterBox a{
  cursor: pointer !important; 
  }
.subPageOuterBlockNoColor{
  margin:10px;
  }

.subPageOuterBlockWithBorder{
  background-color:#FFF;
  margin:10px;
  border:1px solid #a9a9a9;
  padding:10px;
  }

.subPageUtilityPageImg{
  max-width:100px;
  width:70%;
  text-align:left;
  padding:2%;
}
.subPageUtilityPageImgBox{
    float:left;
  display:inline-block;
  width:33%;
  }
.subPageUtilityText{
  font-size:large;
  color:#CF2027;
  text-align:left;
  padding-top:10px;
}

  .subPageUtilitySubText{
    padding:2%;
    min-height: 60px;
    font-size:11pt;
}



@media only screen and (max-width: 600px) {
  .subPageUtilityPageImg{
    padding:5px;
  }    
  .subPageUtilityText{
    padding:5px;
  }   
  .subPageUtilityTextBox{
    float:left;
    display:inline-block;
    width:67%;
    }
  .subPageUtilitySubText{
    text-align:left;
  }
  .subPageUtilityPageImgBox{
  width:33%;
  }
}
@media only screen and (min-width: 600px) {
  .subPageUtilityPageImg{
    padding:5px;
    text-align:center;
  }    
  .subPageUtilityText{
    padding:5px;
    text-align:center;
  }   
  .subPageUtilityTextBox{
    float:left;
    display:inline-block;
    width:100%;
    }
  .subPageUtilitySubText{
    text-align:center;
  }
    .subPageUtilityPageImgBox{
  width:100%;
  }

}


.subPageUtilityPageOuterBox{
  min-height:90px;
}

/*#Sub Page/Banner/Smaller Tab Control #*/
#smallTabControl::before{
  width:100%;
  text-align:center;
}
#smallTabControl{
  width:70%;
  border-bottom: 3px solid silver;
  height:47px;
  text-align:center;
  display:inline-block;
  background-color:#FFF;
}

#smallTabControl>div{
  display:inline-block;
  border:1px;
  text-align:center;
  border-right: 1px solid silver;
  padding:15px 5px 15px 5px;
  
}
#smallTabControl>div a{
  color:gray;
}

#smallTabControl>.Right{
  border-right: 0px solid silver;
}

#smallTabControl>.Selected{
  border-bottom: 3px solid red;
}

#smallHyperlinkControl>.Selected{
  border-bottom: 3px solid red;
}

 #smallHyperlinkControl {
  display: inline-block;
  padding-bottom:10px;
  }
/*#Sub Page/Banner/Page Tab Control #*/
#tabControl{
  width:100%;
  border-bottom: 3px solid silver;
  height:47px;
  text-align:center;
  display:inline-block;
  background-color:#FFF;
}

#tabControl>div{
  display:inline-block;
  border:1px;
  text-align:center;
  border-right: 1px solid silver;
  padding:15px 5px 15px 5px;
  
}
#tabControl>div a{
  color:gray;
}

#tabControl>.Right{
  border-right: 0px solid silver;
}

#tabControl>.Selected{
  border-bottom: 3px solid red;
}

.subPageTab2{
  width:48%;
}
.subPageTab3{
  width:32%;
}
.subPageTab4{
  width:23%;
}
.subPageTab5{
  width:18%;
}
.subPageTab6{
  width:15%;
}
.subPageTab7{
  width:13%;
}
.subPageTab10{
  width:9%;
}

/*#Sub Page/Banner/Hyperlink Control #*/
@media only screen and (max-width: 750px) {
  .subPageHyperlink{
    width:40%;
    float:left;
  }
}
@media only screen and (min-width: 751px) {
  .subPageHyperlink{
    width:initial;  
  }
}
.subPageHyperlinkIcon{
  width:100%;
  text-align:center;
}
.subPageHyperlinkIcon img{
  width:50px;
}
.subPageHyperlinkText{
  width:100%; 
}
.subPageHyperlink a{
  text-decoration:none;
  }
.subPageHyperlink {
  float:left;
  text-align:center;
  padding:10px 15px 5px 15px;
  border-bottom: 3px solid #F5F5F5;
}
.subPageHyperlink:hover{
  border-bottom: 3px solid gray;
}
.subPageHyperlink>.Selected{
  border-bottom: 3px solid red;
}


/*#Sub Page/InstaCode #*/
.InstaCodeBigImage{
  max-width:600px;
  width:90%;
  }

/*# Sub Page/Locations #*/
.location_repeater{
  width:100%;
  text-align: center;
}
.location_outerBox {
  max-width:600px;
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 700px) {
  .location_outerBox {
    width:70%;
    margin:5%;
  }
}
@media only screen and (min-width: 701px) and (max-width:950px) {
  .location_outerBox {
    width:45%;
    margin:2%;
  }
}
@media only screen and (min-width: 951px) {
  .location_outerBox {
    width:48%;
    margin:1%;
  }
}

.location_image {
  width:100%;
}
.location_image>img {
  width:100%;
}

.location_allDetails{
  width:100%;
  padding-top:5px;
}
.location_details{
  width:80%;
  float:left;
}
.location_map{
  width:20%;
  float:left;
}
.location_map img{
  width:100%;
  
}
.location_bigText{
  font-size:18pt;
  font-weight:bold;
}
.location_smallText{
  font-size:11pt;
}

/*# Sub Page/Contact # */
.contactFormSection{
  margin:3%;
  /*max-width:550px;*/
  width:94%;
  display: inline-block;
}

@media only screen and (max-width: 650px) {
  .contactResponsiveColumn{
      width:50%;
    float:left;
    font-size:10pt;
  }
}
@media only screen and (min-width: 650px) {
  .contactResponsiveColumn{
    width:33%;
    float:left;
  }
}

.contactBlockImage{
  width:80%;
  max-width:250px;
  padding-top:10px;
  }

.contactRight{
  width:20%;
  display: inline-block;
}
.contactSection
{
  float:left;
  text-align:center;
}
@media only screen and (min-width: 750px) {
  .contactSection {
    width:48%;
    margin:15px 1% 15px 1%;
  }
}
@media only screen and (max-width: 750px) {
  .contactSection {
    width:98%;
    margin:15px auto 15px auto;    
  }
}

.contactOuterBox{
  background:#FFF;
  max-width:350px;
  padding:0px 0px 15px 0px;
  margin:auto;
  }

.contactDetailText{
  padding:10px 0px 10px 0px;
  font-weight:bold;
  
  }

.contactSubPageImage{
  max-width:450px;
  }

.contacatAllDetails{
  float:left;
  color: #000000;
  margin-left:10px;
}
.contactPhoto{
  width:100%;
  text-align:center;
}

.contactPhoto img{
  width:350px;
  text-align:center;
}
.contactName{
  text-align:center;
  font-size:16pt;
  font-weight:600;
 /* margin-left:32%;
  padding-left:65px;*/
}
.contactRegionName{
  text-align:center;
  font-size:13pt;
  font-weight:600;
 /* margin-left:32%;
  padding-left:65px;*/
}
.contactDetails{
   text-align:center;
  padding-top:10px;
  font-size:13pt;
  /*margin-left:32%;
  padding-left:65px;*/
}

.regionMapImage{
  width:90%;
  }
  
/*# Sub Page/Videos #*/
.videoPlaylistTitle{
  width:100%;
  margin-bottom:10px;
  font-size:14pt;
  text-align:center;
}
.videoPlaylist{
  margin-bottom:20px;
  }

@media only screen and (max-width: 1159px) {
  .videoPlaylistBox{
      float:left;
      width:100%;
  }
}
@media only screen and (min-width: 1160px) {
  .videoPlaylistBox{
      float:left;
      width:50%;
  }
}
@media only screen and (max-width: 400px) {
  .videoPlaylistFrame
  {
     width: 280px;
     height:158px;
  } 
}
@media only screen and (min-width: 401px) and (max-width:601px) {
  .videoPlaylistFrame
  {
     width: 380px;
     height:214px;
  } 
}
@media only screen and (min-width: 601px) {
  .videoPlaylistFrame
  {
     width: 560px;
     height:315px;
  } 
}
/*# Sub Page/Tradeshows */

.TradeShowFullPhoto{
  width:85%;
  padding-bottom:10px;
  padding-top:10px;
  
  }
.tradeshowPhotoText{
  text-align:center;
  font-size:10pt;
  padding-bottom:10px;
  }
/*# Sub Page/Events TES # */

.eventsContainer {
  width: 90%;
  text-align: left; 
  /* margin-left:5%;
  margin-right:5%; */
  padding:25px;
  
}
/*.MySubmitButtonContainer input[type=submit]{
    background:#CF2027;
  color:#FFFFFF;
  font-size:9pt;
  font-weight:bold;
  -webkit-appearance: none;
}
*/
.eventSection{
  width:90%;
  text-align: left; 
  float:left;  
  
}
.TESOuterBox{
  padding-bottom:20px;
}
/*# Sub Page/Events TES/EventDates # */

@media only screen and (max-width: 600px) {
  .eventDatesContainer, eventDatesButton, .eventDatesOuterContainer{
    width:100%; 
  }
}

@media only screen and (min-width: 601px) and (max-width:750px)  {
  .eventDatesContainer, eventDatesButton, .eventDatesOuterContainer{
    width:48%;
  }
}
@media only screen and (min-width: 751px) {
   eventDatesContainer, eventDatesButton, .eventDatesOuterContainer {
   width:44%;
  }
}

@media only screen and (max-width: 801px) {
  /* For tablets: */
  .TesEventColumn{
    /*width:63%;*/
    width:100%;
  }  
}

@media only screen and (min-width: 802px) and (max-width: 1024px) {
  /* For tablets: */
  .TesEventColumn{
    width:49%;
  }  
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
  /* For tablets: */
  .TesEventColumn{
    width:33%;   
  }  
}

@media only screen and (min-width: 1600px)  {
  /* For tablets: */
  .TesEventColumn{
    width:25%;   
  }  
}

.TesEventColumn{
  float:left;
  display: inline-block;
  }

.eventDatesOuterContainer{
  display: inline-block;
  width:300px;
   }
.eventDatesContainer{
  width: auto !important;  
  text-align: left;
  float:left; 
  min-width:300px;
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:10%;
 
} 

.tradeshowEventDatesContainer{
 /* width: auto !important;  */
  text-align: left;
  float:left; 
  min-width:300px;
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:10%;
 
 
} 


.eventDatesContainer img{
  float:left;
  padding-bottom:5px; 
  width:100%;
}
.eventDatesHeadline {
  width:100%;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  float:left;
  padding-left:15px;
  padding-bottom:2px;
  padding-top:5px;
  display: inline-block;
  height:auto;
}
.eventDatesDates, .eventDatesDatesTradeshow {
  font-size:17px;
  font-weight:400;
  text-align:left;
  float:left;
  padding-left:15px;
  padding-bottom:5px;
  padding-top:0px;
  height:45px;
  display: inline-block;
}
.eventDatesDates {
  height:25px;
}
.eventDatesDatesTradeshow{
  height:55px;
  }


.eventDatesSocMediaIcons{
  padding-left:5px;  
}

.eventDatesSocMediaIcons img{
  height:30px;
  width:30px;
  padding-right:15px;
}

.eventDatesDetails{  
  width: auto !important;
  padding-top:10px;
  padding-right:5px;
  padding-left:15px;
  text-align:left;
  font-size:12pt;
  float:left;
  min-height:90px; 
  display: inline-block;
}

.eventDatesButton{
  width:98%;
  min-height:45px;
  max-height:60px;
  border:none;
  padding-top:15px;
  background:#4d4d4f;
  color:#FFFFFF !important;
  display: inline-block;
  text-align: center;
  vertical-align:center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin:2px;
}
.eventDatesButton a{
   color:#FFFFFF !important;
  }

/*# Support/Safety/RCA # */

.RcaMovie {
  margin-top:1%;
  }
.rcaImageBox{
  text-align:center;
  width:100%;
  }
.rcaImageBox img{
  width:90%;
  margin: 2%;
  max-width:600px;
  display:block;
    margin:auto;
}
.RcaHeaderText {
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  }

.RcaHeaderTextOuterBox {
  max-height:300px;
  min-height:300px;
  }

.RCAImageDetailBox{
  margin:5px;
  text-align:left;
  }

.RCAImageDetailsFull{
  text-align:center;
 /* border:1px solid #4d4d4f; */
  margin: auto;
  max-width:600px;
  }
.RcaImageInNumberBox{
  float:left;
  display:inline-block;
  padding-right:10px;
  }
.RcaImageInNumberBox img{
  width:30px;
  }

  
.RCAWarningBox{
  text-align:left;
  border:1px solid #4d4d4f;
  margin: auto;  
  /* max-width:550px; */
  min-height:140px;
  }
  
.RCAWarningBoxBottom{
  text-align:left;
  margin: auto;  
  /* max-width:550px; */
  min-height:118px;
  }
.RcaWarning img {
  height:40px;
  width: 40px;
  }
.GridviewWarning img {
  height:15px;
  width: 15px;
  }




.RCANumberBox{
  width:25px;
  float:left;
  display:inline-block;

  }
.RCATextBox{
  width:80%;
  float:left;
  display:inline-block;

  }

@media only screen and (min-width: 600px) {
  .RCAWarningBox  {
      height: 120px;
   /*   width:850px; */
    }
  }

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .RCAWarningBox  {
      height: 200px;
   /*   width:60%; */
    }
  }



@media only screen and (min-width: 800px) and (max-width: 1200px) {
    .RCAWarningBox  {
      height: 200px;
   /*   width:70%; */
    }
  }

@media only screen and (max-width: 600px) {
    .RCAWarningBox  {
      height: 200px;
     width:95%; 
    }
  }





@media only screen and (min-width: 600px) {
  .RCAImageDetailsFull  {
      height: 150px;
      width:550px;
    }
  }
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .RCAImageDetailsFull  {
      height: 250px;
      width:250px;
    }
  }
@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .RCAImageDetailsFull  {
      height: 250px;
      width:350px;
    }
  }


@media only screen and (max-width: 600px) {
    .RCAImageDetailsFull  {
      height: 300px;
      width:95%;
    }
  }

.RcaWarningOuter {
  font-size:18px;
  width:900px!important;
  float:left;
  display:inline-block;
  }

@media only screen and (max-width: 801px) {
  .RcaWarningOuter, .RcaHeaderTextContainer{  
    width:25%;
  }  
}

@media only screen and (min-width: 801px) and (max-width: 1300px) {
  /* For tablets: */
  .RcaWarningOuter, .RcaHeaderTextContainer{
    width:33%;
  }  
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
   .RcaWarningOuter, .RcaHeaderTextContainer{
    width:50%;   
  }  
}

@media only screen and (min-width: 1600px)  {
  .RcaWarningOuter, .RcaHeaderTextContainer{
    width:95%;   
  }  
}

.RcaBottomTextOuter {
  /* margin-left:25%; */   
  width:85%;
  padding-left:5px;
  padding-top:5px;
  }

/*.RcaWarningTextBorder {
  border-style:solid;  
  border-width:2px;
  } */

.RcaTableOuter {
 /* width:80%; */
  margin-left:25%;  
  font-size:22px;
  margin-top:8%;
  margin-bottom:8%;
  border-style:solid;
  border-width:2px;
  width:780px;
  padding-left:20px;
  }



.RcaWarningRight {
  float:left;
  display:inline-block;
  }
.RcaWarningOuter img {
  height:70px;
  width:80px;
  padding-right:10px;
  }

.RcaSubheaderImage img {
  max-width:400px; 
  min-width:400px;
  padding-top:40px;
  padding-bottom:10px;
 
  }
.RcaImageDetailsBox {
   margin-bottom:1%;
  }

@media only screen and (max-width: 801px) {
  .RcaSubheaderImage img{  
    width:75%;
  }  
}

@media only screen and (min-width: 801px) and (max-width: 1300px) {
  /* For tablets: */
  .RcaSubheaderImage img{
    width:75%;
  }  
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
   .RcaSubheaderImage img{
    width:75%;   
  }  
}

@media only screen and (min-width: 1600px)  {
  .RcaSubheaderImage img{
    width:95%;   
  }  
}





/*# Support/Safety/Deep Hole Drilling # */
.DhdOuterBox {
  width:100%;
  float:left;
  display:inline-block;
 /* padding:2%; */
  text-align:left;
  background-color:#FFF !important;
  margin-bottom:2%;
    }

.DhdInnerBox {
  float:left;
  margin:5%;
  }
.DhdInnerBox img {
/* height:135px; */
  width: 200px;
  }
.stepText {
  font-weight:900;
  font-size:22px;
  width:23%; 
  }

.stepWarning img {
  height:30px;
  width:30px;
    }
.bottomStepWarning {
  float:left;
  width:90%;
  text-align:left;
  margin-left:40px;
  height:auto !important;
  padding-bottom:10px;
  }
.bottomStepWarning img {
  height:30px;
  width:30px;
  padding-right:15px;
    }
.stepImage img {
    /* height:125px; */
    /*width:1000px;*/
    width: 100%;
    float: left;
}

.dhdBottom {
  width:90%;
  float:left;
  padding:2%;
  }

.DhdBottomWarningBox {
    float: left;
    margin: 2%;
}

.dhdPdfMultiLangList {
  float:left;
  margin-bottom:4%;
  margin-left:6%;
  }
.dhdPdfMultiLangListHeader {
  float:left;
  padding-top:2%; 
  width:100%;
  font-size:x-large;
  font-weight:bold;
  color: #cf2027;
  text-align:center;

  }
@media only screen and (max-width: 800px) {
  .dhdBottom img{
    width:100%; 
  }
}

@media only screen and (min-width: 801px) and (max-width:950px)  {
    .dhdBottom img{
    width:100%;   
    
  }
}
@media only screen and (min-width: 951px) {
   .dhdBottom img{
   /*  width:80%; */
  }
}
/*# Support/Safety/Warnings # */
.safetyWarningContainer {
  width:95%;
  }

.safetyWarningDesc{
  padding-top:25px;
  margin-left:12%;
  }


.safetyWarning img {
  height:75px;
  width:75px; 
  float:left;
  padding-top:20px;
 
  }

/*# Support/Real Life Results # */
.realLifeOuterContainer{  
  margin:10px;
  padding:0px 10px 10px 10px;  
  background-color:#FFF;  
  display: inline-block;
  text-align: left;
  max-width:300px; 
  height:325px;  
  }
 
.realLife img{
  padding-top:30px;
  padding-bottom:30px;
  height: 125px; 
  width:125px;
  }
/*# Support/Safety # */

.safetyOuterContainer{  
  margin:10px;
  padding:0px 10px 10px 10px;  
  background-color:#FFF;  
  display: inline-block;
  text-align: left;
  max-width:300px; 
  height:325px;  
  }
 
.safetyOuterContainer img{
  padding-top:30px;
  padding-bottom:30px;
/*  height: 250; */
  width:100px;
  }
.safetyShortDetailsTitle{
  text-align:center;
  padding:2%;
  font-weight:900;
  font-size:20px;
  }

.safetyShortDetails{
  padding:2%;
  }
@media only screen and (max-width: 800px) {
  .safetyOuterContainer{
    width:80%; 
  }
}

@media only screen and (min-width: 801px) and (max-width:950px)  {
    .safetyOuterContainer{
    width:70%;   
    
  }
}
@media only screen and (min-width: 951px) {
   .safetyOuterContainer{
     width:80%;
  }
}






/*# Sub Page/Events TES/Registration Form # */

.textBoxStyle{
  width:200px;
  height:20px;
}

.textAreaStyle{
  width:97%;
  height:100px;
}

/*# Sub Page/Events TES/Agenda # */
.TESAgendaTitle{
  width:100%;
  text-align:center;
  font-size:20pt;
  font-weight: bold;
  padding-bottom:5px;
  padding-top:15px;
  color: #FFF;
}
.TESAgendaTime{
  text-align:center;
  font-size:14pt;
  
  /*margin:0px 5% 0px 5%;*/
  color: #FFF;
}

.TESAgendaDetails ul{
  padding-top:8px;
  padding-left: 0px;
  margin-left:20px;
}

.TESAgendaDetails li{
  padding:5px 0px 5px 0px;
}
  
@media only screen and (min-width: 1020px) and (max-width: 1200px) {
  .TESAgendaDetails li{
    padding-bottom: 0px !important;
  }
}


.TESAgendaDetails{
  width:100%;
  text-align:left;
  /* margin:0px 5% 0px 5%;*/
}
.TESAgendaBlock{
  background-image: url("/getmedia/7de36102-a827-413e-a965-f1730d8a3e01/TESAgendBackMiddle.aspx");
  height:500px;
  width: 70%;
  float:left;
}
.TESAgendaBlockLeft{
  background-image: url("/getmedia/12594520-bd5f-471a-951c-2a8c0b1d640c/TESAgendBackLeft.aspx");
  height:500px;
 /* width:25px;*/
  width:20px;
  margin:0px 0px 0px 5%;
  float:left;
}
.TESAgendaBlockRight{
  background-image: url("/getmedia/0bc19009-cb17-4a2c-b6d5-aa3aa73b5dff/TESAgendBackRight.aspx");
  height:500px;
  width:25px;
  margin:0px 5% 0px 0px ;
  float:left;
}
/*# Sub Page/Events TES/Products Covered # */
.TESProductImageTitle{
  font-size:x-large;
  
}
.TESProductImage{
  float:left;
  padding:15px;
  text-align:center;
}
.TESProductImage img{
  padding-bottom:15px;
}

/*# Sub Page/Industries # */
.IndustryBlockOuterInitial, .IndustryBlockOuterAlt{
  width:96%;
  float:left;
  display:inline-block;
  padding:2%;
}
.IndustryBlockOuterAlt{
  background-color:#E0E0E0;
  }

.IndustryPageHeaderLink {
  height:40px;
  padding-right:20px;
  }

@media only screen and (max-width: 800px) {
  /* For tablets: */
  .IndustryBlockDetails{
    padding-left:3%;
    padding-right:3%;
    width:94%;
    float:left;
  }
  .IndustryBlockImage{
    padding-bottom:20px;
    padding-top:10px;
    width:100%;
    float:left;
    }
}
@media only screen and (min-width: 801px) {
    /* For desktop: */
.IndustryBlockImage{
  width:30%;
  float:left;
    padding-top:10px;
  }
.IndustryBlockDetails{
  width:68%;
  float:left;
    padding-left:2%
  }
}

.IndustryBlockImage img {
  width:90%;
}
.IndustryBlockTitle{
  font-size: 18pt;
  width:100%;
  text-align:left;
  }
.IndustryBlockSubTitle{
  font-size: 12pt;
  width:100%;
  text-align:left;
  padding: 10px 0px;
}
.IndustryBlockText {
  width:100%;  
  text-align:left;
  }
.IndustryBlockText li {
  padding-top:5px;
  padding-bottom:5px;
  }

 /*# AlliedYouTubeVideoControl #*/
.Title{
  font-weight:bold;
  font-size:18px;
  padding-bottom:10px;
  }

.Description{
  padding-bottom:18px;
  }

/*# Sub Page/Events TES/Summary Blocks # */
.TESSummaryBlockOuterInitial, .TESSummaryBlockOuterAlt{
  width:96%;
  float:left;
  display:inline-block;
  padding:2%;
}
.TESSummaryBlockOuterInitial{
  
  }
.TESSummaryBlockOuterAlt{
  background-color:#E0E0E0;
  }

@media only screen and (max-width: 800px) {
  /* For tablets: */
  .TESSummaryBlockImageLeft, .TESSummaryBlockImageRight, .TESSummaryBlockDetailsLeft, .TESSummaryBlockDetailsRight{
    width:100%;
    float:left;
  }  
}
@media only screen and (min-width: 801px) {
    /* For desktop: */
.TESSummaryBlockImageLeft{
  width:28%;
  float:left;
  padding-right:15px;
  }
.TESSummaryBlockImageRight{
  width:30%;
  float:right;
  }
.TESSummaryBlockDetailsLeft{
  width:70%;
  float:left;
  }
.TESSummaryBlockDetailsRight{
  width:70%;
  float:right;
  }

}

.TESSummaryBlockImageRight img,.TESSummaryBlockImageLeft img {
  width:90%;
}
.TESSummaryBlockTitle{
  font-size: 18pt;
  width:100%;
  text-align:left;
  }
.TESSummaryBlockText {
  width:100%;  
  text-align:left;
  }
.TESSummaryBlockText li {
  padding-top:5px;
  padding-bottom:5px;
  }
/*# Sub Page/Events TES/Photos # */
.TESPhotoGallery>.MediaGallery>.MediaGalleryContent>.Pager{
    width:100%;
  float:left;
  text-align:center;
}

.TESPhotoGallery>.MediaGallery>.MediaGalleryContent>.MediaLibrarySort{
  display:none;
}
.TESPhotoGallery>.MediaGallery{
  width:100%;
  background-color:#FFF;
  padding-bottom:10px;
  }
.TESPhotoGallery>.MediaGallery>.MediaGalleryFolderTree, .TESPhotoGallery>.MediaGallery>.MediaGalleryContent{
  float:left;
  }
@media only screen and (max-width: 800px) {
.TESPhotoGallery>.MediaGallery>.MediaGalleryFolderTree, .TESPhotoGallery>.MediaGallery>.MediaGalleryContent{
  width:100%;
  }
}
@media only screen and (min-width: 800px) and (max-width:1200px) {
.TESPhotoGallery>.MediaGallery>.MediaGalleryFolderTree{
  width:30%;
  }
.TESPhotoGallery>.MediaGallery>.MediaGalleryContent{
  width:70%;
  }
}
@media only screen and (min-width: 1200px) {
.TESPhotoGallery>.MediaGallery>.MediaGalleryFolderTree{
  width:20%;
  }
.TESPhotoGallery>.MediaGallery>.MediaGalleryContent{
  width:80%;
  }
}

.MediaGalleryContent>.MediaGalleryDetail>img{
  width:100%;
  max-width:700px;
  
  }
.TESImagePreview{
  float:left;
  padding: 10px;
  height:150px;
}

/*# Sub Page/Events TES/Four Steps # */
@media only screen and (max-width: 800px) {
  /* For tablets: */
  .TESSummaryFourStepOuter{
    width:96%;
    float:left;
    margin:2%;
  }  
  .TESSummaryFourStepText{
  height:auto;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1200px) {
   .TESSummaryFourStepOuter{
    width:46%;
    float:left;
    margin:2%;
  } 
  .TESSummaryFourStepText{
  height:160px;  
  }
}

@media only screen and (min-width: 1201px) {
   .TESSummaryFourStepOuter{
    width:23%;
    float:left;
    margin:1%;
  } 
}

@media only screen and (min-width: 1201px) and (max-width:1540px) {
 .TESSummaryFourStepText{
  height:210px;  
  }
}
@media only screen and (min-width: 1541px) {
 .TESSummaryFourStepText{
  height:160px;  
  }
}

.TESSummaryFourStepOuter{
  background-color:#FFF;
  }
.TESSummaryFourStepImage{
  width:100%;
}
.TESSummaryFourStepImage img{
  width:100%;
}
.TESSummaryFourStepTitle{
  width:100%;
  font-size:large;
   padding:10px 0px 10px 0px;
}
.TESSummaryFourStepText{
  width:92%;
  text-align:left;
  padding:4%;
}

/*# Sub Page/Events TES/Three Steps # */
@media only screen and (max-width: 800px) {
  /* For tablets: */
  .TESSummaryThreeStepOuter{
    width:96%;
    float:left;
    margin:2%;
  }  
  .TESSummaryFourStepText{
  height:auto;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1200px) {
   .TESSummaryThreeStepOuter{
    width:36%;
    float:left;
    margin:2%;
  } 
  .TESSummaryThreeStepText{
  height:160px;  
  }
}

@media only screen and (min-width: 1201px) {
   .TESSummaryThreeStepOuter{
    width:30%;
    float:left;
    margin:1%;
  } 
}

@media only screen and (min-width: 1201px) and (max-width:1540px) {
 .TESSummaryThreeStepText{
  height:210px;  
  }
}
@media only screen and (min-width: 1541px) {
 .TESSummaryThreeStepText{
  height:160px;  
  }
}

.TESSummaryThreeStepOuter{
  background-color:#FFF;
  }
.TESSummaryThreeStepImage{
  width:100%;
}
.TESSummaryThreeStepImage img{
  width:100%;
}
.TESSummaryThreeStepTitle{
  width:100%;
  font-size:large;
   padding:10px 0px 10px 0px;
}
.TESSummaryThreeStepText{
  width:92%;
  text-align:left;
  padding:4%;
}

/*# Sub Page/Events TES/Additional Info # */
.TESAdditionalInfoIconTitle{
  font-weight:bold;
}
.TESAdditionalInfoPopup{
  /*margin:0px 5% 0px 5%;*/
  background-color:#FFF;
  width:96%;
  /*min-height:350px;
  vertical-align:middle;*/
  max-width: 750px;
  margin:2%;
}
.TESAdditionalInfoPopupIcon{
  width:20%;
  padding:5%;
  background-color:#FFF;
  float:left;
  text-align:right;
}
.TESAdditionalInfoPopupIcon img{
  width:100%;
  max-width:200px;
}
.TESAdditionalInfoPopupText{
  width:70%;
  float:left;
  background-color:#FFF;
}
.TESAdditionalInfoPopupTitle{
  font-size:20pt;
  font-weight:bold;
}
.TESAdditionalInfoPopupDetails{
  padding-top:10px;
}


.tradeShowImage {  
  /*width:100%;  
  max-width:600px;*/
  width:100%;
}

.liveEventDetailsLong{  
  padding-top:25px;
  text-align:center !important;
  font-size:14pt;
  width:100%;  
  float:left;
}

.eventAllDetails, .eventAllDetailsBig{
  height: 100%;
  width:98%;
  float:left;
  padding-top:10px;
}
.eventAllDetails img{
  height:30px;
  width:30px;
}
.eventAllDetailsBig{
  text-align: left;
}

.eventDetails{  
  padding-top:10px;
  text-align:left;
  font-size:12pt;
  width:90%;  
  float:left;
}

.eventsRightDetailsHeaderStyle{
  font-size:22px;
  font-weight:600;
  width:100%;
}

.eventsDir{
  text-align:left;
  font-size:12pt; 
  float:left;
  color:#FFF !important;
  border-bottom:none !important;
}


.eventsRightOuterBox img{
max-width:100%; 
}

.eventsDir img{
  height:20px;
  width:15px;
}

.eventsRightOuterBox {  
  margin:10px 0px 10px 0px;
  padding:10px 10px 10px 10px;  
  background-color:#4D4D4F;  
  display: inline-block;
  text-align: left;
  font-size:12pt;
  vertical-align: text-top;
  min-height:340px;
  /* max-height:400px; */
  color:#FFF  !important;
  max-width:98%;
}

.eventDetailsLong{  
  padding-top:25px;
  padding-bottom:25px;
  text-align:left;
  font-size:14pt;
  width:90%;  
  float:left;
}

.eventDetails img{  
  height:30px;
  width:30px;
}

.eventsSummaryContainer {
  width: 100%;     
  text-align: center; 
  margin-left:3%;
  margin-right:3%; 
}
.eventsOuterBoxFull{
  width: 100%;
} 

.eventsOuterBox, .eventsOuterBoxFull {  
  margin:10px 0px 10px 0px;
  padding:0px 10px 10px 10px;  
  background-color:#FFF;  
  display: inline-block;
  text-align: left;
  vertical-align: text-top;
  min-height:340px;
  max-height:400px;
}
.eventsOuterBoxRightBar{
  min-height:290px !important;
  }

.eventShortdetails{
  width:70%;
  text-align:left;
  float:left;
  padding-left:10%;
  padding-right:10%;
  min-height:60px;
}

.eventShortDetailsIcons{
  width:90%;
  text-align:center;
  float:left;
  padding:3%;  
}
.eventShortDetailsIcons img{  
  height:30px;
  width:30px;
  /*float:left; */
}

.eventShortDetailsBottomButtons{  
  width:98%;
  float:left;
 /* padding:3%;  */
  text-align:center;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.eventButton{
  width:76% !important;
  border:none;
  background:#C0C0C0;
  color:#4D4D4F;
  padding: 10px 15px 15px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.eventDetailsButton{
  border:none;
  background:#CF2027;
  color:#FFF;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
}
.registerHeaderText{
  border:none;
  /* background:#4D4D4F; 
  color:#FFF; */
  padding: 10px;
  text-align: left;
  float:left;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 900;
}

.registerHeaderText img{
  height:20px;
  width:20px;
}

.liveEventShortDetailsTitle{
  width:100%;
  text-align:left;
  float:left;
  font-size:16pt;
  font-weight:600; 
  min-height:60px;
}
.eventShortDetailsTitle{
  width:100%;
  text-align:left;
  float:left;
  font-size:16pt;
  font-weight:600; 
}
.eventDetailsRegisterButton, .MySubmitButtonContainer input[type=submit], .alliedStandoutButton{
  border:none;
  background:#CF2027;
  color:#FFF !important;
  padding: 10px 15px 10px 15px;
  text-align: center;
  
  text-decoration: none !important;
  display: inline-block;
  font-weight: 700;  
  font-size:20pt;
}

.CareerButton {
    border: none;
    background: #FFF !important;
    color: #CF2027 !important;
    padding: 10px 15px 10px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-weight: 700;
    font-size: 20pt;
}

.openHouseRegisterButton {
  border:none;
  background:#CF2027;
  color:#FFF !important;
  padding: 10px 15px 10px 15px;
  text-align: center;
  
  text-decoration: none !important;
  display: inline-block;
  font-weight: 700;  
  font-size:11pt;
}

.eventHeader{
  color: #000000;
  padding-left:8px;
}

.eventTitle{
  text-align:left;
  font-size:18pt;
  font-weight:600;
  
}

.eventTitle img{
  width:90%;
}

.eventNameHome>a:link, .eventNameHome>a:visited {
  text-align:left;
  font-size:13pt;
  color:inherit;
}

.eventDateText{
  text-align:left;
  font-size:12pt;
  float:left;
  padding-left:9%;
  padding-right:9%;
}

.eventLogo{
  float:left;
}
.eventsImage {  
  /* width:100%; */
  max-width:600px;
  text-align: left;
}
.eventsImage>img {
  /* width:100%; */
  max-width:600px;
}
.socialMedia{
  float:left;
  width:90%;
  padding:10px 10px 10px 10px; 
  text-align:left;
}

.eventRegFormText {
  text-align:left;
  font-size:12pt;
}

.eventTypeTab{
  height:40px;
  width:24%;
  text-align:center;
  vertical-align:middle;
  border: 1px solid #808080;
}

/*# Sub Page/Success Stories # */
.successStoryteaserImg{
  width:70%;
  max-width:400px;
  border: 1px solid #C0C0C0;
}

.dropDowns{
  max-width:200px;
  }


.successStorySocialMedia img {
  height:30px;
  width:30px;
}

.successStoryText{
  font-size:16pt;
  }

/*# Sub Page/Success Stories/Case Studies # */

.caseTable {
  border-collapse: collapse;
  width: 100%;
}

.caseTable td, .caseTable th {
  border: 1px solid #ddd;
  padding: 7px;
}

.caseTable tr:nth-child(even){background-color: #e6e7e8;}

.caseTable tr:nth-child(odd){background-color: #ffffff;}

.caseTable tr:hover {color: white;background-color: #cf2027;}

.caseTable th {
  padding: 12px;
  text-align: center;
  background-color: #939598;
  color: white;
}




.caseStudiesContainer{
  width: auto !important;  
  float:left; 
  min-width:300px;
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:10%; 
  display: inline-block;
} 
.CaseStudiesOuterContainer{
  display: inline-block;
  width:300px;
   }
.caseStudyLabels {
  font-weight:bold;  
  }
.bigDropdown select{
  font-size:20pt;  
}

.dropDown {
  max-width:250px;
  }

.caseStudyTopPad {
  width:100%;
  float:left;
  display:inline-block;
  padding-top:7px;
  }

.caseStudyText {
  /* font-size:12pt; */
  float:left;
  /*padding-left:1%;*/
  padding-right:4%;  
  }
.caseStudyText li{
  padding-top:10px;
  }
.caseStudyLinkToProd{
  width:100%;
  float:left;
  }
.viewPdfButton{
  width:40%;
  min-height:45px;
  max-height:60px;
  border:none;
  padding-top:15px;
  background:#4d4d4f;
  color:#FFFFFF !important;
  display: inline-block;
  text-align: center;
  vertical-align:center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top:20px;
}
.pdfLink img {
  height:30px;
  width:30px;
  }

.Paging {
  padding: 8px;
  margin: 2px;
  background:#4D4D4F;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
}

.PagingClick {
  padding: 8px;
  margin: 2px;
  background:#cf2027;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
}

@media only screen and (max-width: 500px) {
.Paging {
  padding: 4px !important;       
  font-size:12px !important;
  margin: 2px;
  background: #4D4D4F;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
  }
}

@media only screen and (max-width: 500px) {
.PagingClick {
  padding: 4px !important;       
  font-size:12px !important;
  margin: 2px;
  background: #cf2027;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
  }
}


@media only screen and (min-width: 500px) and (max-width:750px)  {
.Paging {
   padding: 6px !important;      
  font-size:14px !important;
  margin: 2px;
  background: #4D4D4F;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
 }
}

@media only screen and (min-width: 500px) and (max-width:750px)  {
.PagingClick {
   padding: 6px !important;      
  font-size:14px !important;
  margin: 2px;
  background: #cf2027;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
 }
}



@media only screen and (min-width: 750px){
.Paging {
  padding: 8px;
  margin: 2px;
  background:#4D4D4F;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
    }  
 }

@media only screen and (min-width: 750px){
.PagingClick {
  padding: 8px;
  margin: 2px;
  background:#cf2027;
  border: solid 1px #666;
  color: #fff !important;
  font-weight: bold;
}
  
 }


@media only screen and (max-width: 600px) {
  .viewPdfButton{
    width:100%; 
  }
}

@media only screen and (min-width: 600px) and (max-width:750px)  {
  .viewPdfButton{
    width:48%;
  }
}
@media only screen and (min-width: 750px) {
  viewPdfButton {
   width:44%;
  }
}

@media only screen and (max-width: 801px) {
  /* For tablets: */
  .CaseStudyColumn{
    /*width:63%;*/
    width:100%;
  }  
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  /* For tablets: */
  .CaseStudyColumn{
    width:49%;
  }  
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  /* For tablets: */
  .CaseStudyColumn{
    width:33%;   
  }  
}

@media only screen and (min-width: 1400px)  {
  /* For tablets: */
  .CaseStudyColumn{
    width:25%;   
  }  
}

.CaseStudyColumn{
  float:left; 
  display: inline-block;
  }

.caseStudyBottomText img {
  text-align:center;
  margin-left:15%;
  margin-top:2%;
  height:50px;
  width:200px;
  }
.caseStudiesTitle, .successStoriesTitle {
  width:100%;
  font-weight:bold;
  text-align:left;
  float:left;
  /*padding-bottom:5px;*/
  padding-top:5px;
  display: inline-block;
}
.caseStudiesTitle{
   font-size:18pt;
  }

.successStoriesTitle {
   font-size:22pt;
}

.caseStudiesTitle img{
vertical-align:middle;
padding-bottom:5px; 
}
.caseStudiesListTitle {
  width:100%;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  float:left;
  padding-bottom:5px;
  padding-top:5px;
  display: inline-block;
}
.caseStudiesSubTitle {
  width:100%;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  float:left;
  padding-bottom:5px;
  padding-top:5px;
  /*padding-left:6px;*/
  display: inline-block;
}

.caseStudiesBottomOuterContainer {
  min-height:360px;
  }

.caseStudiesBottomContainer {
  width:95%;
  float:left;
  display:inline-block;
  margin-left:10px;  
  padding-bottom:5px;
  }

.caseStudiesBottomLeft {
  width:30%;
  text-align:left;
  float:left;
  padding-right:8px;
  }
.caseStudiesBottomRight {
  width:65%;
  text-align:left;
  float:left; 
  }

.caseStudiesPDFBox {
  margin-top:10px;
  width: 100%;
    float: left;
  }


/*# Sub Page/Affiliations # */
.affiliated_outerBox{
  display: inline-block;
  width:26%;
  min-height:250px;
  background-color:#FFF;
  position: relative;
  margin:10px;
}
@media only screen and (max-width: 500px) {
  .affiliated_outerBox{
    /* 1 across with padding */
    width:90%;
  }
}
@media only screen and (min-width: 500px) and (max-width: 700px) {
  .affiliated_outerBox{
    /* 2 across with padding */
    width:51%;
  }
}
@media only screen and (min-width: 700px) and (max-width: 950px) {
  .affiliated_outerBox{
    /* 2 across with padding */
    width:36%;
  }
}
@media only screen and (min-width: 950px) {
  .affiliated_outerBox{
    /* 3 across with padding */
    width:26%;
  }
}

.affiliated_insideBox{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align:center;
}
.affiliated_insideBox:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.affiliated_insideBox img {
  vertical-align: middle;
  display: inline-block;
}

.affiliated_DetailsBox{
  padding:10px 10px 10px 10px;
  text-align:left;
  display:inline-block;
  width:90%;
  background-color:#FFF;
}

/*# Sub Page/About Us #*/
.about_repeater{
  width:100%;
  text-align: center;
}
.about_outerBox {
  width:100%;
  margin:15px;
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 950px) {
.aboutTimeLineImage{
  width:100%;
  margin:auto;
  }
}
@media only screen and (min-width: 950px) {
.aboutTimeLineImage{
  width:50%;
  margin:auto;
  }
}  
.aboutTimeLineImage img{
    width:90%;
    max-width:500px;
  }
.isoMapBox img {
    width: 80%;
    max-width: 400px;
    max-height: 330px !important;
}
.aboutMap img{
  width: 90%;
  max-width:1200px;
  padding: 0 2% 0 2%;
  }
.about_DetailsBox{
  padding:10px 10px 10px 10px;
  display:inline-block;
  width:82%;
  text-align:center;
  background-color:#FFF;
}

.video_Container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  z-index:-1 !important;
}

.video_Container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;  
}

.about_bigText{
  font-size:18pt;
  font-weight:bold;
}

.about_smallText{
  font-size:11pt;
}

.about_bottomZones {
  float: left;
  margin: 10px;
  width:80%;
  padding: 10px 10px 10px 10px;
  text-align:center;  
}
/*# Sub Page/About Us/History #*/
.historyPictureImage{
  width:90%;
    margin-left: 5%;
    margin-right: 6%;
  text-align:center;
  }

.historyPictureImage img{
  max-width:250px;
  width:98%;
}
.historyPicturesSubtext{
  padding-top:5px;
  font-style: italic;
  text-align:center;
  }
/*# Sub Page/About Us/Brands #*/
.brandImg{
  width:80%;
  padding:2%;
}
.brandText{
  font-size:15pt;
  color:#4d4d4f;
  text-align:center;
  font-weight:bold;
  padding-top:2%;
}
.brandSubText{
  text-align:center;
  font-size:13pt;
  padding:2%;
  color:#4d4d4f;
  font-weight:bold;
}
.brandDetails{
  text-align:left;
  font-size:10pt;
  padding: 2% 5% 5% 5%;
  min-height: 60px;
  color:#4d4d4f;
}
.mileStoneBox, .brandBox{
  width:100%;
  height:100%;
  background-color:#FFFFFF;
  display:inline-block;  
  border: 1px solid #A9A9A9;
  }

/*# Sub Page/Literature #*/
.literatureImage{
  width:90%;
  max-width:200px;
}

.litActionIcons{
  background-color:gray;
  width:90%;
  display: inline-block;
}

.literatureButtons{
    background:#CF2027;
    color:#FFFFFF;
    font-size:12pt;
    font-weight:bold;
    -webkit-appearance: none;
    padding:10px 15px 10px 15px;
  }

.literatureButtonsOuter{
  padding-bottom:20px;
  }

.literatureAnchorLinks{
  padding-bottom:60px;
  padding-top:30px;
  font-size:26px; 
}

.literatureAnchorLinksEU{
  padding-bottom:60px;
  padding-top:30px;
  font-size:26px;  
}

 *@media only screen and (min-width: 922px) and (max-width: 1040px) {
.literatureAnchorLinksEU{
  padding-bottom:60px;
  padding-top:30px;
  font-size:26px; 
  margin-left: 10%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 922px) {
.literatureAnchorLinksEU{
  padding-bottom:60px;
  padding-top:30px;
  font-size:26px; 
  margin-left: 2%;
  }
}  

 *@media only screen and (min-width: 1040px) {
.literatureAnchorLinksEU{
  padding-bottom:60px;
  padding-top:30px;
  font-size:26px; 
  margin-left: 0%;
  }
}

.literatureIcon{
  /*width:50%;
  max-width:40px;*/
  width:40px;
}

.AnchorText{
  font-size:12pt;
  font-weight:Bold;
  }

.literatureIcon2{ 
  width:50px;
}

.literatureIconPerLit{
  width:30px;
}

.literatureFilterBox{
  padding:50px 0px 10px 50px;
}

.literatureOuterBox{
  max-width:300px;
  padding:2%;
  text-align:center;
  margin:auto;
  height:456px;
}

.literatureOuterBoxMinWidth{
  min-width:300px;
  }

.literatureDetailPage>.col4{
  width:100% !important;
  }

.literatureThumbnail{
  max-width:300px;
  width:90%;
  height:400px;
  height:90%;
  padding:4% 0% 0% 2%;
}
.fullProductIconBox{
  padding:10%;
}
.literatureHeaderText{
  font-size:12pt;
  color:#4D4D4F;
  text-align:center;
  /*min-height:40px;*/
}

.literatureHeaderTextMasterCatalogs {
    font-size: 12pt;
    color: #4D4D4F;
    text-align: center;
    min-height: 40px;
}
.literatureHeaderTitleText {
    font-size: large;
    color: #4D4D4F;
    font-weight: bold;
    text-align: center;
    min-height: 40px;
}

@media only screen and (min-width: 1025px) and (max-width: 1257px) {
    .literatureHeaderTitleText {
        font-size: large;
        color: #4D4D4F;
        font-weight: bold;
        text-align: center;
        min-height: 66px;
    }
}

.literatureSubHeaderText{
  width:90%;
  font-size:28px;
  color:#4D4D4F;
  text-align:center;
  padding-left:5%;
  padding-right:5%;
}
.litAvailOnline{
  text-align:center;
  font-size:10pt;
  padding-top:5px;
  }

.literatureFullCatalogSubHeaderText{
  width:100%;
  font-size:28px;
  color:#4D4D4F;
  text-align:center;   
}



.literatureButtonText{
  /*  background-color:#C4C4C4; */
  padding-left:5px;
  padding-bottom:2px;
  padding-top:2px;
  padding-right:2px;
}
/*.literatureAnchorLinks:hover{
border-bottom: 3px solid gray;
}
.literatureAnchorLinks>.Selected{
border-bottom: 3px solid red;
} */

.LiteratureOrderButton{
  text-align:center;
  font-size:26px;
  /* padding-top:15px;  */
  padding-right:10px;
  /*padding-left:10px; 
  background-color:#C4C4C4;*/
}
.LiteratureOrderButton Img{
  vertical-align:middle;
  height:30px;
  width:30px;
}

/*# Sub Page/Patents #*/

.patentProductHeader {
  width:100%;
  text-align:center;
  font-weight:bold;
  font-size:18px;
  padding-bottom:10px;
  padding-left:10px;
  }

.patentDescriptionHeader {
   width:100%;
  text-align:left;
  padding-bottom:10px;
  padding-left:10px;
  font-size:15px;
 
  }


.patentNumbers {
  width:90%;
 padding-left:10px;
  }

.patentOuterBox{
  display: inline-block;
  width:90%;
  min-height:200px;   
  position: relative;
  background-color:#FFF;
  margin-bottom:20px;
}


.patentsHeaderText{
  width:100%;
  font-size:28px;
  color:#4D4D4F;
  text-align:left;
  /*padding-left:5%;  */
}



.patentsOverviewText{
  width:100%;
  font-size:20px; 
  color:#4D4D4F;
  text-align:left;
  /*padding-left:5%;
  padding-right:5%;*/
}
.patentsOverviewImage{
  width:100%;
  text-align:center;
  }

.patentsMainPageHeaderText{
  width:100%;
 /* min-height:75px; */
  font-size:18px; 
  color:#4D4D4F;
  text-align:center;
  padding-bottom:2%
/*  padding-left:5%;
  padding-right:5%; */
}

.patentsShortDescText{
  width:100%;
  min-height:45px;
  font-size:18px; 
  color:#4D4D4F;
  text-align:left;
  padding-left:5%;  
  padding-right:5%;
}

.patentsOverviewImage img{
  /*height:300px;  
  width:400px;*/
  padding-left:5%;
  padding-right:5%;
}

.patentImage img {
  width:100%; 
  max-width:600px;
}




.patentInner {
  
  padding-left:10px;
 

  }


.nonImageColumn2, .imageColumn2{
      float:right;
      display:inline-block;
    }

@media only screen and (min-width: 950px) {
  .patentsOverviewImage img {
    width:90%;
    /*height:90%;*/
    margin:1%;
  }
  .nonImageColumn2, .imageColumn2{
      width:50%;
    }
}

@media only screen and (min-width: 700px) and (max-width:950px) {
  .patentsOverviewImage img {
    width:60%;
    /*height:60%;
    margin:2%;*/
  }
  .nonImageColumn2, .imageColumn2{
      width:100%;
    }
}

@media only screen and (max-width: 700px) {
  .patentsOverviewImage img {
    width:90%;
    max-width:600px;
    /*height:50%;
    margin:5%;*/
  }
  .nonImageColumn2, .imageColumn2{
      width:100%;
    }
}
 /*# Sub Page/Lunch and Learn #*/

.partnerContainer{
  width:auto !important;
  float:left;
  
  }

.partnerContainer img{
  width:150px;
  height:50px;
  }

.lunchLearnOuterBox {  
  background-color:#FFF;
  display: inline-block;
  text-align: left;
  vertical-align: text-top;
  width: auto !important;
  float:left;
  max-width:350px;
}

/*# Sub Page/Blog Page#*/


.blogPageImgCentered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blogImgContainer {
  position: relative;
  text-align: center;
  
}
.blogContainer {
  width: auto !important;  
  text-align: left;
  float:left; 
  min-width:300px;
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:10%;
}
.blogOuterContainer{
 display: inline-block;
 width:100%; 
  /*text-align: left;*/
  float:left; 
  }

.blogArticleText {
  text-align:left;
  font-size:12pt;
  padding-left:2%;
}

.blogVideoHeight  {
	padding-bottom:8px !important;	
	max-height: 500px;
    max-width: 500px;
}

.blogColumn{
  width:230px;
  display:inline-block;
  padding-bottom:20px;
  float:left; 
  }  

.blogMainRight{
  background-color: #B6B0B0;
  }

.otherBlogHeader{
  font-size:14pt;
  font-weight:bold;
  padding-left:20px;
  }
.blogOuterBoxFull{
  width: 90%;
}
.blogOuterBoxFull img {
  height:30px;
  width:30px;
}
.blogDetails img{
  height:30px;
  width:30px;
}

.blogOuterBox, .blogOuterBoxFull {  
  background-color:#FFF;
  display: inline-block;
  text-align: left;
  vertical-align: text-top;
  width: auto !important;
  min-height: 360px;
  
  max-width:230px;  
  margin-bottom:20px;
 /* margin-left:20px; 
  min-height:380px;*/
}
.blogOuterBox img{
height:160px;
width:230px;
float:left;
padding-bottom:8px;
}

.blogOuterBoxVideo{
padding-bottom:8px !important;
}

.blogDateText{
  font-size:11px;
  font-weight:500;
  padding-left:2%;
  padding-bottom:5px;
  }
.blogDateTeaserBox {
  min-height:40px !important;
  padding-left:2%;
  }
  
  
  .blogTesButtonStyle {
	  border-color:red; 
	  border-style:solid; 
	  border-width:2px; 
	  width:67%;  
	  padding-bottom:3px; 
	  padding-top:3px;
  }
  
@media only screen and (max-width: 600px) {
  .blogContainer{
    width:100%; 
  }
   .blogTesButtonStyle {
	  border-color:red; 
	  border-style:solid; 
	  border-width:2px; 
	  width:100%;  
	  padding-bottom:3px; 
	  padding-top:3px;
  }
}

 @media only screen and (min-width: 600px) and (max-width:750px)  {
 .blogContainer{
    width:48%;   
    
  }
  
  .blogTesButtonStyle {
	  border-color:red; 
	  border-style:solid; 
	  border-width:2px; 
	  width:50%;  
	  padding-bottom:3px; 
	  padding-top:3px;
  }
}  
@media only screen and (min-width: 750px) and (max-width:1023px) {
   .blogContainer {
   width:44%;
  }
  .blogTesButtonStyle {
	  border-color:red; 
	  border-style:solid; 
	  border-width:2px; 
	  width:50%;  
	  padding-bottom:3px; 
	  padding-top:3px;
  }
}

@media only screen and (min-width: 1023px) {
   .blogContainer {
   width:44%;
  }
  .blogTesButtonStyle {
	  border-color:red; 
	  border-style:solid; 
	  border-width:2px; 
	  width:67%;  
	  padding-bottom:3px; 
	  padding-top:3px;
  }
}



@media only screen and (max-width: 650px) {
  /* For tablets: */
  .blogColumn{ 
    width:100%;
  }  
}


@media only screen and (min-width: 650px) and (max-width: 1024px) {
  /* For tablets: */
  .blogColumn{
    width:49%;
  }  
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  /* For tablets: */
  .blogColumn{
    width:43%;      
  }  
  .blogOuterBox{
    min-width:230px;
  }
}

@media only screen and (min-width: 1400px)  {
  /* For tablets: */
  .blogColumn{
    width:33%;   
  }  
}

.blogRow {
  margin-bottom:30px;
}





/*# Sub Page/News Page #*/
.rssFeed{
  float:left;
  
  }
.rssFeedText{
  float:left;
  
  text-align:left;
  }

@media only screen and (max-width: 800px) {
   .rssFeedText{
    width:90%;
    padding:10px 5% 10px 5%;
   }
  .rssFeed{
    width:90%;
    padding:5%;
  }
  .rssFeed img{
    width:90%;
    max-width:200px;
  }
}

@media only screen and (min-width: 800px) {
   .rssFeedText{
    width:78%;
    margin:0 1% 0 1%;
    padding:30px 0px 10px 0px;
   }
  .rssFeed{
    width:20%;
    padding:20px 0px 20px 0px;
  }
  .rssFeed img{
  width:90%;
    max-width:200px;
  }
}

 .newsContainer {
  width: auto !important;  
  text-align: left;
  float:left; 
  min-width:300px;
  background-color:#FFF;   
  margin-top:10%;
  margin-bottom:10%;
}
.newsOuterContainer{
 display: inline-block;
 width:100%; 
  /*text-align: left;*/
  float:left; 
  }

.newsColumn{
  width:300px;
  display:inline-block;
  padding-bottom:20px;
  float:left; 
  }  

.otherNewHeader{
  font-size:14pt;
  font-weight:bold;
  padding-left:20px;
  }
.newsOuterBoxFull{
  width: 90%;
}
.newsOuterBoxFull img {
  height:30px;
  width:30px;
}
.newsDetails img{
  height:30px;
  width:30px;
}

.newsOuterBox, .newsOuterBoxFull {  
  background-color:#FFF;
  display: inline-block;
  text-align: left;
  vertical-align: text-top;
  width: auto !important;
  /*float:left;*/
  max-width:300px;
  margin-bottom:20px;
 /* margin-left:20px; 
  min-height:380px;*/
}
.newsOuterBox img{
height:200px;
width:300px;
float:left;
}

/*# Sub Page/News Page/Home Page #*/
.newsHomeBox{
  width: 100%;
  text-align:center;
  padding-bottom:15px;
  }
.newsHomeBox img{
  width:27%;
  float:left;
  max-width:400px;
  margin:auto;
  /*padding-top:20px;*/
  margin-right:2%;
  margin-bottom:20px;
  padding-right:0px !important;
  padding-bottom:0px !important;
  }

.newsHomeDetails{
  width:70%;
  margin:0px 15%;
  float:left;
  font-weight:bold;
  padding-left:1%;
  padding-bottom:15px;
  text-align:left !important;
  font-size:large;
  color:#CF2027;
  max-width:250px;
  }

.newsHomePage{
  width: 100%;
  text-align:center;
  }
.newsHomePage img{
  width:70%;
  float:left;  
  max-width:250px;  
  margin:0px 15%;
  border:1px solid #C0C0C0;
  /*padding-top:20px;
  padding-right:2%;*/
  padding-bottom:20px;
  border-bottom: 1px solid silver !important;
  }
/*.homeNewsIcons{
  width:100%;
  float:left;
}
.homeNewsIcons img{
  padding-top:2px;
  padding-bottom:20px;
  height:30px;
  width:30px;
}
*/


@media only screen and (min-width: 1300px) {
    .newsHomePageContainer {
        min-height: 150px !important;
    }
}

@media only screen and (max-width: 600px) {
  .newsContainer{
    width:100%; 
  }
}

 @media only screen and (min-width: 600px) and (max-width:750px)  {
 .newsContainer{
    width:48%;   
    
  }
}  
@media only screen and (min-width: 750px) {
   .newsContainer {
   width:44%;
  }
}

@media only screen and (max-width: 650px) {
  /* For tablets: */
  .newsColumn{ 
    width:100%;
  }  
}


@media only screen and (min-width: 650px) and (max-width: 1024px) {
  /* For tablets: */
  .newsColumn{
    width:49%;
  }  
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  /* For tablets: */
  .newsColumn{
    width:33%;   
  }  
}

@media only screen and (min-width: 1400px)  {
  /* For tablets: */
  .newsColumn{
    width:25%;   
  }  
}

.newsRow {
  margin-bottom:30px;
}


.row {
  margin-right:15px;
  margin-left:-15px;
}
.newsSocMediaIcons img, .caseStudiesSocMediaIcons img{
  height:30px !important;
  width:30px !important;
  text-align:left !important;
  float:left;
}

.caseStudiesSocMediaIcons{
  padding:15px 0px;
}

.newsLarge {
width:66.666666%
}

.newsDetails{ 
  max-width:300px;
  float:left;
  padding-left:10px;
}

@media only screen and (max-width: 700px) {
  .newsOuterBox, .articleContainer {
    width:70%;   
  }
}
@media only screen and (min-width: 700px) and (max-width:950px) {
  .newsOuterBox, .articleContainer {
    width:48%;   
  }
}
@media only screen and (min-width: 950px) {
  .newsOuterBox, .articleContainer {
    width:45%;      
  }
}

.newsDateText{
  text-align:left;
  font-size:9pt;
  padding-top:5px;
}

.newsHeadlineSummary {
  text-align:left;
  font-size:14pt;
  font-weight: bold;
  padding:10px 10px 10px 0px;
  
}

.newsHeadline {
  text-align:left;
  font-size:18pt;
  font-weight: bold;
  padding:2px;
}
.newsHeadline a, .newsHeadlineSummary a{
  text-decoration:none;
  }
.newsHeadline img {
  height:30px;
  width:30px;
}
.newsSummary {
  text-align:left;
  font-size:10pt;
  width:100%;
}

.homeNewsIcons img{
height:30px;
width:30px;
float:left;
}

.newsImage img {  
  /*width:100%;  
  max-width:600px;*/
  width:300px;
  height:200px; 
  /*padding-bottom:15px; */
}

.newsImageArticle img{
    width:300px;
  height:200px; 
  padding:10px 0px 30px 0px;
  }
  


/*# Sub Page/News Article Page #*/
.articleContainer {
  width: auto !important;
  text-align: left; 
  margin-left:5%;
  margin-right:5%;
  /*background-color:#FFF;*/
  padding-top:10px;
}



.articleHeaderText {
  text-align:left;
  font-size:15pt;
  font-weight: 600;
}

.articleDate {
  text-align:left;
  font-size:12pt;
  font-weight: 600;
}
.articleReporterInfo {
  text-align:left;
  font-size:10pt;
}

.articleText {
  text-align:left;
  font-size:12pt;
}

/*# Utility Dropdown #*/
.utilityDropDownItem{
  width:115px;
  text-align:center;
  padding: 1px; 
  white-space:normal;
  min-height:75px;
  }
.utilityDropDownIcon{
  padding-top:4px;
  width:20px;
  }
.utilityDropDownItem:hover{
  padding: 0px;
  border: 1px solid #C0C0C0;
}
.utilityDropDownItemRoot{
  width:70px;
  background-color:transparent !important; 
  color:#4D4D4F;
  font-size:12pt;
}
.utilityDropDownItemImage{
  width:100%;
  text-align:center;
}
.utilityDropDownItemImage img{
  width:40%;
  padding:auto; 
}
.utilityDropDownItemText {
  width:100%;
  text-align:center;
  font-size:8pt !important;
}
.utilityDropDownItem a {
  text-decoration:none;
  }

.RadMenu_Default {
  font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;  
  font-size:9pt !important;
  max-width:100px;
  float: left;
}

.RadMenu_Default .rmVertical:before, .RadMenu_Default .rmMultiColumn:before{
  background-color:#FFF !important;

}

.RadMenu .rmPopup .rmContent, .RadMenu .rmGroup .rmContent{
  padding:5px 0px 10px 0px !important;
}

.RadMenu_Default .rmRootGroup{
  background-color:transparent !important;
  background-image:none !important;
}
.RadMenu .rmShadows, .RadMenu .rmShadows .rmMultiColumn{
  box-shadow: none !important;
}
.RadMenu .rmGroup, .RadMenu .rmRootGroup, .RadMenu .rmMultiColumn{
  border: 0px transparent !important;
}
.RadMenu .rmRootGroup>.rmItem, .RadMenu .rmRootGroup>.rmRootScrollGroup>.rmItem{
  border:transparent !important;
  margin-top: 2px;
  cursor:pointer !important;
}

.RadMenu .rmSlide{
  border: 1px solid #c0c0c0 !important;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  margin-top:7px !important;
  /*left: -235px !important;*/
}
.headerButton {
  padding-left:20px;
  -moz-box-shadow:inset 0px 1px 0px 0px #CF2027;
  -webkit-box-shadow:inset 0px 1px 0px 0px #CF2027;
  box-shadow:inset 0px 1px 0px 0px #CF2027;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CF2027), color-stop(1, #c62d1f) );
  background:-moz-linear-gradient( center top, #CF2027 5%, #c62d1f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background-color:#CF2027;
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:10;
  border:1px solid #d02718;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  height:24px;
  line-height:24px;
  width:150px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #810e05;
}
.headerButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
  background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
  background-color:#c62d1f;
}.headerButton:active {
  position:relative;
  top:1px;
}

/*# Sub Page/Careers # */

.careersHeaderText {
  text-align:left;
  font-size:15pt;
  font-weight:600;
}

.careersDate {
  text-align:left;
  font-size:12pt;
  font-weight:600;
}

.careersImageUltiPro {
  max-width:400px;
}

.careersImage img {
  padding:2%;
  width:96%;
  height:96%;
  text-align:center;
}
.careerDetailsOuterBox{
  padding-top:2%;
  padding-bottom:2%;
  width:100%;
}
.careerDetailsInnerBox{
  background-color:#FFF;
  padding:1%;
}
.careersDetails {
  text-align:left;
  font-size:13pt; 
  padding-top:15px;
  
}
.careersContainer {
  width: auto !important;
  text-align: left; 
  margin-left:5%;
  margin-right:5%;
  padding-bottom:25px; 
  float:left;
}
/*# Sub Page/Distributor Locator #*/

.gridviewContainer {
  width: auto !important;
  text-align: left; 
  margin-left:2%;
  margin-right:5%;
  padding-top:25px; 
  float:left;
}

.topContainer {
  width: auto !important;
  text-align: left; 
  margin-left:10%;
  margin-right:5%;
  padding-bottom:25px; 
  float:left;
}


/*# Sub Page/Marketing Utilities/Tradeshow Display Setup Videos #*/

 .MainPageContainer {
  width: auto !important;  
  text-align: left;
  float:left; 
  width:33%;
  margin:5%;

}
.MainPageOuterContainer{
 display: inline-block;
 width:100%; 
  /*text-align: left;*/
  float:left; 
  }

.MainPageColumn{
  width:30%;
  display:inline-block;
  padding-bottom:10px;
  float:left; 
  }  

.MainPageColumn img {
  height:200px;
  width:300px;
  }
  
/*# Sub Page/Marketing Utilities #*/
.ChangeLogContainer {
  width:100%;
  text-align: left;
  padding-bottom:5%;
  padding-top:5%;
  
}

.imageContainer {
    float: left;
    display: inline-block;
    width: 20%;
  }

.imageContainer img {
  height:95%;
  width:95%;
  }
  
.Link {
  font-size:26px;
  padding:30px;
  margin-bottom:20px;
  background:#4d4d4f;
  color:#FFFFFF !important;
  }
/*# Sub Page/FAQ Page #*/
  .accordionHeader
        {
           /* border: 1px solid #2F4F4F; */
            color: #4D4D4F;
            background-color: #e8e8ed;
            font-family: Arial, Sans-Serif;
            font-size: 15px;
            font-weight: bold;
            padding: 7px;
            margin-top: 10px;
            cursor: pointer;
        }

        
  .accordionHeaderSelected
        {
           /* border: 1px solid #2F4F4F; */
            color: #4D4D4F;
            background-color: #e8e8ed;
            font-family: Arial, Sans-Serif;
            font-size: 15px;
            font-weight: bold;
            padding: 7px;
            margin-top: 10px;
            cursor: pointer;
        }

  .accordionHeader img {
          height:20px;
          width:20px;
          padding-top:0px;
          padding-bottom:0px;
          padding-left:0px;
          padding-right:10px;
          }
        .accordionHeaderSelected img {
          height:20px;
          width:20px;
          padding-top:0px;
          padding-bottom:0px;
          padding-left:0px;
          padding-right:10px;
          }
 .accordionContent
        {
          /*  background-color: #b3b1b3; 
            border: 1px dashed #2F4F4F; */
            border-top: none;
            padding: 5px;
            padding-top: 10px;
            padding-left:20px;
        }

/*# Sub Page/Success Stories Detail Page #*/
.storyContainer {
  width: auto !important;
  text-align: left; 
  margin-left:5%;
  margin-right:5%;
}

.TypeHeader {
  width:60%;
  }

@media only screen and (max-width: 700px) {
  .storyContainer {
    width:70%;
    margin:5%;
  }
}
@media only screen and (min-width: 700px) and (max-width:950px) {
  .storyContainer {
    width:48%;
    margin:2%;
  }
}
@media only screen and (min-width: 950px) {
  .storyContainer {
    width:45%;  
    margin:1%;
  }
}


.storyHeaderText {
  text-align:left;
  font-size:18pt;
  font-weight: 600;
}

.storyText {
  text-align:left;
  font-size:12pt;
}

/*# Utilities #*/
.gvHeader {
  text-align:center;
  background:#000000; /* dark blue */
  color:#FFFFFF; /* white */
  font-weight:bold;
}   

.gvHeader a {
  color:#FFFFFF;
}

.inputRight{
  text-align:right;
  padding-bottom:5px;
}

.inputLeft{
  text-align:left;
  padding-bottom:5px;
}

/*# Utilities/Login #*/
.subHeading{
  margin-left:10px;
  }
.subHeadingInstructions{
  margin-left:15px;
  }
.distLookupHeader {
    font-size:large;
    font-weight:bold;
    text-align:center;  
    color:#CF2027;
}
.registerHeader{
  font-size:x-large;
  font-weight:bold;
  }
.sectionHeader{
   font-size:large;
   font-weight:bold;
 }
.LoginRegisterButton{
    background: #cf2027;
    color: #fff;
    font-size: 16pt;
    font-weight: bold;
    -webkit-appearance: none;
  }
/*# Utilities/FSE Dashboard #*/
.subPageFSELandingPageImg{
  padding-top:20px;
  padding-bottom:10px;
}
.subPageFSELandingText{
  font-size:large;
  color:#CF2027;
  text-align:center;
  padding-bottom:20px;
}

@media only screen and (max-width:1024px) {
  .subPageFSELandingPageImg{
      width:33%;
      float:left;
    }
    .subPageFSELandingText{
      width:67%;
      float:left;
    }
 }

@media only screen and (min-width:1024px) {
    .subPageFSELandingPageImg{
      width:50%;
    }
    .subPageFSELandingText{
      width:100%;
    }
 }

/*# Utilities/FSE Dashboard/Case Study Report#*/
    .txtFields
    {
        Width:90%;
        Height:30px;
        font-size:16px;
    }
     .txtReportName
    {
        Width:50%;
        Height:25px;
        font-size:16px;
    }

    .txtReportNameLabel
    {
        Height:25px;
        font-size:18px;
    }
      .txtMultiLineFields
    {
        Width:95%;
        Height:45px;
    }
    .dropdownFields
    {
        Height:25px;
    }
       .padding5Top
    {
        padding-top:5px;
    }
     .padding25Top
    {
        padding-top:25px;
    }
     .padding25Bottom
    {
        padding-bottom:25px;
    }
    .padding25TopandBottom
    {
        padding-top:25px;
        padding-bottom:25px;
    }
    .padding15Top
    {
        padding-top:15px;
    }
    .padding15Bottom 
    {
        padding-bottom: 15px;
    }
    .padding10Top25Bottom
    {
        padding-top: 10px;
        padding-bottom: 25px;
    }
    .padding5Top
    {
        padding-top:15px;
    }
     .padding15TopandBottom
    {
        padding-top:15px;
        padding-bottom:15px;
    }
	 .padding15Left
    {
        padding-left:15px;       
    }
   .padding10TopandBottom
    {
        padding-top:10px;
        padding-bottom:10px;
    }
	.padding10Bottom
    {     
        padding-bottom:10px;
    }
  .padding5TopandBottom
    {
        padding-top:5px;
        padding-bottom:5px;
    }
    .padding50Top
    {
        padding-top:50px;
    }

    .CsDiv
    {
        padding-top:5px;
    }

    .CsHeaderDiv
    {
        padding-top:15px;
    }

      .panelStyle
    {
        width:100%;
        background-color:black;
        color:white
    }
    .imgClick
    {
        padding-top:10px;
        height:30px;
        width:400px;     
    }

    .solutionHeader
    {
         vertical-align:top;
         width:96%;
         height:20px;
         margin-bottom:5px;
         background-color:black;
         color:white;
    }
    .targetPanel
    {
        height: 0px;
        overflow: hidden;
    }

   .stepsPadding
    {
        padding-left:35px;
        padding-right:35px;
    }

  .pnlDecideButtons 
  {
    height:250px;
    width:250px;
    border-style:solid;
    border-color:#a9a9a9;
    border-width:1px;
  }

.CaseStudyFormCircles {
    vertical-align:top;
    font-size:10pt;
     padding: 0;
    list-style-type: none;
}
.CaseStudyFormCircles a {
  text-decoration:none;
  color:white;
   font-size:14pt;
}
.CaseStudyFormCircles li {
  width: 7.5em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: #484848;
  margin: 0 1em;
  display: inline-block;
  position: relative;
}

.CaseStudyFormCircles li::before{
  content: '';
  position: absolute;
  top: .9em;
  left: -2.3em;
  width: 4.5em;
  height: .2em;
  background: #484848;
  z-index: 0;
}


.CaseStudyFormCircles li:first-child::before {
  display: none;
}

.CaseStudyFormActiveCircle {
  background: #484848;
}

.CaseStudyFormActiveCircle ~ li {
  background: lightgray;
}

.CaseStudyFormActiveCircle ~ li::before {
  background: lightgray;
}


/*# Utilities/FSE Dashboard/ Lead Generation#*/

.LeadForm {
  padding-top:5px;
  padding-bottom:5px;
  }

.closeSelection{
  margin-left:30%;
  }

@media only screen and (min-width:1390px) {
    .closeSelection{
       margin-left:30%;
    }
   
 }
@media only screen and (min-width:1260px)and (max-width:1390px) {
    .closeSelection{
       margin-left:27%;
    }
   
 }
@media only screen and (min-width:1060px) and (max-width:1260px) {
    .closeSelection{
       margin-left:20%;
    }
   
 }

@media only screen and (min-width:900px) and (max-width:1060px) {
    .closeSelection{
       margin-left:15%;
    }
   
 }

@media only screen and (min-width:800px) and (max-width:900px) {
    .closeSelection{
       margin-left:10%;
    }
   
 }

@media only screen and (min-width:700px) and (max-width:800px) {
    .closeSelection{
       margin-left:5%;
    }
   
 }

@media only screen and (max-width:700px) {
    .closeSelection{
       margin-left:0%;
    }
   
 }
/*# Utilities/FSE Dashboard/Maintain Distributors #*/
 .editDistributor {
    width: 90%;
    padding-left:1%;
    text-align:left;
    float:left
  }
/*# Utilities/Expedite #*/
.openExpedite {
  background-color:black;
  color:white;
  text-align:center; 
  float:left;
  }
  
  /*# Utilities/Maintain Distributor Discount Schedule #*/
.mainScheduleForm{
  margin-left:350px;
  }
@media only screen and (max-width: 400px) {
  .mainScheduleForm{
    margin-left:0px;
    }
  }

@media only screen and (min-width: 400px) and (max-width:950px) {
  .mainScheduleForm{
    margin-left:10px;
    }
  }

@media only screen and (min-width: 950px) and (max-width:1024px) {
  .mainScheduleForm{
    margin-left:150px;
    }
  }

@media only screen and (min-width: 1024px) and (max-width:1300px) {
  .mainScheduleForm{
    margin-left:250px;
    }
  }
  
/*# Utilities/Order #*/
.orderSectionHeader{
  width:100%;
  display:inline-block;
  float:left;
  font-size:10pt;
  color:#808080;
  margin-botom:30px;
  margin-right:20px;
 }

.colOrderLeft, .colOrderRight{
  display:inline-block;
  float:left;
  margin-top:10px;
  }
.colOrderLeft{
  width:35%;
  max-width:160px;
  font-weight:bold;
  }
.colOrderRight{
  width:65%;
  max-width:700px;
  }
.colOrderRight input, .colOrderRight select{
  width:100%;
  height:25px;
    font-size:14pt;
  }
.orderSplitScreen{
  float:left;
  display:inline-block;
  padding-top:20px;
  padding-right:1%;
    width:98%;
}
.orderFormIndent{
  padding-top:2px;
    padding-left:10px;
}
.orderFormCategory{
  color:#0000FF;
  }
.orderFormFamily{
  font-style:italic;
  }
.orderFormItem{
  font-size:12pt;
  font-weight:bold;
  }
.orderFormSubHead{
  font-weight:bold;
  }
.orderFormQtyTextBox {
    height: 32px!important;
    font-size: 16pt!important;
  }

@media only screen and (min-width: 400px) {
    .orderFormItemColumn {
        float: left;
        width: 225px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
  .orderFormOrderInfoColumn{
    float:left;
    padding-right:10px;
    width:190px;
    }
}
@media only screen and (max-width: 400px) {
    .orderFormItemColumn {
        float: left;
        width: 150px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
  .orderFormOrderInfoColumn{
    float:left;
    padding-top:10px;
    padding-left:10px;
    width:150px;
    }
}
.orderFormAllInfoColumn{
 max-width:550px; 
  }
.orderFormAltRow{
  border-top:1px solid #C0c0c0;
  border-bottom:1px solid #C0c0c0;
  }
.orderItemList{
  /*padding:0px 5% 0px 5%;*/
      margin-left: auto;
    margin-right: auto;
    max-width: 1030px;
    float: none;
  }

.orderItemList .rsbInput{
  width:234px !important;
  }

.orderFormLeadInStock{
  color:#228B22;
  font-weight:bold;
  }
.orderFormLeadOutOfStock{
  color:#CF2027;
  }

.orderFormCircles {
    vertical-align:top;
    font-size:8pt;
     padding: 0;
    list-style-type: none;
}
.orderFormCircles a {
        text-decoration:none;
        color:white;
        font-size:12pt;
}
.orderFormCircles li {
/*  width: 6.5em; */
  min-width:6.5em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: #484848;
  margin: 0 1em;
  display: inline-block;
  /*color: white;*/
  position: relative;
}

.orderFormCircles li::before{
  content: '';
  position: absolute;
  top: .9em;
  /*left: -2em;
  width: 1.5em;*/
  left: -2.3em;
  width: 4.5em;
  height: .2em;
  background: #484848;
  z-index: 0;
}


.orderFormCircles li:first-child::before {
  display: none;
}

.orderFormActiveCircle {
  background: #484848;
}

.orderFormActiveCircle ~ li {
  background: lightgray;
}

.orderFormActiveCircle ~ li::before {
  background: lightgray;
}

/*
@media only screen and (max-width: 1100px) {
  .orderSplitScreen{
    width:98%;
    }
  }

@media only screen and (min-width: 1100px) {
  .orderSplitScreen{
    width:49%;
    }
  }*/

/*# Utilities/Quotes #*/

.quoteFullWidth {
  width:100%;
  text-align:left;
  padding-bottom:10px;
  min-height:40px;
}
.quoteFormLabel {
  float:left;
}
.quoteFormField {
  text-align:left;
  float:left;
}
@media only screen and (max-width: 750px) {
  .quoteFullWidth {
  width:100%;
  text-align:left;
  padding-bottom:10px;
  min-height:55px !important;
}
  
  .quoteFormLabel {
    width:100%;
    text-align:left;
    float:left;
  }
  .quoteFormField {
    width:100%;
    padding-left:0%;
    float:left;
  }
}
@media only screen and (min-width: 750px) {
  .quoteFormLabel {
    width:30% !important;
    text-align:left;
    float:left;
  }
  .quoteFormField {
    width:65% !important;
    float:left;
  }
}
/*# Utilities/Pricing #*/
.PricingCategory {
  font-size:large;
  font-weight:Bold;
  text-decoration:underline;
  color:#CF2027;
  text-align: left;  
  padding-bottom:1%;
}

.pricingThumbnail img{
  height:50px;
  width:50px;
  }
.ExcelPricingDates{
  padding-left:40px;
  }
.pricingHeader {
  font-weight:bold;
  padding-bottom:2px;
  }

.pricingPostedAndEffectiveDates {
  padding-bottom:15px;
  }

@media only screen and (max-width: 750px) {
  .PricingCategory {
    width:100%;
    float:left;
  }
}

@media only screen and (max-width: 750px) {
  .PricingCategory {
    font-size:large;
    color:#CF2027;
    text-align: left;
    padding-bottom:10px;
  }
}
.PricingCategory img {
  padding-left:15px;
  }


.PricingContainer {
  width:100%;
  text-align: left;
  margin-left:20%;
  padding-bottom:5%;
  padding-top:5%;
}

@media only screen and (max-width: 750px) {
  .PricingContainer {
    width:100%;
    padding-left:0%;
  }   
}

@media only screen and (max-width: 750px) {
  .PricingContainer {
    width:72%;
    padding:3%;
  }
}

/*# Utilities/Sales Bulletins #*/

.bulletinsOuterContainer{
  display: inline-block;
  width:320px; 
   }

.BulletinContainer {
  text-align: left;
  display: inline-block; 
  float:left; 
  margin-top:10%;
  margin-bottom:10px!important;

}

@media only screen and (max-width: 750px) {
  .BulletinContainer .bulletinsOuterContainer{
    width:100%;
    padding-left:0%;
  }   
}

@media only screen and (max-width: 750px) {
  .BulletinContainer .bulletinsOuterContainer{
    width:72%;
    padding:3%;
  }
}

.bulletinTitle {
  font-weight:bold;
  padding-bottom:2px;
  font-size:large;
  
  }

.bulletinTitle a {
  color:#CF2027!important;
  }


.bulletinDesc {
  padding-bottom:15%;
  }

/*# Utilities/NoGo # */
.collapsiblePanel
{
  overflow:none;
}

/*# Utilities/VisitorRequest # */
.mainForm{
  text-align: left;
  float:left;
  width:100%;
}

@media only screen and (max-width: 700px) {
  .mainForm {
    width:70%;
    margin:5%;
  }
}
@media only screen and (min-width: 700px) and (max-width:950px) {
  .mainForm {
    width:48%;
    margin:2%;
  }
}
@media only screen and (min-width: 950px) {
  .mainForm {
    width:100%;  
    margin:1%;
  }
}



/*# Support/TechnicalReferences # */
.Industry {
  padding-top:5px;
  padding-bottom:25px;
}

.Material {
  padding-top:5px;
  padding-bottom:25px;
}

/*# YouTube Video Only Pages # */


@media all and (max-width: 700px) and (orientation:portrait)
{
    .YouTubeVideoFrame iFrame
    {
        width: 250px!important;
        height: 180px!important;
    }
}
@media all and (max-width: 700px) and (orientation:landscape)
{
    .YouTubeVideoFrame
    {
        background-color:blue;
        width: 70%!important;
        height: 60%!important;
    }
}
    @media all and (min-width: 700px) 
{
    .YouTubeVideoFrame
    {
        background-color:pink!important;
        width: 560px!important;
        height: 315px!important;
    }
}

/* This code will make the iFrame container responsive. */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    max-width:1000px;
    max-height:500px;  
}

 
    .videoWrapper { 
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     width:100%;     
     margin: 0 auto;
}

    .videoWrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;  
     height: 100%;
}

/*# EU Popup #*/
.clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 20px 20px;
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
  min-height:77px;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
    display:none;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #f6a21d !important;
	font-weight: bold;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d !important;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}

.LiveForm{
  margin-left:26%; 
  text-decoration: none !important;
  display: inline-block;
	}
@media only screen and (max-width: 1024px) {
	.LiveForm{ 
	  margin-left:0%; 
	  text-decoration: none !important;
	  display: inline-block;
	}
}

@media only screen and (min-width: 1024px max-width: 1200px) {
	.LiveForm{ 	
	  text-decoration: none !important;
	  display: inline-block;
	}
}
@media only screen and (min-width: 1200px) {
	.LiveForm{ 
	 margin-left:15%; 
	  text-decoration: none !important;
	  display: inline-block;
	}
}

.LiveFormEurope{
  margin-left:16%; 
  text-decoration: none !important;
  display: inline-block;
  text-align:left;
	}
@media only screen and (max-width: 1024px) {
	.LiveFormEurope{ 
	  margin-left:0%; 
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	}
}

@media only screen and (min-width: 1024px max-width: 1200px) {
	.LiveFormEurope{ 	
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	}
}
@media only screen and (min-width: 1200px) {
	.LiveFormEurope{ 
	 margin-left:5%; 
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	}
}

.LiveFormCompanyEurope{
  margin-left:16%; 
  text-decoration: none !important;
  display: inline-block;
  text-align:left;
  padding-bottom:20px;
	}
@media only screen and (max-width: 1024px) {
	.LiveFormCompanyEurope{ 
	  margin-left:0%; 
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	  padding-bottom:0px;
	}
}

@media only screen and (min-width: 1024px max-width: 1200px) {
	.LiveFormCompanyEurope{ 	
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	  /*padding-bottom:20px;*/
	}
}
@media only screen and (min-width: 1200px) {
	.LiveFormCompanyEurope{ 
	 margin-left:5%; 
	  text-decoration: none !important;
	  display: inline-block;
	  text-align:left;
	  padding-bottom:20px;
	}
}

.addBorderToGridRowsAndCells {
    border-style: solid;
    border-width: 1px;    
}

/* User Portal Header*/

.customerDashboard {
    color: #505050;
    font-weight: 400;
    padding-top: 10px;
}