@charset "utf-8";
header, section, footer, aside, nav, article, {display:block;}
html {background:#C8DCFB;}
body {width:1010px; margin:0 auto; background:#eee; font-family:arial; color:#444; margin-top:3px;}
a {color:#03c;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#666;}
h1 {font-size:28px; margin-bottom:-10px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
.ldrbd {align:center; padding:10px 0px 10px 0px; background-color:#FFFFFF;}
header {height:94px; background-color:#FFFFFF; width:100%; margin:0px 0px 0px 0px;}
.logo {float:left; margin:4px 0px 0px 10px; padding-right:65px;}
.shopper {padding:30px 0 0 0;}
.checkout {float:right; margin:-45px 15px 0px 0px; font-size:10px;}
#deskmenu {height:43px; margin:4px 6px 10px 6px; background:#C8DCFB; font-size:13px; border:1px solid #808080; text-align:center;}
#deskmenu a {float:left;  padding:6px; margin:0px 6px 0px 6px; text-decoration:none; color:#03c;}
#deskmenu a:hover {background:#03c; color:#fff;}
.mobilemenu select {display:none;}
aside {float:left; width:180px; height:100%; margin:0px 0px 10px 7px; font-size:13px; background:#eee; line-height:1.5em;}
.sticky {position:sticky; position:-webkit-sticky; top:5px;}
article {float:right; width:790px; margin:10px 8px 10px 10px; font-size:14px; line-height:1.5em;}
article a {font-weight:bold; color:#03c;}
p.bread {color:#666; font-size:14px; margin:-13px 0px 0px -8px; font-weight:bold; text-align:left;}
p.bread a:visited {color:#03c;}
.navtitle {color:#fff; font-weight:bold; font-size:14px; background-color:#990000; width:172px; text-align:center; padding:4px;}
.sidemenu {color:#fff; font-weight:bold; font-size:14px; background-color:#960; width:142px; text-align:center; padding:4px;}
.title {padding:0px 0px 0px 0px; width:100%; text-align:center;}
section {margin:0px 0px 30px 0px; padding-bottom:30px;}
.imgleft {float:left; padding:0px 10px 0px 0px;}
.image {max-width:98%; height:auto;}
.price {float:right; font-weight:bold; color:#C00; font-family:arial; margin:4px 4px 25px 35px;}
.pricel {font-weight:bold; color:#C00; font-family:arial; margin:4px 4px 0px 70px;}
footer {clear:both; background:#ddd; margin:10px; padding:6px; font-size:12px; line-height:1.5em; text-align:center; text-decoration:none;}
footer a {font-size:18px; font-weight:bold; text-decoration:none; color:#03c; line-height:2em;}
.box {padding:10px; border-width:3px; border-style:solid; margin:2em 0 2em; border-color:#363; background:#dfd; color:#363; font-weight:bold; text-align:center;}
#mobadm, #mobmenu {display:none;}
.big {font-size:16px; font-weight:bold; display:inline;}
.col {width:32%; display:inline-block; text-align:center; vertical-align:top;}
.col2 {width:48%; display:inline-block; vertical-align:top; padding-right:10px;}
.col4 {width:24%; display:inline-block; text-align:center; vertical-align:top; margin-bottom:8px;}
.txtad {display:block;}
.style44 {color:#666666; font-size:14px; font-weight:bold;}
.font9 {color:#BABABA; font-size:9px; letter-spacing:1px; margin-bottom:-4px;}

@media only screen and (max-width : 568px) {
body {min-width:330px; max-width:400px; width:100%; background:#eee !important; margin-top:-2px; padding:0px 3px;}
#deskmenu, aside, .ldrbd, .search, .shopper, .txtad {display:none;}
.checkout {margin:0px 5px 0px 0px;}
header {padding-top:1px; padding-bottom:-10px; height:auto;}
.logo {width:95%; height:auto; margin:auto; padding:8px 10px 2px 10px; background:#fff;}
.logo img {width:95%; height:auto; margin-bottom:3px;}
.mobilemenu {margin:-10px 4% -8px 4%;}
.mobilemenu select {clear:both; display:inline-block; width:40%; overflow:hidden; background:#F25E28; color:#fff; border:2px solid #ccc; height:30px; font-weight:bold; padding-left:8px; border-radius:8px;}
#mobmenu {clear:both; display:inline-block; max-width:300px; margin-left:0px; margin-top:-42px; padding:7px 5px 0px 5px; float:left;}
#mobmenu ul, #mobmenu:active ul { display:none; float:left; margin:-2px 5px 5px 0px; padding:4px 0px; background:#C8DFF7; border:2px solid #0033FF; width:98%; border-radius:0px 0px 0px 0px;}
#mobmenu li {text-align:center; font-size:14px; font-weight:bold; width:98%; padding:5px 3px; margin:0px; list-style:none;}
#mobmenu:hover ul {display:inline;}
#menu-icon {display:hidden; float:left; width:100px; height:30px; background:url(https://waterproofpaper.com/mobile-menu.gif) center; margin:-2px 0px 0px 0px}
p.bread {display:inline-block; color:#666; font-size:10px; margin:5px 0px 0px 0px; max-width:97%; line-height:1.2em;}
article {padding:0px; font-size:14px; line-height:1.6em; width:98%; margin:-5px 5px 0px 0px;}
article .hero {clear:both; width:100%; margin:0px 0% 0px 1%;}
.title {clear:both; width:100%; margin:-6px 0% -10px 0%;}
.title h1 {font-size:1.6em; line-height:1.0em; margin-bottom:-16px;}
section {clear:both;  margin:0% 4% 0 0%;}
.imgleft {width:100%; margin:-10px 0% 6px 0}
.price {float:right; font-weight:bold; color:#C00; font-family:arial; margin:0px -10px 10px 10px;}
.pricel {font-weight:bold; color:#C00; font-family:arial; margin:0px -10px 10px 55px;}
footer {background:#ddd; margin:0px;}
footer a {font-size:17px; line-height:1.5em;}
#mobadm {display:inline-block; text-align:center; margin-bottom:16px;}
.col {width:100%; text-align:center; vertical-align:top; margin-bottom:18px;}
.col2 {width:100%; vertical-align:top; margin-bottom:18px;}
.col4 {width:49%; text-align:center; vertical-align:top; margin-bottom:12px;}
}