.width20 { width:20%;}
.width30 { width:30%;}
.width25 { width:25%;}
.mobile-close { display:none; }
.tablelist { margin:  0 0 50px; }

td.td_img img {
	width: 120px;
}
td.td_img .txt1, td.td_img .txt2, td.td_img .itemname a {
	font-size: 10px;
	text-align:left;
}
#logo #mainlogo,#logo #mainlogo a{margin:0}

#header { width: 100%; }
.holder-main-image-item img {
border: 1px solid #cfd0d0;
padding: 15px;
margin: 9px;
max-width: 400px;
}

.widget_box {
display: inline-block;
border: 1px solid #d9d5c8;
width: 420px;
margin: 5px 0 5px 10px;
color: #606060;
}


.thumb-item {
background: #fff;
margin: 5px 0 5px 6px;
float: left;
}
.thumb-item img {
	border: 1px solid #cfd0d0;
	padding: 5px;
}

hr.grad_line {
  border : 0;
  height : 175px;
  width : 1px;
  margin: 0 10px 0 0;
  background-image: -webkit-linear-gradient(top, #d7a208, #BB9011, #d7a208);
  background-image: -moz-linear-gradient(top, #d7a208, #BB9011, #d7a208);
  background-image: -ms-linear-gradient(top, #d7a208, #BB9011, #d7a208);
  background-image: -o-linear-gradient(top, #d7a208, #BB9011, #d7a208);
  background-image: linear-gradient(top, #d7a208, #BB9011, #d7a208);
}


.dfooter hr.grad_line {
	background-image: -webkit-linear-gradient(top, #fff, #ddd, #fff);
	background-image: -moz-linear-gradient(top, #fff, #ddd, #fff);
	background-image: -ms-linear-gradient(top, #fff, #ddd, #fff);
	background-image: -o-linear-gradient(top, #fff, #ddd, #fff);
	background-image: linear-gradient(top, #fff, #ddd, #fff);
}


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg?#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-cart:before { content: "\e600"; }
.icon-cart2:before { content: "\e601"; }
.icon-cart3:before { content: "\e602"; }
.icon-search:before { content: "\e603"; }
.icon-phone:before { content: "\e604"; }


#google_translate_element { line-height: 25px; }
#page-header { position: fixed; height: 60px; box-shadow: 0 0 5px 2px rgba(0,0,0,.35); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.35); -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.35); width: 100%; z-index: 1; }
.header-row { margin: 0 auto; width: 90%; display: block; height: 60px; }
.logo-container { display: inline; width: 100%; text-align: center; height: 60px; line-height: 60px; }

.logo { margin: 5px 0; height: 50px; }
img { }


.header-nav { float: right; height: 60px;  }
.nav-links { height: 60px; line-height: 60px; list-style: none; }
.nav-links li { font-size: 1.3em; float: left; padding: 0 8px; }

.sb-search {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
border-left: 1px solid #fff;
border-left: 1px solid rgba(255,255,255,.2);
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
width: 0%;
min-width: 60px;
height: 60px;
}

.sb-search-input {
	position: absolute;
	top: 10px;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 255px;
	height: auto;
	margin: 0;
	z-index: 10;
	padding: 10px;
	font-family: inherit;
	font-size: 16px;
	color: #333;
}

.sb-search-input::-webkit-input-placeholder {
	color: #333;
}

.sb-search-input:-moz-placeholder {
	color: #333;
}

.sb-search-input::-moz-placeholder {
	color: #333;
}

.sb-search-input:-ms-input-placeholder {
	color: #333;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #DFCB4E;
	z-index: 90;
	font-size: 16px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e603";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #DFCB4E;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

#nav-right a.wpmenucart-contents { color: #fff; font-size: 1.5em; font-weight: normal; }
#nav-right a.wpmenucart-contents:hover { color: #ccc; }


a.wpmenucart-contents span { display: inline-block; }
.wpmenucart-contents > .amount:before { content: '-'; margin: 0 0.25em; }

#nav-right { margin: 0 10px 0 0; }

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

ul.newtabs li  {float: left; margin: 0 3px 0 0; }
.newtabs li a.selected {
color: #fff;
background: #93522a;
border: 1px solid #6a2805;
}

.newtabs li a {
padding: 6px 12px;
font-weight: 700;
text-decoration: none;
color: #fff;
background: #b57341;
border: 1px solid #a45721;
}

#tabcontent_1, #tabcontent_2, #tabcontent_3 { border: 1px solid #6a2805; }
#tabcontent_1 { margin-top: -9px; }
#tabcontent_2, #tabcontent_3  { margin-top: 19px; }


#boxes-container {
background: #e6e6e6;
padding: 1px 0 5px;
text-align: center;
}

#boxes-container ul {

}

#boxes-container li {
vertical-align: top;
box-sizing: border-box;
position: relative;
width: 125px;
text-align: center;
margin-right: 5px;
display:inline-block;
background: #fff;
padding: 10px 0;
box-shadow: 4px 4px 8px #ccc;
}

#boxes-container li a {
display: block;
height: 100%;
width: 100%;
}

#boxes-container li a img {
vertical-align: middle;
position: relative;
height: 75px;
}


.searchform, .sb-icon-search , #page-header { background: #fff url(/images/header-bg.jpg); }

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: transparent; color: indianred; }

/* sub-menu */
ul li.page-list ul.sub-menu { display: none; position: absolute;  z-index: 1199; margin: 0; }
ul li.page-list ul.sub-menu li {  display: block; width: 150px; padding: 0; float: none; border: 0; line-height: normal; }
ul li.page-list ul.sub-menu a { display: block; font-size: 14px; color: #fff; padding: 8px 10px; background: #b57341; }
ul li.page-list ul.sub-menu a:hover { background: #DA9663; color: #fafafa; }

ul li.page-list a { padding: 6px 14px 6px 0; background: url(images/drop_arrow.png) no-repeat 95% 50%; }

ul li.page-list a.on { background-image: url(images/drop_arrow_on.png); }

#livesearch.ajax_result { position: absolute; right: 4px; margin: 0; top: 50px; width: 250px; z-index: 9; display: none; }

.single_product_content { text-align:left;width:65%; }
.single_product_image{ text-align:center;width:35%; }

/* Home Row */
.home-cell{ width:33%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.category-left{ border-left: 1px solid #B2DAEE;}
.category-right{ vertical-align:text-top;float:right;}
.details-left{ text-align:center;}
.details-right{vertical-align:text-top;}
.details-right-box{ vertical-align:text-top;float:right;}
.slideout-menu-toggle, .slideout-menu{ display:none;}
.home-videos-left{width:75%;margin:0;padding: 0 10px;}
.wholesale-inquiry{ padding:4px 120px;}
.width20{ width:20%;}
.width30{ width:30%;}
.width25{ width:25%;}
.width33{ width:33%;border-spacing:0;border-collapse: collapse;border: 1px solid #ddd;}
.rn_main_container, .category-right { margin-top: 60px;}

.tinynav { display: none }
/* styles for mobile */
 @media screen and (max-width: 600px) {
	.tinynav { display: block; margin: 5px auto; width: 200px; }
	.col1, .col2, .col3, .col4 { display: none }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav-links li{ padding:0 5px;}
    .nav-links{ margin:0;}
    .nav-links li a, .nav-links li{ font-size:12px;}
    .logo-container{ line-height:normal;}
    .category-left{ width:540px;}
    .category-right, .details-right{ float:left;}
}
@media only screen and (max-width: 767px) {
    .header-nav{ height:auto;}

	.modulebox { width: 100%; margin: 0 0 10px -7px; border: 0; background: transparent;  }
	#sidenavlink .subnav a:link, #sidenavlink .subnav a:visited { background: #fff url(../images/arrow_w.png) left no-repeat; }

	#page-header { width: 100%; left: 0; position: absolute; height: 60px; }
    #tabcontent_1, #tabcontent_2, #tabcontent_3{ width:280px;}
    .header-row{ width:98%;}
    .nav-links{ height: auto; line-height:30px; margin:0;}
    .nav-links li{ float:none; display:inline-block;}
    #boxes-container li{ margin-top:5px; width: 110px; }
    .category-left{ width:100%; display:block; border: 0; }
    .category-right{ width:100%; vertical-align:text-top;display:block; float:none;}
    #products td{ width:100%; display:block;}
    .home-cell{ width:100%; display:block;}
    #boxes-container{ max-width:280px;}
    .footerwidget .seperator-home, .no-mobile, .header-nav{ display:none;}
    .footerwidget #header-right_1, .footerwidget #header-right_2{ border:none;}
    .details-left, .details-right{ display:block;}
    .details-right-box{ float:none;}

    .mobile-nav, .slideout-menu{ display:block;}
    .mobile-nav { height: 20px; min-width: 20px; overflow: hidden; position: absolute; right: 80px; top: 20px; transition: width 0.3s ease 0s; width: 0;}
    .slideout-menu { position: fixed; top: 0; left: -250px; width: 250px; height: 100%; background: #FFFCFA url(images/header-bg.jpg) repeat; z-index: 100; background-repeat-y: no-repeat; }
    .slideout-menu h3 { position: relative; padding: 12px 10px; color: #fff; font-size: 1.2em; font-weight: 400; border-bottom: 1px solid #9e693e; margin:0;}
    .slideout-menu .slideout-menu-toggle { position: absolute; top: 8px; right: 10px; display: inline-block; padding: 6px 9px 5px; font-weight: bold; line-height: 1; background: #895f3c; color: #ccc; text-decoration: none; vertical-align: top;}
    .slideout-menu .slideout-menu-toggle:hover { color: #fff;}
    .slideout-menu ul { list-style: none; margin:0; padding:0;}
    .slideout-menu ul li { border-bottom: 1px solid #fdcfa7; display: block; color: #fff;}
    .slideout-menu ul li:last-child{ border-bottom: none;}
    .slideout-menu ul li ul { margin-left:10px;}
    .slideout-menu ul li a { position: relative; display: block; padding: 10px; color: #333; text-decoration: none;}
    .slideout-menu ul li a:hover { background: #c2936c; color: #fff;}
    .slideout-menu ul li a i { position: absolute; top: 15px; right: 10px; opacity: .5;}

	ul li.page-list ul.sub-menu li { width: 250px; }
    .contact-info th, .contact-info td{ display:block; width:100%;}
    table#table5 td, table#table6 td,table#table3 td, table#table4 td{ display:block; width: 100%; }

    .home-videos-left, .home-videos-right{ width:100%; display:block;}
    .shippingform table tr td{ display:block; text-align: left !important;}
    .shippingform table tr td textarea{ max-width:100%;}

	.rn_main_container { /* margin-top: 60px; */ }
	.wholesale-inquiry{ padding:0;}
    /* .inner-table table td{ display:block;} */
	#footer .dfooter .seperator-home{ display:none;}
	#footer .dfooter td{ display:block;}
	.single_product_content, .single_product_image{ width:100%; display:block;}
	.width20, .width30, .width25{ width:100%;}
    .width33 { display: block; width:280px; }
	.mobile-show-block, .mobile-close{ display:block; text-align: center; }

	table.tablelist td.mobile-show-block { border: 0 !important; border-bottom: 1px solid #B2DAEE !important; margin: 5px 0; }

    .mobile-show-full{ display:block; width:100%;}
	a.cart_product_remove { font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; -webkit-border-radius: 100%; border-radius: 100%; color: #f00; text-decoration: none; font-weight: 700; }

	a.cart_product_remove:hover { background-color: #f00; color: #fff; }
	.holder-main-image-item img{ max-width: 232px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #boxes-container{ max-width:460px;}

    #page-header, #tabcontent_1, #tabcontent_2, #tabcontent_3{ width:460px;}

    .wholey{ padding:0;}
	table td img{ max-width:100%; }
}
@media only screen and (min-width: 280px) and (max-width: 495px) {
 .responsive-image {
 max-width:100%;
display:block;
height: auto;
}
}