/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:58:29 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}
hr { margin-bottom: 30px; margin-top: 30px; border:0px; background-color: #e1d6d1; color: #e1d6d1; height: 5px; }
 
 /* fix  lightbox issues by swapping box model to content-box */
#fancybox-title-inside { overflow-y: scroll; max-height: 100px; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #642700; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0; background: white; }
.main-home a { color: #642700; text-decoration: none; }
.main-home a:hover { color: #642700;}
.main-home b, .main-home strong { color: #e3135a; }
.main-home h1, .main-home h2.title, .main-home h2.title2 { font-size: 2em; color: #e3135a; font-family: 'Open Sans', serif; font-weight: normal; margin-bottom: 20px; line-height: normal !important; text-transform: uppercase ;}
.main-home h1 a, .main-home h2.title a, .main-home h2.title2 a { color: #e3135a; text-decoration: none !important;}
.main-home h2 { font-size: 1.5em; color:#e3135a; font-family: 'Open Sans', serif; font-weight: normal; font-style: none;  text-transform: uppercase; margin-bottom: 10px;}
.main-home h2 a { color: #e3135a; text-decoration: none !important;}
.main-home h2.underlined { padding-bottom: 5px; border-bottom: solid 1px #cdc0b3; }
.main-home h3 { font-size: 1.2em; color: #653616; font-family: 'Open Sans', serif; font-weight: normal;  text-transform: uppercase; margin-bottom: 10px;}
.main-home h3 a { color: #653616; text-decoration: none !important;}
.main-home h4 { font-size: 1.1em; color: #e3135a; font-family: 'Open Sans', serif; font-weight: normal; text-transform: uppercase;  margin-bottom: 10px;}
.main-home h4 a { color: #653616; text-decoration: none !important;}
.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 20px; margin-bottom: 10px;}
.main-home ul {/* list-style-type: none;*/ }
.main-home li { line-height: 20px; margin-left: 20px; /*margin-left: 0px; 
  background: url(../pub/photo/bullet.png) 0 6px no-repeat; padding-left: 15px; */}

/* extra styles */
.main-home .subtitle { color: #767561; font-family: 'Open Sans', sans-serif; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { display: block; REMbox-shadow: 0 0 20px #aaa; margin-bottom: 10px;}

.photo2 { height: 250px; margin-bottom: 20px; display: table-cell; vertical-align: middle; REMbox-shadow: 0 0 20px #aaa;background: white; }
.photo2 img { display: block; padding: 10px;}

.photo-store img { display: block; REMbox-shadow: 0 0 20px #aaa; margin-bottom: 10px; padding: 10px; background: white;}


.ruler {  margin-bottom: 15px !important; border: 1px;}
.title { font-size: 1.5em; color:#000; font-family: 'Open Sans', serif; font-weight: normal; font-style:italic;  text-transform: uppercase; margin-bottom: 10px; }
/* ---------- style super common design items ---------*/

.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template { background: #FFF url(/pub/photo/bg-body.png) repeat-x center top;}

/* ------------- slices ----------------------*/
.bg-header  { /* height: 210px; */margin-bottom:50px; }
.bg-header .x-cell { position: relative; }
.bg-menu { height: 40px; background: white; position: relative; REMbox-shadow: none; z-index: 10; margin-bottom: 0 !important;}
.bg-menu a { color: black /*!important*/; }
.bg-focus { }
.bg-slide .inner { padding-top: 0px !important; }
.bg-borderless { border: 0px !important; text-align: center; }
.bg-light {  }
.bg-light > .x-cell { }
.bg-light > .x-cell-container { }
.bg-light-noresize { }
.bg-light-noresize .x-cell { }
.bg-clear { }
.bg-clear .inner { padding-bottom: 0 !important; }
.bg-footer {  }

/* home categories*/
.home-category-dark { background: #ececec; padding: 10px; }
.home-category-dark-inside { position: relative; REMmargin-left: -15px; REMbackground: url(/pub/photo/bg-shade-bl.png) no-repeat bottom left; REMpadding-left: 25px; REMpadding-bottom: 20px; overflow: hidden; }
.home-category-dark-inside-inner { REMbackground: url(/pub/photo/bg-shade-tr.png) no-repeat top right; REMpadding-right: 26px; REMpadding-top: 20px; overflow: hidden; }
.home-category-light{ background: #fff; padding: 10px; }
.home-item { padding:20px; width: 210px; float: left; margin-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; }


.bg-ruler {  }
.bg-topline { border-top: solid 1px #cdc0b3; padding-top: 20px; margin-top:20px !important; }
.bg-bottomline { border-bottom: solid 1px #cdc0b3; }


.x-block {  margin-bottom: 20px; margin-left:auto; margin-right:auto; width: 960px;}
.x-block > .x-cell { margin: 0 auto; width: 960px; }
.x-block > .x-cell-container {margin: 0 auto; width: 960px; }
.x-clear { clear: both; }
.content { padding: 0 0px; }
.content .x-block { width: 100% !important; }
.x-cell > .inner {  }
.x-cell-container  > .inner { padding: 10px;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 275px; padding: 5px;  }
.col-double { width: 660px; padding: 5px;  }
.col-store { width: 750px; padding: 0px 0;}
.col-third { width: 306px; }
.col-fifth { width: 175px !important; }
.col-half { width: 470px; }
.col-half-inner { width: 417px; }
.col-single > .inner { }
.col-double > .inner {  }
.col-third > .inner { }
.inner-mail { padding: 7px !important;}
.col-half > .inner { }
.master-col-left { float: left; margin-right: 20px;}
.master-col-right { float: right;}
.layout-col-left { float: left; margin-right: 20px;}
.layout-col-right { float: right; }
.col-left { float: left !important; }
.col-right { float: right !important; }

/* custom advisory layout */
.framed { border: solid 1px #c6c6c6; padding: 10px;}
.bubble .inner { padding-top: 0px !important; }

.no-right-pad .inner { padding-right: 0px !important; }
.no-left-pad .inner { padding-left: 0px !important; }

.col-products form { width: 295px; float: left; }
.col-products img { width: 100px; height: 150px; }

.home-slideshow-container { float: left; position: relative; padding-bottom: 20px; }
.home-slideshow-container-inside {  }
.home-slideshow-container-inside-inner { overflow: hidden; width: 960px; height: 600px; }

.home-body { float:right; width:260px; padding-top:40px; display: none;}

.side-bar { padding-top: 25px !important; }
.side-bar .inner { padding-top: 0px !important; }

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: 230px; margin: 0 auto; }
.bg-header #toplogo { position: absolute; top: 30px; left: 20px; height: 100px; }
/* .bg-header #toplinks { position: absolute; top: 40px; right: 0px; height: 100px; text-transform: uppercase; } */
.bg-header #toptext { position: absolute; top: 135px; left: 20px;  font-family: Tangerine, Open Sans, Serif; text-transform: none; font-size: 2em;}
.bg-header #topmenu { position: absolute; bottom: 0; left: 0; width: 100%; border-top: solid 1px #cdc0b3; border-bottom: solid 1px #cdc0b3; height: 40px;}
.bg-header #topsearch { position: absolute; top: 65px; right: 0px; border: solid 1px #cdc0b3; }
.bg-header #topsearch input[type="textbox"] { padding: 4px 5px; background: none; border: none; }
.bg-header #topsearch input[type="submit"] { position: absolute; background:url(/pub/photo/search-magnify-glass.png) no-repeat left !important; 
	width:20px !important; top: 2px; right: 0px; }
.bg-header #topcart { position: absolute; top: 35px; right: 0px; text-align: right; padding-left: 30px; line-height: 40px; height: 40px; font-family: Georgia, serif;}
.bg-header #topcart .brown-bag{ height: 16px; width: 16px;}

.home-text { padding-top: 10px; }
.home-text p { font-size: 1.2em;line-height: 25px;}
.home-text li { font-size: 1.2em; line-height: 25px;}

.col-header { background-image:url('../pub/photo/icon-arrow-lv.png'); background-repeat: no-repeat; padding-left: 40px;  }
.col-header-mail { background-image:url('../pub/photo/icon-mail-lv.png'); background-repeat: no-repeat; padding-left: 40px;  }

/* -------------- menu ----------------- */
#topmenutext { text-transform: uppercase;}
#topmenutext p { }
#topmenutext a.navlink {color: black important; padding: 0 15px;}
#topmenutext a.navlink:hover, #topmenutext  a.navlink.selected { font-color: #333; }

/*--------------- home --------------------*/
.bg-focus { color: white; }
.bg-focus h1 { color: white !important; background: none !important; padding-left: 0;}

.bg-slide { text-align: left; position: relative;}
.bg-slide .x-cell {width: 960px; margin: 0 auto; overflow: hidden;height: 100%; position: relative; }
.bg-slide .ui-photo-list { height: 420px; position: relative; }
.bg-slide .ui-photo-list .ui-photo-list-item { float: left; height: 300px; position: relative; }
.bg-slide .slideshow { }

.featured-cat-item { float: left; width: 225px; text-align: center; background: url(../pub/photo/bg-wood.png) no-repeat bottom center; padding: 20px; margin-right: 20px; margin-bottom: 20px; height: 320px;}

#home-slide { /*padding: 20px; overflow: hidden; box-shadow: 0 0 5px #777; margin-bottom: 10px;*/}
#home-slide .caption { border-bottom: solid 1px #cdc0b3; padding-bottom: 10px;}
.custompager { text-align: right; }
.custompager img { display: none; }
.custompager a { display: inline-block; background: #e1e1e1; border-radius: 50%; width: 12px; height:  12px; margin-right: 12px;}
.custompager a.activeSlide { background: #7a7a7a; }

/* ------------ Store Sidebar -------- */
#product-sidebar-search-box{ }

.store-search-box select { display: none; }
.store-search-box {     border-bottom: solid 1px #cdc0b3; }
.store-search-box-title { position: relative; }
.store-search-box-title  h3{ margin-bottom: 0px; padding-top: 10px;padding-bottom: 10px;}
.store-search-box-title:hover{ cursor: pointer;}

.store-search-box-title i.fa-plus{ position: absolute; right: 0px; top: 35%;}
.store-search-box-title i.fa-minus{ position: absolute; right: 0px; top: 35%;}

.store-search-box-option-list {}
.store-search-box-option-list ul { list-style: none;  display: none;}

.store-search-box-option-list li .nbsp{ padding-left: 10px;}
.store-search-box-option-list li:first{ }
.store-search-box-option-list li.selected{ font-weight: bold;}
.store-search-box-option-list:hover{ cursor: pointer;}

/* ------------ Gallery -------------- */
/* gallery */
.gallery a { text-decoration: none; }
.gallery a:hover { color: Black; }
.gallery ul { list-style-type: none; padding: 0; margin: 0; }
.gallery ul li { padding: 0; margin: 0; }
.gallery .controls a { padding: 2px; }
.gallery .ss-controls {float: left; }
.gallery .nav-controls {float: right; }
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }
.gallery .image-title { font-weight: bold; margin-bottom: 5px; }
.gallery .image-desc {}

/* store */ 
.photo-store { REMheight: 300px; } 
.slideshow img{ max-width: 100% !important; max-height: 100% !important; }

/* ------------ bi-color columns -------------*/
.col-container { }

/*-------------- testimonials ---------------*/
.testimonial { color: white !important; padding: 20px; border-radius: 16px;}

/*-------------- bottom footer --------------*/
.bg-footer { padding: 20px; }
.bg-footer .x-cell {font-size: 1em; }
.bg-footer .inner { text-align: left; padding: 0 !important;  margin-left:auto; margin-right:auto;} /* not used due to the uncheck 'wrap' box */
.bg-footer h2 { font-size: 1.2em;}
.bg-footer a { }
.bg-footer h2, .footer h3, .footer h4 { font-family: Georgia; font-weight: bold;}
.bg-footer p { font-family: Georgia; font-size: .9em !important; color: #653616 !important; }
.bg-footer h3 { font-family: Georgia; font-weight: bold !important; font-size:1em !important;}

#signature { display: none; background-color: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0;}
#signature a { color: #FFF !important; }

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart */

.cart {  /*background: url(../pub/photo/cart.png) no-repeat left top;*/  display: inline-block;
  padding: 4px; min-height: 18px; line-height: 18px; font-size: 1.2em; text-transform: capitalize; color: #35200b !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #653616;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-items td .label { display: inline-block; margin-top: 10px; }
.cart-items td.total { color: #000; font-size: 14px;  font-style: italic; padding-top: 10px; border-top: dotted 1px #ccc;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}

.price { color: #653616; font-family: Georgia, serif !important; font-size: 1.5em; margin-bottom:10px;}
.price-crossed { color: #777; font-family: Georgia, serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic; margin-bottom:10px;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

.shop-item { width: 210px; margin-bottom: 10px; margin-right: 10px; float: left; }
.group-item {}
.group-item.selected img {border: solid 1px #336600; }

.store-body { float:left; margin-left: 20px; width:300px; margin-bottom: 10px; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: 1.2em; font-family: Georgia; margin: 0 !important; /*text-transform: uppercase;*/ text-transform:uppercase; font-weight: normal; text-align: center; background: @color-primary-1-darker@;}
 ::i-block-chrome, #topmenu {font-weight: normal;}
  #topmenu > li { position: relative; color: #642700; /*float: left;*/ line-height: 12px;  display: block; background: @color-primary-1-darker@; padding: 14px; text-align: center;}
  #topmenu > li { /*margin-left: 10px;*/ }
   #topmenu > li:not(.islast)::after { /*content: " ";*/ color: @color-primary-1@; display: inline-block; margin-left: 50px;} /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.ispadding {}
  
  #topmenu > li > a { font-style: normal; padding: 0 5px; }  
  #topmenu > li > a.isfirst { border-left: none; }  
  #topmenu > li > a.islast { } 

   #topmenu a { display: block; color:  #642700; border: solid 0px red; REMtext-align: center;}

   #topmenu a.selected { border-bottom: none; background-color: none; color: #642700 !important;  }
   #topmenu a.hover { background-color: none; color: #642700 !important;  }

   
   /*#topmenu a.selected::after {
	position: absolute;
	bottom: -38px;
	left: 5px;
    content: " ";
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 20px solid @color-primary-1-dark@;}*/


  /* following is to fix the table layout for IE < 8 */
	#topmenu {/*display:inline-block;*/}
	#topmenu > li {display:inline-block; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; color: #818284;
                       font-family: inherit; border: 1px solid @color-gray-dark@ !important; background-color: #fff; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%; color: #818284;} /* IE6/7 fix */
		#topmenu ul li {  padding: 8px 18px;height: auto;text-align: left !important;display: block;display: block; 
		border-bottom: 0px solid @top-menu-color@; border-left: none; border-right: none; background-color: @color-primary-1-darker@;line-height:1.2em; font-family: calbri !important; font-size: .7em !important;}
		#topmenu ul li.isfirst { border-top: solid 0px @top-menu-color@; }
		#topmenu ul li.hover { color: #000; }
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected {color: #000; }
		
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 200px;  text-align: left; top: 40px;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 2px #777; }
        #topmenu ul { background-color: @submenu-background-color@; }
		
		
.bg-menu {position: absolute; top: 230px; z-index: 100;}
.bg-menu .x-cell {background: @color-primary-1-darker@;}


/*---------------------------------------------*/
/* Stylesheet: Form_Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 width: 73px;
}
button,  input[type="button"], input[type="submit"], .button {
	border: 0;
	color: #fff !important;
	display: inline-block;
	background: #35200b;
	font-size: .9em;
	text-transform: uppercase;
	font-style: normal;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 2px 7px;
	border-radius: 2px;
	cursor: pointer;
}
button:hover,  input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
	background-color: #b0b0b0;
	transition: background-color 100ms;
	-webkit-transition: background-color 100ms; /* Safari */
}

.button-buy {
	color: white !important;
	background: -moz-linear-gradient(
		top,
		#35200b 0%,
		#35200a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#35200b),
		to(#35200a));
}


.button a { color: white !important; }
 .button-dark, .button-tan { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: Georgia, serif; background-color: #35200b;}
.button-dark, .button-tan { color: white !important; }
input[type="textbox"],input[type="text"],input[type="password"] { border: solid 1px #cdc0b3;}
textarea { border: solid 1px #cdc0b3;}


/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; }
.ui-form-table textarea {font-family: Arial; width: 100%; height: 200px;}
.ui-form-table input[type="text"] {width: 80%; }
.ui-form-table input[type="textbox"] {width: 80%; }

.ui-form-cell-input { width: 100%; } 
.ui-form-cell-label { padding-right: 10px; } 
/*.ui-form-checkbox-container { padding-left: 170px; } */

.col-single input[type="text"] {width: 90%; }
.col-single input[type="textbox"] {width: 90%; }

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif; color: #767561;}
::-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif;color: #767561;} /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; ;font-size: .8em; font-family: 'Open Sans', sans-serif;color: #767561;} /* ie */
input:-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif;color: #767561;}

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

/*************** general *****************/

.text-double-size {font-size: 2em; line-height: 25px !important; margin-bottom: 20px !important; }

.readmore {  color: #35200b !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #35200b !important; text-transform: uppercase; text-decoration: none !important;}

.ruler { border-top: solid 1px #cdc0b3; margin-bottom: 10px; }
.ruler-dot { border-top: dotted 1px #cdc0b3; margin-bottom: 10px; }
.date { font-size: .9em; font-style: italic;}
.highlight { background-color: yellow; }

/********** quotes ****************/
.quote-text:before {
    /*content: "\00AB";*/
	content: "\201C";
    margin-right: 6px;
	font-family: times, serif;
	font-size: 1.5em;
}
.quote-text:after {
    /*content: "\00BB";*/
	content: "\201D";
    margin-left: 6px;
	font-family: times, serif;
	font-size: 1.5em;
}
.quote-text { font-style: italic; font-size: 1.2em; }
.quote-author:before {
	content: "\2014";
    margin-right: 6px;
}
.quote-author { font-weight: bold; text-align: right; }

/*---------------------------------------------*/
/* Stylesheet: slideshow*/

/* slideshow-pager */
.slideshow-pager {}
.slideshow-pager  a img { border: solid 3px #f1f1f1; }
.slideshow-pager  a.activeSlide img { border: solid 3px #98D30B; }

.slideshow{ margin: auto; /*border: solid 10px #f1f1f1; border: solid 10px #fff;*/}


/* slideshow pager */
/*.slideshow-pager a img { border: solid 2px white; margin-right: 5px; background-color: #fff; }
.slideshow-pager a.activeSlide img { border: solid 2px black; background-color: #fff;}*/
.slideshow-pager a { border: solid 0px #ccc;  display: inline-block; background-color: #fff; line-height: 50px; 
			width: 50px; height: 50px; margin-right: 10px;text-align: center; overflow: hidden;
					/*display: table-cell; vertical-align: middle; text-align: center; width: 75px; height: 75px; margin-right: 10px;*/
}
.slideshow-pager a.activeSlide { border: solid 1px black; background-color: #fff;}
.slideshow-pager a img { display: inline-block; border: none; max-width: 50px; max-height: 50px;}
.slideshow-pager a.activeSlide img { border: none; }

/* captions */
.slideshow .caption {  margin-bottom: 10px; }

/* pager */
.custompager { text-align: right; }
.custompager img { display: none; }
.custompager a { display: inline-block; background: #e1e1e1; border-radius: 50%; width: 12px; height:  12px; margin-right: 12px;}
.custompager a.activeSlide { background: #7a7a7a; }

/* images */
.thumb, .ui-photo-list-item {}
.thumb, .ui-photo-list-item { margin-bottom: 10px;}
.thumb img,.ui-photo-list-item img{border: solid 1px red; background-color: #ffffff; padding: 8px; border: 1px solid #e4e4e4;}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

img { max-width: 100% !important; }
	
.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-rounded { border-radius: 4px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #dddddd; display: block;}
/* large screens */
@media screen and (min-width:768px) {

	.mobile-store-search { display: none; }
	.responsive-lg {}
	.responsive-sm {display: none;}
}

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-lg {display: none;}
	.responsive-sm {}
	.mobile-show { }
		.mobile-hide {display:none !important; }
	.template { min-width: 300px; }

	.bg-header { position: static !important; height: auto; padding: 10px 0 0 !important;text-align: center; border-bottom: none;}
	.bg-header > .x-cell{ height: auto !important;}
	.bg-header + .x-clear { height: 0px; }
	
	#topmenu { display: none; }
	#topcart { display: none; }
	#toplogo  { display: block; margin-left: auto; margin-right: auto; position: relative !important; margin-bottom: 10px; top: 0 !important; left: 0px !important;}
	#toplinks { position: static !important; height: auto !important; }
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#topsearch { display: none; }

	/* menu is moved into toptext and transformed into dropdown*/
	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto;/*position: absolute; right: 10px;  top: 15px;*/ }
	.bg-header .selectcontainer select { width: 90%; border-radius: 2px; border: solid 1px #dddddd; padding: 5px 10px; background: #fff;}
	.bg-header { /*height: 75px;*/}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  { display: none;}
	#topmenutext { text-align: left; }
	
	/* home */
	.home-slideshow-container { float: none !important; margin-left: 0px !important; background: none !important; padding-left: initial !important; padding-bottom: 0px !important; }
	.home-slideshow-container-inside { background: none !important; padding-right: initial !important; padding-top: initial !important; }
	.home-slideshow-container-inside-inner { overflow: hidden; width: 100% !important; height: auto !important; }
	.home-body { width: 100%; padding: 10px 10px; text-align: center; }
	
	.home-category-dark-inside {  padding-bottom: 0px !important; margin-left: 0px !important; background: none !important; padding-left: inherit !important;  }
	.home-category-dark-inside-inner { background: none !important; padding-right: inherit !important; padding-top: 0px !important; overflow: hidden; }


	.home-category-dark { background: none !important; padding: 10px; }
	.home-category-light{ background: #fff; padding: 10px; }
	.home-item { padding:20px; width: 100% !important; float: none !important; margin-left:0px !important;  }

	.bg-bottomline { padding-bottom: 0px; }
	/* form */
	.form { width: 100%; }

	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block { width: 100%; }
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter, .col-fifth{ width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.photo-store { height: auto !important; width: 100% !important; max-height: 100% !important; max-width: 100% !important;  }
	/* home page */
	
	/*store page */ 
	.mobile-hide { display: none; }
	.shop-item  { margin-left: auto !important; margin-right: auto !important; height: auto !important; float: none; margin-bottom: 50px;}
	/* footer */
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.bg-footer { margin-top: 0px !important; }
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: left; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
}

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
/* we use 9px margins to fix IE's weird rounding */
*[class*="col-md-"] { float: left; margin: 0 9px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 9px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0; clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:768px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 9px !important;} /* keep the margin gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:768px) {
	*[class*="visible-xs"] {display: none !important;}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}