/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Fri, 20 Sep 2024 17:21:16 -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: #333333*/; font-family: 'Open Sans', sans-serif; font-size: 16px; padding: 0; background: white; }
.main-home a { color: #9C755C; text-decoration: none; }
.main-home a:hover { color: #835233;}
.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: 'Droid Serif', 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: 'Droid Serif', 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: */'Droid Serif', 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: 'Droid Serif', 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; margin-bottom: 10px;}

.photo2 { height: 250px; margin-bottom: 10px; display: flex; vertical-align: middle; text-align: center; justify-content: center; align-items: center; background: white; }
.photo2 img { display: block; margin-bottom: 10px; padding: 10px;}

.photo-store img { display: block; margin-bottom: 10px; padding: 10px; background: white;}

.title { font-size: 1.5em; color:#000; font-family: 'Droid Serif', 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;}

/* ------------- slices ----------------------*/
.bg-header  { /* height: 210px; margin-bottom:50px;*/ margin-bottom: 20px;}
.bg-top-header  { /* height: 210px; margin-bottom:50px;*/ margin-bottom: 20px;}
.bg-header .x-cell { position: relative; }
.bg-menu { height: 40px; background: #333333; position: relative; box-shadow: none; z-index: 10; margin-bottom: 20px !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 {background: #eeeeee;  }
.bg-light-inner > .x-cell {background: #eeeeee; /*width: 1170px !important;*/ }
.bg-light > .x-cell { }
.bg-light > .x-cell-container { }
.bg-light-noresize { }
.bg-light-noresize .x-cell { }
.bg-clear { }
.bg-clear .inner {}
.bg-footer {  }

.x-block {  /*margin-bottom: 20px;*/ margin-left:auto; margin-right:auto; /*width: 960px;*/}
.x-block.mar-bot {margin-bottom: 20px;}
.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 { padding: 20px 0;  }
.x-cell-container  > .inner { padding: 10px;}

.bg-light-inner  .inner {padding: 15px }

.bg-light-full {margin: 0; width: 100%; margin: 0 auto;}
.bg-light-full > .x-cell {position: relative;  margin: 0 auto; width: 100% !important;  }
.bg-light-full > .x-cell-container {position: relative;  margin: 0 auto; width: 100% !important;  }
.bg-clear-full { }
.bg-clear-full > .x-cell {position: relative;  margin: 0 auto; width: 100% !important;  }
.bg-clear-full > .x-cell-container {position: relative;  margin: 0 auto; width: 100% !important;  }

/* home categories*/
.home-category-dark { background: #ececec; padding: 10px; }
.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; }

.category-header h2 {}
.category-header h3 {float: right;}

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

/*--------- 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-right {float: right !important;}
.slideshow-pager {margin-bottom: 15px;}

.category-shop select {margin-bottom: 10px;}

/*.main-slide {overflow: hidden; width: 650px; height: 575px; float: left;}*/
.main-slide {margin-bottom: 20px;}
.front-body {margin-left:auto; margin-right:auto; width: 960px;}
.front-body h2 {font-size: 2.5em !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; }

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

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: 100px; margin: 0 auto; }
.bg-header #toplogo { position: absolute; top: 0; height: 93px;}
.bg-header #toplinks { position: absolute; top: 20px; right: 0px; height: 100px;}
.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 #topcart { position: absolute; bottom: -20px; right: -10px; text-align: right; padding-left: 30px; padding-right: 10px; line-height: 40px; height: 40px; font-family: 'Open Sans', sans-serif;}

.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;  }

.bg-top-header {/*width: 960px;*/ position: relative; padding: 5px 0; background: #B58150; color: #fff; font-size: .7em;}
.bg-top-header a { color: #fff; text-decoration: none; transition: .5s; }
.bg-top-header a:hover { color: #fff; background: rgba(255, 255, 255, 0.2); }
.bg-top-header ul, .bg-top-header p {margin-bottom: 0 !important;}
.bg-top-header > .x-cell {position: relative;}
.bg-top-header .top-text-menu {float: left;}
.bg-top-header .top-text-menu li {display: inline-block; margin-left: 0;}
.bg-top-header .top-text-menu li a {padding: 7px 5px;}
.bg-top-header .social-icons {position: absolute; right: 0; top: 0; font-size: 20px;}

.bg-top-header #topcart li {display: inline-block; margin-left: 0;}
.bg-top-header #topcart a {padding: 7px 5px;}

.bg-top-header #topsearch { position: absolute; top: -2px; right: 0; background: rgba(255, 255, 255, 0.2); }
.bg-top-header #topsearch input[type="textbox"] { padding: 4px 5px; background: none; border: none; color: #fff; }
.bg-top-header #topsearch input[type="submit"] { position: absolute; background: none; width: 20px !important; top: 2px; right: 0px; padding: 0; }

.bg-top-header ::-webkit-input-placeholder {color: #fff;}
.bg-top-header :-moz-placeholder {color: #fff;}
.bg-top-header ::-moz-placeholder {color: #fff;}
.bg-top-header :-ms-input-placeholder {color: #fff;}

.secondary-menu li {display: inline-block; text-align: center; }
.secondary-menu i {display: block; font-size: 2em; }

/* -------------- 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; }

.menu-inner {/*margin-bottom: 20px !important;*/}

/*--------------- 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;}

.slide-box-container {position: relative; max-width: 1170px; margin: 0 auto;}
.slider {margin-bottom: 20px; max-width: 1170px; margin-left: auto; margin-right: auto; max-height: 433px;}
.slide-box {max-width: 1170px; right: 0; margin-left: auto; margin-right: auto;}
.slide-box-text {position: absolute; text-align: center; bottom: 0; left: 0; right: 0; top: 0; margin-left: auto; margin-right: auto; color: #fff; max-width: 1170px; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; text-shadow: 0px 2px 3px #000, 0px 4px 13px #000, 0px 6px 23px #000;}
.slide-box-text-summary {width: 960px;}
.slide-box-prev, .slide-box-next {position: absolute; background: #fff; width: 35px; height: 75px; bottom: 60px; top: 0; z-index: 100; margin: auto 0; transition: .5s; opacity: 0; padding: 27px 11px; color: #8c8c8c; cursor: pointer;}
.slide-box-prev {left: 0;}
.slide-box-next {right: 0;}
.slide-box-container:hover .slide-box-prev {left: -35px; opacity: 1; }
.slide-box-container:hover .slide-box-next {right: -35px; opacity: 1;}

.home-categories {margin-bottom: 30px;}
.home-block {position: relative; display: block; background: #892b3a; height: 110px; max-width: 300px;}
.home-categories .home-blocks-button {display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; text-align: center; color: #333333; border: 1px solid #fff; width: 300px; margin: auto; transition: .5s;}
.home-categories .home-blocks-button .home-blocks-title {position: absolute; top: 10px; left: 10px; background: rgba(255, 255, 255, 0.5); padding: 6px; }
.home-categories .home-blocks-button .home-blocks-more {position: absolute; bottom: 10px; right: 10px; background: rgba(255, 255, 255, 0.5); padding: 6px; }
.home-blocks-photo {width: 300px;}
.home-blocks-photo img {transition: .5s;}
.home-block:hover .home-blocks-button {/*background: rgba(255, 0, 0, 0.75); color: #000;*/} 
.home-block:hover .home-blocks-photo img {opacity: 0.5;} 
.home-categories .home-blocks-button p {margin: 0; font-weight: bold; font-size: 1.2em;}
.home-block:hover .home-blocks-button p {text-shadow: none;} 
.home-block a {color: #fff;  transition: .5s; display: block;}

.text-header {background: #fff; z-index: 1; text-align: center; }
.text-header h2 {font-weight: normal !important; background: #fff; z-index: 1; display: inline-block; position: relative; padding: 0 41.5px;}
.text-header h2 span {font-size: .7em;}
.text-header:after {border-bottom: 1px solid #000; content: " "; position: relative; bottom: 40px; z-index: 0; display: block;}

.text-column i {font-size: 2.5em;}
.text-column h3 {margin: 0;}
.text-column h5 {margin-bottom: 10px;}

/* Article Category */

.blog-text {position: relative;}
.blog-title {background: rgba(255, 255, 255, 0.8); position: absolute; top: -66px; width: 100%; padding: 20px;}
.blog-title h3 {margin: 0;}
.blog-text .blog-title-link {color: #000;}
.blog-info {padding: 15px; background: #eee;}
.blog-info ul {margin: 0;}
.blog-info ul li {display: inline-block; margin: 0; margin-right: 10px;}
.blog-more {float: right;}
.icon {color: #835233;}

.comment {background: #eee; padding: 30px; margin-bottom: 20px; font-size: 0.9em;}

/* Side Bar */

.main-article {padding: 20px 0;}
.main-store {padding: 20px 0;}
.sidebar {padding: 20px 0;}

.sidebar .price {font-size: initial;}
.sidebar .price-crossed {font-size: initial;}

/* ------------ 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 {}


.blog-slideshow {margin-bottom: 10px; margin-right: 10px;}
.blog-slideshow-wrapper {float: left; margin-bottom: 10px;}
.blog-search img, .blog-wrapper img {width: 100%; height: auto;}

/* Slide Box */

.related-item-slider-container {overflow: hidden; padding: 0 50px; position: relative;}
.related-item-slider {display: table; border-collapse: separate; border-spacing: 10px; position: relative; max-width: none; left: 0; width: 100%; table-layout: fixed;}
.related-item  {display: table-cell; width: 200px; box-sizing: border-box; position: relative;}

/* Popup */

#popup {display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; width: 100%; height: 100%; }
#popup .popup-inner {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 600px; height: 400px; background: #ddd; text-align: center; padding: 100px 30px; font-size: initial; color: #000; z-index: 1001;}
#popup .popup-inner h2 {color: #000;}
#popup .popup-inner p {margin-bottom: 10px !important; color: #000;}
#popup .popup-inner p a {color: #892b3a;}
#popup .popup-inner p a:hover {color: #B58150; background: none;}
#popup .popup-inner p a.button:hover {background: #835233;}
#popup .popup-inner .close-image {position: absolute; top: -10px; right: -10px;}
#popup .popup-inner .close-image img {width: 30px; cursor: pointer;}
#popup .popup-inner .popup-photo {width: 100px;}

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

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

/*-------------- bottom footer --------------*/
.bg-footer { padding: 20px; background: #eeeeee;}
.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 {color: #8c8c8c; }
.bg-footer h2, .footer h3, .footer h4 { font-family: 'Open Sans', sans-serif; font-weight: bold;}
.bg-footer p { font-family: 'Open Sans', sans-serif; font-size: .9em !important; }
.bg-footer h3 { font-family: 'Open Sans', sans-serif; font-weight: bold !important; font-size:1em !important;}
.bg-footer img {width: 150px;}
.bg-footer input[type="text"] {width: initial !important;}
#footerlogo {width: 100%;}

.bg-footer .col-md-1.nomargin {text-align: center;}
.bg-footer .fa-mobile {font-size: 1.6em;}
.bg-footer .fa-map-marker {font-size: 1.2em;}

.information-list {font-size: .9em;}
.information-list li {display: block; margin-bottom: 5px; margin-left: 10px;}
.information-list li a {background: #ddd; padding: 2px 5px; color: #333333;}

.social-footer ul {font-size: 2.2em !important;}
.social-footer li {display: block; margin: 0;}

#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; }

.facebook:hover {color: #3b5997 !important;}
.twitter:hover {color: #29c5f6 !important;}
.instagram:hover {color: #b16c4f !important;}
.google-plus:hover {color: #d13d2f !important;}
.linkedin:hover {color: #006dc0 !important;}
.pinterest:hover {color: #c61118 !important;}
.youtube:hover {color: #de332c !important;}
.vimeo:hover {color: #4daacc !important;}

.homepage-featured {margin-bottom:1em;}
.homepage-featured.multientry {width: 49%;margin-right: 1%;display: inline-block;vertical-align: top;}
@media (max-width:768px) {
	.homepage-featured.multientry {width:100%;display:block;margin-left:auto;margin-right:auto;padding:0px 10px;}
}

/*---------------------------------------------*/
/* 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-item-photo {padding: 5px 10px !important;}
.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: 'Droid Serif', serif !important;*/ font-size: 2em; margin-bottom: 15px !important;}
.price-crossed { /*color: #777; font-family: 'Droid Serif', 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; font-size: 1.5em;}
.instock { color: green; font-size: 1.5em; margin-right: 22px;}

.group-item {}
.group-item.selected img {border: solid 1px #336600; }

.related-item h3 {font-size: .8em;}
.related-item .price {font-size: 1.5em;}
#template-input-MProductRelatedBrowser0 h2 {font-size: 1.2em;}

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

.photo-store {margin-bottom: 15px;}
.prod-info {padding-top: 10px;}

.stock-wrapper {margin-bottom: 15px;}
.attribute-box, .quantity-box {width: 100%;}
.attribute-title, .quantity-title {float: left; margin-right: 15px;}
.attribute-box > .attribute-select, .quantity-box > .quantity-select {border: solid 1px #cdc0b3; padding: 5px; margin-bottom: 10px; display: inline-block; min-width: 170px;  background: #fff;}
.attribute-box > .attribute-select > select {border: none; width: 100%;}
.quantity-box > .quantity-select > input {border: none; width: 100% !important; margin-left: 0 !important; padding: 5px 15px !important;}
.button-buy {/*width: 80%;*/ text-align: center; font-size: 1 !important; line-height: 1.7em; padding: 5px 15px !important;}

.slideshow > div > img {margin-left: auto; margin-right: auto;}

.category-title {float: left;}
.category-title h1 {margin: 0; text-transform: capitalize;}

.found-products {float: right; margin: 0 !important; padding-top: 20px;}

.shop-item.grid-layout {border: 1px solid #ddd; margin-bottom: 20px;}
.shop-item.col-md-3 {box-sizing: border-box; position: relative; text-align: center; background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.shop-item.col-md-3 .shop-item-start {align-self: flex-start;}
.shop-item.col-md-3 .shop-item-price {padding: 0 10px;}
.shop-item.col-md-3 .shop-item-price p {font-size: 1em;}
.shop-item.col-md-3 .shop-item-price .price {font-size: initial;}
.shop-item.col-md-3 .shop-item-text {bottom: 0; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; opacity: 0; transition: .5s; width: 100%; align-self: flex-end;}
.shop-item.col-md-3:hover .shop-item-text {opacity: 1;}
.shop-item.col-md-3 .shop-item-text-copy p {margin: 0;}
.shop-item.col-md-3 .shop-item-text-copy .button {width: 100%; border-radius: 0;}

.ratings {font-size: 1.2em; color: #dc9f00;}

.comment-box {display: none;}

.shop-item-photo {display: flex; align-items: center; justify-content: center;}

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

/* top menu all pages */   
#topmenu  { /*font-size: 1.2em;*/ font-family: 'Open Sans', sans-serif; font-weight: normal;  /*border-bottom: solid 1px #dfdfdf;*/ }
#topmenu, #topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none;  margin: 0 auto;}
#topmenu a { text-decoration: none; }

 #topmenu { text-transform:uppercase; text-align: left;}
  #topmenu > li { position: relative;  display: table-cell;  line-height: 40px; text-align: center; transition: .5s;}
  #topmenu > li.isfirst { } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast {  } 
  #topmenu > li.ispadding {}  
  #topmenu > li.hover {background-color: #222222;}

  #topmenu > li > a { padding: 0 32px; }  
  #topmenu > li > a.isfirst {  }  
  #topmenu > li > a.islast {  } 

   #topmenu a {  color: #fff; transition: .5s;}
   #topmenu a.selected { background-color: none; color: #D1BEB3 !important;  }
   #topmenu a.hover { /*background-color: #222222;*/ color: #B29380 !important;  }

  /* 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: 'Open Sans', sans-serif; font-size: .9em;}
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { zoom: 1; color: #818284;} /* IE6/7 fix */
		#topmenu ul li { float: none; padding: 5px 0px;  
                                  line-height:20px; min-height: 20px; 
		                  text-align: left; padding-left: 10px;}
		#topmenu ul li.isfirst { border-top: solid 0px #FFF; }
		#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; left: 0px; text-align: left;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a { line-height: 1; line-height: 20px; min-height: 20px; }
	  #topmenu ul { top: @dropdown-top@; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 5px #777; }
        #topmenu ul { background-color: white; }
		
	.secondary-menu a {color: #333333;}

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

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 
}
select {
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	padding: 5px 15px;
	width: 100%;
}
button,  input[type="button"], input[type="submit"], .button {
	border: 0;
	color: #fff !important;
	display: inline-block;
	background: #9C755C;
	font-size: .9em;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	padding: 5px 15px;
	border-radius: 2px;
	cursor: pointer;
	/*width: 100%;*/
}
button:hover,  input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
	background-color: #835233;
	transition: background-color 100ms;
	-webkit-transition: background-color 100ms; /* Safari */
}

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

.bg-footer input{ color: #000; }
.bg-footer ::-webkit-input-placeholder {  color: #06a1e9; padding: 0px;}
.bg-footer ::-moz-placeholder {  color: #06a1e9;padding: 0px;} /* firefox 19+ */
.bg-footer :-ms-input-placeholder { color: #06a1e9;padding: 0px;} /* ie */
.bg-footer input:-moz-placeholder {  color: #06a1e9;padding: 0px;}


.invert input{ background-color: #b6b6b4 !important; color: #fff; max-width:300px; }
.invert ::-webkit-input-placeholder {  color: #fff; padding: 0px;}
.invert ::-moz-placeholder {  color: #fff;padding: 0px;} /* firefox 19+ */
.invert :-ms-input-placeholder { color: #fff;padding: 0px;} /* ie */
.invert input:-moz-placeholder {  color: #fff;padding: 0px;}

.button a { color: white !important; }
 .button-dark, .button-tan { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: 'Open Sans', sans-serif; background-color: #35200b;}
.button-dark, .button-tan { color: white !important; }
.button-dark { background: #06a1e9 !important;}
.button-dark:hover { color: white !important; }
.button-light { background: #fff !important; border: solid 1px #ddd;}
.button-light  { color: #000 !important; }
input[type="textbox"],input[type="text"],input[type="password"] { border: solid 1px #000; padding: 5px; width: 100%;}
textarea { border: solid 1px #000; width: 100%; height: 200px;}

.cart-state input {width: initial;}
.cart-promo input {width: 115px;}
.cart-state button, .cart-promo button {width: initial;}


/*----- 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: 100%; }
.ui-form-table input[type="textbox"] {width: 100%; }

.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: 10px 0 15px !important; }
.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;}

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

/* pager */
.custompager {text-align: center !important; position: absolute; left: 0; right: 0; margin-left: 0; margin-right: 0; bottom: 0; z-index: 5;}
.custompager img { display: none; }
.custompager a { display: inline-block; background: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 11px; height:  11px; margin-right: 12px;}
.custompager a.activeSlide { background: #000; }
.custompager a:hover:not(.activeSlide) { background: rgba(0, 0, 0, 0.75); }

/* 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;}

.slideshow img {max-width: 100%; max-height: 100%;}

#slider-left i {position: relative; top: 1px; right: 1px;}
#slider-right i {position: relative; top: 1px; left: 1px;}
#slider-left:hover, #slider-right:hover {background: rgba(0, 0, 0, 0.6) !important;}

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

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 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*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 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: 0px;  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 10px !important;} /* keep the margin gutter of 10px on either side */
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding 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;}
}

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

.img-responsive { max-width: 100%; height: auto; }
.img-responsive img { max-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; }
	img { max-width: 100%; }
	.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; }
	
	.bg-top-header {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; display: none; }
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#topsearch { display: none; }

	/* menu is moved into toptext and transformed into dropdown*/
	.bg-menu .selectcontainer { display: block;  margin-left: auto; margin-right: auto;/*position: absolute; right: 10px;  top: 15px;*/ }
	.bg-menu .selectcontainer select {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  { height: auto; padding: 10px; }
	#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; }

	.main-slide {width: 100% !important; height: auto !important;}
	
	.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;}
	
	.front-body {margin: 0;}
	
	.ui-tab-buttons > li {width: 100%;}
	
	.front-body {width: 100%;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {margin: 0 !important;}
	.slideshow > div {height: auto !important; width: 100% !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.photo-store { height: auto; width: 100% !important; max-height: 100% !important; max-width: 100% !important;  }
	
	.slider {width: 100% !important; max-height: none;}
	.slide-box {width: 100% !important; height: auto !important;}
	
	.slide-box img {height: auto;}
	.slide-box-text {position: static; text-align: left; display: block; color: initial; background: none; padding: 0 10px; text-shadow: none;}
	.slide-box-text-summary {width: 100%;}
	
	.slide-box-prev, .slide-box-next, .slide-box-pager {display: none;}
	
	.home-block.col-md-4 {margin: 0 auto 30px !important;}
	
	.blog-slideshow-wrapper {float: none;}
	
	/* 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: 30px !important; max-width: 212px;}
	
	.shop-item-photo {display: block; height: auto !important;}
	
	.related-item-slider-container {overflow-x: scroll;}
	#slider-left, #slider-right {display: none;}
	
	/* 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; padding: 0 !important;}
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
}

/*---------------------------------------------*/
/* Stylesheet: Tabs*/

#tabwrap {
	background: #fff;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin-bottom: 20px;
	box-shadow: 0 0 20px #ddd;
	border: 1px solid #ddd;
}
#tabs { overflow: hidden; background: #777; }
#tabs li { list-style: none; }
#tabs li a {
	float: left;
	display: block;
	padding: 10px;
	color: #fff;
	width: 25%;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #555;
	border-left: 1px solid #888;
	font-size: 15px;
	text-shadow: 1px 1px 0 #000;
}

#tabs li a:hover { background: #666; }
#tabs li:first-child a { border-left: 0; }
#tabs li:last-child a { border-right: 0; }

#tabs li.current a {
	background: #fff;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}

#content > div {
	clear: both;
	padding: 20px;
	line-height: 19px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	display: none;
}

#content .current { display: block; }
#content #home.first { display: block; }
#content p { margin: 0 0 20px 0;}

/*--------------------------------------------------------------------*/
/* product tabs - dynamically created in javascript */
.ui-tab-buttons { display: block; list-style-type: none; border-bottom: solid 1px #ccc;}
/*.ui-tab-buttons li { display: table-cell; padding: 10px; background: #fafafa;}*/
.ui-tab-buttons li { display: inline-block; margin-left: 0px; padding: 10px; background: #ddd;}
.ui-tab-buttons li a { color: #A45A2A;}
.ui-tab-buttons li a:hover { color: inherit !important; }
.ui-tab-buttons li.selected { background: #8c8c8c; }
.ui-tab-buttons li.selected a { color: #000; }
.ui-tab-page { padding: 10px 20px; margin-bottom: 20px; border-bottom: solid 1px #ccc;}

h2.accordion-label {color: #000; background: none;}
h2.ui-accordion-header {border: 1px solid #000 !important;}
h2.ui-state-active {background: #ccc; border: 1px solid #000 !important;}