/*********************************
    FONTS
*********************************/

@font-face {
  font-family: 'Museo Sans 500';
  src: url('/images/fonts/museosans_500-webfont.eot');
  src: local('☺'),
      url('/images/fonts/museosans_500-webfont.woff') format('woff'),
      url('/images/fonts/museosans_500-webfont.ttf') format('truetype'),
      url('/images/fonts/museosans_500-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans 500';
  src: url('/images/fonts/museosans_500_italic-webfont.eot');
  src: local('☺'),
      url('/images/fonts/museosans_500_italic-webfont.woff') format('woff'),
      url('/images/fonts/museosans_500_italic-webfont.ttf') format('truetype'),
      url('/images/fonts/museosans_500_italic-webfont.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Museo Slab';
  src: url('/images/fonts/museo_slab_500-webfont.eot');
  src: local('☺'),
      url('/images/fonts/museo_slab_500-webfont.woff') format('woff'),
      url('/images/fonts/museo_slab_500-webfont.ttf') format('truetype'),
      url('/images/fonts/museo_slab_500-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Slab';
  src: url('/images/fonts/museo_slab_500italic-webfont.eot');
  src: local('☺'),
      url('/images/fonts/museo_slab_500italic-webfont.woff') format('woff'),
      url('/images/fonts/museo_slab_500italic-webfont.ttf') format('truetype'),
      url('/images/fonts/museo_slab_500italic-webfont.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
    font-family: 'Wisdom Script';
    src: url('/styles/fonts/wisdom_script-webfont.eot');
    src: url('/styles/fonts/wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/wisdom_script-webfont.woff') format('woff'),
         url('/styles/fonts/wisdom_script-webfont.ttf') format('truetype'),
         url('/styles/fonts/wisdom_script-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*********************************
    BASIC
*********************************/

/** BASIC: Wraps **/

html {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 1220px;
  font-size: 62.5%; /* Set base font-size to 10px */
  background-color: #f8f8f8;
}
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  _behavior: url("/styles/csshover.htc");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  height: auto;
  max-width: 100%;
}
.container {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1000px;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 100%;
}
.container-1280 {
  width: 1320px !important;
}
.container-1180 {
  width: 1220px !important;
}
.container-1168 {
  width: 1208px !important;
}
.container-1080 {
  width: 1120px !important;
}
.container-1040 {
  width: 1080px !important;
}
.container-780 {
  width: 820px !important;
}
.container-380 {
  width: 420px !important;
}


/*Typography*/
body, input, textarea {
  font-family: 'Source Sans Pro', 'source-sans-pro', "proxima-nova", "Myriad Pro", "myriad-pro", Arial, Helvetica, sans-serif;
}

h1, .h1,
h2, .h2 {
  font-family: 'brandon-grotesque', sans-serif;
}


/*GRIDS*/
.gn-grid-container {
  font-size: 0 !important;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
  zoom: 1;
}
.gn-grid-col {
  position: relative;
  display: inline-block !important;
  font-size: 1.8rem !important;
  vertical-align: top;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*12 Col*/
.gn-grid-col-1 {
  width: 8.3333333%;
}
.gn-grid-col-2 {
  width: 16.6666666%;
}
.gn-grid-col-3 {
  width: 25%;
}
.gn-grid-col-4 {
  width: 33.3333333%;
}
.gn-grid-col-5 {
  width: 41.6666666%;
}
.gn-grid-col-6 {
  width: 50%;
}
.gn-grid-col-7 {
  width: 58.3333333%;
}
.gn-grid-col-8 {
  width: 66.6666666%;
}
.gn-grid-col-9 {
  width: 75%;
}
.gn-grid-col-10 {
  width: 83.3333333%;
}
.gn-grid-col-11 {
  width: 91.6666666%;
}

/*Custom Grids*/

/*9-col*/
.gn-grid-col-1-9 {
  width: 11.111111111%;
}
.gn-grid-col-2-9 {
  width: 22.222222222%;
}
.gn-grid-col-3-9 {
  width: 33.333333333%;
}
.gn-grid-col-4-9 {
  width: 44.444444444%;
}
.gn-grid-col-5-9 {
  width: 55.555555556%;
}
.gn-grid-col-6-9 {
  width: 66.666666667%;
}
.gn-grid-col-7-9 {
  width: 77.777777778%;
}
.gn-grid-col-8-9 {
  width: 88.888888889%;
}

/*8-col*/
.gn-grid-col-1-8 {
  width: 12.5%;
}
.gn-grid-col-2-8 {
  width: 25%;
}
.gn-grid-col-3-8 {
  width: 37.5%;
}
.gn-grid-col-4-8 {
  width: 50%;
}
.gn-grid-col-5-8 {
  width: 62.5%;
}
.gn-grid-col-6-8 {
  width: 75%;
}
.gn-grid-col-7-8 {
  width: 87.5%;
}

/*7-col*/
.gn-grid-col-1-7 {
  width: 14.285714286%;
}
.gn-grid-col-2-7 {
  width: 28.571428571%;
}
.gn-grid-col-5-7 {
  width: 71.428571429%;
}
.gn-grid-col-6-7 {
  width: 85.714285714%;
}

/*5-col*/
.gn-grid-col-1-5 {
  width: 20%;
}
.gn-grid-col-2-5 {
  width: 40%;
}
.gn-grid-col-3-5 {
  width: 60%;
}
.gn-grid-col-4-5 {
  width: 80%;
}

/*Common Backgrounds*/
.bg-purple,
.bg-white,
.bg-blue,
.bg-light-purple,
.bg-beige,
#gnHeader,
#bottomCta {
  background-color: #2e304e;
  background-image: url(/images/bg_purple.png);
  background-position: center top;
  background-repeat: repeat;
}
#gnHeader {
  background-position: center bottom;
}
.bg-white {
  background-color: #fff;
  background-image: url(/images/bg_white.png);
}
.bg-blue {
  background-color: #4dace1;
  background-image: url(/images/bg_blue.png);
}
.bg-light-purple {
  background-color: #787fa7;
  background-image: url(/images/bg_light_purple.png);
}
.bg-beige {
  background-color: #fff8dd;
  background-image: url(/images/bg_beige.png);
}

/** BASIC: Wraps (Custom) **/

#mainBody {
  background-color: #fff;
  margin: 0;
  padding: 1px 0 50px 0;
  margin-top: -1px;
  width: 100%;
}
#content {
  margin: 0 auto;
  position: relative;
  width: 950px;
  zoom: 1;
}
#content:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#content.full-width {
  width: auto;
}

.gnBodyWrapper {
  background: #fff;
  padding: 40px 0px 0px;
}
.gnBodyWrapper.alternate {
  background-color: #f0f3f6 !important; /* !important because of the original #gnTestimonial background whcih may still be in use */
}
.gnBodyContent {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
}

/*2015 Redesign Styles*/
.gn-2015 div,
.gn-2015 p,
.gn-2015 li {
  font-size: 1.8rem;
  color: #666;
}
.gn-2015 p.size-large,
.gn-2015 .size-large li {
  font-size: 2.1rem;
  margin-bottom: 0.5em;
}
.gn-2015 h1,
.gn-2015 .h1 {
  font-size: 4rem;
  text-transform: uppercase;
  margin: 0 0 0.25em;
}
.gn-2015 h2,
.gn-2015 .h2 {
  font-size: 3.6rem;
  text-transform: uppercase;
  margin: 0 0 0.5em;
}
.gn-2015 h3,
.gn-2015 .h3 {
  font-size: 2.4rem;
  margin: 0.75em 0 0.35em;
}
.gn-2015 h3.size-large,
.gn-2015 .h3.size-large,
.gn-2015 .section-intro h3 {
  font-size: 3rem;
}
.gn-2015 .main-content {
  margin-top: 0;
}
.gn-2015 .main-content .section {
  padding-top: 0;
  padding-bottom: 0;
}
.gn-2015 .section > .container,
.gn-2015 .container > .section {
  padding-top: 5em;
  padding-bottom: 5em;
  border-bottom: 1px solid #ddd;
}
.gn-2015 .section.no-border > .container,
.gn-2015 .container > .section.no-border,
.gn-2015 .section:last-child .container,
.gn-2015 .bg-white .container,
.gn-2015 .bg-purple .container,
.gn-2015 .bg-light-purple .container,
.gn-2015 .bg-blue .container {
  border-bottom: none;
}
.gn-2015 .section-intro,
.gn-2015 .section-intro div,
.gn-2015 .section-intro p,
.gn-2015 .section-intro li {
  font-size: 21px;
}
.gn-2015 .section-intro p,
.gn-2015 .section-intro li {
  margin-bottom: 0.5em;
}
.gn-2015 .section-intro.size-large,
.gn-2015 .section-intro.size-large div,
.gn-2015 .section-intro.size-large p,
.gn-2015 .section-intro.size-large li {
  font-size: 26px;
}
.gn-2015 .section-main {
  margin-top: 2em;
}
.bordered-grid > .gn-grid-col {
  border: 1px solid #ddd;
  margin-bottom: -1px;
  margin-right: -1px;
  padding: 2em 1.5em;
  background: #fff;
}
.bordered-grid .gn-grid-col > :last-child {
  margin-bottom: 0;
}

.gn-2015 table,
.gn-2015 table td,
.gn-2015 table td li,
.gn-2015 table td h3 {
  font-size: 18px !important;
  color: #333 !important;
}
.gn-2015 table {
  /*border-collapse: collapse;*/
  width: 100%;
  border-spacing: 0;
}
.gn-2015 table td {
  border: 1px solid #f2f3f7;
}
.gn-2015 table td:last-child {
  border-right-width: 2px;
}
.gn-2015 table tr:last-of-type td:last-child {
  border-bottom-width: 2px;
}
.gn-2015 table .row-heading {
  border-color: #e9e9f1;
  border-left-width: 2px;
}
.gn-2015 table tr:nth-child(even) td {
  background-color: #f9fafb;
}
.gn-2015 table tr:nth-child(even) .row-heading {
  background: #e9e9f1;
}
.gn-2015 table th.first,
.gn-2015 table tr:first-of-type .row-heading {
  -webkit-border-top-left-radius: 8px;;
  -moz-border-top-left-radius: 8px;;
  -ms-border-top-left-radius: 8px;;
  -o-border-top-left-radius: 8px;;
  border-top-left-radius: 8px;;
}
.gn-2015 table tr:first-of-type .row-heading {
  border-top-width: 2px;
}
.gn-2015 table th.last {
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-right-radius: 8px;
  -o-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
.gn-2015 table tr:last-of-type .row-heading {
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -ms-border-bottom-left-radius: 8px;
  -o-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-width: 2px;
}
.gn-2015 table tr:last-of-type td:last-child {
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  -ms-border-bottom-right-radius: 8px;
  -o-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.gn-2015 table th {
  background: #333;
  color: #fff !important;
  font-family: 'brandon-grotesque';
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 10px;
  padding-right: 10px;
}
.gn-2015 table th.blank {
  background: none;
  border: none;
}
.gn-2015 table td {
  padding: 1em;
}
.gn-2015 table td :last-child {
  margin-bottom: 0;
}
.gn-2015 table .row-heading {
  font-weight: bold;
}
.gn-2015 table .row-heading h3 {
  margin: 0;
}
.gn-2015 .selectBox-dropdown {
  padding-right: 45px;
}
.gn-2015 .selectBox-dropdown .selectBox-arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAABGdBTUEAALGPC/xhBQAAAJlJREFUKBWVj0EOgyAQRZ1JV4aLIOuex67rpep5XCNcBJdQvnGakojE2XyY+Z/hkXPuQ0Rjd7NSSjOHEN75sN7Jwo8cIWStHZh5yT/oW4/k4BZjfBpjVoYZhyxTK3jMp8Pf7Zsl1OIHp9b6Jf59s1yu+IVTvNBiMxpn/P+c8EgVm9Gs8P84JXip4PfeJ2jN+KgNwK+U6qE1zxdhZ1s/94Ku2AAAAABJRU5ErkJggg==) no-repeat 0 0;
  border: none;
  width: 15px;
  height: 10px;
  right: 15px;
  top: 50%;
  margin-top: -5px;
}

/*Custom - Layout classes*/

/**
 * If image is desired to be right aligned on full, but stacked on top on responsive
 */

/* Add this class to the image parent. Add necessary right padding on target specific class. */
.hero-image-right {
  position: relative;
}

/*Add a negative top margin half of the image height on target specific class*/
.hero-image-right .hero-image {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
}


/* Custom - Page-Specific */

#content #maincol {
  float: left;
  width: 100%; /* Fix for ifames not expanding to full width of #mainCol */
  max-width: 700px;
  padding: 20px 20px 0 0;
}

#content #sidecol {
  float: right;
  font-size: 12px;
  padding: 30px 0 0 0;
  max-width: 220px;
}

/** BASIC: Wraps (iPad, iPhone) **/

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  html { min-width: 1080px }
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
  html { min-width: 1080px }
}

/** BASIC: Tags **/

textarea {
  font-family: myriad-pro, 'Myriad Pro', Helvetica, Arial, sans-serif;
}

dfn, var, i {
  font-style: normal;
}

button {
  cursor: pointer;
}

/** BASIC: Utilities **/

.clear {
  position: relative;
  clear: both;
  overflow: hidden;
}

span.block, a.block, .block {display: block;}
.aligncenter {
  text-align: center;
}
ul, .unstyled ul {
  list-style: disc;
}
ul {
  margin: 0 0 1em 2em;
  padding: 0;
}
ul ul {
  list-style: circle;
}
.unstyled {
  list-style: none !important;
  margin: 0;
  padding: 0;
  border: none;
}
.unstyled li {
  margin: 0;
  padding: 0;
}
.indent {
  padding-left: 2em;
}
.iblock {
  position: relative;
  display: inline-block !important;
  zoom:1;
  *display: inline !important;
  vertical-align: top;
  max-width: 100%;
}
.pull-left { float: left !important;}
.pull-right {float: right !important;}
.hide, .hidden {
  display: none !important;
}
.caps {
  text-transform: uppercase;
}
.alignleft {
  text-align: left !important;
}
.alignright {
  text-align: right !important;
}
.aligncenter {
  text-align: center !important;
}
.valign-middle,
.valign-middle .iblock,
.valign-middle .gn-grid-col {
  vertical-align: middle !important;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.bt0 {
  border-bottom: none !important;
}
.bb0 {
  border-bottom: none !important;
}
.pos-r {
  position: relative !important;
}
.pos-a {
  position: absolute !important;
}
.u-visually-hidden {
  position: absolute;
  left: -9999em;
}

#trackEloqua {
  display: block;
  height: 0;
  overflow: hidden;
}

#tracking {
  display: block;
  height: 0;
  overflow: hidden;
}

ul.noBullets, ul.checklist {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
ul.checklist li {
  position: relative;
  padding-left: 42px;
}
ul.checklist li:before {
  content: "";
  display: block;
  width: 34px;
  height: 28px;
  background: url(/images/icons/icon_check.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
ul.checklist-2 li {
  position: relative;
  padding-left: 40px;
  min-height: 22px;
  margin-bottom: 0.5em;
}
.gn-checklist li {
  position: relative;
  padding-left: 25px;
}
.gn-checklist .icon-check,
ul.checklist-2 li .icon-check {
  position: absolute;
  left: 0;
  top: 0;
}

span.new {
  color: #74B111;
  font-weight: bold;
  vertical-align: top;
  font-size: 0.75em;
  white-space: nowrap;
}

/** BASIC: Links **/

a, .link input, .anchor-text{
  text-decoration: none;
  color: #1c9bec;
}
a:visited {
  color: #1574b0;
}
a:hover, .link input:hover, .anchor-text:hover{
  color: #1883c7;
}
.link input {
  background: none;
  outline: none;
  border: none;
  font-size: inherit;
  cursor: pointer;
}
.anchor-text {
  font-weight: normal !important;
  font-size: 1em;
  cursor: pointer;
}
a.inherit { color: inherit !important; text-decoration: none; }
a.inherit:hover { text-decoration: underline; }

/** BASIC: Social Icons **/

ul.socialIcons {
  list-style: none;
  margin: 0;
  position: relative;
}
ul.socialIcons li {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 5px;
}
ul.socialIcons li a,
ul.socialIcons li a img {
  display: block;
}

/** BASIC: Links (CTAs) **/

.gnCta-2,
.gnCta-2 input {
  zoom: 1;
  position: relative;
}

a.gnCta {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 #333;
  text-align: center;
  display: inline-block;
  *display: inline;
  padding: 6px 0px;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 2px 2px #444;
  -webkit-box-shadow: 0 2px 2px #444;
  box-shadow: 0 2px 2px #444;
  border: 1px solid;
  -webkit-transition: background-position 0.5s ease-in;
  -moz-transition: background-position 0.5s ease-in;
  -o-transition: background-position 0.5s ease-in;
  transition: background-position 0.5s ease-in;
  line-height: 2.2em;
  zoom: 1;
  vertical-align: middle;
  font-size: 15px;
}
a.gnCta:hover {
  -moz-box-shadow: 0 1px 2px #444;
  -webkit-box-shadow: 0 1px 2px #444;
  box-shadow: 0 1px 2px #444;
  background-position: left top !important;
}
a.gnCta span {
  font-size: 25px;
  padding: 0 17px 5px;
  border-bottom: 1px solid;
  display: block;
}
a.gnCta em {
  font-style: italic;
  display: block;
  font-size: 16px;
  padding: 2px 17px 0;
  border-top: 1px solid;
}
a.gnCta.red {
  background: url(/images/layout-20101201/bgButtonRed.png) left bottom repeat-x scroll transparent;
  border-color: #a53131;
}
a.gnCta.red span {
  border-color: #c83a33;
}
a.gnCta.red em {
  border-color: #a9312d;
}
a.gnCta.blue {
  background: url(/images/layout-20101201/bgButtonBlue.png) left bottom repeat-x scroll transparent;
  border-color: #037fb2;
}
a.gnCta.blue span {
  border-color: #1d9fbf;
}
a.gnCta.blue em {
  border-color: #2385a5;
}
a.gnCta.darkblue {
  background: url(/images/layout-20101201/bgButtonDkBlue.png) left bottom repeat-x scroll transparent;
  border-color: #001f65;
}
a.gnCta.darkblue span {
  border-color: #00226d;
}
a.gnCta.darkblue em {
  border-color: #01267a;
}

a.gnCta.green {
  background: url(/images/layout-20101201/bgButtonGreen.png) repeat-x scroll left bottom transparent;
  border-color: #21b24b;
}
a.gnCta.green span {
  border-color: #52D64F;
}
a.gnCta.green em {
  border-color: #097207;
}

a.gnCta.orange {
  background: url(/images/layout-20101201/bgButtonOrange.png) repeat-x scroll left bottom transparent;
  border-color: #d65f06;
}
a.gnCta.orange span {
  border-color: #ed7501;
}
a.gnCta.orange em {
  border-color: #d96b01;
}

a.gnCta span.discountBadge {
  background: url(/images/layout-20101201/50percentoff.png) no-repeat 0 0 transparent;
  position: absolute;
  height: 81px;
  width: 81px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  right: -30px;
  top: 50px;
  border: none;
}
a.gnCta.singleRow {
  padding: 15px 0;
}
a.gnCta.singleRow span {
  padding-bottom: 0;
  border: none;
  font-size: 21px;
}
.gnCta-2, div.productPage ul#productNav li .gnCta-2 {
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  background: #81af32; /*url(/images/gradient_9bcd48_81af32_100.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #9bcd48 0%, #81af32 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcd48), color-stop(100%,#81af32));
  background: -webkit-linear-gradient(top,  #9bcd48 0%,#81af32 100%);
  background: -o-linear-gradient(top,  #9bcd48 0%,#81af32 100%);
  background: -ms-linear-gradient(top,  #9bcd48 0%,#81af32 100%);
  background: linear-gradient(top,  #9bcd48 0%,#81af32 100%);*/
  /*background-size: 1px 150% !important;*/
  /*background-position: 0 0;
  background-repeat: repeat-x;*/
  line-height: 44px;
/*  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;*/
  height: 46px;
/*  border: 1px solid #6ba707;*/
  padding: 0;
/*        box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);*/
        transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.gnCta-2, .gnCta-2 input {
  border: none;
  font-size: 22px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.gnCta-2, .gnCta-2 input, .gnCta-2 span {
  font-weight: bold !important;
  color: #fff !important;
}
.gnCta-2:hover {
  background: #7aa62f;
}
.gnCta-2.blue,
div.productPage ul#productNav li .gnCta-2.blue {
  background: #4e95be; /*url(/images/gradient_4892cc_3376a5_100.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #4892cc 0%, #3376a5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4892cc), color-stop(100%,#3376a5));
  background: -webkit-linear-gradient(top,  #4892cc 0%,#3376a5 100%);
  background: -o-linear-gradient(top,  #4892cc 0%,#3376a5 100%);
  background: -ms-linear-gradient(top,  #4892cc 0%,#3376a5 100%);
  background: linear-gradient(top,  #4892cc 0%,#3376a5 100%);
  border-color: #337db0;*/
}
.gnCta-2.blue:hover,
div.productPage ul#productNav li .gnCta-2.blue:hover {
  background: #3f7a9c;
}
.gnCta-2.green {
  background: #51b36d; /*url(/images/gradient_8dc40d_70ad00_100.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #8dc40d 0%, #70ad00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc40d), color-stop(100%,#70ad00));
  background: -webkit-linear-gradient(top,  #8dc40d 0%,#70ad00 100%);
  background: -o-linear-gradient(top,  #8dc40d 0%,#70ad00 100%);
  background: -ms-linear-gradient(top,  #8dc40d 0%,#70ad00 100%);
  background: linear-gradient(top,  #8dc40d 0%,#70ad00 100%);
  border-color: #659808;*/
}
.gnCta-2.green:hover {
  background: #429258;
}
.gnCta-2.red {
  background: #c73a33; /*url(/images/gradient_c73a33_a43131_100.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #c73a33 0%, #a43131 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c73a33), color-stop(100%,#a43131));
  background: -webkit-linear-gradient(top,  #c73a33 0%,#a43131 100%);
  background: -o-linear-gradient(top,  #c73a33 0%,#a43131 100%);
  background: -ms-linear-gradient(top,  #c73a33 0%,#a43131 100%);
  background: linear-gradient(top,  #c73a33 0%,#a43131 100%);
  border-color: #a33131;*/
}
.gnCta-2.red:hover {
  background: #a33131;
}
.gnCta-2.med {
  font-size: 16px;
  line-height: 42px;
  height: 42px;
}
.gnCta-2.full {
  display: block;
}
.gnCta-2.auto {
  line-height: 1.5;
  height: auto;
}
.gnCta-2.small, div.productPage ul#productNav li .gnCta-2.small {
  font-size: 14px;
  line-height: 22px;
  height: 25px;
}
.gnCta-2 span, .gnCta-2 input, input.gnCta-2 {
/*  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #aed259;
  border-left: 1px solid #aed259;*/
  display: block;
/*  text-shadow: 0 1px 0 rgba(0,0,0,0.5);*/
  padding: 0 20px;
}
.gnCta-2 input {
  background: none;
  margin: 0;
  float: none;
  width: auto;
  *border: none !important;
  *padding-left: 0 !important;
  *padding-right: 0 !important;
}
/*.gnCta-2.blue span, .gnCta-2.blue input {
  border-color: #81b4dc;
}
.gnCta-2.green span, .gnCta-2.green input {
  border-color: #a5d011;
}
.gnCta-2.red span, .gnCta-2.red input {
  border-color: #d3463e;
}
.gnCta-2.med span, .gnCta-2.med input {
  padding: 0 13px 0 13px;
}*/
.gnCta-2.med input, input.gnCta-2.med {
  font-size: 16px;
  height: 38px;
}
.gnCta-2.small span, .gnCta-2.small input, input.gnCta-2.small {
  padding: 0 10px 0 9px;
}
.gnCta-2.small input, input.gnCta-2.small {
  height: 25px;
  font-size: 14px;
}
.gnCta-2.auto span, .gnCta-2.auto input, input.gnCta-2.auto {
  padding: 0.65em 1.35em !important;
  width: auto;
  line-height: 1.4;
}
.gnCta-2.full span, .gnCta-2.full input, input.gnCta-2.full {
  padding: 10px;
}
.gnCta-2.auto small {
  font-size: 0.8em;
  font-weight: 600;
  display: block;
}
.gnCta-2 span.gloss, .gnCta-2 input.gloss {
  background: url(/images/btnGlossBg.png) repeat-x 0 -11px;
  _background-image: none;
}
.gnCta-2.med span.gloss, .gnCta-2.med input.gloss {
  background-position: 0 -15px;
}
.gnCta-2.small span.gloss, .gnCta-2.small input.gloss {
  background-position: 0 -23px;
}
.gnCta-2 span img {
  vertical-align: top;
  margin: 14px 10px 0 0;
  *margin-top: 0;
  _display: none;
}
.gnCta-2.med span img {
  margin: 11px 6px 0 0;
  *margin-top: 0;
}
.gnCta-2 span img.right {
  margin-right: 0;
}
.gnCta-2.auto img.right {
  margin-top: 5px;
  *margin-top: 0;
}
.gnCta-2 span span {
  border: none;
  padding: 0;
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
}
.gnCta-2.blue span.arrow {
  background: url(/images/cta_arrow_blue.png) no-repeat 0 0;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  padding: 0 !important;
  margin-left: 5px;
  position: relative;
  top: 1px;
  *left: 5px;
}
.gnCta-2.blue:hover span.arrow {
  background-position: 0 bottom;
}
.gnCta-2:hover, .gnCta-2.blue:hover, div.productPage ul#productNav li .gnCta-2:hover {
  background-position: 0 bottom;
  color: #fff;
  text-decoration: none;
}
.gnCta-2.disabled, .gnCta-2.disabled:hover {
  background: #d4d4d4 url(/images/gradient_8dc40d_70ad00_100.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #d4d4d4 0%, #bdbdbd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bdbdbd));
  background: -webkit-linear-gradient(top,  #d4d4d4 0%,#bdbdbd 100%);
  background: -o-linear-gradient(top,  #d4d4d4 0%,#bdbdbd 100%);
  background: -ms-linear-gradient(top,  #d4d4d4 0%,#bdbdbd 100%);
  background: linear-gradient(top,  #d4d4d4 0%,#bdbdbd 100%);
  border-color: #b2b2b2;
  background-size: 1px 100%;
  background-position: 0 0;
  cursor: default;
}
.gnCta-2.disabled span, .gnCta-2.disabled input {
  border-top: 1px solid #dedede;
  border-left: 1px solid #d8d8d8;
  color: #7f7f7f !important;
  text-shadow: none !important;
  cursor: default;
}

a.gnCta-3 {
  background: #2c83a6 url(/images/gradient_1c97b6_2c83a6_5x31.png) repeat-x 0 0;
  height: 26px;
  line-height: 28px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border: 2px solid #037fb2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: background-position 0.3s ease-in;
  -moz-transition: background-position 0.3s ease-in;
  -o-transition: background-position 0.3s ease-in;
  transition: background-position 0.3s ease-in;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  padding: 0 17px;
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  color: #fff !important;
}
a.gnCta-3:hover {
  background-position: 0 bottom;
  color: #fff;
}
a.gnCta-4 {
  border: 1px solid #5a9102;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
  padding: 5px 14px 7px;
  line-height: 1.2;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  background: #588e00 url(/images/gradient_72ad06_588e00_80.png) repeat-x 0 0;
  background: -moz-linear-gradient(top,  #72ad06 0%, #588e00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72ad06), color-stop(100%,#588e00));
  background: -webkit-linear-gradient(top,  #72ad06 0%,#588e00 100%);
  background: -o-linear-gradient(top,  #72ad06 0%,#588e00 100%);
  background: -ms-linear-gradient(top,  #72ad06 0%,#588e00 100%);
  background: linear-gradient(top,  #72ad06 0%,#588e00 100%);
  background-size: 1px 80px;
  background-position: 0 0;
  -webkit-transition: background-position 0.3s ease-in;
  -moz-transition: background-position 0.3s ease-in;
  -o-transition: background-position 0.3s ease-in;
  transition: background-position 0.3s ease-in;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}
a.gnCta-4 small {
  display: block;
  font-size: 12px;
}
a.gnCta-4:hover {
  background-position: 0 bottom;
}
.gnCta-5 {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #9acd49 url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOWFjZDQ5IiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3ZmFmMzIiIC8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnPgogIDxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBzdHJva2Utd2lkdGg9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiAvPgogPC9nPgo8L3N2Zz4KICAgIA==) top repeat-x;
  background-size: auto 150%;
  border: 1px solid #a1bb5b;
  -webkit-transition: background-position 0.2s ease-in;
  -moz-transition: background-position 0.2s ease-in;
  -o-transition: background-position 0.2s ease-in;
  transition: background-position 0.2s ease-in;
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
  padding: 0.8em 1.2em;
  line-height: 1.2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
  box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}
.gnCta-5.blue {
  background-color: #4690c8;
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDY5MGM4IiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzYTdmYjMiIC8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnPgogIDxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBzdHJva2Utd2lkdGg9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiAvPgogPC9nPgo8L3N2Zz4KICAgIA==);
  border-color: #357aac;
}
.gnCta-5.small {
  padding: 0.6em 1.1em;
}
.gnCta-5 small {
  display: block;
  text-shadow: none;
  color: #4c6a1c;
  text-transform: uppercase;
  font-size: 0.7em;
  margin-bottom: 0.2em;
  margin-top: 0.5em;
}
.gnCta-5:hover {
  background-position: 0 bottom;
  background-color: #7faf32;
}
.gnCta-5.blue:hover {
  background-color: #3a7fb3;
}
.gnCta-5 span.diamond {
  background: url(/images/icon_circle_diamond_42x43.png) no-repeat 0 5px;
  min-height: 48px;
  display:block;
  padding: 0 0 0 52px;
  margin: 0;
}
.gnCta-6 {
  position: relative;
  display: inline-block;
  zoom:1;
  *display: inline;
  vertical-align: center;
  font-size: 0.875em;
  font-weight: bold !important;
  padding: 0.6em 1.4em;
  text-align: center;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #e3e7eb;
  color: #333 !important;
  border: 2px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.gnCta-6:hover {
  background: #fff;
}
.gnCta-6.red,
.gnCta-6.blue,
.gnCta-6.green,
.gnCta-6.dark-blue {
  color: #fff !important;
  text-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.gnCta-6.red {
  background: #c83833;
}
.gnCta-6.red:hover {
  background: #a33131;
}
.gnCta-6.blue {
  background: #4DACE1;
}
.gnCta-6.blue:hover {
  background: #319fdc;
}
.gnCta-6.green {
  background: #9acd49;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.gnCta-6.green:hover {
  background: #7faf32;
}
.gnCta-6.dark-blue {
  background: #262e5b;
}
.gnCta-6.dark-blue:hover {
  background: #1c2244;
}
.gnCta-6.no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.gnCta-6.bordered {
  background-color: transparent;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.light-theme .gnCta-6.bordered {
  border-color: #1d3b79;
  color: #1d3b79 !important;
}
.gnCta-6.bordered:hover,
.gnCta-6.bordered.active {
  color: #333 !important;
  background-color: #fff;
}
.light-theme .gnCta-6.bordered:hover,
.light-theme .gnCta-6.bordered.active {
  color: #fff !important;
  background-color: #1d3b79;
}
.gnCta-6.bordered.red {
  border-color: #CE3835;
  color: #CE3835 !important;
}
.gnCta-6.bordered.red:hover,
.gnCta-6.bordered.red.active {
  color: #fff !important;
  background-color: #CE3835;
}

.gnCta-7 {
  color: #fff;
  display: inline-block;
  font-size: 1.8rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 12px 26px;
  z-index: 2;
  background: #c83a33;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.gnCta-7:hover {
  background-color: #b82f2c;
}
.gnCta-7.type-alt {
  background-color: transparent;
  border: 2px solid #fff;
  padding: 10px 24px;
}
.gnCta-7.type-alt:hover {
  background-color: #CE3835;
  border-color: transparent;
}
.gnCta-7.with-shadow {
  webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.gnCta-8 {
  color: #452259 !important;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  font-size: 2.4rem;
  padding: 20px 40px;
  display: inline-block;
}
.gnCta-8:hover {
  background-color: #fff;
}
.gnCta-8.orange {
  background-color: #E05430;
  color: #fff !important;
}
.gnCta-8.orange:hover {
  background-color: #d0431f;
}
.gnCta-8.color-orange {
  background-color: #FF6A1B;
  color: #fff !important;
}
.gnCta-8.color-orange:hover {
  background-color: #f95600;
}
.gnCta-8.color-red {
  background-color: #C83833;
  color: #fff !important;
}
.gnCta-8.color-red:hover {
  background-color: #ae302c;
}
.gnCta-8.color-teal {
  background-color: #5DD8B2;
  color: #fff !important;
}
.gnCta-8.color-teal:hover {
  background-color: #46d2a7;
}

.c-button {
  display: inline-block;
  padding: 20px 40px;
  font-size: 2.4rem;
}
.c-button--pill {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.c-button--primary {
  color: #fff;
  background-color: #c83833;
}

.dl-google-play,
.dl-app-store {
  background: url(/images/vyprvpn/vypr-mobile-sprite.png) no-repeat -9999px -9999px;
  display: block;
  text-indent: -9999px;
}
.dl-google-play {
  width: 119px;
  height: 40px;
  background-position: -23px -101px;
}
.dl-app-store {
  width: 135px;
  height: 40px;
  background-position: -18px -4px;
}

/** BASIC: Lists **/

ul.inline-list {
  font-size: 0;
  white-space: nowrap;
}

ul.inline-list li {
  white-space: normal;
}

/** BASIC: Buttons **/

.buttonBig {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 7px 25px;
  display: inline-block;
  line-height: normal;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
        box-shadow: 0 2px 1px rgba(0,0,0,.1);
     -o-box-shadow: 0 2px 1px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 1px rgba(0,0,0,.1);
   -moz-box-shadow: 0 2px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.1);
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.buttonSmall {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
  min-width: 52px;
  text-align: center;
  padding: 6px 15px;
  line-height: normal;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
        box-shadow: 0 2px 1px rgba(0,0,0,.1);
     -o-box-shadow: 0 2px 1px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 1px rgba(0,0,0,.1);
   -moz-box-shadow: 0 2px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.1);
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.buttonBlue {
  color: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
  background: #2e8bb0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.38, rgb(46,139,176)),
    color-stop(0.69, rgb(20,144,185))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(46,139,176) 38%,
    rgb(20,144,185) 69%
  );
}
.buttonBlue:hover {
  background: #287a9a;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.buttonGreen {
  color: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
  background: #30ab2c;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.38, rgb(48,171,44)),
    color-stop(0.69, rgb(109,186,70))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(48,171,44) 38%,
    rgb(109,186,70) 69%
  );
}
.buttonGreen:hover {
  background: #2a9626;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.buttonRed {
  color: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
  background: #30ab2c;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(161,16,16)),
    color-stop(0.61, rgb(232,49,28))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(161,16,16) 21%,
    rgb(232,49,28) 61%
  );
}
.buttonRed:hover {
  background: #a11010;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.buttonSmall:hover,
.buttonBig:hover {
  text-decoration: none !important;
}

.btnShiny {
  display: inline-block;
  zoom:1;
  *display: inline;
  background: #b03531 url(/images/btnGlossBg.png) repeat-x 0 0;
  padding: 17px 20px 13px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 0 1px 0 #333;
  text-align: center;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 2px 2px #444;
  -webkit-box-shadow: 0 2px 2px #444;
  box-shadow: 0 2px 2px #444;
        transition: background-color 0.3s ease-in;
     -o-transition: background-color 0.3s ease-in;
    -ms-transition: background-color 0.3s ease-in;
   -moz-transition: background-color 0.3s ease-in;
-webkit-transition: background-color 0.3s ease-in;
}
.btnShiny.small {
  font-size: 18px;
  padding: 10px 15px 8px;
  background-position: 0 -14px;
}
.btnShiny:hover {
  background-color: #9e302c;
}

/** BASIC: Callout Box **/

div.callout {
  margin: 0 0 20px;
  padding: 20px 30px;
  background: #f0f3f6;
  font-size: 16px;
}
div.callout,
div.callout p,
div.callout li {
  color: #333;
}

/*********************************
    HEADER
*********************************/

/** HEADER: Basics **/

#gnHeader {
  position: relative;
  z-index: 105;
}
#gnHeader .container {
  overflow: visible;
  padding: 37px 20px 29px;
}
#gnHeader.reduced .container {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 97px;
  font-size: 0;
}
#gnHeader #gnLogo {
  position: absolute;
  left: 20px;;
  top: 50%;
  margin-top: -22px;
}
#gnHeader.reduced #gnLogo {
  top: auto;
  bottom: -10px;
  margin: 0;
}
#gnHeader #gnLogo img {
  display: block;
  max-width: 100%;
}

/** Basics - Reduced **/

#gnHeader.reduced {
}

/** HEADER: Navigation (Major) **/

#gnHeader .gnNavToggle {
  position: absolute;
  top: 0;
  right: 0;
  padding: 17px 16px;
}

ul.gnNav {
  float: right;
  margin: 0 0 0 200px;
  padding: 0;
  list-style: none;
}
ul.gnNav li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul.gnNav > li {
  padding: 10px 0;
}
ul.gnNav li a,
ul.gnNav li a:visited,
ul.gnNav li:hover a.active,
ul.gnNav li.hover a.active {
  text-decoration: none !important;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.light-theme ul.gnNav li a,
.light-theme ul.gnNav li a:visited,
.light-theme ul.gnNav li:hover a.active,
.light-theme ul.gnNav li.hover a.active {
  color: #203b78;
}
ul.gnNav li a {
  display: block;
  padding: 7px 1em;
  margin: 0;
}
ul.gnNav li a .gnCta-6 {
  padding-left: 1.25em;
  padding-right: 1.25em;
}
ul.gnNav li .gnCta-6 {
  margin-left: 10px;
  margin-right: 10px;
}
ul.gnNav li.last .gnCta-6 {
  margin-right: 0;
}
ul.gnNav ul {
  display: none;
  position: absolute;
  left: 50%;
  font-size: 14px;
  line-height: 0;
  list-style: none;
  margin: 10px 0 0 -100px;
  padding: 0;
  background-color: #f0f3f6;
  min-width: 200px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  z-index: 1;
}
ul.gnNav .nav-item-signin ul {
  margin-left: -122px;
  min-width: 250px;
}
ul.gnNav li.last ul {
  left: auto;
  right: 0;
}
ul.gnNav ul:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  right: auto;
  font-size: 14px;
  width: 24px;
  height: 10px;
  background-image: url(/images/sprites/common.png);
  background-repeat: no-repeat;
  background-position: -90px -70px;
}
ul.gnNav li.last ul:before {
  left: auto;
  right: 40px;
}
ul.gnNav ul li {
  float: none;
  display: block;
  height: auto;
  line-height: normal;
}
ul.gnNav ul li a,
ul.gnNav ul li a:visited {
  float: none;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 0.5em 1.7em !important;
  border: none; /* vital border-top and border-bottom are used on parent A's */
  text-align: left;
  line-height: normal;
  white-space: nowrap;
}
ul.gnNav ul li:first-child a {
  padding-top: 1em !important;
}
ul.gnNav ul li:last-child a {
  padding-bottom: 1em !important;
}
ul.gnNav ul li a:hover {
  background-color: #dfe3e8 !important;
}
ul.gnNav li:hover ul,
ul.gnNav li:focus ul {
  display: block;
}
ul.gnNav li#gnLogin:hover ul,
ul.gnNav li#gnLogin:focus ul {
  display: none;
}
.light-theme svg rect {
  fill: #213977;
}
/** HEADER: Login & Navigation (Minor) **/

/** Login & Nav (General) **/

#gnNav-cta {
  position: absolute;
  bottom: 10px;
  right: 0px;
}

#gnNav-cta li {
  margin-left: 1em;
}
#gnNav-cta li a {
  font-size: 12px;
  text-transform: uppercase;
  border: 0;
  padding-bottom: 13px;  /* original (1em) - 2px */
  margin-bottom: 9px; /* original border width + 2px */
}
#gnNav-cta #cpHome a,
#gnNav-cta #gnLogin a {
  color: #333;
  background-color: #f0f3f6;
}

/* Modern-browser-only code */
#gnNav-cta #cpHome > a {
  padding-right: 1em;
}
#gnNav-cta #cpHome > a:after {
  color: #999;
  width: 0.75em;
  content: '\25BC';
  display: inline-block;
  margin-left: 0.5em;
}

#gnNav-cta #freeTrial a {
  color: #fff;
  background-color: #c83833;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
#gnNav-cta #freeTrial a:hover {
  background-color: #a33131;
}
#gnNav-cta ul li  {
  margin-left: 0;
}
#gnNav-cta ul li a {
  color: #666 !important;
  text-transform: none;
  font-size: 14px;
  margin: 0;
}

#gnNav-cta ul {
  top: 41px; /* original - 1em - 2px */
  left: auto;
  right: 0;
  width: auto;
  z-index: 1;
}
#gnNav-cta li ul:before {
  display: none;
}

/* Login & Nav (Form) */

ul.gnNav form {
  padding: 1em 1.7em 1.7em 1.7em !important;
}

ul.gnNav form fieldset {
  float: none;
  margin: 0;
  padding: 0;
}

ul.gnNav form label {
  font-weight: bold;
  color: #333;
  line-height: 1.5em;
  display: block;
  margin: 0 0 0.25em;
  width: auto;
  font-size: 14px;
  text-align: left;
  float: none;
}

ul.gnNav form input,
ul.gnNav form button,
ul.gnNav form a.button {
  line-height: 17px;
}
ul.gnNav form input,
ul.gnNav form a.button {
  height: 17px;
}
ul.gnNav form input {
  color: #666;
  line-height: 17px;
}
ul.gnNav form a.button {
  height: auto;
}

ul.gnNav form input {
  font-size: 14px;
  width: 100%;
  margin: 0;
  padding: 2px 6px;
  border: 1px solid #dfdfdf !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: auto;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.gnNav form button,
ul.gnNav form a.button {
  float: none;
  display: inline-block;
  font-weight: bold;
  border: none;
  margin: 0.5em 0 0 !important;
  width: auto;
}
ul.gnNav form button {
  top: 1px;
  color: #fff;
  padding: 4px 8px;
  position: relative;
  margin-right: 0.25em !important;
  text-transform: uppercase;
  background-color: #4e95be;
}
ul.gnNav form button:hover {
  background-color: #3f7a9c;
}
ul.gnNav form a.button {
  font-weight: normal !important;
  color: #4e95be !important;
  padding: 4px 0 0 !important;
  text-transform: none !important;
}
ul.gnNav form a.button:hover {
  color: #3f7a9c !important;
}
ul.gnNav form a,
ul.gnNav form a:visited {
  font-size: 11px;
  text-decoration: none;
  color: #2277BB;
  white-space: nowrap;
}
ul.gnNav form a:hover {
  text-decoration: underline;
}

/** HEADER: Social **/

#gnHeader ul.socialIcons {
  position: absolute;
  right: 235px;
  top: 0px;
}

/** HEADER: Retention **/

#gnRetention {
  position: absolute;
  padding: 2px 0 1px;
  left: 370px;
  top: 0px;
}

/* missing font, improvising */
#gnRetention var,
#gnRetention span {
  display: inline-block;
  line-height: 18px;
}
#gnRetention var {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 0.75em;
  text-align: center;
  margin-right: 0.25em;
  background-color: #8c949c;
}
#gnRetention span {
  font-size: 14px;
  color: #8c949c;
  text-transform: uppercase;
}
#gnHeader #gnRetention {
  font-size: 0;
}
#gnHeader #gnRetention span {
  margin-left: 3px;
}


/** HEADER: Search **/

#gnSearch {
  position: absolute;
  right: 0px;
  top: 0px;
}
#gnSearch input,
#gnSearch button {
  background-color: transparent;
  border: none;
  outline: none;
}
#gnSearch input {
  font-size: 14px;
  width: 170px;
  height: 17px;
  line-height: 17px;
  color: #333;
  padding: 4px 22px 4px 8px; /* plus height = 24px, plus width = 200 */
  background-color: #8c949c;
}
#gnSearch input:focus {
  background-color: #fff;
}
#gnSearch button {
  background: url(/images/sprites/common.png) no-repeat 0px -65px;
  height: 14px;
  width: 14px;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 6px;
  text-indent: -999em;
  font-size: 0;
  display: block;
  overflow: hidden;
}

/*********************************
    FOOTER
*********************************/

/** FOOTER: Basics **/

#gnFooter {
  clear: both;
  overflow: hidden;
  padding: 55px 0 50px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7e7e7;
}
#gnFooter.reduced {
  padding: 30px 0;
}
#gnFooter.reduced .gnCopyright {
  margin-top: 0;
}

#gnFooter * {
  color: #7c7c7c;
  font-size: 16px;
}

/** FOOTER: Nav **/

#gnFooter .footer-nav h3 {
  font-size: 18px;
  color: #333;
}
#gnFooter .footer-nav ul {
  list-style: none;
  margin: 0 0 2em;
  padding: 0;
}
#gnFooter .footer-nav h3,
#gnFooter .footer-nav ul {
  margin-right: 10px;
}
#gnFooter .footer-nav ul li {
  margin: 5px 0;
}
#gnFooter .footer-nav a:hover {
  text-decoration: underline;
}

/** FOOTER: Copyright **/

#gnFooter .gnCopyright {
  margin: 2em 0 0;
  padding: 0;
  font-size: 12px;
  text-align: center;
}

/** FOOTER: Bottom CTA **/

#bottomCta {
  width: 100%;
  color: #fff;
  padding: 48px 0;
  margin-top: -1px;
  text-align: center;
  zoom: 1;
  font-family: 'Source Sans Pro', 'source-sans-pro', sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-transform: none;
}
#bottomCta * {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 1em;
  text-transform: inherit;
}
#bottomCta a,
#bottomCta span {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin: 10px 15px;
}
#bottomCta span,
#bottomCta strong {
  font-weight: 800;
}
#bottomCta span {
  line-height: 50px;
  zoom: 1;
}
#bottomCta a {
  font-size: 18px;
}

/** Footer: Social Icons **/

#gnFooter .footer-social {
  text-align: right;
}

/*********************************
    INCLUDE BLOCKS
*********************************/
/* You should expect these styles to work in a variety of included scenarios
 * including main home page and sidebar situations (varying widths, etc.) */

/** INCLUDE: Testimonial **/

#gnTestimonial {
  position: relative;
  margin: 0 0;
  background: #edf6fd;
  border: 2px solid #bbd0e1;
  padding: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  top: 0;
  left: 0;
  zoom: 1;
}
#gnTestimonialLink {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: right;
  outline: none;
  margin-bottom: 20px;
}
#gnTestimonial blockquote.testimonial {
  margin: 0;
  padding: 0;
  font-family: Georgia,serif;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  line-height: 1.4em;
  color: #666;
}
#gnTestimonial h3 {
  font-family: myriad-pro, 'Myriad-Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  margin: 0;
  padding: 0 0 10px;
}
#gnTestimonial blockquote.testimonial cite {
  display: block;
  padding: 10px 0 0;
  text-align: right;
  clear: both;
  font-family: myriad-pro, 'Myriad Pro', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
}
#gnTestimonial span#triangle {
  background: url(/images/layout-20101201/testimonialTriangle.png) 0 0 no-repeat transparent;
  position: absolute;
  width: 39px;
  height: 29px;
  bottom: -29px;
  left: 40px;
}

/** INCLUDE: New to Usenet **/

#gnNewToUsenet {
  padding: 0 0 30px;
}
#gnNewToUsenet p {
  padding: 0 0 0 80px;
  background: url(/images/layout-20101201/icons/university60.png) 0 0 no-repeat transparent;
  min-height: 51px;
}
#gnNewToUsenet a {
  white-space: nowrap;
}

/** INCLUDE: Blog Posts **/

#gnBlogPosts h2 img {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
}
#gnBlogPosts ul {
  padding: 0;
  margin: 0;
}
#gnBlogPosts ul li {
  list-style-type: none;
  font-size: 13px;
  padding: 0 0 15px;
  min-height: 25px;
  _height: 25px;
}
#gnBlogPosts ul li a {
  font-weight: normal;
}
#gnBlogPosts ul li div {
  display: inline;
  float: left;
  width: 25px;
  padding: 2px;
  text-align: center;
  position: relative;
  margin: 0 10px 5px 0;
  font-size: 10px;
  font-weight: bold;
  color: #5c3e0a;
  text-shadow: 0 1px #fff;
  background: #f3ca33;
  border: 1px solid #e9ad39;
  -moz-box-shadow: 0 1px 1px #cdcdcd;
  -webkit-box-shadow: 0 1px 1px #cdcdcd;
  box-shadow: 0 1px 1px #cdcdcd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#gnBlogPosts .viewAllPosts {
  clear: left;
  font-size: 14px;
}

/** INCLUDE: Follow Giganews **/

#gnFollow {
  padding-bottom: 30px;
  white-space: nowrap;
}
#gnFollow h2 {
  border-bottom: none;
  display: inline;
  line-height: 1.0em;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
#gnFollow ul, #gnFollow ul li {
  display: inline-block;
  *display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  zoom: 1;
}
#gnFollow a.social-link {
  background: url("/images/gn-social-icons.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  *display: inline;
  height: 0;
  margin-left: 10px;
  overflow: hidden;
  padding-top: 27px;
  vertical-align: middle;
  width: 27px;
  zoom: 1;
  line-height: 1;
}
#gnFollow a#facebook-link {
  background-position: 0 -43px;
}
#gnFollow a#gplus-link {
  background: none;
  height: auto;
  width: auto;
  padding: 0;
  *margin-top: 2px;
  position: relative;
  top: 1px;
}
#gnFollow a#gplus-link img {
  width: 27px;
  height: 27px;
  border: none;
}
/*********************************
    COUNTDOWN TIMER
 *********************************/
.gn-countdown-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 30px;
  margin: -60px auto 60px;
  padding: 30px 30px 15px;
  text-align: center;
  background-image: linear-gradient(292deg, #eee1c2, #fff9ed, #f7eed8, #eee1c2);
}

.gn-countdown-container h2 {
  font-size: 32px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.5px;
  color: #3e3e3e;
  text-transform: capitalize;
}

.gn-countdown-container h2 span {
  text-transform: uppercase;
  color: #c63a38;
  font-weight: bold;
  margin-right: 45px;
}

.gn-countdown-container .timer {
  width: 262px;
  display: flex;
  justify-content: space-evenly;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  margin-top: -20px;
}

.gn-countdown-container .timer .colon {
  color: #929292;
  font-weight: normal;
  font-size: 36px;
  text-shadow: none;
  opacity: 0.4;
}

.gn-countdown-container .timer div div {
  font-size: 36px;
  color: #3e3e3e;
  font-weight: 900;
  letter-spacing: 2px;
  display: flex;
  flex-flow: column;
  height: 45px;
}

.gn-countdown-container .timer div span {
  font-size: 14px;
  font-weight: 600;
  color: #929292;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 2.33px;
}

@media (max-width: 768px) {
  .gn-countdown-container h2 span {
    margin-right: 0;
  }
}

@media (max-width: 640px) {
  .gn-countdown-container h2 {
    font-size: 24px!important;
  }
}
/*********************************
    PLAN SELECTORS
*********************************/

/** PLANS: Table **/

#gnPlanSelector table {
  border-collapse: collapse;
  border-spacing: 15px 0;
  width: 100%;
  position: relative;
  padding: 0;
  empty-cells: show;
}

#gnPlanSelector table td,
#gnPlanSelector table th {
  color: #333;
  margin: 0;
}

#gnPlanSelector thead tr.titleCap td,
#gnPlanSelector tbody td,
#gnPlanSelector tbody th,
#gnPlanSelector tfoot td {
  border-right: 1px solid #fff;
}
#gnPlanSelector tbody th {
  border-bottom: 1px solid #fff;
}
fieldset #gnPlanSelector span {
  margin-left: 0;
}

/** PLANS: Table (Utilities) **/

#gnPlanSelector table td.gap {
  /*width: 3%;*/
  border: none !important;
  background: none !important;
  padding: 0;
}
#gnPlanSelector table td.blank {
  background: none !important;
}
#gnPlanSelector table td var {
  font-weight: bold;
}

/** PLANS: Table (Head) **/

#gnPlanSelector thead th {
  position: relative;
  border-width: 2px 2px 0px 2px;
  border-style: dashed;
  border-color: #ccc;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  /*height: 18px;*/
  top: 0;
  left: 0;
  text-align: center;
  font-weight: normal;
  text-transform: none;
  /*line-height: 1;*/
  background: none;
}
#gnPlanSelector thead th p {
  position: relative;
  display: inline;
  font-size: 18px;
  color: #666;
  background: #fff;
  margin: 0 auto;
  padding: 0 10px;
  top: -10px;
  line-height: 18px;
}
#gnPlanSelector thead td {
  height: 5px;
}
#gnPlanSelector th,
#gnPlanSelector td {
  border: none;
}

/** PLANS: Table (Body) **/

#gnPlanSelector tbody th {
  width: 18.25%;
  text-align: center;
  font-weight: normal;
  padding: 0px 0px 12px;
  font-size: 14px;
  vertical-align: top;
  box-shadow: none;
}
#gnPlanSelector tbody tr.odd th,
#gnPlanSelector tbody tr.odd td {
  background-color: #f0f0f0;
}
#gnPlanSelector tbody tr.even td,
#gnPlanSelector tbody tr.even td {
  background-color: #f8f8f8;
}
#gnPlanSelector tbody tr.odd td.diamond {
  background-color: #D9EAF4;
}
#gnPlanSelector tbody tr.even td.diamond {
  background-color: #e7f7ff;
}
#gnPlanSelector tbody th input,
#gnPlanSelector tbody th label {
  width: auto;
  float: none;
}

#gnPlanSelector tbody th div {
  margin-bottom: 16px;
  height: 35px;
  background-color: #fff;
  float: none;
}
#gnPlanSelector tbody th.reactivate_special div,
#gnPlanSelector tbody th.diamond div {
  display: none;
}
#gnPlanSelector tbody th h2 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  color: #8F8F8F;
  color: rgba(102,102,102,0.7);
  letter-spacing: 0.2em;
  padding-bottom: 25px;
  text-align: center;
}
#gnPlanSelector tbody th p {
  font-size: 20px;
  font-weight: 300;
  color: #333;
  margin: 0;
  padding: 0 0 12px;
  line-height: normal;
}
#gnPlanSelector tbody th p small {
  font-size: 0.8em;
  text-transform: uppercase;
}
#gnPlanSelector tbody th p strike {
  color: #999;
}

#gnPlanSelector tbody th a,
#gnPlanSelector tbody th a:visited {
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: #4e95be;
  padding: 12px 13px;
  width: 110px;
  zoom: 1;
}
#gnPlanSelector tbody th a:hover {
  background-color: #3f7a9c;
}
#gnPlanSelector tbody th.diamond a,
#gnPlanSelector tbody th.diamond a:visited {
  text-transform: uppercase;
  background-color: #c83a33;
}
#gnPlanSelector tbody th.diamond a:hover {
  background-color: #a33131;
}

/** PLANS: Table (Unique Items) **/

#gnPlanSelector thead tr.titleCap td {
  font-weight: bold;
  font-size: 14px;
  padding: 2px 0px;
  text-align: center;
}

#gnPlanSelector thead tr.titleCap td.diamond {
  color: #fff;
  background-color: #3f7a9c !important;
}

#gnPlanSelector tbody th .planPrice,
#gnPlanSelector tbody th .regularPrice,
#gnPlanSelector tbody th .specialPrice {
  line-height: 1;
}

/** PLANS: Table (Specific THs) **/

/* Specific THs - Platinum */

#gnPlanSelector tbody th.platinum {
  width: 19%;
}

/* Specific THs - Diamond */

#gnPlanSelector tbody th.diamond,
#gnPlanSelector tbody th.reactivate_special {
  width: 22%;
  background-color: #4e95be !important;
  border-top: none;
}
#gnPlanSelector tbody th.reactivate_special,
#gnPlanSelector thead td.reactivate_special {
  background-color: #999 !important;
}
#gnPlanSelector tbody th.reactivate_special h2,
#gnPlanSelector tbody th.diamond h2 {
  color: #BED7E7;
  color: rgba(255,255,255,0.7);
  padding: 7px;
}
#gnPlanSelector tbody th.reactivate_special p,
#gnPlanSelector tbody th.diamond p {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
}

#gnPlanSelector tbody th.reactivate_special small,
#gnPlanSelector tbody th.diamond small {
  text-transform: uppercase;
  color: #fff;
}
#gnPlanSelector tbody th.reactivate_special small.block,
#gnPlanSelector tbody th.diamond small.block {
  font-weight: normal;
}

#gnPlanSelector tbody th.reactivate_special .regularPrice,
#gnPlanSelector tbody th.reactivate_special .specialPrice,
#gnPlanSelector tbody th.diamond .regularPrice,
#gnPlanSelector tbody th.diamond .specialPrice {
  font-weight: normal;
}
#gnPlanSelector tbody th.diamond .specialPrice.planPrice {
  color: #fff;
  padding: 0;
}
#gnPlanSelector tbody th.diamond .planPrice {
  padding: 10px 0 20px;
  color: #fff;
}
#gnPlanSelector tbody th .regularPrice del {
  font-size: 0.8em;
  margin-bottom: 5px;
}
.js #gnPlanSelector tbody th .regularPrice del {
  margin-bottom: 0;
}
#gnPlanSelector tbody th .regularPrice small {
  font-size: 12px;
}
#gnPlanSelector tbody th .regularPrice small.block {
  margin-bottom: 0.5em;
}
#gnPlanSelector tbody th .regularPrice del {
  display: block;
  position: relative;
}
#gnPlanSelector tbody th.reactivate_special .specialPrice small.block,
#gnPlanSelector tbody th.diamond .specialPrice small.block {
  /*font-size: 14px;*/
  /*text-indent: 5px;*/
}
#gnPlanSelector tbody th.reactivate_special .specialPrice small.block,
#gnPlanSelector tbody th.diamond .specialPrice small.block {
  margin-top: 5px;
}
.js #gnPlanSelector tbody th.reactivate_special .specialPricesmall.block,
.js #gnPlanSelector tbody th.diamond .specialPricesmall.block {
  margin-top: 0;
}

/* Specific THs - General */
#gnPlanSelector tbody th span {
  margin-left: 0;
}
#gnPlanSelector tbody th .special-terms {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 1em;
}
#gnPlanSelector tbody th .special-terms img {
  position: relative;
  top: 1px;
  margin: 0 6px 0 0;
}
#gnPlanSelector tbody th.reactivate_special .special-terms,
#gnPlanSelector tbody th.diamond .special-terms {
  color: #fff;
}
#gnPlanSelector tbody th .special-terms strong {
  color: inherit;
}
#gnPlanSelector tbody th .special-terms small {
}
#gnPlanSelector tbody th .char-1,
#gnPlanSelector tbody th .char-2 {
  vertical-align: baseline;
  font-size: 60px;
}
#gnPlanSelector tbody th .regularPrice .char-1,
#gnPlanSelector tbody th .regularPrice .char-2 {
  font-size: 18px;
}
#gnPlanSelector tbody th.reactivate_special .char-1,
#gnPlanSelector tbody th.reactivate_special .char-2,
#gnPlanSelector tbody th.diamond .char-1,
#gnPlanSelector tbody th.diamond .char-2 {
  vertical-align: baseline;
  font-size: 70px;
}
#gnPlanSelector tbody th .special-terms var {
  font-weight: bold;
  font-size: 1.4545em;
}
#gnPlanSelector tbody th .special-terms .currency,
#gnPlanSelector tbody th .special-terms .char-1,
#gnPlanSelector tbody th .special-terms .char-2 {
  font-size: 1em;
}
#gnPlanSelector tbody th.reactivate_special .regularPrice .char-1,
#gnPlanSelector tbody th.reactivate_special .regularPrice .char-2,
#gnPlanSelector tbody th.diamond .regularPrice .char-1,
#gnPlanSelector tbody th.diamond .regularPrice .char-2 {
  font-size: 31px;
}

#gnPlanSelector tbody th .currency,
#gnPlanSelector tbody th .char-3,
#gnPlanSelector tbody th .char-4 {
  position: relative;
  vertical-align: top;
  font-size: 20px;
  top: 0.3em;
}
#gnPlanSelector tbody th .special-terms .currency {
  top: 0;
}
#gnPlanSelector tbody th .special-terms .char-3,
#gnPlanSelector tbody th .special-terms .char-4,
.js #gnPlanSelector tbody th .special-terms .term {
  font-size: 0.625em;
  top: 0;
  margin-left: 0 !important;
}
.js #gnPlanSelector tbody th .special-terms .term {
  font-size: 0.9091em;
  text-transform: uppercase;
}
#gnPlanSelector tbody th .char-3 {
  margin-left: 0.2em;
}
#gnPlanSelector tbody th .regularPrice .currency,
#gnPlanSelector tbody th .regularPrice .char-3,
#gnPlanSelector tbody th .regularPrice .char-4 {
  font-size: 14px;
}

#gnPlanSelector tbody th .separator {
  display: none;
}

#gnPlanSelector tbody th .term {
  position: relative;
  zoom: 1;
}
#gnPlanSelector tbody th.reactivate_special .term,
#gnPlanSelector tbody th.diamond .term {
  font-weight: 300;
}
.js #gnPlanSelector tbody th .term {
  text-transform: lowercase;
  margin-left: -1.7em;
  *margin-left: -1.25em;
  color: #666;
  color: rgba(51,51,51,0.7);
}
.js #gnPlanSelector tbody th.reactivate_special .term,
.js #gnPlanSelector tbody th.diamond .term {
  color: #FFF;
  margin-left: -1.25em;
}
.js #gnPlanSelector tbody th.reactivate_special .term {
  margin-left: -1.25em;
}
#gnPlanSelector tbody th .regularPrice .term {
  font-size: 9px;
}
.js #gnPlanSelector tbody th .regularPrice .term {
  margin-left: 4px;
}
.js #gnPlanSelector tbody th.diamond .regularPrice .term {
  margin-left: -1.5em;
  *margin-left: -0.5em;
}

#gnPlanSelector tbody th .regularPrice del .strike {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/diag_strike_93x16.png) no-repeat center 3px;
}
.js #gnPlanSelector tbody th .regularPrice del.strike {
  background-position: center 5px;
}

/** PLANS: Table (Specific TDs) **/

#gnPlanSelector tbody td,
#gnPlanSelector tfoot td {
  margin: 0;
  padding: 1em 0.5em 1em 1em;
  line-height: 1.2em;
  font-size: 13px;
  vertical-align: top;
}

/** PLANS: Table (Foot) **/

#gnPlanSelector tfoot {
  color: #333;
}
#gnPlanSelector tfoot td dfn {
  padding: 0;
  display: block;
  clear: left;
}
#gnPlanSelector .product-logo,
#gnPlanSelector tfoot td div.tooltip {
  position: relative;
  vertical-align: top;
}
#gnPlanSelector tfoot td.vyprvpn {
  background-color: #ecf4fb;
}
#gnPlanSelector tfoot td.mimo {
  background-color: #eff9f2;
}
#gnPlanSelector ul {
  margin: 0.25em 0 0 0;
  padding: 0 0 0 2em;
}
#gnPlanSelector ul li {
  color: #333;
  font-weight: bold;
}
#gnPlanSelector ul li sup {
  font-size: 18px;
  line-height: 0;
  vertical-align: middle;
}
#gnPlanSelector .product-logo {
  background: url(/images/gn_plans_logotype.png) no-repeat -9999em -9999em;
  margin-top: 0;
  text-indent: -9999em;
  font-size: 1em;
  margin-right: 0.5em;
  margin-bottom: 0.75em;
  *text-indent: 0;
  *color: transparent;
}
#gnPlanSelector .product-logo-vypr-basic,
#gnPlanSelector .product-logo-vypr-Basic {
  width: 130px;
  height: 20px;
  background-position: -137px 0;
  margin-bottom: 0.35em;
}
#gnPlanSelector .product-logo-vypr-pro,
#gnPlanSelector .product-logo-vypr-Pro {
  width: 112px;
  height: 17px;
  background-position: -293px -3px;
  margin-bottom: 0.35em;
  margin-top: 3px;
}
#gnPlanSelector .product-logo-mimo {
  width: 62px;
  height: 17px;
  background-position: -435px 0;
}
#gnPlanSelector .mimo .tooltip {
  margin-top: 0.25em;
}
#gnPlanSelector .vyprvpn .tooltip {
  margin-top: 0.15em;
  margin-right: -1em;
}
#gnPlanSelector td.logo {
  padding-top: 1em;
  padding-bottom: 1em;
}


/*Plan Selector 2015 Redesign*/
.gnPlanSelector-2015 {
  width: 1280px;
  margin: 30px auto;
  max-width: 100%;
  text-align: center;
}
.gnPlanSelector-2015 p,
.gnPlanSelector-2015 li,
.gnPlanSelector-2015 div {
  font-size: 18px;
  line-height: 1.3;
}
.section-reactivate .gnPlanSelector-2015 .gn-grid-col-6 {
  width: 33%;
}
.gnPlanSelector-2015 .gn-grid-col-6 {
  max-width: 360px;
  margin: auto;
}
.gnPlanSelector-2015 .gn-grid-col-6.plan-half-year,
.gnPlanSelector-2015 .gn-grid-col-6.plan-month {
  margin-top: 35px;
}
.layout-fr .gnPlanSelector-2015 .gn-grid-col-6.plan-half-year,
.layout-fr .gnPlanSelector-2015 .gn-grid-col-6.plan-month,
.layout-de .gnPlanSelector-2015 .gn-grid-col-6.plan-half-year,
.layout-de .gnPlanSelector-2015 .gn-grid-col-6.plan-month,
.layout-es .gnPlanSelector-2015 .gn-grid-col-6.plan-half-year,
.layout-es .gnPlanSelector-2015 .gn-grid-col-6.plan-month {
  margin-top: 53px;
}
/*
*
* RFE: Temporary fix for design change.
*      Better solution should be implemented by Giganews redesign.
*
*/
@media only screen and (max-width: 768px) {
  #gnPlanSelector-2015 .c-plan-pricing-table--unlinited-usenet-plans {
    display: flex;
    flex-direction: column;
  }
  .section .container .no-logs {
    display: block;
    max-width: 300px;
  }
  .section .container .no-logs .no-logo-content {
    margin: 1em 0.5em 0;
  }
}

.gnPlanSelector-2015 .plan-group-header {
  position: relative;
  font-size: 18px;
  color: #666;
  line-height: 1;
  text-align: center;
  border: 2px dashed #ccc;
  border-bottom: none;
  height: 40px;
  margin: 0 10px 40px;
}
.gnPlanSelector-2015 .plan-group-header span {
  position: relative;
  display: inline-block;
  background: #fff;
  top: -10px;
  padding: 0 10px;
}
.gnPlanSelector-2015 .gn-plan-wrap {
  position: relative;
  background: #f2f3f7;
  border: 2px solid #f2f3f7;
  border-radius: 8px;
  margin: 0 10px 1em;
  text-align: center;
}
.gnPlanSelector-2015 .gn-popular-plan.gn-plan-wrap-diamond {
 background: radial-gradient(circle at 2% 41%, #0a7de1, #2ee4f0 121%);
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond {
  background: #73828a;
  border: none;
  padding: 3px;
}
.gnPlanSelector-2015 .save {
  position: absolute;
  border-radius: 40px;
  background-color: #ce3835;
  color: #fff;
  font-size: 16px!important;
  padding: 9px;
  top: 9px;
  left: -15px;
}
.gnPlanSelector-2015 .plan-half-year .save, .gnPlanSelector-2015 .plan-month .save {
  background-color: #2e304e;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .duration {
  letter-spacing: 1.87px;
  text-transform: uppercase;
  color: #333;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .subscription {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.gnPlanSelector-2015 .plan-year .gn-plan-wrap-diamond {
  background: #11c1ff;
  padding: 6px;
}
.gnPlanSelector-2015 .plan-half-year .gn-plan-wrap-diamond {
  background: #2e304e;
}
.gnPlanSelector-2015 .gn-plan-wrap .cta {
  padding: 10px 10px 0;
}
.planButton {
  opacity: 0;
}
.section-reactivate .planButton + .gnCta-7 {
  background: #fff;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  max-width: 222px;
  border-radius: 24px;
  margin: 0 auto;
  color: #333;
  border: solid 2px #2e304e;
  cursor: pointer;
}
.section-reactivate .planButton + .gnCta-7:hover,
.section-reactivate .plan-year .planButton + .gnCta-7:hover {
  background: #d4dde3;
  color: #333;
  border: solid 2px #2e304e;
}
.section-reactivate .planButton:checked + .gnCta-7 {
  background: #CE3835;
  color: #fff;
  border: solid 2px #CE3835;
}
.gnPlanSelector-2015 .plan-half-year .gnCta-7,
.gnPlanSelector-2015 .plan-month .gnCta-7,
.gnPlanSelector-2015 input,
.gnPlanSelector-2015 button {
  background: #fff;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  max-width: 222px;
  border-radius: 24px;
  margin: 0 auto;
  color: #333;
  border: solid 2px #2e304e;
}
.gnPlanSelector-2015 .plan-year .gnCta-7 {
  border-radius: 24px;
  max-width: 222px;
  padding: 14px;
  display: block;
  margin: 0 auto;
}
.gnPlanSelector-2015 .plan-year .gnCta-7:hover {
  background-color: #a92f2c;
  color: #fff;
}
.gnPlanSelector-2015 .plan-year .gnCta-7:visited {
  color: #fff;
}
.gnPlanSelector-2015 .gnCta-7:hover {
  background: #d4dde3;
}
.gnPlanSelector-2015 input:hover,
.gnPlanSelector-2015 button:hover {
  background: #319fdc;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .gn-plan-header {
  background: #fff;
  border-radius: 8px;
}
.gnPlanSelector-2015 .plan-year .gn-plan-wrap-diamond .gn-plan-header {
  border-radius: 0 0 8px 8px;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond input,
.gnPlanSelector-2015 .gn-plan-wrap-diamond button {
  background: #CE3835;
}
.gnPlanSelector-2015 .gn-popular-plan.gn-plan-wrap-diamond .gnCta-7 {
  background: #c83a33;
  color: #fff;
  border: #c83a33;
}
.gnPlanSelector-2015 .gn-popular-plan.gn-plan-wrap-diamond .gnCta-7:hover {
 background: #ae3835;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond input:hover,
.gnPlanSelector-2015 .gn-plan-wrap-diamond button:hover {
  background: #b82f2c;
}
.gnSelector-2015 .gn-popular-plan.gn-plan-wrap-diamond .gnCta-7:hover {
  background: #b82f2c;
}

.gnPlanSelector-2015 .gn-plan-header,
.gnPlanSelector-2015 .gn-plan-header-flag {
  position: relative;
  font-family: 'brandon-grotesque';
}
.gnPlanSelector-2015 .gn-plan-header {
  padding: 35px 10px 40px;
}
.gnPlanSelector-2015 .gn-plan-header-flag {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 800;
  padding: 4px 8px;
  z-index: 1;
  letter-spacing: 0.92px;
  text-align: center;
  line-height: 16px;
  margin: -2px -2px 0 -2px;
}
.gnPlanSelector-2015 .gn-plan-header-flag + .gn-plan-header {
  border-radius: 0;
}
.plan-header-title {
  padding: 7px 0 9px 0;
  border-radius: 8px 8px 0 0;
}
.plan-header-title h3 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.06;
}
.plan-header-title h4 {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}
div.plan-header-title h3, div.plan-header-title h4 {
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  font-family: brandon-grotesque;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .gn-plan-header-flag {
  background-color: #2684b9;
  position: absolute;
  right: 24px;
  width: 112px;
  border-radius: 0 0 8px 8px;
  background-color: #c83a33;
}
.gnPlanSelector-2015 .gn-plan-header,
.gnPlanSelector-2015 .gn-plan-header p,
.gnPlanSelector-2015 .gn-plan-header div,
.gnPlanSelector-2015 .gn-plan-header h3 {
  font-size: 24px;
}
.gn-plan-header .periodPrice {
  font-size: 12px;
  font-weight: bold;
  color: #73828a;
  display: none;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .gn-plan-header .periodPrice del {
  color: #c83a33;
  font-weight: bold;
}
.gnPlanSelector-2015 .gn-plan-header .specialPrice .duration {
  font-size: 18px;
  font-weight: 600;
  color: #999;
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .gn-plan-header .specialPrice .duration {
  color: #aaa;
  color: rgba(255,255,255,0.6);
}
.gnPlanSelector-2015 .gn-plan-wrap-diamond .gn-plan-header del {
  color: #108ee3;
  font-size: 14px;
  text-transform: uppercase;
}
.gnPlanSelector-2015 .gn-plan-header h3 {
  text-transform: uppercase;
  margin: 0;
  font-weight: 900;
  color: #999;
}
.js .gnPlanSelector-2015 .gn-plan-header .planPrice {
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
  color: #333;
  position: relative;
  margin-top: 10px;
}
.gnPlanSelector-2015 .gn-plan-header .regularPrice {
  line-height: 1;
}
.gnPlanSelector-2015 .gn-plan-header .planPrice small {
  position: absolute;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 300;
}
.js .gnPlanSelector-2015 .gn-plan-header .planPrice .term {
  margin-left: 0;
}
.gnPlanSelector-2015 .gn-plan-header .planPrice sup {
  position: relative;
  top: -5px;
  margin: 0 2px;
  font-size: 24px;
  font-weight: 300;
}
.section-intro.aligncenter.size-large h1 {
  color: #333;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.2px;
}
.section-intro.aligncenter.size-large h2 {
  color: #c63a38;
  font-size: 2.8rem;
}
.section-intro .gn-plan-features-lists {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 1em auto 0;
}
.section-intro .gn-plan-features {
  column-count: 3;
}
@media screen and (max-width: 768px) {
  .section-intro .gn-plan-features-lists {
    flex-direction: column;
  }
  .section-intro .gn-plan-features{
    min-width: 260px;
    column-count: 2;
  }
}
@media (max-width: 640px) {
  .section-intro .gn-plan-features {
    column-count: 1;
  }
}
.gnPlanSelector-2015 .gn-plan-features {
  list-style: none;
  margin: 0;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  padding: 1.5em 0 2.25em;
}
.section-intro .gn-plan-features {
  list-style: none;
  padding: 0 0.5em 0 0;
  margin: 0;
}
.gnPlanSelector-2015 .gn-plan-features li div {
  color: #333;
}
.gnPlanSelector-2015 .gn-plan-features li,
.section-intro .gn-plan-features li {
  max-width: 222px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  line-height: 1.13;
  color: #73828a;
}
.gnPlanSelector-2015 .gn-plan-features li::before,
.section-intro .gn-plan-features li::before {
  width: 8px;
  height: 16px;
  transform: rotate(-315deg);
  content: "";
  border-radius: 0.8px;
  border-bottom: 4px solid #11c1ff;
  display: inline-block;
  margin-right: 10px;
  border-right: 4px solid #11c1ff;
}
.gnPlanSelector-2015 .gn-plan-features li .iblock {
  position: relative;
}
.gnPlanSelector-2015 .gn-plan-features li .iblock .tooltip {
  position: absolute;
  left: 105%;
  top: 5px;
}
.gnPlanSelector-2015 .gn-plan-features li .na {
  color: #999;
}
.section-intro .gn-plan-features-lists .gn-plan-features li {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 2;
  max-width: inherit;
}
.gn-2015 div.tooltip div.tooltip-content,
.gn-2015 div.tooltip div.tooltip-content div,
.gn-2015 div.tooltip div.tooltip-content li,
.gn-2015 div.tooltip div.tooltip-content p {
  font-size: 16px !important;
  color: #666;
}
.gn-2015 div.tooltip div.tooltip-content strong {
  color: #333;
}
.gn-2015 div.tooltip div.tooltip-content {
  background: #fff;
}
.gnPlanSelector-2015 .gn-plan-features li .na {
  color: #999;
}
.gn-2015 div.tooltip div.tooltip-content,
.gn-2015 div.tooltip div.tooltip-content div,
.gn-2015 div.tooltip div.tooltip-content li,
.gn-2015 div.tooltip div.tooltip-content p {
  font-size: 16px !important;
  color: #666;
}
.gn-2015 div.tooltip div.tooltip-content strong {
  color: #333;
}
.gn-2015 div.tooltip div.tooltip-content {
  background: #fff;
  border: none;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  width: auto;
  min-width: 150px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.gn-2015 div.tooltip div.tooltip-content ul {
  list-style: disc;
}
.gn-2015 div.tooltip div.tooltip-content li {
  padding: 0;
  background: none;
}
.gn-2015 div.tooltip div.tooltip-content ul,
.gn-2015 div.tooltip div.tooltip-content p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.gn-2015 div.tooltip div.tooltip-content.position-top span.triangle {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAYAAAADU1RxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzBERjQ3OTFGNzYxMUU1ODUwM0ZCOTIxMzAwMDNFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzBERjQ3QTFGNzYxMUU1ODUwM0ZCOTIxMzAwMDNFRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMERGNDc3MUY3NjExRTU4NTAzRkI5MjEzMDAwM0VGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzMERGNDc4MUY3NjExRTU4NTAzRkI5MjEzMDAwM0VGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L7X4awAAAfxJREFUeNq0lD1PAkEQhvcQREAk+MUBiVGj0cTCRjtq/BGWtMR/QOcPMKGzp7KxpTSWlCY21FISE0LC1905b5xLlnHl7hQ2eXO5vZl3nszOnlLfyyKtkRKTyeTBW+GCP+pwPUtpADFSnLReKBQy4/H4aRUA8IU/6nC9mA+iQ2yQMtVqdX80Gr0uEwB+8IU/1zFCJPjjJmm7VqudEPn7kjrwDj/4sv8G1/u1E5scbDcajevpdPrxHwDkwwd+AmKuE0qDSHK78qQC6aDZbN7MZrPPvwAgD/nwYb88+yc1CKXk7SClSFukXVKZdNxqtW5d1x1FAUA88pDPPrvsmzLdDnkkP7pBOm2323fk7YRkcBCPvIAuzEGYBjTLZ1gkHZLOOp3OfRgCxCGe84rskzUNpGnJY0HiDhsdkc673e7jIgB8RxzHFzk/u+gYwoD481HyQXq93rMJAPsaQCnMHIQBwZ8tLQfVtu2Lfr8/9zPDO/YNg5hmn0gA+nzoIDnSHhc4qlQql8Ph8A0AeOKdO1DmuJwAiEWFMN0YHQStPqjX61eDweAFT74FJQGw8CbohYJA9K7EhXxzj+SSZkIO73ss44oHQPiJrthzuYCEcIQCAcJAmEAkhNK+SwUCqIiDYonjsUS+pwF6YQHUH6bVMgBJCE90cOkQYfK8qGZfAgwAqz4X0JDWVeoAAAAASUVORK5CYII=) no-repeat center top !important;
  width: 100% !important;
  height: 25px !important;
  left: 0;
}
.gnSignup2015 #signUpHeader h1,
.gnSignup2015 h2{
  font-family: 'brandon-grotesque';
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
}
.gnSignup2015 {
  font-family: 'Source Sans Pro', 'source-sans-pro', sans-serif;
  font-size: 18px;
}
.gnSignup2015 #signUpHeader p {
  font-size: 24px;
  font-weight: 500;
  color: #999;
}
.gnSignup2015 .gnBodyContent {
  width: auto;
}
.gnSignup2015 #plansIncludeWrapper {
  background: none !important;
  padding-top: 0;
}
.gnSignup2015 #plansIncludeWrapper:before {
  display: none;
}
.gnSignup2015 #su-add-info {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.gnSignup2015 #su-add-info h4 {
  font-size: 24px;
  color: #333;
}
.gnSignup2015 #su-add-info p {
  font-size: 18px;
}
.gnSignup2015 .allPlanIncludes {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto 5em;
}
.gnSignup2015 .allPlanIncludes h2 {
  margin-bottom: 0.5em;
}
.gnSignup2015 .allPlanIncludes .feature-block {
  border: 1px solid #ddd;
  padding: 28px;
}
.gnSignup2015 .allPlanIncludes .feature-block-mimo {
  margin-left: -1px;
  margin-right: -1px;
}
.gnSignup2015 .allPlanIncludes .feature-block img {
  display: block;
  margin: 0 auto 1em;
}
.gnSignup2015 .allPlanIncludes .feature-block-ssl img {
  margin-top: 1px;
}
.gnSignup2015 .allPlanIncludes .feature-block-support img {
  margin-top: 18px;
}
.gnSignup2015 .allPlanIncludes .feature-block h3 {
  font-size: 24px;
}
.gnSignup2015 .allPlanIncludes .feature-block p {
  font-size: 18px;
}
.gnSignup2015 #gnCustTestimonial {
  margin-bottom: 4em;
}

/** PLANS: All Plans Include **/

#plansIncludeWrapper {
  padding-top: 40px;
}
#plansIncludeWrapper:before {
  height: 18px;
  display: block;
  content: '';
  z-index: 1;
  position: relative;
  top: -40px;
  background-image: url(/images/sprites/shadow.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#plansInclude h2 {
  margin: 0;
  font-size: 32px;
  font-weight: 300;
  text-align: center;
}

#plansInclude ul {
  margin: 0;
  padding: 50px 0 40px;
  position: relative;
  overflow: hidden;
}
#plansInclude li {
  width: 33%;
  height: auto;
  float: left;
  display: block;
}

#plansInclude h4,
#plansInclude p {
  margin: 0;
  color: #333;
  line-height: 22px;
  padding: 0 20px 0 60px;
}
#plansInclude h4 {
  font-size: 18px;
  height: 65px;
  font-weight: bold;
  margin-bottom: -33px;
  text-transform: capitalize;
  background-image: url(/images/sprites/signup.png);
  background-repeat: no-repeat;
}
#plansInclude li.speed h4 {
  background-position: 0 -245px;
}
#plansInclude li.support h4 {
  background-position: 0 -445px;
}
#plansInclude li.completion h4 {
  background-position: 0 -645px;
}
#plansInclude p {
  width: auto;
  font-size: 16px;
  position: relative;
}

/*Signup Additional Info*/
#su-add-info * {
  color: #666;
  margin: 0 0 10px 0;
}

#su-add-info h3 {
  margin: 0 0 10px 0;
}
#su-add-info h4 {
  margin: 0 0 3px 0;
  font-size: 14px;
}
#su-add-info p {
  font-size: 12px;
  line-height: 1.5em;
}

/** PLANS: Lock-In Pricing **/

#lockInPricing {
  background: url(/images/layout-20101201/bgYellowSpeckle.jpg) repeat #f5ebc7;
  border: 3px solid #F9d23e;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 2px 2px #ddd;
  -webkit-box-shadow: 0 2px 2px #ddd;
  box-shadow: 0 2px 2px #ddd;
  padding: 10px;
  position: relative;
  margin: 0 0 35px;
}

#lockInPricing img {
  position: absolute;
  left: 160px;
  top: -40px;
}
#lockInPricing p {
  font-size: 15px;
  color: #333;
  line-height: 1.4em;
  padding: 5px 0 0 70px;
  margin: 0;
  background: url(/images/layout-20101201/plan-selector-alert-icon.png) 0 0 transparent scroll no-repeat;
  min-height: 55px;
  _height: 55px;
  zoom: 1;
}
#lockInPricing p strong {
  white-space: nowrap;
}


/*Testimonials Slider*/
#gnCustTestimonial {
  background: url(/images/layout-20150601/bg_blue.png);
  padding: 0;
}
#gnCustTestimonial .container {
  overflow: hidden;
  padding-bottom: 45px;
  padding-top: 45px;
}
#gnCustTestimonial #customers-slider {
}
#gnCustTestimonial #customers-slider li {
  width: 100% !important;
}
#gnCustTestimonial .bx-pager {
  text-align: center;
}
#gnCustTestimonial .bx-pager-item {
  display: inline-block;
  margin: 0 5px;
}
#gnCustTestimonial .bx-pager-link {
  display: block;
  background: url(/images/layout-20150601/carousel_nav_inactive.png) no-repeat;
  width: 14px;
  height: 13px;
  text-indent: -9999em;
}
#gnCustTestimonial .bx-pager-link.active {
  background-image: url(/images/layout-20150601/carousel_nav_active.png);
}
#gnCustTestimonial blockquote {
  margin: 0 0 2em;
}
#gnCustTestimonial blockquote p {
  background: none;
  color: #fff;
  font-size: 3rem;
  min-height: 2em;
  padding-bottom: 0;
  text-align: center;
}
#gnCustTestimonial blockquote cite {
  background: none;
  color: #145E87;
  display: block;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: bold;
  text-align: center;
}
#gnCustTestimonial blockquote cite span {
  font-weight: 400;
}
#gnCustTestimonial blockquote p,
#gnCustTestimonial blockquote cite {
  font-family: 'Source Sans Pro', 'source-sans-pro', sans-serif;
}


/*********************************
    WHY GIGANEWS
*********************************/

#content.page-why-giganews {
  margin-bottom: -50px;
}
.page-why-giganews .main-intro .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
.page-why-giganews .main-intro,
.page-why-giganews .main-intro h1,
.page-why-giganews .main-intro div,
.page-why-giganews .main-intro li {
  color: #fff;
}
.page-why-giganews .main-intro div,
.page-why-giganews .main-intro li {
  /*color: rgba( 255,255,255, 0.75 );*/
}
.page-why-giganews .main-intro .checklist {
  margin: 1em 0 2.5em;
}
.page-why-giganews .main-intro .checklist li,
.page-why-giganews .main-intro .cta em {
  font-size: 26px;
}
.page-why-giganews .main-intro .cta em {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.page-why-giganews .main-intro .checklist li {
  padding-left: 50px;
  background: url(/images/icon_checkmark.png) no-repeat 0 0;
  line-height: 35px;
  margin: 0 0 0.5em;
}
.page-why-giganews .main-intro .checklist li:before {
  display: none;
}
.page-why-giganews .main-intro .gnCta-6 {
  margin-right: 15px;
  font-size: 18px;
}
.page-why-giganews .section-how .bordered-grid .gn-grid-col {
  min-height: 417px;
}
.page-why-giganews .section-support .bordered-grid .gn-grid-col {
  min-height: 385px;
}
.page-why-giganews .section-support h2 {
  color: #fff;
}
.page-why-giganews .section-extras {
  padding-top: 0;
  padding-bottom: 0;
}
.page-why-giganews .section-extras .container {
  border-bottom: none;
}
.page-why-giganews .section-extras .section-intro {
  padding-top: 3em;
  padding-bottom: 2em;
}
.page-why-giganews .section-extras .section-main {
  margin-top: 0;
}
.page-why-giganews .section-extras .section-main .gnCta-6 {
  font-size: 18px;
}
.page-why-giganews .section-extras-mimo {
  background-color: #FFF8DC;
}
.page-why-giganews .section-extras-vyprvpn {
  background-color: #4dace1;
}
.page-why-giganews .section-extras-vyprvpn h3,
.page-why-giganews .section-extras-vyprvpn p {
  color: #fff;
}
.page-why-giganews .section-extras img {
  display: block;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
}
.page-why-giganews .section-extras .description {
  padding-left: 100px;
  margin-top: 2em;
  margin-bottom: 2em;
}
.page-why-giganews .section-extras-vyprvpn img {
  margin-top: 3em;
}

/** WHY: Features **/

.gnFeature {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dashed #ddd;
}
.gnFeature h2 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  padding: 11px 0 0 75px;
  margin: 0 0 23px;
}
.gnFeature h4 {
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0;
}
.gnFeature p {
  font-size: 16px;
  color: #666;
  line-height: 1.4em;
  margin: 0 0 30px;
  padding: 0;
}
.gnFeature ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*********************************
    "NVI" Addition circa 2005
*********************************/

TABLE.charges TR.row TD {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 3px;
}

TABLE.charges TR.last_row TD {
  border-top: solid 2px #aaa;
  padding: 3px;
  font-weight: bold;
}

TABLE.charges TD.last_col {
  border-right: solid 1px #aaa;
}

TABLE.charges TD.total {
  border-left: solid 1px #ccc;
}

TABLE.charges {
  padding-bottom: 20px;
  width: 90%;
}

/*********************************
    GENERAL
*********************************/

/** GENERAL: Tags **/

BLOCKQUOTE, DD, DIV, P, LI { font-size: 15px; line-height: 1.4; color: #666; }

SUP { font-size: 0.8rem;}

DT { font-weight: bold; }
DD { margin-left: 0; padding-left: 0; margin-bottom: 1em; }

P { margin-bottom: 1em; margin-top: 0; }
p.last {margin-bottom: 0;}

H1, H2, H3 { color: #333; line-height: normal; }
H1 { font-size: 3rem; margin: 0 0 0.5em; }
H2 { font-size: 1.8rem; margin: 0 0 10px; }
H3 { clear: left; font-size: 1.6rem; margin: 14px 0 2px 0; }

CODE, SAMP { font-family: lucida console, courier, monospace; }
PRE { font-family: lucida console, courier, monospace; font-size: 11px; }

HR {
  border: none;
  border-top: solid 1px #ccc;
  clear: left;
  height: 0;
  width: 100%;
}

/** GENERAL: Tables **/

TH, TD { text-align: left; }
TH.price, TD.price { text-align: right; }
TH.mid, TD.mid { text-align: center; }
TH.right, TD.right { text-align: right; }
TH.money, TD.money { text-align: right; white-space: nowrap; }
TR.totals TD { font-weight: bold; }

/** GENERAL: Notices **/

.success { color: #090; font-weight: bold; }
.error { color: #c00; font-weight: bold; clear: both; }
.required { color: #f00; }
.nowrap { white-space: nowrap; }
.standout { background-color: #f6f6f0; border: solid 1px #bbb; padding: 1em; margin: 1em 0; }
.standout P { margin-bottom: 0; }
.big-error {
  background-color: #fceded;
  border: solid 1px #c00;
  border-radius: 6px;
  color: #c00;
  font-size: 1.25em;
  font-style: italic;
  font-weight: bold;
  line-height: 1.5em;
  margin: 1.5em 0;
  padding: 10px 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.error, p.error, ul.error, #errors,
div.success, p.success, ul.success,
div.warning, p.warning, ul.warning,
.errorBox{
  color: #666;
  display: block;
  text-align: left;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: #4e95be;
  background-color: #EDF7FE;
  background-repeat: no-repeat;
  padding: 1em 1.5em;
  z-index: 99;
  font-size: 14px;
  line-height: 1.4em;
  min-height: 22px;
  margin: 0 0 1.4em;
}
.error ul, .success ul, .warning ul { margin: 0; padding: 0 0 0 1em;}
ul.error, #errors, ul.success, ul.warning { padding-left: 60px; }
div.error p, .error li, #errors li, div.error span,
div.success p, .success li, div.success span,
div.warning p, .warning li, div.warning span,
.errorBox p, .errorBox li, .errorBox span {
  color: inherit;
  font-size: inherit;
}
.error a.gnCta-2,
.success a.gnCta-2,
.warning a.gnCta-2 {
  margin-left: 10px;
  margin-top: -5px;
  margin-bottom: 0;
}
div.success, p.success, ul.success {
  border-color: #b7e288;
  background-color: #f9fff2;
  /*background-image: url(/images/icons/tickSmall.png);
  background-position: 15px 13px;*/
}
/* New CP offer acceptance */
#maincol .success {
  border-radius: 8px;
  background-color: #fefef3;
  border: solid 2px #f5e685;
}
/* New CP offer acceptance */
#maincol .success {
  padding-bottom: 0;
}
div.error, p.error, ul.error, .errorBox, #errors {
  color: #be2727;
  font-weight: bold;
  border-color: #e28888;
  background-color: #fff2f2;
  /*background-image: url(/images/icons/crossSmall.png);
  background-position: 15px 14px;*/
}
div.warning, p.warning, ul.warning {
  border-color: #fbe467;
  background-color: #fffef2;
  /*background-image: url(/images/error-icon-yield-sign-small.png);
  background-position: 14px 13px;*/
}

DIV.currency-notice {
  background: #fee;
  color: #c00;
  border: 1px solid #f00;
  font-weight: bold;
  font-size: 110%;
  padding: 5px 10px;
  margin: .5em 0;
  width: 500px;
}

DIV.paypal-recycle-notice {
  background: #fee;
  color: #c00;
  border: 1px solid #f00;
  font-weight: bold;
  font-size: 110%;
  padding: 5px 10px;
  margin: .5em 0;
  width: 500px;
}

/*********************************
    BLOCKQUOTES
*********************************/
blockquote.speech-bubble {
  margin: 0 0 1.5em;
  padding: 0;
  background: none;
  font-size: 1.6rem;
}
blockquote.speech-bubble {
  position: relative;
  background: #fff;
  padding: 1em 1.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0 #ccc;
  -moz-box-shadow: 2px 2px 0 #ccc;
  box-shadow: 2px 2px 0 #ccc;
}
blockquote.speech-bubble p {
  font-size: 1em;
  font-style: normal;
}
blockquote.speech-bubble:before {
  position: absolute;
  content: " ";
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
}
.csstransforms blockquote.speech-bubble:before {
  width: auto;
  height: auto;
  border: none;
  content: "▼";
  bottom: -11px;
  line-height: 1;
  color: #fff;
  -webkit-transform: scaleX(2);
  -moz-transform: scaleX(2);
  -ms-transform: scaleX(2);
  -o-transform: scaleX(2);
  transform: scaleX(2);
  -webkit-text-shadow: 1px 1px 0 #ccc;
  -moz-text-shadow: 1px 1px 0 #ccc;
  -ms-text-shadow: 1px 1px 0 #ccc;
  -o-text-shadow: 1px 1px 0 #ccc;
  text-shadow: 1px 1px 0 #ccc;
}
blockquote.speech-bubble cite {
  font-size: 1em;
  color: #333;
  font-style: normal;
}

/*********************************
    FORMS & FIELDS
*********************************/

FIELDSET {
  border: none;
  clear: left;
  float: left;
  margin: 0 0 1.2em 0;
  padding: 0;
  position: relative;
  width: 100%;
}

/** FORMS: Fields **/

FIELDSET LEGEND {
  background-color: inherit;
  color: #666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  left: -1.0em;
  margin: 0 0 0 1.0em;
  padding: 0;
  position: relative;
  top: 0;
}

FIELDSET LABEL {
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 2px 0 0 0;
  width: 27%;
}
FIELDSET LABEL#lb-problem { width: 100%; }
FIELDSET LABEL#lb-comments { width: 100%; }

FIELDSET INPUT {
  border: solid 1px #999;
  display: block;
  float: left;
  width: 48%;

  border: 1px solid #DFDFDF;
  font-size: 14px;
  width: 160px;
  color: #333;
  margin: 0;
  padding: 2px 6px;
  background-color: #fff;
}

FIELDSET INPUT.radio,
FIELDSET INPUT.checkbox {
  display: inline;
  border: none;
  float: none;
  line-height: 1.5em;
  vertical-align: middle;
  width: auto;
}

FIELDSET SELECT {
  display: block;
  float: left;
  width: 48%;
}
FIELDSET TEXTAREA {
  border: solid 1px #999;
  clear: both;
  display: block;
  font-size: 12px;
  width: 75%;
}

/** FORMS: Tags **/

FIELDSET DIV { float: left; width: 100%; }

FIELDSET P { font-size: 11px; margin-bottom: 0; }
FIELDSET P#lb-probdet { margin-bottom: 0; padding-bottom: 0; }

FIELDSET SPAN { margin-left: 0.5em; }
FIELDSET SPAN.required { margin-left: 0; }

FIELDSET HR { clear: left; float: left; width: 100%; }

/** FORMS: Checkbox List **/
/* in a checkbox list, we basically want two columns of checkbox/label pairs */

FIELDSET.cblist {
  border: none;
  clear: left;
  float: none;
  margin: 0 0 1.2em 0;
  padding: 0;
  white-space: normal;
  width: 100%;
}

FIELDSET.cblist DIV { clear: none; width: 49%; }

FIELDSET.cblist DIV LABEL {
  clear: none;
  display: inline;
  display: -moz-inline-box;
  display: inline-block;
  float: none;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 85%;
}

FIELDSET.cblist DIV INPUT {
  border: none;
  display: inline;
  float: none;
  font-size: small;
  line-height: 1.2em;
  margin: 0 0.5em 0 0;
  vertical-align: top;
  width: auto;
}

/** FORMS: Radio List **/
/* in a radiolist, the span functions as a label */

FIELDSET DIV.radiolist SPAN {
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 2px 0 0 0;
  width: 27%;
}

FIELDSET DIV.radiolist DIV {
  clear: none;
  display: inline;
  float: left;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  width: 48%;
}

FIELDSET DIV.radiolist DIV LABEL { display: inline; float: none; }

/** FORMS: Account **/
/* the 'acct' fieldset is basically a special fieldset for rendering
 * the account structure matrix (it contains a table with radio buttons) */

FIELDSET#acct { display: block; float: none; }

FIELDSET#acct TABLE#accounts {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0.3em 0 0 0;
  padding: 0;
  width: 100%;
}

FIELDSET#acct TABLE#accounts TH {
  background-color: #fff;
  border: none;
  border-bottom: hidden;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000;
  font-size: 13px;
  line-height: 1.5em;
  margin: 0;
  padding: 0 3px;
}

FIELDSET#acct TABLE#accounts TD {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: solid 1px #ccc;
  font-size: 13px;
  line-height: 1.6em;
  margin: 0;
  padding: 0 3px;
}

/** FORMS: Software License **/
/* the 'lic' field set is a special fieldset for the commonly used
 * software license form */

FIELDSET#lic INPUT.checkbox { float: left; margin-left: 3px; }
FIELDSET#lic P {
  display: inline;
  float: left;
  margin-bottom: 0.5em;
  width: 100%;
}
FIELDSET#lic DIV P { margin-left: 5px; width: auto; }

/** FORMS: Recycle **/
/* the 'recycle' field set is a special fieldset for the commonly used
 * yes/no auto-recycle section form */

FIELDSET#recycle INPUT.radio
  { float: left; margin-left: 3px; }
FIELDSET#recycle LABEL
  { clear: none; line-height: 1.3em; padding-left: 3px; width: 3.0em }
FIELDSET#recycle P
  { display: inline; float: left; margin-bottom: 0.5em; width: 89%; }

/** FORMS: Address / Contact Info **/
/* the 'f-' items are common form fields for generating address forms,
 * like we use on the signup forms and control panels */

FIELDSET TEXTAREA#f-address {
  border: solid 1px #999;
  clear: none;
  float: left;
  display: block;
  margin: 0.1em 0;
  width: 48%;
}

FIELDSET TEXTAREA#f-aemail {
  border: solid 1px #999;
  clear: none;
  float: left;
  display: block;
  margin: 0.1em 0;
  width: 48%;
}

FIELDSET INPUT#f-city,
FIELDSET INPUT#f-state { width: 27%; }
FIELDSET INPUT#f-zip { width: 12ex; }
FIELDSET INPUT#f-phone { width: 27%; }
FIELDSET INPUT#f-cell { width: 27%; }
FIELDSET INPUT#f-fax { width: 27%; }
FIELDSET INPUT#f-pager { width: 27%; }

/** FORMS: Search **/
/* the 'srch' fieldset forms the fieldset for the newsgroup search form */

FIELDSET#srch { float: none; text-align: center; }

FIELDSET#srch LABEL {
  display: inline;
  float: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}

FIELDSET#srch INPUT { display: inline; float: none; }
FIELDSET#srch INPUT#s-go { border: default; width: auto; }

FIELDSET#srch .c-shield-icon { margin-right: 7px; }

/** FORMS: Control Panel Authorization **/
/* the 'cp-auth' fieldset is the fieldset used for the control panel
 * auth form on the auth-failure page (NOT the header) */

FIELDSET#cp-auth LABEL { width: 15%; }
FIELDSET#cp-auth INPUT { width: 27%; }

INPUT#pw-login { width: 27%; }
INPUT#ct-cc4 { width: 6.0ex; }

/** FORMS: General **/

DIV#submit { clear: both; }

/** FORMS: Unknown **/

DIV.testimonial { margin-bottom: 15px; }
DIV.testimonial .tcomments { font-style: italic; }
DIV.testimonial .tattr { font-size: 11px; }
DIV.testimonial .tauthor { font-weight: bold }

DIV.key { font-weight: bold; }
DIV.indent { margin-left: 2.0em; }

H2.resulttitle { font-size: 13px; margin: 0.7em 0 0 0; }

DIV.result { margin-top: 0; }
DIV.resultdata { font-size: 11px; }
DIV.resulturl { font-size: 11px; }

DIV.chart { display: inline; float: left; margin-bottom: 1.2em; width: 100%; }
DIV.chart DIV.row { display: inline; float: left; width: 100%; }
DIV.chart DIV.row SPAN { display: inline; float: left; }
DIV.chart DIV.row SPAN.left { width: 17%; }
DIV.chart DIV.row SPAN.right { width: 73%; }
DIV.chart DIV.row SPAN.head { font-weight: bold; }

.reset-password-form .row {
  margin-bottom: 1em;
}

/*********************************
    FREQUENTLY ASKED QUESTIONS
*********************************/

/** FAQS: General **/

#help-links {
  width: 950px;
  background: #fff;
  position: relative;
  letter-spacing: 0;
  z-index: 1;
  margin: 0 auto 50px;
  font-size:0;
  border-bottom: 1px dashed #DDD;
}
#help-links div {
  display: inline-block;
  *display: inline;
  font-size: 16px;
  line-height: 1.4em;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 20px 3em 0;
  padding: 0 0 0 80px;
  position: relative;
  text-align: left;
  width: 220px;
  zoom: 1;
}

#help-links div#res-contact {
  background: url(/images/layout-20101201/icons/contact60.png) 0 8px no-repeat transparent;
}
#help-links div#res-vypr {
  background: url(/images/vypr_logo_57x62.png) 0 5px no-repeat transparent;
}
#help-links div#res-mimo {
  background: url(/images/mimo_logo_66.png) 0 5px no-repeat transparent;
}
#help-links div#res-welcome {
  background: url(/images/layout-20101201/icons/toolbox60.png) 0 5px no-repeat transparent;
}
#help-links div#res-diagnostic {
  background: url(/images/layout-20101201/icons/speedGauge60.png) 0 0 no-repeat transparent;
}
#help-links div#res-contact,
#help-links div#res-mimo {
  margin-right: 0;
}

#help-links div h2 {
  color: #333;
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 0;
}
#help-links div h2,
#help-links div h2 a {
  color: #333;
}
#help-links div p,
#help-links div li,
#help-links div span {
  color: #666;
  padding: 0;
  font-size: 1em;
  margin-bottom: 0.5em;
}
#help-links div li {
  margin-bottom: 0.25em;
}

#help-links a {
    color: #2576BB;
    text-decoration: none;
}

#help-links a:hover {
  text-decoration: underline;
}

/** FAQS: Utility **/

OL.faq PRE { _word-wrap: break-word; }

/** FAQS: Content **/

#content.faqContent {
  padding-top: 30px;
}

.faqContent h1 {
  font-size: 35px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px dashed #ddd;
  padding: 0 0 0.6em;
  margin: 0 0 1.25em
}
.faqContent h2 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  padding: 0 0 8px;
  margin: 0 0 15px;
}
.faqContent ul.faq {
  padding: 0 0 20px 2em;
  margin: 0;
}
.faqContent ul.faq li {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.4em;
  color: #cdcdcd;
}
.faqContent ul.faq li:hover {
  color: #666;
}

li a.faq,
li a:visited.faq {
  font-weight: normal;
  text-decoration: none;
  color: #2576bb;
}
li a:hover.faq {
  text-decoration: underline;
}

.faqContent ol.faq {
  margin: 0;
  padding: 0 0 20px 2em;
}
.faqContent ol.faq li {
  color: #666;
  line-height: 1.4em;
  font-size: 16px;
}
.faqContent ol.faq li a.faq {
  font-size: 16px;
}
.faqContent ol.faq li .answer p {
  font-size: 14px;
  line-height: 1.4em;
}
.faqContent ol.faq li .answer a,
.faqContent ol.faq li .answer a:visited {
  text-decoration: none;
  color: #2576bb;
}
.faqContent ol.faq li .answer a:hover {
  text-decoration: underline;
}

/*********************************
    SEARCH RESULTS
*********************************/
/* the 's-' DIVs are used for the search result pages */

DIV#s-stats { text-align: center; }
DIV#s-pages { font-size: 11px; margin-top: 1.5em; }
DIV#s-pages DIV { display: inline; margin: 0; padding: 0 3px; }
DIV#s-pages DIV A { text-decoration: none; }
DIV#s-pages DIV A:hover { text-decoration: underline; }
DIV#s-pages DIV#s-cur { font-weight: bold; }

/*********************************
    VERIFICATION
*********************************/

DIV#verify { float: left; margin-bottom: 1.2em; width: 100%; }
DIV#verify DIV.row { float: left; width: 100%; }
DIV#verify DIV.row SPAN.label {
  display: inline;
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 27%;
}
DIV#verify DIV.row SPAN.input
  { display: inline; float: left; width: 73%; font-size: 14px; }

/*********************************
    UNORGANIZED
*********************************/

/* I hate this DIV, but it's necessary to clear any floated columns
 * and it provides the necessary space for the footer at the bottom
 * of the page */
DIV#footspace { height: 70px; clear: both; width: auto; }

DIV#cpanel SPAN.value { font-weight: bold; }
DIV#cpanel H4 { color: #444; margin-bottom: 0; margin-top: 0.5em; }
DIV#cpanel UL { margin: 0; padding: 0; }
DIV#cpanel UL LI { list-style-type: none; }
DIV#cpanel UL LI A { font-weight: normal; }

DIV#special { margin-top: 2.0em; }

DIV#n-date { font-weight: bold; margin-bottom: 1.2em; }

UL.rnews { list-style: none; margin-left: 0; padding: 0 !important; }
UL.rnews LI {
  clear: left;
  display: block;
  left: 0;
  list-style: none;
  padding-top: 1px;
  position: relative;
  top: 0;
  zoom: 1;
}
UL.rnews LI DIV.rn-date {
  background-color: #ffc;
  border: solid 1px #bb8;
  border-left-color: #dda;
  border-top-color: #dda;
  color: #666;
  display: inline;
  float: left;
  font-weight: normal;
  font-size: 10px;
  line-height: normal;
  margin: 0 7px 5px 0;
  padding: 1px;
  position: relative;
  text-align: center;
  width: 25px;
}
UL.rnews LI.old DIV.rn-date { background-color: #f0f0f0; }
UL.rnews LI A { display: block; font-weight: bold; margin: 0 0 3px 36px; }
UL.rnews LI P { margin-left: 36px; }
P#news-old { font-size: 11px; }

UL#info-foot { list-style: none; padding: 0; text-align: center; }
UL#info-foot LI { display: inline; font-size: 11px; padding: 0 10px; }

OL.horiz { display: inline; margin: 0; padding: 0;}
OL.horiz LI { display: inline; list-style: none; margin: 0; padding: 0; }

DIV#hier-list { margin-bottom: 2.0em; }
DIV#hier-list OL.horiz LI { font-weight: bold; padding: 0.5em; }

DIV#speedtest { }
OBJECT#traceroute { border: none; height: 650px; width: 100%; z-index: 1; }

FORM#cp { border-bottom: solid 1px #ccc; padding-bottom: 1.2em; }

TABLE#ngresults { border-collapse: collapse; width: 100%; }
TABLE#ngresults TH, TABLE#ngresults TD { text-align: right; }
TABLE#ngresults TH {
  background-color: #f6f6f3;
  border: solid 1px #ccc;
  font-size: 12px;
  padding: 1px 5px;
}
TABLE#ngresults TD {
  border-top: dotted 1px #999;
  font-size: 11px;
  padding: 1px 5px;
}
TABLE#ngresults .g { text-align: left; }

TABLE#trade {
  border-collapse: collapse;
  margin: 0 auto 1.2em auto;
  width: 75%;
}
TABLE#trade TH, TABLE#trade TD { text-align: center; }
TABLE#trade TH { border-bottom: solid 1px #ccc; }
TABLE#trade TD { border-top: solid 1px #e0e0e8; vertical-align: middle; }
TABLE#trade IMG { margin: 2px 0; vertical-align: middle; }

IMG#su-cobrand { width: 180px; }
IMG.rss { border: none; float: right; }
H3 IMG.rss { margin-top: 2px; }
IMG.press {
  border: solid 1px #000;
  float: right;
  margin: 0 0 15px 15px;
}

P.disclaimer { font-size: 11px; }

/* Side Column */

#sidecol LI {
  line-height: 1.3em;
}
#sidecol UL.rnews, #sidecol UL.rnews LI A {
  font-size: 11px;
  font-weight: normal;
}

#sidecol DIV.testimonial { font-size: 12px; line-height: 16px; }

#sidecol DIV.account {
  background-color: #f6f6f0;
  border: solid 1px #bbb;
  border-radius: 14px;
  display: block;
  margin: 1.0em 0 0 0;
  padding: 8px 13px;
  position: relative;
  white-space: normal;
  width: 156px;
  -moz-border-radius: 14px;
}

#sidecol DIV.account A.box {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#sidecol DIV.account SPAN { display: block; }

#sidecol DIV.account SPAN.name {
  display: block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
}

DIV#diamond SPAN.name { color: #000; }
DIV#platinum SPAN.name { color: #99c; }
DIV#silver SPAN.name { color: #999; }
DIV#bronze SPAN.name { color: #c90; }

DIV#platinum:hover { background-color: #f0f0e9; border: solid 1px #99c; }
DIV#silver:hover { background-color: #e9e9e9; border: solid 1px #999; }
DIV#bronze:hover { background-color: #f3f6d9; border: solid 1px #c90; }

#sidecol DIV.account SPAN.type {
  clear: left;
  color: #666;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  text-align: left;
  width: 80px;
}

#sidecol DIV.account SPAN.price {
  color: #000;
  display: block;
  font-weight: normal;
  font-size: 32px;
  height: 28px;
  line-height: 24px;
  position: relative;
  text-align: right;
  top: 0;
  vertical-align: top;
}

#sidecol DIV.account SPAN.price SUP {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  line-height: 13px;
  padding: 0;
  vertical-align: top;
}

#sidecol DIV.account SPAN.conv {
  color: #666;
  font-size: 11px;
  line-height: 10px;
  text-align: right;
}

#sidecol DIV.account SPAN.desc {
  clear: both;
  color: #666;
  display: block;
  font-size: 12px;
  font-style: italic;
  line-height: normal;
  margin-top: 3px;
  text-transform: lowercase;
}

#sidecol ul#legal {
  padding-bottom: 20px;
}
#sidecol h3 {
  margin: 0 0 6px;
  padding: 0 0 3px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed #DDDDDD;
}
#sidecol #gnTestimonial {
  margin: 0 0;
}
#sidecol #gnTestimonialLink {
  display: block;
  text-align: right;
  height: 30px;
  line-height: 30px;
  outline: none;
  margin-bottom: 0;
}
#sidecol #gnTestimonial h3 {
  font-weight: bold;
  font-size: 16px;
  border: none;
}
#sidecol #gnTestimonial blockquote.testimonial {
  font-size: 14px;
}
#sidecol h4 {
  font-size: 14px;
}

/* Performance tabs */
.perftab {
  border-bottom: #333 1px solid;
  clear: both;
  display: block;
  font-size: 11px;
  margin: 0 auto 10px auto;
  padding: 5px 0 3px 0;
  text-align: left;
  width: 100%;
}
.perftab LI {
  background: #eee;
  border-left: #666 1px solid;
  border-right: #666 1px solid;
  border-top: #666 1px solid;
  color: #fff;
  display: inline;
  list-style: none;
  margin: 0 5px;
  padding: 5px 10px;
  text-align: center;
}

.perftab A {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

DIV#gna-bump {
  background: url(/images/layout-20101201/bgLightGreySpeckle.jpg) repeat scroll 0 0 transparent;
  border: solid 1px #CCCCCC;
  border-radius: 10px;
  margin-top: 1.5em;
  min-height: 48px;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0 1px 1px #DDDDDD;
  -webkit-box-shadow: 0 1px 1px #DDDDDD;
  box-shadow: 0 1px 1px #DDDDDD;
}

DIV#gna-bump IMG { border: none; float: left; margin-right: 0.7em; }
DIV#gna-bump A { font-size: 12px; font-weight: bold; }
DIV#gna-bump A SPAN { display: block; padding-top: 6px; }

DIV#su-ssolo-fields B#su-ssolo-1, DIV#su-ssolo-fields B#su-ssolo-2,
DIV#su-ssolo-fields B#su-ssolo-3,  DIV#su-ssolo-fields SELECT,
DIV#su-ssolo-fields INPUT {
  clear: none;
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0;
  padding: 0;
  width: auto;
}

DIV#su-ssolo-fields B#su-ssolo-1 { width: 27%; font-weight: bold; }

DIV#su-ssolo-fields INPUT { width: 2em; margin: 2px 7px 2px 6px; }

DIV#su-ssolo-fields SELECT { margin: 0 0 2px 6px; }



DIV#eudd-data INPUT {
  clear: none;
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0;
  padding: 0;
}

DIV#metrics H3, DIV#newsreaders H3  {
  background-color: #aa9;
  border-color: #776;
  border-style: solid;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px 1px 0 1px;
  color: #fff;
  margin: 0;
  padding: 5px 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}
DIV#metrics DIV, DIV#newsreaders DIV {
  background-color: #f6f6f0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-color: #bbb;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  color: #666;
  padding: 5px 10px 10px 10px;
  margin: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
DIV#metrics UL, DIV#newsreaders UL { margin: 5px 0; padding-left: 1.5em; }
DIV#metrics UL, DIV#newsreaders UL LI { line-height: 24px; list-style-type: circle; }
DIV#metrics A {
  color: #000;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}

DIV#usenet-u {
  background-color: #f6f6f0;
  border: solid 1px #bbb;
  border-radius: 10px;
  margin-top: 1.5em;
  padding-left: 15px;
  padding-right: 8px;
  padding-top: 8px;
  -moz-border-radius: 10px;
}

DIV#usenet-u H2#usenet-u-img {
  background-image: url(/images/icon_gnuu.png);
  background-repeat: no-repeat;
  height: 40px;
  margin: 10px 0 25px 0;
  padding-left: 82px;
  padding-top: 29px;
}

DIV#usenet-u A#usenet-u-a {
  color: #f00;
  display: block;
  font-weight: bold;
  text-align: center;
}

#flamewars {
  position: relative;
  background: url(/images/flamewars/cabinet-flamewars.jpg);
  width: 565px;
  height: 903px;
  top: 12px;
}

#flamewars .flash-movie {
  position: absolute;
  top: 153px;
  left: 30px;
}

/* Special Landing Page */

.special-header {
  border: none;
  margin: 25px 0 0 0;
}

.special-asterisk {
  line-height: 12px;
  font-weight: bold;
}

.special-large {
  color: #c10400;
}

.special-bold {
  font-weight: bold;
  font-size: 18px;
}

a img {
  border: none;
}

/*********************************
    BOTTOM BAR & LANDING PAGE
*********************************/

.bottom-bar-container {
  margin:0 0 20px 0;
  padding:20px 0 20px 0;
  border-top:solid 1px #e3e3e3;
  border-bottom:solid 1px #e3e3e3;
}
.bottom-bar {
  overflow:hidden;
  color:#666;
  background:url(/images/column-divider.png) repeat-y;
}
.bottom-bar p {
  margin:0;
}
.bottom-bar ul,
.bottom-bar div#newsreaders ul {
  margin:0;
  padding:0 0 0 15px;
  list-style-type:circle;
}
.bottom-bar h3 {
  margin:0 0 5px 0;
  color:#333;
}
.bottom-bar strong,
.bottom-bar a{
  display:block;
}
.bottom-bar .box-1,
.bottom-bar .box-2,
.bottom-bar .box-3,
.landing .bottom-bar .box-1,
.landing .bottom-bar .box-2,
.landing .bottom-bar .box-3 {
  padding:10px 20px;
  float:left;
  background: none;
}
.bottom-bar .box-1,
.bottom-bar .box-2,
.landing .bottom-bar .box-1,
.landing .bottom-bar .box-2 {
  width:271px;
}
.bottom-bar .box-3,
.landing .bottom-bar .box-3 {
  width:264px;
}

.bottom-bar div#newsreaders,
.bottom-bar div#newsreaders div,
.bottom-bar div#newsreaders h3 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.bottom-bar div#newsreaders h3 {
  margin:0 0 5px 0;
  color:#333;
}
.bottom-bar div#newsreaders li {
  line-height:18px;
}
.bottom-bar div#newsreaders li b {
  font-weight:normal;
}
.bottom-bar div#usenet-u {
  background:none;
  border:none;
  margin:0;
  padding:0;
}
.bottom-bar div#usenet-u p {
  display:block;
  padding:0 0 0 70px;
}
.bottom-bar div#usenet-u h2#usenet-u-img {
  background:none;
  color:#333;
  font-size:14px;
  height:auto;
  margin:0 0 5px;
  padding:0;
}
.bottom-bar div#usenet-u a#usenet-u-a,
.landing .bottom-bar div#usenet-u a#usenet-u-a {
  padding-top: 0;
}
.landing div.bottom-bar p {
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 0;
  }
.landing div.bottom-bar a,
.landing div#usenet-u a#usenet-u-a,
.landing div.bottom-bar a:hover,
.landing div#usenet-u a#usenet-u-a:hover {
  font-size: 12px;
  font-weight: normal;
  color: #00e;
  text-decoration: underline;
  text-align: left;
  padding: 0;
}
.landing .bottom-bar h3,
.landing .bottom-bar h3 a,
.landing .bottom-bar h2 a,
.landing .bottom-bar h3 a:hover,
.landing .bottom-bar h2 a:hover {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}
.bottom-bar div#usenet-u p#usenet-u-icon {
  background:url(/images/usenet-u-logo.png) no-repeat;
}

div.bottom-bar-container.two,
div.bottom-bar-container.two div.bottom-bar {
  width:676px;
}
div.bottom-bar-container.two div.box-1,
div.bottom-bar-container.two div.box-2 {
  width: 203px;
}
div.bottom-bar-container.two div.bottom-bar {
  background: url(/images/bottom-boxes-two-divider.png) 0 0 repeat-y;
}
div.bottom-bar div.gn_guarantee {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
div.bottom-bar div.gn_guarantee h3 {
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  padding: 0 0 3px 0;
  margin: 0;
}
div.bottom-bar div.gn_guarantee ul {
  margin: 0;
  padding: 0 0 0 15px;
}
div.bottom-bar div.gn_guarantee ul li {
  padding: 0;
}

/*********************************
    LANDING PAGE
*********************************/

/** LANDING: General **/

DIV#content.landing {
  padding-top: 22px;
  width: 926px;
}
.landing DIV.main {
  float:left;
  width:575px;
  padding-right:49px;
}
.landing DIV.main H1 {
  color:#b90000;
}
.landing DIV.main P,
.landing DIV.main UL LI {
  font-size:16px;
  line-height:1.5em;
  color:#333;
}
.landing DIV.main UL LI {
  font-size:18px;
  font-weight:bold;
  list-style-image:url(/images/icon-checkmark-bullet.png);
  margin-bottom:10px;
}
.landing DIV.main UL LI B {
  color: #b90000;
}
.landing DIV.cta {
  background-repeat:no-repeat;
  float:left;
  overflow:hidden;
  width:300px;
}
.landing DIV.bottom-bar-container {
  margin-top:40px;
}
.landing A#main-cta {
  color:blue;
  text-decoration: none;
}
.landing div#ngr-banner {
  background:url(/images/landing/affiliates/ngr-logo-300.png) no-repeat;
  float:left;
  height:0;
  margin:0 0 35px 0;
  overflow:hidden;
  padding:94px 0 0 0;
  width:300px;
}

/** LANDING: Campaigns **/

.landing DIV#platinumupgrade-cta {
  background:url(/images/landing/platinum-upgrade-banner.jpg);
  height:417px;
}
.landing DIV#platinumupgrade-cta H2 A {
  display:block;
  width:100%;
  padding:417px 0 0 0;
}

.landing DIV#platinumplus-cta {
  background:url(/images/landing/platinum-plus-banner.jpg);
  height:378px;
}
.landing DIV#platinumplus-cta H2 A {
  display:block;
  width:100%;
  padding:378px 0 0 0;
}

.landing DIV#platinum-comeback-cta {
  background:url(/images/landing/platinum-comeback-banner.jpg);
  height:414px;
}
.landing DIV#platinum-comeback-cta H2 A {
  display:block;
  width:100%;
  padding:414px 0 0 0;
}

/*********************************
    SIDEBAR
*********************************/

/** SIDEBAR: Plan Selector **/

div#gn-plan-selector {

}
div#gn-plan-selector p.main-message {
  margin: 0;
  padding: 0;
  border-left: solid 2px #ffb826;
  border-right: solid 2px #ffb826;
  border-top: solid 2px #ffb826;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #fdf6e0 url(/images/plan-selector-alert-icon.png) 10px 10px no-repeat;
  padding: 13px 10px 20px 80px;
  font-size: 12px;
  color: #444;
  line-height: 1.3em;
  min-height: 45px;
  position: relative;
}
div#gn-plan-selector p.main-message strong {
  white-space: nowrap;
}
div#gn-plan-selector ul#plan-list {
  margin: 0;
  padding: 0;
  border: solid 1px #ccc;
  background: url(/images/layout-20101201/bgLightGreySpeckle.jpg) repeat scroll 0 0 transparent;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  list-style-type: none;
  -moz-box-shadow: 0 1px 1px #ddd;
  -webkit-box-shadow: 0 1px 1px #ddd;
}
div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block {
  border-bottom: solid 1px #ddd;
}
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block {
  border-top: solid 1px #fff;
}
div#gn-plan-selector ul#plan-list li.plan-block a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  outline: none;
  top: 0;
  left: 0;
  zoom: 1;
}
div#gn-plan-selector ul#plan-list li.plan-block.last {
  border-bottom: none;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.price-block {
  display: block;
  position: absolute;
  width: 50px;
  top: 10px;
  right: 10px;
  text-align: center;
}

div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block a span.price-block,
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block a span.price-block {
  width: 50px;
  text-align: right;
}
div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block a span.price-block span.price,
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block a span.price-block span.price {
  font-size: 14px;
}

div#gn-plan-selector ul#plan-list li.plan-block a span.name {
  display: block;
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: bold;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.name {
  font-size: 21px;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #333333;
}
div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block a span.name,
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block a span.name {
  color: #666666;
  font-size: 20px;
  text-shadow: 0 1px 0 #FFFFFF;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.price-block span.price {
  font-size: 18px;
  display: block;
  color: #666;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block {
  position: relative;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a {
  background: url(/images/bg-red-gradient.jpg) 0 25% repeat-x;
  border-bottom: solid 2px #340000;
  border-top: solid 1px #340000;
  border-left: solid 1px #340000;
  border-right: solid 1px #340000;
  width: 232px;
  position: relative;
  left: -8px;
  top: -3px;
  color: #fff;
  padding: 0;
  text-shadow: 0 1px 1px #480000;
  _margin-right: -16px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a:hover {
  background-position: 0 20%;
}
div#gn-plan-selector span.call-out {
  display: block;
  width: 35px;
  height: 0;
  padding: 38px 0 0 0;
  overflow: hidden;
  background: url(/images/call-out-arrow-icon.png) no-repeat;
  position: absolute;
  top: -20px;
  right: 0;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.plan-desc {
  display: block;
  padding: 10px 60px 10px 20px;
}
div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block a span.plan-desc,
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block a span.plan-desc {
  padding-right: 55px;
}

div#gn-plan-selector ul#plan-list li.plan-block a span.feature {
  display: block;
  padding: 4px 0 0 0;
  margin: 2px 0 0 0;
  border-top: solid 1px #ddd;
  vertical-align: middle;
  color: #888;
  font-size: 13px;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.feature.first {
  border: none;
  margin: 0;
  padding: 0;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.corner-left {
  display: block;
  position: absolute;
  bottom: -8px;
  left: -1px;
  width: 7px;
  height: 6px;
  background: url(/images/plan-selector-corner-left.png) no-repeat;
  _margin-bottom: -8px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.corner-right {
  display: block;
  position: absolute;
  bottom: -8px;
  right: -1px;
  width: 7px;
  height: 6px;
  background: url(/images/plan-selector-corner-right.png) no-repeat;
  _margin-bottom: -8px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.plan-desc {
  border-top: solid 1px #d25656;
  padding-left: 20px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.feature {
  border-color: #c65050;
  color: #fff;
  font-size: 14px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.price-block {
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.price-block span.price {
  font-size: 14px;
  display: block;
  color: #fff;
  line-height: 1em;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.price-block span.price-note {
  display: block;
  font-style: italic;
}
/* #benefits *//* _backup.css */
div#gn-plan-selector a.more-plans {
  color: #0066cc;
  text-decoration: none;
}
/* #benefits *//* _backup.css */
div#gn-plan-selector a.more-plans {
  display: block;
  text-align: center;
  padding: 10px 0 0 0;
  font-weight: bold;
  position: relative;
  font-size: 12px;
}
/* #benefits *//* _backup.css */
div#gn-plan-selector a.more-plans:hover {
  color: #0080ff;
}
div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block:hover,
div#gn-plan-selector ul#plan-list li#silver-plan.plan-block:hover {
  background: #eee;
}
div#gn-plan-selector span.pricesmall {
  font-size: .6em;
  font-weight: normal;
}

/** SIDEBAR: Guarantee **/

div.gn_guarantee {
  background: #f0f3f6;
  padding: 15px 10px 10px 15px;
  margin-top: 1.5em;
}
div.gn_guarantee h3 {
  margin: 0 0 10px 0;
  padding: 5px 0 10px 30px;
  background: url(/images/logos/gn_badge_logo_24x25.png) 2px 0 no-repeat;
  color: #333;
  font-size: 14px;
}
div.gn_guarantee p {
  margin: 0;
}
div.gn_guarantee ul {
  padding: 10px 0 0 20px;
  margin: 0;
}
div.gn_guarantee ul li {
  padding: 0 0 5px 0;
}

/** SIDEBAR: Basics **/

div#sidebar div.sb-block {
  padding: 0 0 15px 0;
  font-size: 0;
}
.follow-gn-sidebar li {
  margin: 0 10px 10px 0;
}
.follow-gn-sidebar .social-link {
  background: url(/images/gn-social-icons.png) 0 0 no-repeat;
  display: block;
  width: 27px;
  height: 27px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  line-height: 1;
  text-indent: -9999em;
}
.follow-gn-sidebar .facebook-icon {
  background-position: 0 -43px;
}
.follow-gn-sidebar .rss-icon {
  background-position: 0 -85px;
}
.follow-gn-sidebar .gplus-icon {
  background: none;
  height: auto;
  width: auto;
  text-decoration: none;
  text-indent: 0;
}
.follow-gn-sidebar .gplus-icon img {
  border: none;
  width: 27px;
  height: 27px;
  padding: 0 ;
}
div#sidebar div.social-block {
  white-space: nowrap;
}
div#sidebar div.social-block h4,
div#sidebar div.social-block strong {
  display: block;
  padding: 0;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin: 0 0 0.5em;
}
div#sidebar div.social-block strong {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-right: 5px;
}

/*********************************
    UNORGANIZED
*********************************/

#ms_main_table {
  background: #F1F4F6;
  border: 1px solid #DDDDDD;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 0 20px;
}
#columnLabels td {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  color: #666666;
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
}
.ms_table_col {
  width: 100%;
}
.ms_table_col TD {
  border-collapse:collapse;
  border: 0px;
  font-size: 16px;
  line-height: 1.3em;
  padding: 10px;
  vertical-align: top;
}
.ms_table_col .money {
  text-align: right;
}
.ms_table_col table.category1,
.ms_table_col table.category2 {
  border-top: 1px solid #FFFFFF;
}
.ms_table_col table.category1 {
  width: 30%;
  float:left;
}
.ms_table_col table.category2 {
  width: 40%;
  float:left;
}
#priceTotals td {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  border-top: 1px solid #DDDDDD;
}
/* ADD-ON MANAGE */
.add-onManage #pptp .productChunk {
  padding-left: 35px;
}
.add-onManage #pptp .priceChunk input{
  margin: 0 18px 0 5px;
  width: 12px;
}
.add-onManage #pptp .featuresChunk {
  margin-top: 10px;
}
.add-onManage .price {
  font-weight: bold;
}
input#add-onSubmit {
  background: #f36100;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, rgb(243,97,0)),
    color-stop(0.74, rgb(248,128,0))
);
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(243,97,0) 48%,
    rgb(248,128,0) 74%
);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: none;
  color: #FFFFFF;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  font-size: 18px;
  font-weight: bold;
  padding: 10px 30px;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
  cursor: pointer;
  position: relative;
}
input#add-onSubmit:hover {
  background: #f36100;
}
input#add-onSubmit:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 1px;
}

div.trialOptOut p {
  font-size: 16px;
  color: #666 !important;
  margin: 0;
  padding: 0 0 10px;
}
div.trialOptOut ul {
  margin: 0;
  padding: 0 0 10px 2em;
}
div.trialOptOut ul li {
  font-size: 16px;
  color: #666;
  margin: 0;
  padding: 0 0 5px;
}
div.trialOptOut label {
  font-size: 16px;
  color: #333333;
  display: block;
}
div.trialOptOut label input {
  vertical-align: middle;
}

.resources {
  padding: 20px 0;
  border-top: 1px dashed #DDDDDD;
  clear: both;
}
.resources ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: inside;
}
.resources ul li {
  margin: 0;
  padding: 0 0 5px;
  font-size: 14px;
}
.resources ul li a,
.resources ul li a:visited {
  color: #0066CC;
  text-decoration: none;
}
.resources ul li a:hover {
  text-decoration: underline;
}
ul.addRemoveList li {
  font-size: 16px;
}
.diamondDiscount {
  background: #EAFEDD;
  padding: 20px;
  border: 1px solid #B3E1AB;
  margin: 0 0 20px;
  float: left;
  width: 848px;
}
.diamondDiscount a.buttonBig {
  float: left;
}
.diamondDiscount h2 {
  font-size: 18px !important;
  margin: 0;
  padding: 0 0 15px;
}
.diamondDiscount ul {
  margin: 0;
  padding: 0 40px 30px 1em;
}
.diamondDiscount ul li {
  font-size: 14px;
  margin: 0;
  padding: 0 0 5px;
}
.diamondDiscount strong {
  font-size: 18px;
}
.diamondValueOne {
  float: left;
  width: 480px;
}
.diamondValueTwo {
  float: left;
  width: 240px;
}
.diamondValueTwo ul {
  list-style-type: none;
  padding: 0 30px 0 0;
}
.diamondValueTwo span{
  font-size: 11px;
  padding: 0 0 0 30px;
  color: #666;
}
.diamondValueThree {
  float: left;
  padding: 0;
}
.diamondValueThree ul {
  padding: 0;
}
.diamondValueThree ul {
  list-style-type: none;
}
#addOnTotal {
  clear: both;
  font-size: 18px;
  margin: 0;
  padding: 10px 0 20px;
}
#addOnTotal .currency,
#addOnTotal .amount {
  font-weight: bold;
}

/*********************************
    WELCOME KIT
*********************************/

#welcomegnHeader,
.gnFeatures {
  margin-top: 4em;
}

#welcomegnHeader h1 {
  color: #333333;
  font-size: 3rem;
  font-weight: bold;
  border-bottom: 1px dashed #d8d8d8;
  padding: 0 0 30px;
  text-align: center;
  margin: 0 0 30px;
}
.welcome-kit ul.products {
  margin-bottom: 3.5em;
}

/** WELCOME: Features **/

.gnFeatures h2 {
  font-size: 2.4rem;
  margin-bottom: 1.5em;
}
.gnFeatures h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
}
.gnFeatures h3 span {
  font-weight: normal;
  color: #339900;
  margin-left: 5px;
}

.gnFeatures p,
.gnFeatures li {
  font-size: 1.6rem;
  font-weight: normal;
  color: #666666;
  line-height: 1.4em;
  margin: 0 0 10px;
}

.gnFeatures ul {
  margin: 0;
  padding: 0;
  border: none;
}
.gnFeatures ul li {
  padding: 0 0 0 110px;
  margin: 0 0 2em;
  list-style-type: none;
  position: relative;
}
.gnFeatures ul.resources {
  font-size: 0;
}
.gnFeatures ul.resources li {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 50%;
  margin: 0 0 20px;
  padding: 0;
  vertical-align: top;
  font-size: 16px;
}
.gnFeatures ul.resources li li {
  width: auto;
  display: block;
}
.gnFeatures ul.resources li * {
  padding-right: 35px;
  padding-left: 60px;
}
.gnFeatures ul.resources li * * {
  padding-right: 0;
  padding-left: 0;
}
.gnFeatures ul.unstyled,
.gnFeatures ul.unstyled li {
  margin: 0;
  padding: 0;
}
.gnFeatures ul.resources li li,
.gnFeatures ul.unstyled li {
  margin-bottom: 0.25em;
}
.gnFeatures .gnProducts {
  margin-bottom: 4em;
  border-bottom: 1px dashed #d8d8d8;
  padding-bottom: 2em;
}

/** WELCOME: Features (Images) **/

.gnFeatures ul li {
  position: relative;
  background-image: url(/images/sprites/signup.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -9999em -9999em;
}
.gnFeatures ul li#gnControlPanel {
  background-position: 0 -850px;
}
.gnFeatures ul li#gnFollowUs {
  background-position: 0 -1650px;
}
.gnFeatures ul li#gnNewtoUsenet {
  background-position: 0 -1250px;
}
.gnFeatures ul li#gnSupport {
  background-position: 0 -450px;
}
.gnFeatures ul li#gnRefer {
  background-position: 0 -1050px;
}
.gnFeatures ul li#gnCPApp {
  background-position: 0 -850px;
}
.gnFeatures .icon {
  position: absolute;
  left: 0;
  top: 0.25em;
}
.gnFeatures .icon-mimo,
.gnFeatures .icon-vypr {
  background-image: url(/images/sprites/welcome-kit.png);
}
.gnFeatures .icon-mimo {
  width: 78px;
  height: 78px;
  background-position: 0 -400px;
  margin-left: 8px;
}
.gnFeatures .icon-vypr {
  width: 66px;
  height: 72px;
  background-position: 0 -200px;
  margin-left: 14px;
}

/*********************************
    COMPARISON TABLE

    May be Obsolete...
    Seems Replaced by
    GN Plan Selector

*********************************/

fieldset div {
  float: none;
  width: auto;
}

/** COMP: Table (Basics) **/

table#comp-table td {
  border-collapse: collapse;
  vertical-align: top;
  padding: 0;
  border: none;
}

/** COMP: Select Button **/

table#comp-table a.select-btn {
  display: block;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 1px 1px #333;
  margin: 0 20px;
  padding: 3px 0;
  font-size: 13px;
}

/* Bottom Bar */
div.bottom-bar-container {
  clear: both;
}
div.bottom-bar div.box-1 {
  background: url(/images/su-bottom-bar-logos.png) 10px 10px no-repeat;
  width: 174px;
  padding-left: 115px;
}
div.bottom-bar div.box-2 {
  background: url(/images/su-bottom-bar-logos.png) 10px -430px no-repeat;
  width: 174px;
  padding-left: 115px;
}
div.bottom-bar div.box-3 {
  background: url(/images/su-bottom-bar-logos.png) 10px -1388px no-repeat;
  width: 194px;
  padding-left: 115px;
  padding-right: 0;
  padding-bottom: 0;
}
div.bottom-bar h4 {
  margin: 0;
  font-size: 16px;
  padding: 0 0 3px 0;
  color: #333;
}
div.bottom-bar p {
  padding: 0 0 5px 0;
}
div.bottom-bar ul li {
  list-style-type: disc;
}
div.bottom-bar a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 10px 0 0 0;
  font-size: 14px;
  color: #0066CC;
}
div.bottom-bar a:hover {
  color: #0080ff;
}
div.add-info {
  clear: both;
}
div.add-info h4 {
  font-size: 14px;
  margin: 0;
  padding: 0 0 10px 0;
}
div.add-info h5 {
  font-size: 12px;
  color: #666;
  margin: 0;
}
div.add-info p {
  color: #666;
}

/* START JS customInput */
fieldset div.custom-radio input {
  border: none;
  display: inline;
  float: none;
  font-size: inherit;
  margin: 0;
  width: auto;
}
fieldset div.custom-radio label {
  float: none;
  font-size: inherit;
  line-height: inherit;
  width: auto;
}
.custom-radio {
  position: relative;
}
.custom-radio input {
  opacity: 0;
}
.custom-radio label {
  display: block;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 1px 1px #333;
  margin: 0 20px;
  padding: 3px 0;
  cursor: pointer;
}

/* END JS customInput */

fieldset div.lockin-alert {
  margin: 0 0 20px 0;
}

/*********************************
    RANDOM ITEMS
*********************************/

sup a {
  text-decoration: none;
}

TABLE TD {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: none;
  font-size: 13px;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}

/*********************************
    PRODUCT PAGE
*********************************/
/*Product Pages Template Styles 2011-10*/

div.productPage .wrap {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
div.productPage .slim-wrap {
  width: 780px;
}
#content.productPage {
  width: 100%;
  margin: 0;
  padding: 0;
}

/** PRODUCT: Headings **/

div.productPage h2,
div.productPage div#intro h1 {
  font-size: 30px;
  color: #333;
  margin: 0 0 0.5em;
  padding: 0;
  line-height: 1.2;
}
div.productPage h3 {
  font-size: 18px;
  color: #333;
  line-height: 1.3;
  margin: 0 0 0.5em;
}
div.productPage h4 {
 font-size: 16px;
 margin: 0 0 0.625em;
}

/** PRODUCT: Tags **/

div.productPage p,
div.productPage li,
div.productPage div#productContent p {
  font-size: 15px;
  line-height: 1.4;
  color: #666;
  margin-bottom: 1em;
  max-height: 9999em;
}
div.productPage li {
  margin-bottom: 0.5em;
}
div.productPage p.last {
  margin-bottom: 0 !important;
}
div.productPage a{
  text-decoration: none;
  color: #248abf;
}

div.productPage a:hover{
  color: #1f77a5;
}
div.productPage a.gnCta-2,
div.productPage a.gnCta-2:hover {
  color: #fff;
}

/** PRODUCT: Other **/

div#freeWithDiamond {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 100;
  text-indent: -9999px;
  background: url(/images/freeWithDiamond90.png) no-repeat 0 0;
  width: 90px;
  height: 90px;
}

/** PRODUCT: 2015 Redesign **/
div.main-intro-product h1,
div.main-intro-product p {
  color: #fff;
  line-height: 1.3;
}
.main-intro-product .container,
.main-intro-product .content-wrap {
  font-size: 1.8rem;
  padding-top: 5em;
  padding-bottom: 5em;
}
.main-intro-product .content-wrap {
  position: relative;
  margin-top: -5em;
  margin-bottom: -5em;
  padding-right: 55%;
}
div.main-intro-product h1 {
  margin: 0 0 10px;
}
div.main-intro-product p {
  font-size: 1.8rem;
  margin: 0 0 20px;
}
.main-intro-product p:last-of-type {
  margin-bottom: 0;
}
div.main-intro-product p a {
  text-decoration: underline;
  color: #fff;
}
div.main-intro-product .sub-head {
  font-size: 3rem;
  font-weight: 600;
  color: rgba(255,255,255, 0.75);
}
.main-intro-product img {
  display: block;
  margin: 0;
}
.main-intro-product .main-intro-hero {
  position: absolute;
  max-width: 49%;
  margin-right: 3%;
  margin-left: 3%;
  margin-top: 3em;
  bottom: 0;
  right: 0;
}

/** PRODUCT: Lists **/

ul.tab-nav {
  height: 43px;
  list-style: none;
  left: -1px;
  background: url(/images/productPage_header_bg.png) no-repeat 0 bottom;
}
ul.tab-nav li{
  float: left;
  margin: 0;
  padding: 0;
  background: #f0f0f1;
  background: -moz-linear-gradient(top,  #fafafb 0%, #f0f0f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafb), color-stop(100%,#f0f0f1));
  background: -webkit-linear-gradient(top,  #fafafb 0%,#f0f0f1 100%);
  background: -o-linear-gradient(top,  #fafafb 0%,#f0f0f1 100%);
  background: -ms-linear-gradient(top,  #fafafb 0%,#f0f0f1 100%);
  background: linear-gradient(top,  #fafafb 0%,#f0f0f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafb', endColorstr='#f0f0f1',GradientType=0 );
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d7d7d7;
  border-bottom: none;
  margin-top: 7px;
  text-align: center;
  height: 33x;
  line-height: 33px;
}
ul.tab-nav li.first,
ul.tab-nav li.first a{
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
ul.tab-nav li.first{
  border-left: 1px solid #d6d6d6;
}
ul.tab-nav li.last,
ul.tab-nav li.last a{
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
ul.tab-nav li.last{
  border-right: 1px solid #d6d6d6;
}
ul.tab-nav li a{
  display: block;
  padding: 0 15px;
  border: 1px solid #d6d6d6;
  border-left-color: #fff;
  border-top-color: #fefefe;
  border-bottom: none;
  color: #666;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}
ul.tab-nav li.last a{
  border-right: none;
}
ul.tab-nav li.active,
ul.tab-nav li.active a{
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
ul.tab-nav li.active{
  margin-top: 0;
  background: #fff;
  filter: none;
  border: 1px solid #d6d6d6;
  border-bottom: none;
  position: relative;
  top: 1px;
  height: 41px;
  line-height: 45px;
}
ul.tab-nav li.active a{
  color: #333;
  border-color: #fff;
}
ul.tab-nav li.prev a{
  border-right: none;
}
div.productPage ul#productNav li.cta {
  background: none;
  border: none;
  margin: 4px 0 0 10px;
  *margin-left: 5px;
}
ul.tab-nav {
  padding: 0;
  margin: 0 0 20px;
}

.productPage #productNav {
  background: #f3f3f3;
  background: -moz-linear-gradient(top,  #f3f3f3 0%, #dadada 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dadada));
  background: -webkit-linear-gradient(top,  #f3f3f3 0%,#dadada 100%);
  background: -o-linear-gradient(top,  #f3f3f3 0%,#dadada 100%);
  background: -ms-linear-gradient(top,  #f3f3f3 0%,#dadada 100%);
  background: linear-gradient(to bottom,  #f3f3f3 0%,#dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dadada',GradientType=0 );
  text-align: center;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  font-size: 0;
  border-bottom: 1px solid #cbcbcb;
  margin: 0 0 30px;
  padding: 0;
  zoom:1;
  min-width: 1000px;
}
.productPage #productNav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
}
.productPage #productNav li {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin: 12px 15px 10px;
  font-size: 14px;
  font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
  line-height: 1.2;
  padding: 4px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.productPage #productNav li a {
  display: block;
  color: #666;
}
.productPage #productNav li a:hover {
  color: #333;
}
.productPage #productNav li.active {
  border-top-color: #626262;
  border-bottom-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #686868;
}
.productPage #productNav li.active a,
.productPage #productNav li.active a:hover{
  color: #fff;
}

/** PRODUCT: Content **/

div.productPage div#productContent {
  background: url(/images/productPage_bg.png) no-repeat 0 0;
  left: -7px;
}
div.productPage div#productContent.borderless,
div.vyprvpn div#productContent {
  background: none;
  left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
div.productPage div#productContent div.section {
  border-bottom: 1px dashed #dbdbdb;
  padding: 20px 15px;
  margin: 0;
  position: relative;
  zoom:1;
}
div.productPage div#productContent div.section.last {
  border-bottom: none;
}
div.productPage div#productContent div#main div.section {
  padding-right: 0;
}
div.productPage div#productContent div#intro .last {
  margin-bottom: 0;
}
div.productPage div#productContent div#intro p {
  font-size: 16px;
}
div.productPage div#productContent.borderless div.section,
div.vyprvpn div#productContent div.section{
  padding: 2em 0;
}
div.productPage div#productContent.borderless div#intro {
  padding-top: 1em;
}
div.productPage div#productContent div.single {
  padding: 0 0 0 17px;
}
div.productPage div#productContent.borderless div.single,
div.vyprvpn div#productContent div.single {
  padding-left: 0;
}
div.productPage div#productContent div#main{
  width: 615px;
  padding: 0 10px 0 20px;
  float: left;
}
div.productPage div#productContent.borderless div#main,
div.vyprvpn div#productContent div#main{
  padding-left: 10px;
}
div.productPage div#productContent div#sidebar{
  width: 300px;
  float: right;
  padding-top: 25px;
}
div.productPage div#productContent.borderless div#sidebar,
div.vyprvpn div#productContent div#sidebar{
  padding-top: 20px;
}
div.productPage div#productContent div#sidebar div.section a.gnCta-2 {
  _width: 150px;
}
div.productPage div#productContent div#sidebar h3 {
  margin-bottom: 5px;
}
div.productPage div#productContent div#sidebar p,
div.productPage div#productContent div#sidebar li {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

/** PRODUCT: Sidebar **/

div.productPage div#sidebar a {
  margin-bottom: 0;
  font-size: inherit;
}
div.productPage div#productContent div#sidebar div.section, .gnCallOut-3{
  padding: 0;
  border: 1px solid #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
  background: -moz-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
  background: linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 );
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 5px;
  margin: 0 0 20px;
}
div.productPage div#productContent div#sidebar div.section div.container, .gnCallOut-3 .container{
  padding: 10px 15px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}

/** PRODUCT: Callout (Features) **/

div.productPage div#productContent div#bottomCTA, div#diamondFeaturesCallout {
  vertical-align:top;
  width: 795px;
  margin: 0 auto 30px;
  font-size: 18px;
  padding: 0;
}
div#diamondFeaturesCallout {
  width: auto;
  margin-bottom: 0;
  font-size: 16px;
}
div.productPage div#productContent div#bottomCTA div.container, div#diamondFeaturesCallout .container{
  position: relative;
  overflow: hidden;
  zoom:1;
  /*padding: 15px 15px 15px 195px;*/ /*DT Not Shutdown*/
  padding: 15px 15px 15px 154px; /*DT Shutdown*/
  background: url(/images/vyprvpn/vypr_overview.png) no-repeat -915px bottom;
}
div#diamondFeaturesCallout .container {
  background: url(/images/icons/vypr_dt_mimo_178x57_dtsd.png) no-repeat 4px 7px;
  padding: 15px 10px 10px 185px;
  min-height: 40px;
}
div#diamondFeaturesCallout.small .container {
  padding-left: 155px;
  background: url(/images/icons/vypr_dt_mimo_142x45.png) no-repeat 4px center;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 36px;
}
div.productPage div#productContent div#bottomCTA p, div#diamondFeaturesCallout p{
  float: left;
  width: 335px;
  text-align: center;
  margin: 0;
  color: #333;
  font-size: 17px;
  *font-size: 16px;
  line-height: 1.2em;
  font-weight: 600;
}
div#diamondFeaturesCallout p {
  font-size: 16px;
  width: 300px;
  font-size: 15px\9;
}
div#diamondFeaturesCallout.small p {
  width: 275px;
  font-size: 15px;
  font-size: 13px\9;
}
div.productPage div#productContent div#bottomCTA a.gnCta-2, div#diamondFeaturesCallout a.gnCta-2{
  float: right;
  width: 245px;
}
div#diamondFeaturesCallout a.gnCta-2 {
  width: 185px;
  font-size: 14px;
  line-height: 1.2;
  height: auto;
}
div.productPage div#productContent div#bottomCTA a.gnCta-2 span,
div#diamondFeaturesCallout a.gnCta-2 span {
  *width: 215px;
}
div#diamondFeaturesCallout a.gnCta-2 span {
  padding: 7px 5px 7px 0;
  *padding-right: 0;
  *width: 100%;
}
div#diamondFeaturesCallout a.gnCta-2 img {
  margin-top: 0;
}

/** PRODUCT: Callout (General) **/

div.gnCallOut {
  padding: 1.5em;
  margin: 2em 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #F4F4F4;
  zoom: 1;
}
div.gnCallOut-2,
.signup-error {
  background: #FFFEF2;
  padding: 1.5em 1em;
  border: 2px solid #FEF7CF;
  margin: 0 0 20px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
div.gnCallOut-2.type-important {
  border-color: #6EB77F;
  background-color: #DFFFE6;
  padding-top: 1em;
  padding-bottom: 1em;
}
div.gnCallOut-2.type-important,
div.gnCallOut-2.type-important h2,
div.gnCallOut-2.type-important h3,
div.gnCallOut-2.type-important p {
  color: #1C682E;
  font-size: 18px;
}
div.gnCallOut-2.type-important h2,
div.gnCallOut-2.type-important h3 {
  font-size: 21px;
  margin: 0;
}
div.gnCallOut-2.type-important p:last-child {
  margin-bottom: 0;
}
.signup-error {
  background: #fee;
  color: #c00 !important;
  border-color: #f00;
  max-width: 500px;
  font-weight: bold;
}

div.gnCallOut-3 {
  font-size: 15px;
}
.gnCallOut-4 {
  background: #F0F3F6;
  padding: 20px 25px;
  margin: 0 0 1em;
}
div#productContent div.gnCallOut-3 p {
  font-size: 0.94em;
}
div.gnCallOut-3 a {
  font-size: 100%;
}
/*********************************
    TOOLTIP
*********************************/

div.tooltip {
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  width: 18px;
  vertical-align: top;
  font-size: 14px !important;
  /*top: -3px;*/
  float: none;
  _display: none;
}
div.tooltip span {
  cursor: pointer;
  color: #248abf;
  font-weight: bold;
  vertical-align: top;
  *vertical-align: middle;
  font-size: 16px !important;
  margin: 0;
  background: url(/images/icons/icon_tooltip.png) no-repeat 0 0;
  background-position: 0 0;
  background-size: 100%;
  width: 17px;
  height: 16px;
  display: block;
  text-indent: -9999px;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  div.tooltip span {
    background-image: url(/images/icons/icon_tooltip@2x.png) !important;
  }
}
div.tooltip span:hover {
  color: #1f77a5;
}

div.tooltip div.tooltip-content {
  background: #f4f9f9;
  padding: 15px !important;
  border: 2px solid #a6c2cc;
  position: absolute;
  top: -50px;
  left: 27px;
  display: none;
  width: 360px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  z-index: 20;
  font-weight: normal;
  text-align: left;
}
div.tooltip div.tooltip-content span {
  color: inherit;
  cursor: default;
}
div.tooltip div.tooltip-content span.triangle {
  position: absolute;
  background: url(/images/tooltip-open.png) no-repeat !important;
  height: 20px !important;
  width: 12px !important;
  display: block;
  text-indent: -9999px !important;
  left: -12px;
  top: 45px;
}
div.tooltip div.tooltip-content p,
div.productPage div#productContent div.tooltip div.tooltip-content p {
  font-size: 13px !important;
  line-height: 1.5;
}
div.tooltip div.tooltip-content p.last,
div.productPage div#productContent div.tooltip div.tooltip-content p.last,
div.tooltip div.tooltip-content p:last-child {
  margin-bottom: 0;
}
div.tooltip:hover div.tooltip-content {
  display: block !important;
}

.tooltip-active {
  position: relative;
  z-index: 1;
}

/*********************************
    COMPARE VPN PROTOCOLS
*********************************/

div.gnTable-1 {
  margin: 30px 0;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden;
}
div.gnTable-1 table {
  border-collapse: collapse;
  width: 100%;
}
div.gnTable-1 table td {
  background: #fff;
  vertical-align: top;
  padding: 10px 12px;
  border-left: 1px solid #ddd;
}
div.gnTable-1 table td, div.gnTable-1 table td li, div.gnTable-1 table td p {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}
div.gnTable-1 table td ul {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 20px;
}
div.gnTable-1 table td li {
  margin: 0 0 2px;
  padding: 0;
}
div.gnTable-1 table tr.head td,
div.gnTable-1 table td.feature {
  color: #333;
}
div.gnTable-1 table td.feature {
  font-size: 18px;
  font-weight: bold;
  border-left: none;
}
div.gnTable-1 table tr.head td {
  font-size: 24px;
  font-weight: bold;
  height: 58px;
  line-height: 58px;
  padding-top: 0;
  padding-bottom: 0;
  background: #ebebeb;
  border-bottom: 1px solid #ddd;
  background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
  background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}
div.gnTable-1 table tr.head td.first {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  border-left: none;
}
div.gnTable-1 table tr.head td.last {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
div.gnTable-1 table tr.odd td {
  background: #f6f6f6;
}
div.productPage ul#productNav li a.gnCta-2 {
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.5);
}

/*********************************
    FANCYBOX (SLIDESHOW)
*********************************/
/*Used primarily on VPN Setup instructions*/

#fancybox-wrap {
  margin-top: -40px;
}
#fancybox-title div.caption {
  font-size: 15px;
}

#install-cta {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 2px 1px #DDDDDD;
  background: url(/images/layout-20101201/bgLightGreySpeckle.jpg) repeat scroll 0 0 transparent;
  border: 1px solid #CCCCCC;
  margin: 0 0 20px;
  padding: 10px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#install-cta a,
#install-cta a:visited {
  color: #2576BB !important;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  padding: 25px 0 25px 130px;
  display: block;
  text-shadow: 0 1px 0 #FFFFFF;
}

#install-cta a:hover {
  text-decoration: underline;
  background-position: 0 -95px;
}
#install-cta h2 {
  margin: 0 !important;
  font-size: 16px !important;
}
ul#slide-links {
  display: none;
}

#fancybox-title div.caption,
#fancybox-title p.page-count,
#fancybox-title a {
  font-size: 14px;
}

#fancybox-title div.caption,
#fancybox-title p.page-count {
  padding: 0 0 10px;
  margin: 0;
}

#fancybox-title div.caption {
  color: #333333;
  font-size: 16px;
}

#fancybox-title div.caption * {
  color: #333;
}

#fancybox-title .fb-nav-prev, #fancybox-title .fb-nav-next {
  margin: 0;
  padding: 10px;
  color: #2576BB;
  text-decoration: none;
}
#fancybox-title .fb-nav-prev:hover, #fancybox-title .fb-nav-next:hover {
  text-decoration: underline;
}

/*********************************
    STORAGE SELECTORS
*********************************/

/** STORAGE: Headings **/

h3.title-bar {
  background: #f8f5f3;
  color: #666;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  padding: 0.25em 1em;
  letter-spacing: 2px;
  margin: 15px 0 !important;
  text-transform: uppercase;
}

/** STORAGE: Other **/

span.freeWithDiamond {
  color: #51b36d;
}

/*********************************
    CONTROL PANEL SIDEBAR
*********************************/

/** CP SIDEBAR: Logged In **/

.logged-in #content #sidecol {
  float: left;
  padding-top: 27px;
  position: relative;
  *left: 1px;
  *top: 2px;
}
.logged-in #content #maincol {
  float: right;
}

/** CP SIDEBAR: General **/

#sidebar .control-panel {
  margin-top: -7px;
  border-right: 1px solid #d0d0d0;
  background: #ffffff;
  background: -moz-linear-gradient(left,  #ffffff 0%, #f8f8f8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  background: -webkit-linear-gradient(left,  #ffffff 0%,#f8f8f8 100%);
  background: -o-linear-gradient(left,  #ffffff 0%,#f8f8f8 100%);
  background: -ms-linear-gradient(left,  #ffffff 0%,#f8f8f8 100%);
  background: linear-gradient(left,  #ffffff 0%,#f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
}
#sidebar .control-panel h3 {
  background: #fff url(/images/sidebar_sep_outer_216.png) no-repeat right bottom;
  border: none;
  font-size: 30px;
  position: relative;
  left: 1px;
  margin: 0;
  padding: 0 0 10px;
  height: 38px;
  line-height: 38px;
  *height: 36px;
  *line-height: 36px;
  *left: 0;
}

#sidebar .control-panel #cpanel ul li,
#sidebar .control-panel a {
  font-size: 14px;
}
#sidebar .control-panel #account-info div,
#sidebar .control-panel #cpanel h4,
#sidebar .control-panel #cpanel ul li,
#sidebar .control-panel div.social-block {
  padding-left: 20px;
}

/** CP SIDEBAR: Account Info **/
#sidebar .control-panel #account-info div{
  background: url(/images/sidebar_sep_inner_216.png) no-repeat left bottom;
  padding: 10px;
}
#sidebar .control-panel #account-info span.field,
#sidebar .control-panel #account-info span.value {
  display: block;
}
.logged-in div#sidebar div.social-block h4,
#sidebar .control-panel #account-info span.field {
  font-size: 14px;
  color: #6d6a63;
  font-weight: normal;
}
#sidebar .control-panel #account-info .value {
  padding: 0 0 0 15px;
  background: none;
  overflow: hidden;
}
#sidebar .control-panel #account-info .value,
#sidebar .control-panel #account-info .value ul li {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
#sidebar .control-panel #account-info .value ul li {
  padding: 0;
}
#sidebar .control-panel #account-info span.success {
  font-style: normal;
  color: #699d03;
}
#sidebar .control-panel #account-info span.error {
  font-style: normal;
  color: #CC0000;
}
#sidebar .control-panel #account-info .value a {
  font-weight: normal;
  float: right;
  line-height: 1;
  margin-top: 5px;
  margin-left: 5px;
  *float: none;
  *margin-left: 10px;
  padding-bottom: 2px;
}

/** CP SIDEBAR: Social Media & Internal Ads **/

#sidebar .control-panel div.social-block {
  padding-bottom: 20px;
  background: url(/images/sidebar_sep_outer_216.png) no-repeat right bottom;
}
#sidebar .control-panel div.internal-ads {
  margin-bottom: 15px;
  padding: 10px 0px 10px 10px;
  border-right: none !important;
  border: 1px solid #D0D0D0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
  background: linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
}
#sidebar .control-panel div.social-block strong,
#sidebar .control-panel div.internal-ads strong {
  margin: 0 0 5px;
  color: #6d6a63;
  display: block;
}
#sidebar .control-panel div.social-block strong {
  font-weight: normal;
  font-size: 14px;
}
#sidebar .control-panel div.internal-ads strong {
  font-size: 13px;
  color: #333333;
}
#sidebar .control-panel div.internal-ads ul {
  margin: 0;
  padding: 0;
}
#sidebar .control-panel div.internal-ads li {
  padding-left: 0;
  list-style-type: none;
}
#sidebar .control-panel div.internal-ads li a {
  padding-left: 20px;
  margin-top: 3px;
  font-size: 13px;
  display: block;
}
#sidebar .control-panel div.internal-ads li a.ios {
  background: url(/images/tiny_icon_sprite.png) no-repeat 0px 1px;
}
#sidebar .control-panel div.internal-ads li a.android {
  background: url(/images/tiny_icon_sprite.png) no-repeat 0px -21px;
}

/** CP SIDEBAR: Social Media (Link Details) **/

#sidebar .control-panel #cpanel .links {
  padding-top: 5px;
}
#sidebar .control-panel #cpanel .links ul li {
  margin: 5px 0;
}

/*********************************
    BUGS (CALLOUT/CTA SIGNS)
*********************************/

/** BUGS: Now Hiring **/

a.nowHiringBug {
  position: absolute;
  background: url(/images/gn_now-hiring.png) no-repeat top left;
  width: 75px;
  height: 62px;
  top: 95px;
  right: -65px;
  outline: none;
}

/*********************************
    VYPRVPN APP CALLOUT
*********************************/

div#vyprAppCallout {
  padding: 0;
  overflow: hidden;
  margin-top: 15px;
}
div#vyprAppCallout .container {
  padding: 10px 10px 10px 160px;
  background: url(/images/vypr_cp.png) no-repeat scroll 0 bottom transparent;
}
div#vyprAppCallout .container div {
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  width: 330px;
  margin-right: 10px;
}
div#vyprAppCallout .container div h3, div#vyprAppCallout .container div p {
  margin: 0;
}
div#vyprAppCallout .container .gnCta-2 {
  vertical-align: top;
  margin: 0;
  width: 180px;
  background-size: 1px 150%;
}
div#vyprAppCallout .container .gnCta-2 span {
  padding: 10px 5px;
}
div#vyprAppCallout .container .gnCta-2 span small {
  display: block;
  white-space: nowrap;
  margin-top: 2px;
}

/*********************************
    UNORGANIZED BLUE THINGS
*********************************/

/** UNORGANIZED: Blue Message **/

.blueMessage {
  margin: 0 0 20px;
  background: #f6fbff;
  border: 2px solid #a6bdcd;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px 20px;
}
.blueMessage p {
  margin-bottom: 10px;
}
.blueMessage p:last-child {
  margin-bottom: 0;
}

/** UNORGANIZED: Blue Gradient Banner **/

.blueGradientBanner {
  background: url(/images/banner_blue_radial_gradient.png) 0 0 repeat-y;
  border: 1px solid #0a3b51;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  padding: 20px;
  position: relative;
  overflow: hidden;
  zoom:1;
}
.blueGradientBanner div, .blueGradientBanner p {
  color: #fff;
}

/*********************************
    VARIOUS FORMS
    Contact, Free Account,
    Mail, Affiliates
*********************************/
/*Should be combined into one style*/

#contact-form {

}
#contact-form fieldset,
form#freeacct fieldset,
form#mail fieldset,
fieldset#aff_info {
  float: none;
  position: relative;
  margin: 0 0 20px;
  font-size: 0;
}
#contact-form fieldset div,
form#freeacct fieldset div.fields div,
form#mail fieldset div,
fieldset#aff_info div {
  padding-bottom: 10px;
  font-size: 0;
}
#contact-form fieldset div.fields,
form#freeacct fieldset div.fields,
form#mail fieldset div.fields {
  padding: 15px 0 0;
}
#contact-form fieldset legend,
form#freeacct fieldset legend,
form#mail fieldset legend {
  font-size: 18px;
  color: #333;
  padding: 0 0 5px;
  width: 100%;
  margin: 0;
  text-align: left;
  font-weight: bold;
  left: 0;
  border-bottom: 1px solid #ddd;
}
#contact-form fieldset label, #contact-form fieldset input, #contact-form fieldset textarea, #contact-form fieldset select,
form#freeacct fieldset label, form#freeacct fieldset input, form#freeacct fieldset textarea, form#freeacct fieldset select,
form#mail fieldset label, form#mail fieldset input, form#mail fieldset textarea, form#mail fieldset select,
fieldset#aff_info label, fieldset#aff_info div input, fieldset#aff_info textarea, fieldset#aff_info select {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 14px;
  float: none;
  color: #666;
  font-family: myriad-pro,'Myriad Pro',Helvetica,Arial,sans-serif;
}
#contact-form span,
form#freeacct span,
form#mail span {
  font-size: 14px;
}
#contact-form fieldset label,
form#freeacct fieldset label,
form#mail fieldset label,
fieldset#aff_info label {
  width: 182px;
  padding: 3px 10px 0 0;
  margin: 0;
  text-align: right;
  font-weight: normal;
}
#contact-form p,
form#mail p {
  font-size: 14px;
  margin-bottom: 1em;
}

#contact-form fieldset input[type="text"], #contact-form fieldset input[type="password"], #contact-form fieldset textarea, #contact-form fieldset select,
form#freeacct fieldset input[type="text"], form#freeacct fieldset input[type="password"], form#freeacct fieldset textarea, form#freeacct fieldset select,
form#mail fieldset input[type="text"], form#mail fieldset input[type="password"], form#mail fieldset textarea, form#mail fieldset select,
fieldset#aff_info div input[type="text"], fieldset#aff_info div input[type="password"], fieldset#aff_info div textarea, fieldset#aff_info div select {
  border: solid 1px #ccc !important;
  vertical-align: top;
  width: 258px !important;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#contact-form fieldset input,
form#freeacct fieldset input,
form#mail fieldset input,
fieldset#aff_info div input {
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
}
#contact-form fieldset textarea,
form#freeacct fieldset textarea,
form#mail fieldset textarea,
fieldset#aff_info div textarea {
  padding: 5px;
  resize: none;
}
#contact-form fieldset select,
form#freeacct fieldset select,
form#mail fieldset select,
fieldset#aff_info div select {
  padding: 2px;
  width: 270px;
}

#contact-form fieldset label#lb-problem {
  width: 100%;
  display: block;
  text-align: left;
  margin: -20px 0 10px;
}
#contact-form fieldset p#lb-probdet {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  width: 235px;
  left: 15px;
}

#contact-form fieldset textarea#ct-problem {
  width: 450px;
  height: 125px;
}

#contact-form p.required,
form#freeacct p.required {
  color: #aa0000;
  font-size: 14px;
  margin: -10px 0 20px;
}
#contact-form p.note,
form#freeacct p.note {
  text-align: right;
  margin-bottom: -25px;
}

form#mail fieldset {
  margin: 0 0 10px;
}
form#mail p {
  margin: 1em 0;
}

fieldset#aff_info textarea {
  height: 70px;
}
fieldset#aff_info span.gnCta-2 {
  margin: 10px 0 0 192px;
}
fieldset#aff_info span.gnCta-2 input {
  float: none;
  width: auto;
}

/*********************************
    CONTENT PAGES
*********************************/

/** CONTENT: Affiliates **/

#content.affiliates dt {
  color: #333;
}

/** CONTENT: Legal **/

#content.full, #content.legal {
  padding-top: 30px;
}
#content.legal div#sidebar {
  width: 140px;
  float: left;
  padding-top: 10px;
}
#content.legal div#sidebar h3 {
  font-size: 18px;
  margin: 0 0 6px;
  padding: 0 0 6px;
  border-bottom: 1px dashed #ddd;
}
#content.legal div#sidebar ul, #content.legal div#sidebar ul#legalnav {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content.legal div#sidebar ul ul, #content.legal div#sidebar ul#legalnav ul {
  margin-top: 7px;
  margin-left: 15px;
}
#content.legal div#sidebar ul#legalnav li {
  line-height: 1.1;
  margin-bottom: 5px;
  font-size: 12px;
  color: #333;
}
#content.legal div#sidebar ul#legalnav li.active > a, #content.legal div#sidebar ul#legalnav li.active > a:hover {
  color: #666;
  text-decoration: none;
  cursor: default;
}
#content.legal div#main {
  width: 770px;
  float: right;
}
#content.dmca-form div#main {
  padding-right: 30px;
  width: 740px;
}

/** CONTENT: Legal (Message IDs) **/

.message-ids h2 {
  margin-bottom: 1.4em;
}
.message-ids img {
  margin-bottom: 12px;
}

/*Basic Tables*/
.gn-table {
  width: 100%;
  margin: 1em 0;
  padding: 0;
  outline: none;
  font-size: 14px;
  background: none;
  border-collapse: collapse;
}
.gn-table td,
.gn-table th {
  background: none;
  padding: 5px;
  line-height: 1.4em;
}
.gn-table.bordered td,
.gn-table.bordered th {
  border: 1px solid #ddd;
}
.gn-table .main,
.gn-table strong,
.gn-table th {
  color: #333;
}
.gn-table .big {
  font-size: 2em;
  margin: 0 2px;
}
.gn-table .highlight,
.gn-table .highlight strong {
  color: #66a100;
  background: none;
}
.gn-table tr:nth-child(odd) td {
  background: #f5f4f4;
}
.gn-table tr.totals td {
  background: none;
  padding-top: 20px;
}
.gn-table th {
  font-weight: bold;
  background: #ebe9e9;
}

/*Why Giganews Usenet Compare Table*/
.gn-compare-table-mobile {
  margin: 2em 0;
}
.gn-compare-table th,
.gn-compare-table td {
  text-align: center;
}
.gn-compare-table td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gn-compare-table th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 70px;
}
.gn-compare-table th.giganews {
  background-color: #2e304e;
}
.gn-compare-table th.giganews img {
  position: relative;
  top: 4px;
}
.gn-compare-table td.giganews {
  font-weight: bold;
}
.gn-compare-table tr:nth-child(even) td.giganews {
  background-color: #f2f3f7;
}
.gn-compare-table-mobile  tr:first-of-type .row-heading {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

/*********************************
    CAREERS
*********************************/

/** CAREERS: Listing **/

.open-jobs #jobs {
  margin-top: 30px;
  border-bottom: 1px solid #ddd;
}
.open-jobs .job {
  margin: 0 0 30px;
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.open-jobs .job ol ol {
  list-style: lower-alpha;
}
.open-jobs .job li {
  margin: 5px 0;
}

/** CAREERS: Back to Top **/

#jobs .backToTop {
  font-size: small;
}
#jobs .backToTop::before {
  content: "↑";
}


/* FORGOT PW */
.forgot-pw #contact-form fieldset legend {
  margin-bottom: 2em;
}

/*2012/2013 Redesign styles*/
.col-container {
  font-size: 0;
  margin: -5px 0 0 -30px !important;
  padding: 0;
}
.col-container .col {
  position: relative;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 1em 0 0 30px;
  padding: 0;
  vertical-align: top;
}
.col-container .col p {
  margin: 0.5em 0;
}
.two-col .col {
  width: 465px;
}
.three-col .col {
  width: 300px;
}

.gn-2013 .section,
.gn-2013 #gnTestimonial {
  position: relative;
  padding: 3em 0;
  margin: 0;
}
.gn-2013 .section:before {
  width: 100%;
  height: 18px;
  display: block;
  content: '';
  z-index: 1;
  position: absolute;
  background-image: url(/images/sprites/shadow.png);
  background-repeat: no-repeat;
  background-position: center top;
  top: 0;
}
.gn-2013 .section.first:before {
  display: none;
}
.gn-2013 .section.alt {
  background-color: #f0f3f6 !important;
}
.gn-2013 #gnTestimonial {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: none;
}
.gn-2013 #gnTestimonial ul {
  margin: 0 0 0 -20px;
}
.gn-2013 #gnTestimonial .testimonial {
  margin: 0 0 0 20px;
  padding: 0;
  width: 300px;
  float: left;
}
.gn-2013 #gnTestimonial blockquote,
.gn-2013 #gnTestimonial blockquote p {
  color: #333;
}
.gn-2013 #gnTestimonial blockquote {
  margin: 0;
  padding: 0;
}
.gn-2013 #gnTestimonial blockquote p {
  background: #f0f3f6;
  padding: 20px 20px 20px 30px;
  font-size: 14px;
  position: relative;
  min-height: 7em; /* line-height * 5 */
  margin-bottom: 8px;
}
.gn-2013 #gnTestimonial.alt blockquote p {
  background: #fff;
}
.gn-2013 #gnTestimonial blockquote p:before,
.gn-2013 #gnTestimonial blockquote p:after {
  content: "\""
}
.gn-2013 #gnTestimonial blockquote p:after {
  margin-left: -3px;
}
.gn-2013 #gnTestimonial blockquote p .triangle {
  position: absolute;
  display: block;
  left: 25px;
  bottom: -15px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 38px 0 0;
  border-color: #f0f3f6 transparent transparent transparent;
  line-height: 0px;
  -webkit-transform:rotate(360deg)
  _border-color: #f0f3f6 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.gn-2013 #gnTestimonial.alt blockquote p .triangle {
  border-color: #ffffff transparent transparent transparent;
  _border-color: #ffffff #000000 #000000 #000000;
}
.gn-2013 #gnTestimonial blockquote cite {
  font-style: normal;
  display: block;
  font-weight: bold;
  padding-left: 45px;
  padding: 10px 0 10px 45px;
  background: url(/images/sprites/homepage.png) no-repeat 10px -390px;
  height: 22px;
}

/*App Download Callouts for Mobile Devices*/
.mobile-app-dl-callout {
  position: relative;
  background: #3D3D3D;
  padding: 0.75em;
  color: #FFF;
  z-index: 2;
  border-bottom: 5px solid #333;
}
.mobile-app-dl-callout div,
.mobile-app-dl-callout h4,
.mobile-app-dl-callout p,
.mobile-app-dl-callout li span,
.mobile-app-dl-callout a,
.mobile-app-dl-callout a:hover {
  color: inherit;
  margin: 0;
}
.mobile-app-dl-callout div {
  font-size: 1em;
}
.mobile-app-dl-callout h4,
.mobile-app-dl-callout p,
.mobile-app-dl-callout li span,
.mobile-app-dl-callout a,
.mobile-app-dl-callout a:hover {
  font-size: 1.2em;
}
.mobile-app-dl-callout,
.mobile-app-dl-callout li {
  font-size: xx-large;
  color: #fff;
  line-height: 1.5;
  margin: 0;
}

.mobile-app-dl-callout.android {
  font-family: 'Roboto', sans-serif;
}
.mobile-app-dl-callout.android .message {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid transparent;
  margin: 0.5em 0 0.75em;
  padding: 0 0 0.75em;
}
.mobile-app-dl-callout .iblock {
  vertical-align: middle;
}
.mobile-app-dl-callout .logo {
  margin-right: 0.75em;
  height: 4em;
  width: auto;
}
.mobile-app-dl-callout.android .action-bar {
  font-size: 0;
}
.mobile-app-dl-callout.android .action-bar li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
  border-left: 1px solid transparent;
}
.mobile-app-dl-callout.android .message,
.mobile-app-dl-callout.android .action-bar li {
  border-color: #686868;
}
.mobile-app-dl-callout.android .action-bar li:first-child {
  border-left: none;
}
.mobile-app-dl-callout.android .action-bar li a,
.mobile-app-dl-callout.android .action-bar li span {
  display: block;
  padding: 0.5em 0;
  cursor: pointer;
}

.mobile-app-dl-callout.ios {
  font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
  padding: 1em;
}
.mobile-app-dl-callout.ios h4,
.mobile-app-dl-callout.ios p,
.mobile-app-dl-callout.ios li span,
.mobile-app-dl-callout.ios a,
.mobile-app-dl-callout.ios a:hover {
  font-size: 1.25em;
}
.mobile-app-dl-callout.ios .close {
  cursor: pointer;
  margin-right: 0.75em;
  height: 1.35em;
  width: auto;
}
.mobile-app-dl-callout.ios .view {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #bababa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bababa));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#bababa 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#bababa 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#bababa 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#bababa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=0 );
  color: #333;
  border: 4px solid #666;
  padding: 0.2em 1em;
  text-shadow: 0 2px 4px #FFF;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  right: 0.75em;
  top: 50%;
  margin-top: -1em;
}


/*IPAD*/
/*General*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .mobile-app-dl-callout,
  .mobile-app-dl-callout li {
    font-size: large;
  }
}

/*Icons*/
.icon {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.icon-check {
  background: url(/images/icons/check_23x22.png) no-repeat 0 0;
  width: 23px;
  height: 22px;
}
.icon-check-2 {
  background: url(/images/icons/checkmark.png) no-repeat 0 0;
  width: 19px;
  height: 18px;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .icon-check-2 {
    background-image: url(/images/icons/checkmark@2x.png) no-repeat 0 0;
  }
}

/*5 Year Retention Giveaway*/
#content.five-year-retention-giveaway {
  width: auto;
}
.five-year-retention-giveaway .container {
  width: 950px;
  margin: 0 auto;
}
.five-year-retention-giveaway,
.five-year-retention-giveaway div,
.five-year-retention-giveaway p,
.five-year-retention-giveaway li {
  font-size: 18px;
  color: #333;
}
.five-year-retention-giveaway .banner,
.five-year-retention-giveaway .banner div,
.five-year-retention-giveaway .banner h1 {
  color: #fff;
}
.five-year-retention-giveaway .banner {
  position: relative;
  text-align: center;
  background: #be3730 url(/images/red_stripes_tile.png) -2px 0;
  margin-bottom: 7em;
}
.five-year-retention-giveaway .banner h1 {
  font-size: 2.6667em;
  text-shadow: 3px 3px rgba(0,0,0,0.2);
  margin-bottom: 1em;
}
.five-year-retention-giveaway .banner .container {
  padding: 3.5em 0 273px;
}
.five-year-retention-giveaway .banner .years {
  position: absolute;
  left: 0;
  bottom: -32px;
  z-index: 1;
  width: 100%;
}
.five-year-retention-giveaway .banner .years span {
  font-size: 1.8888em;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 1px 2px rgba(0,0,0,0.2);
}
.five-year-retention-giveaway .banner .years var {
  display: none;
}
.five-year-retention-giveaway .banner img {
  position: absolute;
  left: 50%;
  margin-left: -417px;
}
.five-year-retention-giveaway h2 {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 1em;
}
.five-year-retention-giveaway .pull-left {
  width: 500px;
  margin-right: 20px;
  margin-bottom: 1.5em;
  padding-top: 0.25em;
}
.five-year-retention-giveaway .widget {
  width: auto;
  margin-right: 0;
  padding-top: 0;
}


/* ==========================================================================
   2000 Days Landing Page
   ========================================================================== */

#content.milestone-2000-days {
  width: auto;
  margin-bottom: -50px;
}
.milestone-2000-days .container {
  width: 820px;
  margin: 0 auto;
  padding: 0 65px;
}
.milestone-2000-days .subhead,
.milestone-2000-days .section .subhead {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
}
.milestone-2000-days strong {
  font-weight: 600;
}
.milestone-2000-days .red {
  color: #bd3630 !important;
}
.milestone-2000-days .x-large {
  font-size: 93px !important;
}
.milestone-2000-days .large {
  font-size: 53px !important;
}
.milestone-2000-days .section,
.milestone-2000-days .section-intro,
.milestone-2000-days .section-main,
.milestone-2000-days .section-footer {
  padding: 5em 0;
}
.milestone-2000-days .section .section-intro,
.milestone-2000-days .section .section-first {
  margin-top: -5em;
}
.milestone-2000-days .section-intro {
  background: #4f5255 url(/images/backgrounds/stripes.png) 0 0;
}
.milestone-2000-days .section .section-last,
.milestone-2000-days .section .section-footer {
  margin-bottom: -5em;
}
.milestone-2000-days .section-footer {
  background: #f0f3f6;
  padding: 1.5em 0 0.75em;
}
.milestone-2000-days .section p {
  font-size: 26px;
  color: #333;
  margin-bottom: 0.5em;
}
.milestone-2000-days .section-intro h2,
.milestone-2000-days .section-intro p {
  color: #fff;
}
.milestone-2000-days .section-footer .container {
  position: relative;
}
.milestone-2000-days .section-footer .icon-question {
  position: absolute;
  left: 65px;
  top: 50%;
  margin-top: -16px;
}
.milestone-2000-days .what-it-looks-like .section-footer .icon-question {
  margin-top: 0;
  top: 0.25em;
}
.milestone-2000-days .section-footer h3,
.milestone-2000-days .section-footer p {
  font-size: 18px;
  margin: 0 0 0.5em 45px;
  word-wrap: break-word;
}
.milestone-2000-days .section-footer p,
.milestone-2000-days .section-footer h3 {
  font-weight: 600;
}
.milestone-2000-days .section-footer h3 span {
  font-weight: 500;
}
.milestone-2000-days .icon {
  background: url(/images/landing/2000-days/landing_page_icons.png) no-repeat -9999em -9999em;
}
.milestone-2000-days .icon-question {
  width: 33px;
  height: 33px;
  background-position: -643px 0;
}
.milestone-2000-days .hero-banner {
  background: #c83a33 url(/images/landing/2000-days/red_tile.png) center center;
  padding: 5em 0 5.5em;
  margin: 0;
}
.milestone-2000-days .hero-banner h1,
.milestone-2000-days .hero-banner p {
  color: #fff;
}
.milestone-2000-days .hero-banner h1 {
  font-size: 66px;
  line-height: 1.5em;
  font-weight: 300;
  margin-bottom: 0.25em;
}
.milestone-2000-days .hero-banner h1 strong {
  font-size: 152px;
  text-transform: uppercase;
  font-weight: 600;
}
.milestone-2000-days .hero-banner p {
  margin-bottom: 0;
}
.milestone-2000-days h2 {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 0.25em;
}
.milestone-2000-days sup {
  font-size: 0.5em;
}
.milestone-2000-days .graphic {
  margin-top: 5em;
  padding-top: 1px;
  padding-bottom: 1px;
}
.milestone-2000-days .graphic img {
  display: block;
  margin: 2.5em 0;
}
.milestone-2000-days .graphic img.center {
  margin-left: auto;
  margin-right: auto;
}
.milestone-2000-days .what-it-looks-like-infographic {
  margin: 0;
}
.milestone-2000-days .what-it-looks-like-infographic li {
  position: relative;
  padding-left: 170px;
  margin: 4em 0 0;
}
.milestone-2000-days .what-it-looks-like-infographic p {
  font-weight: 600;
  margin: 0;
}
.milestone-2000-days .what-it-looks-like-infographic strong {
  font-size: 56px;
  line-height: 1;
}
.milestone-2000-days .what-it-looks-like-infographic .icon {
  position: absolute;
  left: 0;
  top: 50%;
}
.milestone-2000-days .what-it-looks-like-infographic .icon-pizza {
  width: 139px;
  height: 142px;
  margin-top: -71px;
  margin-left: 1px;
  background-position: 0 0;
}
.milestone-2000-days .what-it-looks-like-infographic .icon-running-man {
  width: 133px;
  height: 137px;
  margin-top: -68px;
  margin-left: 4px;
  background-position: -208px 0;
}
.milestone-2000-days .what-it-looks-like-infographic .icon-moon {
  width: 142px;
  height: 142px;
  margin-top: -71px;
  background-position: -410px 0;
}
.milestone-2000-days .what-it-looks-like .section-footer p {
  max-width: 670px;
}
.milestone-2000-days .how-much-data .section-intro h2 {
  margin-bottom: 0.85em;
}
.milestone-2000-days .how-much-data .section-intro .x-large {
  margin-bottom: 0;
  margin-top: 0.5em;
  line-height: 1;
}
.milestone-2000-days .how-much-data .section-main h2 {

}
.milestone-2000-days .how-much-data .section-main .large {
  margin-bottom: 1.25em;
}
.milestone-2000-days .how-much-data .icon-floppy-small {
  background-position: -854px 0;
  width: 32px;
  height: 32px;
}
.milestone-2000-days .how-much-data .empire-state-graphic {
  margin-bottom: -3em;
}
.milestone-2000-days .the-world-did-not-have .section-intro {
  background: #be3730 url(/images/red_stripes_tile.png) -2px 0;
}
.milestone-2000-days .the-world-did-not-have-graphic {
  margin-left: -20px;
  font-size: 0;
}
.milestone-2000-days .the-world-did-not-have-graphic li {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  width: 240px;
  margin-left: 20px;
  margin-bottom: 0.5em;
  white-space: nowrap;
  padding-top: 70px;
}
.milestone-2000-days .the-world-did-not-have-graphic li .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.milestone-2000-days .the-world-did-not-have .icon-foursquare {
  width: 48px;
  height: 48px;
  background-position: -965px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-burj {
  width: 14px;
  height: 65px;
  background-position: -1574px 0;
}
.milestone-2000-days .the-world-did-not-have .icon-wifi {
  width: 63px;
  height: 44px;
  background-position: -2143px 0;
  margin-top: 21px;
}
.milestone-2000-days .the-world-did-not-have .icon-ipad {
  width: 44px;
  height: 54px;
  background-position: -1085px 0;
  margin-top: 11px;
}
.milestone-2000-days .the-world-did-not-have .icon-tv {
  width: 56px;
  height: 48px;
  background-position: -1672px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-instagram {
  width: 48px;
  height: 48px;
  background-position: -2268px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-camera {
  width: 62px;
  height: 48px;
  background-position: -1195px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-square {
  width: 49px;
  height: 49px;
  background-position: -1794px 0;
  margin-top: 16px;
}
.milestone-2000-days .the-world-did-not-have .icon-thermostat {
  width: 50px;
  height: 50px;
  background-position: -2386px 0;
  margin-top: 15px;
}
.milestone-2000-days .the-world-did-not-have .icon-kickstarter {
  width: 50px;
  height: 50px;
  background-position: -1319px 0;
  margin-top: 15px;
}
.milestone-2000-days .the-world-did-not-have .icon-snapchat {
  width: 51px;
  height: 48px;
  background-position: -1911px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-gaming {
  width: 68px;
  height: 48px;
  background-position: -2495px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-windows {
  width: 48px;
  height: 48px;
  background-position: -1439px 0;
  margin-top: 17px;
}
.milestone-2000-days .the-world-did-not-have .icon-glasses {
  width: 71px;
  height: 34px;
  background-position: -2020px 0;
  margin-top: 31px;
}
.milestone-2000-days .the-world-did-not-have .icon-pinterest {
  width: 49px;
  height: 49px;
  background-position: -2636px 0;
  margin-top: 16px;
}
.milestone-2000-days .graphic-gn-timeline {
  position: relative;
  width: 854px;
  height: 4330px;
  background: url(/images/landing/2000-days/timeline.png) no-repeat center top;
  margin-left: -17px;
}
.milestone-2000-days .graphic-gn-timeline li {
  position: absolute;
  background: #bd3023;
  width: 310px;
  padding-left: 40px;
}
.milestone-2000-days .graphic-gn-timeline .meta {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
}
.milestone-2000-days .graphic-gn-timeline .meta .date {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -1px;
  white-space: nowrap;
}
.milestone-2000-days .graphic-gn-timeline .description {
  background: #f0f3f6;
  padding: 0.75em 1em 0.25em;
}
.milestone-2000-days .graphic-gn-timeline .description p {
  font-size: 16px;
}
.milestone-2000-days .graphic-gn-timeline .right-side {
  left: auto;
  right: 0;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-1994-a {
  top: 13px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-1995-a {
  top: 55px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-1998-a {
  top: 245px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-1999-a {
  top: 315px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2002-a {
  top: 480px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2003-12-17 {
  top: 600px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2004-06-09 {
  top: 800px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2006-01-19 {
  top: 1200px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2006-10-27 {
  top: 1470px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2007-01-10 {
  top: 1595px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2007-02-01 {
  top: 1630px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2007-04-12 {
  top: 1695px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2007-07-19 {
  top: 1790px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-01-03 {
  top: 1990px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-05-10 {
  top: 2085px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-08-18 {
  top: 2185px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-10-27 {
  top: 2185px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-11-04 {
  top: 2285px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2008-11-24 {
  top: 2285px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2009-01-09 {
  top: 2385px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2009-01-19 {
  top: 2385px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2009-08-07 {
  top: 2575px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2009-11 {
  top: 2680px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2010-01-22 {
  top: 2760px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2010-08-07 {
  top: 2980px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2010-11-02 {
  top: 3055px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2011-02-09 {
  top: 3180px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2011-05-02 {
  top: 3280px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2011-12-14 {
  top: 3460px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2012-05-15 {
  top: 3665px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2012-05-17 {
  top: 3665px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2012-09-13 {
  top: 3785px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2013-08-05 {
  top: 4140px;
}
.milestone-2000-days .graphic-gn-timeline .timeline-event-2013-11-26 {
  top: 4230px;
}
.milestone-2000-days .graphic-gn-timeline .icon {
  background-image: url(/images/landing/2000-days/timeline_icon_sprite.png);
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.milestone-2000-days .graphic-gn-timeline .icon-news {
  width: 20px;
  height: 19px;
  background-position: 0 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-globe {
  width: 20px;
  height: 20px;
  background-position: -25px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-inc {
  width: 22px;
  height: 11px;
  background-position: -49px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-moz {
  width: 25px;
  height: 20px;
  background-position: -72px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-lock {
  width: 16px;
  height: 20px;
  background-position: -102px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-cake {
  width: 20px;
  height: 22px;
  background-position: -125px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-up {
  width: 20px;
  height: 20px;
  background-position: -150px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-party-hat {
  width: 18px;
  height: 25px;
  background-position: -176px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-vypr {
  width: 20px;
  height: 21px;
  background-position: -200px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-dt {
  width: 24px;
  height: 16px;
  background-position: -223px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-android {
  width: 19px;
  height: 23px;
  background-position: -250px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-iphone {
  width: 11px;
  height: 23px;
  background-position: -279px 0;
}
.milestone-2000-days .graphic-gn-timeline .icon-cal {
  width: 19px;
  height: 21px;
  background-position: -299px -2px;
}
.milestone-2000-days .memories h2 {
  margin-bottom: 1em;
}
.milestone-2000-days .memories .gnCta-6 {
  color: #fff !important;
  font-size: 16px;
  margin-top: 2em;
  padding-left: 35px;
  position: relative;
}
.milestone-2000-days .social-share {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: -5em;
}
.milestone-2000-days .social-share-bottom {
  margin-top: 1em;
}
.milestone-2000-days .social-share strong,
.milestone-2000-days .social-share ul,
.milestone-2000-days .social-share li {
  vertical-align: middle;
}
.milestone-2000-days .social-share strong,
.milestone-2000-days .social-share li {
  font-size: 18px;
}
.milestone-2000-days .social-share strong {
  color: #333;
}
.milestone-2000-days .social-share li {
  margin-left: 5px;
}
.milestone-2000-days .social-share .gnCta-6 {
  color: #fff !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0.5em 1em 0.5em 35px;
  position: relative;
  -border-radius: 2px;
}
.milestone-2000-days .icon-fb,
.milestone-2000-days .social-share .icon {
  position: absolute;
  left: 9px;
  top: 50%;
}
.milestone-2000-days .icon-gplus {
  width: 19px;
  height: 15px;
  background-position: -2763px -1px;
  margin-top: -8px;
}
.milestone-2000-days .icon-twitter {
  width: 33px;
  height: 26px;
  background-position: -2850px 0;
  margin-top: -11px;
}
.milestone-2000-days .icon-fb {
  width: 8px;
  height: 15px;
  background-position: -2945px -1px;
  left: 14px !important;
  margin-top: -8px;
}
.milestone-2000-days .social-share .fb-button {
  background: #3b5998;
}
.milestone-2000-days .social-share .fb-button:hover {
  background: #314b80;
}
.milestone-2000-days .social-share .twitter-button {
  background: #00a0d1;
}
.milestone-2000-days .social-share .twitter-button:hover {
  background: #0088b2;
}
.milestone-2000-days .social-share .gplus-button {
  background: #db4a39;
}
.milestone-2000-days .social-share .gplus-button:hover {
  background: #cf3725;
}


/*Usenet/Newsgroup Adwords LPs*/
.template-adwords-newsgroup-usenet .main-intro .container {
  padding-top: 50px;
}
.template-adwords-newsgroup-usenet .main-intro h1 {
  color: #fff;
  font-weight: 400;
  font-size: 3.7rem;
  letter-spacing: 3px;
  margin-bottom: 0.75em;
}
.template-diamond-special .sub-head strong,
.template-adwords-newsgroup-usenet .main-intro h1 strong {
  font-weight: 900;
  display: block;
  font-size: 11rem;
  line-height: 0.9;
  margin-bottom: -8px;
  letter-spacing: 0;
}
.template-diamond-special .sub-head span,
.template-adwords-newsgroup-usenet .main-intro h1 span {
  color: #3AC3CF;
  font-size: 3rem;
  letter-spacing: 4px;
}
.template-adwords-newsgroup-usenet .main-intro .gnCta-6 {
  font-size: 1.8rem;
  margin-bottom: 2em;
}
.template-adwords-newsgroup-usenet .main-intro .hero-image-right {
  padding-right: 578px;
  min-height: 345px;
}
.template-adwords-newsgroup-usenet .main-intro .hero-image {
  top: auto;
  bottom: -17px;
}
.template-adwords-newsgroup-usenet .main-intro .hero-image span {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 17%;
  left: 10%;
  right: 10%;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 4px;
}
.template-diamond-special .section-gn-features li,
.template-adwords-newsgroup-usenet .section-gn-features li {
  margin-bottom: 1em;
}
.template-diamond-special .section-gn-features img,
.template-adwords-newsgroup-usenet .section-gn-features img {
  max-width: 75%;
}
.template-adwords-newsgroup-usenet .section-gn-features h3 {
  margin-top: 0;
}
.template-usenet-special .section.features h3,
.template-usenet-special .section.features p,
.template-diamond-special .section-gn-features h3,
.template-diamond-special .section-gn-features p,
.template-adwords-newsgroup-usenet .section-gn-features h3,
.template-adwords-newsgroup-usenet .section-gn-features p {
  max-width: 81%;
}
.template-adwords-newsgroup-usenet .section-what-is img {
  margin-top: 1em;
}
.template-adwords-newsgroup-usenet .section-diamond-extras ul {
  margin-top: 4em;
}
.template-diamond-special .section-diamond-extras li,
.template-adwords-newsgroup-usenet .section-diamond-extras li {
  margin: 2em 0 0;
}
.page-free-usenet .section-diamond-extras h4,
.template-usenet-special .section-diamond-extras h4,
.template-diamond-special .section-diamond-extras h4,
.template-adwords-newsgroup-usenet .section-diamond-extras h4 {
  background: #C83833;
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  padding: 7px 15px;
  margin: 0 0 20px;
}
.template-adwords-newsgroup-usenet .section-diamond-extras h3 {
  margin-top: 0;
}
.template-adwords-newsgroup-usenet #bottomCta {
  margin-bottom: -50px;
  padding: 2.5em 15px 2em;
  width: auto;
}
.template-diamond-special #bottomCta h2,
.template-adwords-newsgroup-usenet #bottomCta h2 {
  margin: 0 auto 1em;
  max-width: 580px;
  line-height: 1.3;
}
.template-no-banner fieldset div {
  float: left;
  width: 100%;
}
.page-newsgroup-search fieldset div {
  margin-bottom: 10px
}
.page-newsgroup-search fieldset label {
  width: 20%;
}


/*Template Diamond Special*/
#mainBody #content.template-diamond-special {
  padding-bottom: 0;
}
.template-diamond-special .sub-head {
  font-family: 'brandon-grotesque', sans-serif;
}
.template-diamond-special .sub-head strong,
.template-diamond-special .sub-head span {
  color: #fff;
  text-transform: uppercase;
}
.template-diamond-special .sub-head span {
  font-weight: 100;
  line-height: 60px;
}
.page-free-usenet .section-diamond-extras h3,
.template-usenet-special .section-diamond-extras h3,
.template-diamond-special .section-diamond-extras h3 {
  display: block;
  margin-top: 0;
}

/*Velaro Live Chat*/
/*.velaro-lc-button,
.velaro-lc-button img {
  display: block;
}
.velaro-lc-button {
  background: #fff;
  position: fixed;
  bottom: -1px;
  left: -1px;
  border: 1px solid #000;
}*/
.velaro-lc-container {
  position: fixed;
  left: 10px;
  bottom: -550px;
  margin-bottom: -11px;
  background: #fff;
  z-index: 2000;
}
.velaro-lc-container.open {
  bottom: 0;
}
.velaro-lc-container iframe {
  width: 402px;
  height: 550px;
}
.velaro-lc-button {
  position: absolute;
  top: -50px;
  right: 0;
  border: 1px solid #000;
  border-bottom: none;
  background: #fff;
}
.velaro-lc-button img {
  display: block;
}

/* ==========================================================================
   Usenet Special Banner (Theme + Component)
   ========================================================================== */
/*
* NOTE: The following styles are shared between the
*       different Usenet specials.
*       So far: (Winter, Spring)
*
* SEE: https://jira.phmgmt.com/browse/FE-2387
*
* HACK: '#content' is needed to override:
*       => 'index.css:213' -> "#mainbody p"
*       => 'index.css:554' -> ".gnHome .container-1180 p"
*
*/
 #content .t-usenet-special-banner .c-content--offer {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: "proxima-nova", sans-serif;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 1.15;
  text-transform: uppercase;
}
#content .t-usenet-special-banner .c-content--product {
  margin-bottom: 15px;
  font-family: "proxima-nova", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.65;
  letter-spacing: 6px;
  text-transform: uppercase;
}
.t-usenet-special-banner .c-button {
  font-size:  2.4rem;
}
/* ==========================================================================
   Usenet Spring Special
   ========================================================================== */
.t-bg-usenet-special--spring {
  background-image: url(/images/specials/diamond-spring/bg_tile_spring.png);
  background-color: purple;
}
.t-bg-usenet-special--spring .c-title {
  color: #FDCA3F;
}
.t-bg-usenet-special--spring .c-content--discount {
  color: #fff;
}
.t-bg-usenet-special--spring .c-content--offer {
  color: #fff;
}
.t-bg-usenet-special--spring .c-content--product {
  color: #FDCA3F;
}
.t-bg-usenet-special--spring .c-button {
  background-color: #2AB0C4;
}
.t-bg-usenet-special--spring .c-button:hover,
.t-bg-usenet-special--spring .c-button:active {
  background-color: #12707E;
}

/* ==========================================================================
   Usenet Winter Special
   ========================================================================== */
.t-bg-usenet-special--winter {
  background-position: center 90%;
  background-size: cover;
  background-image: url(/images/banner-usenet-winter-special.png);
  background-color: #fff;
}
.t-bg-usenet-special--winter .c-title {
  color: #c83833;
}
.t-bg-usenet-special--winter .c-content--discount,
.t-bg-usenet-special--winter .c-content--offer,
.t-bg-usenet-special--winter .c-content--product {
  color: #3b637b;
}

/*
* NOTE: The following style is for the 'Winter Special' only.
*       Accounts for the reduced section padding-top AND for
*       the "Winter Special" background (Bottom white snow hills)
*/
.gnHome .t-bg-usenet-special--winter ~ section:first-of-type {
  padding-top: 16px;
}

/* ==========================================================================
   Usenet Summer Special
   ========================================================================== */
.t-bg-usenet-special--summer {
  background-position: center 90%;
  background-size: cover;
  background-image: url(/images/backgrounds/gn_summer_banner.jpg);
}
.t-bg-usenet-special--summer .c-title {
  color: #f3681e;
}
.t-bg-usenet-special--summer .c-content--discount,
.t-bg-usenet-special--summer .c-content--offer,
.t-bg-usenet-special--summer .c-content--product {
  color: #fff;
}
.t-bg-usenet-special--summer .c-button {
  background-color: #f3681e;
}
.t-bg-usenet-special--summer .c-button:hover,
.t-bg-usenet-special--summer .c-button:active {
  background-color: #C64A08;
}