/* bxstyles2022-6-23.css
* version: remove box limitations - go to full width of screen
* Version :17.03   last edits 1/19/2018 add responsive web page capabilities
/* selectors  #==id== unique, one per element, one per page,   .==class==multiple per element, multiple elements on page */
body {
	margin: 0px;
	padding: 0px;
/*	text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*  	color: 	#e9e9f0;
color is out side of container and corresponds to RGB of 233 233 240  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;

/*	background-color:#f2efea ;   this is the whole screen behind the display */
	overflow: auto;
}
.container18
  {

/*	border: 1px solid #000000;  */
	padding-left:0px;
	padding-right:0px;
	background-color:#fefae5 ;
	color: #000000;
	font-style: normal;
}

#mainNav {
  background-color:#663300;
  font-family:Verdana, Geneva, Tahoma, sans-serif;

}

#mainNav .navbar-brand {
  background-color:#663300;

}

#mainNav .navbar-nav .nav-item .nav-link {

  color: #ffffff;
  display:block;
  /*  font-weight: 800;
  */
}

#mainNav .navbar-nav .nav-item.active .nav-link {
  color:  #cc997f;
}
#mainNav .nav-item .nav-link a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}
.navbar .navbar-toggler a {
    color:#ffffff;
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    height: 4.0625rem;
    line-height: 4.0625rem;
    padding: 0 2.5rem 0 0.8125rem;
    position: relative;
    text-transform: uppercase;
}
.navbar .navbar-toggler a span::after {
        color:#ffffff;
        content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 0.8125rem;
  box-shadow: 0 0 0 1px #f7eeee, 0 7px 0 1px #f7eeee, 0 14px 0 1px #f7eeee;
  /*  box-shadow: 0 0 0 1px #281314, 0 7px 0 1px #281314, 0 14px 0 1px #281314; */
    width: 16px;
}

@media (min-width: 992px) {
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: .91rem;font-weight: 550;
  }
  #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #cc997f;
  }
  #mainNav .navbar-nav .nav-item.active .nav-link:hover {
    color: #cc997f;
  }


}

@media only screen and (max-width: 992px)
 {#mainNav .navbar-nav .nav-item .nav-link {font-size: 1.3rem; padding-top:.3rem;}
   .nav-item .nav-link {text-align:left; display:block;}
   #mainNav .navbar-nav .nav-item .nav-link:hover {color: #cc997f; }
	 #bottomNav button.navbar-toggler {display:none;}

}
 #bottomNav {
   background-color:#663300;
   font-family:Verdana, Geneva, Tahoma, sans-serif;
 }

 #bottomNav .navbar-brand {
   background-color:#663300;
 }

 #bottomNav .navbar-nav .nav-item .nav-link {
   color: #ffffff;
   display:block;
 }

 #bottomNav .navbar-nav .nav-item.active .nav-link {
   color:  #cc997f;
 }

 @media (min-width: 992px) {
   #bottomNav .navbar-nav .nav-item .nav-link {
     font-size: .91rem;font-weight: 550;
   }
   #bottomNav .navbar-nav .nav-item .nav-link:hover {
     color: #cc997f;
   }
   #bottomNav .navbar-nav .nav-item.active .nav-link:hover {
     color: #cc997f;
   }

 }

 @media (max-width:992px)








#enclosewoodmain {
	float:left;
	width:598px;
	margin:0;
	background-color:#fefae5 ;

}

/*
	Slideshow components for main page
	width:580px;*/
#containerslideb {
	width:100%;

	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

/* woodsample  class is 2/17  woodsample id is legacy */
.woodsample {
	font-size:small;
	font-family:Verdana, Geneva, Tahoma, Arial, sans-serif;
	text-align:center;
	float:left;

}
.item {
height: 210px;
width: 210px;
background-color: #333;
vertical-align: middle;
}
.item img {
vertical-align: middle;
}

#arrows {
position: relative;
top: -20px;
right: 0px;
padding: 0;
margin:0;
float: right;
}
.btnArrow {
padding: 0px 5px 0px 5px;
vertical-align:middle;
}
/*  12/29/2012  pageCurrent used for items with 2 pages with nav arrows between pages */

.pageCurrent{
	color: 	#24296B;

	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
/*	font-size: .85em; */
padding: 0px 5px 0px 5px;
}
/*  color  #993300; is  burgundy */
a.pageLink, a.pageLink:link {
	color: #993300;

	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .85em;
	padding: 0px 5px 0px 5px;
}
/*  1/27/2018 XXXXXXXXXXX */
.imgBorder {
/*	border: 4px solid rgb(255,231,131); */
	border: 4px solid #A38566;
/* background: rgb(255,231,131); */
	background:#D6C299;

	margin-bottom: 7px;
	margin-left: 5px;
	padding-top:1rem;
	text-align: center;


}


/*  12/29/2012  imgBorderFloatRight, and Left used on pages with multiple images like cutting boards, cabinets, trays */
.imgBorderFloatRight {
/*	border: 4px solid rgb(255,231,131); */
	border: 4px solid #A38566;
/* background: rgb(255,231,131); */
	background:#D6C299;
	float: right;
	margin-bottom: 7px;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;

/*	color: rgb(255,239,152);
color: #66FF66;*/

}

.imgBorderFloatLeft {
/*	border: 4px solid rgb(255,231,131); */
	border: 4px solid #A38566;
	background:#D6C299;
/*	background rgb equivalent: rgb(214,194,153); */
	float: left;
	margin-top:7px;
	margin-bottom: 7px;
	margin-right: 5px;
	padding-top:5px;
	text-align: center;

}
.imgNoBorderFloatRight {
	float: right;
	margin-bottom: 7px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;

}
.imgNoBorderFloatRightPadding {

	padding-left: 20px;


}
@media only screen and (max-width: 1240px) {

		.logo-name28 {font-size:1.6rem;text-align:right;}
		.logo-fw28 {font-size: .99rem;padding-top:1.19rem;margin-left:.2rem;padding-right:25%}
		 .phoneblock28 { font-size: .99rem;text-align:right; padding-top:0px}
}

@media only screen and (max-width: 1025px) {
		.woodsample		 {display:none;}
		.media-gt-420  { display: inline-block; }
		.media-lt-420  {display:none;}
		.logo-name28 {font-size:1.27rem;text-align:right;}
		.logo-fw28 {font-size: .99rem;padding-top:.89rem;margin-left:.2rem;}
		 .phoneblock28 { font-size: .89rem;text-align:center; padding-top:0px}
}
@media only screen and (max-width: 992px) {
		.logo-fw28 {padding-right:20%}
}
@media only screen and (max-width: 768px)
 {
	 h1 {text-align:center}
	 .logo-block18 {height:125px;margin-right:0px}
	 .logo-name18 {font-size:2.5em; text-align:center;}
	 .logo-fw18 {font-size:180%;padding-top:10px;text-align:center;}
	  .phoneblock18 {text-align:center; padding-top:0px}

 	 .logo-name28 {font-size:1.27rem;text-align:center;}
 	 .logo-fw28 {font-size: 1.1rem;margin-left:auto;margin-right:auto;padding-right:0px;padding-top:10px;}
 	  .phoneblock28 { font-size: 1.1rem;text-align:center; padding-top:0px}
		.main-nav27 select {font-size:1.1em;}
		.select-nav select { font-size:1.1em; }
		.select-nav a:link { font-size:1.1em; }
		.addressbar-address {font-size:1.3em;}
		.addressbar-phone {font-size:1.3em;}
		.descriptionr {font-size:1.5em;padding-left:20px;}
		.col-md-6 {max-width:95%}

}
@media only screen and (max-width: 600px)
 {.main-nav27 ul     { display: none; }
		.logo-fw28 {margin-left:auto;margin-right:auto; font-size: 1rem;
		}

@media only screen and (max-width:  580px)
		{.carousel-inner {width:100%;}
		}

}
@media only screen and (max-width:420px)
{		h1 {text-align:center;}
		.logo-block18 {margin-right:0px}
		.logo-name18 {text-align:center;left:0px;top:5px;}
		.logo-fw18 {margin-left:auto;margin-right:auto;padding-top:0px;}
		.phoneblock18 {margin-left:auto; padding-bottom:5px}
		.mainmenu18{margin-top:25px;}


		.logo-block28 {margin-right:0px}
		.logo-name28 .signature .mailto {text-align:center;}
		.logo-fw28 {margin-left:auto;margin-right:auto;text-align:center; font-size: 1rem;}
		.phoneblock28 {font-size: 1rem;text-align:center;}
		.descriptionr {font-size:1.2em;margin-bottom:.3rem}
		.dimensions {
						text-align:center;
						font-size:1em;}
		.dimensions-centered {
						text-align:center;
						font-size:1em;}
		.img-container {padding:10px; margin:auto; background-color:#fefae5;}
		.imgBorder { border:0px; background-color:#fefae5;}
		.detailcenter {padding:3px; margin:auto;}
		.mailto {text-align:center;padding-right:0px}
		.addressbar-address {font-size:1.2em;}
		.addressbar-phone {font-size:1.2em;}

		.media-lt-420  { display: inline-block; }
		.media-gt-420  {display:none;}
		.xtext  {display:none;}
}