* {
    padding: 0;
    margin: 0;
} 

body {
background: #fff url(images/back.jpg) repeat-x top;
background-color: #040404;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 24px;
}

a {
	color: #CB392C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
#wrap {
max-width: 800px;
margin: 0 auto;
}
#header {
height: 100px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing:;
padding: 40px 0 0 0px;
}
#header h1 a {
text-decoration: none;
color: #CCCCCC;
}
#header h1 a:hover {
text-decoration: none;
color: #FFFFFF;
}
#header h2 {
color: #CCCCCC;
font-size: 16px;
font-weight: 100;
padding: 0 0 0 1px;
}
#menu {
height: 30px;
line-height: 30px;
}
#menu ul {
padding-left: 2px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}
#content {
margin: 20px 0;
line-height: 17px;
padding: 15px;
}
.left {
float: left; 
width: 580px;
text-align: justify;
color:#CCCCCC;
}
.left h2 {
color: #B7271F;
font-size: 20px;
letter-spacing:;
font-weight: 100;
padding : 10px 0 15px 0;
}
.left h2 a {
color: #CCCCCC;
}
.left h2 a:hover {
color: #FFFFFF;
}
.right {
margin-top: 10px;
float: right;
width: 160px;
padding: 10px;
background: #451916;
border: 1px solid #5F2D2A;
}
.right h2 {
font-size: 12px;
color: #FFFFFF;
padding: 5px 0 2px 0;
}
.right ul {
list-style-type: none;
padding: 5px 0 10px 0;
}
.right ul li {
	text-align: left;
}
.right ul li a {
display: block;
border-bottom: 1px solid #999;
color: #CCCCCC;
padding: 2px 10px;
}
.right ul li a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#footer {
font-size: 11px;
color: #999;
text-align: center;
padding: 5px 0 10px 0;
margin-top: 20px;
border-top: 10px solid #451916;
}
#footer a { 
color: #999;
}
#footer a:hover {
color: #FFFFFF; 
text-decoration: underline; 
}
#footer h2 {
color: #CCCCCC;
font-size: 14px;
letter-spacing:;
font-weight: 100;
padding : 10px 0 15px 0;
}
#footer h2 a {
color: #CCCCCC;
font-size: 14px;
}
#footer h2 a:hover {
color: #FFFFFF;
font-size: 14px;
}

/* START PRODUCT */
#product-display {
width: 580px;
}

#product-content li{
	width:255px;
	border-width:0 1px 0px 0;
	color: #CCCCCC;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background: #5F2D2A;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:6px;
}
#product-content li br{}

#product-content  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#product-content a:hover span{	
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 
img{
	border:1px solid #CCCCCC;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}
/* END PRODUCT */
.terms {
color: #FF0000;
}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

#header {
    height: 100px;
    padding: 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(#040404, #530501) repeat scroll 0 0;
}
.left {
    float: left;
    width: 100%;
    text-align: left;
    color: #CCCCCC;
    padding-bottom: 20px;	
}
.right {
    margin: 0;
    float: right;
    width: 100%;
    padding: 0px;
    background: #451916;
    border: 1px solid #5F2D2A;
    text-align: center;
}
#product-display{width:100%;}

#product-content img{width:100%; height: auto;}

.left img{width: 100%; height: auto;}
#product-content li {
    padding: 15px;
    margin: 2px;
}
#footer {
    padding: 5px;
}
#menu ul{padding-left: 0px;float: left;margin-bottom: 20px;background: #a82d25;}
#menu ul li {
display: block;
float: left;
width: 100%;
border-bottom: 1px solid;
}
#menu ul li:hover{
	background-color: #510501;}

#menu ul li a {
color: #fff;
text-decoration: none;
font-weight: 600;
padding: 5px;
text-transform: uppercase;
float: left;
padding-left: 15%;
font-size: 14px;
letter-spacing: 1px;
width:83%;
}
#menu ul li a:hover {
color: #fff;
text-decoration:none;
}
.right ul li a {
display: block;
border-bottom: 1px solid #999;
color: #CCCCCC;
padding: 10px 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
padding-left: 15%;
}
.right ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #a82d25;
}
#product-content{width:100%; float:left;}
.left div{width:100%; float:left;}
#product-content ul{width: 100%; float: left;}
.right h2 {
    font-size: 14px;
    color: #FFFFFF;
    padding: 15px 0px 2px 15%;
    text-align: left;
    text-transform: uppercase;
}
#header h1 {
    padding: 10px 0 0 0px;
}
}

.col3 li{width: 27% !important;}
#product-content h1{color: #CCCCCC;
font-size: 12px;
padding-left: 5px;}
.wa-button {
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 60px;
    z-index: 999;
}
.wa-button img {
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
	width: 100%;
	border:#000;
}