body {

	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url('/img/bg.jpg');

}

img { border: none; }
* a { outline: none; }

a { color: #FCEB00; text-decoration: none; }
a:hover { text-decoration: underline; }

.center { text-align: center; }
.right { text-align: right; }

.white { color: #FFFFFF; }
.yellow { color: #FCEB00 !important; }
.green { color: #3AA934; }
.grey { color: #404040; }

.strong { font-weight: bold; }

.xsmall { font-size: 8px !important; }
.small { font-size: 11px; }
.normal { font-size: 12px !important; }
.medium { font-size: 14px; }
.large { font-size: 15px; }
.size16 { font-size: 16px; }
.xlarge { font-size: 18px; }

sup { font-size: 0.7em }

p, div, li, td {

	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;

}

table { width: 100%; }

td {

	vertical-align: top;
	padding: 0px;

}

p { margin-top: 0px; }

h1 {

	margin: 0px;
	padding-top: 3px;
	padding-bottom: 10px;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	color: #FCEB00;
	font-family: Arial, sans-serif;
	font-size: 24px;
	margin-top: 8px;
	margin-bottom: 10px;

}

h1#nonhome {

	border-top: none !important;
	margin-top: -5px !important;
	padding-top: 0px;

}

h2 {

	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	color: #FCEB00;
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 10px;

}

h1.nosup { padding-top: 2px !important; }
h2.nosup { padding-top: 8px !important; }

div#contentparent {

	width: 840px;
	margin: 0 auto 0 auto;
	background-color: #000000;

}

div#content {

	width: 800px;
	margin: 0 auto 0 auto;

}

div#top {

	height: 120px;
	padding-top: 4px;
	background-image: url('/img/logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;

}

div#top div { line-height: 22px; }

div#menu {

	padding-top: 5px;
	padding-bottom: 2px;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	margin-bottom: 10px;
	padding-right: 10px;

}

div.menunonhome { margin-bottom: 0px !important; }

div#menu a {

	color: #FFFFFF;
	font-size: 14px;

}

span.menudiv {

	padding-left: 10px;
	padding-right: 10px;

}

span.menudiv img { vertical-align: middle; }

img#buyfirefly {

	padding-top: 20px;
	padding-bottom: 25px;
	padding-left: 10px;
	float: right;

}

img#featuredpartner {

	padding-top: 5px;
	padding-bottom: 25px;
	padding-right: 10px;
	float: left;

}

img.featuredpartner {

	float: left;
	padding-right: 10px;

}

div#bottom {

	border-top: 1px solid #404040;
	margin-top: 10px;
	padding-top: 10px;

}

div#fpp { padding-top: 5px; }

div#aboutleft {

	float: left;
	width: 260px;
	margin-top: -8px;

}

div#aboutright { margin-left: 270px; }

.clear { clear: both; }

h2.buying {

	border-top: none !important;
	padding-top: 0px !important;

}

div.hr {

	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #404040;
	padding-top: 9px;
	margin-bottom: 10px;

}

div.partner { padding-top: 7px; }

a.faqlink {

	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/faqarrow.gif');
	padding-left: 50px;
	padding-bottom: 20px;
	margin-top: -10px;

}

a#faqhighlight { background-image: url('/img/faqarrowh.gif'); }

img.newsimage {

	float: right;
	padding-left: 20px;

}

input, textarea {

	width: 250px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
	color: #FFFFFF;

}

textarea { height: 175px; }

input#submit {

	border: none !important;
	width: auto !important;
	padding-right: 12px;

}

div.feature {

	border: 1px solid #faed01;
	background: linear-gradient(#454344, #010200);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
	position: relative;

}

div.feature img {

	margin-left: 50px;
	padding-top: 10px;

}

div.feature div,
div.feature a {

	position: absolute;
	left: 290px;

}

div.feature div {

	top: 124px;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 0 1px 1px #000000;

}

div.feature a {

	top: 200px;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: underline;

}

div.instructions-for-use section {

	padding-top: 40px;
	clear: both;

}

div.instructions-for-use section img { float: left; }

div.instructions-for-use section div.step {

	margin-left: 300px;
	padding-top: 30px;

}

div.instructions-for-use section div.title {}

div.instructions-for-use section div.instructions {}

@media only screen and (max-width: 799px) {

	html { box-sizing: border-box; }

	*, *:before, *:after { box-sizing: inherit; }

	img { max-width: 100%; }

	div#contentparent,
	div#content { width: 100%; }

	div#content {

		padding-left: 20px;
		padding-right: 20px;

	}

	br.hide { display: none; }

	div#aboutleft {

		width: auto;
		float: none;

	}

	div#aboutright {

		margin-left: 0;
		padding-top: 20px;

	}

	td {

		display: block;
		width: 100%;

	}

	textarea,
	input[type="text"] { width: 100%; }

	input#submit { padding-right: 0; }

	div#top div.xlarge { font-size: 16px; }

	div#top a.yellow { font-size: 14px; }

	div.feature {

		padding-left: 10px;
		padding-right: 10px;

	}

	div.feature div,
	div.feature a {

		position: static;
		display: block;
		text-align: center;

	}

	div.feature div {

		padding-top: 20px;
		font-size: 24px;

	}

	div.feature a {

		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 20px;

	}

	div.feature img {

		margin: 0 auto 0 auto;
		display: block;

	}

	div.instructions-for-use section img {

		float: none;
		display: block;
		margin: 0 auto 0 auto;

	}

	div.instructions-for-use section div.step { margin-left: 0; }

}

@media only screen and (max-width: 470px) {

	div#menu { height: 65px; }

	div#menu span { display: none; }

	div#menu a {

		display: block;
		width: 50%;
		float: left;
		text-align: left;
		line-height: 1.8;

	}

	div#bottom {

		text-align: center;
		line-height: 1.8;

	}

}