/* General Settings */
/* General Settings - Fonts */
@font-face {
font-weight:normal;
font-family:Helvetica, Geneva, Arial, sans-serif;
}
@font-face {
font-weight:bold;
font-family:Helvetica, Geneva, Arial, sans-serif;
}
/* Global - Resets */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
html,body {
height:100%;
margin:0;
font:normal 16px/1.25 Helvetica, Geneva, Arial, sans-serif;
color:#444;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
display:block;
}
figure {
margin:0;
}
blockquote {
margin:1em 40px;
}
p,pre {
margin:1em 0;
}
p,.smallest_text {
font-size:1.1em;
}
sub {
font-size:1em;
line-height:1em;
}
pre {
padding:2em;
border-radius:5px;
box-shadow:inset 0 0 5em rgba(0,0,0,.15);
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
/* Global - Colors */
h1,h2,h3,h4,h5,h6,dt,.notice {
color:#3575B9;
}
.a,a {
color:#0D53B4;
}
.identity {
text-transform:none;
font-size:1em !important;
}
/* Global - Font Styles */
.bold,.bt,b,strong,acronym,.cite_source,.row_header,.col_header,.alert,.warning,.success,.attention,.accent,.super_error,.super_success {
font-weight:600;
}
.as_is,.no_tt,abbr {
text-transform:none;
}
.italic,.it {
font-style:italic;
}
pre,small,.small {
font-size:.9em;
}
ins {
text-decoration: none;
}
.uc,.uppercase {
text-transform:uppercase;
}
h1,h2,h3,h4,h5,.lc {

}
/* Global - Reading */
.readable {
font-family:monospace;
}
.ellipsis {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/* Global - Headings */
h1,h2,h3,h4,h5,h6,dt,.subheading {
margin:1em 0;
font-weight:normal;
}
h1, .heading {
font-size:3em;
line-height:1em;
}
h2 {
font-size:2.5em;
line-height:1em;
}
h3,.subheading {
font-size:2em;
}
h4 {
font-size:1.625em;
}
h5,h6,dt {
font-size:1.2em;
}
/* Global - Links */
a,.a {
text-decoration:none;
cursor:pointer;
}
a:hover,.a:hover {
text-decoration:underline;
}
a:focus,.a:focus,button:focus,input:focus,.btn:focus {
outline:none;
}
a:active,a:hover,.a:active,.a:hover {
outline:none;
}
.p_hide {
display:none;
}
/* Global - IE */
.lt_ie9 #footer {
margin:-15em auto 0em !important;
}
.lt_ie9 #container {
padding:4em 0 15em !important;
}
.lt_ie9 .visible_flying_footer {
background:#fff;
}
.ie_warn {
background:#333;
display:block;
height:4em;
text-align:center;
line-height:4em;
color:#FFF;
position:fixed;
right:0;
bottom:0;
left:0;
z-index:9999;
}
/* Global - Images */
img {
border:0;
-ms-interpolation-mode:bicubic;
}
/* Disclaimers */
.disclaimer {
font-size: .8em;
width: 75em;
margin: 0 auto 50px;
padding: 0 0 1em;
}

/* -------------------------------------------------------------------------- */
/* Utilities */
/* -------------------------------------------------------------------------- */

.pull-left {
float: left;
}
.pull-right {
float: right;
}

/* hover call-to-action anchors */
.hover_cta {
color:#666;
}
.hover_cta:hover {
text-decoration:none;
}

/* Global - Buttons */
/* Buttons - General */
.btn,.btn_primary,.btn_secondary,.btn_dark,.btn_icon,.btn_hairline,.btn_hairline_inverse {
display:inline-block;
*display:inline;
zoom:1;
width:auto;
padding:.35em 2em;
border-radius:5px;
overflow:visible;
vertical-align:baseline;
text-align:center;
text-decoration:none;

font-weight:normal;
font-size:1em;
line-height:1.29em;
cursor:pointer;
position:relative;
*z-index:1;
}
.btn img,.btn_primary img,.btn_secondary img,.btn_dark img,.btn_icon img,.btn_hairline img,.btn_hairline_inverse img {
display:inline-block;
vertical-align:middle;
}
.btn,button,.btn_icon {
background:#EDEDED;
background-clip:padding-box;
color:#555;
border:#cfcfcf 1px solid;
}
.btn:hover,button:hover,.btn_icon:hover,a:hover .btn {
background:#EFEFEF;
text-decoration:none;
}
.btn_primary,.btn_secondary,.hovercta:hover .btn {
color:#FFF;
}
.btn_primary:hover,.btn_secondary:hover,.btn_dark:hover,.btn_icon:hover,.btn_hairline:hover,.btn_hairline_inverse:hover {
text-decoration:none;
}
/* Buttons - Primary */
.btn_primary {
background: #62bc33;
background: -moz-linear-gradient(left, #62bc33 0%, #8bd331 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#62bc33), color-stop(100%,#8bd331));
background: -webkit-linear-gradient(left, #62bc33 0%,#8bd331 100%);
background: -o-linear-gradient(left, #62bc33 0%,#8bd331 100%);
background: -ms-linear-gradient(left, #62bc33 0%,#8bd331 100%);
background: linear-gradient(to right, #62bc33 0%,#8bd331 100%);
border:none;
}
.btn_primary.big {
padding:.25em 4.7em .25em 1em;
font-size:1.8em;
line-height:1.5em;
text-align:left;
-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.3);
box-shadow: 0 4px 15px rgba(0,0,0,.3);
}
.btn_primary.medium, .btn_dark.medium {
padding: .27em 1em;
font-size: 1.4em;
line-height: 1.4em;
}
.btn_primary:hover,.btn_sticker:hover,a:hover .btn_sticker,a:hover .btn_primary {
background:#8bd331;
color:#FFF;
}
.btn_primary:active,.btn_sticker:active,a:active .btn_sticker,a:active .btn_primary {
background:#62bc33;
color:#FFF;
}
/* Buttons - Secondary */
.btn_secondary,button.btn_secondary,input.btn_secondary,.hovercta:hover .btn {
background:#3676B8;
border:1px solid #3575B9;
}
.btn_secondary:hover,button.btn_secondary:hover,input.btn_secondary:hover,.hovercta:hover .btn:hover,a:hover .btn_secondary {
background:#3676B8;
}
.btn_secondary:active,button.btn_secondary:active,input.btn_secondary:active,.hovercta:hover .btn:active,a:active .btn_secondary {
background:#0D53B4;
}
/* Buttons - Hairline */
.btn_hairline {
background:transparent;
padding:.3em 2.8em .3em 1.1em;
border:1px solid #3676B8;
border-radius:5px;
text-align:left;
color:#3575B9;
position:relative;
}
.btn_hairline:after {
content:'';
background:transparent url(/media/shared/general/icons/arrow_r.svg) no-repeat right center;
background-size:39px;
display:block;
width:26px;
height:26px;
position:absolute;
top:2px;
right:0;
}
.lt_ie9 .btn_hairline:after {
content:url(/media/shared/general/icons/arrow_r.png);
top:.3em;
}
.btn_primary.big:after {
content:'';
background:transparent url(/media/shared/general/icons/arrow_r_white.svg) no-repeat right center;
background-size:65px;
display:block;
width:45px;
height:45px;
position:absolute;
top:6px;
right:0;
}
.lt_ie9 .btn_primary.big:after {
content:url(/media/shared/general/icons/arrow_r_white.png);
top:.3em;
}
.btn_hairline.active,.btn_hairline.inverse.active,.btn_hairline:hover,.btn_hairline.inverse:hover,a:hover .btn_hairline {
background:#3676B8;
border-color:#3676B8;
color:#FFF;
}
.btn_hairline:active,.btn_hairline.inverse:active,a:active .btn_hairline {
background:#2356A6;
border-color:#2356A6;
}
.btn_hairline.inverse {
border-color:#FFF;
color:#FFF;
}
.btn_hairline:active:after,.btn_hairline.inverse:active:after,.btn_hairline.active:after,.btn_hairline.inverse.active:after,.btn_hairline:hover:after,.btn_hairline.inverse:hover:after,.btn_hairline.inverse:after,a:active .btn_hairline:after,a:hover .btn_hairline:after {
background-image:url(/media/shared/general/icons/arrow_r_white.svg);
}
.lt_ie9 .btn_hairline:active:after,.lt_ie9 .btn_hairline.inverse:active:after,.lt_ie9 .btn_hairline.active:after,.lt_ie9 .btn_hairline.inverse.active:after,.lt_ie9 .btn_hairline:hover:after,.lt_ie9 .btn_hairline.inverse:hover:after,.lt_ie9 .btn_hairline.inverse:after {
content:url(/media/shared/general/icons/arrow_r_white.png);
}
.lt_ie9 .btn_hairline:active:after,.lt_ie9 .btn_hairline.inverse:active:after,.lt_ie9 .btn_hairline.active:after,.lt_ie9 .btn_hairline.inverse.active:after,.lt_ie9 .btn_hairline:hover:after,.lt_ie9 .btn_hairline.inverse:hover:after,.lt_ie9 .btn_hairline.inverse:after {
content:url(/media/shared/general/icons/arrow_r_white.png);
}
/* Buttons - Prereq */
.add_to_cart,.prereq {
float:right;
}
.prereq.btn_primary,.btn_primary.add_to_cart {
font-size:1em;
}
.add_to_cart {
padding-left:2.3em;
}
.prereq {
margin-right:0;
position:relative;
left:1.5em;
z-index:99;
}
.prereq em {
margin-left:.4em;
}
.prereq.btn_primary em {
font-style:normal;
}
.btn_primary .peek_toggle {
color:#FFF;
}
.prereq .peek_toggle {
text-decoration:underline;
}
.add_to_cart.disabled,.prereq_accepted {
background:#FFF;
border-color:#7DAB2E;
color:#3676B8;
}
/* Shadows on content */
.shadow_bottom,.shadow_beneath,.shadow_top {
position:relative;
}
.shadow_bottom:after {
content:'';
background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(0,0,0,.5)),color-stop(42%,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,0)));
background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-moz-linear-gradient(bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-ms-linear-gradient(bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-o-linear-gradient(bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
display:block;
width:100%;
height:.2em;
position:absolute;
}
.shadow_beneath:after {
content:'';
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.5)),color-stop(42%,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,0)));
background:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
display:block;
width:100%;
height:1em;
position:absolute;
}
.shadow_top:before {
content:'';
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.5)),color-stop(42%,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,0)));
background:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0));
display:block;
width:100%;
height:.6em;
position:absolute;
top:0;
}
/* Slideshow */
.slideshow {
display:block;
box-shadow:inset 0 0 2em rgba(0,0,0,.2);
text-align:center;
position:relative;
}
.button_wrapper {
display:block;
max-width:60em;
margin:0 auto;
position:relative;
}
.btn_slide {
background:transparent;
display:inline-block;
width:3.25em;
height:3.25em;
border-color:rgba(255,255,255,.6);
border-radius:1.8em;
overflow:hidden;
font-weight:bold;
font-size:1em;
line-height:3em;
color:rgba(255,255,255,.6);
cursor:pointer;
position:absolute;
top:40%;
}
.btn_slide:hover {
background:transparent;
border-color:#FFF;
color:#FFF;
}
.btn_slide:active {
background:#3575B9;
}
.ie8 .btn_slide,.ie8 .btn_slide:hover,.ie8 .btn_slide:active {
background:transparent;
border:0;
overflow:visible;
color:#FFF;
}
.btn_slide:after {
content:'\003e';
display:inline-block;
margin-left:.5em;
font-weight:normal;
font-size:.6em;
-webkit-transform:scale(2.8,6);
-moz-transform:scale(2.8,6);
-ms-transform:scale(2.8,6);
-o-transform:scale(2.8,6);
transform:scale(2.8,6);
position:relative;
top:.1em;
}
.btn_slide.btn_left:after {
content:'\003c';
margin-left:-0.4em;
}
.ie8 .btn_slide:after {
margin:0;
font-size:5em;
top:-.1em;
}
.ie8 .btn_slide.btn_left:after {
margin-left:-.2em;
}
.ie9 .btn_slide:after {
top:-.8em;
}
.slideshow .btn_left {
left:1em;
}
.slideshow .btn_right {
right:1em;
}
.slideshow .pagers {
display:inline-block;
min-width:10em;
margin:0 0 0 -2%;
padding:0;
position:absolute;
bottom:.5em;
left:50%;
}
.pagers li {
margin:0;
padding:0;
list-style:none;
}
.pagers li a {
background:rgba(255,255,255,0.4);
display:inline;
float:left;
width:10px;
height:10px;
margin-right:.5em;
padding:0;
border-radius:5px;
box-shadow:1px 1px 2px rgba(0,0,0,.3);
}
.pagers li a:hover {
background:#FFF;
}
.pagers li a:active {
background:#3575B9;
}
a,button,input,*:active,*:focus,*:selected,*::-moz-focus-inner {
outline:0;
outline-width:0;
outline-style:none;
}
/* User Messages */
.tos_list {
background:#f4f4f4;
padding:2em;
-webkit-box-shadow:inset 0em .5em 1em rgba(0,0,0,.1);
box-shadow:inset 0em .5em 1em rgba(0,0,0,.1);
margin-bottom: 4em;
}
.tos_list ul,
.tos_list li {
margin:0;
padding:0;
list-style:none;
}
.tos_list ul {
margin:0 auto;
width:50em;
}
.tos_list li {
display:block;
float:left;
width:16em;
margin-right:.5em;
}
.tos_list a {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding:.3em;
color:#575757;
display:block;

}
.tos_list a.active,
.tos_list a.active:hover {
color:#3676B8;
font-weight:700;
}
.terms {
min-width: 20em;
max-width: 42em;
display: block;
margin: 0 auto;
}
.tos {
margin-bottom:2em;
}
.tos h5 a {
background:transparent url('/media/shared/general/icons/arrow_r.svg') no-repeat right center;
background-size:1.6em;
padding-right:1.3em;
}
/* User Messages */
.slidestitial {
background:#3575C5;
min-width:25em;
max-width:45em;
max-height:40em;
padding:0;
padding:3em 3em 3em 4em;
border-radius:5px;
color:#FFF;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
position:fixed;
top:25%;
left:-90%;
z-index:300;
}
.slidestitial.active {
left:0;
}
.slidestitial_close {
cursor:pointer;
position:absolute;
top:1em;
right:1.2em;
}
.no_js .slidestitial {
display:block;
width:100%;
margin:1em 0 2em;
position:relative;
top:0;
left:0;
}
.no_js .slidestitial_close {display:none;}
.slidestitial_fade {
background:rgba(255,255,255,0.8);
display:block;
width:100%;
height:100%;
cursor:pointer;
position:fixed;
top:0;
left:0;
z-index:300;
}
.peek {
display:block;
clear:both;
width:100%;
max-height:0;
margin:1em 0;
padding:0 2em;
border:none;
-webkit-box-shadow:none;
box-shadow:none;
overflow-y:scroll;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
position:relative;
}
.peek.active {
max-height:20em;
margin:5em 0;
padding:2em;
border-top:solid 1px #E7E7E7;
border-bottom:solid 1px #E7E7E7;
}
.peek.active:after,.peek.active:before {
content:'';
display:block;
width:56em;
height:10px;
margin:0 auto;
border-radius:20em;
-webkit-box-shadow:0 0 10em #BBB;
box-shadow:0 0 10em #BBB;
position:absolute;
z-index:90;
}
.peek.active:before {
top:-10px;
}
.peek.active:after {
bottom:-10px;
}
.no_js .peek {
display:block;
}
/* super-stitial */
#superstitial {
width:100%;
margin:0;
padding:0;
position:fixed;
top:0;
left:0;
z-index:9999;
}
.super {
height:0;
margin:0;
padding:0 2em;
-webkit-box-shadow:0 4px 10px rgba(0,0,0,.3);
box-shadow:0 4px 10px rgba(0,0,0,.3);
overflow:hidden;
text-align:center;
line-height:1.3em;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
}
#superstitial .active {
display:block;
height:auto;
padding:1em 2em;
}
.super_success {
background:#AAD868;
color:#2F440A;
}
.super_error {
background:#FAFA8A;
color:#000;
}
/* Global - Forms */
form {
margin:0;
}
button,input,select,textarea {
margin:0;
border-radius:5px;
vertical-align:baseline;
color:#666;
}
button,input {
line-height:normal;
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
-moz-appearance:button;
}
button:-moz-focus-inner,input:-moz-focus-inner {
padding:0;
border:0;
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-appearance:textfield;
}
input[type="search"]:-webkit-search-cancel-button,input[type="search"]:-webkit-search-decoration {
-webkit-appearance:none;
-moz-appearance:none;
}
input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"] {
padding:.3em .4em;
border:1px solid #3575B9;
outline:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:top;
font-size:1em;
line-height:1.25em;
color:#4D4D4D;
-webkit-transition:all .175s ease-in 0;
-moz-transition:all .175s ease-in 0;
-o-transition:all .175s ease-in 0;
transition:all .175s ease-in 0;
*height:auto;
}
input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="text"]:focus {
-webkit-transition:all .175s ease-in 0;
-moz-transition:all .175s ease-in 0;
-o-transition:all .175s ease-in 0;
transition:all .175s ease-in 0;
}
label[for] {
cursor:pointer;
}
label {
font-size:1.2em;
color:#3575B9;
}
fieldset {
margin:0 2px;
padding:.35em .625em .75em;
border:1px solid #C0C0C0;
}
input[type="checkbox"],input[type="radio"] {
padding:0;
*height:13px;
*width:13px;
}
select,textarea {
border:1px solid #3575B9;
}
textarea {
padding:.3em .4em;
overflow:auto;
vertical-align:top;
font-size:1em;
color:#4D4D4D;
}
textarea[disabled] {
background:#E1E1E1 !important;
border:1px solid #A7A9AC !important;
text-shadow:none !important;
cursor:default;
}
.dropdown ul,.file:focus,textarea:focus,select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="email"]:focus {
border-color:#3575B9;
outline:0;
}
.placeholder {

color:#999 !important;
}
::-webkit-input-placeholder {

color:#999;
opacity:1;
}
:-ms-input-placeholder {

color:#999;
opacity:1;
}
::-moz-placeholder {

color:#999;
opacity:1;
}
:-moz-placeholder {

color:#999;
opacity:1;
}
.form label {
display:inline-block;
*display:inline;
zoom:1;
width:11em;
padding:.2em 1em 0 0;
text-align:right;
}
.form input[type="email"],.form input[type="password"],.form input[type="search"],.form input[type="text"] {
vertical-align:top;
}
.form select {
vertical-align:middle;
}
/* Global - Lists */
ol,ul {
margin:1em 0;
padding:0 0 0 40px;
}
nav ol,nav ul {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
.bullet_list {
list-style: none;
padding:0px;
}
.bullet_list li:before {
content: '\2022';
margin: 0 .2em 0 0;
}
dl {
display:inline-block;
padding:0 0 0 2.5em;
}
dd,li {
margin:0 0 .2em 0;
}
.bulletless {
margin:0;
padding:0;
}
.bulletless li {
display:block;
clear:both;
list-style-type:none;
}
/* Global - Tables ( invoice,email,etc) */
/* Notes on the table markup are in the styleguide */
table {
border-spacing:0;
border-collapse:collapse;
}
table,.table,.table li {
margin:0;
padding:0;
list-style:none;
}
table th,table td {
padding:.3em .35em;
}
/* make the ul list header match the columns below. */
table thead {
display:table-header-group;
}
.odd,.odd td {
background-color:#E0E0E0;
}
.even,.even td {
background-color:#F8F8F8;
}
table thead th,.table .row_header {
background:none;
font-style:italic;
}
.table .col,tr td,tr th {
padding:.5em 1em;
border-right:0px solid #BBB;
}
.table .col {
display:inline;
float:left;
}
/*table tr:hover td,table tr:hover th,.table li:hover,.table li:hover .col_header {
background:#80A5DB;
color:#FFF;
}
table tr:hover th:hover,table tr:hover th,table tr td:hover,.table li:hover .col:hover,.table li:hover .col_header {
background:#3575B9;
}*/
.table .row_header .col,thead tr th {
background:none;
border-right:0px solid #EFEFEF;
}
.table .col.last {
border-right:none;
}
table th,table td {
padding:.5em 1em;
border-right:0px solid #BBB;
text-align:left;
}
table th,.table .col_header {
background:#CCC;
border-right:2px solid #999;
}
/* Global - Figures */
.figure_right,.img_right {
float:right;
margin:0 0 2em 1em;
}
.figure_left,.img_left {
float:left;
margin:0 2em 1em 0;
}
.img_mid_align {
padding-top:1em;
}
figure {
background:#EFEFEF;
padding:1em;
border-radius:5px;
position:relative;
position:relative;
}
figure h4 {
margin-top:0;
text-align:center;
}
figcaption {
text-align:center;
line-height:2em;
}
/* Global - Display Classes */
.inline {
display:inline;
}
.ib,.inline_block {
display:inline-block;
*display:inline;
zoom:1;
}
.hidden {
display:none;
}
/* Global - Clear Fixes */
.clear:before,.clear:after {
content:'';
display:table;
visibility:hidden;
}
.clear:after {
clear:both;
}
/* Browser Warnings - JavaScript Disabled */
.js_on #js_required {
display:none;
}
/* General Settings - Boxes */
.accent,.attention,.box,.callout,.critical,.shaded,.alert,.warning {
margin:1.5em auto;
padding:1em 2em;
}
.accent:first-child,.attention:first-child,.box:first-child,.critical:first-child,.shaded:first-child {
margin-top:0;
}
.accent {
background:#FFF;
text-align:center;
color:#3575B9;
}
.alert,.warning {
background:#FAFA8A;
color:#000;
}
.attention {
background:#D7E8F8;
color:#000;
}
.validate-attention {
background:#D7E8F8;
font-weight: bold;
color:#000;
}
.validate-attention ul {
margin: 0;
padding: 1em 2em;
}
.validate-attention ul li {
margin: 1em 0;
color:#000;
}
.alert h2,.attention h2 {
padding:.5em 0 0;
font-size:1.5em;
}
.alert h2:first-child, .attention h2:first-child {
padding-top: 0;
}
.attention h2 {
color:#F00;
}
.attention hr,.attention hr {
border:0;
border-top:1px solid #A7A9AC;
}
.critical {
background:#F7F7F7;
border:1px solid #91191C;
color:#91191C;
}
.shaded {
background:#EFEFEF;
color:#333;
}
.success {
background:#AAD868;
border:1px solid #9BCC60;
color:#2F440A;
}
.conspicuous {
overflow:hidden;
position:relative;
}
.conspicuous:before {
content:'';
display:block;
width:80%;
height:10px;
margin:0 auto;
border-radius:20em;
-webkit-box-shadow:0 0 10em #999;
box-shadow:0 0 10em #999;
position:absolute;
top:-10px;
left:10%;
z-index:90;
}
/* Header */
#header {
background:#3575B9;
width:100%;
height:64px;
position:absolute;
left:0;
z-index:1;
}
#header:after {
content:'';
background:#3575B9;
width:50%;
height:64px;
position:absolute;
top:0;
left:50%;
z-index:-1;
}
#header .wrapper,#header .main_nav,#header .main_nav .clear,#header .tab,#header .tab a {
height:100%;
}
#header .wrapper {
background:#3575B9;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkNTJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTc1YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#0D53B4),color-stop(100%,#3575B9));
background:-webkit-linear-gradient(left,#0D53B4 0%,#3575B9 100%);
background:-moz-linear-gradient(left,#0D53B4 0%,#3575B9 100%);
background:-ms-linear-gradient(left,#0D53B4 0%,#3575B9 100%);
background:-o-linear-gradient(left,#0D53B4 0%,#3575B9 100%);
background:linear-gradient(to right,#0D53B4 0%,#3575B9 100%);
width:960px;
margin:0 auto;
z-index:1;
}
.lt_ie9 #header .wrapper {
background:#3575B9;
}
/* Header - Logo */
.logo {
background:#3575B9;
float:left;
width:182px;
height:4em;
text-align:center;
position:relative;
z-index:1;
}
.logo img {
margin:-33px 0 0 -29px;
vertical-align:middle;
position:absolute;
top:50%;
left:50%;
}
.logo:after {
content:'';
width:247px;
height:14px;
position:absolute;
top:64px;
right:-6px;
}
/* Header - Main Navigation */
#header .main_nav {
position:relative;
}
#header .tab {
float:right;
margin:0;
border-right:1px solid #0D53B4;
text-align:center;
position:relative;
}
#header .tab a {
display:block;
min-width:6.5em;
text-decoration:none;
line-height:4;
color:#FFF;
}
.lt_ie9 #header .tab a {
}
#header .tab a:hover {
background:#0D53B4;
}
#header .tab a:active {
color:#3575D3;
}
#header .tab img {
vertical-align:-0.1em;
}
#header .phone_tab {
float:left;
min-width:8em;
padding:0 .5em 0 2em;
border:0;
line-height:4;
color:#FFF;
cursor:default;
}
.lt_ie9 #header .phone_tab {
min-width:4em;
}
#header .phone_tab span {
vertical-align:middle;
}
#header .phone_tab:hover,#header .live_chat_tab a:hover {
background:none;
}
#header .phone_tab:after {
content:'';
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(11,67,144,1)),color-stop(100%,rgba(14,83,177,0)));
background:-webkit-linear-gradient(left,rgba(11,67,144,1) 0%,rgba(14,83,177,0) 100%);
background:-moz-linear-gradient(left,rgba(11,67,144,1) 0%,rgba(14,83,177,0) 100%);
background:-ms-linear-gradient(left,rgba(11,67,144,1) 0%,rgba(14,83,177,0) 100%);
background:-o-linear-gradient(left,rgba(11,67,144,1) 0%,rgba(14,83,177,0) 100%);
background:linear-gradient(to right,rgba(11,67,144,1) 0%,rgba(14,83,177,0) 100%);
width:10px;
height:64px;
position:absolute;
top:0;
left:0;
}
#header .live_chat_tab {
float:left;
min-width:2em;
border-right:none;
}
#header .live_chat_tab a {
min-width:20px;
width:20px;
height:20px;
margin:22px 32px 0 6px;
line-height:0;
}
#header .live_chat_tab .svg_icon {
display:block;
width:20px;
height:20px;
padding:0px;
}
#header .live_chat_tab path {
fill:#FFF;
}
@-webkit-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
   @-moz-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
    @-ms-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
     @-o-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
        @keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-webkit-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
   @-moz-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
    @-ms-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
     @-o-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
        @keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
#header .live_chat_tab a:before {
content: "have questions?";
display: block;
height: 30px;
padding: .5em;
position: absolute;
bottom: -46px;
left: -57px;
width: 128px;
line-height: 30px;
background: #e4e4e4;
font-weight:bold;
color: #3575B9;
-webkit-animation: chatbox 30s steps(30) infinite;
-moz-animation:    chatbox 30s steps(30) infinite;
-ms-animation:     chatbox 30s steps(30) infinite;
-o-animation:      chatbox 30s steps(30) infinite;
animation:         chatbox 30s steps(30) infinite;
}
#header .live_chat_tab a:after {
content: ' ';
width: 0;
height: 0;
margin-left: -10px;
border: 10px solid transparent;
border-top: 0;
border-bottom: 10px solid #e4e4e4;
position: absolute;
bottom: 0px;
left: .9em;
-webkit-animation: chatarrow 30s steps(30) infinite;
-moz-animation:    chatarrow 30s steps(30) infinite;
-ms-animation:     chatarrow 30s steps(30) infinite;
-o-animation:      chatarrow 30s steps(30) infinite;
animation:         chatarrow 30s steps(30) infinite;
}
#header:hover .live_chat_tab a:before,
#header:hover .live_chat_tab a:after {
-webkit-animation: none;
-moz-animation:    none;
-ms-animation:     none;
-o-animation:      none;
animation:         none;
}
#header .products_tab {
border-left:1px solid #0D53B4;
}
#header .login_tab {
border-right:0;
}
/* Header - Sub-navigation */
#header .tab.active .subnav,
#header .tab:hover .subnav {
display:block;
}
#header .subnav {
background-clip:padding-box;
display:none;
min-width:8em;
padding:0;
border:1px solid #F3F3F3;
border-top:0;
white-space:nowrap;
text-align:left;
-webkit-transition:all .1s ease-in 0;
-moz-transition:all .1s ease-in 0;
-o-transition:all .1s ease-in 0;
transition:all .1s ease-in 0;
position:absolute;
top:64px;
left:-1px;
}
#header .subnav:before {
content:'';
width:0;
height:0;
margin-left:-10px;
border:10px solid transparent;
border-top:0;
border-bottom:10px solid rgba(255,255,255,.94);
position:absolute;
top:-0.5em;
left:3.35em;
}
#header .subnav li {
margin:0;
}
#header .subnav a {
background:#FFF;
background:rgba(255,255,255,.94);
padding:0 1em;
line-height:3;
color:#3575B9;
-webkit-transition:all .175s ease-in 0;
-moz-transition:all .175s ease-in 0;
-o-transition:all .175s ease-in 0;
transition:all .175s ease-in 0;
}
#header .subnav a:hover {
background:#F1F5FA;
background:rgba(241,245,250,.94);
color:#000;
}
#header .subnav a:active {
color:#C8C8C8;
}
/* Container */
#container {
min-width:960px;
min-height:100%;
padding:4em 0 15em;
position:relative;
}
.no_footer #container {
padding-bottom:0 !important;
}
#container:after {
box-shadow:inset 0 -3.05em 5.4em .9em #FFF;
}
/* Container - Cover */
.cover {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
width:100%;
}
.cover_wrap {
width:960px;
height:100%;
margin:0 auto;
padding:1px 0;
position:relative;
}
.cover_wrap.padded {
padding:2em 0;
}
.cover_wrap.top_padded {
padding-top:2em;
}
.cover_wrap.bottom_padded {
padding-bottom:2em;
}
.cover_shadow:after {
content:"";
position:absolute;
top:0;
left:0;
right:50.05%;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background:-webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
background:-o-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
background:-ms-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 );
height:130px;
}
/* Footer */
#footer {
background:#3575B9;
width:100%;
min-height:15em;
margin:-15em auto 0;
position:absolute;
z-index:10;
}
/* Footer - Footer Navigation */
.footer_nav,.footer_nav ul {
min-height:4em;
}
.footer_nav {
width:960px;
margin:0 auto;
}
.footer_nav ul {
float:left;
margin:0;
padding-left:2em;
border-right:1px solid #4882C6;
line-height:1;
}
.footer_nav ul:first-child {
border-left:1px solid #4882C6;
}
.footer_nav .products_list {
width:14em;
}
.footer_nav .programs_list {
width:12em;
}
.footer_nav .support_list {
width:12em;
}
.footer_nav .company_list {
width:22em;
}
.ie7 .footer_nav .products_list {
width:10em;
}
.ie7 .footer_nav .programs_list {
width:8em;
}
.ie7 .footer_nav .support_list {
width:8em;
}
.ie7 .footer_nav .company_list {
width:17.71em;
}
.footer_nav .title,.footer_nav a {
color:#FFF;
}
.footer_nav .title {
display:block;
float:none;
margin:0;
padding:0;
font-size:1.25em;
}
.footer_nav h3 {
margin:1em 0 .5em;
font-size:1.2em;
}
.footer_nav li {
float:left;
min-width:9.5em;
padding:0 1em 0 0;
white-space:nowrap;
}
.lt_ie9 .footer_nav li {
min-width:7.5em;
}
.footer_nav a {
text-decoration:none;
}
.footer_nav a:hover {
text-decoration:underline;
}
/* Footer - Social Media */
#footer .social_media {
clear:both;
height:3.5em;
border-top:1px solid #4882C6;
}
#footer .social_media .wrapper {
width:960px;
height:100%;
margin:0 auto;
padding:0 .8em;
position:relative;
}
#footer .social_icon {
float:left;
margin:1.3em .8em 0 0;
}
#footer .social_icon,#footer .social_icon .svg_icon {
width:22px;
height:22px;
}
#footer .social_icon path,#footer .social_icon polygon,#footer .social_icon rect {
fill:#FFF;
}
#footer .social_icon:hover path,#footer .social_icon:hover polygon,#footer .social_icon:hover rect {
fill:#D8EBFF;
}
.copyright {
display:inline-block;
margin:-1.75em 0 0;
text-align:right;
font-size:.8em;
line-height:1.1em;
color:#FFF;
position:absolute;
top:3em;
right:1em;
}
.copyright .footer_promo {
margin:0;
}
.copyright a,.copyright a:hover {
text-decoration:underline;
color:#FFF;
}
.copyright.raised {
top:1.2em;
}
#analytics {
bottom:0;
left:0;
position:absolute;
z-index:-1;
}
/* Recaptcha fixes */
iframe[src="about:blank"] {
display:none;
}
.recaptchatable a {
text-transform:none;
}
/* Core Widgets */
/* Core Widgets - Features */
.features ul,.features li {
padding-left:0;
list-style:none;
}
.features li {
background-repeat:no-repeat;
background-position:top center;
float:left;
width:25%;
min-height:24.2em;
text-align:center;
}
.features a {
display:block;
color:#666;
}
.features h4 {
margin:.4em 0 1em;
font-size:1.4em;
}
.features p {
min-height:8.8em;
margin:.6em 0;
padding:0 1.8em;
line-height:1.4em;
}
/* SVG Icons */
.svg_icon {
display:inline-block;
}
.svg_icon object,.svg_icon svg {
display:block;
}
.svg_icon:not(.no_hover) .filled,
.svg_icon:not(.no_hover):hover .outlined,
button:hover .svg_icon:not(.no_hover) .outlined,
a:hover .svg_icon:not(.no_hover) .outlined {
display:none;
}
.svg_icon:not(.no_hover):hover .filled,
button:hover .svg_icon:not(.no_hover) .filled,
a:hover .svg_icon:not(.no_hover) .filled {
display:inline;
}
/* Overlay, Lightbox */
.unlimited,.moneyback {
text-decoration:underline;
cursor:pointer;
}
.price_display_main .moneyback,
.price_display_main .unlimited,
.initial_display .moneyback,
.initial_display .unlimited {
color:#666;
}
.price_display_main .moneyback:hover,
.price_display_main .unlimited:hover,
.initial_display .moneyback:hover,
.initial_display .unlimited:hover {
color:#3575B9;
}
.lightbox_bg {
background:#FFF;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
opacity:.8;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
}
.lightbox_bg .lightbox_loading {
width:50em;
height:2em;
margin-top:-1em;
margin-left:-25em;
text-align:center;
font-weight:bold;
font-size:1.2em;
line-height:2em;
position:absolute;
top:50%;
left:50%;
}
.lightbox_container {
background:#FFF;
padding:0;
border:1px solid #3676B8;
border-radius:5px;
text-align:left;
z-index:999999;
}
.lightbox_container .title {
background:#3676B8;
height:50px;
margin:0;
padding:0 40px;
line-height:50px;
color:#FFF;
}
.lightbox_container .close {
padding:0;
cursor:pointer;
background:transparent;
border:0;
line-height:0;
-webkit-appearance:none;
position:absolute;
top:12.5px;
right:12.5px;
}
.lightbox_container .close .svg_icon {
width:25px;
height:25px;
}
.lightbox_container .close .svg_icon path {
fill:#FFF;
}
.lightbox_container .close:active .svg_icon path {
fill:#AAA;
}
.lightbox_container .close:focus {
outline:0;
}
.lightbox_container div.lightbox_padding {
width:100%;
overflow:auto;
}
.lightbox_container div.lightbox_padding:focus {
outline:0;
}
.lightbox_container iframe.lightbox_padding {
margin-bottom:-5px;
border:0;
}
.lightbox_container .lightbox_content h1,.lightbox_container .lightbox_content h2,.lightbox_container .lightbox_content h3,.lightbox_container .lightbox_content h4,.lightbox_container .lightbox_content h5,.lightbox_container .lightbox_content h6 {
margin-top:2em;
text-transform:none;
font-weight:700;
font-size:1em;
color:inherit;
}
.lightbox_container .lightbox_content {
margin:40px;
}
.lt_ie9 .lightbox_container .lightbox_content {
padding-bottom:40px;
}
/* Padding for any sections that aren't jammed together */
section.padded_top {
margin-top:3em;
}
section.padded_top_light {
margin-top: 1.5em;
}
section.padded_top_light .subheading {
margin-bottom: .5em;
}
section.padded_bottom {
margin-bottom:3em;
}
section.padded {
margin:3em auto;
}
/* Hero slider */
@-webkit-keyframes fade { from { opacity:0; } to { opacity:1; } }
   @-moz-keyframes fade { from { opacity:0; } to { opacity:1; } }
    @-ms-keyframes fade { from { opacity:0; } to { opacity:1; } }
     @-o-keyframes fade { from { opacity:0; } to { opacity:1; } }
        @keyframes fade { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadeslide { from { left:-25px; opacity:0; } to { left:0; opacity:1; } }
   @-moz-keyframes fadeslide { from { left:-25px; opacity:0; } to { left:0; opacity:1; } }
    @-ms-keyframes fadeslide { from { left:-25px; opacity:0; } to { left:0; opacity:1; } }
     @-o-keyframes fadeslide { from { left:-25px; opacity:0; } to { left:0; opacity:1; } }
        @keyframes fadeslide { from { left:-25px; opacity:0; } to { left:0; opacity:1; } }
.slider {
height:30em;
position:relative;
}
#main .slider .slide {
position:absolute;
width:100%;
}
.slider .slide.active {
position:absolute;
-webkit-animation:fade 0.5s;
-moz-animation:fade 0.5s;
-ms-animation:fade 0.5s;
-o-animation:fade 0.5s;
animation:fade 0.5s;
}
.slider .slide.active .hookline,
.slider .slide.active .heading,
.slider .slide.active h1,
.slider .slide.active h2,
.slider .slide.active ul {
position:relative;
-webkit-animation:fadeslide 0.5s;
-moz-animation:fadeslide 0.5s;
-ms-animation:fadeslide 0.5s;
-o-animation:fadeslide 0.5s;
animation:fadeslide 0.5s;
}
.slider .leds {
position:absolute;
bottom:.5em;
left:50%;
width:100%;
margin-left:-50%;
text-align:center;
z-index:10;
}
.slider .led {
border:1px solid #ccc;
cursor:pointer;
margin:0 .5em;
padding:0;
width:12px;
height:12px;
opacity:.4;
background:#fff;
}
.slider .led.active {
cursor:inherit;
opacity:1;
}
.slider .controls {
position:absolute;
left:50%;
margin-left:-480px;
}
.slider .controls a {
display:block;
position:absolute;
top:13em;
z-index:10;
width:64px;
height:64px;
}
.slider .svg_icon {
width:64px;
height:64px;
cursor:pointer;
}
.slider [data-slide=left] {
left:0;
}
.slider [data-slide=right] {
right:0;
}
