/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 09:04:00 -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: 20px; margin-top: 20px;}
 

/*--------------- reset browser defaults--------------- */
.main-home { color: #292828; font-family: 'Athelas', serif; font-size: 14px; padding: 0; background: white; }
.main-home a { color: #292828; text-decoration: none; }
.main-home a:hover { color: #292828;}
.main-home b, .main-home strong { color: #35200b; }
.main-home h1, .main-home h2.title, .main-home h2.title2 { font-size: 1.7em; color: #35200b; font-family: 'Athelas', serif; font-weight: bold; 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: #35200b; text-decoration: none !important;}
.main-home h2 { font-size: 1.5em; color:#35200b; font-family: 'Athelas', serif; font-weight: normal; font-style: none;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h2 a { color: #35200b; text-decoration: none !important;}
.main-home h2.underlined { padding-bottom: 5px; border-bottom: solid 1px #dfdfdf; }
.main-home h3 { font-size: 1.3em; color: #35200b; font-family: 'Athelas', serif; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h3 a { color: #35200b; text-decoration: none !important;}
.main-home h4 { font-size: 1.2em; color: #35200b; font-family: 'Athelas', serif; font-weight: normal; text-transform: capitalize;  margin-bottom: 10px;}
.main-home h4 a { color: #35200b; 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: 'Athelas', serif; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo { display: block;}
.ruler {  margin-bottom: 15px !important; }
.title { font-size: 1.5em; color:#000; font-family: 'Athelas', 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  { background: url(../pub/photo/bg-body.gif);}
.main-home .template { }

/* ------------- slices ----------------------*/
.bg-header  { /* height: 250px; */margin-bottom:50px;}
.bg-header .x-cell { position: relative; }
.bg-menu { height: 40px; background: white; position: relative; box-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 { background: url(/pub/photo/bg-split.png) repeat-y right center; }
.bg-light-noresize { }
.bg-light-noresize .x-cell { }
.bg-clear { }
.bg-clear .inner { padding-bottom: 0 !important; }
.bg-footer {  }

.bg-ruler { background: url(/pub/photo/bg-ruler.png) no-repeat center; height:50px; background-size: 100%; }

.x-block {  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: 10px; }
.x-cell-container  > .inner { padding: 10px;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 280px; padding: 0px 0;}
.col-double { width: 640px; padding: 0px 0;}
.col-third { width: 306px; }
.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; }

/* 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: 250px; margin: 0 auto;  background: white;}
.bg-header #toplogo { position: absolute; top: 30px; left: 20px; height: 100px; }
.bg-header #toptext { position: absolute; top: 40px; right: 0px;  font: 'Athelas', serif; text-transform: uppercase; color: #555;}
.bg-header #toptext { font-size: .8em !important; margin-bottom: 5px; max-height: 165px; overflow: hidden;}
.bg-header #topmenu { position: absolute; bottom: 0; left: 0; width: 100%; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; height: 40px;}
.bg-header #topsearch { position: absolute; top: 53px; right: 20px; }
.bg-header #topsearch input[type="textbox"] { height: 30px; line-height: 30px; }
.bg-header #topcart { position: absolute; bottom: 0px; right: 10px; text-align: right; padding-left: 30px; padding-right: 10px; line-height: 40px; height: 40px; font-family: 'Athelas', 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;  }
div#Tock_widget_container>div.TockWidgetWrapper .TockLogo-container {display:none !important;}
.privateeventform .ui-form-label p {margin-bottom: 0;}

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

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


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

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

/*-------------- bottom footer --------------*/
.bg-footer { padding: 20px; background-color:#e9e8e6; margin-bottom: 0 !important;}
.bg-footer .x-cell {font-size: 1em; }
.bg-footer .inner { text-align: left; padding: 0 !important; } /* 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: 'Athelas', serif; font-weight: bold;}
.bg-footer p { font-family: 'Athelas', serif; }

#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: Menus*/

/* top menu all pages */   
#topmenu  { font-size: 1.4em; font-family: 'Athelas', serif; font-weight: normal; font-style: italic; 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: none; text-align: left;}
  #topmenu > li { position: relative;  display: table-cell;  line-height: 40px; text-align: center;}
  #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 > a { padding: 0 10px; }  
  #topmenu > li > a.isfirst {  }  
  #topmenu > li > a.islast {  } 

   #topmenu a {  color: #000000; }
   #topmenu a.selected { background-color: #fff; color: #67553c !important;  }
   #topmenu a.hover { background-color: white; color: #67553c !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: 'Athelas', 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: ; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 5px #777; }
        #topmenu ul { background-color: white; }

/*---------------------------------------------*/
/* Stylesheet: Form & Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 width: 73px;
}
button,  input[type="button"], input[type="submit"], .button, .main-home div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue {
	border: 0;
	color: #fff !important;
	display: inline-block;
	background: #35200b;
	font-size: 1.2em;
	line-height: 30px;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Athelas', serif;
	font-weight: normal;
	padding: 0 9px;
	height: 31px;
	width: 80%;
	border-radius: 2px;
	cursor: pointer;
}
.main-home div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue .TockWidget-H1 {
	font-style: normal;
	font-family: 'Athelas', serif !important;
	font-weight: normal;
}
button:hover,  input[type="button"]:hover, input[type="submit"]:hover, .button:hover,  .main-home div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue: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: 'Athelas', serif; background-color: #292828;}
.button-dark, .button-tan { color: white !important; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}


/*----- 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: 'Athelas', serif; color: #767561;}
::-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Athelas', serif;color: #767561;} /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Athelas', serif;color: #767561;} /* ie */
input:-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Athelas', serif;color: #767561;}

/*---------------------------------------------*/
/* Stylesheet: Slideshow Thumbs*/

/* slideshow pager */
.slideshow-pager a img { border: solid 2px black; margin-right: 5px;}
.slideshow-pager a.activeSlide img { border: solid 2px white; }

/*---------------------------------------------*/
/* Stylesheet: Buttons*/

temp {}

.button {}

/*---------------------------------------------*/
/* 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: #292828 !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #292828 !important; text-transform: uppercase; text-decoration: none !important;}

.ruler { border-top: solid 1px #dfdfdf; margin-bottom: 10px; }
.ruler-dot { border-top: dotted 1px #dfdfdf; 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: Event Calendar*/

/* events */
#calendar { margin-bottom: 0px; }
#calendar .calendar-header { font-family: RobotoCondensed, sans-serif; color: #000000;}
#calendar .month-current { background-color: white; text-transform: uppercase; padding: 2px 0; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 0px solid #F5F2EF; }
#calendar thead th {padding: 5px 0; text-align: center;border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF;background: none;}
#calendar tbody td {padding: 5px 0; text-align: center;	border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF; border-bottom: 0px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a { color: #767561 !important; font-weight: bold; text-decoration: none; background-color: white; display: block;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: white;}

.ui-event-input { }
.ui-event-input-date-from { width: 90px; margin-right: 5px;}
.ui-event-input-date-to { width: 90px; margin-left: 5px;}

/*---------------------------------------------*/
/* Stylesheet: FearlessRegular*/

@font-face {
	font-family: 'FearlessRegular';
	src: url('../pub/doc/fearless-webfont.eot');
	src: url('../pub/doc/fearless-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/fearless-webfont.woff') format('woff'),
		url('../pub/doc/fearless-webfont.ttf') format('truetype'),
		url('../pub/doc/fearless-webfont.svg#FearlessRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------*/
/* Stylesheet: open_sansregular*/

@font-face {
	font-family: 'open_sansregular';
	src: url('../pub/doc/OpenSans-Regular-webfont.eot');
	src: url('../pub/doc/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Regular-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------*/
/* Stylesheet: open_sanslight*/

@font-face {
	font-family: 'open_sanslight';
	src: url('../pub/doc/OpenSans-Light-webfont.eot');
	src: url('../pub/doc/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Light-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Light-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------*/
/* 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: #35200b;}
.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: #35200b; font-family: 'Athelas', serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: 'Athelas', serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

/*---------------------------------------------*/
/* Stylesheet: bottom menu*/

.bg-menu .inner ul, #bottommenu ul { list-style-type: none !important; margin: 0;}
.bg-menu .inner li, #bottommenu li { background: none; margin: 0 auto;}

 #bottommenu { margin-bottom: 0px !important; text-transform: none; }
  #bottommenu > li { position: relative; color: white; float: left; line-height: 40px; text-align: center;}
  #bottommenu > li.isfirst {  } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #bottommenu > li.islast { } 
  #bottommenu > li.ispadding { padding: 0 5px;}  

  #bottommenu > li > a { padding: 0 10px; }  
  #bottommenu > li > a.isfirst { padding-left: 20px; }  
  #bottommenu > li > a.islast { } 

  #bottommenu > li { border-left: solid 1px #d3cab7; }  
  #bottommenu > li.isfirst { border-left: none; }  
  #bottommenu  > li.islast { }  

   #bottommenu a { display:block; color: black; }
   #bottommenu a.selected { background-color: white;color: black !important;  }
   #bottommenu a.hover { background-color: white; color: black !important;  }

  /* following is to fix the table layout for IE < 8 */
	#bottommenu {display:inline-block;}
	#bottommenu > li {display:inline-block;}
	#bottommenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #bottommenu ul { position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; color: #818284;
                       font-family: 'Athelas', serif; font-size: .9em;}
	  * html #bottommenu ul { line-height: 0;} /* IE6 "fix" */
  		#bottommenu ul a { zoom: 1; color: #818284;} /* IE6/7 fix */
		#bottommenu ul li { float: none; padding: 5px 0px;  
                                  line-height:20px; min-height: 20px; 
		                  border-bottom: solid 0px #FFF;
		                  text-align: left; padding-left: 10px;}
		#bottommenu ul li.isfirst { border-top: solid 0px #FFF; }
		#bottommenu ul li.hover { color: #000; }
		#bottommenu ul li.selected { color: #000; }
		#bottommenu ul a.selected {color: #000; }
		                  
		#bottommenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#bottommenu ul { width: 200px; left: 0px; text-align: left;}
	#bottommenu ul ul { left: 161px; } 

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

/*---------------------------------------------*/
/* Stylesheet: Fonts*/

@font-face {
  font-family: 'FuturaBold';
  src: url('../pub/doc/a_futuraorto_bold-webfont.eot');
  src: local('&acirc;&ordm;'), url('../pub/doc/a_futuraorto_bold-webfont.woff') format('woff'), url('../pub/doc/a_futuraoto_bold-webfont.ttf') format('truetype'), url('../pub/doc/a_futuraorto_bold-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'FuturaItalic';
  src: url('../pub/doc/a_futuraorto_italic-webfont.eot');
  src: local('&acirc;&ordm;'), url('../pub/doc/a_futuraorto_italic-webfont.woff') format('woff'), url('../pub/doc/a_futurorto_italic-webfont.ttf') format('truetype'), url('../pub/doc/a_futuraorto_italic-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'FuturaBook';
  src: url('../pub/doc/futura-book-webfont.eot');
  src: local('&acirc;&ordm;'), url('../pub/doc/futura-book-webfont.woff') format('woff'), url('../pub/doc/futura-book-webont.ttf') format('truetype'), url('../pub/doc/futura-book-webfont.svg#webfont') format('svg');
}

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

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

.clearfix { margin: 0 !important; clear: both;}
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  
}
/* 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) ; }

.nomargin[class*="col-five-"] { margin: 0 ; }
.nomargin.col-five-1 { width: calc(100% / 5 * 1) ; }
.nomargin.col-five-2 { width: calc(100% / 5 * 2) ; }
.nomargin.col-five-3 { width: calc(100% / 5 * 3) ; }
.nomargin.col-five-4 { width: calc(100% / 5 * 4) ; }
.nomargin.col-five-5 { width: calc(100% / 5 * 5) ; }

/* margin fix when we don't want margins  */
.nomargin-lg[class*="col-md-"] { margin: 0 ; }
.nomargin-lg.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin-lg.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin-lg.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin-lg.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin-lg.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin-lg.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin-lg.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin-lg.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin-lg.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin-lg.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin-lg.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin-lg.col-md-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:@viewport-xs-max@) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-md-"] { float: none !important;  width: calc(100%) !important; margin: 0 !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 */
	*[class*="col-five-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-five-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;} /* keep the margin gutter of 10px on either side */
}


/*
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:@viewport-xs-max@) {
	*[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:@viewport-xs-max@) {
	*[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;}
}