body { font-family: Cambria,Georgia,serif; font-size: 12pt; color: #000000; background-color: #484546; } /* other color: 8e8c8c */
h1 { text-align: center; }
h2 { margin-top: 10px; font-size: 20pt; }
  .visible-xs h2 { font-size: 14pt; }
h4 { margin: 10px 0px; font-size: 16pt; }
  .visible-xs h4 { font-size: 12pt; }
.paddingtop22{ padding-top: 22px; }
.photoDivPadding{ padding: 0px 0px 20px; }
.heightMin { min-height: 400px; }
.lightBckgrnd { background-color: #8e8c8c; }
.center { text-align: center; }
.required { color: #FF0000; }
.error { padding: 6px; background: #ffdedd; border: 2px solid #FF0000; font-weight: bold; }
.alert { padding: 6px; background: #c6ea9e; border: 2px solid #65b706; font-weight: bold; }
.boldRed { color: #FF0000; font-weight: bold; }

.headerGraphic { display: block; height: 124px; background: url(../images/HeaderGraphic.jpg) center top no-repeat #fff;; }
.homeLtImage { margin: 20px 0px 0px; text-align: right; }
.homeRtImage { margin: 20px 0px 0px; }

.navbar { margin-bottom: 0px; }
.navbar-ashleys { padding: 20px 0px 20px 12px; text-align: center; font-size: 14pt; background: none; border: none; }
  .navbar-ashleys .navbar-nav > li > a { color: #000; }
	.navbar-ashleys .navbar-nav > li > a:hover, .navbar-ashleys .navbar-nav > li > a:focus { background-color: #ccc; }

.logo { margin-bottom: 20px; text-align: left; }
.searchBlock { display: table-cell; vertical-align: bottom; text-align: right; }
.searchBttn 
{ 
  display: inline-block; width: 76px; height: 30px; margin: 0px 0px 10px 0px; border: 1px solid #CCCCCC; background-color: #337ab7; color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: 5px 5px 5px #333;
}
  .searchBttn:hover { background-color: #23527c; }
.searchFeilds { display: table-cell; width: inherit; height: 56px; vertical-align: bottom; text-align: right; }
.searchFeilds input#searchbox { border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
.headermsg { text-align: right; font-size: 14pt; font-style: italic; }
.white-bg { background-color: rgba(255,255,255, 0.6); }
.botborder5 { border-bottom: 5px solid #000000; }

.homeImage { margin: 20px auto; text-align: center; }

#slideshow { position: relative; width: 100%; height: 464px; overflow: hidden; }
  #slideshow img { width: 100%; height: 100%; }
	
.breadcrumb { padding: 8px 15px 0px; margin: 0px; background: none; border: none; color: #999999; }
  .breadcrumb>.active{ color: #ffffff; }
	.breadcrumb a, .breadcrumb a:visited { text-decoration: underline; }

.appPhotos { margin-bottom: 20px; }

.photoBlock { display: inline-block; padding: 10px 10px; text-align: center; vertical-align: top; }
  .photoBlock img { width: 276px; height: 194px; border: 1px solid #484546; overflow: hidden; }
  .photoBlock > a { color: #000; }
	.photoBlock > a:hover, .photoBlock > a:focus { color: #ccc; text-decoration: none; }
	.photoBlock > a:hover img, .photoBlock > a:focus img { border: 1px solid #CCC; }
.photoBlockTitle { margin-top: 12px; font-size: 16pt; }
 
.listingBlock { display: inline-block; padding: 10px 12px 10px 8px; text-align: center; vertical-align: top; overflow: hidden; }
  .listingBlock img { border: 1px solid #484546; width: 175px; }
	.listingBlock:hover { background-color: #999; } 
  .listingBlock > a { color: #000; }
	.listingBlock > a:hover, .listingBlock > a:focus { color: #333; text-decoration: none; }
/*	.listingBlock > a:hover img, .listingBlock > a:focus img { border: 1px solid #CCC; } */
.listingBlockTitle { margin-top: 12px; font-size: 16pt; }
.rackBox { display: inline-block; width: 84px; padding: 10px 5px; }
.listingBlockImg 
{ 
  width: 175px; height: 157px; overflow: hidden; border-top: 1px solid #000; border-left: 1px solid #000;
	border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: 5px 5px 5px #333;
}
.listingBlockText { width: 175px; margin-top: 6px; }
  .rackImg img { }

.relPosition { position: relative; }
.click { position: absolute; bottom: 20px; left: 0px; width: 100%; padding: 2px 0px 2px 0px; color: #EDEDED; background-color: rgb(96,96,96); background-color: rgba(96,96,96,.7) }
.clickDetail { top: 410px; }
.noImage { display: table-cell; text-align: center; vertical-align: middle; }
.imgBorder { border: 1px solid #CCC; } /* border-top: 1px solid #ccc; border-left: 1px solid #ccc; } */
.defaultImg { width: 485px; height: 500px; overflow: hidden; font-size: 16pt; }

.browseBttn
{ 
  display: inline-block; width: 90px; height: 34px; margin: 0px 0px 10px 0px; border: 1px solid #CCCCCC;
	border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: 5px 5px 5px #333;
}
  .browseBttn a, .browseBttn a:visited { display: block; padding: 5px 0px; color: #FFFFFF; text-decoration: none; text-align: center; }
  .browseBttn:hover { background-color: #666666; }

.sampleBttn
{ 
  display: inline-block; width: 126px; height: 34px; margin: 0px 0px 10px 0px; border: 1px solid #CCCCCC; background-color: #337ab7; color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: 5px 5px 5px #333;
}
  .sampleBttn:hover { background-color: #23527c; }

.imageCol { text-align: right; margin-bottom: 20px; }
  .imageCol img { width: 500px; }
.detailsCol ul { padding-left: 20px; list-style: none; }
  .detailsCol h3 { margin: 0px 0px 20px; font-size: 20pt; font-weight: normal; }
  .detailsCol ul li label { width: 150px; }
.itemDetails th { width: 150px; }
.availabiltiyFinishTable { width: 100%; margin-bottom: 30px; border: 1px solid #C0C0C0; line-height: 22pt; }
  .availabiltiyFinishTable tr { background-color: #CDCDCD; }
  .availabiltiyFinishTable tr:nth-child(even) { background-color:  #8e8c8c; }
  .availabiltiyFinishTable th { padding: 12px; color: #C0C0C0; font-size: 14pt; font-weight: normal; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #484546; }
	.availabiltiyFinishTable th:last-of-type { border-right: none; }
	.availabiltiyFinishTable td { padding: 12px; border-right: 1px solid #FFFFFF; }
	.availabiltiyFinishTable td:last-of-type { border-right: none; }
form#sampleAmount { margin: 0px 0px; }

.contact_info { font-size: 14pt; }

.tagline { padding: 12px 0px; font-size: 16pt; }
  .tagline ul { margin: 0px auto; padding: 0px; text-align: center; }
	.tagline li { display: inline-block; padding: 0px 30px; list-style: none; }
.companyFooter { padding: 12px 0px; font-size: 16pt; }
  .companyFooter ul { margin: 0px auto; padding: 0px; text-align: center; }
	.companyFooter li { display: inline-block; padding: 0px 30px; list-style: none; }

footer { margin-top: 20px; }
.footerItem { display: inline; margin: 0px 80px; }
.footerItem-xs { display: inline; margin: 0px 0px; }
.copyright { margin-bottom: 8px; text-align: right; }

@media (min-width: 992px) { .searchBlock { height: 120px; } }
.navbar-nav { float: none; margin: 0px auto; width: 100%; text-align: center; }
.navbar-collapse { padding-right: 0px; padding-left: 0px; }
@media (min-width: 1200px) { .container { width: 1200px; padding-right: 0px; padding-left: 0px; } }
.nav > li > a { padding: 10px 10px; }