html,button,input,select,textarea{color:#222}
html{font-size:1em;line-height:1.4}
.form li{list-style-type:none!important;margin-bottom:3px}
.form label{text-align:center}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
h2{font-size:30px;font-weight:700;text-shadow:2px 2px #aaa}
audio,canvas,img,video{vertical-align:middle}
.quote{background:#fcb633;padding:10px 30px 30px;color:#fff;border:2px solid #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.alignright{float:right}
.get{margin:15px auto;text-align:center;display:block}
.cons{margin:5px;border:solid 1px #CCC;-moz-box-shadow:5px 5px 0 #999;-webkit-box-shadow:5px 5px 0 #999;box-shadow:5px 5px 0 #999}
ul.tick li{margin:0;list-style-type:none;padding:4px 0 4px 38px;background:url(../i/tick.jpg) no-repeat left center;line-height:180%;font-size:22px}
ul.tick2 li{margin:0;list-style-type:none;padding:4px 0 4px 38px;background:url(/i/tick2.png) no-repeat left center;line-height:180%;font-size:22px}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
body{font:16px/26px Helvetica,Helvetica Neue,Arial;background:#ccc}
.wrapper{background:#fff;width:90%;margin:0 5%}
.footer-container .wrapper{background:#fcb633;color:#333}
.wrapper{padding:10px 15px!important}
.footer-container .wrapper a{color:#333}
.title{color:#fff}
nav ul{margin:0;padding:0}
nav a{display:block;margin-bottom:10px;padding:15px 0;text-align:center;text-decoration:none;font-weight:700;color:#fff;background:#e44d26}
nav a:hover,nav a:visited{color:#fff}
nav a:hover{text-decoration:underline}
.main{padding:30px 0}
.main article h1{font-size:1.8em}
.main aside{color:#fff;padding:0 5% 10px}
.footer-container footer{color:#fff;padding:20px 0}
.ie7 .title{padding-top:20px}
@media only screen and (min-width: 480px) {
nav a{float:left;width:27%;margin:0 1.7%;padding:25px 2%;margin-bottom:0}
nav li:first-child a{margin-left:0}
nav li:last-child a{margin-right:0}
nav ul li{display:inline}
.oldie nav a{margin:0 .7%}
}
@media only screen and (min-width: 768px) {
.header-container,.main aside{-webkit-box-shadow:0 5px 10px #aaa;-moz-box-shadow:0 5px 10px #aaa;box-shadow:0 5px 10px #aaa}
.title{float:left}
nav{float:right;width:38%}
.main article{float:left;width:57%}
.main aside{float:right;width:28%}
}
@media only screen and (min-width: 1140px) {
.wrapper{width:1026px;margin:0 auto}
}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:92%}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
@media only screen and (max-width: 700px) {
.nomobile{display:none}
h1{font-size:16px}
h2{font-size:18px}
ul.tick li{font-size:16px}
}
@media only screen and (min-width: 501px) and (max-width: 700px) {
img,.responsiveIMG{max-width:95%}
img.compare{max-width:300px}
}
@media only screen and (max-width: 330px) {
img,img.responsiveIMG{max-width:92%!important}
.StartNow{max-width:200px!important}
}
@media only screen and (min-width: 331px) and (max-width: 500px) {
img,img.responsiveIMG{max-width:92% !important}
}
@media only screen and (min-width: 701px) and (max-width: 800px) {
img,img.responsiveIMG{max-width:92%}
img.compare{max-width:300px}
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
img{max-width:92%}
}