body {margin:0px;padding:0px;}
form {margin:0px;padding:0px;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.dc {margin:0 auto;}
.b0 {border:0;}
.b1b {border:1px solid black;}
img {border:0;}
.p {cursor:pointer;}
table, table tr td, table tr th, table tr, tbody {margin:0;padding:0;border-spacing:0px;}
.tdp1 td {padding:1px;}
.tdp2 td {padding:2px;}
.tdp3 td {padding:3px;}
.tdp5 td {padding:5px;}
.tdp10 td {padding:10px;}
.abs {position:absolute;}
.cb {clear:both;}
.vt {vertical-align:top;}
.vc {vertical-align:center;}
.vb {vertical-align:bottom;}
.sw {max-width:1020px;}
.swp {padding-left:10px;padding-right:10px;}
.w100 {width:100%;}


h1, h2, h3 {font-family:'Roboto', Arial;margin:0;padding:0;}
h1 {color:#0098DA;font-size:25pt;font-weight:300;text-align:center;}
h3 {color:black;font-size:16pt;font-weight:300;}

.price2 {color:#A6CE47;font-family:'Roboto', Arial;font-size:30pt;padding:5px;text-align:center;font-weight:300;}
.price {color:#A6CE47;font-family:'Roboto', Arial;font-size:12pt;padding:5px;}

.main {font-family:'Roboto', Arial;font-size:10pt;color:black;text-align:justify;}

.line {height:1px;background-color:silver;width:100%;}

.topbar {text-transform:uppercase;background-color:black;padding-top:10px;padding-bottom:10px;color:white;font-family:'Roboto', Arial;font-size:10pt;}
.a1:hover {text-decoration:none; color:#0098DA !important;}
.a2:hover {text-decoration:none; color:#A6CE47 !important;}
.a3:hover {text-decoration:none; color:#BC3737 !important;}
.a4:hover {text-decoration:none; color:#F58634 !important;}
.a1:link, .a2:link, .a3:link, .a4:link, .a1:visited, .a2:visited, .a3:visited, .a4:visited, .a1:active, .a2:active, .a3:active, .a4:active {color:white; text-decoration:none;}

.viewcart {background-color:black;color:white;border:0;outline:0;text-transform:uppercase;font-family:'Roboto', Arial;font-size:10pt;padding:0;cursor:pointer;}
.viewcart:hover {color:#A6CE47 !important;cursor:pointer;}



.fade {-o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;}
  

.wbutton {border:1px solid white;background:rgba(255,255,255,0.4);text-transform:uppercase;font-family:'Roboto', Arial;font-size:14pt;width:150px;color:white;cursor:pointer;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.wbutton div {padding:15px;}
.wbutton:hover {background:rgba(255,255,255,0.6);}
 
 
.button {border:1px solid black;background:rgba(0,0,0,0.6);text-transform:uppercase;font-family:'Roboto', Arial;font-size:10pt;width:120px;color:white;cursor:pointer;padding:5px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.button:hover {background:rgba(0,0,0,0.9);}
 
.textinput {
	outline: none;
	text-decoration: none;
	font: 10pt 'Roboto', sans-serif, Helvetica, sans-serif;
	padding: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: black;
	border: solid 1px silver;
	text-align:left;
	background: #EEEEEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
width:100%;
 display: table-cell;
  box-sizing : border-box;
  webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
 

 
.productimg {border:1px solid silver;width:200px;height:200px;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.productimg:hover {border:1px solid orange;width:200px;height:200px;background-size:250px 250px !important;}

.productimg2 {border:1px solid silver;width:200px;height:200px;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.productimg2:hover {border:1px solid orange;width:200px;height:200px;}



.productimg3 {border:1px solid silver;width:250px;height:250px;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.productimg3:hover {border:1px solid orange;width:250px;height:250px;}


.footer {background-color:black;padding-top:10px;padding-bottom:10px;color:white;font-family:'Roboto', Arial;font-size:9pt;text-align:center;}

.flp {padding-right:20px;padding-left:20px;padding-bottom:45px;}
.bulk {background-color:#F58634;width:100%;text-align:center;font-size:10pt;cursor:pointer;color:white;text-transforma:uppercase;font-family:'Roboto',Arial;}
.bulk h2 {color:black !important;font-size:16pt;font-weight:300;}
.bulkp {padding:10px;}



@media screen and (max-width: 15000px) {
.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
.flp {display:inline-block;}
}

@media screen and (max-width: 790px) {
.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
.flp {display:inline-block;}
}

@media screen and (max-width: 650px) {
.fr, .fl {float:none;padding:0;text-align:center;}
.flp {display:block;}
}

@media screen and (max-width: 480px) {
.fr, .fl {float:none;padding:0;text-align:center;}
.flp {display:block;}
}