button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
-webkit-border-radius: 0;
cursor:pointer;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

button[disabled],input[disabled] {
cursor:default;
}

input[type="checkbox"],input[type="radio"] {
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
padding:0;
}

input[type="search"],input[type="text"] {
-moz-box-sizing:content-box;
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
.mobile-view{display:none;}
.tsblet-view{display:none;}
.left-sidebar {float:left; width:189px;}
.left-main-box {float:left; width:100%; background:#e5e5dd;}
.material-menu-wrapper.material-menu-view-desktop {display:none !important;}
#bodyshell #bodycontent {float:right!important;}
#footer .copyright {font-size:11px;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background:#98572d; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration:none; margin-bottom:5px;}
.top-bar.vertical ul > li a.has-dropdown:hover{color:#fff!important; text-decoration:underline;}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image:none; line-height:1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}

@media only screen and (min-width: 801px) and (max-width: 980px) {
.container {width:98%;}
.material-menu-titlebar {display:none!important;}
#header #brandmark {padding:13px 0;}
#header .content {width:68%;}
.shipping {font-size:13px!important;}
.shipping a {font-size:13px!important;}
#bodyshell .bodyshellbg {width:99%;}
#bodyshell #bodycontent {width:76%;}
#index-banner {width:99.5%; border:none;}
#index-banner .border {width:100%;}
.bannerimg img {width:100%;}
#index-banner .col1 {width:34.6%;}
#index-banner .col2 {width:35.4%;}
.productrow {text-align:center; vertical-align:top;}
.productrow .productblock {float:none; display:inline-block; padding:10px 0; margin:0 2px; vertical-align:top;}
.catrow .productblock {float:none; display:inline-block; background-size:100% 100%; margin:0 2px; vertical-align:top;}
#footer .container {width:96%;}
#footer .imgs {width:100%; text-align:center; position:relative; padding:15px 0;}
#footer .imgs img {float:none; margin:0;}
#footer .bg {height:auto; background-size:100% 100%;}
#itemarea {width:68%; margin-left:0; background-size:100% 100%;}
#productmainimg {float:none; width:100%; display:inline-block; padding-right:0;}
#productmainimg .prd-img {height:auto; background-size:100% 100%;}
#itemarea .productInfo {width:100%; text-align:left;}
.description {text-align:left;}
#productmainimg {padding-right:8px;}
#itemarea .productInfo {width:193px;}
.caption {width:99%; margin-left:0;}
#header #nav-general ul li {padding:0 24px 0 19px;}
.catrow {width:100%; text-align:center; vertical-align:top; padding-top:5px;}
.recent-box .productblock{padding-right:0px!important;}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
.container {width:98%;}
.cartarea {padding:0; height:auto;}
#header {height:auto; background-size:100% 100%;}
#header .content {width:100%; padding:10px 0 0 0; text-align:center; vertical-align:top;}
#header #nav-general {display:none;}
#bodyshell .bodyshellbg {width:100%; padding:0;}
#bodyshell #bodycontent {width:100%; padding:5px 0;}
#index-banner {width:100%; padding:0; border:none;}
#index-banner .border {width:99.1%; border:3px solid #ef9254;}
#header #brandmark {width:100%; padding:25px 0 0; text-align:center;}
#header #brandmark a {display:inline-block;}
.productrow {text-align:center; vertical-align:top;}
.productrow .productblock {float:none; display:inline-block; padding:10px 0; margin:0 5px; vertical-align:top;}
.catrow .productblock  {float:none; display:inline-block; background-size:100% 100%; margin:0 5px; vertical-align:top;}
.bannerimg img {width:100%;}
#index-banner .col1 {width:38%;}
#index-banner .col2 {width:35.4%;}
.left-sidebar {width:100%; text-align:center;}
#bodyshell #sidebar {float:none; display:inline-block;}
#bodyshell #sidebar {text-align:left;}
#header .content li {display:inline-block;  vertical-align:top;}
#header .content .search {padding:5px 0; width:auto;}
#footer .container {width:98%; padding:0;}
#footer-links {width:100%; text-align:center;}
#footer .bg {background-size:100% 100%; height:auto;}
#footer .about {height:auto;}
#footer-links ul li {float:none; display:inline-block; padding:4px 4px 4px 7px;}
#footer .imgs {width:100%; text-align:center; position:relative; padding:15px 0;}
#footer .imgs img {float:none; margin:0;}
#itemarea {width:70%; margin-left:0; background-size:100% 100%;}
#productmainimg {padding-right:8px;}
#itemarea .productInfo {width:193px;}
.caption {width:99%; margin-left:0;}
.yui-skin-sam .yui-panel-container.shadow{left: 0px!important;}
.yui-skin-sam .yui-panel{width: auto!important;}
.catrow {width:100%; text-align:center; vertical-align:top; padding-top:5px;}

.phone {display:none !important;}
.tsblet-view {background:#afe633 !important; color:#000!important;display:block !important; }
.mobile-view {display:none !important;}
.tsblet-view a {text-decoration:none!important; color:#000!important; text-shadow:none!important; font-size:16px !important;}
.recent-box .productblock{padding-right:0px!important;}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
.container {width:98%;}
.cartarea {padding:0; height:auto;}
#header {height:auto; background-size:100% 100%;}
#header .content {width:100%; padding:10px 0 0 0; text-align:center; vertical-align:top;}
#header #nav-general {display:none;}
#bodyshell .bodyshellbg {width:100%; padding:0;}
#bodyshell #bodycontent {width:100%; padding:5px 0;}
#index-banner {width:100%; padding:0; border:none;}
#index-banner .border {width:99.1%; border:3px solid #ef9254;}
#header #brandmark {width:100%; padding:25px 0 0; text-align:center;}
#header #brandmark a {display:inline-block;}
.productrow {text-align:center; vertical-align:top;}
.productrow .productblock {float:none; width:140px; display:inline-block; padding:10px 0; margin:0 2px; vertical-align:top;}
.catrow .productblock {float:none; width:140px; display:inline-block; background-size:100% 100%; margin:0 2px; vertical-align:top;}
.prdimg img {width:auto;}
.bannerimg img {width:100%;}
#index-banner .col1 {width:34%;}
#index-banner .col2 {width:34%;}
.left-sidebar {width:100%; text-align:center;}
#bodyshell #sidebar {float:none; display:inline-block;}
#bodyshell #sidebar {text-align:left;}
#header .content li {float:none; display:inline-block;  vertical-align:top;}
#header .content .search {padding:6px 0; float:none;}
#footer .container {width:98%; padding:0;}
#footer-links {width:100%; text-align:center;}
#footer .bg {background-size:100% 100%; height:auto;}
#footer .about {height:auto;}
#footer-links ul li {float:none; display:inline-block; padding:4px 4px 4px 7px;}
#footer .imgs {width:100%; text-align:center; position:relative; padding:15px 0;}
#footer .imgs img {float:none; margin:0;}
#itemarea {width:97%; margin-left:0; background-size:100% 100%;}
.youmayalsolikemain {float:left; width:100%; text-align:center;}
.youmayalsolike {float:none; display:inline-block; margin-left:0;}
.caption {width:99%; margin-left:0;}
.yui-skin-sam .yui-panel-container.shadow{left: 0px!important;}
.yui-skin-sam .yui-panel{width: auto!important;}
.catrow {width:100%; text-align:center; vertical-align:top; padding-top:5px;}

.phone {display:none !important;}
.tsblet-view {display:none !important;}
.mobile-view {background:#afe633 !important; color:#000!important;}
.mobile-view a {text-decoration:none!important; color:#000!important; text-shadow:none!important; font-size:16px !important;}

}
@media only screen and (min-width: 420px) and (max-width: 519px) {
.container {width:98%;}
.cartarea {padding:0; height:auto;}
#header {height:auto; background-size:100% 100%;}
#header .content {width:100%; padding:10px 0 0 0; text-align:center; vertical-align:top;}
#header #nav-general {display:none;}
#bodyshell .bodyshellbg {width:100%; padding:0;}
#bodyshell #bodycontent {width:100%; padding:5px 0;}
#index-banner {width:100%; padding:0;}
#index-banner .border {width:97.5%;}
#header #brandmark {width:100%; padding:35px 0 0; text-align:center;}
#header #brandmark a {display:inline-block;}
.productrow {text-align:center; vertical-align:top;}
.productrow .productblock {float:none; display:inline-block; padding:10px 0; margin:0 5px; vertical-align:top;}
.catrow .productblock  {float:none; display:inline-block; background-size:100% 100%; margin:0 5px; vertical-align:top;}
#index-banner .col1 {width:100%;}
#index-banner .col2 {width:100%;}
#index-banner .col3 {width:100%;}
.bannerimg img {width:100%;}
.left-sidebar {width:100%; text-align:center;}
#bodyshell #sidebar {float:none; display:inline-block;}
#bodyshell #sidebar {text-align:left;}
#header .content li {float:none; display:inline-block; background:none; vertical-align:top; line-height:25px;}
#header .content .search {padding:22px 0 15px 0; width:72%;}
#footer .container {width:98%; padding:0;}
#footer-links {width:100%; text-align:center;}
#footer .bg {background-size:100% 100%; height:auto;}
#footer .about {height:auto;}
#footer-links ul li {float:none; display:inline-block; padding:4px 4px 4px 7px;}
#footer .imgs {width:100%; text-align:center; position:relative; padding:15px 0;}
#footer .imgs img {float:none; margin:0;}
#itemarea {width:94%; margin-left:0; background-size:100% 100%; text-align:center;}
#productmainimg {float:none; width:100%; display:inline-block; padding-right:0;}
#productmainimg .prd-img {height:auto; background-size:100% 100%;}
#itemarea .productInfo {width:100%; text-align:left;}
.description {text-align:left;}
.youmayalsolikemain {float:left; width:100%; text-align:center;}
.youmayalsolike {float:none; display:inline-block; margin-left:0;}
.caption {width:99%; margin-left:0;}
.yui-skin-sam .yui-panel-container.shadow{left: 0px!important;}
.yui-skin-sam .yui-panel{width: auto!important;}
.catrow {width:100%; text-align:center; vertical-align:top; padding-top:5px;}

.phone {display:none !important;}
.tsblet-view {display:none !important;}
.mobile-view {background:#afe633 !important; color:#000!important;}
.mobile-view a {text-decoration:none!important; color:#000!important; text-shadow:none!important; font-size:16px !important;}
.recent-box .productblock{padding-right:0px!important;}
}

@media only screen and (min-width: 320px) and (max-width: 419px) {
.container {width:98%;}
.cartarea {padding:0; height:auto;}
#header {height:auto; background-size:100% 100%;}
#header .content {width:100%; padding:10px 0 0 0; text-align:center;}
#header #nav-general {display:none;}
#bodyshell .bodyshellbg {width:100%; padding:0;}
#bodyshell #bodycontent {width:100%; padding:5px 0;}
#index-banner {width:100%; padding:0;}
#index-banner .border {width:97.5%;}
#header #brandmark {width:100%; padding:35px 0 0; text-align:center;}
#header #brandmark a {display:inline-block;}
.productrow {text-align:center; vertical-align:top;}
.productrow .productblock {float:none; display:inline-block; padding:10px 0; margin:0 2px; vertical-align:top;}
.catrow .productblock {float:none; display:inline-block; background-size:100% 100%; margin:0 2px; vertical-align:top;}
#index-banner .col1 {width:100%;}
#index-banner .col2 {width:100%;}
#index-banner .col3 {width:100%;}
.bannerimg img {width:100%;}
.left-sidebar {width:100%; text-align:center;}
#bodyshell #sidebar {float:none; display:inline-block;}
#bodyshell #sidebar {text-align:left;}
#header .content li {float:none; display:inline-block; background:none; line-height:26px;}
#header .content .search {padding:24px 0 20px 0; width:83%;}
#footer .container {width:98%; padding:0;}
#footer-links {width:100%; text-align:center;}
#footer .bg {background-size:100% 100%; height:auto;}
#footer .about {height:auto;}
#footer-links ul li {float:none; display:inline-block; padding:4px 4px 4px 7px;}
#footer .imgs {width:100%; text-align:center; position:relative; padding:15px 0;}
#footer .imgs img {float:none; margin:0;}
#itemarea {width:94%; margin-left:0; background-size:100% 100%; text-align:center;}
#productmainimg {float:none; width:100%; display:inline-block; padding-right:0;}
#productmainimg .prd-img {height:auto; background-size:100% 100%;}
#itemarea .productInfo {width:100%; text-align:left;}
.description {text-align:left;}
.youmayalsolikemain {float:left; width:100%; text-align:center;}
.youmayalsolike {float:none; display:inline-block; margin-right:0;}
.textarea {width:100%;}
.caption {width:98%; margin-left:0;}
.yui-skin-sam .yui-panel-container.shadow{left: 0px!important;}
.yui-skin-sam .yui-panel{width: auto!important;}
.smb-fc{width: 302px!important;left: 8px!important;}
.catrow {width:100%; text-align:center; vertical-align:top; padding-top:5px;}

.phone {display:none !important;}
.tsblet-view {display:none !important;}
.mobile-view {background:#afe633 !important; color:#000!important;}
.mobile-view a {text-decoration:none!important; color:#000!important; text-shadow:none!important; font-size:16px!important;}
.recent-box .productblock{padding-right:0px!important;}

}
@media (width: 980px) {
#index-banner .col1 {width:37%;}
}
@media (width: 800px) {
#index-banner .col2 {width:36.5%;}
}
@media (width: 600px) {
#index-banner .col1 {width:32%;}
}
@media (width: 568px) {
#index-banner .col2 {width:30%;}
.productrow .productblock {margin:0 25px;}
.catrow .productblock {margin:0 25px;}
.recent-box .productblock{padding-right:0px!important;}
}
@media only screen and (max-width: 800px) {
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu-titlebar {display: block !important; height:55px; left:0; opacity: 1 !important; position:fixed; top:0; width:auto; z-index: 999;}
#nav-product {display:none;}  
.left-sidebar {width:100%; text-align:center; border-top:solid 2px #733e1e; padding-top:10px;}
}