@charset "UTF-8";
/* CSS Document */



/* ------------------------------------------------------------------- */
/* CFWebstore
----------------------------------------------------------------------
 
  Template: 6.60
  URL: http://cfwebstore.com/
  
*/


/* ------------------------------------------------------------------- */
/* Foundation Framework
---------------------------------------------------------------------- 
   
   All the site defaults are set in css/foundation/foundation.min.css. 
   This document alters or adds to that base CSS. Don't modify foundation.min.css
   so it can be easily updated in the future.
   
----------------------------------------- */



/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

01. Site Defaults
02. Top Bar
03. Header
04. Navigation
05. Home Page
06. Category
07. Product
08. Blog
09. Features
10. Page
11. Shopping Cart
12. Wishlist
13. Footer
14. Buttons
15. Misc
16. Dealers
17. Gallery
18. Media Queries
19. Default Site Colors

----------------------------------------------------------------------*/



/* ------------------------------------------------------------------- */
/* 01 SITE DEFAULTS
---------------------------------------------------------------------- */

/* Foundation ommission */
.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}


html, body { font-size: 14px; } /* Foundation default is 16. If you change the default font-size it will change the default width of the website. */


/* Full Width Style */	
	body.fullwidth {}    
    
/* Boxed Layout Style */
	body.boxed {
		margin: 0 auto;
		background: #f1f1f1;
	}

/* off canvas */
.off_canvas_wrapper {}
.off-canvas-content {background:#ffffff;}
.off-canvas {}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
  /*font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; */
  }

h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.0rem; }
h6 { font-size: 1.0rem; }

p { margin: 0 0 15px 0; line-height: 24px;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: 600;}
small, .small { font-size: 80%; }


/* #Links
================================================== */
/*a, a:visited {
  color: #2099e8;
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: color 0.2s ease-in-out; 
  -moz-transition: color 0.2s ease-in-out; 
  -o-transition: color 0.2s ease-in-out; 
  -transition: color 0.2s ease-in-out; 
  } 
  a:hover, a:focus {
    color: #1f90da; }*/


/* #Lists
================================================== */
ul, ol, dl { font-size: 1em; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {}
ul ul li, ul ol li,
ol ol li, ol ul li {}
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

ul.inline-list {margin:0}
ul.inline-list li {
	display: inline;
	list-style-type: none;
	padding-right: 17px;
	}
	ul.inline-list li:last-child {
		padding-right:0;
		}
	ul.inline-list li input[type="text"] {
		display:inline;
		margin:0;
		max-width:200px;
		}

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/* Prevent a line from wrapping to multiple line. Generally used in a table. */
.nowrap {
	white-space:nowrap;
	}

/* URLs and email addresses are one long word and can push outside their own area. Word-break allows the browser to break the word and wrap it like regular text. Different browsers may break the word in different places. */
.word-break {
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	}


article, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, figcaption, figure {
	display: block; }

.body_content {padding-bottom:40px}

blockquote { border-left: 0px solid #cacaca; }

.reqform {background:#a9211a;} /* required form field */

.hide-on-mobile {
	display: block;
}
.show-on-mobile {
	display: none;
}

/* Alt Search Field styles  */
::-webkit-input-placeholder { color:#555; }
::-moz-placeholder { color:#555; } 
:-ms-input-placeholder { color:#555; } 
input:-moz-placeholder { color:#555; }
input::placeholder { color:#555; }


/* ------------------------------------------------------------------- */
/* 02 TOP BAR
---------------------------------------------------------------------- */

#dtop-bar {
	background: #f5f5f5;
	color: #909090;
	padding: 0px 0;
	min-height:5px;
}

	/* additional menu */
	ul.dtop-bar-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
	
	ul.dtop-bar-menu li {
		float: right;
	}
	
	ul.dtop-bar-menu li a {
		display: block;
		text-align: center;
		font-size:0.9em;
		color:#909090;
		padding:9px 16px 8px 16px;
		text-decoration: none;
	}
		ul.dtop-bar-menu li a:hover {
		color: #1779ba;
		}
	
	ul.dtop-bar-menu li i {
		color: #c2c2c2;
		margin: 0 5px 0 0;
	}
	
	
	ul.user_dropdown {list-style-type: none;}
	ul.user_dropdown a {line-height:1.6em}


/* Social Icons
------------------------------------- */
	ul.social-icons {margin:0}
	
	.social-icons li {
		display: inline;
		float: left;
		margin-right: 4px;
	}
	
	.social-icons li a {
		width: 42px;
		height: 42px;
		display: inline-block;
		background-color: #f5f5f5;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		position: relative;
		overflow: hidden;
	}

	/* Header Icon Styles */
	#dtop-bar .social-icons {
		float: left;
	}
	
	#dtop-bar .social-icons li {
		margin: 0 0 -4px 0;
		padding: 0;
		float: left;
	}
	
	#dtop-bar .social-icons li a {
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
	}
	
	#dtop-bar .social-icons li a:before,
	#dtop-bar .social-icons li a i {
		font-size: 14px;
	}
	
	/* Common Styles */
	.social-icons li a i {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		position: absolute;
		z-index: 20;
	}
	
	.social-icons li a:hover,
	.social-icons li a i {
		color: #fff;
	}
	
	.social-icons li a i {
		top: -30px;
		opacity:0;
	}
	
	.the-team-social.social-icons li a i,
	.social-icons li a:hover i {
		top: 0;
		opacity: 1;
	}
	
	.social-icons li .twitter:before,
	.social-icons li .facebook:before,
	.social-icons li .linkedin:before,
	.social-icons li .instagram:before,
	.social-icons li .yahoo:before,
	.social-icons li .pinterest:before,
	.social-icons li .flickr:before,
	.social-icons li .tumblr:before,
	.social-icons li .vimeo:before,
	.social-icons li .rss:before,
	.social-icons li .youtube:before,
	.social-icons li .snapchat:before,
	.social-icons li .whatsapp:before,
	.social-icons li .wechat:before{
		font-family: "Font Awesome 5 Brands";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-size: 16px;
		line-height: 16px;
		color: #808080;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		position: absolute;
		z-index: 20;
	}
	
	
	.the-team a:before { display: none; }
	#dtop-bar .social-icons a:before { color: #808080; }
	
	/* Icon Styles */
	.social-icons li .twitter i, .social-icons li .twitter:before { margin: 13px 0 0 12px; }
	#dtop-bar .social-icons li .twitter i, #dtop-bar .social-icons li .twitter:before { margin: 10px 0 0 11px; }
	.social-icons li .twitter:before { content: "\f099"; top: 0; opacity:1; }
	.social-icons li .twitter:hover:before { top: 30px; opacity: 0; }
	.social-icons li .twitter:hover { background-color: #3bc1ed; }
	/*.the-team .twitter { background-color: #3bc1ed; }*/
	
	.social-icons li .facebook i, .social-icons li .facebook:before { margin: 13px 0 0 16px; }
	#dtop-bar .social-icons li .facebook i, #dtop-bar .social-icons li .facebook:before { margin: 11px 0 0 14px; }
	.social-icons li .facebook:before { content: "\f39e"; top: 0; opacity:1; }
	.social-icons li .facebook:hover:before { top: 30px; opacity: 0; }
	.social-icons li .facebook:hover { background-color: #4a6d9d; }
	
	.social-icons li .linkedin i, .social-icons li .linkedin:before { margin: 13px 0 0 13px; }
	#dtop-bar .social-icons li .linkedin i, #dtop-bar .social-icons li .linkedin:before { margin: 11px 0 0 11px; }
	.social-icons li .linkedin:before { content: "\f0e1"; top: 0; opacity:1; }
	.social-icons li .linkedin:hover:before { top: 30px; opacity: 0; }
	.social-icons li .linkedin:hover { background-color: #0b7bb5; }
	
	.social-icons li .snapchat i, .social-icons li .snapchat:before { margin: 13px 0 0 13px; }
	#dtop-bar .social-icons li .snapchat i, #dtop-bar .social-icons li .snapchat:before { margin: 11px 0 0 11px; }
	.social-icons li .snapchat:before { content: "\f2ac"; top: 0; opacity:1; }
	.social-icons li .snapchat:hover:before { top: 30px; opacity: 0; }
	.social-icons li .snapchat:hover { background-color: #e5df00; }
	
	.social-icons li .pinterest i, .social-icons li .pinterest:before { margin: 13px 0 0 15px; }
	#dtop-bar .social-icons li .pinterest i, #dtop-bar .social-icons li .pinterest:before { margin: 11px 0 0 13px; }
	.social-icons li .pinterest:before { content: "\f231"; top: 0; opacity:1; }
	.social-icons li .pinterest:hover:before { top: 30px; opacity: 0; }
	.social-icons li .pinterest:hover { background-color: #cb1f25; }
	
	/* FLICKR */
	.social-icons li .flickr i, .social-icons li .flickr:before { margin: 13px 0 0 13px; }
	#dtop-bar .social-icons li .flickr i, #dtop-bar .social-icons li .flickr:before { margin: 11px 0 0 11px; }
	.social-icons li .flickr:before { content: "\f16e"; top: 0; opacity:1; }
	.social-icons li .flickr:hover:before { top: 30px; opacity: 0; }
	.social-icons li .flickr:hover { background-color: #136dd5; }
	
	.social-icons li .rss i, .social-icons li .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; }
	#dtop-bar .social-icons li .rss i, #dtop-bar .social-icons li .rss:before { margin: 11px 0 0 12px; font-size: 12px !important; }
	.social-icons li .rss:before { content: "\f09e"; top: 0; opacity:1; }
	.social-icons li .rss:hover:before { top: 30px; opacity: 0; }
	.social-icons li .rss:hover { background-color: #fe8f00; }
	
	.social-icons li .youtube i, .social-icons li .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; }
	#dtop-bar .social-icons li .youtube i, #dtop-bar .social-icons li .youtube:before { margin: 10px 0 0 12px; font-size: 16px !important; }
	.social-icons li .youtube:before { content: "\f167"; top: 0; opacity:1; }
	.social-icons li .youtube:hover:before { top: 30px; opacity: 0; }
	.social-icons li .youtube:hover { background-color: #bf2f29; }
	
	.social-icons li .vimeo i, .social-icons li .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; }
	#dtop-bar .social-icons li .vimeo i, #dtop-bar .social-icons li .vimeo:before { margin: 11px 0 0 11px; font-size: 12px !important; }
	.social-icons li .vimeo:before { content: "\f194"; top: 0; opacity:1; }
	.social-icons li .vimeo:hover:before { top: 30px; opacity: 0; }
	.social-icons li .vimeo:hover { background-color: #4c8ab0; }
	
	.social-icons li .instagram i, .social-icons li .instagram:before { margin: 13px 0 0 14px; }
	#dtop-bar .social-icons li .instagram i, #dtop-bar .social-icons li .instagram:before { margin: 11px 0 0 12px; }
	.social-icons li .instagram:before { content: "\f16d"; top: 0; opacity:1; }
	.social-icons li .instagram:hover:before { top: 30px; opacity: 0; }
	.social-icons li .instagram:hover { background-color: #3f6f94; }
	
	.social-icons li .tumblr i, .social-icons li .tumblr:before { margin: 13px 0 0 14px; }
	#dtop-bar .social-icons li .tumblr i, #dtop-bar .social-icons li .tumblr:before { margin: 11px 0 0 12px; }
	.social-icons li .tumblr:before { content: "\f173"; top: 0; opacity:1; }
	.social-icons li .tumblr:hover:before { top: 30px; opacity: 0; }
	.social-icons li .tumblr:hover { background-color: #3f6f94; }

	.social-icons li .whatsapp i, .social-icons li .whatsapp:before { margin: 13px 0 0 13px; }
	#dtop-bar .social-icons li .whatsapp i, #dtop-bar .social-icons li .whatsapp:before { margin: 11px 0 0 11px; }
	.social-icons li .whatsapp:before { content: "\f232"; top: 0; opacity:1; }
	.social-icons li .whatsapp:hover:before { top: 30px; opacity: 0; }
	.social-icons li .whatsapp:hover { background-color: #54b95d; }


	.social-icons li .wechat i, .social-icons li .wechat:before { margin: 13px 0 0 13px; }
	#dtop-bar .social-icons li .wechat i, #dtop-bar .social-icons li .wechat:before { margin: 11px 0 0 11px; }
	.social-icons li .wechat:before { content: "\f1d7"; top: 0; opacity:1; }
	.social-icons li .wechat:hover:before { top: 30px; opacity: 0; }
	.social-icons li .wechat:hover { background-color: #70bd00; }


/* textbar text scroller
------------------------------------- */
	/*#rotate > div {}*/
	.tb_cont1 {
		text-align:center; 
		padding:8px; 
		font-size:0.9em; 
		height:30px; 		
		overflow:hidden;
		}
	.tb_cont1 a {color:white; font-style:italic}
	.tb_cont1 a:hover {color:white;}




/* ------------------------------------------------------------------- */
/* 03 HEADER
---------------------------------------------------------------------- */


/* Logo
------------------------------------- */

	/* div around logo, image or text */
	#putsitelogo {} 
	
	/* image logo */
	.imglogo {} 
	
	/* text logo, if no image */
	a.textlogo {
		font-size: 24px;
		line-height: 35px;
		} 
	

/* Desktop Menu 
------------------------------------- */
	.header-menu div {padding-left:5px;} /* gives a little spacing between buttons */
	
	.bars-icon,
	.phone-icon,
	.mobile-icon,
	.email-icon,
	.marker-icon,
	.store-icon,
	.search-icon, 
	.user-icon, 
	.user-edit-icon, 
	.wishlist-icon, 
	.giftregistry-icon, 
	.cart-icon,
	.bag-icon,
	.basket-icon {
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-align:center;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}

	.bars-icon.no-bg,
	.phone-icon.no-bg,
	.mobile-icon.no-bg,
	.email-icon.no-bg,
	.marker-icon.no-bg,	
	.store-icon.no-bg,
	.search-icon.no-bg, 
	.user-icon.no-bg, 
	.user-edit-icon.no-bg, 
	.wishlist-icon.no-bg, 
	.giftregistry-icon.no-bg,  
	.cart-icon.no-bg,
	.bag-icon.no-bg,
	.basket-icon.no-bg {
		display: inline-block;
		position: relative;
		cursor: pointer;
		width: 34px;
		height: 40px;
		padding: 0;
		text-decoration: none;
		text-align: center;
		font-size: 1.4rem;
		line-height: 2.0em;
		transition: all 0.5s ease;	
		color:#606060;
	}
		.bars-icon.no-bg:hover, .bars-icon.no-bg:focus,
		.phone-icon.no-bg:hover, .phone-icon.no-bg:focus,
		.mobile-icon.no-bg:hover, .mobile-icon.no-bg:focus,
		.email-icon.no-bg:hover, .email-icon.no-bg:focus,
		.marker-icon.no-bg:hover, .marker-icon.no-bg:focus,
		.store-icon.no-bg:hover, .store-icon.no-bg:focus,
		.search-icon.no-bg:hover, .search-icon.no-bg:focus,
		.user-icon.no-bg:hover, .user-icon.no-bg:focus,
		.user-edit-icon.no-bg:hover, .user-edit-icon.no-bg:focus,
		.wishlist-icon.no-bg:hover, .wishlist-icon.no-bg:focus,
		.giftregistry-icon.no-bg:hover, .giftregistry-icon.no-bg:focus,
		.cart-icon.no-bg:hover, .cart-icon.no-bg:focus,
		.bag-icon.no-bg:hover, .bag-icon.no-bg:focus,
		.basket-icon.no-bg:hover, .basket-icon.no-bg:focus {
			  color: #2099e8;
			}

	.bars-icon.button-bg,
	.phone-icon.button-bg,
	.mobile-icon.button-bg,
	.email-icon.button-bg,
	.marker-icon.button-bg,
	.store-icon.button-bg,
	.search-icon.button-bg, 
	.user-icon.button-bg,
	.user-edit-icon.button-bg, 
	.wishlist-icon.button-bg, 
	.giftregistry-icon.button-bg,
	.cart-icon.button-bg,
	.bag-icon.button-bg,
	.basket-icon.button-bg {
		display: inline-block;
		position: relative;
		cursor: pointer;
		width: 40px;
		height: 40px;
		padding: 0;
		text-decoration: none;
		text-align: center;
		color: #fefefe;
		font-size: 1.4rem;
		line-height: 2.0em;
		transition: all 0.5s ease;
		border-radius:3px;	
		color:#fefefe;
		background: #1779ba;
	}
		.bars-icon.button-bg:hover, .bars-icon.button-bg:focus,
		.phone-icon.button-bg:hover, .phone-icon.button-bg:focus,
		.mobile-icon.button-bg:hover, .mobile-icon.button-bg:focus,
		.email-icon.button-bg:hover, .email-icon.button-bg:focus,
		.marker-icon.button-bg:hover, .marker-icon.button-bg:focus,
		.store-icon.button-bg:hover, .store-icon.button-bg:focus,
		.search-icon.button-bg:hover, .search-icon.button-bg:focus,
		.user-icon.button-bg:hover, .user-icon.button-bg:focus,
		.user-edit-icon.button-bg:hover, .user-edit-icon.button-bg:focus,
		.wishlist-icon.button-bg:hover, .wishlist-icon.button-bg:focus,
		.giftregistry-icon.button-bg:hover, .giftregistry-icon.button-bg:focus,
		.cart-icon.button-bg:hover, .cart-icon.button-bg:focus,
		.bag-icon.button-bg:hover, .bag-icon.button-bg:focus,
		.basket-icon.button-bg:hover, .basket-icon.button-bg:focus {
			  color:#fefefe;
			  background: #606060;
			}
	
	/* mobile */
	.bars-icon.mobile-bg,
	.phone-icon.mobile-bg,
	.mobile-icon.mobile-bg,
	.email-icon.mobile-bg,
	.marker-icon.mobile-bg,
	.store-icon.mobile-bg,
	.search-icon.mobile-bg, 
	.user-icon.mobile-bg, 
	.user-edit-icon.mobile-bg, 
	.wishlist-icon.mobile-bg, 
	.giftregistry-icon.mobile-bg,
	.cart-icon.mobile-bg,
	.bag-icon.mobile-bg,
	.basket-icon.mobile-bg {
		display: inline-block;
		position: relative;
		cursor: pointer;
		width: 40px;
		height: 40px;
		padding: 0;
		text-decoration: none;
		font-size: 1.4rem;
		line-height: 2.2em;
		transition: all 0.5s ease;	
		color:#fefefe;
	}
		.bars-icon.mobile-bg:hover, .bars-icon.mobile-bg:focus,
		.phone-icon.mobile-bg:hover, .phone-icon.mobile-bg:focus,
		.mobile-icon.mobile-bg:hover, .mobile-icon.mobile-bg:focus,
		.email-icon.mobile-bg:hover, .email-icon.mobile-bg:focus,
		.marker-icon.mobile-bg:hover, .marker-icon.mobile-bg:focus,
		.store-icon.mobile-bg:hover, .store-icon.mobile-bg:focus,
		.search-icon.mobile-bg:hover, .search-icon.mobile-bg:focus,
		.user-icon.mobile-bg:hover, .user-icon.mobile-bg:focus,
		.user-edit-icon.mobile-bg:hover, .user-edit-icon.mobile-bg:focus,
		.wishlist-icon.mobile-bg:hover, .wishlist-icon.mobile-bg:focus,
		.giftregistry-icon.mobile-bg:hover, .giftregistry-icon.mobile-bg:focus,
		.cart-icon.mobile-bg:hover, .cart-icon.mobile-bg:focus,
		.bag-icon.mobile-bg:hover, .bag-icon.mobile-bg:focus,
		.basket-icon.mobile-bg:hover, .basket-icon.mobile-bg:focus {
			  color:#fefefe;
			  background: #1779ba;
			}

	/* mobile white */
	.bars-icon.mobile-white,
	.phone-icon.mobile-white,
	.mobile-icon.mobile-white,
	.email-icon.mobile-white,
	.marker-icon.mobile-white,
	.store-icon.mobile-white,
	.search-icon.mobile-white, 
	.user-icon.mobile-white, 
	.user-edit-icon.mobile-white, 
	.wishlist-icon.mobile-white, 
	.giftregistry-icon.mobile-white,
	.cart-icon.mobile-white,
	.bag-icon.mobile-white,
	.basket-icon.mobile-white {
		display: inline-block;
		position: relative;
		cursor: pointer;
		width: 40px;
		height: 40px;
		/*padding: 0 25px;*/
		text-decoration: none;
		color: #fefefe;
		font-size: 1.4rem;
		line-height: 2.2em;
		transition: all 0.5s ease;	
		/*color:#555;*/
	}
		.bars-icon.mobile-white:hover, .bars-icon.mobile-white:focus,
		.phone-icon.mobile-white:hover, .phone-icon.mobile-white:focus,
		.mobile-icon.mobile-white:hover, .mobile-icon.mobile-white:focus,
		.email-icon.mobile-white:hover, .email-icon.mobile-white:focus,
		.marker-icon.mobile-white:hover, .marker-icon.mobile-white:focus,
		.store-icon.mobile-white:hover, .store-icon.mobile-white:focus,
		.search-icon.mobile-white:hover, .search-icon.mobile-white:focus,
		.user-icon.mobile-white:hover, .user-icon.mobile-white:focus,
		.user-edit-icon.mobile-white:hover, .user-edit-icon.mobile-white:focus,
		.wishlist-icon.mobile-white:hover, .wishlist-icon.mobile-white:focus,
		.giftregistry-icon.mobile-white:hover, .giftregistry-icon.mobile-white:focus,
		.cart-icon.mobile-white:hover, .cart-icon.mobile-white:focus,
		.bag-icon.mobile-white:hover, .bag-icon.mobile-white:focus,
		.basket-icon.mobile-white:hover, .basket-icon.mobile-white:focus {
			  color:#1779ba;
			}

		
		.bars-icon:before {
			content: "\f0c9";
			padding:inherit 25px; /* extra padding around MENU icon */
		}	
		.phone-icon:before {
			content: "\f095";
		}
		.mobile-icon:before {
			content: "\f3cd";
		}
		.email-icon:before {
			content: "\f0e0";
		}
		.marker-icon:before {
			content: "\f3c5";
		}
		.store-icon:before {
			content: "\f54f";
		}		
		.search-icon:before {
			content: "\f002";
		}
		.user-icon:before {
			content: "\f007";
		}
		.user-edit-icon:before {
			content: "\f4ff";
		}
		.wishlist-icon:before {
			content: "\f004";
		}
		.giftregistry-icon:before {
			content: "\f06b";
		}
		.cart-icon:before {
			content: "\f07a";
		}
		.bag-icon:before {
			content: "\f290";
		}
		.basket-icon:before {
			content: "\f291";
		}
	
	/* badge */
	.header-bg .badge {
	  position:absolute;
	  top:-5px;
	  right:-7px;
	  display: block;
	  min-width: 2.1em;
	  padding: 0.3em;
	  border-radius: 50%;
	  font-size: 0.8rem;
	  text-align: center;
	  z-index:2;
	  background: #808080;/* 1779ba */ 
	  color: #fefefe; 
	  }
	  .header-bg .badge.grey-dk {
		  background: #606060;
		  color: #fefefe; 
		  }
	
	/* expanded search box */
	.show-under-768 {display:none;}
	.hide-under-768 {display:block;}
	
	@media only screen and (max-width: 768px) {
	.show-under-768 {display:block;}
	.hide-under-768 {display:none;}
	}
		
	.top-search input {
		width: 190px;
		float: left;
		height:40px;
		border-radius:0;
	}

	.top-search [type="text"] {margin: 0;}
	
	.top-search button {
		background: #1779ba;
		border: none;
		cursor: pointer;
		color: #fff;
		float: right;
		width: 40px;
		height: 40px;
		display: inline;
		padding: 0;
		border: none;
		position: relative;
		margin-left:-2px;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	.top-search button:hover { background-color: #606060 !important; }

/* drop down arrow */

	.arrow-left {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #eee;
		position: absolute;
		top: -5px;
		right: 15px;
	}



/* Mini Cart in Header
------------------------------------- */

	/* Desktop button */
	.adc {
		position: relative;
		padding: 10px 18px 8px 56px;
		height:40px;
		float: left;
		font-weight: 600;
		font-size: 14px;
		border-radius:3px;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.adc:before {
		content: "\f07a";
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		font-size:1.2em;
		height: 13px;
		line-height: 13px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		height: 100%;
		padding: 14px 15px 7px 12px;
		background: rgba(0,0,0,0.06);
		top:0;
		left:0;
	}
	
	.adc:hover { background-color: #606060; }
	
	/*button.adc {border-radius:0px; padding-top:10px;}*/
	
	.button.adc {margin:0;}


	/* Cart List on hover ---------------------*/
	
	#cart-dropdown {z-index:999}
	
	#cart-dropdown.dropdown-pane {max-height:90vh; overflow:scroll;}
	
	#cart ul { padding: 16px; }
	
	#cart ul li {
		border-bottom: 1px solid #e5e5e5;
		padding: 13px 0;
		display: block;
		overflow:hidden;
	}
	
	#cart ul li:last-child {
		border-bottom: none;
		padding: 13px 0 0 0;
	}
	
	#cart ul li:first-child {
		padding: 0 0 13px 0;
	}
	
	#cart ul li a {
		display: block;
		color: #666;
		font-size: 14px;
		font-weight: 600;
	}
	
	#cart ul li span {
		display: block;
		float: none;
		padding: 0;
		font-size: 13px;
		color: #a0a0a0;
		line-height: 18px;
	}
	
	#cart ul li a img {
		display: inline-block;
		float: left;
		padding: 0;
		width: 55px;
		height: auto;
		margin: 0 15px 0 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.cart-amount {
		padding: 9px 0;
		text-transform: uppercase;
		font-size: 12px;
		background-color: #eee;
	}
	
	.cart-list .arrow {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #eee;
		position: absolute;
		top: -5px;
		right: 15px;
	}
	
	.cart-amount span {
		padding: 0 16px;
		color: #909090;
	}
	
	.cart-buttons {
		border-top: 1px solid #e5e5e5;
		padding: 15px 16px 10px 16px;
	}
	
	.cart-buttons a {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 13px;
		color: #fff;
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 7px 0px;
		margin: 0 0 5px 0;
		background-color: #808080;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		position: relative;
	}
	
	.cart-buttons a.view-cart { background: #c0c0c0; }
	.cart-buttons a.checkout { background-color: #66A4CB; }
	
	.cart-buttons a.view-cart:before,
	.cart-buttons a.checkout:before {
		content:"";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: none;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	
	.cart-buttons a.view-cart:hover:before,
	.cart-buttons a.checkout:hover:before  { background-color: #606060; }
	
	.cart-buttons a span {
		position: relative;
		z-index: 200;
		color:#fff;
	}
	
	.cart-buttons.button{
		display:block;
		background-color:transparent !important;
	}
		
		


/* Mobile Menu 
------------------------------------- */
	.icon-menu a {
		display: block;
		color: #808080;
	/*    text-align: center;*/
		padding: 11px 11px;
		text-decoration: none;
	}
	
	.icon-menu a:hover {
		color: #2099e8;
	}
			


	/* Slide down search box */	
	#opensearchbox {
		display:none; 
		padding:15px 25px 0px 25px; 
		background:#efefef;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		}


/* Account dropdown */
	#account-dropdown, #marker-dropdown {z-index:999;}




/* Additional Menu
------------------------------------- */
/*#additional-menu {
	display: block;
	float: right;
	margin: 18px 0 20px 0;
}

#additional-menu ul li {
	display: inline;
	padding: 0 11px;
	float: left;
}

#additional-menu ul li:first-child { background: none; }
#additional-menu ul li:last-child { padding-right: 0; }

#additional-menu ul li a {
	font-size: 13px;
	color: #999;
}

#additional-menu ul li a span { color: #bbb; }
#additional-menu ul li a:hover,
#additional-menu ul li a:hover span { color: #808080; }*/




/* Search Box Styles
------------------------------------- */
	form.searchbox {position:relative; margin:0;}
	form.searchbox.glass input[type="text"] {border-radius:3px; line-height:2em; height:36px; font-size:0.95em}
	form.searchbox.glass input[type="submit"] {
		position: absolute;
		padding: 0;
		top: 0;
		right: 0;
		background: #1779ba url(../images/icons/search-2.png) center center no-repeat;
		width: 36px;
		height: 36px;
		cursor: pointer;
		border:0;
		z-index: 100;
		box-shadow: none;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		}
	form.searchbox.glass input[type="submit"]:hover {
		background-color:#1779ba;
		-webkit-transition: background-color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out;
		transition: background-color 300ms ease-out;
		}	
		
	/* rounded */
	form.searchbox.rounded input[type="text"] {
		border-radius:1000px;
		padding-left:20px;
		}
	
	form.searchbox.rounded input[type="submit"] {
		position: absolute;
		padding: 0;
		top: 2px;
		right: 3px;
		background: white url(../images/icons/search.png) center center no-repeat;
		width: 32px;
		height: 30px;
		cursor: pointer;
		border:0;
		z-index: 1;
		box-shadow: none;
		border-radius:1000px;
		}	
	
/*		form.searchbox.rounded input[type="submit"]:before  {
			content: "\f002";
			font-family: "Font Awesome 5 Free";
			font-style: normal;
			font-variant-caps: normal;
			font-variant-ligatures: normal;
			font-weight: 900;
			font-size:1.3em;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			
			color:black;
			z-index: 101;
		}*/
		
	/* with words */
	form.searchbox.text-button input[type="text"] {
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		}
	form.searchbox.text-button input[type="submit"].postfix {
		color:white;
		background-color:#1779ba;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		}
	form.searchbox.text-button input[type="submit"].postfix:hover {
		background-color:#1779ba;
		-webkit-transition: background-color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out;
		transition: background-color 300ms ease-out;
		}	

	/* used for category select in searchbox */
	form.searchbox select {
	  position:absolute;
	  top:0;
	  right:36px;
	  height:36px;
	  background-color: #f1f1f1;
	  color: #0a0a0a;
	  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	  background-origin: content-box;
	  background-position: right -1rem center;
	  background-repeat: no-repeat;
	  background-size: 9px 6px;
	  padding-right: 2.5rem;
	   }



/* Basketstats are for simple listing of cart contents */
#basketStats {}

/* discounts (not used) */
.storewideDiscount {
	font-size: 1.1em;
	color: #CC0000;
}

/* login modal */
@media print, screen and (min-width: 40em) {
.reveal.medium {
  width: 75%;
  max-width: 75rem; } 
  }


/* ------------------------------------------------------------------- */
/* 04 NAVIGATION
---------------------------------------------------------------------- */



/* HORIZONTAL NAVIGATION

 - Default Foundation dynamic drop down and slider menus 
 - Custom css found in css/navigation/f6-menu.css 
---------------------------------------------------------------------- */

	.menu-bg {}
	.menu.expanded li {text-align:center;}
	/*a.no-drop {cursor:default;}*/



/* Side Menus 
------------------------------------- */
ul.sidemenu1 {list-style:none; padding:0;}
ul.sidemenu1 li {padding:0;}
ul.sidemenu1 li a {
	display:block;
	padding:5px;
	border-bottom:1px solid whitesmoke;
	}
	ul.sidemenu1 li a:hover {background:#efefef}
		ul.sidemenu1 li > ul {display:none;} /* hide the sub-menus */


/* side menu 2 */
div.sidemenu2 {
	border:1px solid #cbcbcb;
	border-bottom:0;
	}

.sidemenu2 ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
text-align:left;
}
 
.sidemenu2 ul li{
position: relative;
}

/* Top level menu links style */
.sidemenu2 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #444;
text-decoration: none;
line-height:28px;
padding-left:10px;
border-bottom: 1px solid #cbcbcb;
}

.sidemenu2 ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: transparent; /*background of tabs (default state)*/
}

	.sidemenu2 ul li a:active, .sidemenu2 ul li a:hover{
	color: #efefef;
	background-color: #1779ba;
}

/*Sub level menu items */
.sidemenu2 ul li ul {
background:#f1f1f1;
font-size:12px;
}

.sidemenu2 ul li ul a {
padding-left:20px;
}

.sidemenu2 a.subfolderstyle{
background:url(sub_arrow.gif) no-repeat 97% 50%;
}



/* vertical menus -- left column menus used on product categories - attributes.menu_style = 1 */
/*.menu.vertical li {
	border-bottom:1px solid #e5e5e5;
	padding:0;
	}
	.menu.vertical li a {
		display:block;
		color:#777;
		padding:10px;
		}
		.menu.vertical li a:hover {
			color:white;
			}*/


/* vertical menus -- left column menus used on product categories, alamode style - attributes.menu_style = 2 */
#sidebar {
	width:175px;
	float:left;
	padding:0 0 0 15px;
}
#sidebar h1 {
	margin:15px 0;
}
#sidebar .list-type1 {
	clear:both;
	overflow:hidden;
	font-size:14px;
}
#sidebar .list-type1 li {
	float:none;
	padding:0;
}
#sidebar .list-type1 li a {
	color:#566265;
	display:block;
	padding:5px 0 5px 15px;
	background:url(../images/pageelements/list-type1-icon.gif) no-repeat left center;
}
#sidebar .list-type1 li a:hover {
	/*font-weight:bold;
	background: #e2f2f5 url(../images/pageelements/list-type1-icon.gif) no-repeat left center;*/
	text-decoration:underline;
}
#sidebar .list-type1 li a.active {
	/*font-weight:bold;
	background: #e2f2f5 url(../images/pageelements/list-type1-icon.gif) no-repeat left center;*/
	text-decoration:underline;
}

	/* sub nav */
	#sidebar .list-type1 li ul {
	float:none;
	padding:0 0 0 0px;
	font-size:12px;
	}
		#sidebar .list-type1 li ul li {
		list-style:none;
		}
			#sidebar .list-type1 li ul li a {
				color:#566265;
				display:block;
				padding:5px 0 5px 15px;
				background:url(../images/pageelements/list-type2-icon.gif) no-repeat left center;
			}
			#sidebar .list-type1 li ul li a:hover {
				/*font-weight:bold;*/
				/*background: #e2f2f5 url(../images/pageelements/list-type2-icon.gif) no-repeat left center;*/
				text-decoration:underline;
			}
			#sidebar .list-type1 li ul li a.active {
				/*font-weight:bold;
				background: #e2f2f5 url(../images/pageelements/list-type2-icon.gif) no-repeat left center;*/
				text-decoration:underline;
			}




/* Category Jump Menu - firs style form, then select box */
#categorySelect {
	text-align: right;
}
#categorySelect select {
	width: 140px;
	FONT-SIZE: 0.95em;
	color: purple;
}

/* ------------------------------------------------------------------- */
/* 05 HOME PAGE
---------------------------------------------------------------------- */


/* Alert
------------------------------------- */
/* Callout box */
.callout {} 
 .callout.alert {
    background-color: #C60F13;
	font-size:1.25em;
	color:white }
	.callout.alert h1,
	.callout.alert h2,
	.callout.alert h3,
	.callout.alert h4,
	.callout.alert h5 {color:white}


/* Hero
------------------------------------- */
.hero-section {
  background-size: cover;
  height: 600px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
}

.hero-section .hero-section-text h1 {
  font-size:600%; 
  line-height:100%; 
  color:rgba(250,250,250,0.90); 
  margin-bottom:25px; 
  padding:25px;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

a.hero-button {color:white; padding:10px 30px; font-weight:bold; font-size:2em; border:5px solid #f1f1f1;}
a.hero-button:hover {color:rgba(0,0,0,0.9); background:#f1f1f1;}

@media only screen and (max-width: 479px) {	
	.hero-section .hero-section-text h1 {
	  font-size:400%; ;
	}
	a.hero-button {font-size:1.5em;}
	}

.below-hero-bg {background:#01d2ee}
.below-hero {
	font-color:#808080; 
	padding:20px; 
	letter-spacing:-1px;
	font-size:2em;
	/*font-style:italic;*/
	font-weight:700; 
	}
			.below-hero a {color:#141414;}

/* Newsletter Modal */
	#inline_content {/*background:url(../images/homepage/bean_bg_low_res.jpg) center center;*/ padding:30px;}
	#inner_content {
		color:white;
		text-align:center;
		border:5px solid white; 
		padding:30px; 
		background-color:rgba(0, 0, 0, 0.4);
		}
		#inner_content h1, #inner_content h4 {color:white}
		#inner_content p {font-size:16px; line-height:16px}
		.mc-field-group .button {position:absolute; top:0; right:0; border-radius:0;}
		.mc-field-group .input_email {height:35px; padding:12px;}


/* Slide show
--------------------------------------*/

/* the back next arrows */
.slick-prev, .slick-next{
	width: 40px !important;
	height: 50px !important;
	background-color: rgba(250,250,250,0.2) !important;
}

.slick-prev{
	left: -25px !important;
}
.slick-next{
	right: -25px !important;
}
.slick-prev::before, .slick-next::before{
	color: #777 !important;
}
.slick-prev:hover:before, .slick-next:hover:before{
	color: #555 !important;
}

.slick-prev:hover, .slick-next:hover{
	background-color: rgba(0,0,0,0.2) !important;
}


.single_slide {width:100%; margin:0 auto; }/* single slide */

/* alternative slider images for mobile sizes */
.home-page-gallery, .Carousel_altImage1, .Carousel_altImage2 {}
.home-page-gallery {display:block;}
.Carousel_altImage1 {display:none;}
.Carousel_altImage2 {display:none;}


/*@media print, screen and (max-width: 769px) {
	.home-page-gallery {display:none;}
	.Carousel_altImage1 {display:block;}	
}
@media print, screen and (max-width: 480px) {
	.home-page-gallery {display:none;}
	.Carousel_altImage1 {display:none;}	
	.Carousel_altImage2 {display:block;}
}
*/

.home_slider .slick-prev{
	left: 5px !important;
}
.home_slider .slick-next{
	right: 5px !important;
}





/* Hover Image Captions (Categories)
------------------------------------- */
a.img-caption {
	margin: 0;
	display: block;
}

.img-caption img {
	position: relative;
}

.img-caption figure {
	/*box-sizing: content-box;*/
	overflow: hidden;
	position: relative;
}

.img-caption figcaption {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	/*box-sizing: content-box;*/
	padding: 20px 25px 10px 25px;
	bottom: 0;
	display: block;
	width: 100%;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.img-caption:hover figcaption {
	/*background: #1779ba;*/
}

.img-caption figcaption h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.img-caption figcaption span {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	display: block;
	position: relative;
	opacity: 0;
	max-height: 0;
	padding: 0;
	width:100%;
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-o-transition:max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
}

.img-caption:hover figcaption span {
	max-height: 100px;
	opacity: 1;
	padding: 0 0 4px 0;
}


/* Headline
------------------------------------- */
.headline {
	font-size: 20px;
	background-color: #fff;
	padding-right: 10px;
	z-index: 2;
	position: relative;
	float: left;
	text-transform: uppercase;
}

.line {
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	float: left;
	height: 1px;
	display: inline-block;
	margin: -22px 0 32px 0;
}


/* Masonry (product and gallery)
------------------------------------- */
.masonry-item {
	padding:3px;
	}

.masonry-item .card {
	margin-bottom: 0;
	}

/* optional first masonry box on homepage */
	.masonry-1stbox,
	.masonry-1stbox h1, 
	.masonry-1stbox h2,
	.masonry-1stbox h3,
	.masonry-1stbox h4,
	.masonry-1stbox h5 
	.masonry-1stbox p {
		color:#efefef;
		}


/* Blog List
------------------------------------- */
.from-the-blog-content {
	background-color: #f8f8f8;
	padding: 25px 30px;
	margin: 0;
}

.from-the-blog-content a h5 {
	font-weight: 700;
	line-height: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 0 3px 0;
}

.from-the-blog-content a:hover h5 {
	color: #888;
}

.from-the-blog-content i {
	font-weight: 500;
	color: #aaa;
	font-size: 13px;
}

.from-the-blog-content span {
	font-size: 14px;
	display: block;
	margin: 9px 0 14px 0;
}

.from-the-blog-image { overflow: hidden; position: relative; }

.from-the-blog-image a img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.from-the-blog-image:hover .hover-icon {
	visibility: visible;
	bottom:0;
	opacity:1;
}

.from-the-blog-content.no-img {
	padding-top: 30px;
}




/* ------------------------------------------------------------------- */
/* 06. CATEGORY
---------------------------------------------------------------------- */

/* Titlebar ------------ */
.titlebar {
	background-color: #f4f4f4;
	position: relative;
	margin: 0 0 50px 0;
	padding: 34px 0 32px;
}

.titlebar h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	float: left;
	width: 100%;
}

.titlebar span {
	font-weight: 300;
	color: #aaa;
}

/* Sub-Categories ------------ */
.categorylistingstyle-box {position:relative;}
	.categorylistingstyle-box .card {height:100%; margin-bottom:0;}
	.categorylistingstyle-box .card-section .product-imgbox {padding-bottom:5px;}
	.categorylistingstyle-box .card-section h3.product {}

.categorylistingstyle-boxhover {}
	.categorylistingstyle-boxhover h3 {}
	
.categorylistingstyle-standard {position:relative; text-align:center;}
	.categorylistingstyle-standard .card {border:0; margin:0;}		

/* Breadcrumbs ------------ */
.breadcrumbtrail {margin-top: 10px}

/* defaults ------------ */
#dspcatheader.category {}

.cat_image_lg {}
.cat_name_lg {}
.cat_text_lg {
	margin-bottom:30px;
}
.cat_text_featured {

}
.cat_text_small {
	font-size: 0.9em;
}
.cat_text_list {

}
.review_title {
	font-size: 1.15em;
	font-weight: bold;
}

/* search header on category pages */
#putsearchheaderform {
	border-top:1px solid #ddd; 
	border-bottom:1px solid #ddd;
	padding-top:15px;
	margin-bottom:10px;
	}


/* ------------------------------------------------------------------- */
/* 07 PRODUCT
---------------------------------------------------------------------- */


/* PRODUCT TEASER (on the category page)
---------------------------------------- */

	/* Search Header */
	.resultheadtext {margin-bottom:12px;}

	/* Show grid */
	.grid-layout {border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
	.grid-layout > .cell {border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}


	/* Product Listings ============ */
	
		/* Verical - the default */
	.listing-vertical {}
		
		.listing-vertical select {
			width:100%;
			}
	
		.listing-vertical.box {
			border:1px solid #ddd; 
			height:100%; 
			text-align:center;	
			}
	
			.listing-vertical.box #orderbox.product{
				text-align:center;
				}

			.listing-vertical.box .qtyplus::before, .listing-vertical.box .qtyminus::before {
				left: 1px;
				}	
	
		.listing-vertical.box-hover {
			border:1px solid #dddddd; 
		height:100%; 
		text-align:center; 
		}
			.listing-vertical.box-hover:hover {
			border:1px solid #ffffff;
			-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);}
			
			.listing-vertical.box-hover:hover H2.product a {color:#2099e8}
	
			.listing-vertical.box-hover .card-image {text-align:center;}
	
			.listing-vertical.box-hover h2.product {font-size:18px; margin-bottom:0; font-weight:600;}
			.listing-vertical.box-hover H2.product a {color:#303030; padding:5px;}
	
			.listing-vertical.box-hover .prodPrice {font-size:16px; color:#333333; margin:5px 0;}
	
			.listing-vertical.box-hover .qtyplus::before, .listing-vertical.box-hover .qtyminus::before {
				left: 1px;
				}	
	
		/* Horizontal */
		.listing-horizontal.box {
			border:1px solid #dddddd; 
			height:100%; 
			text-align:left;	
			}
				.listing-horizontal.box .horizontal-imgbox  {
					padding:20px 0 20px 20px;	
					}
				.listing-horizontal.box .horizontal-contentbox  {
					padding:20px 20px 20px 10px;	
					}
	
	
		.listing-horizontal.box-hover {
			border:1px solid #ddd; 
			height:100%; 
			text-align:left; 
			}	
				.listing-horizontal.box-hover .horizontal-imgbox  {
					padding:20px 0 20px 20px;	
					}
				.listing-horizontal.box-hover .horizontal-contentbox  {
					padding:20px 20px 20px 10px;	
					}
			.listing-horizontal.box-hover:hover {
				border:1px solid #ffffff;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
				box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);}
				
			.listing-horizontal.box-hover:hover H2.product a {color:#2099e8}
		
			.listing-horizontal.box-hover .card-image {text-align:center;}
			
			.listing-horizontal.box-hover h2.product {font-size:18px; margin-bottom:0; font-weight:600;}
			.listing-horizontal.box-hover H2.product a {color:#303030; padding:5px;}
			
			.listing-horizontal.box-hover .prodPrice {font-size:16px; color:#333333; margin:5px 0;}
			
			.listing-horizontal.box-hover .qtyplus::before, .listing-horizontal.box-hover .qtyminus::before {
				left: 1px;
				}
	
	
	/* Pagination 
	------------------------------------- */
	/*div.pagination {
	  display: block;
	  height: 1.5rem;
	  margin-left: -0.3125rem; }*/
	  div.pagination li {
		height: 1.5rem;
		/*color: #222222;*/
		font-size: 0.875rem;
		margin-left: 0.3125rem; }
		div.pagination a, div.pagination a.current {
			padding: 5px 10px;
			border-bottom: none;
			border-radius:3px;
			display: inline-block;
			color: #fff;
			background-color: #D0D0D0;
			font-weight: 700;
			margin:0;
			margin-left: 0.3125rem;
			-webkit-transition: all 200ms ease-in-out;
			-moz-transition: all 200ms ease-in-out;
			-o-transition: all 200ms ease-in-out;
			-ms-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;
		 }
			/*div.pagination.next a {
				padding: 5px 10px;
			 }*/
		div.pagination a:hover,
		div.pagination a:focus,
		div.pagination a.current:hover {
			background: rgba(0,0,0,0.45);
			color: #fff; }
		div.pagination a.unavailable {
		  cursor: default;
		  color: #999999; }
		div.pagination a.unavailable:hover, div.pagination a.unavailable:focus {
		  background: transparent; }
		div.pagination a.current {
			background: rgba(0,0,0,0.45);
			color: #fff;
			cursor: default; }
		  div.pagination a.current:hover, div.pagination a.current:focus {
				background: rgba(0,0,0,0.45);
				color: #fff; } 


/*.pagination a:Hover {
    background: rgba(0,0,0,0.3) !important;
}
*/
	
	.section_footer {margin-top:15px}


/* PRODUCT DETAILS (main product page)
---------------------------------------- */

	H1.product {letter-spacing:-1px} /* main title on product page */
	H2.product {} /* product name on category pages (put_standard) */	
	H3.product {margin:0; padding:0}
	H5.product {} /* product name on category pages (put_vertical) */	
	
	
	/* Highlight and Input Form box title bars. */
	.BoxTitle {
		FONT-SIZE: 1.5em;  
		font-weight: bold;
	}
	/* Used primarily in Highlight boxes. */
	.BoxText {}
	
	/* Sections separate sections on listings and detail pages like the
	'more images' and 'customer reviews' sections of the product page. */
	.section_title {
		border-bottom:1px solid #ddd;
		display:block;
		padding-bottom:4px;
		margin-bottom:6px;
		}
	
	/* thumbnails */
	#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 5px;
	padding-bottom: 0;
	background: #cccccc;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
	}
	
	#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 12px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
	}	
	
	#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
	}
	
	#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
	}
	
	
	/* star rating system - http://stackoverflow.com/questions/30765441/use-font-awesome-star-rating-define-by-width */
	.rating {
	  display: inline-block;
	  font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	  font-size: 20px;
	  color: #ccc;
	  position: relative;
	}
		.rating.large {font-size: 30px;}
		.rating.small {font-size: 12px;}
	.rating::before,
	.rating::after {
	  content:"\f005\f005\f005\f005\f005";
	  display: block;
	}
	.rating::after {
	  color: gold;
	  position: absolute;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	}
	
	.rating.s0::after {
	  width: 0%;
	}
	.rating.s1::after {
	  width: 20%;
	}
	.rating.s2::after {
	  width: 40%;
	}
	.rating.s3::after {
	  width: 60%;
	}
	.rating.s4::after {
	  width: 80%;
	}
	.rating.s5::after {
	  width: 100%;
	}
	
	/* product icons */
	.product-imgbox {position:relative; text-align:center}
	
		.product-imgbox a img {margin:0 auto}
		
			.flag-sale {
				background-color: #e21e39;
				font-weight: 700;
				letter-spacing:-1px;
				text-transform: uppercase;
				text-align:center;
				padding-top: 12px;
				display: inline-block;
				width:46px;
				height:46px;
				position: absolute;
				top:-5px;
				left:0px;
				color: #fff;
				border-radius:200px;
				-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
			}
			.flag-sale:before { content: "SALE"; }
				.flag-sale-large {
					background-color: #e21e39;
					color: #fff;
					font-size:1.2em;	
					line-height:1em;					
					font-weight: 900;
					letter-spacing:-1px;
					text-transform: uppercase;
					text-align:center;
					padding:10px 40px 10px 40px;
					margin-bottom:8px;
					display: inline-block;
				}
				.flag-sale-large:before { content: "SALE"; }
			
			.flag-new {
				background-color: #DF6C0E;
				font-weight: 700;
				letter-spacing:-1px;
				text-transform: uppercase;
				text-align:center;
				padding-top: 12px;
				display: inline-block;
				width:46px;
				height:46px;
				position: absolute;
				top:-5px;
				left:40px;
				color: #fff;
				border-radius:200px;
				-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
			}
			.flag-new:before { content: "NEW"; }
				.flag-new-large {
					background-color: #DF6C0E;
					color: #fff;
					font-size:1.2em;	
					line-height:1em;					
					font-weight: 900;
					letter-spacing:-1px;
					text-transform: uppercase;
					text-align:center;
					padding:10px 40px 10px 40px;
					margin-bottom:8px;
					display: inline-block;
				}
				.flag-new-large:before { content: "NEW"; }
			
			.flag-hot {
				background-color: #92af7b;  /*008BBE*/
				font-weight: 700;
				letter-spacing:-1px;
				text-transform: uppercase;
				text-align:center;
				padding-top: 12px;
				display: inline-block;
				width:46px;
				height:46px;
				position: absolute;
				top:-5px;
				left:0px;
				color: #fff;
				border-radius:200px;
				-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
				box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
			}
			.flag-hot:before { content: "BEST"; }
					.flag-hot-large {
						background-color: #92af7b; /*a0bf65*/
						color: #fff;
						font-size:1.2em;	
						line-height:1em;					
						font-weight: 900;
						/*letter-spacing:-1px;*/
						text-transform: uppercase;
						text-align:center;
						padding:10px 40px 10px 40px;
						margin-bottom:8px;
						display: inline-block;					
					}
					.flag-hot-large:before { content: "BEST"; }
	
	
	/* Quantity
	------------------------------------- */
	.qty {
		width: 20px;
		height: 18px;
		text-align: center;
		float: left;
		padding: 8px 9px;
	}
	
	input.qty {
		width: 40px;
		height: 40px;
		padding: 8px 9px;
		background:#f5f5f5;
		border:0;
	}
	
	.qtyplus,
	.qtyminus {
		background: #c0c0c0;
		color: #fff;
		border: none;
		float: left;
		
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		
		cursor: pointer;
		width: 40px;
		height: 40px;
		font-size: 13px;
		outline: 0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.qtyplus:hover,
	.qtyminus:hover {
		background: #808080;
		color: #fff;
	}
	
	.qtyplus:before { content: "\f067"; }
	.qtyminus:before { content: "\f068"; }
	
	.qtyplus:before,
	.qtyminus:before {
		position: relative;
		display: block;
		top: 10px;
		left: 15px;
	}
	
	.qtyplus, .button.adc, button.wishlist, button.registry {
		margin-right:10px !important;
	}
	
	/* buttons */
	button.addtocart {}
	button.wishlist {
		float:left;
		display:block;
		height:40px;
		background:#c0c0c0 !important;
		/*border-radius:0 !important;*/
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		padding: 12px 13px 7px 13px;
		}
	button.wishlist i {color:white;}
	button.wishlist:hover {background:#808080 !important}
	button.wishlist:hover i {color:red;}
	button.registry {
		float:left;
		display:block;
		height:40px;
		background:#c0c0c0 !important;
		/*border-radius:0 !important;	*/
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		padding: 12px 13px 7px 14px;
		}
	button.registry i {color:white;}
	button.registry:hover {background:#808080 !important; color:white;}
	
	
	/* Style for Product SKU, number in stock, etc. */
	.reviewButtons {margin:15px 0}
	.prodSKU {
		font-size : 0.95em;
		color : #666666;
		margin-bottom:8px;
	}
	
	.prodAvailability {
		font-size : 1em;
		font-weight: bold;
		color : #666666;
	}
	
	/* Product price line */
	.productDetail #putprice { margin-bottom:10px	}
	
		/* Product pricing */
		.prodPrice {
			font-size:1.5em; 
			line-height:120%;
			display:inline-block;
			margin-bottom:15px;
			}	
			.prodPrice .Label {
				font-weight:bold;
				}
		
		.prodPrice .Suggested {
			color:#888888;
			}
		.prodPrice .Regular {
			color:#888888;
			}
		.prodPrice .YourPrice {
			font-weight:bold;
			}
		.prodPrice .Retail {
			color:#888888;
			}
			.prodPrice.Strike {
				text-decoration: line-through;
				color:#929090;
				padding-right:4px;
				}
				.prodPrice.highlighter {
					background: #FFECB7;
					padding:0 4px;
					}
		.prodPrice .Group {
			}
		.prodPrice .Wholesale {
			}	
		.prodPrice .Savings {
			font-size:0.9em;
			font-style:italic;
			font-weight:bold;
			color:maroon;
			}
	
    .float-qty-width {float:left;}
	input.qty-width {width:75px; margin:0 10px; display:inline-block; height: 40px;}
		
	
	/* Discounted price amount */
	.proddiscounted {
		font-size : 1em;
		font-weight: bold;
		color : maroon;
	}
	
	/* Product discount line */
	.proddisc {
		font-size : 1em;
		color : maroon;
	}
	
	/* Product error messages */
	.proderror {
		font-size : 1em;
		color: red;
	}
	
	/* Small image on catalog pages. */
	.listingimg {
		margin-right : 5px;
	}
	
	/* Small image on gallery style of category pages */
	.gallerylistimg {
		border:1px solid #333333;
	}
	
	/* Text styles on gallery listing page */
	.gallerylist {
		color:#000000;
		font-size: 1em;
	}
	
	A.gallerylist {
		color:#666699;
		font-size: 1em;
	}
	
	/* Medium image on product detail page. */
	.medium_img {
		margin-right : 10px;
	}
	
	/* 'More Image' gallery on product detail page. */
	.gallery_img {
		border-style : solid;
		border-color : Silver;
		margin-right : 3px;
		margin-bottom: 5px;
		border-width : 1px;
	}
	/* 'More Image' gallery detail caption. */
	.photocaption {
		COLOR: white; FONT-SIZE: 0.95em; 
	}
	
	
	/* icon related categories */
	.fa-chevron-left {font-size:0.9em}
	
	/* Used for listing and detail page navigation links like the 'Sort by' links
	on listing pages and 'next | back' links at the bottom of detail pages.*/
	.section_footer {
		font-size: 0.95em;
	}
	A.section_footer {
		text-decoration : none;
	}
	
	
	/* Social Icons Product Detail ------- */
	/*div.social-icons-product {margin:25px 0 0 0;}
	div.social-icons-product a {
		font-size:1.5em; 
		color:white; 
		background:#ccc;
		height:40px; 
		width:40px;
		text-align:center;
		display:inline-block;
		padding:5px; 
		border-radius:50px; 
		}
		div.social-icons-product a:hover {
		background:#cc0000; 
		}*/
	
	
		.rounded-social-buttons {}
		
		.rounded-social-buttons .social-button-brands {
			font-family: "Font Awesome 5 Brands";
			font-style: normal;
			font-variant-caps: normal;
			font-variant-ligatures: normal;
			font-weight: 900;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		  
		  display: inline-block;
		  position: relative;
		  cursor: pointer;
		  width: 3.125rem;
		  height: 3.125rem;
		  border: 0.125rem solid transparent;
		  padding: 0;
		  text-decoration: none;
		  text-align: center;
		  color: #fefefe !important;
		  font-size: 1.5625rem;
		  /*font-weight: normal;*/
		  line-height: 2em;
		  border-radius: 1.6875rem;
		  transition: all 0.5s ease;
		  margin-right: 0.25rem;
		  margin-bottom: 0.25rem;
		}
		
		.rounded-social-buttons .social-button-free {
			font-family: "Font Awesome 5 free";
			font-style: normal;
			font-variant-caps: normal;
			font-variant-ligatures: normal;
			font-weight: 900;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		  
		  display: inline-block;
		  position: relative;
		  cursor: pointer;
		  width: 3.125rem;
		  height: 3.125rem;
		  border: 0.125rem solid transparent;
		  padding: 0;
		  text-decoration: none;
		  text-align: center;
		  color: #fefefe !important;
		  font-size: 1.5625rem;
		  /*font-weight: normal;*/
		  line-height: 2em;
		  border-radius: 1.6875rem;
		  transition: all 0.5s ease;
		  margin-right: 0.25rem;
		  margin-bottom: 0.25rem;
		}
		
		.rounded-social-buttons .social-button-brands:hover, 
		.rounded-social-buttons .social-button-brands:focus,
		.rounded-social-buttons .social-button-free:hover, 
		.rounded-social-buttons .social-button-free:focus {
		  -webkit-transform: rotate(360deg);
			  -ms-transform: rotate(360deg);
				  transform: rotate(360deg);
		}
		
		
		
		/* PHONE */
		.rounded-social-buttons .social-button-free.phone {
		  background: #15AABF;
		}
		
		.rounded-social-buttons .social-button-free.phone:before {
			content: "\f3cd";
		}
		
		.rounded-social-buttons .social-button-free.phone:hover, 
		.rounded-social-buttons .social-button-free.phone:focus {
		  color: #15AABF !important;
		  background: #fefefe;
		  border-color: #15AABF;
		}
		
		/* email */
		.rounded-social-buttons .social-button-free.email {
		  background: #F783AC;
		}
		
		.rounded-social-buttons .social-button-free.email:before {
			content: "\f0e0";
		}
		
		.rounded-social-buttons .social-button-free.email:hover, 
		.rounded-social-buttons .social-button-free.email:focus {
		  color: #F783AC !important;
		  background: #fefefe;
		  border-color: #F783AC;
		}
		
		
		/* FACEBOOK */
		.rounded-social-buttons .social-button-brands.facebook {
		  background: #3b5998;
		}
		
		.rounded-social-buttons .social-button-brands.facebook:before {
			content: "\f39e";
		}
		
		.rounded-social-buttons .social-button-brands.facebook:hover, 
		.rounded-social-buttons .social-button-brands.facebook:focus {
		  color: #3b5998 !important;
		  background: #fefefe;
		  border-color: #3b5998;
		}
		
		
		
		
		/* Twitter */
		.rounded-social-buttons .social-button-brands.twitter {
		  background: #55acee;
		}
		
		.rounded-social-buttons .social-button-brands.twitter:before {
		  content: "\f099";
		}
		
		.rounded-social-buttons .social-button-brands.twitter:hover, 
		.rounded-social-buttons .social-button-brands.twitter:focus {
		  color: #55acee !important;
		  background: #fefefe;
		  border-color: #55acee;
		}
		
		/* LinkedIn */
		.rounded-social-buttons .social-button-brands.linkedin {
		  background: #007bb5;
		}
		
		.rounded-social-buttons .social-button-brands.linkedin:before {
		  content: "\f0e1";
		}
		
		.rounded-social-buttons .social-button-brands.linkedin:hover, 
		.rounded-social-buttons .social-button-brands.linkedin:focus {
		  color: #007bb5 !important;
		  background: #fefefe;
		  border-color: #007bb5;
		}
		
		/* YouTube */
		.rounded-social-buttons .social-button-brands.youtube {
		  background: #bb0000;
		}
		
		.rounded-social-buttons .social-button-brands.youtube:before {
		  content: "\f167";
		}
		
		.rounded-social-buttons .social-button-brands.youtube:hover, 
		.rounded-social-buttons .social-button-brands.youtube:focus {
		  color: #bb0000 !important;
		  background: #fefefe;
		  border-color: #bb0000;
		}

		/* VIMEO */
		.rounded-social-buttons .social-button-brands.vimeo {
		  background: #1db2e4;
		}
		
		.rounded-social-buttons .social-button-brands.vimeo:before {
			content: "\f27d";
		}
		
		.rounded-social-buttons .social-button-brands.vimeo:hover, 
		.rounded-social-buttons .social-button-brands.vimeo:focus {
		  color: #1db2e4 !important;
		  background: #fefefe;
		  border-color: #1db2e4;
		}


		/* FLICKR */
		.rounded-social-buttons .social-button-brands.flickr {
		  background: #f70080;
		}
		
		.rounded-social-buttons .social-button-brands.flickr:before {
			content: "\f16e";
		}
		
		.rounded-social-buttons .social-button-brands.flickr:hover, 
		.rounded-social-buttons .social-button-brands.flickr:focus {
		  color: #f70080 !important;
		  background: #fefefe;
		  border-color: #f70080;
		}

		/* Instagram */
		.rounded-social-buttons .social-button-brands.instagram {
		  background: #125688;
		}
		
		.rounded-social-buttons .social-button-brands.instagram:before {
		  content: "\f16d";
		}
		
		.rounded-social-buttons .social-button-brands.instagram:hover, 
		.rounded-social-buttons .social-button-brands.instagram:focus {
		  color: #125688 !important;
		  background: #fefefe;
		  border-color: #125688;
		}
		
		.rounded-social-buttons .social-button-brands.pinterest {
		  background: #cb2027;
		}
		
		.rounded-social-buttons .social-button-brands.pinterest:before {
		  content: "\f231";
		}
		
		.rounded-social-buttons .social-button-brands.pinterest:hover, 
		.rounded-social-buttons .social-button-brands.pinterest:focus {
		  color: #cb2027 !important;
		  background: #fefefe;
		  border-color: #cb2027;
		}
		/* snapchat */
		.rounded-social-buttons .social-button-brands.snapchat {
		  background: #e5df00;
		}
		
		.rounded-social-buttons .social-button-brands.snapchat:before {
		  content: "\f2ac";
		}
		
		.rounded-social-buttons .social-button-brands.snapchat:hover, 
		.rounded-social-buttons .social-button-brands.snapchat:focus {
		  color: #e5df00 !important;
		  background: #fefefe;
		  border-color: #e5df00;
		}

		/* whatsapp */
		.rounded-social-buttons .social-button-brands.whatsapp {
		  background: #54b95d;
		}
		
		.rounded-social-buttons .social-button-brands.whatsapp:before {
		  content: "\f232";
		}
		
		.rounded-social-buttons .social-button-brands.whatsapp:hover, 
		.rounded-social-buttons .social-button-brands.whatsapp:focus {
		  color: #54b95d !important;
		  background: #fefefe;
		  border-color: #54b95d;
		}

		/* wechat */
		.rounded-social-buttons .social-button-brands.wechat {
		  background: #70bd00;
		}
		
		.rounded-social-buttons .social-button-brands.wechat:before {
		  content: "\f1d7";
		}
		
		.rounded-social-buttons .social-button-brands.wechat:hover, 
		.rounded-social-buttons .social-button-brands.wechat:focus {
		  color: #70bd00 !important;
		  background: #fefefe;
		  border-color: #70bd00;
		}
		
		/* github */
		.rounded-social-buttons .social-button-brands.github {
		  background: #000000;
		}
		
		.rounded-social-buttons .social-button-brands.github:before {
		  content: "\f09b";
		}
		
		.rounded-social-buttons .social-button-brands.github:hover, 
		.rounded-social-buttons .social-button-brands.github:focus {
		  color: #000000 !important;
		  background: #fefefe;
		  border-color: #000000;
		}
		
		/* tumblr */
		.rounded-social-buttons .social-button-brands.tumblr {
		  background: #32506d;
		}
		
		.rounded-social-buttons .social-button-brands.tumblr:before {
		  content: "\f173";
		}
	
		.rounded-social-buttons .social-button-brands.tumblr:hover, 
		.rounded-social-buttons .social-button-brands.tumblr:focus {
		  color: #32506d !important;
		  background: #fefefe;
		  border-color: #32506d;
		}
	
	/* POPUP IMAGE STYLES =================== */
	#showimage{
		position:absolute;
		visibility:hidden;
		border: 1px solid gray;
		}
	#dragbar{
		cursor: hand;
		cursor: pointer;
		background-color: #EFEFEF;
		min-width: 100px; /*NS6 style to overcome bug*/
		}
	#dragbar #closetext{
		font-size: 0.95em;
		margin-right: 2px;
		}
	#detailimg{
		cursor: hand;
		cursor: pointer;
		}
	#detailarea{
		width: 100%; 
		background-color: White;
		}
	#caption{
		background-color: white;
		font-size: 1em;
		padding: 2px;
		}
	
	/* Tabs
	------------------------------------- */
	.tabs{
		border-style: solid!important;
		border-width: 0px 0px 1px!important;
		border-color: #ccc!important;
		border-bottom: 1px solid #e6e6e6!important;
		
		margin-top:20px;
	}

	.tabs-title > a[aria-selected="true"]{
		background: #fff none repeat scroll 0 0;
		background: linear-gradient(180deg, rgba(177,174,174,0.24271715522146353) 0%, rgba(239,239,239,1) 18%, rgba(255,255,255,1) 100%, rgba(253,187,45,1) 100%);
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
        margin-right:1px;
        color:#222;
	}
	
	.tabs-title > a[aria-selected="false"] {
		color: #fff;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
        background: #1779ba;
        margin-right:3px;
        margin-left:3px;
	}
	
	.tabs li.is-active{
		background: #fff none repeat scroll 0 0;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px 1px 0;
		margin-bottom: -3px;

	}
	
	.tabs-title > a {
    font-size: 1.0em; 
    }

    .tabs-content {
    border: 1px solid #ccc;
        border-top-color: rgb(230, 230, 230);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: 0;
}

		  
	/* Accordians
	------------------------------------- */
	.accordion-title {
	  position: relative;
		display: block;
	  padding: 1.25rem 1rem;
	  border: 1px solid #e6e6e6;
	  border-bottom: 0;
	  font-size: 1.0rem;
	  line-height: 1;
	  color: #1779ba;   
		  background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #ECECEC)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #ECECEC 100%);
	  }
	  :last-child:not(.is-active) > .accordion-title {
		border-bottom: 1px solid #e6e6e6;
		border-radius: 0 0 0 0; }
	  .accordion-title:hover, .accordion-title:focus {
		background-color: #e6e6e6; }
	  .accordion-title::before {
		position: absolute;
		top: 50%;
		right: 1rem;
		margin-top: -0.5rem;
		content: '+'; }
	  .is-active > .accordion-title::before {
		content: '\2013'; }
		  
	.accordion-content {
		display: none;
	  padding: 1rem;
	  border: 1px solid #e6e6e6;
	  border-bottom: 0;
	  background-color: #fefefe;
	  color: #0a0a0a; }
	  :last-child > .accordion-content:last-child {
		border-bottom: 1px solid #e6e6e6; }
	
	
	
	/* Table 
	------------------------------------- */
	table.table {
	  background: white;
	  margin-bottom: 1.25rem;
	  border: solid 1px #dddddd; }
	  table.table thead,
	  table.table tfoot {
		background: whitesmoke; }
		table.table thead tr th,
		table.table thead tr td,
		table.table tfoot tr th,
		table.table tfoot tr td {
		  padding: 0.5rem 0.625rem 0.625rem;
		  font-size: 1.0rem;
		  font-weight: bold;
		  color: #222222;
		  text-align: left; }
	  table.table tr th,
	  table.table tr td {
		padding: 0.5625rem 0.625rem;
		font-size: 1.0rem;
		color: #222222; }
		table.table tr th {
			color: #808080 !important; }
	  table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) {
		background: #f9f9f9; }
	  table.table thead tr th,
	  table.table tfoot tr th,
	  table.table tbody tr td,
	  table.table tr td,
	  table.table tfoot tr td {
		display: table-cell;
		line-height: 1.125rem; }
	
	
	/* remove formatting from table */
	table.notable {
	  background: transparent;
	  margin-bottom: 1.25rem;
	  border: solid 0px #dddddd; }
	  table.notable thead,
	  table.notable tfoot {
		background: transparent; }
		table.notable thead tr th,
		table.notable thead tr td,
		table.notable tfoot tr th,
		table.notable tfoot tr td {
		  padding: 0.5rem 0.625rem 0.625rem;
		  font-size: 1.0rem;
		  font-weight: bold;
		  color: #222222;
		  text-align: left; }
	  table.notable tr th,
	  table.notable tr td {
		padding: 0.5625rem 0.625rem;
		font-size: 1.0rem;
		color: #222222; }
		table.notable tr th a,
		table.notable tr td a {
			color: #222222 !important; }
		table.notable tr th {
			color: #808080 !important; }
	  table.notable tr.even, 
	  /*table.table tr.alt, 
	  table.table tr:nth-of-type(even), */
	  table.notable tbody tr:nth-child(2n) {
		background: transparent; }
	  table.notable thead tr th,
	  table.notable tfoot tr th,
	  table.notable tbody tr td,
	  table.notable tr td,
	  table.notable tfoot tr td {
		display: table-cell;
		line-height: 1.125rem; }
		
		
	/* div table (used in Admin)
	------------------------------------- */
	div.table {
	  background: white;
	  margin-bottom: 1.25rem;
	  border: solid 1px #dddddd; }
	  div.thead {
		background: #a3b745;
		font-size:1rem;
		padding:0.5rem;
		border:1px solid white;
		color:white; }
	   div.table.alt div.thead {
		background:#d46f15;
		}	
		div.td {
		  padding: 0.5rem 0.625rem 0.625rem;
		  font-size: 0.875rem;
		  color: #222222;
		  text-align: left; }
	
	.nobottommargin {margin-bottom:0}
	
	/* Options */
	/*table.option-table {float:left; margin:0 5px 5px 0; width:140px;}
	table.option-table td {text-align:center;}*/
	
	table.option-table {
		position:relative;
		float:left; 
		margin:0 5px 5px 0; 
		width:140px; 
		height:240px; 
		border:1px solid silver;
		}
	table.option-table td {text-align:center;}
	table.option-table td .search-icon {position:absolute; top:2px; right:2px; width:25px; padding:5px; border-radius:3px; background:#f1f1f1;}
	
	/* adds an underline */
	.table-border-bottom {border-bottom:1px solid silver; padding-bottom:20px;}



/* ------------------------------------------------------------------- */
/* 08. BLOG
---------------------------------------------------------------------- */

/* teaser 
-------------- */
div.post-img .blog_image_sm {}

#dspblogs.blog {padding-top:10px;}

.blog_image_lg {}
.blog_text_lg {}
h2.blog_name_lg {}

/* format the date */
.date { float:left; text-align: center; height: 0px; margin-top:5px }
.date span { display: block; }
.month { background: #ccc; padding: 2px 10px 2px 10px; color: #fff; border-radius:2px 2px 0 0 ; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); }
.day { background: #f2f2f2; padding: 10px; font-size: 16px; font-weight: 500; color: #999; border-radius: 0 0 0 0; }
.year { background: #ccc; padding: 2px 10px 2px 10px; color: #fff; border-radius: 0 0 2px 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); }


/* Posts */
.post {
	margin: 0px 0;
}

.post-content {
	margin: 0 0 0 75px;
}

.post-img {	margin-bottom:15px;}

.post-img a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.post-img a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* Comments
------------------------------------- */
.comments { margin: 10px 0 0 0; }

.comments .button {
	margin: 0 0 10px 90px;
	padding: 7px 15px;
}

.comments ul li {
	display: block;
		margin: 0 0 20px 0;  /* margin: 0 0 20px 90px; - if using the Avatar img */
	position: relative;
}

.comments ul li ul li {
	margin: 20px 0 0 90px;
}

.comment-content p {
	margin: 0;
	line-height: 23px;
}

.comment-content {
	background: #f8f8f8;
	color: #888;
	padding: 19px 22px 22px 22px;
}

.comment-content strong {
	padding-right: 5px;
	font-size: 14px;
	color: #666;
}

.comment-content span {
	color: #999;
}

.comments-amount {
	color: #909090;
}

.avatar {
	float: left;
	display: inline-block;
	position: absolute;
	left: -90px;
}

.avatar img {
	max-width: 70px;
}

.comment-by {
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
}

.comment-by span.reply {
	float: right;
	display: inline;
}

.comment-by span.reply a {
	float: right;
	height: 17px;
	margin-left: 5px;
	font-weight: normal;
	color: #999;
}

.comment-by span.reply a i {
	color: #bbb;
	transition: all 0.1s ease-in-out;
}

.comment-by span.reply a:hover,
.comment-by span.reply a:hover i {
	color: #808080;
}

.comment-by .rating {
	float: right;
	position: relative;
	margin: 0 -10px 0 0;
}

.comment-by .rating .star-bg:after {
	color: #ddd;
}

.comment-by span.date {
	color: #999;
	font-weight: 300;
	background: url('../images/comments-divider.png') no-repeat 0 55%;
	padding: 0 0 0 9px;
	margin: 0 0 0 2px;
	float: none;
	text-align: left;
}




/* Sidebar */

#blognav {}/* right navigation container */

	.widget select {width:100%}
	
a.tagcloud:link {
	font-size:11px;
	border:1px solid #ccc; 
	padding:4px 5px; 
	border-radius:4px; 
	display:inline-block; 
	margin-bottom:4px;
	} 
	a.tagcloud:hover {
		color:white; 
		background-color:#2796b7;
		-webkit-transition: background-color 300ms ease-out;
  		-moz-transition: background-color 300ms ease-out;
  		transition: background-color 300ms ease-out;
  		}


/* Blog Quote */
.post-quote {
	background: #505050;
	padding: 25px 25px 10px 25px;
}

.post-quote blockquote {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	border-left: 1px solid #666;
	padding: 0 0 0 18px;
	margin-left: 45px;
	font-weight: 300;
}

.post-quote span {
	text-decoration: none;
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
	color: #d0d0d0;
}

.post-quote .icon:before {
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-size: 24px;
	content: "";
	color: #fff;
	position: relative;
	height: 15px;
	width: 25px;
	display: block;
	float: left;
	margin: 4px 0 0 0;
}


/* Tags
------------------------------------- */
.tags {
	margin: 5px 0 0 0;
}

.tags a {
	padding: 4px 11px 4px 11px;
	display: inline-block;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #f6f6f6;
	margin: 0 2px 6px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.tags a:last-child {
	margin-right: 0;
}

.tags a:hover {
	background: #808080;
	color: #fff;
}

.meta {
	color: #888;
	margin: 0 0 15px 0;
}

.meta a:no(h3) {
	color: #888;
	text-decoration: none;
}


/* Hover / Animations
------------------------------------- */

.hover-icon {
	position:absolute;
	right: 0;
	bottom: -48px;
	color:#fff;
	font-size: 16px;
	width: 48px;
	height: 48px;
	background-color: #808080;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
}

.hover-icon:before {
	height: 19px;
	width: 19px;
	top: 12px;
	left: 18px;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: relative;
}

/*.hover-icon.loading:before {
	content:"";
	height: 16px;
	width: 16px;
	top: 16px;
	left: 16px;
	background: url(../images/loading.png) no-repeat;
	display: block;
 	-webkit-animation: spin 2s infinite linear;
 	-ms-animation: spin 2s infinite linear;
 	-o-animation: spin 2s infinite linear;
}*/

.hover-cover,
.hover-icon {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size:14px;
}

.from-the-blog-image:hover .hover-icon {
	visibility: visible;
	bottom:0;
	opacity:1;
}

.from-the-blog-content.no-img {
	padding-top: 30px;
}



/* ------------------------------------------------------------------- */
/* 09. FEATURES
---------------------------------------------------------------------- */
#dspfeature.feature {}
.feature_image_lg {}
.feature_title_lg {}
.feature_name_lg {}
.feature_text_lg {}

.featurelistingstyle {position:relative;}
	.featurelistingstyle .card {height:100%; margin-bottom:0;}
	.featurelistingstyle .card .product-imgbox {padding-bottom:5px;}
	.featurelistingstyle .card .product-imgbox img {width:100%;}
	.featurelistingstyle .card-section h3.product {}


.featureteaser {
	font-size : 1.25em;
}
.featurebyline {
	font-size : 1em;
	font-style : italic;
}
.feature_type {
	font-size : 0.8em;
	color : #FF3300;
}

/* ------------------------------------------------------------------- */
/* 10. PAGE
---------------------------------------------------------------------- */

#dsppage.page {}
.page_image_lg {}
.page_name_lg {}
.page_text_lg {}


/*.mainpage {
	font-size : 1em;
}*/

/* This is a smaller text used for the wishlist, etc. */
/*.smalltext {
	font-size : 0.8em;
}*/

/* MY ACCOUNT ------------ */
.aBox {border:1px solid #dadada; padding:20px 20px; margin-bottom:25px;}
.aBox > a {display:block; padding-bottom:10px}
.aBox h4 {font-weight:bold;}



/* ------------------------------------------------------------------- */
/* 11. SHOPPING CART
---------------------------------------------------------------------- */

/* Basket
------------------------------------- */
table.cart-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
}

table.cart-table th {
	border: none;
	background-color: #f6f6f6;
	text-align: left;
	padding: 10px 20px;
	color: #606060;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}

table.cart-table td {
	padding: 20px;
	border-bottom: #eee 1px solid;
	border-top: none;
	border-right: none;
	vertical-align: middle;
}

table .cart-title a {
	font-weight: 600;
	color: #666;
}

table .cart-title a:hover {
	color: #808080;
}

table .cart-total {
	color: #666;
	font-weight: 600;
}


table.cart-table.bottom {
	margin-top: -1px;
}

table.cart-table.bottom .cart-btns { float: right; }
table.cart-table.bottom .cart-btns  a { margin-left: 10px; }
table.cart-table.bottom th { padding: 15px; }


/* Cart Totals */
.eight.columns.cart-totals {
	float: right;
	margin: 45px 0 0 0;
}

.cart-totals .cart-table th {
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	width: 40%;
	padding: 10px 15px;
}
.cart-totals .cart-table td {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 15px;
}

.cart-totals .cart-table tr:last-child th,
.cart-totals .cart-table tr:last-child td {border:0;}


table.cart-table.subtotals td {
	padding: 15px;
	border: none;
	vertical-align: middle;
}

a.button.proceed:hover { background-color: #606060; }


/* product image */
.cart-image {max-height:120px;}

/* QTY box - cart only */

.qty-box {
	width: 56px !important; 
	margin-bottom:1px !important;}

/* Product name, prices, etc. */
.carttext {
	font-size : 0.95em;
}
/* Sku and options listed under product name*/
.smallcarttext {
	font-size : 0.9em;
}
/* errors listed under product name*/
.smallcarterror {
	font-size : 0.9em;
	color : Red;
}


.cart-small-total {display:inline-block; min-width:85px;}


/* light grey button */
.button.cart {
  background-color: #f9f9f9;
  color: #7c7b7b;
  font-size:12px;
  font-weight:normal;
  padding-top:6px;
  padding-bottom:6px;
  border-radius:3px;
  border:1px solid #ccc;
  border-bottom:2px solid #ccc;
  transition: box-shadow 300ms ease-out;
   }
  .button.cart:hover, .button.cart:focus {
	-webkit-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.10);
	}
	
	
.button.cart-tiny {
  background-color: #f9f9f9;
  color: #7c7b7b;
  font-weight:normal;
  padding-top: 0.625em;
  padding-right: 0.85em;
  padding-bottom: 0.6875em;
  padding-left: 0.85em;
  font-size: 0.6875em;
  border:1px solid #ccc;
  border-bottom:2px solid #ccc;
  border-radius:3px;
  transition: box-shadow 300ms ease-out;
   }
  .button.cart-tiny:hover, .button.cart-tiny:focus {
	-webkit-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.10);
	}

.nobottommargin {margin-bottom:0} /* removes bottom margin */

/* turn an input button into a regular link */
.nobutton {
	background:none;
	border:0;
	text-decoration:none;
	font-size:0.9rem;
	}
	.nobutton:hover {
	text-decoration:underline;
	}

/* update product quantity */
a.cart-update {
	background: #c0c0c0;
	color: #fff;
	border: none;
	float: left;
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	cursor: pointer;
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height:14px;
	outline: 0;
	text-align:center;
	border:1px solid rgba(50, 50, 50, 0.25);
	border-radius:3px;
/*	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:3px 3px 3px 0;
}

a.cart-update {
	background-color: #f6f6f6;
	color: #a0a0a0;
}

a.cart-update:hover {
	background: #606060;
	color: #fff;
}

.cart-update:before { content: "\f021"; }

.cart-update:before {
	position: relative;
	display: block;
	top: 5px;
	left: 0;
}


/* delete product */
a.cart-delete {
	background: #c0c0c0;
	color: #fff;
	border: none;
	float: left;
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	cursor: pointer;
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height:14px;
	outline: 0;
	text-align:center;
	border:1px solid rgba(50, 50, 50, 0.25);
	border-radius:3px;
/*	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:3px 0;
}

a.cart-delete {
	background-color: #f6f6f6;
	color: #a0a0a0;
}

a.cart-delete:hover {
	background: #df2727;
	color: #fff;
}

.cart-delete:before { content: "\f00d"; }

.cart-delete:before {
	position: relative;
	display: block;
	top: 5px;
	left: 0;
}

/* Shopping cart button group */
.checkout-buttons {text-align:right;}
@media screen and (max-width: 60.9375em) {
    .checkout-buttons {text-align:center; }
	.checkout-buttons .button.bCheckout {display:inline-block; margin-bottom:16px;}
	}



/* Accept terms in shopping cart */
#license {
	border:1px solid silver; 
	padding:20px; 
	margin-bottom:10px; 
	max-height:300px; 
	overflow-y:auto
	}

/* select cheapest shipping option */
/*#putshiprates > div {padding:5px; margin-bottom:0;}
#putshiprates > div > input {margin-bottom:0; padding-bottom:0}
	.radio-input {
		border:3px solid #e85555; 
		border-radius:5px;
		background:whitesmoke url(../images/icons/best_price.png) no-repeat 99% center;
		}

*/
/* select cheapest shipping option */
#putshiprates > div {padding:5px; margin-bottom:0;}
#putshiprates > div > input {margin-bottom:0; padding-bottom:0}
.radio-input {
	color:#cc0000;
	}
	.radio-input::after { 
		content: " - Most Economical";
	}


/* Mobile cart - reorders the table 
https://css-tricks.com/responsive-data-table-roundup/
https://css-tricks.com/examples/ResponsiveTables/responsive.php
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.


@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)

*/

@media
only screen and (min-width: 761px)  {


	table.mobile-table { 
		background: white;
		  margin-bottom: 1.25rem;
		  border: solid 1px #dddddd; 
	}
	table.mobile-table th { 
		background: #f5f5f5; 
		font-weight: bold; 
	}
	table.mobile-table td, table.mobile-table th { 
		padding: 0.5625rem 0.625rem;
		font-size: 1.0rem;
		color: #222222;
	}
	
	table.mobile-table tr.even, table.mobile-table tr.alt, table.mobile-table tr:nth-of-type(even) {
    background: #f9f9f9; }

	table.mobile-table td {
	}
	
	

}

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


	table.mobile-table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/*table.mobile-table th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}*/
	table.mobile-table td, table.mobile-table th { 
		padding: 10px; 
		border: 1px solid #cc0000; 
		text-align: left; 
	}


	/* Force table to not be like tables anymore */
	table.mobile-table, 
	table.mobile-table thead, 
	table.mobile-table tbody, 
	table.mobile-table th, 
	table.mobile-table td, 
	table.mobile-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.mobile-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.mobile-table tr { border: 1px solid #efefef; margin-bottom:15px }

	table.mobile-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #efefef;
		position: relative;
		padding-left: 40%;
	}

	table.mobile-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 35%;
		padding: 10px;
		white-space: nowrap;
		background: #f6f6f6; 
		display:block;
		height:100%;
	}

	/*
	Label the data
	*/
	table.mobile-table td:before { content: attr(data-title); }

}






/* Checkout
-------------------------------------- */

.button-checkout {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 15px 0 !important;
	border-radius:0 !important;
	}

.checkout-section {
	background:#f4f4f4;
	color: #808080;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 0 15px 0;
}

.checkout-section.active {
	background: #2ba6cb;
	color: #fff;
}
	.checkout-section.active strong {color:rgba(250,250,250,0.75)}
	
	
a:hover .checkout-section {
	background: #258faf;
	color: #fff;
}

.checkout-section p {
	position: relative;
	display: inline-block;
}

.checkout-section span {
	background: rgba(0,0,0,0.05);
	display: inline-block;
	padding: 14px 22px 12px 22px;
	font-weight: 700;
	font-size: 14px;
	margin: 0 10px 0 0;
	color: #909090;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.checkout-section.active span {
	background: rgba(0,0,0,0.0.9);
	color: #fff;
}

a:hover .checkout-section span {
	background: rgba(0,0,0,0.15);
	color: #fff;
}

.checkout-content,
.checkout-delivery,
.checkout-summary {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 3px;
}

.checkout-summary,
.checkout-delivery.active {
	border:0;
	margin-bottom:0;
}

.continue.button {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 0;
	margin: 0 0 30px 0;
}

/* Forms */
/*.checkout-content select,
.checkout-summary select {
	padding: 10px 12px;
	cursor: pointer;
}

.checkout-content select,
.checkout-content input {
	margin: 0 0 15px 0;
	width: 95.4%;
}

.checkout-content .half {
	display: inline-block;
	width: 45.8%;
}

.checkout-content .half.first {
	padding: 0 30px 0 0;
}

.checkout-content .fullwidth,
.checkout-content .fullwidth select,
.checkout-content select.fullwidth {
	display: inline-block;
	width: 100%;
}

.checkout-content input.fullwidth,
.checkout-content .fullwidth input {
	display: inline-block;
	width: 95%
}*/

a:hover .checkout-section strong {color: #fff;}

.checkout-section strong {
	float: right;
	font-size: 14px;
	margin: 13px 15px 0 0;
	color: #808080;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.checkout-section strong i {
	margin: 0 3px 0 0;
}


/* Checkout Cart (mini cart) */
.qty-checkout { text-align: center; }
.checkout td.cart-total {padding-right: 35px;}
.checkout td {line-height: 20px;}


.checkout-section.cart {
	padding: 12px 24px 12px 24px;
	background: #606060;
	color: #fff;
	margin:0;
}
	.checkout-section.cart strong {
	float: right;
	font-size: 14px;
	margin: 2px 15px 0 0;
	color: rgba(250,250,250,0.75);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
	.checkout-section.cart strong i {
		margin: 0 3px 0 0;
	}


.checkout-subtotal {
	margin: 0 15px 0 5px;
	color: #808080;
	float: right;
}

.checkout-subtotal.summary {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
	width: 94.5%;
	position: relative;
	text-align: right;
}

.checkout-subtotal span {
	color: #606060;
	margin-left: 5px;
	
	display: inline-block;
	min-width: 75px;
	text-align:right;
}




/* Forms
------------------------------------- */

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
fieldset {
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   }

select {width:auto;}

label { font-size: 1.0em; }

/* Required form field */
.required input, input.required, .required textarea, textarea.required { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.required, .required label, label.required { color: #c60f13; }
td.required {
	width:2px; 
	border-bottom:1px solid white; 
	border-top:1px solid white;
	background-color:#c60f13;
	}

.required small, small.required { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 1em; background: #c60f13; color: #fff; font-size: 1em; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

small.undertext { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 1em; background: #555; color: #fff; font-size: 1em; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

.required textarea:focus, textarea.required:focus { background: #fafafa; border-color: #b3b3b3; }


.formfielderror {
	border : #c60f13 0.5px solid !important;
}



/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 1.2em;
	font-weight : bold;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 1em;
	color : Red;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 0.8em;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 1em;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 0.8em;
}
	.columns .formtextsmall {
		FONT-SIZE: 0.8em;
		display:block;
		/*margin-top:-10px;*/
	}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 0.65em;
	COLOR: gray;
}

[type='number'] {
  max-width: 110px;
  display:inline-block;
  }

[type='date'] {
  max-width: 180px;
  display:inline-block;
  }

[type='color'] {
  padding:0;
  border:0;
  max-width: 50px;
  min-height: 50px;
  display:inline-block;
  }

select {width:auto}

[type="checkbox"],
[type="radio"] {
  margin-right:2px; }

/* text descriptions under the form fields */
[type='text'] + span.formtextsmall,
[type='url'] + span.formtextsmall,
[type='radio'] + span.formtextsmall,
[type='number'] + span.formtextsmall,
textarea + span.formtextsmall,
select + span.formtextsmall {margin-top:-10px; margin-bottom:10px; }

/* ---------- Reciept page --------------------- */

.print_receipt {border:1px solid silver; padding:10px 25px;}

/* ---------- Styles for Letterhead Printing --------------------- */
.printregistry {
	border: 1px solid #000000;
	FONT-SIZE: 14px;
	font-family : Arial, Helvetica, sans-serif;
}

/* - print invoice history -------*/
.printInvoice {
	max-width:680px; 
	border:1px solid silver; 
	padding:20px; 
	margin:0 auto;
	}
	
	@media print {
	  .printInvoice {
	  	border:0px solid white;
		padding:0;
		width:auto; }
		
		a[href]:after { content: none !important; }
		abbr[title]:after { content: none !important; }
		
		.print_receipt {border:0; padding:0}
	}


/* TAB MENUS IN ADMIN ======================================================== */
div.toptier {background:#a3a2a2; height:30px; font-size:11px; margin-bottom:12px}
div.toptier a:link, div.toptier a:visited {
	color:white; 
	display:inline-block; 
	line-height:30px; 
	padding:0 10px;
	border-right:1px solid #8e8d8d;
	}
div.toptier a:link:hover {background:#d46f15}
div.toptier a.toptier-active {color:#fff; background:#d46f15}

/* ------------------------------------------------------------------- */
/* 12. WISHLIST
---------------------------------------------------------------------- */

/* The delete and update buttons for Wish List product listings */
.WishButton {}

.maxwidth200 {max-width:200px;}

/* ------------------------------------------------------------------- */
/* 13 FOOTER
---------------------------------------------------------------------- */
.footer-bg {}
	.footer-bg .grid-container {padding:0 1.9rem;}
		.footer-bg .small-up-1 > .cell {
			background:#606060; 
			color: #efefef;
			/*padding-top:15px;
			padding-bottom:15px;*/
			padding:20px;
			/*border-bottom:1px solid silver;*/
			}
		   .footer-bg .small-up-1 .cell h3.footer {
				color: #efefef;
				background: #606060;
				text-transform: uppercase;
			}
			
			.footer-bg .small-up-1 .cell .line {
				border-color: silver;
				margin-bottom: 28px;
			}
			
			.footer-bg .cell a { color: #efefef; }


/* Bottom Footer
------------------------------------- */
.footer-bottom-bg {}
	.footer-bottom-bg .grid-container {padding:0 1.9rem;}
		.footer-bottom-bg .small-up-1 .cell {
			background: #505050; 
			color: #a8a8a8;
			padding-top:12px;
			padding-bottom:12px;
			}
			/*.footer-bottom-bg .cell a { color: #e0e0e0; }*/


/* Newsletter
------------------------------------- */
.newsletter-btn {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	float: right;
	z-index: 5;
	position: relative;
	padding: 10px 15px;
	line-height: 18px;
	margin: 0;
	height: 40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #808080;
	border: none;
	color: #fff;
	box-shadow: none;
}

.newsletter-btn:hover { background-color: #c0c0c0; }

input.newsletter {
	float: left;
	color: #808080;
	font-weight: 600;
	z-index: 1;
	position: relative;
	font-size: 13px;
	width: 85%;
	margin-top: -40px;
	padding: 10px 14px;
	line-height: 18px;
	height: 20px;
	background-color: #505050;
	border: none;
	height:40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input.newsletter::-webkit-input-placeholder { color: #909090; }
input.newsletter:-moz-placeholder { color: #909090; }
input.newsletter::-moz-placeholder { color: #909090; }
input.newsletter:-ms-input-placeholder { color: #909090; }

input:focus.newsletter {
	background-color: #4c4c4c;
	border: none;
	color: #999;
}



/* Footer Links
------------------------------------- */
	ul.footer-links { 
		list-style: none outside;
		margin: 0 0 15px 0; 
		}
	
	.footer-links li a {
		padding: 0 0 7px 0;
		display: inline-block;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.footer-links li a:hover {
		padding-left: 3px;
		color: #fff !important;
	}
	
	.footer-links li:before {
		content: "\f0da";
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		
		font-size: 12px;
		color: #fff;
		position: relative;
		left: 0;
		top: -1px;
		padding: 0 7px 0 0;
	}

/* Social Icons Footer ------- */
	div.social-icons-footer {}
	div.social-icons-footer a {
		font-size:1.5em; 
		color:#f1f1f1; 
		height:40px; 
		width:40px;
		text-align:center;
		display:inline-block;
		padding-top:4px; 
		border:1px solid #f1f1f1;
		border-radius:50px; 
		}
		div.social-icons-footer a:hover {
		background:#cc0000; 
		}



.caution {
	COLOR: #ff6600; FONT-SIZE: 1em; FONT-WEIGHT: 700
}

/* older page menu */
	.menu_page {
		font-size: 1em;
		COLOR: gray;	
		clear: left;
	}
	a.menu_page {
		font-size: 1em;
	}
	
	.menu_page2 {
		FONT-SIZE: 0.9em;
		COLOR: #808080;
	}
	a.menu_page2 {
		FONT-SIZE: 0.9em;
		COLOR: #808080;
	}
	
	.menu_page_title {
		font-size: 1em;
		COLOR: gray;
		FONT-WEIGHT: bold;
	}
	
	a.menu_page_title
	{
		font-size: 1em;
		COLOR: gray;
		FONT-WEIGHT: bold;
	}
	
	
	/* Page Footer Menu */
	.menu_footer {
		FONT-SIZE: 0.9em;
		color : Gray;
	}
	.menu_footer A {
		FONT-SIZE: 0.9em;
		color : Gray;
	}
	

/* Social Icons ------- */
.social_icons {text-align:center; margin:50px;}
.social_icons > a {margin:1px; font-size:0.80em;}


/* ------------------------------------------------------------------- */
/* 14. BUTTONS
---------------------------------------------------------------------- */

.button:not(.adc) {
  margin: 0 0 0 0;
  border-radius:3px;
  }



/*---------------------------------
	COLORED BUTTONS
	
	Have a little fun and attract the eye with
	different colored buttons. 
	
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-buttons.css
	
	Super Easy Cross Browser CSS3 Gradients
	http://www.colorzilla.com/gradient-editor/
-----------------------------------*/

/* STYLES */
.pill,.round{border-radius:200em;}
.pop{box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
.inset{box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);}
.square{-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;}

/* GREY */
button.grey,
a.btn.grey,
a.button.grey,
input[type=submit].grey,
input[type=reset].grey,
input[type=button].grey{
text-shadow:0 1px 0 #fff;
color:#666;
border:1px solid #ccc;
background: rgb(252,252,252) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%) !important; /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%) !important; /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ) !important; /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%) !important; /* W3C */
}
	
	button.grey:hover,
	a.btn.grey:hover,
	a.button.grey:hover{
	text-shadow:0 1px 0 #fff;
	color:#666;
	border:1px solid #bbb;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	}
	

/* ORANGE */
button.orange,
a.btn.orange,
a.button.orange,
input[type=submit].orange,
input[type=reset].orange,
input[type=button].orange{
text-shadow:0 -1px 0 #FC730A;
color:#fff;
border:1px solid #FC730A;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
	
	button.orange:hover,
	a.btn.orange:hover,
	a.button.orange:hover{
	text-shadow:0 1px 0 #FC730A;
	border:1px solid #FC730A;
	background: rgb(249,191,74); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
	}
	
/* BLUE */
button.blue,
a.btn.blue,
a.button.blue,
input[type=submit].blue,
input[type=reset].blue,
input[type=button].blue{
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border:1px solid #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
	
	button.blue:hover,
	a.btn.blue:hover,
	a.button.blue:hover{
	text-shadow:0 1px 0 #1D6DC1;
	border:1px solid #1D6DC1;
	background: rgb(155,205,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
	}
	
/* PINK */
button.pink,
a.btn.pink,
a.button.pink,
input[type=submit].pink,
input[type=reset].pink,
input[type=button].pink{
text-shadow:0 -1px 0 #EF0251;
color:#fff;
border:1px solid #EF0251;
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}
	
	button.pink:hover,
	a.btn.pink:hover,
	a.button.pink:hover{
	text-shadow:0 1px 0 #EF0251;
	border:1px solid #EF0251;
	background: rgb(255,169,213); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
	}
	
/* GREEN */
button.green,
a.btn.green,
a.button.green,
input[type=submit].green,
input[type=reset].green,
input[type=button].green{
text-shadow:0 -1px 0 #669E00;
color:#fff;
border:1px solid #669E00;
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
}
	
	button.green:hover,
	a.btn.green:hover,
	a.button.green:hover{
	text-shadow:0 1px 0 #669E00;
	border:1px solid #669E00;
	background: rgb(198,226,120); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
	}
	
/* RED */
button.red,
a.btn.red,
a.button.red,
input[type=submit].red,
input[type=reset].red,
input[type=button].red{
text-shadow:0 -1px 0 #B21203;
color:#fff;
border:1px solid #B21203;
background: rgb(229,60,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
	
	button.red:hover,
	a.btn.red:hover,
	a.button.red:hover{
	text-shadow:0 1px 0 #B21203;
	border:1px solid #B21203;
	background: rgb(238,106,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
	}


/* Close Button on modal */
.close-button {
  position: absolute;
  height:40px;
  /*top:5px;
  right:5px;*/
  color: white;
  font-weight:bold;
  background: rgba(10, 10, 10, 0.4) !important;
  padding:0px 13px 4px 13px;
  border-radius:50px;
  }
  .close-button:hover, .close-button:focus {
    color:white;
	background: rgba(10, 10, 10, 0.65) !important; }
	

/* ------------------------------------------------------------------- */
/* 15 Dealer Maps
---------------------------------------------------------------------- */
#map { height: 500px; width:100% }
.size1 {width:365px; padding:3px; line-height:26px; font-size:12px}
.size2 {padding:3px; line-height:18px; font-size:12px}
.dealer_locator {
	background: url(dealer/images/shade.jpg) repeat-x bottom center;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border: 5px solid #e9e9e9;
	padding: 10px;}
.big_map {
	margin-top:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 5px solid #e9e9e9;
	padding: 10px;}


/* ------------------------------------------------------------------- */
/* 16 GALLERY * SLIDER * MASONRY
---------------------------------------------------------------------- */
	
	/* Orbit slider
	------------------------------------- */
	.orbit-next, .orbit-previous {
		padding: 1.3rem;
		border-radius:3px;
		background: rgb(0,0,0,0.15) !important;
	}
		.orbit-next:hover, .orbit-previous:hover {
			background: rgb(0,0,0,0.4) !important;
		}
	
	.orbit-bullets button {
		width: 8px;
		height: 8px;
		margin: 0.1rem;
		border-radius: 50%;
		background-color: #cacaca !important; }
	
		.orbit-bullets button.is-active {
			background-color: #808080 !important; }

		
	/* transitions from Foundation 6.3.1. Used for Orbit slider */	
	.slide-in-left.mui-enter {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  -ms-transform: translateX(-100%);
		  transform: translateX(-100%);
	  transition-property: transform, opacity;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden; }
	
	.slide-in-left.mui-enter.mui-enter-active {
	  -ms-transform: translateX(0);
		  transform: translateX(0); }
	
	.slide-in-right.mui-enter {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  -ms-transform: translateX(100%);
		  transform: translateX(100%);
	  transition-property: transform, opacity;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden; }
	
	.slide-in-right.mui-enter.mui-enter-active {
	  -ms-transform: translateX(0);
		  transform: translateX(0); }
	
	.slide-out-right.mui-leave {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  -ms-transform: translateX(0);
		  transform: translateX(0);
	  transition-property: transform, opacity;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden; }
	
	.slide-out-right.mui-leave.mui-leave-active {
	  -ms-transform: translateX(100%);
		  transform: translateX(100%); }
	
	.slide-out-left.mui-leave {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  -ms-transform: translateX(0);
		  transform: translateX(0);
	  transition-property: transform, opacity;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden; }
	
	.slide-out-left.mui-leave.mui-leave-active {
	  -ms-transform: translateX(-100%);
		  transform: translateX(-100%); }
	
	.fade-in.mui-enter {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  opacity: 0;
	  transition-property: opacity; }
	
	.fade-in.mui-enter.mui-enter-active {
	  opacity: 1; }
	
	.fade-out.mui-leave {
	  transition-duration: 500ms;
	  transition-timing-function: linear;
	  opacity: 1;
	  transition-property: opacity; }
	
	.fade-out.mui-leave.mui-leave-active {
	  opacity: 0; }

	
	
	/* gallery */
	.gallery {}
	.gallery .imgBox {}
	.gallery .innerImgBox {
		position:relative;
		}
	.gallery img {
		border:1px solid silver;
		}   
	.gallery .name {
		position:absolute;
		left:0;
		bottom:0;
		color:#efefef;
		font-weight:bold;
		background: rgba(0,0,0,0.6);			 
		padding:5px; 
		width:100%;
		}
	.gallery .innerImgBox {
		position:relative;
		padding:3px;
		}
    .gallery .innerImgBox .titleBox {
      position: absolute;
      bottom: 3px;
      left: 3px;
      right: 3px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #efefef;
	  font-weight:600;
      padding: 10px;
      text-align: center;
	  visibility: hidden;
  	  opacity: 0;
      transition: opacity .2s, visibility .2s;
    }
    .gallery .innerImgBox:hover .titleBox {
	  visibility: visible;
	  opacity: 1;
	}

	/* masonry */
	.masonry .masonry-item {position:relative;}
	.masonry img {
		border:1px solid silver;
		}  
    .masonry .masonry-item .titleBox {
      position: absolute;
      bottom: 3px;
      left: 3px;
      right: 3px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #efefef;
	  font-weight:600;
      padding: 10px;
      text-align: center;
	  visibility: hidden;
  	  opacity: 0;
      transition: opacity .2s, visibility .2s;
    }
    .masonry .masonry-item:hover .titleBox {
	  visibility: visible;
	  opacity: 1;
	}
	
	@media only screen and (max-width: 767px) {       
        .gallery .innerImgBox:hover .titleBox,
		.masonry .masonry-item .titleBox {
		  visibility: visible;
		  opacity: 1;
		}
    }


	/* TEAM ------------- */
	/* https://www.littlesnippets.net/snip1218 */
    figure.snip1218 {
      font-family: 'Raleway', Arial, sans-serif;
      position: relative;
      overflow: hidden;
      margin: 10px;
      min-width: 220px;
      max-width: 310px;
      width: 100%;
      background: #34495e;
      color: #333;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      font-size: 16px;
    }
    figure.snip1218 * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease;
    }
    figure.snip1218 img {
      max-width: 100%;
      vertical-align: top;
    }
    figure.snip1218 .image {
      position: relative;
      border-bottom: 4px solid #34495e;
      z-index: 1;
    }
    figure.snip1218 .image:before {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 20px 0 20px;
      border-color: #34495e transparent transparent transparent;
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, -15px);
      transform: translate(-50%, -15px);
      z-index: -1;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease;
    }
    figure.snip1218 .image p {
      font-weight: 500;
      margin: 0;
      padding: 0 30px;
      line-height: 1.6em;
      position: absolute;
      top: 50%;
      width: 100%;
      color: #ffffff;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0;
      font-style: italic;
    }
    figure.snip1218 figcaption {
      background-color: #ffffff;
      padding: 25px;
      min-height:190px;
    }
    figure.snip1218 h3 {
      margin: 0 0 5px;
      text-transform: uppercase;
      font-weight: 400;
    }
    figure.snip1218 h3 span {
      font-weight: 800;
    }
    figure.snip1218 h5 {
      margin: 0 0 15px;
      font-weight: 400;
    }
    figure.snip1218:hover .image:before,
    figure.snip1218.hover .image:before {
      border-color: #34495e transparent transparent transparent;
      -webkit-transform: translate(-50%, 0px);
      transform: translate(-50%, 0px);
    }
    figure.snip1218:hover .image p,
    figure.snip1218.hover .image p {
      opacity: 1;
    }
    figure.snip1218:hover .image img,
    figure.snip1218.hover .image img {
      opacity: 0.2;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }
	

/* ------------------------------------------------------------------- */
/* 17 MISC
---------------------------------------------------------------------- */


/* Back to Top ------------------------ */
	#backtotop {
		position: fixed;
		right: 0;
		display: none;
		bottom: 20px;
		margin: 0 20px 0 0;
	}
	
	#backtotop a {
		text-decoration: none;
		border: 0 none;
		display: block;
		width: 45px;
		height: 45px;
		background-color: rgba(0,0,0,0.25);
		color: #fff;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	#backtotop a:after {
		content: "\f077";
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: relative;
		display: block;
		top: 10px;
		left: 15px;
	}
	
	#backtotop a:hover { background-color: #808080; }



/* Admin Menu Links ------------------------ */
/*.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.9em;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.9em;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}*/


/* Title used on login page ------------------------ */
.title {
	font-size:1.25em;
	padding-bottom:5px; 
	border-bottom:1px solid #ddd;
	}

.border-right { 
	border-right:1px solid #ddd 
	}


/* LISTING RECORDS  ------------------------ */
/* Query Description line */
.ResultHead {
	FONT-SIZE: 16px;
}

/* Result table title row */
.listingHead {
	FONT-SIZE: 1em; 
	TEXT-DECORATION: none;
}
/* Result table smaller font */
.ListingSmall {
	FONT-SIZE: 0.8em;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 1em;   TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 1em;    TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 1em;  ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 1em; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 1em; 
}
.listingsubtext {
	FONT-SIZE: 0.95em;  
}
/* For Feature listings author line */
.listingtagline {
	FONT-SIZE: 0.9em;
}
/* For Event listings */
.listingdate {
	FONT-SIZE: 1em; 
}

/* For Manufacturer Listing */
.manufacturer_list {
	background-color: #FFFFFF;
	color:#666699;
	font-size: 1em;
	vertical-align: top;
}


/* ALPHA MENU (SITEMAP)  ------------------------ */
.alphasearch {
	text-align:center; 
	color: #ccc;
	margin-bottom:15px;
	}
	.alphasearch a.alphaon, .alphasearch a.alphaoff {
		font-size:0.85em;
		padding:3px 8px;
		border-radius:3px;
		}
		.alphasearch a.alphaon, .alphasearch a.alphaon:hover, .alphasearch a.alphaoff:hover {
			background:#C0C0C0; color:white;
			}

/* #Margin Styles ------------------------ */

	/* Margin Reset */
	.margin-reset { margin: 0 !important; }

	/* Margin Top */
	.margin-top-0 { margin-top: 0 !important; }
	.margin-top-5 { margin-top: 5px !important; }
	.margin-top-10 { margin-top: 10px !important; }
	.margin-top-15 { margin-top: 15px !important; }
	.margin-top-20 { margin-top: 20px !important; }
	.margin-top-25 { margin-top: 25px !important; }
	.margin-top-30 { margin-top: 30px !important; }
	.margin-top-35 { margin-top: 35px !important; }
	.margin-top-40 { margin-top: 40px !important; }
	.margin-top-45 { margin-top: 45px !important; }
	.margin-top-50 { margin-top: 50px !important; }

	/* Margin Bottom */
	.margin-bottom-0 { margin-bottom: 0 !important; }
	.margin-bottom-5 { margin-bottom: 5px !important; }
	.margin-bottom-10 { margin-bottom: 10px !important; }
	.margin-bottom-15 { margin-bottom: 15px !important; }
	.margin-bottom-20 { margin-bottom: 20px !important; }
	.margin-bottom-25 { margin-bottom: 25px !important; }
	.margin-bottom-30 { margin-bottom: 30px !important; }
	.margin-bottom-35 { margin-bottom: 35px !important; }
	.margin-bottom-40 { margin-bottom: 40px !important; }
	.margin-bottom-45 { margin-bottom: 45px !important; }
	.margin-bottom-50 { margin-bottom: 50px !important; }

	/* Margin Left */
	.margin-left-0 { margin-left: 0 !important; }

	/* Margin Right */
	.margin-right-5 { margin-right: 5px !important; }


/* Preventing FOUC 

Before the JavaScript on your page loads, you'll be able to see both the mobile and desktop element at once for a brief second. This is known as a flash of unstyled content. There's not an easy way for the framework to handle this for you, but you can add some extra CSS to account for it.

------------------------ */
	.no-js .top-bar {
	  display: none;
	}
	
	@media screen and (min-width: 40em) {
	  .no-js .top-bar {
		display: block;
	  }
	
	  .no-js .title-bar {
		display: none;
	  }
	}


/* Styles added to fix the issue with zoom in on iphone 
------------------------ */
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}


/* -----------------------------------------
/* 18 MEDIA QUERIES

	Media queries specify CSS for certain screen sizes. Elements that 
	work on a full desktop might need to be modified on mobile screens.
----------------------------------------- */








/* #Desktop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    /*@media only screen and (min-width: 960px) and (max-width: 1389px) {        
        body.boxed { width: 1020px; }
    }*/

/*    @media only screen and (min-width: 769px) and (max-width: 1040px) {
        body.boxed { width: 100%; }
    }*/



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

/*    @media only screen and (min-width: 768px) and (max-width: 990px) {
        body.boxed { width: 96% }
    }*/


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

/*    @media only screen and (max-width: 767px) {       
        body.boxed { width: 100% }
    }*/


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

/*    @media only screen and (min-width: 480px) and (max-width: 767px) {
        body.boxed { width: 100% }
    }*/


/*	@media screen and (max-width: 500px) {
    .grid-container {
      padding-right: 1.9375rem;
      padding-left: 1.9375rem; } 
	}*/











	/* Standard 1180 (devices and browsers) */
	@media only screen and (min-width: 1200px){}
	
	/* Smaller than standard 1180 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1389px) {
	
		table.checkout.cart-table td {padding: 15px;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		.share-buttons ul li:first-child a { display: none; }
	
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		.blog-pad30 {padding-right:30px}
		.right.inline {float:left !important} /*force labels to float left*/
		.share-buttons ul li:first-child a { display: none; }
		#additional-menu { display: none; }
	
		#cart { float: left; }
		.top-search { float: right; }
		#cart,
		.top-search { margin: 35px 0 0 0; }
	
		.cart-list { left:0; }
		.cart-list .arrow { left: 20px; }
	
		#top-bar .social-icons { display: none; }
	
		.caption {margin-top: -40px;}
		.caption.dark h2,
		.caption h2 {font-size: 38px; padding-bottom: 0;}
	
		.caption.dark h3,
		.caption h3 {font-size: 24px; padding-bottom: 5px;}
		.caption.description p { display: none; }
		.caption.description { width: auto; }
	
		table.cart-table.bottom {margin-top: 25px;}
		.container.cart {top:-25px;}
	
	}
	

	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.cart-list { width: 420px; }
	
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		label.right.inline {
		float: none;
		text-align: left;
		margin-bottom: 0; padding-bottom:3px }
		
		.top-search { float: right; }
	
		.cart-list { width: 300px; }
	
		.checkout-content .half {
			width: 95%;
		}
		.checkout-content .half.first {
			padding: 0 30px 0 0;
		}
		.checkout-content .fullwidth,
		.checkout-content .fullwidth select,
		.checkout-content select.fullwidth {
			width: 100%;
		}
	
	
	}




/* -----------------------------------------
/* 19 DEFAULT SITE COLOR

	Media queries specify CSS for certain screen sizes. Elements that 
	work on a full desktop might need to be modified on mobile screens.
----------------------------------------- */


/* links */
/*a, a:visited, .breadcrumbs a, {
  color: #1779ba;
  } 
  a:hover, a:focus, .breadcrumbs a:hover, {
    color: #1468a0; }*/

/* LIGHT COLOR BACKGROUND */
	/*.dropdown.menu > li:hover, .dropdown.menu > li > ul.menu > li:hover,
	.mgmenu > li:hover, .mgmenu > li.active,*/
/*	ul.dtop-bar-menu li a:hover,
	.bars-icon.button-bg,
	.phone-icon.button-bg,
	.mobile-icon.button-bg,
	.email-icon.button-bg,
	.marker-icon.button-bg,
	.store-icon.button-bg,
	.search-icon.button-bg, 
	.user-icon.button-bg,
	.user-edit-icon.button-bg, 
	.wishlist-icon.button-bg, 
	.giftregistry-icon.button-bg,
	.cart-icon.button-bg,
	.bag-icon.button-bg,
	.basket-icon.button-bg,
	.top-search button,
	form.searchbox.text-button input[type="submit"].postfix:hover,
	.img-caption:hover figcaption,
	.masonry-1stbox,
	.checkout-section.active,
	div.pagination a:hover, 
	div.pagination a:focus,  
	div.pagination a.current, 
	div.pagination a.current:hover, 
	div.pagination a.current:focus,
	.tabs-title > a[aria-selected="false"],
	.cart-buttons a.checkout,
	button:not(.menu-icon), .button	 	  
	{ background: #1779ba;}*/
	 
	/* background-color */
/*	form.searchbox.glass input[type="submit"],
	.cart-buttons a.checkout
	{ background-color: #1779ba;}  */
 
/* DARK ROLLOVER BACKGROUND ----- */
	/*.menu > li:hover .current, .menu > li:hover, li.dropdown ul li a:hover, */
	/*form.searchbox.text-button input[type="submit"].postfix:hover,
	a:hover .checkout-section,
	.tabs-title:hover > a[aria-selected="false"],
	button:hover:not(.menu-icon)
	 { background:#1468a0 }*/
	 
	/* background-color rollover */ 
	/*form.searchbox.glass input[type="submit"]:hover { background-color:#1468a0 }*/
 
 
/* flip button, text color 
button:hover, .button:hover  { background:#ffffff; color:#B20000 }
button:active, .button:active  { color:#ffffff; background:#B20000 }
*/






/* default foundation color 
	1779ba - light
	1468a0 - dark (over)	
*/


/* f6 mneu light blue - 64b3f9 */

/*
bright blue from mega menu - #2DB2EA
*/

/* 
bright blue from hidden nav - #2099e8

 /* 
light blue - #2ba6cb
dark blue - #258FAF
*/
 
 /* 
light blue - #2099e8
dark blue - #1f90da
*/

/* light blue - 64b3f9 */

/* Foundation colors
light blue - #1779ba
dark blue - #1468a0
*/