/** http://colormind.io color combos: **/
/**  
 * 1) Pop of fuscia: 
 * Light: F8F8F9, Accent: 8AB3BD, Main: FE8534, Dark Accent: D14245, Dark: 343241  
 * 
 * 2) Browns:
 * Light: F2F6F6, Accent: 9CA8AB, Main: FE8534, Dark Accent: A56943, Dark: 343034
 *
 * 3) Greens:
 * Light: EFF3EE, Accent: B8B08E, Main: FE8534, Dark Accent: 87686D, Dark: 314D52
 *
 * TRUE BPC ORANGE: 
 *
 * Oranges: ff5e00 (original)  #FE8534 (new orange)  	#b96024 (dark orange)
 *
 * Black Colors:  #2A2A2A 	#383F48
 *
 * Teals: #2BAAB1
 * 
 * **/



.box03				  					    {}
.box03 h2								  	{ font-size:14px; color:#fe8534; font-weight:700;width:180px;}
.box03 ul							  		{ margin:0; padding:0; list-style:none; width:100%;}
.box03 ul li					  			{ display:block; font-weight:700; float:left; padding:0; border:1px solid #ddd;margin:2px;}
.box03 ul li a				  				{ text-decoration:none; padding:3px 23px; font-size:14px;line-height:20px;display:block;color:black;}
.box03 ul li:hover	  					    { background-color:#b96024;}
.box03 ul li a:hover	  					{ color:white;}
.box03 ul li.active	  					    { background-color:#b96024;}
.box03 ul li.active a	  					{ color:white;}


.slider {
  /**  width:716px; **/
  width:100%;
  height:360px;
  overflow: hidden;
  border-radius:5px;
  margin:10px 0 0 0;
}

.holder                                         {width:300%;}
#slide-0                                        {background-image: url(../images/banner_img.jpg);}
#slide-1                                        { background-image: url(../images/marli2.jpg);}


#customer_identification {
  border:2px solid #fe8534;
  background-color:white;
  padding:4px;
  border-radius: 5px;
  z-index:99;
  position:fixed;
  left:0px;
  top:0px;
  max-width: 80%;
}

#notice, #record_saved, .record_saved {
  border:2px solid #fe8534;
  background-color:#fff380;
  padding:6px;
  border-radius: 5px;
  z-index:100;
  border:2px solid black;
  position:fixed;
  left:50%;
  top:10px;
  font-weight:600;
  font-size:12pt;
  text-align:center;
  transform: translate(-50%, 0);
}

/* HOVER MENU -- Start  */
.hover-menu {
  position: relative;
  display: inline-block;
}

.hover-menu .hover-menu-content {
  position: absolute;
  display: none;
  margin: 0;
  background-color:white;
  padding: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border:thin solid #ddd;
  z-index:100;
}
.hover-menu .menu-left {
  top:0;
  right:100%;
}
.hover-menu .menu-right {
  top: 0;
  left: 100%;
}
.hover-menu .menu-bottom {
  bottom: 100%;
}
.hover-menu:hover .hover-menu-content {
  display: block;
}
.hover-menu tr {
  background-color: white;
}

.hover-menu tr:hover {
  background-color: #ffa;
}

.hover-menu td {
  position: relative;
}
.hover-menu td:hover {
  background-color: #ffa;
}



.btn-baumann {
  color: #fff;
  background-color: #fe8534;
  border-color: #fe8534;
}

.btn-baumann:hover {
  color: #fff;
  background-color: #ed7423;
  border-color: #ed7423;
}

.dark_orange_button {
  background-color:#b96024;
  padding:7px;
  width:100px;
  text-align:center;
}
.dark_orange_button a {
  color:white;
}

.orange_top_border {
  border-top: 2px solid #fe8534;
}

.orange_bottom_border {
  border-bottom: 2px solid #fe8534;
}

.p {
  line-height:20px;
  font-size:12pt;
}

.inactive {
  color:#aaa;
}

.orange {
  color:#fe8534;
}
.orange_background {
  background-color:#fe8534;
}

.dark_orange {
  color:#b96024;
}

.nowrap {
  white-space: nowrap;
}

.note {
  font-size: 75%;
  font-style: italic;
}

.comment {
  color:gray;
  font-style: italic;
}

.price {
  text-align:right;
}

.print_grid th, .print_grid td {
  border: 1px solid #e7e7e7;
  vertical-align:middle;
}
.no_grid, .no_grid th, .no_grid td {
  border: none;
  vertical-align:middle;
  margin:0px;
}

.table_style_3 th {
  background-color:#dec;
  color:black;
}

.hover:hover, table.product-text tr:hover {
  background-color: #eee;
}


.add_border {
  border: thin solid white;
}
.add_border:hover {
  border: thin solid #ccc;
}

.fill_screen {
  width:100%;
}

.link {
  color: blue;
  text-decoration:underline;
}
.warning {
  color: red;
}
.severe_warning {
  color: red;
  font-weight: bolder;
}

.divider                                   { height:1px; width:95%; background: #dddddd; margin: 5px 0; }

.product_header th:hover {
  text-decoration:underline;
}

.inplaceeditor-form textarea {
  width:100%;
}

.no_buffer {
  margin:0;
  padding:0;
}

.bpc_colors {
  background: #fe8534;
  color: #fff;
  border: none;
  padding: 2px 10px;
}

.bpc_colors a {
  color:white;
}

.dark-table th, .dark-table td {
  border:thin solid black;
}

.dark-table th {
  color:white;
  background-color:#393e46;
}

table.product-text td:first-child {
  width:30%;
}

.rwd-table .in_place_editor_field {
  display:block;
  padding:18px;
  margin:-13px;
}

input.editor_field, input.editor_ok_button {
  width:auto;
}

.button-add-to-cart {
  background-color:#fe8534;
  margin:3% 0;
  padding:7px 0;
  width:125px;
  text-align:center;
}

.button-add-to-cart a {
  color:white !important;
  font-size: 12pt !important;
  font-weight:600 !important;
}


.skinny td, .skinny th {
  line-height: 17px !important;
  padding: 5px 3px !important;
}

.small_table, .small_table th, .small_table td {
  font-size: 10px !important;
  line-height:12px !important;
  padding:2px !important;
  margin:0 !important;
}

.no_border td, .no_border th {
  border:none !important;
}

.contact_sec {
  text-align:center;
  line-height:16px;
}

.contact_sec .info-divider {
  margin: 10px 0;
}

.phone_sec {
  background: #eee;
  border-radius: 8px 8px 0 0;
  padding: 10px;
  margin:10px;
  line-height: 18px;
  min-height:75px;
}

.phone_sec p {
  color:black;
}

.phone_sec a img {
  margin-top:4px;
}

.phone_sec a {
  display:inline;
  margin:2px 0;
}

.address_sec {
  background: #eee;
  border-radius: 8px 8px 0 0;
  padding: 10px;
  margin:10px;
  line-height: 18px;
  height:175px;
  overflow:hidden;
  width:200px;
  float:left;
}

.customer_sec .boxes {
  width: 31.25%;
  min-width:220px;
  float:left;
  margin: 1%;
}

.order_sec th {
  /*  background-color:#b96024; */
  background-color:#97B099;
  color: #fff;
}

.restricted_price_information {
  display:none;
}

.customer_card {
  padding:8px;
  border:1px solid #ddd;
  margin:15px 0;
  background:#eee;
  border-radius:5px;
}

.customer_card .heading {
  padding:3px;
  color:#ed7423;
  background-color:white;
  letter-spacing:2px;
  border:1px solid #ddd;
  border-radius:5px;
  line-height:27px;
}

.calendar {
  width:1px;
  height:1px;
  position:relative;
  bottom:0px;
  right:0px;
  float:left;
}

.calendar_box {
  width:500px;
  height:315px;
  border:thin dashed black;
  background-color:white;
}

.calendar h2 {
  text-align:center;
  padding:5px 0;
  font-size:14px
}


.calendar .day {
  width:14.28%;
  float:left;
  font-weight:600;
  background-color:#807867;
  font-size:20px;
  text-align:center;
}

.calendar .day a {
  padding:7px 0;
  display:block;
}

.calendar .day a:hover {
  background-color:#a29a89;
}

.pending_order_sec th {
  background-color:#fe8534;
  color:white;
}

.rotate {

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.account-table-style-body a {
  display:block;
}

.plus-sign {
  float:left;
  clear:left;
  text-align:center;
  width:5%;
  min-width:50px;
  color:white;
  font-size:200%;
  background-color:#555;
  margin:0 2% 0 0;
}

.article * {
  line-height: 25px;
}


ul.bullets {
  list-style-type:circle;
  list-style-position: inside;
}



.article ol {
  list-style-type:decimal;
  padding: 0 2%;
  font-size: 14px;
  font-family: Open Sans;
  padding-bottom: 10px;
}

.article ol > li > ol {
  list-style-type:lower-alpha;
}

.only_print {
  display:none;
}


.import-wrapper {
  padding: 20px;
  border: 2px dashed #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin: 10px 0;
}
.import-wrapper.dragover {
  border-color: #337ab7;
  background-color: #e3f2fd;
}
.import-progress {
  margin-top: 10px;
  display: none;
}
.import-status {
  margin-top: 10px;
  font-size: 14px;
}
.import-results {
  margin-top: 15px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: none;
}
.import-results h4 {
  margin-top: 0;
}
.import-success-list {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
.import-success-list li {
  padding: 5px;
  border-bottom: 1px solid #eee;
}
.import-error-list {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
.import-error-list li {
  padding: 5px;
  border-bottom: 1px solid #eee;
  color: #d9534f;
}


/* Mobile hamburger button: flex item in header row, hidden on desktop */
#mob-hamburger { display: none; }
@media only screen and (max-width: 991px) {
  #mob-hamburger { display: flex !important; }
  /* Center-align logo and hamburger vertically on mobile */
  .header-main-row { align-items: center !important; }
}

/* Mobile dropdown menu: full-width block below header flex row */
#mob-menu-dropdown { background: #36322a; }
#mob-menu-dropdown ul {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border-bottom: 1px solid #fe8531;
  width: 100%;
}
#mob-menu-dropdown ul li {
  display: block;
  font-size: 14px;
  margin-left: 16px;
  font-weight: 800;
  width: 100%;
  padding: 0;
}
#mob-menu-dropdown ul li a {
  width: 100%;
  text-decoration: none;
  color: #fff;
  padding: 9px 0;
  display: block;
}
#mob-menu-dropdown ul li a:hover { text-decoration: underline; }

@media print {
  #header {
    height:1.2in;
    overflow:hidden;
  }
  .do_not_print {
    display:none;
  }
  .only_print {
    display:block;
  }
  th, td {
    page-break-inside: avoid;
  }
  a[href]:after {
    content: none !important;
  }
}