/*  TAN MAN */

.hide {
  display: none;
}

.vertaligntop {
  vertical-align: top;
  margin-top: 0;
}

body {
  background: #FFFFFF;
  margin: 0;
  font: 10px Verdana, Geneva, sans-serif;
  color: #000;
  letter-spacing: normal;
}

img {
  border: none;
}

/* START MAIN LAYOUT TAGS */

/* The container is used to control to overall width of the site content */
#container { /* centered */
  margin: 0 auto;
  width: 1100px;
  background: #FFF;
  border: 0px solid #666;
}

/* Used by popup windows */
#popupContainer {
  width: 100%;
  padding: 10px;
  background: #FFF;
}

/* NavColumn and ContentColumn are used on pages with a sidebar */
#navcolumn {
  margin: 0;
  padding: 0;
  width: 150px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #F7F4F0;
  font: 13px/15px Verdana, Geneva, sans-serif;
}

#contentcolumn {
  padding: 0;
  margin: 0;
  width: 620px;
  vertical-align: top;
  text-align: left;
  font: 13px/15px Verdana, Geneva, sans-serif;
}

/* #ProductPageContainer,#ProductImageColumn and #ProdutContentColumn are used on the product page */
#ProductPageContainer {
  width: 598px;
}

#ProductPageImageColumn {
  width: 175px;
  padding: 0;
  margin: 0;
  vertical-align: top;
  text-align: center;
  font: 13px/15px Verdana, Geneva, sans-serif;
}

#ProductPageContentColumn {
  padding: 0 0 0 10px;
  margin: 0;
  vertical-align: top;
  text-align: left;
  font: 13px/15px Verdana, Geneva, sans-serif;
}

/* #page is used by pages without a sidebar */
#page {
  padding: 0;
  margin: 0;
  background: #FFF;
  font: 13px/15px Verdana, Geneva, sans-serif;
}

/* #maincontent is a DIV that wraps the content area on every page */
#maincontent {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  padding: 5px 1px 10px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;

}

 td.padded {
 padding:20px;

}

/* END MAIN LAYOUT TAGS */

/* START HEADER TAGS */
#header {
  line-height: 15px;
  background: #FFFFFF;
  width: 100%;
  height: 71px;
  position: relative;
}

/* Used to make sure the main menu clears the logo and site menu */
#BrandingArea {
  margin: 0 auto;
  height:71px;
  width: 784px;
}

/* Sections within Main Header Areas */
#Logo {
  padding: 7px 0 0 5px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#SiteMenu ul {
  position: absolute;
  top: 8px;
  right: 115px;
  margin: 0;
  white-space: nowrap;
}

#SiteMenu li {
  list-style-type: none;
  margin: 0 4px 4px 8px;
}

#SiteMenu a {
  color: #444;
}

#SiteMenu a:hover {
  color: #000;
  text-decoration: none;
}

#MiniCart {
  position: absolute;
  text-align: left;
  top: 43px;
  right: 10px;
  color: #666;
  font: 10px/10px Verdana, Geneva, sans-serif;
}

#SiteMenu #ShoppingCartLink a {
  position: absolute;
  top: 45px;
  right: 137px;
}

#social {
  width: 90px;
  height: 68px;
  position: absolute;
  top: 3px;
  right: 3px;
}

#social div {
  height: 23px;
}

/* Tags for main menu */
#MainMenu {
  width: 784px;
  background: transparent;
  padding: 0;
  margin-right: 0;
  text-align: center;
}

/* Controls Tabs for top level categories */
#MenuLevel1 {
  width: 784px;
  background: #AFA697;
  padding: 0;
  margin: 0;
}

#MenuLevel1 Table {
  margin-left: auto;
  margin-right: auto;
}

#MenuLevel1 .MenuItem, #MenuLevel1 .MenuItem a {
  font: 11px Verdana, Geneva, sans-serif;
  background: transparent;
  width: 100px;
  color: #666;
  text-align: center;
}

#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a:hover {
  font: 11px Verdana, Geneva, sans-serif;
  background: #CCC2B6;
  width: 100px;
  color: #666;
  text-align: center;
}

#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {
  /* background: transparent url(CategorySpacerBG2.gif) no-repeat bottom left; */
  font: 11px Verdana, Geneva, sans-serif;
  background: #FFF;
  width: 100px;
  color: #666;
  text-align: center;
  font-weight: normal;
}

#MenuLevel1 a, #MenuLevel1 a:hover {
  font: 11px Verdana, Geneva, sans-serif;
  text-decoration: none;
  display: block;
}

/* Controls sub category level menu */
#MenuLevel2, #MenuLevel2 .MenuItem, #MenuLevel2 table, #MenuLevel2 a, #MenuLevel2 a:hover {
  display: none;
}
/* END HEADER TAGS */

/* START FOOTER ELEMENTS */
#footer {
  clear: both;
  margin: 5px 0 0;
  width: 100%;
  padding: 0;
  text-align: center;
  background: #EFEBE7;
  border-top: 1px solid #CCC2B6;
}

#footermenu a {
  color: #444;
  padding-left: 20px;
  white-space: nowrap;
  line-height: 20px;
}

#footermenu a:hover {
  text-decoration: none;
  color: #000;
}

#footercustommenu {
  padding: 0;
}

.contact {
  padding: 5px 0 10px;
}

.information {
  font-size: 7pt;
  margin-bottom: 10px;
}

#copyright {
  padding: 5px 0 3px;
  text-align: center;
}

#poweredby {
  color: #CCC;
  line-height: 26px;
}
/* END FOOTER ELEMENTS */

/* START HOMEPAGE TAGS */
#PageHome #MainContent {
  padding: 0;
  margin: 0;
}

.HomepageBlock {
  padding: 0;
  font-size: 10px;
}

#HomeTable {
  padding: 0;
  margin: 0;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

#HomeColumn1 {
  vertical-align: top;
  text-align: left;
  padding: 0 5px;
  margin: 0;
  width: 150px;
  border-right: 1px solid #F7F4F0;
  margin-left: auto;
  margin-right: auto;
}

#HomeColumn2 {
  vertical-align: top;
  text-align: center;
  padding: 8px 8px 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

#HomeColumn3 {
  vertical-align: top;
  text-align: left;
  padding: 0 5px;
  width: 150px;
  margin: 0;
  border-left: 1px solid #F7F4F0;
}

#HomepageSample2 {
  background: #FFF;
  text-align: left;
  vertical-align: middle;
  height: 250px;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: 1px dashed #CCC2B6;
  color: #CCC2B6;
  font: 11px/14px Verdana, Geneva, sans-serif;
}

#HomeColumn1 .SingleProductDisplay,#HomeColumn2 .SingleProductDisplay,#HomeColumn3 .SingleProductDisplay {
  border: 0;
}

#HomeColumn1 .SingleCategoryDisplay,#HomeColumn2 .SingleCategoryDisplay,#HomeColumn3 .SingleCategoryDisplay {
  border: 0;
}

.banner {
  color: #57090E;
  font: bold large Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 2em;
}

table.wide-table {
  width:84%;
  margin-left: auto;
  margin-right: auto;

}

hr.divider {
    font-size: 14px;
    margin: 4em auto;
    height: 1px;
    background-color: lightgrey;
    border: none;
}

.heading {
  font: bold medium Tahoma, Geneva, sans-serif;
  margin-bottom: 10px;
}

.guide {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font: small Arial, Helvetica, sans-serif;
}

.category {
  font-size: medium;
}

.features {
  padding-top: 12px;
  vertical-align: top;
  width: 70%;
  height: 160px;
}

.point {
  font-size: 8pt;
  margin-bottom: 12px;
  text-align: center;
}

.point img {
  vertical-align: middle;
}
/* END HOMEPAGE TAGS */

/* START NAV COLUMN BLOCK TAGS */
#navColumn ul, .CategoryList ul {
  padding: 0;
  margin: 0 0 0 10px;
  list-style-type: none;
}

.NavColumnBlock {
  background: #FFF;
  padding: 0;
  margin: 0;
  width: 150px;
}

.NavColumnBlockContent {
  padding: 3px;
  margin: 0 0 6px;
  text-align: left;
  background: #EFEBE7;
  border-left: 1px solid #CCC2B6;
  border-right: 1px solid #CCC2B6;
  border-bottom: 1px solid #CCC2B6;
  color: #666;
  font: 11px Verdana, Geneva, sans-serif;
}

.NavColumnBlockContent a {
  color: #666;
  font: 11px Verdana, Geneva, sans-serif;
}

.MailingListSignupForm, .NavColumnBlock {
  width: 150px;
  padding: 0;
}

.CategoryList, .SearchBoxForm {
  width: 160px;
  padding: 0;
}

.CategoryListContent, .SearchBoxFormContent, .MailingListSignupFormContent {
  padding: 3px;
  margin: 0 0 6px;
  text-align: left;
  background: #EFEBE7;
  border: 1px solid #CCC2B6;
  border-top: none;
}
/* END NAV COLUMN BLOCK TAGS */


/* Horizontal nav tags - gwendolyn 12/9/2013 */
horiznav ul ul {
	display: none;
}

	horiznav ul li:hover > ul {
		display: block;
}

horiznav ul {
	background: #efefef;
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	horiznav ul:after {
		content: ""; clear: both; display: block;
}

horiznav ul li {
	float: left;
}
	horiznav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		horiznav ul li:hover a {
			color: #fff;
		}

	horiznav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
}

horiznav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	horiznav ul ul li {
		float: none;
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		horiznav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}
			horiznav ul ul li a:hover {
				background: #4b545f;
			}

horiznav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* START PRODUCT CONTROLS AND CATEGORY CONTROLS */
.summary {
  font-size: small;
  text-align: center;
  line-height: normal;
  margin-left: auto;
  margin-right: auto;
}

.subtitle {
  font-size: medium;
}

.product {
  color: #00F;
  text-decoration: underline;
}

.note {
  font-size: 11px;
}

p.note {
    margin-bottom: 2em;
}

p.description {
    margin-bottom: 2em;
    text-align: center;
}


#Description {
  margin: 10px 0;
  text-align: center;
}

.about {
  font-size: small;
  margin: 10px 0;
  text-align: center;
}

.SingleProductDisplay, .SingleCategoryDisplay {
  text-align: center;
  width: 175px;
  height: 150px;
  margin: 0;
}

.details {
  width: 170px;
  height: 120px;
  margin: 10px auto;
}

.details p {
  line-height: 16px;
}

/* Special Tag to shrink single product margins when inside nav column */
.RelatedItemsBlock {
  display: block;
  background: #FFF;
  border: 1px solid #EFEBE7;
  width: 175px;
  margin: 0;
}

.RelatedItemsBlockContent {
  padding: 5px 0 0;
  text-align: center;
}

.NavColumnBlock .SingleProductDisplay,.NavColumnBlock .SingleCategoryDisplay {
  margin: 0;
}

.SingleProductDisplayImage,.SingleCategoryDisplayImage {
}

.SingleProductDisplayName a, .SingleCategoryDisplayname a, .ListCategoryDisplay a {
  font: 700 12px/14px Verdana, Geneva, sans-serif;
}

.SingleProductDisplayPrice A {
  font: 700 12px/14px Verdana, Geneva, sans-serif;
  color: #900;
}

.ListProductDisplay, .ListCategoryDisplay {
  text-align: left;
  width: 500px;
}

.ListProductDisplayPrice {
  text-align: right;
}

.ListCategoryDisplayDescription {
  margin: 3px 10px 10px 0;
  font: 12px/14px Verdana, Geneva, sans-serif;
}

.DetailProductDisplay {
  border-top: solid 1px #CCC;
  padding: 10px 10px 10px 0;
  text-align: left;
}

.DetailProductDisplayImage {
  font-size: 11px;
  line-height: 14px;
  padding: 0 10px 0 0;
  width: 360px;
  /*height: 141px;*/
  float: right;
  vertical-align: top;
}

.DetailProductDisplayImage th {
  text-align: right;
  width: 180px;
}

.retail {
    font-size: 11px;
  color: gray;
  text-decoration: line-through;
}

.savings {
    color: #63090B;
    font-size: 12px;
  font-weight: bold;
}

.specs-title {
    font-size: 12px;
    font-weight: bold;
}

.DetailProductDisplayName, .DetailProductDisplayPrice, .DetailProductDisplayDescription {
  font-size: 11px;
  width: 190px;
}

.DetailProductDisplayName {
  font-weight: 700;
}

.DetailProductDisplayDescription {
  margin: 10px 0;
}

.back  {
  border-top: solid 1px #CCC;
  font-size: small;
  padding: 10px;
  text-align: center;
}

.available {
  color: #63090B;
  margin: 10px 0 0;
}

.spec {
  margin-left: 11px;
}

/* END PRODUCT CONTROLS AND CATEGORY CONTROLS */

/* Shopping Cart Page */
#CartTitle {
  width: 760px;
}

#CartSubTitle {
}

#CartContainer {
  width: 760px;
  padding: 0;
  margin: 0;
}

#CartItemBlock {
  padding: 0;
  margin: 0;
}

#CartItemBlock Table {
  margin: 0;
  width: 760px;
  border: 1px solid #CCC2B6;
  border-bottom: none;
}

#CartUpdateBlock {
  width: 500px;
  background: #FFF;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  border-left: solid 1px #CCC2B6;
  border-bottom: solid 1px #CCC2B6;
  border-right: solid 1px #CCC2B6;
}

#CartTotalBlock {
  border-bottom: solid 1px #CCC2B6;
  border-right: solid 1px #CCC2B6;
  width: 260px;
  margin: 0;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

#CartCheckoutButtons {
  width: 760px;
  text-align: right;
  margin-top: 10px;
}

/* START VISUAL STYLES */
.SSWText, .CartText {
  font: 11px/14px Verdana, Geneva, sans-serif;
  color: #666;
}

.SSWSmallText {
  font: 10px/12px Verdana, Geneva, sans-serif;
  color: #666;
}

.Header {
  padding: 3px;
  margin: 0;
  font: 700 11px Verdana, Geneva, sans-serif;
  color: #FFF;
  background: #FFFFFF;
}

.Item, .CartItem {
  background: #FFF;
  font: 11px/14px Verdana, Geneva, sans-serif;
  color: #666;
  padding: 0.2em 0.2em 0.2em 0.5em;
  text-align: left;
}

.AlternateItem, .CartAlternateItem {
  background: #FFF;
  font: 11px/14px Verdana, Geneva, sans-serif;
  color: #666;
  padding: 0.2em 0.2em 0.2em 0.5em;
  text-align: left;
}

.CartItem, .CartAlternateItem {
  border-bottom: 1px solid #CCC2B6;
}

.FormTable, .contentcell {
  width: 360px;
}

.FormInput, #inKeyword {
  border: #CCC2B6 1px solid;
  background: #F7F4F0;
  color: #000;
}

#btnSearch {
  margin: 0 0 2px 3px;
}

.FormInputError {
  border: #CCC2B6 1px solid;
  background: #FFB5B5;
  color: #000;
}

.formlabel {
  font: 9px Verdana, Geneva, sans-serif;
  color: #666;
  letter-spacing: normal;
}

.FormLabelStrong {
  font: 700 12px/14px Verdana, Geneva, sans-serif;
  color: #666;
  letter-spacing: normal;
}

a {
  text-decoration: underline;
  color: #000;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
  text-decoration: none;
  color: #666;
}

a.button-customize {
    display: inline-block;
    margin-top: 1.5em;
    margin-bottom: .5em;
}

a.reviews-link {
    display: inline-block;
    font-size: 14px;
    padding: .5em 0;
}

.ErrorMessage {
  display: block;
  background: transparent;
  font: 10px/12px Verdana, Geneva, sans-serif;
  color: #F00;
}

.SuccessMessage {
  background:#9F0;
  color: #000;
  font: 11px/14px Verdana, Geneva, sans-serif;
}

p {
  margin: 0;
  text-align: left;
  font: 11px/14px Verdana, Geneva, sans-serif;
}

.indent {
  margin-left: 20px;
}

.Padded {
  margin: 10px;
}

h1 {
  padding: 0;
  margin: 0 0 5px;
  font: 700 large Verdana, Geneva, sans-serif;
  color: #63090B;
  line-height: 24px;
  text-align: center;
}

h2 {
  padding: 0 0 0 2px;
  margin: 0 0 5px;
  font: 700 18px Tahoma, Geneva, sans-serif;
  color: #57090E;
  background: transparent;
}

h3 {
  padding: 0;
  margin: 0;
  font: 700 12px/16px Verdana, Geneva, sans-serif;
  color: #666;
}

h4 {
  padding: 3px;
  margin: 0;
  font: 700 11px Verdana, Geneva, sans-serif;
  color: #FFF;
  text-align: left;
  background: #CCC2B6;
}

.ProductPropertyLabel {
  font: 700 11px Verdana, Geneva, sans-serif;
  color: #666;
}

.DiscountText {
  font: 11px/14px Verdana, Geneva, sans-serif;
  color: #F00;
}

.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice {
  font: 11px Verdana, Geneva, sans-serif;
}

.SitePrice, .ListPrice {
  color: #666;
}

.ListPrice {
  text-decoration: line-through;
}

.YouSave {
  color: #F00;
}

.SitePriceDiscounted {
  color: #000;
}

.price-table {
    text-align: left;
    padding: .5em 0;
}

.price-table > div > span {
    display: inline-block;
    padding: .125em 0;
}

.price-table > div > span:first-child {
    font-size: 12px;
    margin-right: .5em;
}

.list-price {
    color: grey;
    text-decoration: line-through;
}

.our-price {
    color: black;
    font-weight: bold;
}

.product-tile .price {
    font-size: 14px;
    text-decoration: none !important;
}

.product-tile .short-desc {
    font-size: .9em;
    text-decoration: none !important;
}

/* START BREADCRUMB TAGS */
#BreadCrumbs {
    margin-bottom: 10px;
    padding: 0;
    font: 11px/11px Verdana, Geneva, sans-serif;
    color: #666;
}

.BreadCrumbTrailSpacer {
  background-repeat: no-repeat;
}

.BreadCrumbTrailNoLink {
}

#BreadCrumbs a {
  color: #666;
}

#BreadCrumbs a:hover {
  color: #999;
}
/* END BREADCRUMB TAGS */

/* CATEGORY LIST CONTROL TAGS */

.OtherCategory {
 padding-top : 10px;
}

.OtherCategory a {
  font: 700 10px Verdana, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
}

.OtherCategory a:hover {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.CurrentCategory a {
  font: 700 10px Verdana, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
}
.CurrentCategory a:hover {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.SubCategory a, .SubCategory a:visited, .SubCategory a:active {
  font: 10px Verdana, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
}

.SubCategory a:hover {
  color: #000;
}
/* END CATEGORY LIST CONTROL TAGS */


.bv-stars {
    margin-top: .5em;
    display: flex;
    justify-content: center;
}

.bv-stars:hover * {
    cursor: pointer !important;
}

.products-block {
    margin: 2em 0;
}

.product-tile-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 2em auto;
    max-width: 1200px;
}

.products-block h2, .products-block h3 {
    width: 100%;
    margin: 0;
    margin-bottom: 1em;
    text-align: center;
    font: 700 18px Tahoma, Geneva, sans-serif;
    color: black;
}

.product-tile {
    min-width: 210px;
    width: 100%;
    max-width: calc(260px - 2em);
    min-height: 175px;
}


.product-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
}

.product-tile > a {
    /*padding: 1em;*/
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    text-decoration: none;
}

.product-tile > a > span {
    text-decoration: underline;
}

.image-frame {
    display: flex;
    justify-content:center;
    width: calc(240px - 2.5em);
    height: calc(160px - 2em);
    margin: 0 auto;
    padding: 1em;

    /*padding-bottom: 0;*/

    margin-bottom: auto;
    background-color: white;
    border-radius: .5em;
    border: 1px solid rgba(0,0,0,.085);
    overflow: hidden;
}

.image-frame > img {
    margin: auto 0;
}

.product-tile .prod-buttons {
    margin-top: .5em;
}

.scale {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.product-tile:hover {
    background-color: rgb(240,240,255);
}

.product-tile:hover .image-frame img {
    opacity: .66;
}

.product-tile a:hover {
    color: inherit;
}

.product-tile a span {
    display: block;
    line-height: 1.6em;
    align-self: stretch;
    text-align: center;
    margin: 0 auto;
    /*padding: .5em;*/
}

.product-tile .product-name {
    margin-top: .5em;
}


.product-tile .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container .bv-rating-stars {
    cursor: pointer !important;
}

.product-tile {
    font-size: 14px;
    margin: .825em;
    border: 1px solid rgba(0,0,0,.085);
    border-radius: .5em;
    background-color: #F7F4F0;
    box-shadow: rgba(0,0,0,.05) .25em .25em 2px,
                rgba(0,0,0,.04) -1px -1px 2px inset,
                rgba(255,255,255,.75) 1px 1px 2px inset;
}


.jump-list {
    margin: 2em auto;
    max-width: 60%;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.jump-list a {
    display: inline-block;
    padding: .5em 1em;
    font-size: 14px;
}

.product-list .record {
    display: flex;
    justify-content: space-around;
    max-width: 90%;
    margin: 2em auto;
    margin-top: 0;
    padding: 2em 0;
    border-bottom: 1px solid lightgrey
}

.record .prod-info-tabs {
    flex-grow: 1;
    width: 100%;
    max-width: 510px;
    margin-right:0em;
}

.record .prod-info-right {
    flex-grow: 1;
    max-width: 420px;
    margin-left: 0em;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.record .prod-info-right > * {
    margin-right: auto;
}

.tab-pane {
    padding: 1em;
    border: 1px solid lightgrey;
    border-radius: .5em;
    border-top-left-radius: 0px;
    text-align: left;
    font-size: 14px !important;
    background-color: white;
}

.prod-detail-name {
    display: inline-block;
    font-weight: bold;
    margin-bottom: .5em;
}

.prod-detail-description {
    font-size: 12px;
    margin-top: .5em;
}

.filter-record .prod-detail-description {
    font-size: 1em !important;
    text-align: left;
}

.prod-availability {
    margin-top: 1em;
}

.in-stock {
    font-weight: bold;
    color: black;
}

.prod-production-time > span:nth-child(2) {
    font-weight: bold;
}

.prod-specs {
    font-size: 14px;
}

.list-controls {
    text-align: right;
    padding: 0 1em;
}


.product-select {
    height: 600px;
    overflow: auto;
    padding: 1em;
    background-color: rgb(250,250,250);
    border-radius: .5em;
    border: 1px solid lightgrey;
    resize: vertical;
}

.filter-results {
    display: none;
}

.filter-results.show {
    display: block;
}

.product-select > .filter-record {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 800px;
    margin: 2em auto;
    margin-top: 0;
    padding: 1em 0;
    background-color: white;
    border-radius: .5em;
    border: 1px solid lightgrey;
    box-shadow: 0px 6px 8px -10px black;
}

.filter-record .top,
.filter-record .bottom {
    width: 100%;
}
.filter-record .top {
    margin-bottom: 1em;
}

.filter-record .bottom {
    margin-top: 1em;
}

.currently-selected {
    font-size: 14px;
    text-align: left;
    margin-bottom: 2em;
    padding: 1em 2em;
    border-radius: .5em;
    border: 1px solid lightgrey;
}

.btn {
    all: unset;
    display: inline-block;
    padding: .25em 1em;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2em;
    min-height: 18px;
    color: rgba(110,0,0,1);
    font-weight: bold;
    text-shadow: 1px  1px white,
                 1px -1px white,
                -1px  1px white,
                -1px -1px white;
    background-color: rgb(245,235,220);
    border: 2px solid grey;
    border-radius: .25em;
    box-shadow: -1px -1px 4px -3px black inset,
                 1px  1px 2px white inset;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}

.btn:hover {
    background-color: rgb(335,220,210);
    box-shadow: -1px -1px 2px white inset,
                 1px  1px 4px -3px black inset;
}

.btn.disabled {
    pointer-events: none;
    text-shadow: none;
    box-shadow: -1px -1px 2px white inset;
    background-color: rgb(245,245,245);
    color: grey;
    border-color: lightgrey;
}

.btn.hidden {
    display: none;
}

.btn > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6em;
}

.btn > *:first-child {
    margin-right: .5em;
}

.cust.btn {
    background-color: 	#ffef80;
}

.text-btn {
    all: unset;
    display: inline-block;
    padding: .5em;
    font-size: 20px;
}

.text-btn:hover {
    text-shadow: 0px 0px 14px blue;
    color: white;
}

.block-radio {
    display: none;
}

.block-radio:checked + .block-radio-label {
    background-color: rgb(235,235,255);
}

.block-radio-label {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    margin: .5em;
    background-color: white;
    border: 1px solid lightgrey;
    border-radius: .5em;
    font-size: 14px;
}

.block-radio-label img {
    padding: 1em;
    margin-top: auto;
    border-radius: .5em;
    /*border: 1px solid black;*/
    background-color: white;
}

.block-radio-label .option-title {
    font-weight: bold;
    margin-bottom: 1em;
    word-wrap: break-word;
}

.tile {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    margin: .5em;
    border: 1px solid lightgrey;
    border-radius: .5em;
    font-size: 14px;
}

.tile h3 {
    color: black;
    font-size: 1em;
    margin-bottom: 1em;
}

.detail-list {
    margin-top: 1em;
    padding-left: 1.25em;
    text-align: left;
}

.detail-list > li {
    padding: .25em 0;
}

.monogram-styles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 900px;
    margin: 0 auto;
}

.monogram-styles .tile {
    width: 185px;
    margin: 1em 3em;
}

.mono-options h2 {
    margin-bottom: 2em;
}

.mono-options h3 {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.mono-options > section {
    display: none;
    padding: 1em;
    margin-bottom: 2em;
    font-size: 14px;
}

.mono-options > section.show {
    display: flex;
}

.section-title {
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    border-bottom: 2px solid darkslategray;
    margin: 4em 0;
}
.section-title > span {
    position: absolute;
    padding: 1em;
    color: black;
    font-size: 16px;
    line-height: 1em;
    background-color: white;
    transform: translate(-50%, -1.5em);
}

.select-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.select-type > .option {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2em;
}

.select-type > .option > .block-radio-label {
    flex-grow: 1;
    width: 140px;
}

.selected-desc {
    width: 66%;
    padding: 1em;
    margin-top: 2em;
    border-radius: .5em;
    border: 1px solid grey;
}

.option-desc {
    display: none;
}
.option-desc.show {
    display: block;
}

.select-design,
.select-stamp {
    display: flex;
    flex-direction: column;
}

.select-confirm {
    flex-wrap: wrap;
    justify-content: center;
}

.select-confirm > .tile {
    flex-grow: 1;
    flex-basis: 25%;
}

.select-confirm > .tile > img {
    max-width: 100%;
    margin: auto 0;
}

.select-confirm > .tile > h3 {
    margin-bottom: .5em;
}

.select-confirm > .tile > span {
    margin-bottom: 1em;
}

.template-select {
    display: flex;
    flex-wrap: wrap;
    /*height: 600px;*/
    border-radius: .5em;
    border: 1px solid lightgrey;
    overflow-x: hidden;
    overflow-y: auto;
    border-collapse: collapse;
    background-color: rgb(250,250,250);
    background-color: lightgrey;
    resize: vertical;
}

.template-select > .option {
    display: block;
    flex-basis: calc(16.666% - 1px);
    margin: .5px;
    background-color: white;
    box-sizing: border-box;
}

.template-select > .option:last-child {
    flex-grow: 1;
}

.template-select .template-tile {
    border: none;
}

.template-select .template-tile > img {
    margin-bottom: 1em;
}

.designer-breadcrumbs {
    display: inline-flex;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    margin-top: 2em;
    border-radius: .5em;
    border-radius: 5em;
    border: 1px solid grey;
    list-style: none;
    overflow: hidden;
}

.crumb {
    font-size: 14px;
    padding: 1.5em;
    border-right: 1px solid grey;
    text-align: center;
    flex-grow: 1;
}

.crumb:first-child {
    padding-left: 2em;
}

.crumb:last-child {
    border-right: none;
    padding-right: 2em;
}

.crumb.complete {
    background-color: lightgreen;
    /*box-shadow: -1em -1em 2em -2.25em white inset,*/
                 /*1em  1em 2em -2.25em white inset;*/
}

.crumb.current {
    background-color: lightgreen;
    /*background-color: lightskyblue;*/
    /*background-color: rgb(200,200,255);*/
    /*box-shadow: -1em -1em 2em -2.25em white inset,*/
                 /*1em  1em 2em -2.25em white inset;*/
}

.designer-nav-buttons {
    display: flex;
    justify-content: space-between;
    width: 66%;
    margin: 2em auto;
    font-size: 14px;
}
.designer-nav-buttons > * {
    font-size: 1.25em;
}

/* Product Properties */
#ProductProperties {
  text-align: left;
}

#ProductProperties ul {
  margin: 5px 0 0;
  list-style-type: none;
}

#ProductProperties ul li {
  margin-top: 3px;
}

#ProductProperties ul ul {
  margin: 5px 0 0 50px;
  list-style-type: disc;
}

/* Category Page */
#CategoryListHeader {
  margin-bottom: 10px;
}

#CategoryListHeader #LayoutTable {
  width: 510px;
}

#RecordsFound,#Pager,#Sorter, #Sorter td {
  font: 11px Verdana, Geneva, sans-serif;
  color: #666;
}

#Sorter Table {
  margin-left: auto;
  margin-right: auto;

}

#tblItems {
  border: 1px solid #708090;
  width: 720px;
  margin: 5px;
}

#CheckoutTable {
  width: 720px;
}

#CheckoutSteps {
  margin: 5px;
}

.CheckoutStep {
  font: 12px/14px Verdana, Geneva, sans-serif;
}

#CheckoutSteps a {
  padding-right: 20px;
  text-decoration: none;
  color: #666;
}

.CheckoutStep .CheckoutStepCurrent {
  font: 700 12px/14px Verdana, Geneva, sans-serif;
  color: #036;
}

.CheckoutDescription {
  font: 12px/14px Verdana, Geneva, sans-serif;
}

#AddressBookPanel {
  width: 720px;
  margin: 0 0 10px;
}

.ContentBox {
  margin: 3px 0 5px 20px;
  text-align: left;
  background: #FFE;
  border: solid 1px #CCC2B6;
  padding: 10px;
}

#CheckoutTotals {
  text-align: center;
  background: #FFF;
  border-left: 1px dashed #CCC2B6;
  border-top: 1px dashed #CCC2B6;
  border-bottom: 1px dashed #CCC2B6;
  padding: 5px;
  margin: 0;
}

#PlaceOrderCell {
  padding: 5px;
  margin: 0 5px 0 0;
  text-align: center;
  background: #FFF;
  border-left: 1px dashed #CCC2B6;
}

#CheckoutCoupons, .ControlArea {
  border: 1px dashed #CCC2B6;
  background: #FFF;
  padding: 5px;
}

#CheckoutPayment {
  background: #FFF;
  border-left: 1px dashed #CCC2B6;
  border-bottom: 1px dashed #CCC2B6;
  padding: 5px;
  text-align: left;
}

#ProductControls {
  margin-top: 20px;
  border: 1px dashed #CCC2B6;
  background: #FFF;
  padding: 5px;
}

#ProductReviews, #ProductReviewNew {
  margin: 20px 0 10px;
}

#ProductReviews h3 {
  padding: 3px 6px;
  margin: 0 0 5px;
  font: 700 12px Verdana, Geneva, sans-serif;
  color: #CCC2B6;
  background: transparent;
  border: 1px solid #CCC2B6;
}

#ProductReviews a {
  font: 12px/14px Verdana, Geneva, sans-serif;
}

.ProductReviewRating {
  font: 700 12px/14px Verdana, Geneva, sans-serif;
  color: #666;
}

.ProductReview {
  font: 12px/14px Verdana, Geneva, sans-serif;
  margin: 10px;
}

.ProductReviewKarma {
  font: 11px/12px Verdana, Geneva, sans-serif;
  color: #666;
}

.RelatedItemsBlock h3 {
  margin: 0;
  font: 700 12px Verdana, Geneva, sans-serif;
  color: #666;
  text-align: center;
  padding: 3px 0;
  border-bottom: 1px solid #EFEBE7;
  width: 175px;
}

#VolumeDiscounts {
  margin: 5px;
}

.VolumePricingHeader {
  background: #C60;
  font: 11px/12px Verdana, Geneva, sans-serif;
  color: #FFF;
}

.VolumePricingText {
  font: 11px/12px Verdana, Geneva, sans-serif;
  color: #666;
}

.NewProductBadge {
  height: 110px;
  margin-top: -110px;
}

.NewProductBadge img {
  position: relative;
  left: -55px;
}

/* use extra divs to insert custom graphics or elements */
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #ExtraDiv1, #ExtraDiv6 {
  display: none;
}

/* Error Message Boxes */
.WebPageMessage {
  width: 500px;
  border:1px solid #000;
  background: #FFF;
  padding: 0;
  margin: 5px 0;
}

.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
  padding: 5px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}

.WebPageMessageError {
/*  background-image: url(WebPageMessageError.gif); */
}

.WebPageMessageWarning {
/*  background-image: url(WebPageMessageWarning.gif); */
}

.WebPageMessageInformation {
/*  background-image: url(WebPageMessageInformation.gif); */
}

.WebPageMessageQuestion {
/*  background-image: url(WebPageMessageQuestion.gif); */
}

.WebPageMessageOK {
/*  background-image: url(WebPageMessageOK.gif); */
}

.WebPageMessage .Message {
  font: 11px Verdana, Geneva, sans-serif;
  padding: 0 0 15px 40px;
  margin: 0;
}
/* End Error Message Boxes */

#actuator {
  position: absolute;
  top: 3px;
  left: 75px;
  display: block;
  width: 100px;
  height: 25px;
}

/* Background of stamp design page section TD */
#designbackground {
  vertical-align:top;
  text-align:center;
}

/* styles indicators on stamp design pages */
.formlabelbold {
  font: 700 10px/12px Tahoma, Geneva, sans-serif;
  color: #666;
}

.formlabelunderline {
  text-decoration: none;
  font: 10px/12px Tahoma, Geneva, sans-serif;
  color: #666;
}
.formlabelitalic {
  font-style: italic;
  font:  10px/12px Tahoma, Geneva, sans-serif;
  color: #666;
}

/* product name on top of stamp design screens */
.lblname {
  font: 700 10px/12px Tahoma, Geneva, sans-serif;
  color: #666;
}
.disclaimer {
  font: 700 10px/12px Tahoma, Geneva, sans-serif;
  color: #666;
}

.LandingElementHeader {
  font-weight: 700;
  clear: both;
  margin: 5px 0 0;
  width: 100%;
  color: #000;
  padding: 5px;
  background: #EFEBE7;
  border: 1px solid #CCC2B6;
}

.rightOriented {
  text-align : left;
  position: relative;
  left: 200px;
  width: 100%;
}

.customroll {
  height: 124px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.customroll a:hover img {
  margin: -126px 0 0;
}

.customroll2 {
  height: 144px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.customroll2 a:hover img {
  margin: -146px 0 0;
}

/*** Bizrate Styles ***/
#bizhldr {
  position: relative;
  border: 1px solid #AAA;
  font-family: Tahoma, Geneva, sans-serif;
  color: #333;
  width: 160px;
  height: 600px;
  margin: 0 auto 20px;
}

#bizfoot {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #AAA;
  font-size: 10px;
  width: 100%;
  line-height: 110%;
  height: 70px;
  color: #FFF;
  background-color: #0F2D6A;
}

#bizfoot a {
  color: #FFF;
}

#bizmore {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 160px;
}

#bizlogo {
  position: absolute;
  right: 2px;
  bottom: 2px;
}

.ProductDisplaySpacer{
	border-top: 1px solid rgb(204, 204, 204);
}

#cssmenu {
  height: 31px;
  display: block;
  padding: 0;
  margin: 0;
  border: 0px solid;
  border-radius: 7px;
  width: auto;
}
#cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.4);
  font-weight: bold;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: '';
  position: absolute;
  border-right: 0px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  padding: 1px;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
  background: #ccc2b6;
  border-color: #ccc2b6;
  padding-bottom: 7px;
  padding-top: 9px;
  top: 0px;
  z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu ul li.has-sub > a:hover {
  background: #ccc2b6;
  border-color: #ccc2b6;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 32px;
  padding: 6px 0;
  background: #ccc2b6;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  padding: 6px 14px;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0);
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
  background: #850e15;
  background: -moz-linear-gradient(top, #850e15 0%, #57090e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #850e15), color-stop(100%, #57090e));
  background: -webkit-linear-gradient(top, #850e15 0%, #57090e 100%);
  background: -o-linear-gradient(top, #850e15 0%, #57090e 100%);
  background: -ms-linear-gradient(top, #850e15 0%, #57090e 100%);
  background: linear-gradient(top, #850e15 0%, #57090e 100%);
}
#cssmenu {
  border-color: #290407;
}
#cssmenu > ul > li > a {
  border-right: 2px solid #FFFFFF;
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  border-color: #850e15;
}
#cssmenu > ul > li > a:hover {
    /*background: #290407;*/
    background: #ccc2b6;
    border-color: #ccc2b6;
    color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

#footersoc {
  outline: none;
  display: block;
  position: relative;
  font: 16pt Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;

}
.content {
    margin: auto;
    width: 75%;
}
.post-header {
    text-align: center;
}
.post-excerpt {
    text-align: center;
}
.thumbnail {
    max-width: 22;
    max-height: 22;
}


.footer-icons {
    height: 70px;
}

.socicon {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 0 5px 0 0;
    overflow: hidden;
}

.footer-icons .socicon:last-child {
    margin-right: 0;
}

.socicon img:hover,
.socicon img:focus {
    margin-top: -50px;
}

.direct {
    display: inline-block;
    width: 300px;
    height: 190px;
    overflow: hidden;
    background: #808080 url(../images/Social/directions.png) right center no-repeat; 
    border-radius: 16px;
}

.direct a:hover img,
.direct a:focus img {
    margin-top: -192px;
}

