/*
 * For All the Elements that Appear In the Header of the Website
 */

/***************** Header Regions Definition **********************/
#fixed-header {
  position: fixed;
  width: 100%;
  z-index: 100;  
}

#messagebar {
  font-size: 16px;
  letter-spacing: 0.08em;
  color:#FFF;
  background: #000;
  font-family: DIN1451Com-Engschrift, 'Arial Narrow', sans-serif;
  padding: 15px 0 0;
  box-sizing: border-box;
  height: 45px;
  line-height: 1em;
}

#messagebar a {
  color:#FFF;
}



#header {
  padding-left: 46px;
  padding-right: 46px;
  background:#FFF;
}

#header-inner {
  padding-top: 23px;
  padding-bottom: 21px;
  height: 22px;
  position: relative;
}

#header-inner::after {
  content: " ";
  width: 100%;
  height: 2px;
  background: #000;
  bottom: -2px;
  position: absolute;
  z-index: 100;
  left: 0;
}

#header-left {
  width: 202px;
  float:left;  
}

#header-left > div {
  display:inline-block;
}

.filtermobile,
.sideopen {
  cursor: pointer;
  height: 22px;
  display:inline-block;  
}

.filtermobile img,
.sideopen img {
  display:inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
}

/*.sideopendisplay span.line.first,
.sideopen span.line.first {
  margin-top: 0;
}

.sideopendisplay span.line,
.sideopen span.line {
  background: #000;
  border-radius: 0;
  display: block;
  height: 3px;
  margin: 2px 0;
  width: 18px;
}

.sideopendisplay span.line.last,
.sideopen span.line.last {
  margin-bottom: 0;
}*/


#logo_wrapper {
  text-align: center;
  width: calc(100% - 404px);
  float:left;
}
#logo_wrapper a { display: inline-block; }
#logo_wrapper img {
  height: 22px;
  width: auto;
  display:inline-block;
}



#header-top-links {
  float:left;
  box-sizing: border-box;
  width: 202px;
  text-align: right;
}

#header-top-links .top-link {
  display:inline-block;
  margin: 0 9px;
  cursor: pointer;
}

#header-top-links .top-link img {
  display:inline-block;
  width: auto;
  height:22px;
}

#header-top-links .top-link:last-child {
  margin-right: 0;
}
#header-top-links .top-link:first-child {
  margin-left: 0;
}

/*
.filter-four {
  background: transparent url("images/filter-four2.png") repeat-x scroll 0 0;
  cursor: pointer;
  height: 15px;
  width: 19px;
  z-index: 9;
}
.filter-three {
  background: transparent url("images/filter-three.png") repeat-x scroll 0 0;
  cursor: pointer;
  height: 15px;
  width: 17px;
  z-index: 9;
}
.filter-two {
  background: transparent url("images/filter-two.png") repeat-x scroll 0 0;
  cursor: pointer;
  height: 15px;
  width: 17px;
}

.filter-product {
  top:-2px;
  position: relative;
  cursor: pointer;
  width: 17px;
  font-size: 18px;
}

.myacountbutton {
  top:-1px;
  position: relative;
  cursor: pointer;
}

.cartopen{
  background: transparent url("images/cart-icon.png") no-repeat scroll 0 0;
  background-size: 14px 16px;
  cursor: pointer;
  height: 16px;
  width: 14px;
  background-size: auto 100%;
}*/



.front #sidebarmenu.sideup {
    bottom: 0;
    height: auto;
    margin-left: 0;
    top: auto;
}
#sidebarmenu.menuup{
    bottom: 0px;
    height: auto;
    top: auto;
}



#edit-currency-wrapper label {
  float: none;
  width: 100%;
}

/** LOGO **/






/***************** END HEADER REGION **********************/

/***************** Top Menu **********************/
.region-header-top .block {
  float: left;
  margin: 0;
  width: 100%;
}

.region-header-top ul.menu {
  text-align:right;
  margin:0;
  padding: 0;
}

.region-header-top ul.menu li {
  display:inline-block;
  *display:inline;
  zoom:1;
  margin-left:0;
  text-transform: uppercase;
  font-size:12px;
}

.region-header-top ul.menu li a {
  text-transform: uppercase;
  color:#898989;
}
/***************** END Top Menu ******************/


/***************** Multicurrency Select **********************/
.block-webcada_multicurrency .form-item {
  margin:0;
}
/***************** END Multicurrency Select ******************/


/***************** Superfish Menu (Main Navigation) **********************/
#block-superfish-1 {
  margin:0 auto;
}

#block-superfish-1 .innermenu2{  
  float: left;
  width: 100%;
}

.sidemenu ul.menu,
#block-superfish-1 ul#superfish-1 {
  margin: 0;
  padding: 0;
}

.sidemenu ul.menu li,
#sidebarmenu .block-menu li,
#block-superfish-1 li.sf-depth-1 {
  clear: both;
  display:block;
  float:none;
  margin-bottom: 6px;
  padding: 0;
}

#block-superfish-1 li.sf-depth-1.last {
  padding-right:20px;
  background:none;
}

div.account-name,
.sidemenu ul.menu li a,
#sidebarmenu .block-menu li a,
#block-superfish-1 li.sf-depth-1 a {
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.22em;
  font-family: DIN1451Com-Engschrift, 'Arial Narrow', sans-serif;
}

.sidemenu ul.menu li a:hover,
#block-superfish-1 li.sf-depth-1 a:hover {
  color:#808080;
  text-decoration: none;
}

#block-superfish-1 li.sf-depth-1 ul::before,
#block-superfish-1 li.sf-depth-1 ul::after {
  content: " ";
  display: table;
  clear: both;
}

#block-superfish-1 li.sf-depth-1 ul {
  display: block;
  margin-left: 13px;
  padding: 0;
  margin-top: 6px;
  position: relative;
  top: auto !important;
  width: auto !important;
}

#block-superfish-1 li.sf-depth-2 ul {
  left:13em !important;
}

#block-superfish-1 li.sf-depth-1 li {
  text-align: left;
  margin: 0 0 6px;
}

#block-superfish-1 li.sf-depth-1 li.first {
  margin-top:0;
}

#sidebarmenu .block-uc_currency,
#sidebarmenu .block-menu ul,
#sidebarmenu .block-menu {
  margin-bottom: 0;
}

#block-webcada_listing-searchproduct {
  margin-bottom: 30px;
}

#block-menu-menu-customer-care ul.menu,
#block-menu-menu-shop ul.menu {
  margin-top: 6px;
}

#block-superfish-1 {
  margin-bottom: 25px;
}

/***************** END Superfish Menu (Main Navigation) **********************/
#block-uc_currency-currency_1 h2,
.block-uc_currency_alt h2 {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.22em;
  font-family: DIN1451Com-Engschrift, 'Arial Narrow', sans-serif;
  margin: 0px 0 2px;
  line-height: 18px;
}

#block-uc_currency-currency_1 .content .form-submit,
#block-uc_currency-currency_1 .content,
.block-uc_currency_alt .content{
  display:none;
}
#block-uc_currency-currency_1 .selectbutton-option.selectbutton-active, .optionselector.selected,
.block-uc_currency_alt .selectbutton-option.selectbutton-active, .optionselector.selected {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #808080;
}
#block-uc_currency-currency_1 .chzn-container,
.block-uc_currency_alt .chzn-container{
  display:none;
}
#block-uc_currency-currency_1 .selectbutton-option,
.block-uc_currency_alt .selectbutton-option {
    border: 0 none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    height: auto;
    letter-spacing: 0;
    line-height: inherit;
    margin: auto auto 4px 13px;
    letter-spacing: 2.4px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}
.block-uc_currency_alt .selectbutton-option:last-child{
  margin-bottom:8px;
}
.block-uc_currency_alt .selectbutton-container {
    float: left;
    text-align: center;
    width: 100%;
}
/***************** Search Product Box *********************/

#block-webcada_listing-searchproduct input.form-text {
  display:block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  border: 2px solid #000;
  padding-left: 15px;
}

#webcada-listing-search-products-form input.form-submit {
  display: none;
}

#webcada-listing-search-products-form div.form-item {
  margin:0 5px 0 0;
}
/***************** END Social Search Product Box ********/

/***************** Cart Box *********************/
#ajaxCartUpdate {
  font-size: 10px;
  letter-spacing: 2.4px;
  line-height: 18px;
  text-transform: uppercase;
}
.cart-block-item-info{
    width: 144px;
}
#ajaxCartUpdate li {
  list-style: none;
  line-height: 17px;
  letter-spacing: 1.8px;
}
#ajaxCartUpdate ul{
  margin:0;
  padding:0;
}
#ajaxCartUpdate tbody td.restoftheworld{
  display:none;
}
.carttitle a{
  color:#000;
}
.cart-block-item-image {
  margin-right: -100%;
}
.cart-block-item-image img {
  height: 90px;
  max-height: 90px;
  vertical-align: middle;
  width: 60px;
}
.cart-block-checkout a{
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  float: left;
  font-size: 12px;
  margin-top: 4px;
  padding: 9px 0 8px;
  text-align: center;
  width: 111px;
}
.cart-block-checkout a:focus,
.cart-block-checkout a:hover {
    text-decoration: none;
}
#ajaxCartUpdate tbody td {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  vertical-align: middle;
}
#ajaxCartUpdate tbody td.cart-block-snippets {
  margin-bottom: 11px;
  margin-top: 19px;
}
.cartremove a{
  color:#808080;
}


div.account-name {
  margin-bottom: 5px;
}

.side-top {
  height: 22px;
  padding: 23px 46px 21px;
}

.side-top .top-link {
  float:left;
  margin-right: 18px;
  cursor: pointer;
}

.side-top .top-link:last-child {
  margin: 0;
}

.side-top .top-link img {
  display:block;
  width: auto;
  height: 22px;
}

.side-line {
  height: 2px;
  background: #000;
  margin-left: 46px;
}

.side-bottom {
  padding-top: 36px;
  font-size: 10px;
}

.sidewindow .side-bottom {
  padding-left: 46px;
}
