@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; max-width: 390px; margin: 4px 0px 0px 10px; height: 90px; padding-right: 120px;}
.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 10px 0px 10px; text-decoration: none; color: #03c;}
#deskmenu a:hover {background: #03c; color:#fff;}
.mobilemenu select {display: none;}
aside {float: left; width: 180px; margin: 0px 0px 10px 7px; font-size:13px; background: #eee; line-height: 1.5em;}
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: 11px; 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%}
.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;}

@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%; margin: auto; padding: 10px 10px 2px 10px; height: inherit; background: #fff;}
	.logo img {width: 95%; 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;}
}