div, p, a, li, td { -webkit-text-size-adjust:none; 
}
div {
    zoom: 1;
    }

td {
position:relative;
}



body {
margin: 0;
	padding: 0;
	background: #ffffff url(images/Black-Seamless-Pattern.jpg) repeat center top fixed;
}


#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}



#wrapper {
	width: 100%;

	margin-right: auto;
	margin-left: auto;

}

#wrapper img {
	width: 100%;
	max-width: 1000px;
 margin: auto;
}




.Msubhead { 
 font: 2.0em 'Montserrat', sans-serif;
 color: #FF0000; 
font-weight: 700;
letter-spacing:  0.02em;
display: block;
max-width: 1200px;
margin: auto;
}


	

.artname { 
 font: 11px 'Montserrat', sans-serif;
 color: #000000; 

}



.subheadtopmenu { 
 font: 20px 'Montserrat', sans-serif;
 color: #FFFFFF; 
font-weight: bold;
letter-spacing:  0.0725em;
}
.subheadtopmenu a:link {
	color: #FFFFFF;
	text-decoration: none;

 
}
.subheadtopmenu a:visited {
	text-decoration: none;
	color: #FFFFFF;

}
.subheadtopmenu a:hover {
	text-decoration: none;
	color: #ff0000;

}
.subheadtopmenu a:active {
	text-decoration: none;
	color: #FFFFFF;

}

.subhead { 
    display: block;
 margin: auto;
 font: 20px 'Montserrat', sans-serif;
 color: #FFFFFF; 
font-weight: 600;
letter-spacing:  0em;
max-width: 1200px;

line-height: 1.5;
}


.FAQsubhead { 
    display: block;
 margin: auto;
 font: 20px 'Montserrat', sans-serif;
 color: #000000; 
font-weight: 500;
letter-spacing:  0em;
max-width: 1200px;

line-height: 1.5;
}

.subheadsmall { 
    display: block;
 margin: auto;
 font: 14px 'Montserrat', sans-serif;
 color: #FFFFFF; 
font-weight: 600;
letter-spacing:  0em;
max-width: 1200px;

line-height: 1.5;
}





.subhead a:link {
	color: #FF0000;
	text-decoration: none;

 
}
.subhead a:visited {
	text-decoration: none;
	color: #FF0000;

}
.subhead a:hover {
	text-decoration: none;
	color: #000000;
 background-color: #FF0000;

}
.subhead a:active {
	text-decoration: none;
	color: #FF0000;

}

.comment a:link {
	color: #666666;
	text-decoration: none;

 
}
.comment a:visited {
	text-decoration: none;
	color: #666666;

}
.comment a:hover {
	text-decoration: none;
	color: #cc0000;

}
.comment a:active {
	text-decoration: none;
	color: #666666;

}



.goldtext { 
 font: 20px 'Montserrat', sans-serif;
 color: #e3c28b; 
font-weight: bold;
}

.redtext { 
 font: 20px 'Montserrat', sans-serif;
 color: #cc0000; 
}


.helvtext {
 font: 13px 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
 color: #FFFFFF; 
font-weight: 600;
 line-height: 1.2;
}

.blktext {
 font: 13px 'Open Sans', Verdana, Arial, sans-serif;
 color: #000000; 
font-weight: 400;
 line-height: 1.2;
}




.helvtext a:link {
	color: #cc0000;
	text-decoration: underline;

 
}
.helvtext a:visited {
	text-decoration: none;
	color: #cc0000;

}
.helvtext a:hover {
	text-decoration: none;
	color: #ffffff;

}
.helvtext a:active {
	text-decoration: none;
	color: #cc0000;

}


.blktext a:link {
	color: #cc0000;
	text-decoration: underline;

 
}
.blktext a:visited {
	text-decoration: none;
	color: #cc0000;

}
.blktext a:hover {
	text-decoration: none;
	color: #cc0000;

}
.blktext a:active {
	text-decoration: none;
	color: #cc0000;

}



.blkhelv15 a:link {
	color: #666666;
	text-decoration: underline;
font-weight: 600;

 
}
.blkhelv15 a:visited {
	text-decoration: none;
	color: #666666;
font-weight: 600;
}
.blkhelv15 a:hover {
	text-decoration: none;
	color: #cc0000;
font-weight: 600;
}
.blkhelv15 a:active {
	text-decoration: none;
	color: #666666;
font-weight: 600;
}







.quotehead { 
 font: 35px 'Montserrat', sans-serif;
 color: #FFFFFF; 
font-weight: bold;

}

.sitehead { 
 font: 34px 'Montserrat', sans-serif;
 color: #FFFFFF; 
font-weight: bold;
 line-height: .9;
margin-left: -4px;
display: block;
}

.helv15 {
 font: 15px 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
 color: #FFFFFF; 
font-weight: bold;
 line-height: 1.3;
}

.blkhelv15 {
 font: 15px 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
 color: #000000; 
font-weight: 600;
 line-height: 1.6;
}

#testblock {
width: 360px;
margin-left: 480px;
margin-top: 60px;
float: left;
display: table;

}

.testimonial {
 font: 18px 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
 color: #FFFFFF; 
font-weight: 600;
 line-height: 1.4;
}

#tfooter{
position: absolute; left: 8px; bottom: 8px; width:339px; height: 30px; float: left; background-color: #333333; padding: 10px;
}



.headline {
 font: 36px 'Montserrat', sans-serif;
color: #e3c28b;
font-weight: bold;
letter-spacing: 0em;

}


.redline {
 font: 36px 'Montserrat', sans-serif;
color: #cc0000;
font-weight: bold;
letter-spacing: 0em;

}




#content a:link {
	color: #FFFFFF;
	text-decoration: none;

 
}
#content a:visited {
	text-decoration: none;
	color: #FFFFFF;

}
#content a:hover {
	text-decoration: underline;
	color: #339999;

}
#content a:active {
	text-decoration: none;
	color: #FFFFFF;

}

.highlightit img{
border: 2px solid #666666;
}

.highlightit:hover img{
border: 2px solid #ffffff;
}

.highlightit:hover{
color: #ffcc00; /* Dummy definition to overcome IE bug */
}













#mediabox {
width: 250px;
padding: 10px;
float: left;
margin: 0px 0 20px 0;
}

#graybox {
width: 1000px;
background: #6b6b6b;
}

#productbox {
width: 300px;
padding: 15px;
float: left;
margin: 0 0 25px 0;

}


#gheader {
background: url(images/genius/bfm.jpg) no-repeat;
width: 564px;
box-shadow: 0px 0px 5px gray;
height: 342px;
padding: 20px;
float: left;
margin-bottom: 20px;
margin-left: 40px;
}



#geniusbox {
background: #FFFFFF;
box-shadow: 0px 0px 5px gray;
width: 250px;
height: 340px;
padding: 20px;
border: 1px #ffffff solid;
float: left;
margin-bottom: 20px;
}


#geniusbox img {
margin: -21px 0 10px -21px;
}


hr {
 border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


#faqbox {
background: #ffffff;
width: 840px;
padding: 30px 40px 40px 40px;
float: left;
margin: 10px 40px 20px 40px;
}


#marginfaq {

width: 660px; margin-left: 30px; float: right;
}


#prodrightcol {
width: 450px; float: right;
background: #000000;
}



#detail {

float: left;
margin: 5px 0 10px 16px;
 font: 10px Verdana,Arial, Helvetica, sans-serif;
}

#detail img {
margin: 5px 0 5px 0;
}

#footer { 
 font: 11px Verdana,Arial, Helvetica, sans-serif;
 color: #FFFFFF; 

 line-height: 1.6;
}
#footer td { 
 font: 9px Verdana,Arial, Helvetica, sans-serif;
 color: #999999; 

 line-height: 1.6;
}


.thumbs a img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}


.flags a img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.flags a img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}


.bulletcircle { width: 40px; height:40px;
 display:block; background-image: url('images/bullet.png'); } 

.bulletcircle:hover { background-image: url('images/bulletred.png'); } 




#zoomin {
 font: 10px Verdana,Arial, Helvetica, sans-serif;
 color: #999999; 
font-style: italic;
}


.copyright {
 font: 9px Verdana,Arial, Helvetica, sans-serif;
 color: #999999; 
font-style: italic;
}


.copyright10 {
 font: 10px Verdana,Arial, Helvetica, sans-serif;
 color: #999999; 
font-style: italic;
}


.homesubmenu {
 font: 11px Verdana,Arial, Helvetica, sans-serif;
 color: #FFFFFF; 

 line-height: 1.6;
	width: 265px;
	display: block;
		margin-right: auto;
	margin-left: auto
}

#footerdiv {
margin-top: 20px;
width: 240px;
height: 40px;
float: left;
display: table;

}



.middlealign {

display: table-cell;
  vertical-align: middle;

}




div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.youtube {
    position: relative;
    width: 100%;
    height: 0;
	margin: 0 auto;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Style the top navigation bar */
.navbar {
    display: block;
 margin: auto;
}

/* Style the navigation bar links */
.navbar a {
    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
font: 1.4em/1.8em 'Montserrat', sans-serif;
	
}

/* Change color on hover */
.navbar a:hover {
    color: #FF0000;
}
.navfooter {
    padding: 20px;
margin: 5px 0 0 0;
overflow: auto;
    text-align: center;
 	background: #000000;
	
	
}
.navsocialfooter {
    text-align: center;
 	background: #000000;
	width: 100%;
	   
	
}
.rulesred {
    padding: 20px;
margin: 5px 0 0 0;
overflow: auto;
    text-align: left;
 	background: #480000;
	
	
}

.faqwhite {
    padding: 20px;
margin: 5px 0 0 0;
overflow: auto;
    text-align: left;
 	background: #FFFFFF;
	font: #000000;
	
}


.faqwhite a:link {
	color: #FF0000;
	text-decoration: none;

 
}
.faqwhite  a:visited {
	text-decoration: none;
	color: #FF0000;

}
.faqwhite a:hover {
	text-decoration: none;
	color: #FFFFFF;
 background-color: #FF0000;
font-weight:600;
padding:2px;

}
.faqwhite a:active {
	text-decoration: none;
	color: #FF0000;

}


.a-container {
display: block;
text-align: center;
margin: 10px;
}


.a-container img {
 float: left;
display: block;
overflow: hidden;
    width:70px;
    height:70px;
margin: 3px 0 0 0;

}

.footercontainer .footercenter {
  /* 
  This is just a way of centering the element,
  you can use whatever technique.
  */
  position:absolute;
 	background: #000000;
  left:50%;
  transform:translateX(-50%);

}
.footerlinks img{
margin: 4px;
max-width: 70px;
max-height: 70px; 	
}

.infocircle img {
max-width: 70px;
float: left;
}



.iframe-container {
  overflow: hidden;
  padding-top: 100%; /* 16:9*/
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}







/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 800px) {

    }