@font-face {
  font-family: "Eurostile";
  src: url("../fonts/eurostile.ttf") format("truetype"); 
  font-weight: normal; 
  font-style: normal;
}

@font-face {
  font-family: "EurostileBold";
  src: url("../fonts/eurostile_bold.ttf") format("truetype"); 
  font-weight: normal; 
  font-style: normal;
}

body {
  background: #fff url("../images/bg.jpg") repeat; 
  font-family: Verdana; 
  color: #ffe0b7;
}

a,
a:visited,
a:active,
a:focus { 
  color: #ffe0b7;
  text-decoration: underline; 
  outline: none;
}

a:hover {
  color: #fff;  
}

#wrapper {
  width: 1096px;
  margin: 0 auto;
  position: relative;
}

#logo {
  position: absolute;
  left: 0px;
  top: 46px;
}

#main {
  width: 946px;
  margin-left: 150px;
}

#headerimage_wrapper {
  background: transparent url("../images/content_bg.png") repeat-y; 
}

#headerimage {
  height: 207px; 
}

#top_navi { 
  height: 45px;
  padding: 32px 6px 0 0;
}

#top_navi ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0;
}

#top_navi li {
  float: right; 
  padding: 0; 
  margin: 0 0 0 30px;
}

#top_navi li a {
  color: #fff;
  text-decoration: none;
}

#top_navi li a:hover {
  text-decoration: underline;
}

.menu-item_82 {
  padding-left: 20px;
  background: transparent url("../images/facebook_icon.png") no-repeat;  
}

.to-top {
  padding-left: 16px;
  background: transparent url("../images/arrow_up.png") no-repeat 0px 4px;  
}

#slogan {
  height: 85px;
  padding: 10px 0 0 7px;
}

.slogan-1 {
  font-family: "EurostileBold";
  font-size: 1.8em;
  color: #fff;
}

.slogan-2 {
  font-family: "Eurostile";
  color: #fff;
  font-size: 1.5em;
  line-height: 60%;
}

#search form {
  margin-top: 35px;
}

#search select {
  background: #79321c;
  color: #fff;
  height: 26px;
  margin-left: 6px;
  width: 176px;
}

#search input {
  background: #79321c;
  color: #fff;
  height: 26px;
  margin-left: 6px;
}


h1, h2, h3, h4, h5, h6 {	
  font-family: "EurostileBold";
  color: #fff;
}

h1 {
  font-size: 1.7em;
}

h2 {
  font-size: 1.5em;
}

h3, h4, h5, h6 {
  font-size: 1.3em;
}

#content {
  width: 100%;
  padding: 30px;
  background: transparent url("../images/content_bg.png") repeat-y;   
}

#footer {
  width: 100%;
  height: 50px;
  background: transparent url("../images/footer_bg.png") no-repeat;
  padding: 14px 30px 0 30px;
  font-size: 0.9em;
}

#footer_navi ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0;
}

#footer_navi li {
  float: left; 
  padding: 0; 
  margin: 0 40px 0 0;
}

#footer_navi li a {
  color:  #ffe0b7;
  text-decoration: none;
}

#footer_navi li a:hover {
  text-decoration: underline;
}

#copyright {
  text-align: right;
}

/* Main Navigation */

#main_navi {
  width: 100%;
  height: 58px; 
  padding: 15px 0 0 30px;
  background: transparent url("../images/main_navi_bg.png") no-repeat; 
}

#main_navi ul {
  font-family: "Eurostile";
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}

#main_navi li {
  float:left; 
  padding: 0; 
  margin: 0;
}

#main_navi li a { 
  display: block;   
  color: #fff; 
  margin-right: 40px; 
  margin-bottom: 6px;
  text-decoration: none; 
  font-size: 1.5em;  
  padding: 0;
}

#main_navi li a:hover {
  color: #fff;
  text-decoration: underline;
}

#main_navi ul ul {
  background: transparent url("../images/submenu_bg.png") repeat;
  display: none; 
  position: absolute; 
  z-index: 999; 
  margin-left: -20px;
  padding-top: 6px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}

#main_navi li li {
  float: none;  
}

#main_navi li li a {  
  font-size: 1.2em;  
  color: #f3d5ae; 
  text-align: left; 
  height: auto; 
  line-height: 1; 
  width: auto; 
  padding: 8px 10px 8px 20px;   
}

#main_navi li li a:hover {  
  text-decoration: none;
}

ul.product-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
	
ul.product-grid li {
  float: left;
  display: block; 
  width: 200px;
  height: 244px;
  margin: 0 18px 18px 0;		
  padding: 0;
  overflow: hidden;
}
	
img {
  max-width:100%;
  height:auto;
}

.product-img img,
.product-images img {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);  
}

.product-images img {
  margin-bottom: 18px;	
}

.product-img-caption {
  padding-top: 5px;
}

ul.product_prices {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.product_prices li {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.back-link {
  padding-top: 24px;
}

#hidden_menu {
  display: none;
}

.slicknav_menu {
  display: none;
}


/* Responsive CSS */
@media screen and (max-width: 1024px) {
  #body {
  	padding: 10px;
  }
  
  #c108, #c109, #c114 {
  	display: none;
  }
  
  iframe {
  	width: 100%;
  	height: auto;
  }
  
  #wrapper {
  	width: 100%;    	
  	overflow: hidden;
  } 
  
  #headerimage_wrapper,
  #content,
  #footer {
    background: url("../images/transparent_bg.png") repeat; 
  }
  
  #slogan {
  	background: url("../images/logo.png") no-repeat 10px 10px;
  	padding-left: 150px;
  }
  
  #logo,
  #footer_navi {
  	display: none;
  }
  
  #main {
    width: 100%;
    margin-left: 0;
  }
	  
  #main_navi,
  #top_navi {
    display:none;
  }
  
  select {
  	display: block;
  	margin-bottom: 4px;
  }
	
  #search {
    float:left!important;
    margin-bottom: 10px;
  }
  
  #copyright {
    text-align: left;    
  }
	
  .slicknav_menu {
    display:block;
  } 
  	 
  /* Button Lines */
  .slicknav_menu {
    background: #79321c;
  }
  
  .slicknav_menu a,
  .slicknav_menu a:visited,
  .slicknav_menu a:active,
  .slicknav_menu a:focus,
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a { 
    color: #ffe0b7;
    text-decoration: none; 
    outline: none;
  }
  
  .slicknav_menu a:hover {
  	color: #000;
  }
		
}

@media screen and (max-width: 767px) {
   #headerimage {
     display: none;
   }
}