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



label { margin-right: 12px; margin-bottom: 9px; font-family:Univers, Arial; color: #646464; font-size: .8em; }

.txt { 
display: inline-block; 
color: #676767;
width: 220px; 
font-family:Univers, Arial;
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: .8em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family:Univers, Arial;
margin-bottom: 10px; 
width: 260; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: .8em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #FFF;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
  
 
 /* ABOUT - materials */

#materials li:hover { color:#938970; cursor:pointer; opacity:1.0; font-size:11px; }
#materials li.active { color:#938970; font-size:11px; line-height:16px; font-family: Univers; cursor:pointer; letter-spacing:0em; opacity:1.0; }
#MATLcontent {float:right; width:100%; height:100%; margin-bottom:100px; border:none; }
.materialsContent {display:none; padding-bottom:50px; text-align:justify; }
.materialsContent strong {font-size:12px; }

.selected {font-weight:bold;}

#materials li:hover {   font-weight:normal; text-decoration:none; cursor:pointer; font-size:12px; font-family: Univers; color:#1F3415;  }
#materials li:selected { font-weight:normal; text-decoration:none; cursor:pointer; font-size:12px; font-family: Univers; color:#1F3415; }
#materials li.active { line-height:18px; font-weight:normal; text-decoration:none; cursor:pointer; font-size:12px; font-family: Univers; color:#1F3415; }
#materials {width:530px; height:65px; margin-bottom:20px;  background-color:none; font-size:12px; font-family: Univers;  padding:0px 0px; list-style-type:none;  -moz-column-count: 4;
    -moz-column-gap: 60px;
    -webkit-column-count: 4;
    -webkit-column-gap: 60px;
    column-count: 4;
	padding-left:0px;
	margin-left:0px;
    column-gap: 60px; }
#materials li { list-style-type:none; margin-left:0px; width:180px;  line-height:18px; letter-spacing:0em; font-family: Univers; color:#777777; font-size:12px; text-align:left; padding-left:0px; } 
#materials_table {display:none;}
 

.materialsContent strong {font-size:12px;}

#INTRO {text-align:justify; }

#DOUG-GORDON {text-align:justify; }

#NEWS {text-align:justify; }


#koa-list li {
font-size:12px; font-family: UniversLT; color:#938970;	
}

 
 img.background {
	 min-width:900px;
	 min-height:400px;
	 max-height:1203px;
	 max-width:2000px;
	 overflow:hidden;

 } 
 
 
 hr {
display: block;
-webkit-margin-before: .1em;
-webkit-margin-after: .1em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style:  solid;
border-bottom-width: 1px;
border-top-width: 0px;
margin-bottom: 0px;
margin-top: 36px;
 }
 
/* MOBILE - FURNITURE */
 
 
ul.sidenav2 {
    list-style: none;
    padding-left: 190px;
	margin: 0 auto;
	height: 125px;
	width:920px;
}

ul.sidenav2 li {
    width: 80px;
	height:133px;
	padding-bottom:20px;
    display: inline;
    color: #fff;
    text-align: center;
}


.mobileHead {
	margin-top:30px;
	margin-left:25%;
}


#IPHONE .mobileHead {
	margin-top:10px;
}

.mobileHead h2 {
	text-transform:uppercase;
	font-size:14px;
}

.mobileHead p {
	margin-bottom:0px;
	width:813px;
}


ul.sidenav2 li a .active { background:#F5F3EF ;}

ul.sidenav2 li a img:hover { background:#F5F3EF ; height:auto;}

.sn.active {  background-color: #F5F3EF ; height:138px;}

.sn .active img {background:#F5F3EF ; }

.active img {background:#F5F3EF ; }

li.sn.active {background:#F5F3EF ; height:138px;}

.sn .active {background:#F5F3EF ; height:138px;}


#cms-sidenav a {
    color: #848484;
    text-decoration: none;
	display: inline;
}

#cms-sidenav a:hover {
    color: #d1d1d1;
	background-color: #CCC;
	opacity:.6;
    text-decoration: none;
}

.sn a {
    width: 10%;
    display: inline;
	height:148px;
	list-style-type:none;
    overflow: hidden;
    padding: 10px 0;
}

div[id*="sn-pan-"] {
    width: 100%;
    height: 310px;
    position: relative;
	overflow: hidden;
    left: 0px;
    margin-top: 16px;
    display: none;
	background:#F5F3EF;
    border:  1px solid #ccc;  
	z-index:1;
}


div[id*="sn-pan-"] ul {
	margin:0 auto;
	position:relative;
	width:680px;
	padding-right:40px;
	
}



.snclose {
	margin-left:640px;
     width:100px;	
	margin-top:18px;
	cursor:pointer;
	font-family: UniversB;
	color:#666;
	font-size:11px;
	height:20px;

	}

 
 

.show {  
    height:  280px;  
    width:   420px;  
    padding: 0;  
    margin:  0; 
	left: 0px; 
} 
 
.show li {  
    padding: 10px 10px 10px 0;  
    border:  0px solid #ccc;  
    background:#F5F3EF ;  
    width:  680px; 
    height: 250px; 
} 


.show li img {  
    padding: 0px 0px 0px 0;  
    border:  0px solid #ccc;  
	float: left;
} 


li #description {  
    padding-right: 5px; 
	padding-top:0px;  
    border:  0px solid #ccc;  
    background-color:none;  
    width:  275px; 
    height: 225px;
	overflow-y:scroll;
	float:right;
	color:#696969;
} 

li #description strong {  
	font-style:normal;
	font-weight:bold;
	text-transform: uppercase;
    color: #1F3415;
} 


li #description em {
	font-style:italic;
	color:#696969;
	text-transform: uppercase;
	} 


#description em {
	
padding-bottom:0px !important;
display:block;
	
	
}


.cycle-nav {
display: block;
font-size: 40px;
height: 44px;
line-height: 22.1px;
margin-left: 70px;
margin-top: -200px;
padding-top: 26px;
position: absolute;
width: 320px;
z-index: 20;
}

 .next {
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
 display: inline;
 float: right;
 margin-left: 35px;
 cursor:pointer;
 z-index:0;
 opacity:.8;
   }
 
  .next:hover  { 
display: inline;
float: right;
color:#1F3415;
cursor:pointer;  
 opacity:1;
 
   }

  .prev { 
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
 display: inline;
float: left;
cursor:pointer;
margin-left:-60px;
 opacity:.8;

    }
 
  .prev:hover  { 
display: inline;
float: left;
color:#1F3415; 
cursor:pointer;
 opacity:1;
    }


 
 
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

html.home #fullscreenImages {
	
	overflow:hidden;
	
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, iphone-cases, header, hgroup, menu, nav, section, summary {
  display: block;
}

.sprite-sprite, .sprite-close-button, .sprite-delete-button, .sprite-dropdown-arrow-active, .sprite-dropdown-arrow-inactive, .sprite-eboutique-nav-pip, .sprite-fin, .sprite-icon-email, .sprite-icon-facebook, .sprite-icon-twitter, .sprite-jewelleryfinder-icon, .sprite-large-arrow-down-grey, .sprite-large-arrow-down-white, .sprite-large-arrow-down, .sprite-large-arrow-left-grey, .sprite-large-arrow-left-white, .sprite-large-arrow-left-with-bg, .sprite-large-arrow-left, .sprite-large-arrow-right-grey, .sprite-large-arrow-right-white, .sprite-large-arrow-right-with-bg, .sprite-large-arrow-right, .sprite-large-arrow-up-grey, .sprite-large-arrow-up-white, .sprite-large-arrow-up, .sprite-left-arrow-alt, .sprite-left-arrow-box, .sprite-line, .sprite-main-nav-pip-long, .sprite-main-nav-pip, .sprite-pip-down, .sprite-plus-sign, .sprite-right-arrow-alt, .sprite-right-arrow-box, .sprite-rotator, .sprite-small-arrow-down-grey, .sprite-small-arrow-down-white, .sprite-small-arrow-down, .sprite-small-arrow-left-grey, .sprite-small-arrow-left-white, .sprite-small-arrow-left, .sprite-small-arrow-right-grey, .sprite-small-arrow-right-white, .sprite-small-arrow-right, .sprite-small-arrow-up-grey, .sprite-small-arrow-up-white, .sprite-small-arrow-up, .sprite-video-link, .sprite-white, body h1, .header_image div.controls a, .header_image div.controls a.active, .header_image td span.arrow-down, .header_image td span.arrow-right, .header_bar div figure a span, #main-nav li.active, #main-nav li.a, .subnav div.subscribe form button span, .subnav div.subscribe a.close, .subnav div.store form button span, .subnav div.store a.close, .subnav div.terms a.close, .subnav div.retail a.close, .subnav div.register form button span, .subnav div.register a.close, .subnav .controls button.left, .subnav .controls button.right, body section div.col2 span.column-end, section.wop div.block-list div.block div.table a span.arrow-right, body section.full a span.left, body section.full a span.right, aside#sidenav.default nav ul li span.pip.pip-down, aside#sidenav.default nav div.collection-shop-link div a span, aside#sidenav.news nav ul li span.pip.pip-down, aside#sidenav.news nav div.collection-shop-link div a span, aside#sidenav.philosophy nav ul li span.pip.pip-down, aside#sidenav.philosophy nav div.collection-shop-link div a span, figure.video figcaption.videoLink span, #overlay button.close, body.home #fullscreenImages div.controls a, body.home #fullscreenImages div.controls a.active, body.home #fullscreenImages td span.arrow-down, body.home #fullscreenImages td span.arrow-right, body section.news article button.close, body section.news article div.jCarouselLite button.prev, body section.news article div.jCarouselLite button.next, body section.news article aside ul li button.sprite-facebook, body section.news article aside ul li button.sprite-twitter, body section.news article aside ul li button.sprite-email, section.news div.feature div.controls a, section.news div.feature div.controls a.active, section.news div.feature td span.arrow-down, section.news div.feature td span.arrow-right, body.wopas section div#imageGallery button.prev, body.wopas section div#imageGallery button.next, body.collection section.no-width div#collection-slider button.prev, body.collection section.no-width div#collection-slider button.next, body.collection div.details div a span.right, body.collection div.details div a span.plus, .boutique-locator section .region-menu ul li.active a span {
  background: url('images/sprite-sf933e03990.png') no-repeat;
  }

.retinasprite-sprite, .retinasprite-close-button, .retinasprite-delete-button, .retinasprite-dropdown-arrow-active, .retinasprite-dropdown-arrow-inactive, .retinasprite-eboutique-nav-pip, .retinasprite-fin, .retinasprite-icon-email, .retinasprite-icon-facebook, .retinasprite-icon-twitter, .retinasprite-jewelleryfinder-icon, .retinasprite-large-arrow-down-grey, .retinasprite-large-arrow-down-white, .retinasprite-large-arrow-down, .retinasprite-large-arrow-left-grey, .retinasprite-large-arrow-left-white, .retinasprite-large-arrow-left-with-bg, .retinasprite-large-arrow-left, .retinasprite-large-arrow-right-grey, .retinasprite-large-arrow-right-white, .retinasprite-large-arrow-right-with-bg, .retinasprite-large-arrow-right, .retinasprite-large-arrow-up-grey, .retinasprite-large-arrow-up-white, .retinasprite-large-arrow-up, .retinasprite-left-arrow-alt, .retinasprite-left-arrow-box-alt, .retinasprite-left-arrow-box, .retinasprite-main-nav-pip-long, .retinasprite-main-nav-pip, .retinasprite-plus-sign, .retinasprite-right-arrow-alt, .retinasprite-right-arrow-box-alt, .retinasprite-right-arrow-box, .retinasprite-rotator, .retinasprite-small-arrow-down-grey, .retinasprite-small-arrow-down-white, .retinasprite-small-arrow-down, .retinasprite-small-arrow-left-grey, .retinasprite-small-arrow-left-white, .retinasprite-small-arrow-left, .retinasprite-small-arrow-right-grey, .retinasprite-small-arrow-right-white, .retinasprite-small-arrow-right, .retinasprite-small-arrow-up-grey, .retinasprite-small-arrow-up-white, .retinasprite-small-arrow-up, .retinasprite-white {
  background: url('images/sprite-sf933e03990.png') no-repeat;
}


.icon-facebook {
  margin-top:5px;
  padding-bottom:0;
  margin-bottom:0;
  width:12px;
  height:10px;
  vertical-align:bottom;
  vertical-align:text-bottom;
  
}

.sprite-close-button {
  background-position: 0 -106px;
}
.sprite-close-button:hover, .sprite-close-button.close-button_hover, .sprite-close-button.close-button-hover {
  background-position: 0 -138px;
}

.sprite-delete-button {
  background-position: 0 -709px;
}

.sprite-dropdown-arrow-active {
  background-position: 0 -262px;
}

.sprite-dropdown-arrow-inactive {
  background-position: 0 -286px;
}

.sprite-eboutique-nav-pip {
  background-position: 0 -849px;
}

.sprite-fin {
  background-position: 0 -696px;
}

.sprite-icon-email {
  background-position: 0 -406px;
}
.sprite-icon-email:hover, .sprite-icon-email.icon-email_hover, .sprite-icon-email.icon-email-hover {
  background-position: 0 -426px;
}

.sprite-icon-facebook {
  background-position: 0 -446px;
}
.sprite-icon-facebook:hover, .sprite-icon-facebook.icon-facebook_hover, .sprite-icon-facebook.icon-facebook-hover {
  background-position: 0 -466px;
}

.sprite-icon-twitter {
  background-position: 0 -486px;
}
.sprite-icon-twitter:hover, .sprite-icon-twitter.icon-twitter_hover, .sprite-icon-twitter.icon-twitter-hover {
  background-position: 0 -506px;
}

.sprite-jewelleryfinder-icon {
  background-position: 0 -526px;
}

.sprite-large-arrow-down-grey {
  background-position: 0 -646px;
}

.sprite-large-arrow-down-white {
  background-position: 0 -656px;
}

.sprite-large-arrow-down {
  background-position: 0 -636px;
}

.sprite-large-arrow-left-grey {
  background-position: 0 -556px;
}

.sprite-large-arrow-left-white {
  background-position: 0 -572px;
}

.sprite-large-arrow-left-with-bg {
  background-position: 0 -857px;
}

.sprite-large-arrow-left {
  background-position: 0 -540px;
}

.sprite-large-arrow-right-grey {
  background-position: 0 -604px;
}

.sprite-large-arrow-right-white {
  background-position: 0 -620px;
}

.sprite-large-arrow-right-with-bg {
  background-position: 0 -889px;
}

.sprite-large-arrow-right {
  background-position: 0 -588px;
}

.sprite-large-arrow-up-grey {
  background-position: 0 -676px;
}

.sprite-large-arrow-up-white {
  background-position: 0 -686px;
}

.sprite-large-arrow-up {
  background-position: 0 -666px;
}

.sprite-left-arrow-alt {
  background-position: 0 -170px;
}

.sprite-left-arrow-box {
  background-position: 0 -310px;
}
.sprite-left-arrow-box:hover, .sprite-left-arrow-box.left-arrow-box_hover, .sprite-left-arrow-box.left-arrow-box-hover {
  background-position: 0 -334px;
}

.sprite-line {
  background-position: 0 -1037px;
}

.sprite-main-nav-pip-long {
  background-position: 0 -971px;
}

.sprite-main-nav-pip {
  background-position: 0 -853px;
}


.sprite-pip-down {
  background-position: 0 -1173px;
}

.sprite-plus-sign {
  background-position: 0 -719px;
}

.sprite-right-arrow-alt {
  background-position: 0 -202px;
}

.sprite-right-arrow-box {
  background-position: 0 -358px;
}
.sprite-right-arrow-box:hover, .sprite-right-arrow-box.right-arrow-box_hover, .sprite-right-arrow-box.right-arrow-box-hover {
  background-position: 0 -382px;
}

.sprite-rotator {
  background-position: 0 -1149px;
}
.sprite-rotator:hover, .sprite-rotator.rotator_hover, .sprite-rotator.rotator-hover {
  background-position: 0 -1165px;
}
.sprite-rotator:active, .sprite-rotator.rotator_active, .sprite-rotator.rotator-active {
  background-position: 0 -1157px;
}

.sprite-small-arrow-down-grey {
  background-position: 0 -809px;
}

.sprite-small-arrow-down-white {
  background-position: 0 -817px;
}

.sprite-small-arrow-down {
  background-position: 0 -801px;
}

.sprite-small-arrow-left-grey {
  background-position: 0 -741px;
}

.sprite-small-arrow-left-white {
  background-position: 0 -753px;
}

.sprite-small-arrow-left {
  background-position: 0 -729px;
}

.sprite-small-arrow-right-grey {
  background-position: 0 -777px;
}

.sprite-small-arrow-right-white {
  background-position: 0 -789px;
}

.sprite-small-arrow-right {
  background-position: 0 -765px;
}

.sprite-small-arrow-up-grey {
  background-position: 0 -833px;
}

.sprite-small-arrow-up-white {
  background-position: 0 -841px;
}

.sprite-small-arrow-up {
  background-position: 0 -825px;
}

.sprite-video-link {
  background-position: 0 -1101px;
}

.sprite-white {
  background-position: 0 -1177px;
}

.retinasprite-close-button {
  background-position: 0 -212px;
}
.retinasprite-close-button:hover, .retinasprite-close-button.close-button_hover, .retinasprite-close-button.close-button-hover {
  background-position: 0 -276px;
}

.retinasprite-delete-button {
  background-position: 0 -1928px;
}

.retinasprite-dropdown-arrow-active {
  background-position: 0 -780px;
}

.retinasprite-dropdown-arrow-inactive {
  background-position: 0 -828px;
}

.retinasprite-eboutique-nav-pip {
  background-position: 0 -1946px;
}

.retinasprite-fin {
  background-position: 0 -1648px;
}

.retinasprite-icon-email {
  background-position: 0 -1068px;
}
.retinasprite-icon-email:hover, .retinasprite-icon-email.icon-email_hover, .retinasprite-icon-email.icon-email-hover {
  background-position: 0 -1108px;
}

.retinasprite-icon-facebook {
  background-position: 0 -1148px;
}
.retinasprite-icon-facebook:hover, .retinasprite-icon-facebook.icon-facebook_hover, .retinasprite-icon-facebook.icon-facebook-hover {
  background-position: 0 -1188px;
}

.retinasprite-icon-twitter {
  background-position: 0 -1228px;
}
.retinasprite-icon-twitter:hover, .retinasprite-icon-twitter.icon-twitter_hover, .retinasprite-icon-twitter.icon-twitter-hover {
  background-position: 0 -1268px;
}

.retinasprite-jewelleryfinder-icon {
  background-position: 0 -1308px;
}

.retinasprite-large-arrow-down-grey {
  background-position: 0 -1548px;
}

.retinasprite-large-arrow-down-white {
  background-position: 0 -1568px;
}

.retinasprite-large-arrow-down {
  background-position: 0 -1528px;
}

.retinasprite-large-arrow-left-grey {
  background-position: 0 -1368px;
}

.retinasprite-large-arrow-left-white {
  background-position: 0 -1400px;
}

.retinasprite-large-arrow-left-with-bg {
  background-position: 0 -1958px;
}

.retinasprite-large-arrow-left {
  background-position: 0 -1336px;
}

.retinasprite-large-arrow-right-grey {
  background-position: 0 -1464px;
}

.retinasprite-large-arrow-right-white {
  background-position: 0 -1496px;
}

.retinasprite-large-arrow-right-with-bg {
  background-position: 0 -2022px;
}

.retinasprite-large-arrow-right {
  background-position: 0 -1432px;
}

.retinasprite-large-arrow-up-grey {
  background-position: 0 -1608px;
}

.retinasprite-large-arrow-up-white {
  background-position: 0 -1628px;
}

.retinasprite-large-arrow-up {
  background-position: 0 -1588px;
}

.retinasprite-left-arrow-alt {
  background-position: 0 -340px;
}

.retinasprite-left-arrow-box-alt {
  background-position: 0 -404px;
}
.retinasprite-left-arrow-box-alt:hover, .retinasprite-left-arrow-box-alt.left-arrow-box-alt_hover, .retinasprite-left-arrow-box-alt.left-arrow-box-alt-hover {
  background-position: 0 -468px;
}

.retinasprite-left-arrow-box {
  background-position: 0 -876px;
}
.retinasprite-left-arrow-box:hover, .retinasprite-left-arrow-box.left-arrow-box_hover, .retinasprite-left-arrow-box.left-arrow-box-hover {
  background-position: 0 -924px;
}

.retinasprite-main-nav-pip-long {
  background-position: 0 -2086px;
}

.retinasprite-main-nav-pip {
  background-position: 0 -1954px;
}



.retinasprite-plus-sign {
  background-position: 0 -1674px;
}

.retinasprite-right-arrow-alt {
  background-position: 0 -532px;
}

.retinasprite-right-arrow-box-alt {
  background-position: 0 -596px;
}
.retinasprite-right-arrow-box-alt:hover, .retinasprite-right-arrow-box-alt.right-arrow-box-alt_hover, .retinasprite-right-arrow-box-alt.right-arrow-box-alt-hover {
  background-position: 0 -660px;
}

.retinasprite-right-arrow-box {
  background-position: 0 -972px;
}
.retinasprite-right-arrow-box:hover, .retinasprite-right-arrow-box.right-arrow-box_hover, .retinasprite-right-arrow-box.right-arrow-box-hover {
  background-position: 0 -1020px;
}

.retinasprite-rotator {
  background-position: 0 -2114px;
}
.retinasprite-rotator:hover, .retinasprite-rotator.rotator_hover, .retinasprite-rotator.rotator-hover {
  background-position: 0 -2106px;
}
.retinasprite-rotator:active, .retinasprite-rotator.rotator_active, .retinasprite-rotator.rotator-active {
  background-position: 0 -2098px;
}

.retinasprite-small-arrow-down-grey {
  background-position: 0 -1853px;
}

.retinasprite-small-arrow-down-white {
  background-position: 0 -1868px;
}

.retinasprite-small-arrow-down {
  background-position: 0 -1838px;
}

.retinasprite-small-arrow-left-grey {
  background-position: 0 -1718px;
}

.retinasprite-small-arrow-left-white {
  background-position: 0 -1742px;
}

.retinasprite-small-arrow-left {
  background-position: 0 -1694px;
}

.retinasprite-small-arrow-right-grey {
  background-position: 0 -1790px;
}

.retinasprite-small-arrow-right-white {
  background-position: 0 -1814px;
}

.retinasprite-small-arrow-right {
  background-position: 0 -1766px;
}

.retinasprite-small-arrow-up-grey {
  background-position: 0 -1898px;
}

.retinasprite-small-arrow-up-white {
  background-position: 0 -1913px;
}

.retinasprite-small-arrow-up {
  background-position: 0 -1883px;
}

.retinasprite-white {
  background-position: 0 -2122px;
}



@font-face {
	-webkit-font-smoothing: antialiased;
	font-family: Univers;
	src: url('fonts/univers.otf'),
	     url('fonts/univers.eot');
}

@font-face {
	-webkit-font-smoothing: antialiased;
	font-family: UniversB;
	src: url('fonts/univers-bold.ttf');
}

@font-face {
	-webkit-font-smoothing: antialiased;
	font-family: UniversLT;
	src: url('fonts/UniversLTStd.eot'),
	     url('fonts/UniversLTStd.otf');
	     
}

@font-face {
	-webkit-font-smoothing: antialiased;
	font-family: Baskvl;
	src: url('fonts/baskvl.eot'),
	     url('fonts/baskvl.ttf'); /* Safari, Android, iOS */
}

@font-face {
	-webkit-font-smoothing: antialiased;
	font-family: Didot;
	src: url('fonts/didot-italic.eot'),
	url('fonts/didot-italic.ttf');  /* Safari, Android, iOS */
         
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
h1, h2, h4, h5, a {
  text-transform: capitalize;
  letter-spacing: 0em;
}

h3 {
	  text-transform: none;
	  font-size:10px;
	  letter-spacing:0px;

}

a {
  text-transform: uppercase;
}

body.layout1 {
	font-family: UniversLT;
    color: #777777;
}

aside#sidenav {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

section p {
  color:#938970;
  font-size:12px;  
  line-height: 17px;
  margin-bottom: 12px;
}

section p:last-child {
  margin-bottom: 0;
}

body a {
  color: #777777;
  font-style: normal;
  text-decoration: none;
  border: none;
  outline: none;
}
body a:visited {
  color: #777777;
}
body a:focus {
  color: #777777;
}
body a:hover {
  color: #1F3415;
}
body a:active {
  color: #777777;
}

.subnav {
  font-size: 12px;
}

#header {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}
#header .header_bar h1 {
  font-size: 22px !important;
  background-image:url(images/logo.jpg);
  background-position:center;
  height:52px;
  color: #1F3415;
  margin-top:-15px;
}

.header_image h1, .header_image h2, .header_image h3, .header_image h4, .header_image h5 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.header_image h2 {
  font-size: 24px;
  line-height: 32px;
  color: #1F3415;
  margin-bottom: 5px;
}
.header_image h3 {
  font-size: 14px;
  line-height: 16px;
  color: white;
}

body footer a {
  font-size: 9px;
  text-transform: uppercase;
}

#main-nav {
  font-size: 12px;
  text-transform: uppercase;
}

div.block-list div.block div.table {
  text-align: center;
}
div.block-list div.block div.table div.table-cell {
  text-transform: capitalize;
}
div.block-list div.block div.table div.table-cell span {
  font-size: 14px;
  line-height: 22px;
}
div.block-list div.block div.table div.table-cell span.small {
  font-size: 13px;
  line-height: 20px;
  color: #aaaaaa;
}
div.block-list div.block div.table div.table-cell a {
  font-size: 14px;
}
div.block-list div.block p {
  font-size: 14px;
  line-height: 18px;
}

body section.full {
  font-size: 13px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/layout.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
body, body * {
  -webkit-font-smoothing: antialiased;
}

body h1 {
  height: 26px;
  width: 200px;
  top: -6px;
  background-position: 0 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body h1 {
    background-position: 0 0;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    -o-background-size: 200px auto;
    background-size: 200px auto;
  }
  
}

body h1 a {
  text-indent: -9999px;
  display: block;
  height: 52px;
}

body.layout1 {
  padding: 0px 0 150px;
}

.clear {
  clear: both;
}

#nav {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: white;
  z-index: 101;
}

.subnav {
  position: fixed;
  bottom: -190px;
  left: 0px;
  width: 100%;
  background-color: white;
  z-index: 100;
}

#header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  background: white;
  height: 11px !important;
  z-index: 99;
}

.header_wrapper .header_bar {
  position: relative;
}
.header_wrapper .header_bar nav {
  position: absolute;
  left: 0;
}

.header_wrapper .header_bar div {
  position: absolute;
  right: 0;
}
.header_wrapper .header_bar h1 {
  position: absolute;
  left: 385px;
}
.home .header_wrapper .header_bar h1 {
  position: absolute;
  left: 382px;
}
.header_wrapper .header_bar a:hover span {
  border: 1px solid #1F3415;
}

#nav ul
, body section
, .header_bar
, #sidenav nav div.collection-shop-link
, .sub-nav-list
, .subnav .controls {
  width: 976px;
  margin: 0 auto;
}

body section {
  width: 820px;
  padding-left: 258px;
}

body section#mobile {
width:100%; float:left; padding-left:0px; margin-bottom:50px; 
}


.header_image {
  background-color: #1F3415;
  height: 600px;
  overflow: hidden;
  margin-top: 71px;
  position: relative;
  background-color: whitesmoke;
}
.header_image .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  visibility: hidden;
}
.header_image .loader .loader-body {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px -75px 0;
  display: block;
  width: 150px;
  height: 150px;
  z-index: 2;
  background-color: "#ccc";
}
.header_image .loader .loader-mask {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  z-index: 3;
  left: 50%;
  margin: -100px -100px 0;
}
.header_image div, .header_image img.background, .header_image ul, .header_image table {
  position: absolute;
  z-index: 20;
}
.header_image img.background {
  visibility: hidden;
}
.header_image ul {
  display: none;
  z-index: 30;
  top: 50%;
}
.header_image table {
  z-index: 39;
  top: 0;
}
.header_image table {
  width: 100%;
  height: 100%;
}
.header_image table td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  width: 33%;
  height: 33%;
  padding: 0px;
}
.header_image table td div {
  position: relative;
}
.header_image table td div h2 {
	font-family: UniversLT;
  color: #1F3415;
}
.header_image table td div h3 {
	font-family: UniversLT;
  color: white;
}
.header_image table td div.default-font h2 {
	font-family: UniversLT;
}
.header_image table td div.classic-font h2 {
	font-family: UniversLT;
}
.header_image table td div a {
  display: block;
}
.header_image table td div.default a h3, .header_image table td div.default a:hover h3 {
  color: white;
}
.header_image table td div.dark h2 {
  color: #444444;
}
.header_image table td div.dark a h3, .header_image table td div.dark a:hover h3 {
  color: #777777;
}
.header_image table td div.light h2 {
  color: white;
}
.header_image table td div.light a h3, .header_image table td div.light a:hover h3 {
  color: white;
}
.header_image table td div span.arrow-right {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 10px;
}
.header_image table td#t1, .header_image table td#t2, .header_image table td#t3 {
  padding-top: 56px;
}
.header_image table td#t7, .header_image table td#t8, .header_image table td#t9 {
  padding-bottom: 56px;
}
.header_image table td#t1, .header_image table td#t4, .header_image table td#t7 {
  padding-left: 56px;
}
.header_image table td#t3, .header_image table td#t6, .header_image table td#t9 {
  padding-right: 56px;
}
.header_image table.multi td#t7, .header_image table.multi td#t8, .header_image table.multi td#t9 {
  padding-bottom: 112px;
}
.header_image h1, .header_image h2, .header_image h4, .header_image h5 {
  text-transform: uppercase;
	font-family: UniversLT;
}

.header_image h3 {
	font-family: UniversLT;
	}

.header_image h2 {
  color: #1F3415;
}
.header_image div.controls {
  z-index: 50;
  bottom: 24px;
  left: 50%;
  margin-left: -40px;
  visibility: hidden;
}
.header_image div.controls a {
  display: inline-block;
  height: 8px;
  width: 8px;
  text-indent: 0px;
  background-position: 0 -1149px;
  margin: 8px 5px 8px 0;
}
.header_image div.controls a:hover, .header_image div.controls a.rotator_hover, .header_image div.controls a.rotator-hover {
  background-position: 0 -1165px;
}
.header_image div.controls a:active, .header_image div.controls a.rotator_active, .header_image div.controls a.rotator-active {
  background-position: 0 -1157px;
}
.header_image div.controls a.active {
  background-position: 0 -1165px;
}
.header_image td span.arrow {
  margin: 16px auto 0;
  display: block;
}
.header_image td span.arrow-down {
  width: 16px;
  height: 8px;
  background-position: 0 -801px;
}
.header_image td span.arrow-right {
  width: 8px;
  height: 12px;
  background-position: 0 -765px;
}
.header_image td h3 {
  margin-top: 16px;
  font-size: 15px;
}

#nav {
  border-top: 1px solid #dddddd;
  
}

#header {
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
#header ul li {
  display: inline;
  padding: 0 8px;
  border-right: 1px solid #dddddd;
}
#header ul li:last-child {
  border: none;
}

.header_bar div figure figcaption {
  float: left;
}
.header_bar div figure a {
  margin: -5px 0px 0px 17px;
  float: left;
}
.header_bar div figure a span {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  background-position: 0 -446px;
}
.header_bar div figure a span:hover, .header_bar div figure a span.icon-facebook_hover, .header_bar div figure a span.icon-facebook-hover {
  background-position: 0 -466px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .header_bar div figure a span {
    background-image: url('img/sprites/retinasprite-s4520b5e7a6.png');
    background-position: 0 -574px;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    -o-background-size: 200px auto;
    background-size: 200px auto;
  }
  
  .header_bar h1 {
	  background-position: 0 -574px;
    -webkit-background-size: 51px auto;
    -moz-background-size: 51px auto;
    -o-background-size: 51px auto;
    background-size: 51px auto;
    width:51px; 
	margin-left: 75px;

  }
  
}


/* Scroll Bars
---------------------------------------------------- */
::-webkit-scrollbar {width: 6px; height: 4px; background: #F5F3EF;}
::-webkit-scrollbar-thumb {background-color:#1F3415; border: 1px solid #F5F3EF;}


body footer {
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: center;
  min-height: 16px;
  min-width: 980px;
  position: relative;
  background-color: #F5F3EF;
}
body footer ul li {
  display: inline;
}
body footer ul li {
  padding: 20px 18px;
}
body footer ul.copyright {
  position: absolute;
  right: 0px !important;
  bottom: 8px;
  left: auto;
  width: auto !important;
}

body footer ul.copyright span {
  font-size: 10px;
  text-transform: uppercase;
}

body footer.footer-small ul.footer-left {
  margin-left: 0px !important;
  margin-right: 0px !important;
  position: absolute;
  width: auto !important;
  left: 0px;
}

#main-nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
#main-nav li {
  margin: 0 -4px;
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  white-space: nowrap;
  width: 245px;
}
#main-nav li a span {
  text-align: center;
  vertical-align: middle;
  padding: 24px 0;
  display: block;
}
#main-nav li.active, #main-nav li.a {
  background-position: 0 -971px;
  background-image:none;
}
#main-nav li.active span, #main-nav li.a span {
  color: #1F3415 !important;
  font-family: UniversB;
  font-size:13px;
}

.subnav {
  display: block;
  border-top: 1px solid #dddddd;
}
.subnav a {
  margin: 0px 14px 24px 12px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.subnav a.active img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #1F3415;
}
.subnav a.active figcaption {
  color: #1F3415;
}
.subnav a:first-child {
  margin-left: 0px;
}
.subnav a:last-child {
  margin-right: 0px;
}
.subnav a figure {
  margin-bottom: -2px;
}
.subnav a figure figcaption {
  text-align: center;
  padding: 16px 0;
  font-size:11px;
}
.subnav a figure img {
  border: none;
  width: 108px;
  opacity: 0;
}
.subnav div.sub-nav-list {
  position: relative;
  overflow: hidden;
  height: 128px;
}
.subnav div.sub-nav-list div.list-wrapper {
  width: 200000px;
  position: absolute;
}
.subnav div.sub-nav-list div.list-wrapper.items1 {
  left: 434.5px;
}
.subnav div.sub-nav-list div.list-wrapper.items2 {
  left: 373px;
}
.subnav div.sub-nav-list div.list-wrapper.items3 {
  left: 311.5px;
}
.subnav div.sub-nav-list div.list-wrapper.items4 {
  left: 250px;
}
.subnav div.sub-nav-list div.list-wrapper.items5 {
  left: 188.5px;
}
.subnav div.sub-nav-list div.list-wrapper.items6 {
  left: 127px;
}
.subnav div.sub-nav-list div.list-wrapper.items7 {
  left: 65.5px;
}



.subnav div.subscribe {
  height: 136px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 976px;
  margin: 0 auto;
  padding: 20px 0px;
  font-size: 12px;
  position: relative;
}
.subnav div.subscribe h4 {
  margin-bottom: 28px;
  color: #1F3415;
}
.subnav div.subscribe p {
  width: 125px;
  line-height: 24px;
   color: #938970;
   display:inline;
   list-style-type:none;
}
.subnav div.subscribe form {
position: absolute;
  left: 0px;
  right: 0px;
  top: 84px;
  height: 48px;
}

.subnav div.subscribe form p {
margin-right:60px;
}

.subnav div.subscribe form label {
  z-index: 1;
}
.subnav div.subscribe form input {
  border: 1px solid #1F3415;
}
.subnav div.subscribe form input.error {
  border: 1px solid red;
  color: #ff0000;
}
.subnav div.subscribe form button {
  position: absolute;
  cursor:pointer;
  right: 0px;
  border: 2px solid #1F3415;
  background-color: transparent;
  padding: 8px 22px 5px 8px;
  color: #1F3415;
  letter-spacing: 0.1em;
  margin: 0;
  margin-right:11px;
  cursor: pointer;
  font-family: UniversLT;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.subnav div.subscribe form button span {
  background-position: 0 -765px;
  width: 8px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.subnav div.subscribe a.close {
  position: absolute;
  display: block;
  right: 0px;
  top: 26px;
  margin-top: -16px;
  text-indent: -10000px;
  width: 32px;
  height: 32px;
  background-position: 0 -106px;
}
.subnav div.subscribe a.close:hover, .subnav div.subscribe a.close.close-button_hover, .subnav div.subscribe a.close.close-button-hover {
  background-position: 0 -138px;
}
.subnav div.register {
  height: 170px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 976px;
  margin: 0 auto;
  padding: 20px 0px;
  font-size: 12px;
  position: relative;
}
.subnav div.register h4 {
  margin-bottom: 28px;
  color: #1F3415;
}
.subnav div.register p {
  line-height: 24px;
   font-size: 10px;
   color: #938970;  
}
.subnav div.register form {
  position: absolute;
  left: 55px;
  right: 0px;
  top: 60px;
  height: 20px;
}
.subnav div.register form input, .subnav div.register form label, .subnav div.register form textarea  {
  position: absolute;
  left: 0px;
  width: 220px;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 6px;
  outline: none;
  color: #938970;
  line-height: 12px;
  font-size:10px;
}

.subnav div.register form label {
  position: absolute;
  left: -60px;
  width:30px;
 }
 
.subnav div.register form input.email, .subnav div.register form label.email {
  top: 30px;
}
.subnav div.register form input.subject, .subnav div.register form label.subject {
  top: 60px;
}
.subnav div.register form textarea.message, .subnav div.register form label.message {
  top: 90px;
}

.subnav div.register form textarea.message {
	height:70px;
}

.subnav div.register form label {
  z-index: 1;
}
.subnav div.register form input {
  border: 1px solid #938970;
}

.subnav div.register form textarea {
  border: 1px solid #938970;
}

.subnav div.register form input.error {
  border: 1px solid red;
  color: #ff0000;
}
.subnav div.register form button {
  position: absolute;
  right: 0px;
  border: 2px solid #1F3415;
  background-color: transparent;
  padding: 5px 22px 6px 10px;
  color: #1F3415;
  letter-spacing: 0.1em;
  margin: 0;
  cursor: pointer;
  font-family: UniversLT;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 32px;
}
.subnav div.register form button span {
  background-position: 0 -765px;
  width: 8px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.subnav div.register a.close {
  position: absolute;
  display: block;
  right: 0px;
  top: 26px;
  margin-top: -16px;
  text-indent: -10000px;
  width: 32px;
  height: 32px;
  background-position: 0 -106px;
}
.subnav div.register a.close:hover, .subnav div.register a.close.close-button_hover, .subnav div.register a.close.close-button-hover {
  background-position: 0 -138px;
}



.subnav div.store {
  height: 136px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 976px;
  margin: 0 auto;
  padding: 20px 0px;
  font-size: 12px;
  position: relative;
}
.subnav div.store h4 {
  margin-bottom: 28px;
  color: #1F3415;
}
.subnav div.store p {
  width: 345px;
  line-height: 24px;
   color: #938970;

}
.subnav div.store form {
  position: absolute;
  left: 404px;
  right: 0px;
  top: 63px;
  height: 48px;
}
.subnav div.store form input, .subnav div.store form label {
  position: absolute;
  left: 0px;
  width: 356px;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 14px;
  outline: none;
   color: #938970;
  line-height: 24px;
}
.subnav div.store form label {
  z-index: 1;
}
.subnav div.store form input {
  border: 1px solid #1F3415;

}
.subnav div.store form input.error {
  border: 1px solid red;
  color: #ff0000;
}
.subnav div.store form button {
  position: absolute;
  right: 0px;
  border: 2px solid #1F3415;
  background-color: transparent;
  padding: 8px 22px 5px 8px;
  color: #1F3415;
  letter-spacing: 0.1em;
  margin: 0;
  cursor: pointer;
  font-family: UniversLT;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
.subnav div.store form button span {
  background-position: 0 -765px;
  width: 8px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.subnav div.store a.close {
  position: absolute;
  display: block;
  right: 0px;
  top: 26px;
  margin-top: -16px;
  text-indent: -10000px;
  width: 32px;
  height: 32px;
  background-position: 0 -106px;
}
.subnav div.store a.close:hover, .subnav div.store a.close.close-button_hover, .subnav div.store a.close.close-button-hover {
  background-position: 0 -138px;
}




.subnav div.retail {
  height: 136px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 976px;
  margin: 0 auto;
  padding: 20px 0px;
  font-size: 12px;
  position: relative;
}
.subnav div.retail h4 {
  margin-bottom: 28px;
  color: #1F3415;
}
.subnav div.retail p {
   color: #938970;
   font-size:10px;
   left:30px;
   height:12px;

}

.subnav div.retail a.close {
   position: absolute;
  display: block;
  right: 0px;
  top: 26px;
  margin-top: -16px;
  text-indent: -10000px;
  width: 32px;
  height: 32px;
  background-position: 0 -106px;
}

.subnav div.retail a.close:hover, .subnav div.retail a.close.close-button_hover, .subnav div.retail a.close.close-button-hover {
  background-position: 0 -138px;
}

.subnav div.terms {
  height: 136px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 976px;
  margin: 0 auto;
  padding: 20px 0px;
  font-size: 12px;
  position: relative;
}
.subnav div.terms h4 {
  margin-bottom: 28px;
  color: #1F3415;
}
.subnav div.terms p {
  width: 200px;
  line-height: 0px;
   color: #938970;
   font-size:10px;
   left:30px;

}

.subnav div.terms a.close {
  position: absolute;
  display: block;
  right: 0px;
  top: 26px;
  margin-top: -16px;
  text-indent: -10000px;
  width: 32px;
  height: 32px;
  background-position: 0 -106px;
}
.subnav div.terms a.close:hover, .subnav div.terms a.close.close-button_hover, .subnav div.terms a.close.close-button-hover {
  background-position: 0 -138px;
}


.subnav .controls {
  position: relative;
}
.subnav .controls button {
  text-indent: 0px;
  border: none;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 66;
  top: 64px;
}
.subnav .controls button:hover {
  cursor: pointer;
}
.subnav .controls button.left {
  background-position: 0 -170px;
  left: -32px;
}

/* mobile declarations */

@media only screen and (max-device-width: 480px)
  { 
 
 div[id*="sn-pan-"]  {
	padding-right: 100px;
	
}

}


@media only screen and (max-device-width : 1024px)  { 
 
 div[id*="sn-pan-"]  {
	padding-right: 100px;
	
}

}

@media all and (orientation:portrait) {


 img.background {
	 margin-top:200px;
	 min-width:900px;
	 min-height:1400px;
	 overflow:hidden;
	 width:auto;

 } 

}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .subnav .controls button.left {
    left: -16px;
  }
  
 p { text-size-adjust: none; }

  
  
}




@media only screen and (max-width: 1024px) {
  .subnav .controls button.left {
    left: -16px;
  }
}
.subnav .controls button.right {
  background-position: 0 -202px;
  right: -32px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .subnav .controls button.right {
    right: -16px;
  }
}
@media only screen and (max-width: 1024px) {
  .subnav .controls button.right {
    right: -16px;
  }
}

body section {
  margin-top: 56px;
  margin-bottom: 16px;
  clear: both;
}
body section h3 {
  margin-bottom: 40px;
  width: 480px;
  font-size: 22px;
  line-height: 32px;
  color: #1F3415;
  text-transform: uppercase;
}
body section h4 {
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 24px;
}
body section p.highlight {
  width: 480px;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
}
body section div.spacer {
  border-bottom: 1px solid #1F3415;
  width: 32px;
  height: 1px;
  margin: 24px 0;
  line-height: 1px;
  clear: both;
}
body section div.full {
  margin-top: 40px;
}
body section div.col1 {
  float: left;
  width: 356px;
}
body section div.col2 {
  float: right;
  width: 356px;
}
body section div.col2 figure {
  margin-top: 0px;
}
body section div.col2 figure figcaption {
  margin-left: 169px;
  width: 187px;
}
body section div.col2 span.column-end {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 13px;
  height: 13px;
  margin-left: 0.5em;
  background-position: 0 -696px;
  margin-bottom: 4px;
}
body section div.col.col2.video {
  width: 310px;
}
body section div.col.col2.video figcaption {
  margin-left: 123px;
}
body section div.col p {
  width: 293px;
  color: #777777;
}
body section figure {
  margin: 24px 0;
}
body section figure figcaption {
  margin-top: 8px;
  margin-left: 370px;
  width: 356px;
  font-size: 14px;
  line-height: 16px;
}
body section.privacy {
  width: 640px!important;
  padding-left: 0;
  margin: 0 auto;
}
body section.privacy h2 {
  text-align: center;
  margin-bottom: 50px;
}

section.wop div.block-list {
  margin-top: 32px;
  clear: none;
}
section.wop div.block-list:after {
  clear: both;
}
section.wop div.block-list div.block.lead div.table {
  border: 2px solid #1F3415 !important;
}
section.wop div.block-list div.block {
  position: relative;
  float: left;
  width: 228px;
  margin-right: 16px;
  border: 2px solid #dddddd;
}
section.wop div.block-list div.block div.table {
  width: 100%;
  height: 152px;
  position: relative;
  margin-bottom: 16px;
}
section.wop div.block-list div.block div.table div.table-cell {
  position: relative;
  height: 95px;
  width: 210px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
section.wop div.block-list div.block div.table div.table-cell span {
  width: 194px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  display: block;
  margin-bottom: 8px;
  padding: 0 8px;
}
section.wop div.block-list div.block div.table div.table-cell img {
  width: 210px;
  margin-bottom: 16px;
}
section.wop div.block-list div.block div.table div.table-cell span.pip {
  width: 16px;
  margin: 10px auto;
  height: 8px;
}
section.wop div.block-list div.block div.table a {
  text-align: center;
  bottom: 32px;
  position: absolute;
  padding-left: 8px;
  margin-top: 16px;
  display: block;
  width: 100%;
  font-size: 12px;
}
section.wop div.block-list div.block div.table a span.arrow-right {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-position: 0 -765px;
  width: 8px;
  height: 12px;
  margin-left: 8px;
  margin-top: -3px;
}
section.wop div.block-list div.block div.table.lead span {
  font-size: 18px!important;
}
section.wop div.block-list div.block:last-child {
  margin-right: 0px;
}
section.wop div.block-list div.block p {
  padding: 0 8px;
  text-align: justify;
}

html.lt-ie9 section.wop div.block-list div.block {
  width: 226px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

body section.full {
  width: 976px;
  padding-left: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 12px 0;
}
body section.full a {
  position: relative;
  padding: 0 24px;
}
body section.full a span {
  display: block;
  width: 12px;
  height: 12px;
}
body section.full a span.left {
  position: absolute;
  left: 0px;
  background-position: 0 -729px;
}
body section.full a span.right {
  position: absolute;
  right: 0px;
  top: 0px;
  background-position: 0 -765px;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

img#loader-preload {
  position: absolute;
  left: -10000px;
}

#virtues {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-top: -17px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/wopas.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.editor {
  line-height: 26px;
}
.editor h1 {
  background: none;
  text-indent: 0;
}
.editor ul {
  list-style-type: disc;
  list-style-position: inside;
}
.editor ul li {
	padding-left: 8px;
	list-style-type: decimal;
	list-style-position: outside;
}
.editor ol {
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 12px;
}
.editor ol li {
	color: #938970;
	display: inherit;
	list-style-position: inside;
	width: 700px;
}
.editor h3 {
  font-size: 22px;
  line-height: 32px;
  text-transform: uppercase;
}
.editor h4 {
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.editor a {
  text-transform: none;
  text-decoration: underline;
  letter-spacing: 0;
}
.editor strong {
  font-weight: bold;
}
.editor em {
  font-style: italic;
}

aside#sidenav.default {
  display: none;
  position: absolute;
  top: 920px;
  left: 0px;
  width: 125px;
  white-space: normal;
  margin-left:10%;
}
aside#sidenav.default nav ul li {
  position: relative;
  width: 125px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #dddddd;
}
aside#sidenav.default nav ul li a {
  padding: 10px 0px;
  display: block;
  width: 185px;
  color: #aaaaaa;
}
aside#sidenav.default nav ul li:last-child {
  padding-bottom: 0px;
}
aside#sidenav.default nav ul li.active a {
  color: #1F3415;
  font-style:bold;  
  font-family: UniversB;

}
aside#sidenav.default nav ul li span.pip {
  position: absolute;
  height: 8px;
  width: 20px;
  right: 0px;
  top: 14px;
}
aside#sidenav.default nav ul li span.pip.pip-down {
  background-position: 0 -801px;
}
aside#sidenav.default nav ul li ul.hidden, aside#sidenav.default nav ul li span.hidden {
  display: none;
}
aside#sidenav.default nav ul li ul a, aside#sidenav.default nav ul li span a {
  font-size: 12px;
  line-height: 14px;
}
aside#sidenav.default nav ul li ul li:last-child, aside#sidenav.default nav ul li span li:last-child {
  border: none;
}
aside#sidenav.default nav ul li ul li:first-child, aside#sidenav.default nav ul li span li:first-child {
  border-top: 1px solid #dddddd;
}
aside#sidenav.default nav ul li.image {
  border: none;
  padding-bottom: 24px;
}
aside#sidenav.default nav div.collection-shop-link div {
  width: 156px;
  margin-top: 56px;
}
aside#sidenav.default nav div.collection-shop-link div a {
  display: block;
  width: 100%;
  border: 2px solid #1F3415;
  padding: 10px 12px 7px;
  position: relative;
}
aside#sidenav.default nav div.collection-shop-link div a span {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-position: 0 -765px;
  right: 8px;
  top: 15px;
}
aside#sidenav.news {
  display: none;
  position: absolute;
  top: 920px;
  left: 0px;
  width: 100%;
  white-space: normal;
  display: block;
  position: fixed;
  top: 95px;
}
aside#sidenav.news nav ul li {
  position: relative;
  width: 185px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #dddddd;
}
aside#sidenav.news nav ul li a {
  padding: 10px 0px;
  display: block;
  width: 185px;
  color: #aaaaaa;
}
aside#sidenav.news nav ul li:last-child {
  padding-bottom: 0px;
}
aside#sidenav.news nav ul li.active a {
  color: #777777;
}
aside#sidenav.news nav ul li span.pip {
  position: absolute;
  height: 8px;
  width: 20px;
  right: 0px;
  top: 14px;
}
aside#sidenav.news nav ul li span.pip.pip-down {
  background-position: 0 -801px;
}
aside#sidenav.news nav ul li ul.hidden, aside#sidenav.news nav ul li span.hidden {
  display: none;
}
aside#sidenav.news nav ul li ul a, aside#sidenav.news nav ul li span a {
  font-size: 12px;
  line-height: 14px;
}
aside#sidenav.news nav ul li ul li:last-child, aside#sidenav.news nav ul li span li:last-child {
  border: none;
}
aside#sidenav.news nav ul li ul li:first-child, aside#sidenav.news nav ul li span li:first-child {
  border-top: 1px solid #dddddd;
}
aside#sidenav.news nav ul li.image {
  border: none;
  padding-bottom: 24px;
}
aside#sidenav.news nav div.collection-shop-link div {
  width: 156px;
  margin-top: 56px;
}
aside#sidenav.news nav div.collection-shop-link div a {
  display: block;
  width: 100%;
  border: 2px solid #1F3415;
  padding: 10px 12px 7px;
  position: relative;
}
aside#sidenav.news nav div.collection-shop-link div a span {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-position: 0 -765px;
  right: 8px;
  top: 15px;
}
aside#sidenav.news nav ul li {
  font-size: 12px;
  line-height: 16px;
}
aside#sidenav.news nav ul li:hover a, aside#sidenav.news nav ul li.active a {
  color: #222!important;
}
aside#sidenav.philosophy {
  display: none;
  position: absolute;
  top: 920px;
  left: 0px;
  width: 100%;
  white-space: normal;
}
aside#sidenav.philosophy nav ul li {
  position: relative;
  width: 185px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #dddddd;
}
aside#sidenav.philosophy nav ul li a {
  padding: 10px 0px;
  display: block;
  width: 185px;
  color: #aaaaaa;
}
aside#sidenav.philosophy nav ul li:last-child {
  padding-bottom: 0px;
}
aside#sidenav.philosophy nav ul li.active a {
  color: #777777;
}
aside#sidenav.philosophy nav ul li span.pip {
  position: absolute;
  height: 8px;
  width: 20px;
  right: 0px;
  top: 14px;
}
aside#sidenav.philosophy nav ul li span.pip.pip-down {
  background-position: 0 -801px;
}
aside#sidenav.philosophy nav ul li ul.hidden, aside#sidenav.philosophy nav ul li span.hidden {
  display: none;
}
aside#sidenav.philosophy nav ul li ul a, aside#sidenav.philosophy nav ul li span a {
  font-size: 12px;
  line-height: 14px;
}
aside#sidenav.philosophy nav ul li ul li:last-child, aside#sidenav.philosophy nav ul li span li:last-child {
  border: none;
}
aside#sidenav.philosophy nav ul li ul li:first-child, aside#sidenav.philosophy nav ul li span li:first-child {
  border-top: 1px solid #dddddd;
}
aside#sidenav.philosophy nav ul li.image {
  border: none;
  padding-bottom: 24px;
}
aside#sidenav.philosophy nav div.collection-shop-link div {
  width: 156px;
  margin-top: 56px;
}
aside#sidenav.philosophy nav div.collection-shop-link div a {
  display: block;
  width: 100%;
  border: 2px solid #1F3415;
  padding: 10px 12px 7px;
  position: relative;
}
aside#sidenav.philosophy nav div.collection-shop-link div a span {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-position: 0 -765px;
  right: 8px;
  top: 15px;
}

figure.video {
  position: relative;
}
figure.video figcaption.videoLink {
  margin-left: 0!important;
  position: absolute;
  top: 55.5px;
  left: 72px;
  z-index: 80;
  width: 179px;
}
figure.video figcaption.videoLink a {
  border: 1px solid white;
  color: #ffffff;
  text-transform: uppercase;
  padding: 12px 12px 10px;
  display: block;
}
figure.video figcaption.videoLink a:hover {
  border: 1px solid #1F3415;
  color: #1F3415;
}
figure.video figcaption.videoLink span {
  background-position: 0 -765px;
  position: absolute;
  display: block;
  z-index: 81;
  top: 14px;
  right: 12px;
  width: 10px;
  height: 12px;
}

#overlay {
  position: fixed;
  height: 1500px;
  width: 100%;
  top: 71px;
  z-index: 80;
  background-repeat: repeat;
}
#overlay div {
  position: relative;
  text-align: center;
  margin: 0 auto;
  background-color: #444444;
}
#overlay button.close {
  text-indent: -99999px;
  border: none;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  top: 16px;
  background-position: 0 -106px;
}
#overlay button.close:hover {
  cursor: pointer;
}
#overlay button.close:hover, #overlay button.close.close-button_hover, #overlay button.close.close-button-hover {
  background-position: 0 -138px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/wopas.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
body.home #fullscreenImages {
  position: absolute;
  top: 20px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: whitesmoke;
  overflow-y:none;
}
body.home #fullscreenImages .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  visibility: hidden;
}
body.home #fullscreenImages .loader .loader-body {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px -75px 0;
  display: block;
  width: 150px;
  height: 150px;
  z-index: 2;
  background-color: "#ccc";
}
body.home #fullscreenImages .loader .loader-mask {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  z-index: 3;
  left: 50%;
  margin: -100px -100px 0;
}

body.home #fullscreenImages div, body.home #fullscreenImages img.background, body.home #fullscreenImages ul, body.home #fullscreenImages table {
  position: absolute;
  z-index: 20;
}
body.home #fullscreenImages img.background {
  visibility: hidden;
}
body.home #fullscreenImages ul {
  display: none;
  z-index: 30;
  top: 50%;
}
body.home #fullscreenImages table {
  z-index: 39;
  top: 0;
}
body.home #fullscreenImages table {
  width: 100%;
  height: 100%;
}
body.home #fullscreenImages table td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  width: 33%;
  height: 33%;
  padding: 0px;
}
body.home #fullscreenImages table td div {
  position: relative;
}
body.home #fullscreenImages table td div h2 {
  font-family: Baskvl;
  color: #1F3415;
}
body.home #fullscreenImages table td div h3 {
  font-family: Baskvl;
  color: white;
  font-size:18px;
  letter-spacing:0px;
}
body.home #fullscreenImages table td div.default-font h2 {
  font-family: Baskvl;
  font-style:italic;
  font-weight:bold;
}
body.home #fullscreenImages table td div.classic-font h2 {
  font-family: Baskvl;
}
body.home #fullscreenImages table td div a {
  display: block;
}
body.home #fullscreenImages table td div.default a h3, body.home #fullscreenImages table td div.default a:hover h3 {
  color: white;
}
body.home #fullscreenImages table td div.dark h2 {
  color: #1F3415;
}
body.home #fullscreenImages table td div.dark a h3, body.home #fullscreenImages table td div.dark a:hover h3 {
  color: #1F3415;
}
body.home #fullscreenImages table td div.light h2 {
  color: white;
}
body.home #fullscreenImages table td div.light a h3, body.home #fullscreenImages table td div.light a:hover h3 {
  color: white;
}
body.home #fullscreenImages table td div span.arrow-right {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 10px;
}
body.home #fullscreenImages table td#t1, body.home #fullscreenImages table td#t2, body.home #fullscreenImages table td#t3 {
  padding-top: 56px;
}
body.home #fullscreenImages table td#t7, body.home #fullscreenImages table td#t8, body.home #fullscreenImages table td#t9 {
  padding-bottom: 56px;
}
body.home #fullscreenImages table td#t1, body.home #fullscreenImages table td#t4, body.home #fullscreenImages table td#t7 {
  padding-left: 56px;
}
body.home #fullscreenImages table td#t3, body.home #fullscreenImages table td#t6, body.home #fullscreenImages table td#t9 {
  padding-right: 56px;
}
body.home #fullscreenImages table.multi td#t7, body.home #fullscreenImages table.multi td#t8, body.home #fullscreenImages table.multi td#t9 {
  padding-bottom: 112px;
}
body.home #fullscreenImages h1, body.home #fullscreenImages h2, body.home #fullscreenImages h4, body.home #fullscreenImages h5 {
  text-transform: capitalize;
	font-family: UniversLT;
}

body.home #fullscreenImages h3 {
		font-family: UniversLT;
		text-transform: none;
}

body.home #fullscreenImages h2 {
	color: #1F3415;
	font-size: 28px;
	font-weight: bold;
}
body.home #fullscreenImages div.controls {
  z-index: 50;
  bottom: 18%;
  left: 50%;
  margin-left: -26px;
  visibility: hidden;
}
body.home #fullscreenImages div.controls a {
  display: inline-block;
  height: 8px;
  width: 8px;
  text-indent: -9999px;
  background-position: 0 -1149px;
  margin: 8px 2px 8px 0;
  opacity:.5;
}
body.home #fullscreenImages div.controls a:hover, body.home #fullscreenImages div.controls a.rotator_hover, body.home #fullscreenImages div.controls a.rotator-hover {
  background-position: 0 -1165px;
  opacity:1.0;

}
body.home #fullscreenImages div.controls a:active, body.home #fullscreenImages div.controls a.rotator_active, body.home #fullscreenImages div.controls a.rotator-active {
  background-position: 0 -1157px;
  opacity:1.0;
}
body.home #fullscreenImages div.controls a.active {
  background-position: 0 -1165px;
  opacity:1.0;
}
body.home #fullscreenImages td span.arrow {
  margin: 16px auto 0;
  display: block;
}
body.home #fullscreenImages td span.arrow-down {
  width: 16px;
  height: 8px;
  background-position: 0 -801px;
}
body.home #fullscreenImages td span.arrow-right {
  width: 8px;
  height: 12px;
  background-position: 0 -765px;
}
body.home #fullscreenImages td h3 {
  margin-top: 8px;
  font-size: 20px;
}

body.home {
  padding-bottom: 0px;
  overflow:hidden;
}


body section.news .block-list .block .table {
  margin-bottom: 0px;
}

body section.news .block-list .block a {
  position: relative;
}

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

.spinEl {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 99!important;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.spinEl div.spinner {
  z-index: 99!important;
  width: 40px;
  height: 40px;
  left: 20px;
  top: 20px;
}

section.news {
  margin-top: 88px;
}

body section.news .lead {
  border: none!important;
}

body section.news article {
  display: none;
  position: relative;
  margin-top: 16px;
  border: 2px solid #dddddd;
  padding: 44px;
}
body section.news article h4 {
  width: 434px;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px;
  margin-top: 0px;
}
body section.news article button.close {
  text-indent: -99999px;
  border: none;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 22px;
  top: 22px;
  background-position: 0 -106px;
}
body section.news article button.close:hover {
  cursor: pointer;
}
body section.news article button.close:hover, body section.news article button.close.close-button_hover, body section.news article button.close.close-button-hover {
  background-position: 0 -138px;
}
body section.news article p.highlight.col3 {
  width: 434px;
}
body section.news article div.col3 {
  width: 434px;
}
body section.news article div.jCarouselLite {
  position: relative;
  width: 636px !important;
  height: 477px !important;
  overflow: hidden!important;
  margin-bottom: 24px;
}
body section.news article div.jCarouselLite ul {
  width: 200000px;
  position: absolute;
}
body section.news article div.jCarouselLite ul li {
  float: left;
  height: 477px;
  width: 636px;
  text-align: center;
  vertical-align: middle;
  line-height: 477px;
  background-color: whitesmoke;
}
body section.news article div.jCarouselLite ul li img {
  margin-bottom: 24px;
}
body section.news article div.jCarouselLite button {
  text-indent: -99999px;
  border: none;
  width: 24px;
  height: 24px;
  position: absolute;
  margin-top: -12px;
  top: 50%;
  z-index: 98;
}
body section.news article div.jCarouselLite button:hover {
  cursor: pointer;
}
body section.news article div.jCarouselLite button.prev {
  left: 24px;
  background-position: 0 -310px;
}
body section.news article div.jCarouselLite button.prev:hover, body section.news article div.jCarouselLite button.prev.left-arrow-box_hover, body section.news article div.jCarouselLite button.prev.left-arrow-box-hover {
  background-position: 0 -334px;
}
body section.news article div.jCarouselLite button.next {
  background-position: 0 -358px;
  right: 24px;
}
body section.news article div.jCarouselLite button.next:hover, body section.news article div.jCarouselLite button.next.right-arrow-box_hover, body section.news article div.jCarouselLite button.next.right-arrow-box-hover {
  background-position: 0 -382px;
}
body section.news article aside {
  position: absolute;
  left: 502px;
}
body section.news article aside ul li {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  width: 178px;
  padding: 12px 0;
  border-bottom: 1px solid #dddddd;
}
body section.news article aside ul li button {
  position: absolute;
  top: 10px;
  text-indent: -99999px;
  border: none;
  width: 22px;
  height: 22px;
  border: 1px solid #dddddd;
}
body section.news article aside ul li button:hover {
  cursor: pointer;
}
body section.news article aside ul li button:hover {
  border: 1px solid #1F3415;
}
body section.news article aside ul li button.sprite-facebook {
  background-position: 0 -446px;
  right: 0px;
}
body section.news article aside ul li button.sprite-facebook:hover, body section.news article aside ul li button.sprite-facebook.icon-facebook_hover, body section.news article aside ul li button.sprite-facebook.icon-facebook-hover {
  background-position: 0 -466px;
}
body section.news article aside ul li button.sprite-twitter {
  background-position: 0 -486px;
  right: 30px;
}
body section.news article aside ul li button.sprite-twitter:hover, body section.news article aside ul li button.sprite-twitter.icon-twitter_hover, body section.news article aside ul li button.sprite-twitter.icon-twitter-hover {
  background-position: 0 -506px;
}
body section.news article aside ul li button.sprite-email {
  background-position: 0 -406px;
  right: 0px;
}
body section.news article aside ul li button.sprite-email:hover, body section.news article aside ul li button.sprite-email.icon-email_hover, body section.news article aside ul li button.sprite-email.icon-email-hover {
  background-position: 0 -426px;
}

section.news .block-list {
  margin-top: 16px;
  clear: both;
}
section.news .block-list:after {
  clear: both;
}
section.news .block-list div.block {
  height: 300px;
  position: relative;
  float: left;
  width: 228px;
  margin-right: 16px;
  border: 2px solid #dddddd;
}
section.news .block-list div.block div.table {
  width: 100%;
  display: table;
  height: 163px!important;
}
section.news .block-list div.block div.table div.table-cell {
  padding: 9px;
  display: table-cell;
  vertical-align: middle;
}
section.news .block-list div.block div.table div.table-cell span {
  display: block;
}
section.news .block-list div.block div.table div.table-cell span {
  margin-bottom: 8px;
}
section.news .block-list div.block div.table div.table-cell a {
  margin-top: 16px;
  display: block;
}
section.news .block-list div.block div.table div.table-cell img {
  width: 210px;
  margin-bottom: 16px;
}
section.news .block-list div.block div.table div.table-cell span.pip {
  width: 16px;
  margin: 10px auto;
  height: 8px;
}
section.news .block-list div.block.lead {
  height: 163px!important;
  border: 2px solid #1F3415 !important;
  width: 228px;
}
section.news .block-list div.block.lead span {
  font-size: 18px!important;
  margin-bottom: 0!important;
  padding-bottom: 0!important;
  letter-spacing: 0.1em;
}
section.news .block-list div.block:last-child {
  margin-right: 0px;
}

html.lt-ie9 section.news div.block-list div.block {
  width: 228px;
  margin-right: 0px;
  margin-left: 16px;
}
html.lt-ie9 section.news div.block-list div.block:first-child {
  margin-left: 0;
}

section.news div.feature {
  background-color: #1F3415;
  height: 432px;
  overflow: hidden;
  position: relative;
  background-color: whitesmoke;
}
section.news div.feature .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  visibility: hidden;
}
section.news div.feature .loader .loader-body {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px -75px 0;
  display: block;
  width: 150px;
  height: 150px;
  z-index: 2;
  background-color: "#ccc";
}
section.news div.feature .loader .loader-mask {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  z-index: 3;
  left: 50%;
  margin: -100px -100px 0;
}
section.news div.feature div, section.news div.feature img.background, section.news div.feature ul, section.news div.feature table {
  position: absolute;
  z-index: 20;
}
section.news div.feature img.background {
  visibility: hidden;
}
section.news div.feature ul {
  display: none;
  z-index: 30;
  top: 50%;
}
section.news div.feature table {
  z-index: 39;
  top: 0;
}
section.news div.feature table {
  width: 100%;
  height: 100%;
}
section.news div.feature table td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  width: 33%;
  height: 33%;
  padding: 0px;
}
section.news div.feature table td div {
  position: relative;
}
section.news div.feature table td div h2 {
	font-family: UniversLT;
  color: #1F3415;
}
section.news div.feature table td div h3 {
  font-family: UniversLT;
  color: white;
}
section.news div.feature table td div.default-font h2 {
  font-family: UniversLT;
}
section.news div.feature table td div.classic-font h2 {
  font-family: Bodoni;
}
section.news div.feature table td div a {
  display: block;
}
section.news div.feature table td div.default a h3, section.news div.feature table td div.default a:hover h3 {
  color: white;
}
section.news div.feature table td div.dark h2 {
  color: #444444;
}
section.news div.feature table td div.dark a h3, section.news div.feature table td div.dark a:hover h3 {
  color: #777777;
}
section.news div.feature table td div.light h2 {
  color: white;
}
section.news div.feature table td div.light a h3, section.news div.feature table td div.light a:hover h3 {
  color: white;
}
section.news div.feature table td div span.arrow-right {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 10px;
}
section.news div.feature table td#t1, section.news div.feature table td#t2, section.news div.feature table td#t3 {
  padding-top: 56px;
}
section.news div.feature table td#t7, section.news div.feature table td#t8, section.news div.feature table td#t9 {
  padding-bottom: 56px;
}
section.news div.feature table td#t1, section.news div.feature table td#t4, section.news div.feature table td#t7 {
  padding-left: 56px;
}
section.news div.feature table td#t3, section.news div.feature table td#t6, section.news div.feature table td#t9 {
  padding-right: 56px;
}
section.news div.feature table.multi td#t7, section.news div.feature table.multi td#t8, section.news div.feature table.multi td#t9 {
  padding-bottom: 112px;
}
section.news div.feature h1, section.news div.feature h2, section.news div.feature h3, section.news div.feature h4, section.news div.feature h5 {
  text-transform: uppercase;
}
section.news div.feature h2 {
  color: #1F3415;
  font-size: 24px;
}
section.news div.feature div.controls {
  z-index: 50;
  bottom: 24px;
  left: 50%;
  margin-left: -0px;
  visibility: hidden;
}
section.news div.feature div.controls a {
  display: inline-block;
  height: 8px;
  width: 8px;
  text-indent: -9000px;
  background-position: 0 -1149px;
  margin: 8px 5px 8px 0;
}
section.news div.feature div.controls a:hover, section.news div.feature div.controls a.rotator_hover, section.news div.feature div.controls a.rotator-hover {
  background-position: 0 -1165px;
}
section.news div.feature div.controls a:active, section.news div.feature div.controls a.rotator_active, section.news div.feature div.controls a.rotator-active {
  background-position: 0 -1157px;
}
section.news div.feature div.controls a.active {
  background-position: 0 -1165px;
}
section.news div.feature td span.arrow {
  margin: 16px auto 0;
  display: block;
}
section.news div.feature td span.arrow-down {
  width: 16px;
  height: 8px;
  background-position: 0 -801px;
}
section.news div.feature td span.arrow-right {
  width: 8px;
  height: 12px;
  background-position: 0 -765px;
}
section.news div.feature td h3 {
  margin-top: 16px;
  font-size: 15px;
}
section.news div.feature h3 {
  width: 100%;
  margin-bottom: 0px;
  line-height: 16px;
}
section.news div.feature h2 {
  margin-bottom: 5px;
  line-height: 40px;
}
section.news div.feature table td#t5 {
  padding: 56px 136px;
  width: 100%;
  height: 100%;
}


.philosophy .col1 p {
  width: 372px;
}

.philosophy section {
  margin-top: 48px;
}
.philosophy section.activities h5 {
  font-size: 20px;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.philosophy section.activities p.short {
  width: 372px;
}
.philosophy section.activities p strong {
  font-weight: bold;
}

body.philosophy section div.block-list div.block {
  border: none;
}
body.philosophy section div.block-list div.block div.table {
  border: 2px solid #dddddd;
}

body.philosophy section div.block-list div.block div.table.lead {
  border: 2px solid #1F3415;
}


body.wopas section div#imageGallery {
  margin-top: 40px;
  width: 728px !important;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
body.wopas section div#imageGallery ul {
  left: 0;
  position: relative;
  width: 50000px;
}
body.wopas section div#imageGallery ul li {
  float: left;
}
body.wopas section div#imageGallery ul li div {
  font-size: 13px;
  margin-top: 8px;
  width: 356px;
  margin-left: 372px;
  line-height: 20px;
}
body.wopas section div#imageGallery button {
  position: absolute;
  z-index: 44;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -24px;
  position: absolute;
  border: none;
  text-indent: -99999px;
}
body.wopas section div#imageGallery button:hover {
  cursor: pointer;
}
body.wopas section div#imageGallery button.next {
  right: 0px;
}
body.wopas section div#imageGallery button.prev {
  background-position: 0 -310px;
  left: 24px;
}
body.wopas section div#imageGallery button.prev:hover, body.wopas section div#imageGallery button.prev.left-arrow-box_hover, body.wopas section div#imageGallery button.prev.left-arrow-box-hover {
  background-position: 0 -334px;
}
body.wopas section div#imageGallery button.next {
  background-position: 0 -358px;
  left: 680px;
}
body.wopas section div#imageGallery button.next:hover, body.wopas section div#imageGallery button.next.right-arrow-box_hover, body.wopas section div#imageGallery button.next.right-arrow-box-hover {
  background-position: 0 -382px;
}

body.wopas section div.block-list div.block {
  border: none;
}
body.wopas section div.block-list div.block div.table {
  border: 2px solid #dddddd;
}
body.wopas section div.block-list div.block div.table.lead {
  border: 2px solid #1F3415;
}


body .wrapper {
  overflow: hidden;
}

body.collection .header_image.collection h3, body.collection .header_image.collection h2 {
  font-family: FuturTBooBookr !important;
}
body.collection .header_image.collection h2 {
  display: none;
}
body.collection section.no-width {
  overflow: visible;
}
body.collection section.no-width div.overlay {
  position: absolute;
  z-index: 98;
  width: 100%;
  left: 0;
  height: 479px;
}
body.collection section.no-width div.overlay div {
  width: 200px;
  height: 479px;
}
body.collection section.no-width div.overlay div.left {
  float: left;
  background: transparent url("../img/test_assets/left-overlay.png") repeat-y;
}
body.collection section.no-width div.overlay div.right {
  background: transparent url("../img/test_assets/right-overlay.png") repeat-y;
  float: right;
}
body.collection section.no-width div#collection-slider {
  position: relative;
  width: 10000px;
  height: 600px;
}
body.collection section.no-width div#collection-slider ul.images {
  position: absolute;
}
body.collection section.no-width div#collection-slider ul.images li {
  white-space: inherit;
  height: 600px;
  margin-right: 24px;
  display: block;
  float: left;
}
body.collection section.no-width div#collection-slider button {
  width: 24px;
  height: 24px;
  position: absolute;
  border: none;
  text-indent: -99999px;
}
body.collection section.no-width div#collection-slider button:hover {
  cursor: pointer;
}
body.collection section.no-width div#collection-slider button.prev {
  background-position: 0 -310px;
  left: 24px;
  z-index: 98;
  position: absolute;
  top: 238.5px;
  margin-top: -16px;
}
body.collection section.no-width div#collection-slider button.prev:hover, body.collection section.no-width div#collection-slider button.prev.left-arrow-box_hover, body.collection section.no-width div#collection-slider button.prev.left-arrow-box-hover {
  background-position: 0 -334px;
}
body.collection section.no-width div#collection-slider button.next {
  background-position: 0 -358px;
  left: 431px;
  z-index: 98;
  position: absolute;
  top: 238.5px;
  margin-top: -16px;
}
body.collection section.no-width div#collection-slider button.next:hover, body.collection section.no-width div#collection-slider button.next.right-arrow-box_hover, body.collection section.no-width div#collection-slider button.next.right-arrow-box-hover {
  background-position: 0 -382px;
}
body.collection div.details {
  text-align: center;
  margin: 0 auto;
  width: 354px;
  font-size: 13px;
}
body.collection div.details h5 {
  font-size: 15px;
  margin-top: 24px;
  text-transform: uppercase;
}
body.collection div.details div.spacer {
  margin: 16px auto;
}
body.collection div.details div.small {
  margin-bottom: 24px;
}
body.collection div.details div.links {
  width: 170px;
  margin: 0 auto;
}
body.collection div.details div {
  text-align: left;
}
body.collection div.details div a {
  position: relative;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #dddddd;
  padding: 8px 0;
}
body.collection div.details div a span {
  right: -3px;
  top: 8px;
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
}
body.collection div.details div a span.right {
  background-position: 0 -765px;
}
body.collection div.details div a span.plus {
  background-position: 0 -765px;
}
body.collection section.no-width {
  margin-top: 0px!important;
}

.info-page section {
  margin-top: 10px;
}
.info-page section .headline {
  text-align: left;
  margin: 129px 0px 0px;
}
.info-page section .headline h2 {
  color: #777777;
  font-size: 24px;
}
.info-page section h2 {
  color: #1F3415;
  font-size: 12px;
  letter-spacing:.1em;
  font-weight:bold;
  margin-bottom: 8px;
}
.info-page section .editor {
  margin-bottom: 86px;
}
.info-page section .editor p, .info-page section .editor h4 {
  width: 640px;
}
.info-page section.contact {
  width: 976px;
  padding-left: 0px;
}
.info-page section.contact h2 {
  color: #777777;
  margin-top: 129px;
}
.info-page section.contact .editor {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 25% !important;
  padding-right: 10px;
  float: left;
}
.info-page section.contact .editor p, .info-page section.contact .editor h4 {
  width: auto;
}

.boutique-locator .float-left {
  float: left;
}
.boutique-locator .float-right {
  float: right;
}
.boutique-locator .headline {
  text-align: center;
  width: 976px;
  margin: 129px auto 0;
  text-transform: uppercase;
}
.boutique-locator .headline h2 {
  text-align: center;
  color: #1F3415;
  font-size: 24px;
  margin-bottom: 24px;
}

.boutique-locator section {
  margin-top: 10px;
  margin-bottom: 0px;
}
.boutique-locator section h4 {
  margin-bottom: 16px;
}
.boutique-locator section h3 {
  margin-bottom: 24px;
  float: left;
  width: auto;
}
.boutique-locator section div.boutique-wrapper div.hidden {
  display: none;
}
.boutique-locator section div.boutique-wrapper div.address, .boutique-locator section div.boutique-wrapper div.opening-hours, .boutique-locator section div.boutique-wrapper div.contact-info {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  font-size: 12px;
}
.boutique-locator section div.boutique-wrapper div.address div, .boutique-locator section div.boutique-wrapper div.opening-hours div, .boutique-locator section div.boutique-wrapper div.contact-info div {
  line-height: 24px;
  clear: both;
}
.boutique-locator section div.boutique-wrapper div.address.address, .boutique-locator section div.boutique-wrapper div.opening-hours.address, .boutique-locator section div.boutique-wrapper div.contact-info.address {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  width: 242px;
}
.boutique-locator section div.boutique-wrapper div.address.opening-hours, .boutique-locator section div.boutique-wrapper div.opening-hours.opening-hours, .boutique-locator section div.boutique-wrapper div.contact-info.opening-hours {
  width: 242px;
  padding-right: 24px;
}
.boutique-locator section div.boutique-wrapper div.address.contact-info, .boutique-locator section div.boutique-wrapper div.opening-hours.contact-info, .boutique-locator section div.boutique-wrapper div.contact-info.contact-info {
  width: 242px;
}
.boutique-locator section div.boutique-wrapper div.address.contact-info a, .boutique-locator section div.boutique-wrapper div.opening-hours.contact-info a, .boutique-locator section div.boutique-wrapper div.contact-info.contact-info a {
  text-transform: lowercase;
  text-decoration: underline;
}
.boutique-locator section .region-menu {
  position: relative;
  z-index: 66;
  float: right;
  text-transform: uppercase;
}
.boutique-locator section .region-menu div {
  line-height: 24px;
  font-size: 15px;
  padding-left: 16px;
}
.boutique-locator section .region-menu ul {
  font-size: 13px;
  padding: 8px 0px;
}
.boutique-locator section .region-menu ul li {
  line-height: 14px;
  border-left: 1px solid #dddddd;
  float: left;
  padding: 0 12px;
}
.boutique-locator section .region-menu ul li:first-child {
  border: none;
}
.boutique-locator section .region-menu ul li:last-child {
  padding-right: 0px;
}
.boutique-locator section .region-menu ul li a {
  line-height: 14px;
}
.boutique-locator section .region-menu ul li.active a {
  color: #1F3415;
  position: relative;
}
.boutique-locator section .region-menu ul li.active a span {
  display: block;
  top: 20px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  background-position: 0 -1173px;
  width: 7px;
  height: 4px;
}
.boutique-locator section div.boutique-wrapper div.boutique-infos:first-child {
  display: block;
}
.boutique-locator section div.boutique-wrapper div.boutique-infos {
  display: none;
  min-height: 100px;
}
.boutique-locator section .map {
  clear: both;
  width: 100%;
  height: 435px;
  background-color: #eeeeee;
  margin-bottom: 32px;
}
.boutique-locator section .editor {
  margin-bottom: 56px;
}