@charset "UTF-8";
/* STRUCTURE
- Base
- Header
- Notification
- Content
- Footer
*/
html{ background: transparent; }
body{ background: transparent; padding: 0; width: auto !important; width: 984px; min-width: 984px;  }
.innerwrap{ margin: 0 auto; padding: 0 20px; position: relative; width: 944px; }
#top{ position: absolute; top: -999em; }

/**
 * #header
**/
#header{ background: #262626; position: relative; z-index: 999; }
#header .logo{ left: 3px; margin: 0; position: absolute; top: 45px; z-index: 2; }
#header-extra{ height: 25px; padding-right: 32px; position: absolute; right: 7px; top: 18px; z-index: 999; }
#header-links{ display: inline; margin: 0; padding: 0; }
#header-links li{ float: left; font-size: 12px; line-height: 25px; list-style: none; margin: 0 0 0 15px; padding: 0; }
#header-links li a{ color: #ffffff; text-decoration: none; text-transform: uppercase; }
#header-links li a:focus,
#header-links li a:hover{ text-decoration: underline; }
#header-links li.home a{ background: url(../images/sprites.png) -2.5px -2.5px; color: transparent; display: block; height: 25px; overflow: hidden; text-indent: -999em; width: 25px; }
#header-links li.home a:focus,
#header-links li.home a:hover,
#common-home #header-links li.home a{ background-position: -2.5px -32.5px; }
#information-contact #header-links li.contact a{ text-decoration: underline; }

/* #header-user */
#header-user{ float: left; margin-left: 15px; padding-bottom: 25px; position: relative; }
#header-user h3{ background: #fff; color: #262626; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: normal; line-height: 25px; margin: 0; padding: 0 8px; text-transform: uppercase; }
#header-user h3{
	border-radius: 5px;
}
#header-user h3 .select{ display: block; height: 25px; max-width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
#header-user h3 .select a{ color: #262626; text-decoration: none; }
#header-user.is-logged h3 .select{ background: url(../images/structure/header-select.png) no-repeat right center; padding-right: 20px; }
#header #header-user:hover h3,
#header #header-user h3 a:focus,
#header #header-user h3 a:hover{ color: #8e7c67; cursor: pointer; }
#header-user .child-level-0{ height: 0; overflow: hidden; opacity: 0; position: absolute; top: 30px; z-index: 7;  }
#header #header-user:hover .child-level-0{ overflow: visible; opacity: 1; top: 35px; }
#header-user .child-level-0,
#header-user:hover .child-level-0{
	-webkit-transition: top 0.25s ease-out;
	-o-transition: top 0.25s ease-out;
	-ms-transition: top 0.25s ease-out;
	-moz-transition: top 0.25s ease-out;
	transition: top 0.25s ease-out;
}
#header-user .child-level-0 ul{ margin: 0; padding: 0; }
#header-user .child-level-0 ul li{ font-size: 0.9375000000em; line-height: 1.5em; list-style: none; margin: 0; padding: 0; }
#header-user .child-level-0 ul li a{ color: #4f4f4f; display: block; text-decoration: none; white-space: nowrap; }
#header-user .child-level-0 ul li a:focus,
#header-user .child-level-0 ul li a:hover,
#header-user .child-level-0 ul li.is-current a{ color: #8e7c67; text-decoration: underline; }
#header-user .child-level-0 .container{ background: #fff; margin: 0; padding: 5px 15px 15px 8px;  }
#header-user .child-level-0 .container{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 0 rgba(0,0,0,0.5);
}
#header-user:hover .child-level-0  .container{
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
#header-user .child-level-0 .container:before { content:""; display: block; position: absolute; left: 20px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
#header-user .is-ancestor .is-child ul li a{ color: #808080; text-transform: uppercase; }
#header-user .container{ padding: 0; }
#header-user .container ul{ min-width: 120px; }
#account-account #header #header-user .account-account > a,
#account-password #header #header-user .account-password > a,
#account-order #header #header-user .account-order > a,
#account-wishlist #header #header-user .account-wishlist > a,
#account-logout #header #header-user .account-logout > a{ color: #8e7c67; text-decoration: underline; }



/* #module-cart */
#header #module-cart{ float: left; margin-left: 7px; padding-bottom: 25px; position: relative; }
#header #module-cart h3{ background: #fff; color: #262626; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: normal; line-height: 25px;  margin: 0; padding: 0 8px; text-transform: uppercase; }
#header #module-cart h3{
		border-radius: 5px;
	}
#header #module-cart h3 .select{ background: url(../images/structure/header-select.png) no-repeat right center; display: block; padding-right: 15px; }
#header #module-cart h3 .select a{ color: #262626; position: relative; text-decoration: none; }
#header #module-cart h3 .select a:before{ background: url(../images/sprites.png) no-repeat -92.5px -2px; content: ""; display: block; float: left; height: 25px; margin-right: 3px; width: 25px; }
#header #module-cart .child-level-0{ height: 0; overflow: hidden; opacity: 0; position: absolute; top: 30px; z-index: 7;  }
#header #module-cart:hover .child-level-0{ overflow: visible; opacity: 1; top: 35px; }
#header #module-cart .child-level-0,
#header #module-cart:hover .child-level-0{
	-webkit-transition: top 0.25s ease-out;
	-o-transition: top 0.25s ease-out;
	-ms-transition: top 0.25s ease-out;
	-moz-transition: top 0.25s ease-out;
	transition: top 0.25s ease-out;
}
#header #module-cart .child-level-0 .container{ background: #fff; margin: 0; padding: 15px 25px 15px 18px;  }
#header #module-cart .child-level-0 .container{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 0 rgba(0,0,0,0.5);
}
#header #module-cart:hover .child-level-0  .container{
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
#header #module-cart .child-level-0 .container:before { content:""; display: block; position: absolute; left: 20px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
#header #module-cart.loading h3 .select{ color: #ccc; }
#header #module-cart.loading h3 .cart{ background: url(../images/ajax-loading.gif) no-repeat center center; }
#header #module-cart:hover h3 { color: #8e7c67; cursor: pointer; }
#header #module-cart > .child-level-0{ left: auto; top: 30px; right: 0; width: 300px; }
#header #module-cart:hover > .child-level-0,
#header #module-cart.hover > .child-level-0{ top: 35px; }
#header #module-cart > .child-level-0 > .container:before { left: auto; right: 20px; }
#header #module-cart > .child-level-0 > .container{ padding: 0; }
#header #module-cart .container table{ margin: 0; }
#header #module-cart .container .cart{ padding: 15px 18px; }
#header #module-cart .container .cart table tr td{ border-bottom: 1px solid #f3f3f3; padding: 5px 0; }
#header #module-cart .container .cart table tr:last-child td{ border-bottom: 0; }
#header #module-cart .container .cart table tr td img{ display: block; }
#header #module-cart .container .cart table tr td a{ color: #8e7c67; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#header #module-cart .container .cart table tr td a:focus,
#header #module-cart .container .cart table tr td a:hover{ text-decoration: underline; }
#header #module-cart .container .cart table tr.more td{ padding: 0; }
#header #module-cart .container .cart table tr.more td a{ display: block; padding: 5px 0; text-align: center;}
#header #module-cart .container .cart table tr.more td a:focus,
#header #module-cart .container .cart table tr.more td a:hover{ background: #f3f3f3; text-decoration: none; }
#header #module-cart .container .cart table tr.voucher td{ font-size: 0.9em; }
#header #module-cart .container .cart .price{ font-family: 'oswald', arial, verdana, sans-serif; font-size: 0.9em;  }
#header #module-cart .container .total{ background: #f3f3f3; padding: 15px 18px; }
#header #module-cart .container .actions{ padding: 15px 18px; text-align: right; }
#header #module-cart .container .actions a{ padding: 0.125em 0.5em !important; }
#header #module-cart .container .empty{ padding: 15px 18px; }


/* #header-social */
#header-social{ display: inline; margin: 0; padding: 0; }
#header-social li{ float: left; list-style: none; margin: 0 0 0 7px; padding: 0; }
#header-social li a{ background: url(../images/sprites.png); color: transparent; display: block; height: 25px; overflow: hidden; vertical-align: middle; width: 26px; }
#header-social li.fb a{ background-position: -32px -3px; }
#header-social li.fb a:focus,
#header-social li.fb a:hover{ background-position: -32px -33px; }
#header-social li.yt a{ background-position: -62px -3px; }
#header-social li.yt a:focus,
#header-social li.yt a:hover{ background-position: -62px -33px; }
#header-social li.ig a{ background: url(../images/Instagram_logo_2016.svg) no-repeat center center; background-size: 25px auto;  }


#header-search{ border: 0 !important; margin: 0; overflow: hidden; padding: 0 25px 0 0; position: absolute; right: 0; top: 0; width: 0; }
#header-search:hover{ width: 250px; }
	#header-search,
	#header-search:hover{
		-webkit-transition: width 0.5s ease;
		-moz-transition: width 0.5s ease;
		transition: width 0.5s ease;
	}
#header-search input[type="text"]{ border: 0; height: 25px; padding: 0 10px; width: 230px; }
#header-search input[type="text"]{
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
#header-search input[type="submit"]{ background: #8e7c67 url(../images/search.png) no-repeat center center; display: block; height: 25px; min-width: 0; width: 25px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; text-indent: -9999em; top: 0; }
#header-search input[type="submit"]{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/**
 * #notification
**/
#notification .innerwrap{}
#notification .notify{ color: #fff; margin: 1em 0 0 0; padding: 1em 1.5em; position: relative; }
#notification .notify{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#notification .notify a{ color: #fff; }
#notification .notify a:focus,
#notification .notify a:hover{ color: #000; }
#notification .notify .close{ background: url(../images/sprites.png?123) no-repeat -219px -9px; cursor: pointer; display: block; height: 14px; overflow: hidden; position: absolute; right: 5px; text-indent: -999em; text-align: center; top: 5px; width: 14px; }
#notification .notify .close:hover{ background-position: -219px -39px; }
#notification .attention{ background: #3b5a97; }
#notification .error{ background: #bd4a4a; }
#notification .success{ background: #487c64;  }
#notification .warning{ background: #bba058; }
.has-script #notification .no-script{ display: none; }

/**
 * #content
**/
#content{ background: #f4f4f4 url(../images/structure/content.png) repeat-x left top; }
#content .innerwrap{ background: #fff url(../images/structure/box-shadow.jpg) no-repeat center bottom; min-height: 200px; padding: 0 0 80px 0; width: 984px; }
#content.layout #content-middle{ padding: 20px; }
#content.layout-left{}
#content.layout-left #column-left{ float: left; width: 246px; }
#content.layout-left #column-center{ float: right; margin-right: 20px; width: 698px; }
#content.layout-right{}
#content.layout-right #column-right{ float: left; width: 246px; }
#content.layout-right #column-center{ float: right; margin-right: 20px; width: 698px; }
#content .buttons{ line-height: 31px; height: 31px; margin-top: 2em; padding-top: 1em; }
#content .buttons .left{ float: left; }
#content .buttons .right{ float: right; }

/* #breadcrumb */
#breadcrumb{ color: #aaa; font-size: 0.9em; padding: 17px 20px 7px 20px; }
#breadcrumb a{ color: #aaa; text-decoration: none; text-transform: uppercase; }
#breadcrumb a:focus,
#breadcrumb a:hover{ text-decoration: underline; }
#breadcrumb a:last-child{ color: #333; }

/**
 * #footer
**/
#footer{ background: #ffffff; }
#footer .innerwrap{ padding: 40px 10px 150px 10px; width: 964px; }
#footer .section{ float: left; width: 700px; }
#footer #sitemap{ font-size: 0.8750000000em; margin: 0; padding: 0; }
#footer #sitemap ul{ margin: 0; padding: 0; }
#footer #sitemap ul li{ list-style: none; margin: 0 0 9px 0; padding: 0; }
#footer #sitemap ul li a{ color: #aaaaaa; font-size: 15px; text-decoration: none; }
#footer #sitemap ul li.is-current > a,
#footer #sitemap ul li a:focus,
#footer #sitemap ul li a:hover{ color: #4f4f4f; }
#footer #sitemap > ul > li{ float: left; margin-right: 10px; width: 160px;  }
#footer #sitemap > ul > li > a{ font-weight: bold; text-transform: uppercase; }
#footer #sitemap > ul > li ul{  margin-top: 14px; }
#footer #sitemap > ul > li ul ul{  margin: 9px 0 9px 10px; }
#footer #informations{ font-size: 0.8750000000em; margin: 2em 0 0 0; padding: 0; }
#footer #informations ul{ margin: 0; padding: 0; }
#footer #informations ul li{ list-style: none; margin: 0 0 8px 0; padding: 0; }
#footer #informations ul li a{ color: #aaaaaa; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
#footer #informations ul li.is-current > a,
#footer #informations ul li a:focus,
#footer #informations ul li a:hover{ color: #4f4f4f; }
#footer .aside{ float: right; }
#footer .aside .facebook{ border-left: 1px solid #ededed; margin-bottom: 70px; padding: 0 11px 0 15px; width: 232px; }
#footer .aside .facebook iframe{ position: relative; top: -9px; }
#footer .aside .credits{ color: #aaaaaa; font-size: 0.8750000000em; margin: 0; text-align: right; }
#footer .aside .dac{ margin: 1em 0; }
#footer .aside .dac a{ background: url(../images/structure/dac.png); display: block; height: 24px; margin: 0 0 0 auto; overflow: hidden; text-indent: -999em; width: 68px; }