/* CSS Document 

#pagenavLeftOffset {display:none;}*/

/*Tables*/
.my-account-wrapper .tdbackground {background : #B5CBD1 !important; background-color: #B5CBD1 !important;}
.my-account-wrapper .tablecell { background-color: #ffffff !important; font-size: 12px !important; color: #666666 !important; }
.my-account-wrapper .tablecellsmall { background-color: #ffffff !important; font-size: 10px !important; color: #666666 !important; }
.my-account-wrapper .tableheader { background-color: #666666 !important; font-size: 13px !important; color: #ffffff !important; font-weight: bold !important; }
.my-account-wrapper .tablesubheader { background-color: #cccccc !important; font-size: 12px !important; color: #333333 !important; font-weight: bold !important; }
.my-account-wrapper .th2 { background-color: #999999 !important; font-size: 12px !important; color: #000000 !important; font-weight: bold !important; }
.my-account-wrapper .td3 { background-color: #e9e9e9 !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; }
.my-account-wrapper .td10 { background-color: #ffffff !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; }
.my-account-wrapper .treecell { background-color: #C2C2C2 !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; }
.my-account-wrapper .linkcell { background-color: #000000 !important; font-size: 12px !important; color: #ffffff !important; font-weight: bold !important; }
.my-account-wrapper .searchcell { background-color: #000000 !important; font-size: 11px !important; color: #ffffff !important; font-weight: normal !important; }

a.bodylink:link { font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:active { font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:visited { font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:hover { font-size: 11px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }

a.bodylinksmall:link { font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:active { font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:visited { font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:hover { font-size: 10px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }


a.navlinksmall
{color:#c67627;
line-height:30px;
display:block;}

a.navlinksmall:visited
{color:#c67627;
line-height:30px;}

a.headerlink
{color:#000;}

a.headerlink:hover
{color:#c67627;}

.banner
{text-align: center;padding-top:5px;display:block;}

.banner img {width:100%;max-width:1400px;}

body,td,th {
	font-family: 'Oswald', sans-serif;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background-color:#fff;   
}

.cart-row
{color:#fff;
text-align:right;
font-size:14px;
padding:10px 0px 10px 0px;}

.cart-row a
{color:#fff;
text-decoration:none;}

.categories
{text-align:center;
color:#fff;
padding:10px;
background-color:#d16e18;}

.content-area
{padding:0px 0px 30px 0px;
background-color:#FFF;
}

.content-inner
{margin:0 auto;
padding-top:20px;
max-width:1400px;}


.content-left
{float:left;
width:200px;}

.content-right
{float:right;
padding-left:10px;
width:990px;}

/*========= YOUTUBE ========== */

.embed-container { 
       width:100%;
	   height:500px;
	   max-width:800px;
	   margin:0 auto;
} 

.embed-video
{
	width:100%;
	height:500px;
}


.featured-product
{background-color:#FFF;
display:inline-block;
width:270px;
text-align:center;
margin:0px 25px 25px 25px;
-webkit-box-shadow: 0px 2px 11px 5px rgba(167,167,167,0.85); 
box-shadow: 0px 2px 11px 5px rgba(167,167,167,0.85);
border-top:15px #000 solid;	
padding-bottom:10px;
vertical-align: top;	
}

.featured-product img
{max-width:215px;
max-height:215px;
}

.featured-product a
{color:#000;
text-decoration:none;}

.featured-product a:hover
{color:#f68423;}

.featured-product-pic {padding:10px 0px 10px 0px;text-align: center;height:215px;}

.featured-product-price {font-weight: bold;}

.featured-product-title {height:70px;}

.featured-wrapper
{text-align:center;
padding:20px 0px 10px 0px;
max-width:1300px;
margin:0 auto;}

.footer
{background:#00001a;
padding:40px;
text-align:center;
text-transform: uppercase;	
color:#fff;
margin-top:20px;	
}

.footer img {padding-bottom:10px;}

.footer a {color:#fff;}

.footer-menu-column 
{
	width:200px;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}

.footer-menu-column a {color:#fff;text-decoration: none;display: block;}

.footer-menu-left
{
	float:left;
	width:50%;
	background-color: #464646;
	height:380px;
	box-sizing: border-box;
	border-right:5px #ffffff solid;
}

.footer-menu-logo
{
	text-align: center;
       height:120px;
       box-sizing:border-box;
}

.footer-menu-logo2
{
	text-align: center;
       height:120px;
       box-sizing:border-box;
       padding-top:10px;
}


.footer-menu-logo img {max-width:90%;max-height:100px;}
.footer-menu-logo2 img {max-width:80%;max-height:100px;}


.footer-menu-right
{
	float:left;
	width:50%;
	background-color: #464646;
	height:380px;
	box-sizing: border-box;
	border-left:5px #ffffff solid;
}

.footer-menu-wrapper
{
	padding:0px;
	text-align: center;
	max-width: 1400px;
	margin:0 auto;
	display:block;
}

.header-pc
{background-color:#000000;display:block;}

.header-inner
{margin:0 auto;
max-width:1400px;}

.header-mobile {display:none;}

.header-mobile-logos 
{
	text-align: center;
	background-color: #000000;
	display:block;
       box-sizing:border-box;
       padding-left:25px;
}

.header-mobile-logos img {margin:10px 20px 10px 20px;max-width:250px;}

.header-right-cart
{float:right;
width:100px;
padding-top:30px;}

.header-right-login
{float:right;
text-align:right;	
width:200px;	
color:#fff;
padding-right:35px;padding-top:35px !important;}

.header-right-login a {text-decoration: none;color:#fff;}

.header-right-search
{float:right;
width:300px;
padding-top:30px;}

.home-categories-wrapper {text-align:center;}

.home-categories-box {display:inline-block;width:80%;max-width:350px;margin:25px;}

.home-categories-box img {width:100%; height:auto;}

.leftnav
{border:1px #d16e18 solid;
padding:10px;}

.logo
{float:left;
width:200px;
text-align:center;
padding:10px 0px 10px 0px;}

.logo-1
{float:left;
width:170px;
text-align:left;
padding:10px 0px 10px 10px;}

.logo-1 img {width:170px;height:auto;}

.logo-2
{float:left;
width:202px;
text-align:center;
padding:10px 0px 10px 0px;}

.logo-2 img {width:199px;height:auto;}

.logo-mobile {margin-top:-20px;}
.logo-mobile img {max-height: 50px;}

.mobile-table {margin:10px 0px 10px 0px;}
.mobile-table img {height:30px;}

.new-items {font-size: 40px;text-align: left;max-width:1300px;margin:0 auto;font-weight: bold;padding:10px 0px 0px 50px;}

.productnotes {font-size:12px;}

.search-field
{background-image:url("../images/magnifying-glass-icon.png");
background-repeat:no-repeat;
background-position:270px 0px;
background-color:#ffffff;
color:#000000;
padding:1px 5px 5px 5px;
width:280px;
border-bottom:1px #000 solid;
border-top:0px;
border-left:0px;
border-right:0px;	
}

.search-field-wrapper
{background-color: #fff;
padding:0px 5px 5px 5px;
width:290px;
float:right;}

.search-row
{text-align:right;
padding:15px 0px 0px 0px;}

.topnav
{text-align:right;
padding:10px 0px 10px 0px;}

.topnav a
{color:#fff;
text-decoration:none;
line-height:30px;
font-size:16px;
padding:0px 0px 0px 40px;}

.topnav a:hover
{color:#f68423;}

/*================================== TOP DROP-DOWN MENU ====================================*/

.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navbar-inner
{
	margin:0 auto;
	max-width: 1400px;
}

.navbar-wrapper
{
	background-color:#333;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #ca252b;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/*================= MOBILE STYLES =======================*/

@media screen and (max-width:1675px) {	
.banner2 {max-height:525px;}
}

@media screen and (max-width:1500px) {
.banner2 {max-height:465px;}
}

@media screen and (max-width:1410px) {
/*.content-inner {padding:10px 25px 0px 25px;}*/
}


@media screen and (max-width:1225px) {
.banner2 {max-height:380px;}
}

@media screen and (max-width:1100px) {
.banner2 {max-height:360px;}
.header-right {padding-right:20px;}	
}

@media screen and (max-width:1000px) {
.banner {margin-top:-75px;}
.content-inner {width:100%;}
.content-left {display:none;}
.content-right {width:100%;}
.header-pc {display:none;}
.header-mobile {display:block;}
.header-mobile-logos img {max-height:50px;}	
.footer-menu-wrapper {display:none;}
.navbar {display: none;}
	
.embed-container { 
       width:100%;
	   height:350px;
	   max-width:800px;
	   margin:0 auto;
}	

.embed-video
{
	width:100%;
	height:350px;
}	
}

/* ============ CODE FOR productlist.tpl =================*/

.items-page-container {width:100%;}

.items-page-container > div {width:33%;float:left;text-align:center;}

@media screen and (max-width: 700px) {

.items-page-container > div {width:100%;float:none;text-align:center;padding:5px;box-sizing: border-box;}
.items-per-page, .items-per-row {display:none;}

/* ============ CODE FOR cart.tpl ================== */

#country_id, #ship_type {max-width:100px;}