@charset "utf-8";
header, section, footer, aside, nav, article, {display: block; }
html {background: #C8DCFB;}
body {width: 1010px; margin: 0 auto; background: #fff; 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: 26px; 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 6px 0px 6px; text-decoration: none; color: #03c;}
#deskmenu a:hover {background: #03c; color:#fff;}
.mobilemenu select {display: none;}
aside {float: right; width: 255px; margin: 0px 0px 10px 10px; font-size:12px; line-height: 1.5em;}
articleh {float: right; width: 98%; margin: 0px 8px 10px 10px; font-size:15px; line-height: 1.5em;}
article {float: left; width: 720px; margin: 10px 8px 10px 15px; font-size:15px; line-height: 1.5em;}
article a {font-weight: bold; color: #03c;}
p.bread {color: #666; font-size: 11px; margin: -25px 0px 0px -6px; 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 15px 0px; width: 100%; text-align: center; margin-top: -20px;}
.dth2 {display: block;}
section {clear: both; overflow: hidden; margin: 0px 0px 20px 0px;}
.imgleft {float: left; padding: 0px 16px 0px 0px;}
.imgleft2 {float: left; padding: 0px 10px 0px 0px; max-width: 310px;}
.imgright {float: right; padding: 0px 0px 0px 20px;}
.capt {
	float: right;
	padding: 5px;
	width: 97%;
	max-width: 350px;
	background: #eee;
	border: solid 1px #bbb;
}
.price {font-size: 13px; text-align: center; font-weight: bold; color:#C00; font-family: arial; margin: 0px 0px 10px 0px;}
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;}
.shopperapproved {clear: both;  text-align: center;}
.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;}
.col {width: 31%; display: inline-block; text-align: left; vertical-align: top; padding: 1px;}
.col2 {width: 47%; display: inline-block; text-align: left; vertical-align: top; padding: 1px;}
.col2a {width: 46%; display: inline-block; text-align: left; vertical-align: top; margin: 10px 10px 20px 10px;}
.col4 {width: 24%; display: inline-block; vertical-align: top; margin-right: 2px;}
.col5 {width: 19%; display: inline-block; vertical-align: top; margin-right: 2px;}
.col11 {width: 13%; display: inline-block; text-align: center; vertical-align: top; padding: 1px;}
.col4title {color:#fff; font-weight:bold; font-size: 16px; background-color:#990000; width: 95%; text-align: center; padding: 4px;}
.txtad {display: block;}
.mbar,#free,#mobadm, #mobmenu {display: none;}

table.nrcol {font-family: Arial, helv, helvetica; font-size:12px; font-weight: bold;}
.style44 {color: #666666; font-size: 14px; font-weight: bold;}

@media only screen and (max-width : 568px) {
    body {max-width: 400px; width: 98%; background: #fff !important; margin-top: -2px; padding: 0px 1px; }
    #deskmenu, aside, .ldrbd, .search, .shopper, .txtad {display: none;} 
.checkout {margin: 0px 5px 0px 0px;}
	header {padding-top: 6px; 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 {color: #666; font-size: 13px; margin: 10px 0px 0px 0px;}
	articleh {padding: 0px; font-size: 14px; line-height: 1.6em; width: 98%; margin: 0px;}
article {padding: 0px; font-size: 14px; line-height: 1.6em; width: 98%; margin: -15px 7px 0px 7px;}
	article .hero {clear: both; width: 99%; margin: 0px;}
	.title {clear: both; width: 99%; padding: 0px; margin: -6px 2px 14px 0px;}
	.title h1 {font-size: 2.0em; line-height: 1.0}
	.dth2 {display: none;}
	section {clear: both; overflow: hidden; margin: 0% 2% 20px 0%;}	
	section img {clear: both; max-width: 100%;}	
	.imgleft {clear: both; width: 100%; text-align: center;}	
	.imgleft img {clear: both; max-width: 100%;}
	.imgleft2 {clear: both; width: 98%; text-align: center; max-width: 400px;}	
	.imgleft2 img {clear: both; max-width: 99%;}
	.imgright {clear: both; width: 98%;}	
	.imgright img {clear: both; width: 98%;}
	.capt {width: 98%; max-width: 98%; margin-bottom: 12px;}
	.price {text-align: center; font-weight: bold; color:#C00; font-family: arial; margin: 0px -10px 10px 0px;}
	footer {background: #ddd; margin: 0px;}
	footer a {font-size: 17px; line-height: 1.5em;}
	#mobadm {display: inline-block; text-align: center; margin-bottom: 16px;}
	#free {display: inline-block; text-align: center; margin-bottom: 2px;}
	.col {width: 100%; text-align: center; vertical-align: top; margin-bottom: 18px;}
	.col2 {width: 48%; text-align: center; vertical-align: top; margin-bottom: 18px;}
	.col2a {width: 99%; vertical-align: top; margin: 3px 3px 20px 0px;}
	.col4 {width: 99%; vertical-align: top; margin-bottom: 18px;}
	.col4title {width: 100%; vertical-align: top; margin-bottom: 3px;}
	.col4 img {text-align: center;}
	.col11, .col5 {width: 31%; vertical-align: top; margin-bottom: 12px;}
	.col11 img {text-align: center;}
	.mbar {display: block; color:#fff; font-weight:bold; font-size: 16px; background-color:#990000; width: 100%; text-align: center; padding: 4px; vertical-align: top; margin-bottom: 3px;}
}