@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

*, html { margin: 0; padding: 0; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	margin: 0 auto;
}

*
{
box-sizing: border-box;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding-right:5px;
	padding-left:5px;
	line-height:1.6em;
	color: #595959;
}
.author {
	font-size:11px;
	line-height:3em;
	margin-top: 5px;
	margin-bottom: 25px;	
}

#lg-content {
	width: 960px;
	background-color:#FFFFFF;
	padding:20px;
}
#lg-content blockquote {
	margin-left:50px;
}
#lg-content ul {
	margin-left:50px;
}
#lg-content li {
	line-height:1.7em;
}


/* Header CSS */
#header {
	background-color:#c20017;
	position: relative;
	height: 50px;
}
#disclaimer {
	font-size:14px;
	width:575px;
	text-align:left;
	float:right;
}
	#logo { padding: 15px 0 0; }
	
	#header ul { background: #003366; list-style: none; position: absolute; bottom: 0; width: 100%;}
	#header ul li { float: left; font-size: 12px; color: #FFF;}
	#header ul li a { display: block; padding: 4px 35px; font-size: 12px; color: #FFF; font-weight: bold; text-decoration: none; }
	#header ul li:hover a { background: #003366}
	#date { position: absolute; top: 0; left: 400px; background: #cccccc; color: #ffffff; padding: 8px 15px; font-family: open sans; font-weight: bold; font-size: 14px; text-align:center;}
/* end header css */

#footer {
	font-size:12px;
	padding-top:20px;
	padding-bottom:20px;
}

.clearfix {
	clear:both;
}

#container {
	margin: 25px 0;
	}
#content {
	float: left;
	width: 630px;
	background-color:#FFFFFF;
	padding:10px;
}
#content ol{
	margin-left:35px;
}
#content ul{
	margin-left:35px;
}
#content h1{
	color: #fff; font-size: 20px; background: #67513C; padding: 5px; font-weight:bold;
}
#content h2{
	font-size: 28px;
	font-weight:bold;
}
#content blockquote {
	width: 80%;
	margin-left:50px;
	background-color: #E8E8E8;
	padding: 10px;	
}

#content .blurb{
	margin-top:10px;
	margin-bottom: 10px;
	font-size: 16px;
}
#content .blurb h2{
	font-size: 22px;
	line-height: 1.5em;
	font-weight: bold;
}

#content .blurb img{
	float: left;
	margin-right: 15px;
}

#content .product-img{
	float:right;
	padding-left:10px;
	padding-bottom:0px;
	font-size:12px;
	font-weight:bold;
	line-height: 1.4em;
}
#content .win-hd {
	font-size:18px;
	font-weight:bold;
}
#content .big {
	font-size:22px;
	font-weight:bold;
}
#content .prod-hd {
	font-size:18px;
}
#content .pros-cons {
	font-weight:bold;
}

.hero{
	float:right;
	font-size:12px;
	padding-left:10px;
	padding-bottom:10px;
	text-align:center;
}

#sidebar {
	float: right;
	width: 320px;
	padding: 10px;
	background-color:#FFFFFF;
}
#sidebar hr {
	width:100%;
	color:#BBBBBB;
}

#sidebar h4 {
	font-size:16px;
}
#sidebar .small {
	padding-top:15px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:15px;
	font-size:12px;
}
#sidebar .side_item {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}

#sidebar .side_text {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 1.5em;
}


	#sidebar h2 { color: #fff; font-size: 18px; font-weight: normal; background: #D69CE7; padding: 5px; box-shadow: 2px 2px 3px #ddd; }
	#sidebar h3 { color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 5px; }
	#sidebar ul { list-style: square; list-style-position: inside; margin: 5px 0; line-height: 20px; }
	#sidebar ul li { font-size: 12px; }
	#sidebar ul li a { color: #004578; text-decoration: none; }
	#sidebar ul li a:hover { text-decoration: underline; }

	.callout { margin: 0 0 5px; border: 1px solid #f8f8f8; border-top: 1px solid #ddd; padding: 10px 5px 5px; box-shadow: 2px 2px 3px #ddd; }
	.callout img { float: left; margin: 0 10px 0 0; width: 140px; }
	.callout p { float: left; width: 100px; font-size: 12px; }


input[type="button"],
input[type="submit"] {
	background: url(https://dmy6qh3e59p1r.cloudfront.net/images/button.png) 0 0;
	border: 1px solid #c62765;
	color: #fff;
	cursor: pointer;
	font-family: 'Play', arial, serif !important;
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background: url(https://dmy6qh3e59p1r.cloudfront.net/images/button.png) 0 -25px;
	border: 1px solid #c62765;
	color: #fff;
	text-decoration: none;
}


.btn {
	display: block;
	width: 225px;
	height: 45px;
	background: url('https://dmy6qh3e59p1r.cloudfront.net/images/btn.png') bottom;
	text-indent: -99999px;
}
.btn:hover {
	background-position: 0 0;
}