/* Header ================================================================================ */
#header_content {
    width: 1001px;
    margin: 0 auto;
}

.ie8 .header {
    position: absolute;
    overflow: visible;
    height: 1000px;
    filter: none !important;
    background-size: 100% 98px !important;
}

.ie9 .header {
    position: absolute;
    overflow: visible;
    background: rgba(0, 0, 0, 0) 0 0 / 98px 100% no-repeat fixed !important;
    filter: none !important;
}

h1.logo {
    margin: 0 0 0px;
}

.bg_container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -99;
}

.background {
    min-width: 1024px;
    top: 0;
    left: 0;
    position: absolute;
    background-position: 0 -117px;
    width: 100%;
    height: 100%;
}

.nobg .header {
    background: none;
    background-color: rgba(0, 0, 0, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}

.header {
    //background: url('../../images/header_bg.png') no-repeat 50% 0;
    font-family: Georgia;
    background-color: rgba(0, 0, 0, 0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
    z-index: 9;
    margin: 0 auto;
    width: 100%;
    top: 0;
    overflow: visible;
}

.htie9 .header {
    z-index: 999;
    position: absolute;
}

.nofilter {
    filter: none;
}

a.logo img {
    float: left;
    opacity: 0.7;
    height: 54px;
    margin-top: 10px;
    filter: alpha(opacity=70);
	width: 242px ;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.header a.logo {
    width: 276px;
    height: 62px;
    margin: 0;
}

.header ul.links {
    color: #cccccc;
    float: right;
    margin-top: 5px;
    font-family: Arial;
    width: 500px;
    text-align: right;
    margin-right: 24px;
}

.header ul.links li {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    padding-left: 10px;
    letter-spacing: 0.05em;
}

.header ul.links punchhole {
    display: inline-block;
}

.header ul.links li.language {
    margin-right: -5px;
}

.header ul.links li a {
    border-right: 1px solid #aaaaaa;
}

.header ul.links li:first-child a:first-child {
    border-right: none;
    padding: 0;
}

.header ul.links li a {
    display: block;
    line-height: 10px;
    margin-top: 9px;
    padding-right: 10px;
    text-decoration: none;
    color: #cccccc;
    font-size: 12px;
}

.mainnav li a.top-link-cart {
    padding-left: 20px;
    background: url(images/checkout_top.png) no-repeat transparent;
    text-transform: lowercase !important;
    font-size: 12px !important;
    color: #cfcdc5 !important;
    background-position-y: 2px;
    background-position-x: 2px;
}

.header div.social{
    top: 55px;
    left: 280px;
    display: inline-block;
}
.header div.social ul li{
    display: inline-block;
    list-style: none;
}
.header div.social ul li a{
    text-indent:-10000px;
    display: block;
    width:25px;
    height:24px;
    margin:0 14px 0 0;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.header div.social ul li.facebook a{
    background: url(images/icon-facebook.png) 0px 0px no-repeat;
}

.header div.social ul li.pinterest a{
    background: url(images/icon-pinterest.png) 0px 0px no-repeat;
}
.header div.social ul li.twitter a{
    width:28px;
    background: url(images/icon-twitter.png) 0px 0px no-repeat;
}
.header div.social ul li.twitter a:hover,
.header div.social ul li.facebook a:hover,
.header div.social ul li.pinterest a:hover{
    background-position: 0px -24px;
}

.header  ul.links li.phone{
    display: block;
    font-size: 11px;
    line-height: 28px;
    padding: 0px 14px 0px;
    text-decoration: none;
    margin: 0;
    background: url(images/phone.png) 0px 8px no-repeat;
}
.header ul.links li.language a {
    display: inline-block;
    font-size: 12px;
}

.header ul.links li.language a.selected {
    color: #ffffff;
    font-weight: bold;
}

/*MAIN NAV*/
.header .mainnav {
    font-family: Georgia;
    min-width: 420px;
    display: inline-block;
    float: right;
    margin-top: 0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(153,153,153,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(153,153,153,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(153,153,153,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(153,153,153,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(153,153,153,0.8) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(153,153,153,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc999999',GradientType=1 ); /* IE6-9 */
    padding-right: 20px;
    margin-bottom: 24px;
}

.header .mainnav ul {
    float: right;
    padding-bottom: 4px;
    margin-right: -7px;
    margin-top: 2px;
}

.header .mainnav ul li {
    display: inline;
    padding: 0 0 11px 19px;
}
.seperator{
    color:#bfbdb9;
    padding: 0 0 11px 0px;
    font-weight:normal;
    
}

.header .mainnav ul li:first-child {
    padding-left: 0;
}

.header .mainnav ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    color: #ffffff;
    line-height: 22px;
    word-spacing:4px;
}

/*END MAIN NAV*/

.header .quick-access {
    display:inline-block;
    float:right;
    margin-top: 0px;
    margin-right: 3px;
    width: auto;
    
}

.header p.welcome-msg {
    display: none; 
    color: #FFFFFF;
    font-weight: normal;
    margin: 0;
    padding: 0 7px;
    position: absolute;
    right: 0;
    top: 35px;
}

.header .welcome-msg a {
    color: #7B5269;
}

.header .form-search {
    float: right;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 2px;
}

.header .form-search label {
    float: left;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
}

.header .form-search input.input-text {
    font-family: arial;
    font-size: 11px;
    line-height: 18px;
    color: #333;
    background: #CCC5BE;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: #aaaaaa 1px 1px -1px -1px inset;
    padding-left: 10px;
    border-radius: 1px;
    width: 128px;
    height:18px;
    background: url('images/magnifier.png') 119px 6px no-repeat #cccccc;
}

.header .form-search button.button  {
    width: 66px;
    height: 20px;
    line-height: 22px;
    background: #4A4744;
    font-size:11px;

}

.header .form-search button.button span span {
    padding: 0;
}

.header .form-search .search-autocomplete {
    left: 40px !important;
    top: 22px !important;
    display: none !important;
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #5c7989;
    background-color: #f9f5f0;
}

.header .form-search .search-autocomplete li {
    text-align: left;
    border-bottom: 1px solid #f4eee7;
    padding: 2px 8px 1px 8px;
    cursor: pointer;
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.header .form-search .search-autocomplete li.odd {
    background-color: #fffefb;
}

.header .form-search .search-autocomplete li.selected {
    background-color: #f7e8dd;
}

#tnh img {
    width: 211px;
    height: 297px;
}

.header .form-language {
    position: absolute;
    top: 30px;
    right: 0px;
    clear: both;
    padding: 5px 0 0;
    text-align: right;
}

.header .form-language label {
    font-weight: bold;
    padding-right: 5px;
    color: #a7c6dd;
    vertical-align: middle;
}

.header .form-language select {
    padding: 0;
}

.header .form-language select.flags option {
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right;
}

.header-container .top-container a {
    font-size: 11px;
    color: #ebbc58;
}

/*CATEGORIES NAV*/
.header div.category_container {
    width: 100%;
    background-color: #333333;
    position: absolute;
    left: 0;
    z-index: 90;
    top: 71px;
}

.ie .header div.category_container {
    top: 68px;
}

.header ul.categories {
    position: relative;
    text-align: right;
    margin: 0 auto;
    width: 1001px;
    font-family: Georgia;
    font-size: 13px;
    overflow: visible !important;
}

.ie .header ul.categories li {
    padding-top: 6px;
}

.header ul.categories li {
    position: relative;
    text-align: center;    
    padding-top: 9px;
    padding-bottom: 6px;
    padding-left:4px;
    padding-right:10px;
    float: left;
    padding-left: 10px;
}

.ie9 .header ul.categories li {
    padding-left:4px;
    padding-right:9px;
}

.ie9 .header ul.categories li ul li {
    margin-left: 0px;
}

.header ul.categories li ul li {
    margin-left: 0px;
}

.header ul.categories li.noncat {
    float: right;
}

.header div.category_container.notable {
    top: 79px;
}

.header div.category_container.notable ul.categories li {
    float: left;
    padding: 7px 12px 7px 11px;
}

.header div.category_container.notable ul.categories li:last-child {
    padding-right: 16px;
}





.header ul.categories li a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fafaf8;
    margin: 0;
}

.header ul.categories li:hover, .header ul.categories li:hover a {color: black;}

.level.nav-1.level-top.first.parent, .level.nav-1.level-top.first.parent a {color: black !important;}

.header ul.categories li.noncat a {
    color: #7B5269;
}

.ie .header ul.categories li ul {
    top: 25px;
}

.header ul.categories li ul {
    min-width: 90px;
    margin-left: -10px;
    position: absolute;
    display: none;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    top: 25px;
    z-index: 89;
    background: #ffffff;
    overflow: visible;
}

.header ul.categories li ul.level1 {
    display: none;
    position: absolute;
    top: -999px;
}

.header ul.categories li ul li {
    z-index: 90;
    text-align: left;
}

.header ul.categories .thumbnail {
    left: 150px;
    top: 0;
    display: none;
    background-color: #ffffff;
    width: 250px;
    height: 300px;
    text-align: center;
}

.header ul.categories .thumbnail img {
    width: 200px;
}

.header ul.categories li:last-child ul {
    left: auto;
    right: 0px;
}

.header ul.categories li:hover, .header ul.categories li:hover li {
    background-color: #ffffff;
}

.header ul.categories li a:hover span {
    color: #333333;
}

.header ul.categories li:hover ul {
    display: block;
    padding-top: 12px;
}

.header ul.categories li ul li a span {
    color: #666666;
}

.header ul.categories li ul li a:hover span {
    color: black;
}

.header ul.categories > li.valentine > a,
.header ul.categories > li.valentijn > a {
    color: #c21415;
}

.mainnav .level1:hover {color: black;}

.header ul.categories li:hover ul li {
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 0px;
}

.header ul.categories li:hover ul li:first-of-type {
    padding-top: 15px;
    margin-top: -9px;
}

.header ul.categories li:hover ul li:last-of-type {
    padding-bottom: 15px;
}

.header ul.categories li:hover ul li a {
    padding: 2px;
    height: 25px;
    padding-left: 7px;
    margin-top: -8px;
    padding-right: 10px
}

.header ul.categories li:hover ul li a:hover {
    background-color: #bab0b4;
    color: #161616;
}

.header ul.categories .active a {
    color: #7B5269;
}

.header ul.categories li ul li {
    float: none;
    background-color: #FFFFFF;
    padding: 5px;
    margin-top: 0px;
    width: 185px;
    display: block;
}

.header ul.categories li ul li a {
    white-space: nowrap;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    text-transform: none;
    padding: 0px 6px;
    margin: 0;
    width: 155px;
}

/*.nav-container { background:#0a263d url(../images/bkg_nav0.jpg) 50% 0 repeat-y; }*/
/*#nav { width:918px; margin:0 auto; padding:0 16px; font-size:13px; }*/

/* All Levels *//* *//* Style consistent throughout all nav levels */
/*#nav li { position:relative; text-align:left; }*/
/*#nav li.over { z-index:998; }*/
/*#nav a,*/
/*#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }*/
/*#nav span { display:block; cursor:pointer; white-space:nowrap; }*/
/*#nav li ul span {white-space:normal; }*/
/*#nav ul li.parent a { background:url(../images/bkg_nav2.gif) 100% 100% no-repeat; }*/
/*#nav ul li.parent li a { background-image:none; }*/

/* 0 Level */
/*#nav li { float:left; }*/
/*#nav li.active a { color:#d96708; }*/
/*#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }*/
/*#nav li.over a,*/
/*#nav a:hover { color:#d96708; }*/

/* 1st Level */
/*#nav ul li,*/
/*#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/bkg_nav1.gif) 0 100% repeat-x; }*/
/*#nav ul li.last { background:#ecf3f6; padding-bottom:0; }*/

/*#nav ul a,*/
/*#nav ul a:hover { float:none; padding:0; background:none; }*/
/*#nav ul li a { font-weight:normal !important; }*/

/* 2nd Level */
/*#nav ul,*/
/*#nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; }*/
/*#nav div ul { position:static; width:auto; border:none; }*/

/* 3rd+ Level */
/*#nav ul ul,*/
/*#nav ul div { top:5px; }*/

/*#nav ul li a { background:#ecf3f6; }*/
/*#nav ul li a:hover { background:#d5e4eb; }*/
/*#nav ul li a,*/
/*#nav ul li a:hover { color:#2f2f2f !important; }*/
/*#nav ul span,*/
/*#nav ul li.last li span { padding:3px 15px 4px 15px; }*/

/* Show menu */
/*#nav li ul.shown-sub,*/
/*#nav li div.shown-sub { left:0; z-index:999; }*/
/*#nav li .shown-sub ul.shown-sub,*/
/*#nav li .shown-sub li div.shown-sub { left:100px; }*/

/*END CATEGORIES NAV*/

/* ================================
            popup style 
==================================*/

.overlay__promo p {
    display: inline;
    margin: 0px;
    padding: 0px;
}

.overlay__promo {
    overflow: hidden;
    width: 608px;
    background-color: #000000; 
    border:1px solid #333333;
    box-shadow: 1px 1px 1px 3px rgba(0,0,0,0.2);
    z-index: 1002; 
    top: 88px; 
    position: fixed; 
    left: 50%;
    margin-left: -304px;
    height: 400px;
    display: none;
    font-family: Arial;
    color: #ffffff;
    text-align: center;
}
.promo__top {
    overflow: hidden;
}
.promo__close {
    width: 47px;
    height: 46px;
    display: block;
    cursor: pointer;
    background-color: #333333;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url('images/close_poup.png');
}
.promo__title {
    color: #b1a8ab;
    font-size: 30px;
    border-bottom: 1px solid #ffffff;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    font-family: Georgia;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.promo__container {
    width: 400px;
    margin: 0 auto;
}

.promo__title span {
    color: #eeeced;
}

.promo__desc {
    overflow: hidden;
}
.promo__input {
    margin-top: 30px;
}
.promo__input label {
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #333333;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 14px;
    text-transform: uppercase;
}
.promo__input input#newsletter {
    width: 229px !important;
    padding: 8px;
    float: left;
    font-size: 15px !important;
}
.promo__input .button {
    float: right;
}
.promo__input .validation-advice {
    padding: 0 !important;
    margin-bottom: 10px;
}

.opacity__promo {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 555;
    background-color: #ffffff;
    opacity: 0.5;
    display: none;
}

.promo__container button[type=submit] {
    background-color: #b1a8ab;
    padding: 5px 20px 5px 20px;
    float: left;
    margin-left: 10px;
    color: #000000;
    text-shadow: none;
    width: 142px;
}

.promo__close_link {
    color: #575757;
    margin-top: 130px;
    display: block;
}