html { position: relative; min-height: 100%; overflow-y: scroll;}
body { margin-top: 80px; margin-bottom: 35px }
h1, h2, h3, h4, h5, h6 { color: hsla(164,71%,27%,1.00); font-weight: bold; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 1.1em; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: .75em; }
a { color: #B0360B }
a:hover { color: #F26A3A }
a:visited { color: #C17A61 }
.vertical-center { display: table-cell; vertical-align: middle; float: none; }
.social { position: absolute; top: 1px; right: 5px; z-index: 100; text-align: right }
.social ul { margin: 0; padding: 0; white-space: nowrap }
.social ul li { margin: 4px 0px; list-style: none outside none; display: inline-block }
.social span { width: 30px; height: 30px; color: #FFF; background-color: #14745B; font-size: 18px; text-align: center; padding-top: 9px; border-radius: 50%; transition: all ease .3s }
.social span:hover { color: #FFF; text-decoration: none; transition: all ease .3s }
.social .fa-facebook:hover { background: #4060A5 }
.social .fa-twitter:hover { background: #00ABE3 }
.social .fa-google-plus:hover { background: #e64522 }
.social .fa-linkedin:hover { background: #0094BC }
.social .fa-flickr:hover { background: #FF57AE }
.social .fa-instagram:hover { background: #375989 }
.social .fa-youtube:hover { background: #FF1F25 }
.img-right-margin { margin: 10px 0 20px 25px }
.img-left-margin { margin: 10px 25px 20px 0 }
.carousel { max-height: 500px; overflow: hidden; }
.carousel .item { max-height: 500px; }
.carousel img { width: 100%; overflow: hidden }
.carousel-indicators { right: 10px; display: none; }
.carousel-caption { position: absolute; left: 10px; bottom: 10px; padding: 20px; background-color: hsla(164,100%,20%,.90); color: #FFF; max-width: 300px; border-radius: 0px; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.5); text-align: left; }
.carousel-caption h2 { color: #fff; margin: 0 0 10px 0; text-shadow: 2px 2px 4px hsl(151,50%,5%) }
.carousel-caption a { color: #FFF; font-weight: bold }

#carouselResearch { width: 90%; margin: 10px auto; border: #ccc 1px solid; text-align: center; min-height: 125px; }
#carouselResearch p { font-size: smaller; font-style: italic; }
#carouselResearch h4 { font-size: small; }
#carouselResearch .carouselTitle { color: #FFF; background-color: #CCC; font-weight: bold; font-size: small; }
#carouselResearch .carousel-control { display:none;}

#carouselComments { width: 90%; margin: 10px auto; border: none; text-align: center; min-height: 125px; }
#carouselComments p { font-size: smaller; font-style: italic; }
#carouselComments h4 { font-size: small; }
#carouselComments .carouselTitle { color: black; background-color: none; font-weight: bold; font-size: small; }
#carouselComments .carousel-control { display:none;}

#carouselNews { width: 90%; margin: 10px auto; border: #ccc 1px solid; text-align: center; min-height: 125px; }
#carouselNews p { font-size: smaller; font-style: italic; color: black; }
#carouselNews h4 { font-size: small; color: black; }
#carouselNews .carouselTitle { color: #FFF; background-color: #CCC; font-weight: bold; font-size: small; }
#carouselNews .carousel-control { display:none;}

#NavWrapper { position: relative; }

.navbar-nav { float: left; }
.navbar-nav > li { display: block!important; float: left !important; }
.navbar-nav > li > a { line-height: 0px; padding: 10px }

footer { background-color: #F0F0F0; margin: 15px 0 0 0; padding: 8px }
footer h3 { margin: 0 0 10px 0; display: block; color: #fff; background-color: hsla(164,100%,20%,.90); padding: 5px 10px; font-size: medium; }
footer p { padding: 0 10px; line-height: 1.2em }
.homeProduct { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 10px; background-color: hsla(164,100%,20%,.80); color: #FFF; text-align: center; font-size: medium; font-weight: bold }

#ProductBar { margin: 20px 20px 10px 20px; }
#ProductBar img { height: 100%; width: auto; }
.productBarLeft, .productBarMid, .productBarRight { border-radius: 1px; border: solid #14745B; border-width: 2px; padding: 0; overflow: hidden; margin: 0 0 10px 0 }

.sidebarGreen { background-color: #14745b; padding: 8px 4px 4px 4px; margin: 20px 0 10px 0; border-radius: 0px; }
.sidebarGreen img { margin: 0 10px 10px 0 }
.sidebarGreen h3 { color: #fff; margin: -4px 0 5px 10px; padding: 0 0 0 5px; }
.sidebarGreen h4 { color: #fff; margin: 10px 0 }
.sidebarGreen p { padding: 5px 5px; line-height: 1.1em }
.sidebarGreen .inset { background-color: #DEF0EA; color: #000; padding: 5px; margin: 0; border-radius: 0px; font-size: small; }
.sidebarGreen a { color: #0C4A3A }
.sidebarGreen a:hover { color: #14745b }
.sidebarGreen a:visited { color: #52736A }

.sidebarOrange { background-color: #F26A3A; color: #FFF; padding: 8px 4px 4px 4px; margin: 20px 0 10px 0; border-radius: 0px; min-height: 350px; }
.sidebarOrange img { margin: 0 10px 10px 0; }
.sidebarOrange h3 { color: #fff; margin: -4px 0 5px 10px; padding: 0 0 0 5px; }
.sidebarOrange h4 { color: #fff; margin: 10px 0 }
.sidebarOrange p { padding: 5px 5px; line-height: 1.1em }
.sidebarOrange .inset { background-color: #F8E8E3; color: #000; padding: 5px; margin: 0; border-radius: 0px; font-size: small; min-height: 300px; }
.sidebarOrange a { color: #0C4A3A }
.sidebarOrange a:hover { color: #14745b }
.sidebarOrange a:visited { color: #52736A }

.insetOptions { background-color: #eee; color: #000; padding: 2px; margin: 0; border-radius: 0px; font-size: small;  }

#contactIcons { margin: -5px 0 0 0 }
#contactIcons span { background-color: #F26A3A; }
.CntOrange { color: #f26532 }
.breadcrumb { background: none; margin-bottom: 0; padding: 0 }
.breadcrumbSeparator { color: #CCC; padding: 0 8px }
#productTable { margin: 0 auto !important; float: none !important; }
#productTable img { max-width: 80px; }
#productTable th { vertical-align: bottom; padding: 10px; }
#productTable td { vertical-align: middle; padding: 20px 10px; color: #14745b; text-align: center; background: hsla(0,0%,96%,1.00); border: 2px solid #FFF; background: linear-gradient(to right, #ffffff 0%, #eaeaea 100%) }
#productTable .productTableSquare { background: hsla(0,0%,88%,1.00); text-align: center; border: 2px solid #FFF; color: #000 }

.productImage { border: 1px solid hsla(16,44%,89%,1); text-align: center; position: relative; clear: both; }


/* rlb eliminated max-height: 360px; 20160624 */
.headerImage { width: 100%;  overflow: hidden; position: relative; }
/* rlb added 20160624 */
.headerImage > img {
	width: 100%; height: auto;
}

.productImage > a { position: absolute; display: block; left: 10px; bottom: 10px }
.learnMore { float: right; clear: right; background: #F26A3A; padding: 5px 10px; border-radius: 2px; box-shadow: 4px 4px 8px 0px hsla(16,44%,59%,0.5); }
.learnMore a, .learnMore a:hover, .learnMore a:active, .learnMore a:visited { color: #fff; }
.recipeList { list-style: none; }
.recipeList ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
.recipeList ul li { display: inline-block; padding: 2px 6px; background-color: #F26A3A; color: #FFF; font-size: 1.3em; font-weight: 500; letter-spacing: 0.05em; border-radius: 2px; margin: 2px 1px; }
.recipeList ul li:hover { background-color: #F4835B; cursor: default }
.modal-body { text-align: center; }
#imgModalDesc { margin-top: 10px; }

/* rlb added 20160620 */
#ProductOptionsList { background-color:#FFF; }
/* rlb changed margin and padding 20160620 */
.prodOptionDetail {position: relative; height:100px; overflow: hidden; 
background-color: #FFF; padding: 1px; margin: 0; }

/* rlb added 20160620 */
.prodOptionDetail.borderBottom { border-bottom:1px black solid;}
.prodOptionDetail.borderRight { border-right:1px black solid;}

 /* rlb added max width and max height 20160626 */
.prodOptionDetail img { display:block; max-width:100%; max-height:50px; margin:2px;}

.optionPDF { position: absolute; z-index: 5; right: 0px; bottom: -6px; padding-right: 3px }

.papersbold input {background-color:lightblue;}

/* RLB added 20160623 */
.greybox {
	background-color: #888888;
	color: #FFFFFF;
	padding: 1em;
}

.justified {
	text-align:justify;
}

.centered {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	align-content:center;
}

.rowborders {
	border: 1px black solid;
}

.rowTopborders {
	border-top: 1px black solid;
}

.rowBottomborders {
	border-bottom: 1px black solid;
}

.rowSideBorders {
	border-left: 1px black solid;
	border-right: 1px black solid;
}

.cellborders td {
	border: 1px black solid;
}

.olivebox {
	background-color: #A3FFE2;
	color: #3036C6;
	padding: 2em;
}

.appsbox {
	background-color: #cccccc;
	color: #3036C6;
	padding: 2em;
}

.appsbox * {
	background-color: #cccccc;
	color: #3036C6;
}

.appsbox ul {
	list-style-position: outside;
	list-style-image: url(../images/bullets/RLBcheckmark1.png);
}

.appsbox li {
	padding: 0.25em;
}

.testimonial {
	width: 80%;
	min-height: 20em;
	margin: auto;
	text-align:left;
	font-size: 1em;
	line-height: 1.1em;
}

img.rlbInnerBanner {
	position:relative;
	width:100%;
	margin-top:0.25em;
	margin-bottom:0.25em;
}

input.inputBoxShaded,
textarea.inputBoxShaded {
	background-color: #cccccc;
}

@media (min-width:500px) {
.productBarLeft { border-radius: 1px 0 0 1px; }
.productBarMid { border-radius: 0; border-width: 2px 0; }
.productBarRight { border-radius: 0px 1px 1px 0; }
}

@media (min-width: 992px) {
.longALD { display: inline }
.shortALD { display: none }
.social ul { display: block; }
}

@media (max-width: 991px) {
.longALD { display: none }
.shortALD { display: inline }
.social ul { display: inline; }
}

@media (max-width:768px) {
.navbar-nav { margin: 0px; }
.productImage { float: left; clear: both; margin: 10px 25px 5px 0; }
body { margin-top: 96px }
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; float: left; min-width: 160px; padding: 5px 0px; margin: 0px 0px 0px; font-size: 14px; text-align: left; list-style: outside none none; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 4px 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); }
.navbar-nav .open .dropdown-menu > li > a,  .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
.dropdown-menu > li > a { padding: 3px 20px; color: #333; }
}


@media (max-width:640px) {
#ServicesDropdown { clear: left }
.social ul { display: block; }
body { margin-top: 125px }
}

@media (max-width:450px) {
.social ul { white-space: normal; padding-top: 6px }
.social ul { width: 30px }
.social ul:first-of-type { display: none; }
#NavWrapper { padding-right: 40px }
}