body,div{margin:0;padding:0;}body{font-family:Arial,sans-serif;font-size:15px;text-align:center;color:#454545;-webkit-text-size-adjust:100%;}html,body{background:url('../bg-detail-compressed.html') no-repeat fixed center top #1A1616;}#mainWrapper{text-align:left;max-width:980px;margin:0 auto;}#topBarWrapper{position:relative;left:0px;right:0px;top:0px;border-top:0px solid #DBDDDD;z-index:100000000;background:none repeat scroll 0% 0% #000;max-width:980px;margin:auto;height:120px;}#topBar{max-width:980px;height:40px;margin:0px auto;}#topBar h1{float:left;margin:2px 0 0 10px;padding:0;}#topBar h1 a{display:block;width:100px;height:111px;background:url("../logo.html") no-repeat;text-indent:-9999em;}#topBar .leftLinks{float:left;margin:40px 0 0 23px;overflow:hidden;}#topBar .rightLinks{float:right;margin:13px 1px 0 0;overflow:hidden;}#topBar .icons{float:right;margin:10px 10px 0 0;}#topNaviWrapper{padding-top:44px;margin-bottom:25px;border-bottom:1px solid #000000;text-align:left;background:#02629f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNjI5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAyNjI5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzAxMjc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTI3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#02629f 0%,#02629f 30%,#012747 72%,#012747 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#02629f),color-stop(30%,#02629f),color-stop(72%,#012747),color-stop(100%,#012747));background:-webkit-linear-gradient(left,#02629f 0%,#02629f 30%,#012747 72%,#012747 100%);background:-o-linear-gradient(left,#02629f 0%,#02629f 30%,#012747 72%,#012747 100%);background:-ms-linear-gradient(left,#02629f 0%,#02629f 30%,#012747 72%,#012747 100%);background:linear-gradient(to right,#02629f 0%,#02629f 30%,#012747 72%,#012747 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#02629f',endColorstr='#012747',GradientType=1);}#topNavi{max-width:1250px;margin:0 auto;height:80px;}#topNavi .title{float:left;margin:15px 0 15px 10px;}#topNavi .links{float:left;clear:left;margin-left:10px;overflow:hidden;}#topNavi .moreLink{float:left;}#leftColumn{float:left;width:71.68%;margin-left:0px;}#leftColumn .article{margin:0 0 80px;padding:20px;background:#fff;font-size:15px;font-weight:normal;}#leftColumn .article h2{font-size:40px;font-weight:normal;font-style:italic color: #000;letter-spacing:-1px;line-height:1.0;font-family:'Abel',sans-serif;}#leftColumn .article .info{overflow:hidden;padding-top:5px;margin:0 0 3px;border-bottom:1px solid #dcdcdc;height:20px;}#leftColumn .article .info .name{float:left;padding:0px;color:#808080;font-size:12px;}
}

#leftColumn .article .info .name strong {
	display: block;
	margin: 0 0 5px;
}

#leftColumn .article .info .name .mobile {
	display: none;
}

#leftColumn .article .info .date {
    float: right;
    font-size: 12px;
    color: #B2B2B2;
    margin: 0px 0px 0px 125px;
}
}
#leftColumn .article .info .socials {
	float: right;
	margin: 22px 0 0;
	width: 259px;
	height: 30px;
	background: url("../socials.html") no-repeat;
}

#leftColumn .article .image {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
}

#leftColumn .article .video .caption {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

#leftColumn .article .video img {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
}

#leftColumn .article .imageCaption {
	padding: 0 67px;
}

#leftColumn .article .imageCaption img {
	margin-bottom: 22px;
}

#leftColumn .article .imageCaption .caption {
	padding: 0 15px;
	font-size: 20px;
	font-style: italic;
}

#leftColumn .article .imageCaption .caption span {
	color: #ff6c00;
}

#leftColumn .article h3 {
	font-size: 24px;
	font-weight: normal;
	color: #000;
	margin: 0 0 30px;
}

#leftColumn .article h3 span {
	color: #ff6c00;
}

#leftColumn .article .numberedList {
	margin: 0 0 30px;
	padding: 0;
}

#leftColumn .article .numberedList li {
	margin: 0 0 3px;
	padding: 0;
	list-style: none;
	font-size: 24px;
	overflow: hidden;
}

#leftColumn .article .numberedList li span {
	float: left;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 27px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	background: #ff9058;
	border-radius: 200px;
	margin: 0;
}

#leftColumn .article .numberedList li em {
	display: block;
	font-style: normal;
	margin-left: 45px;
}

#leftColumn .article .testResults {
	margin: 0 0 30px;
	padding: 24px 42px 8px;
	list-style: none;
	background: #fafafa;
	font-size: 16px;
}

#leftColumn .article .testResults p {
	margin: 0 0 16px;
}

#leftColumn .article .testResults dt {
	margin: 0 0 14px;
	padding: 0;
	color: #ff9058;
}

#leftColumn .article .testResults dd {
	margin: 0;
	padding: 0;
}

#leftColumn .article h4 {
	font-weight: normal;
	font-size: 20px;
}

#leftColumn .article h4 span {
	color: #ff5719;
}

#leftColumn .article .promotions {
	margin: 0;
	padding: 0;
}

#leftColumn .article .promotions li {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#leftColumn .article .promotions li img {
	float: left;
}

#leftColumn .article .promotions li .details {
	margin-left: 200px;
}

#leftColumn .article .promotions li .details h4 {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 20px;
	color: #3c3c3c;
	line-height: 1.5;
}

#leftColumn .article .promotions li .details h4 span {
	display: block;
	color: #3c3c3c;
}

#leftColumn .article .promotions li .details .button {
	display: block;
	height: 70px;
	line-height: 70px;
	width: 357px;
	background: #ff5719;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	border: 1px solid #e5351f;
	border-radius: 15px;
	color: #fff;
	margin: 0 0 15px;
}

#leftColumn .article .promotions li .details .trialEnds {
	font-size: 16px;
}

#leftColumn .article .moreArticles img {
	max-width: 100%;
}

#leftColumn .comments .title {
	font-size: 27px;
	line-height: 1.4;
}

#leftColumn .comments .title span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #1b4798;
}

#leftColumn .comments .items {
	margin: 0;
	padding: 0;
}

#leftColumn .comments .items li {
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid #d9d9d9;
	list-style: none;
	overflow: hidden;
}

#leftColumn .comments .items li img {
	float: left;
}

#leftColumn .comments .items li .feedback {
	margin-left: 81px;
	font-size: 12px;
}

#leftColumn .comments .items li .feedback .name {
	margin: 0 0 10px;
	font-weight: bold;
	color: #1b4798;
}

#leftColumn .comments .items li .feedback .message {
	margin: 0 0 10px;
}

#leftColumn .comments .items li .feedback .options {
	margin: 0;
}

#leftColumn .comments .items li .feedback .options a {
	color: #1b4798;
}

#leftColumn .comments .items li .feedback .options a span {
	text-decoration: underline;
	color: #a2a2a2;
}

/* Right Column */

#rightColumn {
	float: right;
	width: 25.52%;
}

#rightColumn img {
	display: block;
	width: 100%;
	margin: 0 0 13px;
}

/* Hurry Sale */

#hurrySale {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	text-align: center;
	height: 35px;
	line-height: 35px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #000 url("../hurry-sale-bg.html") repeat-x left bottom;
}

/* Miscelleneous */

h2 {
    font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 14px;
	color: #000;
	line-height: 1;
}

p {
	margin: 0 0 30px;
	line-height: 1.3;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}


@media screen and (max-width: 1208px) {
	#topBar .leftLinks {
		width: 513px;
	}
}

@media screen and (max-width: 1144px) {
	#topBar .leftLinks {
		width: 458px;
	}
}

@media screen and (max-width: 1090px) {
	#topBar .leftLinks {
		width: 400px;
	}
}

@media screen and (max-width: 1023px) {
	#topNaviWrapper {
		margin-bottom: 3px;
	}

	#topBar .leftLinks {
		width: 317px;
	}
	
	#leftColumn {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	#leftColumn .comments {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#leftColumn .article {
		margin-left: 3px;
		margin-right: 3px;
	}
	
	
	#rightColumn {
		display: none;
	}
}

@media screen and (max-width: 948px) {
	#topBar .leftLinks {
		width: 263px;
	}
}

@media screen and (max-width: 900px) {
	#topBar .leftLinks {
		width: 310px;
		margin-top: 15px;
	}
	
	#topBar .leftLinks img {
		height: 10px;
	}
	
	#topBar .rightLinks {
		margin-top: 15px;
		margin-right: 121px;
	}
	
	#topBar .rightLinks img {
		height: 10px;
	}
	
	#topNavi .links {
		width: 637px;
	}
}

@media screen and (max-width: 817px) {
	#topBar .leftLinks {
		width: 250px;
	}
	
	#leftColumn .article .info .date {
		margin-left: 30px;
	}
	
	#leftColumn .article .numberedList li {
		font-size: 19px;
	}
}

@media screen and (max-width: 767px) {
	#topNaviWrapper {
		background: #003f81;
	}

	#topBar .leftLinks,
	#topBar .rightLinks {
		display: none;
	}
	
	#topBar .mobileMenu {
		float: left;
		width: 58px;
		height: 100%;
		border-right: 2px solid #dbdddd; 
		background: url("../mobile-menu.html") no-repeat center;
	}
	
	#topNavi  {
		height: 50px;
	}
	
	#topNavi .title img {
		height: 20px;
	}
	
	#topNavi .links {
		display: none;
	}
	
	#topNavi .moreLink {
		display: none;
	}
	
	#topNavi .mobileMenu {
		float: right;
		width: 51px;
		height: 11px;
		margin: 21px 15px 0;
		background: url("../mobile-menu01.html") no-repeat;
	}

	#hurrySale {
		display: block;
	}
	#topBar h1 a {
	display: block;
	width: 60px;
	height: 40px;
	background: url("../mobile_logo.html") no-repeat;
	text-indent: -9999em;
}

#topBarWrapper {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    border-top: 0px solid #DBDDDD;
    z-index: 100000000;
    background: none repeat scroll 0% 0% #000;
    max-width: 980px;
    margin: auto;
    height: 50px;
}

#leftColumn .article {
    margin-top: 40px;
}
	
}

@media screen and (max-width: 678px) {
	#leftColumn .article .info .socials {
		width: 106px;
		background: url("../socials-mobile.html") no-repeat;
	}
	
	#leftColumn .article {
		font-size: 16px;
	}
	
	#leftColumn .article h2 {
		font-size: 40px;
	}
	
	#leftColumn .article .video .caption {
		font-size: 18px;
	}
	
	#leftColumn .article .imageCaption {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#leftColumn .article .imageCaption .caption {
		font-size: 18px;
	}
	
	#leftColumn .article h3 {
		font-size: 22px;
	}
	
	#leftColumn .article .numberedList li {
		font-size: 16px;
	}
	
	#leftColumn .article .numberedList li span {
		font-size: 12px;
		width: 23px;
		height: 23px;
		line-height: 23px;
	}
	
	#leftColumn .article .numberedList li em {
		margin-left: 33px;
	}
	
	#leftColumn .article .promotions li img {
		float: none;
		display: block;
		margin: 0 auto;
	}
	
	#leftColumn .article .promotions li .details {
		margin-left: 0;
		text-align: center;
	}
	
	#leftColumn .article .promotions li .details .button {
		margin-left: auto;
		margin-right: auto;
	}
	
}

@media screen and (max-width: 520px) {
	#leftColumn .article .info .date {
		display: none;
	}
	
	#leftColumn .article .info .name .desktop {
		display: none;
	}
	
	#leftColumn .article .info .name .mobile {
		font-size: 11px;
	}
	
	#leftColumn .article .info .name .mobile strong {
		font-size: 13px;
	}

	#leftColumn .article .info .name .mobile {
		display: block;
	}
	
	#leftColumn .article .info .socials {
		margin-top: 13px;
	}
	
	#leftColumn .article h2 {
		font-size: 30px;
	}
	
	#leftColumn .article {
		font-size: 15px;
		padding: 15px;
	}
	
	#leftColumn .article .video .caption {
		font-size: 16px;
	}
	
	#leftColumn .article .imageCaption .caption {
		font-size: 16px;
	}
	
	#leftColumn .article h3 {
		font-size: 16px;
	}
	
	#leftColumn .article .testResults {
		padding: 18px 18px 3px;
	}
	
	#leftColumn .article h4 {
		font-size: 17px;
	}
	#leftColumn .comments .title  {
		font-size: 23px;
	}
	
	#leftColumn .comments .title  {
		font-size: 23px;
	}
	
	#leftColumn .comments .title span {
		font-size: 12px;
	}
	
	#leftColumn .article {
		margin-bottom: 30px;
	}
	
	#leftColumn .article .promotions li .details h4 {
		font-size: 16px;
	}
	
	#leftColumn .article .promotions li img {
		margin-bottom: 15px;
	}
	
	#leftColumn .article .promotions li .details .button {
		font-size: 20px;
		width: 232px;
		height: 50px;
		line-height: 50px;
	}
	
	#leftColumn .article .promotions li .details .trialEnds {
		font-size: 14px;
	}

}

@media screen and (max-width: 370px) {
	#leftColumn .article h2 {
		font-size: 25px;
	}
	
	#leftColumn .article .video .caption {
		font-size: 13px;
	}
	
	#leftColumn .article .imageCaption .caption {
		padding-left: 0;
		padding-right: 0;
	}
	
	#leftColumn .article .imageCaption .caption {
		font-size: 15px;
	}
	
	#leftColumn .article .numberedList li {
		font-size: 15px;
	}
	
	#leftColumn .article .numberedList li span {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	
	#leftColumn .article .numberedList li em {
		margin-left: 27px;
	}
	
	#leftColumn .article h3 span br {
		margin-bottom: 15px;
	}
	
	#leftColumn .article .promotions li .details h4 {
		font-size: 14px;
	}
	
	#leftColumn .article .promotions li .details .trialEnds {
		font-size: 12px;
	}
	
	#leftColumn .article .testResults {
		font-size: 14px;
	}
}