/** GENERAL STYLES
************************/

em {
  font-weight: 400; }


input.input-quantity {
  max-width: 50px;
  text-align: right; }

ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#cms-content ul{
	list-style: disc outside none;
    margin-left: 15px;
}

.page-section{
	margin-bottom: 20px;
}

.panel-container{
	padding:20px 5px 0px 5px;
}

.add-row{
	clear:both;
	margin-top:10px;
}

.margin-80{
 margin: 80px 0px 80px 0px;
}
.margin-top-20{
	margin-top: 20px;
}
/** HOMEPAGE
************************/

/* square boxes and promo boxes get minimal padding compared to regular bootstrap columns */
.square-boxes-big > div
{
	padding: 0 5px;
}
.square-boxes-small > div
{
	padding: 1px 1px;
}
.square-boxes-xsmall > div
{
	padding-bottom: 2px;
}
.promo-box-padding
{
	padding: 0 10px;
}

/* formatting needed for piano keys to size correctly */
.piano-keys-parent
{
	height: 100%;
	display: table;
}
.piano-key
{
	background-color: #84b93d;
	font-weight: 400;
	display: table-row;
	color: white;
	font-size: 18px;
}
.piano-key:hover
{
	color: white;
	text-decoration: none;
}
.piano-key > *
{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	border-bottom: 1px solid white;
}
.square-boxes-xsmall .piano-key > *
{
	padding: 15px 15px;
}
.piano-key:last-child > *
{
	border-bottom: 0px;
}

/* slogan is sized down for mobile */
@media (max-width: 767px) 
{
	#slogan h1 
	{
		font-size: 1.7em;
	}
}


/** CAROUSEL
******/

.carousel {
  width: 100%;
  margin: 0 auto;
  /* center your carousel if other than 100% */ }


.carousel, .carousel .slider-size {
  height: 400px; }


.carousel .carousel-caption {
  display: block;
  max-height: 286px;
  top: 30px;
  position: relative;
  /*left: auto;*/
  right: auto;
  text-align: left; 
  left: -25px;
}


.carousel .black-bg {
 /* background-color: rgba(0, 0, 0, 0.5);*/
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  line-height: 1.2em; 
  border-radius: 5px
}


.carousel h2.caption-title {
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  line-height: 1.2em;
  font-size: 3em;
  font-weight: 400;
  padding: 0px 0px 0px 42px; 
  left: -25px;
}


.carousel .caption-link {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  padding: 0px 0px 0px 42px;
  color: #84b93d; }


.carousel .caption-link {
  color: #53d5ff; }

.address-section{
	margin-top:20px;
}
.office-section{
	clear:both;
	margin-bottom:10px;
}
/** SEARCH RESULTS
******/

#search-results, #promos {
  background: #ebe8e2; }

/** NEWSLETTER
******/

#newsletter {
  background: #ebe8e2; }

  #newsletter .input-title {
    display: inline-block;
    clear: none;
    font-size: 1.25em; }

  #newsletter .signup-form {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 80%; }

.local-search-results{
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #aaaaaa;
}

.tab-pane-space{
  padding: 20px 10px 20px 10px;
}

/** CATALOG BAR
******/
.ribbon-dark{
  background: #ebe8e2;
}
/* UPDATE */
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-20{
  margin-bottom: 20px;
}

@media screen and (min-width: 1px) and (max-width: 767px){
    #grid[data-columns]::before {
        content: '2 .col-xs-6';
    }
}
@media screen and (min-width:768px) and (max-width: 991px){
    #grid[data-columns]::before {
        content: '3 .col-sm-4';
    }
}
@media screen and (min-width:992px) and (max-width: 9999px){
    #grid[data-columns]::before {
        content: '4 .col-md-3';
    }
}

.nav-tabs-border{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.button-space{
	margin-right: 10px;
}
#breadcrumbs{
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
.more-breadcrumbs{
  background-color: #F5F5F5;
  border-radius: 4px;
  padding:10px 0px 0px 15px;
  display: none;
}
.toggle-breadcrumbs-hide{
	display:none;
}
#breadcrumbs .breadcrumb{
	margin-bottom: -5px;
}
.search-panel{
	display:none;
	cursor: pointer;
}

.pagination-container{
	text-align:center;
}
.btn-minor{
  border: 1px solid #C4BEB0;
  color: #fff;
  background-color: #BCB6AA;
}
.btn-minor:hover{
  border: 1px solid #C4BEB0;
  color: #fff;
  background-color: #ADA596;
}
#product-page{
  background-color: #EBE8E2;
}
#product-page ul {
  list-style: none;
  padding:0px;
}
.product-details{
  padding-right: 15px;
}
.product-structure img{
  margin: 0 auto;
}
.product-action-btns{
  margin: 10px -15px 10px -15px;
}
.nav-level2, .nav-level3{
  display:none;
}
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
  width: 100%;
  background-color: #EBE8E2 !important;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li > ul > li  {
  display: block;
  padding: 10px 0px 10px 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large ul li div a{
  color: #333333;
  width: 100%;
}
.dropdown-menu-large > li ul > li :hover,
.dropdown-menu-large > li ul > li :focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.nav-parent{
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
.dropdown-menu-large .seperator{
  border-right: 1px solid #fff;
}
.dropdown-menu-large .buttons {
  padding-top: 15px;
}
.dropdown-menu-large .buttons button {
  margin-top: 5px;
}

#search-dropdown{
  color: #000000;
  margin-top: -10px;
}
#search-dropdown ul{
  list-style: none;
  padding: 0px 0px 0px 5px;
  margin: 0px;
}

.search-header{
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid #004481;
}
.search-section{
  padding-top: 10px;
}
#search-related-items{
  border-right: 1px dotted #004481;
}
#search-related-items li.search-selected{
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
#search-related-items ul li{
  cursor: pointer;
  color: #84BB8A;
}
#search-related-items ul li:hover{
  color: #262626;
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}

.sub-category-icon{
  padding: 10px 0px 10px 0px;
}
.vcard{
}
.my-container [class^="col-"] {

  .my-inner {
  }
}

.center{
	text-align: center;
}
#language-switch{
	padding: 10px 0px 10px 0px;
}


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	border:none;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #E3D179;
  background-image: #E3D179;
  color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active{
  border:1px solid #ddd;
}

@media (max-width: 767px) {
  .bhoechie-tab-menu{
    margin-bottom: 20px;
    border:none;
  }

  .bhoechie-tab-content{
    border:none;
  }
div.bhoechie-tab-menu div.list-group>a, div.bhoechie-tab-menu div.list-group>a.active{
  border-right: none;
  border-left: none;
}
	div.bhoechie-tab-menu div.list-group>a:last-child{
	  border-bottom-left-radius: 0;
	  -moz-border-bottom-left-radius: 0;
	}

  div.bhoechie-tab-container{
    box-shadow:none;
    border: 1px solid #ddd;
  }
}
@media (min-width: 768px) {
	div.bhoechie-tab-menu div.list-group>a.active:after{
	  content: '';
	  position: absolute;
	  left: 100%;
	  top: 50%;
	  margin-top: -13px;
	  border-left: 0;
	  border-bottom: 13px solid transparent;
	  border-top: 13px solid transparent;
	  border-left: 14px solid #E3D179;
	}

	div.bhoechie-tab-content{
	  background-color: #ffffff;
	  /* border: 1px solid #eeeeee; */
	  padding-left: 20px;
	  padding-top: 10px;
	  border:1px solid #ddd;
	}
}

div.bhoechie-tab{
	margin-left:-16px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

#catalog-nav-big .catalog-section{
    height:160px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.catalog-section div.v-center {
    display:table !important;
    height:80px;
    margin-left:-20px;
}

.v-center h4{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.catalog-section {
      border-radius: 4px;
      color: #fff;
      height: 80px;

    h4 {
      vertical-align: top;
      text-transform: uppercase; }


}
.catalog-section:hover{
  cursor:pointer;
}
.catalog-section div{
color: #fff;
}
.catalog-section div{
  margin: 0px;
  padding: 0px;
}
.catalog-section div{
  margin: 0px auto 0px auto;
}


.catalog-section div h4 {
  color: #fff;
  margin-left:-20px;
  vertical-align:center;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}

.catalog-section div img {
	height: 70px;
}

@media (max-width: 767px) {
    .col-xs-5ths {
        width: 115px;
        float: left;
    }
   
    .col-md-5ths{
        margin-bottom: 10px;
    }
    #catalog-nav-big .catalog-section div img {
      margin-left: 0px;
    }

    #catalog-nav-big .catalog-section{
      width: 100%;
      height: 100%;
      display:block;
      padding-bottom:5px;
    }

    .catalog-section div img {
      vertical-align: top;
      text-align: center;
      padding: 15px 0px 0px 0px;
      margin-left:30%;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
        margin-bottom: 10px;
    }
    .col-md-5ths{
        margin-bottom: 10px;
    }

    #catalog-nav-big .catalog-section div img {
      width: 45px;
      height: auto;
      margin-left:0px;;
}
    #catalog-nav-big .catalog-section{
      height:124px;
      width:124px;
}
    .catalog-section div img {
      vertical-align: top;
      text-align: center;
      padding: 15px 0px 0px 0px;
      margin-left:30%;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
        padding: 13px;
    }
    .catalog-section div img {
          vertical-align: top;
          text-align: center;
          padding: 20px 0px 0px 0px;
          margin-left: 10px;
    }
    #catalog-nav-big .catalog-section{
      height:162px;
      width:162px;
}
  #catalog-nav-big .catalog-section div img {
      width:70px;
      height: auto;
      margin:0px;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
        padding: 3px;
    }
    .catalog-section div img {
      vertical-align: top;
      text-align: center;
      padding: 15px 0px 0px 0px;
      margin-left: 10px;
}
    #catalog-nav-big .catalog-section{
      height:202px;
      width: 202px;
    }

    #catalog-nav-big .catalog-section div img {
      width:70px;
      height: auto;
    }
 }

/* END */


.catalog-sections {
  vertical-align: top; }

  .catalog-sections .catalog-section {
    display: inline-block;
    width: 20%;
    padding: 3px;
    text-align: center; }

    .catalog-sections .catalog-section .content {
      border-radius: 4px;
      color: #fff;
    height: 80px;
      padding: 6px; }

    .catalog-sections .catalog-section h4 {
      vertical-align: top;
      text-transform: uppercase; }

    .catalog-sections .catalog-section img {
      vertical-align: top;
      text-align: center;
      padding: 16px 0;
      width: 50%;
      margin: 0 auto; }

    .catalog-sections .catalog-section a {
      color: #fff; }

  .catalog-sections.catalog-sections-small .catalog-section {
    text-align: left; }

    .catalog-sections.catalog-sections-small .catalog-section td {
      vertical-align: middle; }

    .catalog-sections.catalog-sections-small .catalog-section h4 {
      display: inline;
      padding: 0px;
      margin: 0px;
      line-height: 1em; }

    .catalog-sections.catalog-sections-small .catalog-section img {
      vertical-align: middle;
      margin: 0px;
      padding: 6px;
      width: 100%; }

/** GENERAL STYLES
************************/

.ribbon {
  padding: 24px 0; }


.alfa-blue-bg {
  background: #366b9b; }


.alfa-green-bg {
  background: #84b93d; }


.alfa-yellow-bg {
  background: #e3d179; }


.alfa-grey-bg {
  background: #bcb6aa; }


.alfa-red-bg {
  background: #e1746a; }

/** HEADER
************************/

#header {
  background: #004481; }


#header .fa {
  font-size: 18px; }


#navbar {
   }


.navbar {
  margin-bottom: 0px;
  color: #fff; }


ul.navbar-nav {
  vertical-align: bottom;
  margin-right: 20px; }


ul.navbar-nav li {}


.navbar-inverse {
  background: #004481; }


.navbar-header {
  width: 100%; }


.navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
   }


.navbar-nav > li {}


#header_logo img {
  padding: 12px 0; }

#user-login a, #header-carts a{
    color: #fff;
}

#header-carts .input-group-btn{
  display: inline-block;
}

#header-cartlink, #header-quotecartlink {
    float: right;
    margin-left: 5px;
}

#search-form #menu-search {}


#menu-products {
  line-height: 1.2em; }

#header-cartlink:hover, #header-quotecartlink:hover {
  cursor: pointer; }

#cartcount, #quotecartcount {
	color: #555;
	text-align: center;
	width: 42px;
}


/** WIZARD
************************/

.wizard {
  padding: 0;
  border-radius: 4px;
  font-weight: normal;
  vertical-align: middle;
  margin-bottom: 24px;
  background: #ebe8e2; }

  .wizard .steps {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
    /* line 15, /Volumes/Minion/Users/sharvey/Desktop/Alfa Aesar Website/static/css/bootstrap/mixins/clearfix */
    .wizard .steps:before, .wizard .steps:after {
      content: " ";
      display: table; }
    /* line 19, /Volumes/Minion/Users/sharvey/Desktop/Alfa Aesar Website/static/css/bootstrap/mixins/clearfix */
    .wizard .steps:after {
      clear: both; }

    .wizard .steps > .step {
      position: relative;
      display: inline-block;
      padding: 6px 12px;
      background: #d1ccc1;
      border-right: solid 3px #fff;
      color: #fff; }

      .wizard .steps > .step.active {
        background: #004481;
        color: #ffffff; }

      .wizard .steps > .step.wizard-home {
        background: #EBE8E2;
        border-radius: 4px 0px 0px 4px; }

        .wizard .steps > .step.wizard-home > a {
          color: #fff; }


      .wizard .steps > .step > a {
        position: relative;
        display: block; }

      .wizard .steps > .step.disabled > a {
        color: #d1ccc1; }

        .wizard .steps > .step.disabled > a:hover, .wizard .steps > .step.disabled > a:focus {
          color: #d1ccc1;
          text-decoration: none;
          background-color: transparent;
          cursor: not-allowed; }

/** TABS
************************/

.tab-content .search-result {
  padding: 16px 16px;
  border: 1px solid #d1ccc1;
  margin-bottom: 6px;
  border-radius: 4px;
  background: #fff; }


table.table.table-no-header {
  margin-bottom: 0px; }

table.table.table-no-border > tbody > tr > td, table.table.table-no-border > tbody > tr > th {
  border: none; }

/** FOOTER
************************/

#footer {
  background: #004481;
  padding: 12px 0 0 0;
  color: #fff; }


#footer #footer-copyright a {
  color: #d1ccc1; }


#footer #footer-copyright {
  margin-top: 10px; }


#footer h4 {
  color: white;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 1px solid #366b9b; }


#footer ul {
  list-style: none;
  padding: 0; }


#footer ul a {
  font-weight: 200; }


#footer a {
  color: #fff; }


#footer-copyright {
  padding-top: 12px;
  background: #366b9b;
  font-weight: 200; }

.list-group-item{
}
.list-group-item a.section-toggle:after{
	  font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.list-group-item a.section-toggle.collapsed:after{
    content: "\f077";    /* adjust as needed, taken from bootstrap.css */
}

.show-more:before{
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.show-more{
	display:none;
}
.catalog-root-icon{
	display:table-cell;
	height: 30px;
	padding: 5px;
	border-radius:3px;
	vertical-align:middle;
	text-align:center;
}
.catalog-root-icon i{
  padding-top: 5px;
}
.catalog-root-icon img, .catalog-root-icon i{
	height: 25px;
	width: 25px;
}

.search-result-name{
	padding-left:20px;
	display:table-cell;
  vertical-align:middle;
}
.search-result-number{
	font-size: 16px;
	display:table-cell;
	padding-left:20px;
	vertical-align:middle;
}

.alfa-base-bg{
	background-color:#EBE8E2;
}

.page-container{
	padding-top: 24px;
}
h1.smaller{
	font-size: 2em;
}

.table-padding{
	margin-left: 8px;
}

.pointer{
	cursor:pointer;
}

.category-item-icon{
	display: table-cell;
}

.category-item-icon a img{
	height:70px;
}

.search-ta-result{
	margin: 5px 0px 5px 0px;
}
ul.with-bullet{
	list-style: initial;
}

.search-bar{
	color:#555;
}

.clear-both-20{
	clear:both;
	padding-top:20px;
}
.action-btn-container{
	clear:both;
	padding-top: 20px;
	text-align:center;
}

.literature-container{
	text-align:center;
	padding-bottom:20px;
}

.lit-title label{
	font-weight: normal;
}

.table-no-top tr:first-child > td {
	border-top:none;

}


#user-login {
  padding-top: 17px;
  color: #fff;
}

#welcome-nav {
  margin-right: 0;
  color: #fff;
}

@media (max-width: 767px) {
  #user-login {
    margin-left: 5px;
  }
  
  .navbar-inverse .navbar-nav > .open > a, 
  .navbar-inverse .navbar-nav > .open > a:hover, 
  .navbar-inverse .navbar-nav > .open > a:focus 
  {
  	background-color: transparent;
  }
	
}


#welcome-nav li a{
  color: #fff;
}
#welcome-nav li a:hover{
}
#welcome-nav li.open a{
  color: #333333;
}
@media (max-width: 767px) {
  #welcome-nav li.open a {
  	color: white;
  }
}

.structure-search-iframe {
  position: relative;
  padding-top: 35px;
  height: 420px;
  overflow: hidden;
}

.structure-search-iframe iframe {
  frameborder: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ss-heading {
  height: 3.8em;
}

.item-details {
  padding-top: 10px;
}

ul.messages, ul.qoe-item-list {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* Next two rules are to vertically align top of first line of item details in held order view. */

.held-order table.held-order-items tbody tr h4.item_name {
  margin-top: 0;
}

.held-order table.held-order-items tbody td {
  padding-top: 10px;
}

.held-order .po-number-label {
  white-space: nowrap;
}

.held-order .buttons {
  padding-top: 20px;
}

#region-list{
	text-align:center;
}
#region-list li{
	margin-bottom: 20px;
}
#region-list li a{
  width: 200px;
}

.alert-warning.highlight {
  color: #ff0000;
}