@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: Raleway;
  src: url("Raleway-Regular.ttf");
}
@font-face {
  font-family: Raleway-Bold;
  src: url("Raleway-SemiBold.ttf");
}
@font-face {
  font-family: Caslon;
  src: url("ACaslon-Regular.otf");
}

@font-face {
  font-family: Caslon-Bold;
  src: url("ACaslon-SemiBold.otf");
}
@font-face {
    font-family: Dancing-Script;   
    src: url("DancingScript-VariableFont_wght.ttf")
}

#thirdparty {display:none;}
body {
    font-family:Raleway, Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size:14px;
	color:#000000;
	font-weight:normal;
	overflow-x: hidden;
	margin:0;}
	
a{ }

h1{font-family: Raleway, Arial, Helvetica, sans-serif; 
font-display:swap; text-decoration:none; color:#333333; font-size:16px}


.contenttxt {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-display:swap;
	/*font-size:12px;*/
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#container { width:100%; }

#site_header { position:fixed; top:0; width:100%; background-color:#fff; z-index: 10;padding:0; margin-top:-5px;  }
#topbar { background-color:#456039; text-align: right; min-height:30px; padding: 0px 10px; margin-bottom:10px; vertical-align: top;  }


#logo { width:50%; margin-bottom:15px;}
#logo img { width:auto; height:auto; max-width:100%; }
#address { display:inline-block; width:25%; }
#phone { float:left; width:auto; color:#fff; letter-spacing: 1px; font-weight:normal; font-size:20px; line-height: 28px;  margin:2px 0px;}
#phone a { text-decoration:none; color:#fff; }

#login_area {margin:4px 0;  }
.Login { display:inline-block; margin-left:5px; margin-right: 5px; color:#333; font-weight: bold;  background-color: #DFDFDF; border-radius: 7px; border:1px solid #000; padding:4px}
.Login a { color:#000; text-decoration:none; }
.Mycart { display:inline-block; margin-left:5px; margin-right: 5px; font-weight: bold;color:#fff; }
.Mycart a {color:#fff;}
.Checkout { display:inline-block;margin-left:5px; margin-right: 5px; color:#fff; }
.Checkout a { color:#fff; font-weight: bold; }
.Logout { display:inline-block;margin-left:5px; margin-right: 5px; color:#fff;  }
.Logout a {color:#fff;}
.Myaccount { display:inline-block;margin-left:5px; margin-right: 5px; color:#fff; }
.Myaccount a {color:#fff;}
.Myaccount active {color:#fff;}


#topnav { margin-top:5px;  }

#menu191id0 ul,
#menu191id0 li,
#menu191id0 span,
#menu191id0 a {
  margin: 0;
  padding: 0;
  position: relative;
}
#menu191id0 {
  height: auto;
   display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row; 
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
    clear:both;


}
#menu191id0:after,
#menu191id0 ul:after {
  content: '';
  display: block;
  clear: both;
}
#menu191id0 a {
  color: #523935;
  display: inline-block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-display:swap;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: normal;
  line-height: 36px;
  padding: 0 30px;
  text-decoration: none;

}

#menu191id0 .menuheader {
 /*paste in styling*/
	cursor: pointer;
	color: #523935;
  display: inline-block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-display:swap;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: normal;
  line-height: 36px;
  padding: 0 30px;
  text-decoration: none;
}

#menu191id0 ul {
  list-style: none;
}
#menu191id0 > ul {
  float: left;
}
#menu191id0 > ul > li {
  float: left;
  text-transform:uppercase;
    color:#8D616A;
  background-color:#fff;
  display: block;
    font-size:100%;
}
#menu191id0 > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 2px;
/*  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #6c5437;
  margin-left: -10px;
*/}
#menu191id0 > ul > li:first-child > a {
}
#menu191id0 > ul > li:last-child > a {
}
#menu191id0 > ul > li.active a {
  color: #523935;
  background-color:#fff;
    border-bottom: 2px solid #8D616A;
}
#menu191id0 > ul > li:hover > a {
    color:#8D616A;
	background-color:#fff;
	
}
#menu191id0 .has-sub {
  z-index: 1000;
}
#menu191id0 .has-sub:hover > ul {
  display: block;

}
#menu191id0 .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  right: 0;
  text-transform: none;
  border-top: 2px solid #8D616A;
  -webkit-box-shadow: 1px 10px 10px 1px rgba(41,41,41,0.1);
  -moz-box-shadow: 1px 10px 10px 1px rgba(41,41,41,0.1);
  box-shadow: 1px 10px 10px 1px rgba(41,41,41,0.1);
}
#menu191id0 .has-sub ul li {
  *margin-bottom: -1px;
}
#menu191id0 .has-sub ul li a {
    color:#8D616A;
  background-color:#fff;
/*  border-bottom: 1px dotted #a79887;*/  
  filter: none;
  letter-spacing: 1px;
  font-size: 14px;
  display: block;
  line-height: 120%;
  padding: 10px;
  text-align:left;
    font-size:100%;
}
#menu191id0 .has-sub ul li:hover a {
   color: #523935;
	background-color:#fff;
}
#menu191id0 .has-sub .has-sub:hover > ul {
  display: block;
}
#menu191id0 .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#menu191id0 .has-sub .has-sub ul li a {
    color:#8D616A;
  background-color:#fff;
	  letter-spacing: 1px;
  font-size: 13px;
}
#menu191id0 .has-sub .has-sub ul li a:hover {
   color: #523935;
	background-color:#fff;

}

#searchbox1 { 
	border-top:none; 
	padding:15px;}

.searchtextInput {
	height: 29px;
    padding-top: 0;
    padding-bottom: 0;
	border: 1px solid #d2d2d2;	
}



#center_area { clear:both; margin-top:190px; }



#search { width:auto;  margin:5px;}
#search input#keywords { background-image: url(gifs/search.png); background-repeat: no-repeat; background-position: right; background-size: contain; line-height: 180%; padding-left: 3px; width:90%;}
#keywords:active { background-image: none; }


#mainbody { width:92%; text-align:center; }

#user_header {  }
#user_footer {  }

.index_banner { width:auto; height:auto; max-width:100%; }

#index_products { text-align:center;   width:100%; 
   display:  inline-block; padding:10px 0;

}
.index_prod_box { width:28%; height:auto; display:inline-block; padding: 15px; }
/*.index_prod_box img { width:auto; height:auto; max-width:98%; }
.index_prod_box img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); 
}*/

.index_prod_box img{   width:auto; height:auto; max-width:75%;  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; z-index: 100;}

.index_prod_box img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	margin-bottom: 10px;
    padding-bottom:15px;
}

#index_CTA { width:100%; text-align:center; clear:both; z-index: 100; }
#index_CTA a { text-decoration:none; }
.index_CTA_outer { display:inline-block; vertical-align: top; width:28%; padding:5px; border:1px solid #456039; margin:10px 8px; z-index: 100; }
.index_CTA_inner { width:100%;  margin:0;  }
.index_CTA_inner img { width:auto; height:auto; max-width:100%;  margin:0; padding:0; }
.index_CTA_text { background:#456039; width:100%;  /*transform: translateY(00%);*/ line-height: 150%; color:#fff; margin:0; font-size:18px; z-index: 100;   }

#footer  {
	width:100%;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}

#footer_main{
	padding:10px;	
	text-align:center;
	border-bottom:solid 1px #006d5c;
	border-top:solid 1px #006d5c;
	line-height:160%;
}

.footer_txt  {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-display:swap;
	color:#333;
	text-decoration:none;
}

#footer_block1  {
	width:25%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	line-height:150%;
}

#footer_block1 img { margin:0 3px; }

#footer_block2  {
	width:25%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
}

.footer_badge { width:auto; display:inline-block; vertical-align: top;}

#footer_block3  {
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:43%;
	padding-right:5px;
}

.sauce_txt  {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-display:swap;
	color:#000;
}
.m99link{ display:none;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-display:swap;
	clear:both;
	color:#333;
	padding:5px;
	margin-top:10px;
}

/*Cat styling */

.cat_item  {padding:5px;white-space:normal;display:inline-block;text-align:center;width:31%;}
.cat_row  {display:inline-block;}
#catimage { max-width:90%; }

.dotted_separator {
border-top: 1px dotted #D3D3D3;
width:12px;
line-height:3px;
}
.line_separator {
border-bottom: solid 1px #D3D3D3;
}

.cat_viewall {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#666;
font-weight:bold;
text-decoration:none;
}
a.cat_viewall:hover {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#000;
font-weight:bold;
text-decoration:none;
}
.cat_comparebtn {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#666;
font-weight:bold;
text-decoration:none;
}
a.cat_comparebtn:hover {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#000;
font-weight:bold;
text-decoration:none;
}

.cat_backbtn {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#666;
font-weight:bold;
text-decoration:none;
}
a.cat_backbtn:hover {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#000;
font-weight:bold;
text-decoration:none;
}
.cat_nextbtn {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#666;
font-weight:bold;
text-decoration:none;
}
a.cat_nextbtn:hover {
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#000;
font-weight:bold;
text-decoration:none;
}

#cat_sortmenu {
font-size:95%;
color:#333;
background:transparent;
border: solid 1px #666;
padding:1px;
cursor: pointer;
}

.cat_headertxt{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:120%;
color:#333;
font-weight:bold;
text-decoration:none;
}
.cat_productname{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:100%;
color:#000;
font-weight:bold;
}
.cat_fromprice{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:100%;
color:#000;
}
.cat_comparechk{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:90%;
font-style:italic;
color:#000;
}
.cat_pgnumber{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#333;
font-weight:bold;
text-decoration:none;
}
.cat_pgnumbertxt{
font-family: Raleway, Arial, Helvetica, sans-serif;
font-display:swap;
font-size:95%;
color:#333;
font-weight:bold;
text-decoration:none;
}
#cat_sortmenu option { padding: 1px 1px 1px 1px;}
#cat_sortmenu option[selected]{ color:#303030; }
#cat_sortmenu option:nth-child(even) { background-color:#e5e5e5; }
select option { padding: 1px 1px 1px 1px;}
select option[selected]{ color:#303030; }
select option:nth-child(even) { background-color:#e5e5e5; }

/*item styling*/

#product_details {clear:both;padding-top:30px 0; width:90%;font-family:Raleway, Arial, Helvetica, sans-serif; font-display:swap;}
#Product_details_header {text-align:left; border-bottom:solid 1px #BCBCBC; height:25px; font-weight:bold; font-size:110%;}
#product_details_productimage {width:49%;float:left;padding-top:10px}
#product_details_productimage img {max-width:98%; height:auto; width:auto;}
#product_details_productinfo {width:49%;float:right;padding-top:10px;padding-right:8px; display:inline-block; text-align: left;}
#product_details_productdesc {font-size:110%; padding: 20px 0 20px 0; line-height: 120%;}
#product_details_pricepoint { font-size:100%; width:90%; clear:both;}
#product_details_price {float:left; padding: 10px 5px; line-height:auto; font-size: 125%; font-weight: bold; }
#product_details_pricedesc { float:left; line-height:auto; font-size: 110%;padding: 10px 5px;}
#product_details_shown {float:left; padding-left: 5px; font-style:italic; font-weight:85%; padding:10px 5px; }
#product_details_pricethumb {float:left;}
#product_details_buy {padding: 10px 0 5px 5px;}
.product_details_productname {font-weight:bold; font-size: 130%;}
.product_details_productid {font-size:95%;}
.product_details_xgtxt {font-style:italic; text-decoration:none; color:#000000;}

#altpricewarning {}
#localcityselect {clear:both; padding: 15px 0; font-size: 120%;}
#itempage_buybutton {clear:both; padding:10px 0;}
/*#itempage_social {display:inline-block;}*/
#itempage_facebook {padding:5px;}
#itempage_pinterest {clear:both; padding-top:10px;}
#itempage_google {padding:5px;}
#itempage_backbutton {clear:both; float:left;}
#itempage_backbutton img {border:0; }

/*.wedding_img { display:inline-block; margin:2px; max-height: 350px; }
*/

.scripttext {font-family: Dancing-Script, serif; font-size: 125%; font-display:swap; }
.gallerybox { width:100%; text-align: center;  }

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
	width:100%;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 32%;
  max-width: 32%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
	width:auto; height:auto;
	max-width:98%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
/*@media screen and (max-width: 1025px) {
  .column {
    flex: 48%;
    max-width: 48%;
  }
}*/

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 640px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

#comment-form {text-align: right; width:60%;}



