@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 16px 'Lato', sans-serif; line-height: 1.4; color:#93989c;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#97999b; }
textarea:-moz-placeholder { color:#97999b; }

/* We like off-black for text. */
select, input[type="text"], input[type="email"], input[type="password"], textarea { font-family:'Lato', sans-serif; font-size:16px; color: #97999b; padding:8px 10px; border:2px solid #dfdfdf; width:100%;}
select{ padding:7px 10px;}
select:focus, input:focus, textarea:focus{ outline:none; border-color:#298ad5;}

input.email{ background:url(../images/ico1.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.address{ background:url(../images/ico6.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.mobile{ background:url(../images/ico8.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.city{ background:url(../images/ico7.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.state, input.zip{ background:url(../images/ico5.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.password{ background:url(../images/ico2.png) no-repeat 10px 7px #fff; padding-left:40px;}
input.fname, input.lname{ background:url(../images/ico3.png) no-repeat 10px 7px #fff; padding-left:40px;}

select.state-select{ background:url(../images/ico4.png) no-repeat 10px 7px #fff; padding-left:40px;}

.checkbox-per{ margin:9px 0; font-size:12px;}
.checkbox-per img{ vertical-align:middle; margin-left:5px;}





a {color: #0f6cb4;}
a:hover {color: #69f;}
h1, h2, h3, h4 ,h5{ color:#373737; margin-bottom:20px; font-weight:bold;}
h1{ font-size:48px; }
h2{ font-size:22px; }
h3{ font-size:18px;}
h4{ font-size:16px;}

p, ul, ol, li{ margin-bottom:20px;}
p:last-child, ul li:last-child, ol li:last-child{ margin-bottom:0 !important;}


blockquote { margin: 20px 0; color: #8a8a8a; font-size: 17px; font-style: italic; line-height: 1.4em;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; float: left; font-family: Georgia,Times,serif;}

blockquote cite { margin: 10px 0; font-size: 12px; color: #2f2f2f; text-transform: none; padding: 0 20px; border-left: 3px solid #dadada; font-weight: 700; line-height: 1.4em; display:block; font-style:italic; font-family: Helvetica,Arial,sans-serif;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #0f6cb4; color: #fff; text-shadow: none;}
::selection {background: #0f6cb4; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.text-orange{ color:#f19d26 !important;}
.text-blue{ color:#173f73 !important;}
.uppercase{ text-transform:uppercase;}


.container{ padding:40px 0;}
.gray-box{ background:#f1f1f1; padding:20px; margin-bottom:20px; font-size:12px;}
.gray-box [class*="span"] p{ padding:0 10px;}

.testimonial blockquote{ background:#f1f1f1; color:#6c6c6c; font-size:13px; text-shadow:1px 1px 0 #fff; padding:15px; border-bottom:3px solid #f19d26; float:none; position:relative}
.testimonial blockquote:after { content: ""; position: absolute; top: 100%; left: 15%; z-index: 1000; border-top: 8px solid #f19d26; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: -8px;}
.testimonial .author{ font-size:11px; overflow:hidden;}
.testimonial .author img{ float:left; margin:0 15px; border-radius:50%; max-width:70px; height:70px; border:5px solid #fff; -moz-box-shadow:0 0 10px #f1f1f1; -webkit-box-shadow: 0 0 10px #f1f1f1; box-shadow: 0 0 10px #f1f1f1;}
.testimonial .author strong{ display:block; margin-top: 12px;}


.price-blocks > div{ background:#f1f1f1; border:1px solid #dfdfdf; padding:20px 15px; margin-bottom:30px; border-radius: 5px; -moz-border-radius: 5px; position:relative; text-align:center; min-height:175px !important;}
.price-blocks > div p{ font-size:16px; line-height:1.2; margin-bottom:15px;}
.price-blocks > div p strong{ color:#173f73;}
.price-blocks > div .subscribers{ color:#173f73; font-size:46px; line-height:1.2; text-shadow:1px 1px 1px #fff;}
.price-blocks > div .subscribers span{ color:#aaa; font-size:18px; display:block;}
.price-blocks > div .price{ color:#fff; padding:14px; text-shadow:1px 1px 1px #333; position:absolute; width:100%; left:0; bottom:-20px; font-size:28px; background-image: -moz-linear-gradient(#298ad5, #106db5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#106db5), to(#298ad5)); background-image: -webkit-linear-gradient(#298ad5, #106db5); background-image: -o-linear-gradient(#298ad5, #106db5); background-color: #106db5; border-top:1px solid #1f80c9; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.price-blocks > div .price .curr{ font-size:18px; position: relative; top: -7px;}
.price-blocks > div .price .per{ font-size:18px;}
.price-blocks > div .price .cent{ font-size:18px; position: relative; top: -7px;}

.price-blocks > div.popular:before{ content:"Most Popular"; position:absolute; width:218px; height:58px; display:block; background:url(../images/popular.png) no-repeat center top; text-align:center; color:#fff; font-size:18px; text-transform:uppercase; padding:10px 0; top: -64px;
left: 0;}
/*.price-blocks > div.popular .price*/
.i.act .price { background-image: -moz-linear-gradient(#fa8029, #ff5504) ; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa8029), to(#ff5504)) ; background-image: -webkit-linear-gradient(#fa8029, #ff5504); background-image: -o-linear-gradient(#fa8029, #ff5504) ; background-color: #ff5504; border-top-color:#f95c08;}

#full .container{ padding:60px 0; padding-top:100px;}

#header{ padding: 0; border-bottom:5px solid #151A1F;}
#header .container{ padding:17px 0 12px 0;}

#main-nav ul{ overflow:hidden; margin:16px 0;}
#main-nav ul li{ float:left; font-weight:bold; font-size:13px; margin-bottom:0;}
#main-nav ul li a{ display:block; padding:8px 15px; margin:0 5px;}
#main-nav ul li a:hover{ text-decoration:none;}
#main-nav ul li a.button{border-radius: 20px; -moz-border-radius: 20px; padding:8px 30px; color:#fff !important; text-shadow:1px 1px 1px #1d76ba;}

#banner { background:url(../images/banner.jpg) center top repeat-x #09234e;}
#banner .container{  text-align:center; padding:25px 0 35px 0;}
#banner .container h1{ color:#fbf6d4; margin:0;}
#banner .container h1 span{ font-size:24px; display:block;}

#sidebar p{ font-size:13px;}
#sidebar .s-features{ margin-bottom:20px;}
#sidebar .s-features h1,
#sidebar .s-features h2,
#sidebar .s-features h3,
#sidebar .s-features h4{ margin-bottom:10px; color:#f19d26;}

#footer{ background:#d9d9d9; color:#97999b; font-size:12px; }
#footer p{ line-height:3;}
#footer .container{ padding:15px 0; padding-top:20px;}
#footer .container [class*="span"]{ min-height:0 !important;}
#footer #lang{ font-weight:bold; padding-left:40px; color:#0589ed; font-size:12px;  background-color: #ededed; background-image:url(../images/flag.png), -moz-linear-gradient(#e1e1e1, #ededed); background-image:url(../images/flag.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1)); background-image: url(../images/flag.png), -webkit-linear-gradient(#e1e1e1, #ededed); background-image:url(../images/flag.png), -o-linear-gradient(#e1e1e1, #ededed); border:1px solid #f7f7f7; border-radius: 5px;  -moz-border-radius: 5px; background-repeat: no-repeat; background-position:10px 7px;}





/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}

.i {cursor: pointer;width:221px;float:left;margin-left: 2.564102564102564%;}
.cats {
    width: 1030px;
    margin: 10px auto 0 auto;
    padding: 10px 0 10px 15px;
    background-color: #041D52;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.cats a {
    text-decoration: none;
    padding-right: 20px;
    font-weight: bold;
    color: #fff;
}

.cats a:hover {
    color:silver; 
}

.cats a.active {color:#fbf6d4;}

.cats-link {width: 100%;text-align:center;margin-top:20px;}

.cats-link a {color:#000;text-decoration: none;}

#infoBox {
    margin:10px auto 0 auto;
    width:960px;
    padding:0;
}

#infoBox li.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 8px 35px 8px 14px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    list-style: none;

}

.text-center {
    clear:both;
}

#header .row-fluid .span3 {
    float:left;
    width:220px;
}

#header .row-fluid .span9 {
    float:right;
    width:700px;
    margin-right:-25px;
}

#footer {
    clear:both;
    width:99.999999%;
    overflow: hidden;
}

#footer .container {
    width:1030px;
    margin:0 auto;
    
}

#footer .row-fluid {
    width:1020px;
}

#footer .span6 {
    float:left;
    width: 500px;
}

#footer .center-box {
    float:left!important;
    width:200px;
}

#footer .span3 {
    float:right;
}

#intro {
    width:1030px;
    padding-left:0;
}

#intro .container {width:1030px;}

#intro #content 
{
    width:665px;
    float:left;
}

#content .gray-box .row-fluid
{
    overflow: hidden;
}
#sidebar {width:314px;float:left;margin-left:26px;}
#sidebar blockquote {
    width:314px;
}

#header .container {width:1030px;margin: 0 auto;}