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

div.section h3 { border-bottom: solid 1px #ccc; padding-bottom: 2px; }
div.section h3 a { color: #666; }

div.section.accelerator {
  height: 195px;
  width: 153px;
  margin: 30px 15px;
}

div#idxs-note {
  margin-bottom: -30px;
}
div#idxs-det {
  position: relative;
  overflow: hidden;
  margin-top: 47px;
}
div#idxs-det h3 {
  font-size: 24px;
  margin: 0 0 10px;
  position: relative;
}
div#idxs-det div {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  position: relative;
}
div#idxs-det h2 a {
  font-size: 16px;
}
div#idxs-detleft {
  position: relative;
  overflow: hidden;
  background: url(/images/d0d0d0_1x1.png) repeat-y 50% 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
div#idxs-det1, div#idxs-det2 {
  width: 45%;
  margin-right: 10%;
  float: left;
  padding: 20px 0;
}
div#idxs-det2 {
  margin-right: 0;
}
div#idxs-det1 div, div#idxs-det2 div { clear: left; width: 100%; }
div#idxs-det1 b, div#idxs-det1 strong, div#idxs-det2 b, div#idxs-det2 strong {
  font-weight: normal;
  color: #666;
}
div#idxs-det1 div div, div#idxs-det2 div div {
  clear: none;
  display: inline;
  margin-right: 2%;
  font-weight: bold;
  color: #333;
}
div#idxs-det2 div.success {
  background: none;
  border: none;
  font-size: 18px !important;
  margin: 0;
  padding: 0;
}
div#idxs-det2 i {
  font-style: normal;
}

div#idxs-ctnos {
  position: relative;
  overflow: hidden;
  clear:both;
  border-top: 1px solid #d0d0d0;
  background: #fff;
  padding: 20px 0;
}
div#idxs-ctnos div#ict-support, div#idxs-ctnos div#ict-billing, div#idxs-ctnos div#ict-sales {
  width: 30%;
  margin: 0 3% 0 0;
  display: block;
  float: left;
}
div#idxs-ctnos div div {
  color: #666;
}
div#idxs-ctnos h4 {
  margin: 0;
  font-size: 18px;
}
div#idxs-ctnos div.ict-email {  }
div#idxs-ctnos div.ict-phone {  }
div#idxs-ctnos div.ict-fax { }
div#idxs-ctnos span.ict-number {
  font-weight: bold;
  color: #333;
}

div#idxs-cp {
  display: inline;
  float: left;
  margin: 0;
  padding-left: 15px;
  width: 381px;
}

div#idxs-cp div { float: left; padding-right: 10px; width: 171px; }
div#idxs-cp h4 { color: #444; margin: 0 }
div#idxs-cp ul { margin: 0; padding: 0; }
div#idxs-cp ul li {
  font-size: 12px;
  line-height: 1.4em;
  list-style-type: none;
}

div#gna-bump img { margin-left: 1.3em; margin-right: 1.0em; }

div.usenet-u-image {
  display: block;
  float: left;
  width: 80px;
  height: 67px;
  margin: 0 5px 15px 0;
  background: url(/images/icon_gnuu.png) top no-repeat;
}

span.usenet-u-red-text {
  font-size: 14px;
  font-weight: bold;
  color: #c41200;
}

div#content { padding-top: 0; width: 100%; }
div#index {
  clear: both;
  position: relative;
}
div#index, .gnBodyContent {
  width: 940px;
  padding: 0;
  margin: 0 auto;
}
div#index {
  padding: 0 20px;
}
.gnBodyContent {
  overflow:visible;
}

/* NEW PLAN SELECTOR - Index Styles */
div#gn-plan-selector {
  position: absolute;
  width: 330px;
  right: 20px;
  bottom: -15px;
  clear: both;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.price-block {
  width: 105px;
  text-align: right;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a {
  width: 342px;
}
div#gn-plan-selector ul#plan-list li.plan-block a span.plan-desc {
  padding: 10px 130px 10px 20px;
}
div#gn-plan-selector ul#plan-list li#diamond-plan.plan-block a span.price-block span.price {
  font-size: 28px;
}

/*BEGIN LAYOUT-20101201*/

#content {
  padding: 0;
  width: 100%;
}

/*********************************
    BODY
*********************************/

#mainBody {
  font-size: 16px;
  font-family: "proxima-nova", "Myriad Pro", Arial, Helvetica, sans-serif;
  padding-bottom: 1px;
}

#mainBody div,
#mainBody p,
#mainBody li,
#mainBody blockquote {
  font-size: 1em;
}
#mainBody a {
  font-size: 100%;
  color: #4e95be;
  text-decoration: none;
}
#mainBody a:hover {
  color: #4482a6;
}
#index .gnBodyWrapper {
  padding-top: 60px;
}
#index .gnBodyWrapper:before,
#index .gnBodyWrapper:after {
  width: 100%;
  height: 18px;
  display: block;
  content: '';
  z-index: 1;
  position: absolute;
  background-image: url(/images/sprites/shadow.png);
  background-repeat: no-repeat;
}
#index .gnBodyWrapper:before {
  top: -18px;
  background-position: center bottom;
}
#index .gnBodyWrapper:after {
  bottom: -18px;
  background-position: center top;
}

.gnBodyContent p {
  color: #333;
}
.gnBodyContent a, .gnBodyContent a:visited {
  color: #2576bb;
  text-decoration: none;
}
.gnBodyContent a:hover {
  text-decoration: underline;
}
.gnBodyContent #gnWhyGiganews .row {
  position: relative;
  overflow: hidden;
  margin: 0 -10px 0 -20px;
  padding: 0 10px 4em 0;
  background: url(/images/sprites/homepage.png) no-repeat -940px -366px;
}
.gnBodyContent #gnWhyGiganews .row.alt {
  background-position: right -366px;
}
.gnBodyContent #gnWhyGiganews h3 {
  color: #333;
  padding: 130px 0 0;
  margin-top: 50px;
  background: url(/images/sprites/homepage.png) no-repeat -9999px -9999px;
}
.gnBodyContent #gnWhyGiganews .whyFeature {
  padding: 0;
  position: relative;
  width: 300px;
  float: left;
  margin: 0 0 0 20px;
}
.gnBodyContent #gnWhyGiganews .retention h3 {
  background-position: -960px 0;
}
.gnBodyContent #gnWhyGiganews .speed h3 {
  background-position: -1280px 0;
}
.gnBodyContent #gnWhyGiganews .completion h3 {
  background-position: -1600px 0;
}
.gnBodyContent #gnWhyGiganews .outsource h3 {
  background-position: -1920px 0;
}
.gnBodyContent #gnWhyGiganews .uptime h3 {
  background-position: -960px -177px;
}
.gnBodyContent #gnWhyGiganews .latency h3 {
  background-position: -1280px -177px;
}
.gnBodyContent #gnWhyGiganews .extras h3 {
  background-position: -1600px -164px;
  margin-top: 37px;
  padding-top: 143px;
}
.gnBodyContent #gnWhyGiganews .support h3 {
  background-position: -1920px -175px;
}
.gnBodyContent #gnWhyGiganews .trust h3 {
  background-position: -2250px 0;
}
.gnBodyContent #gnWhyGiganews .whyFeature em {
  font-style: normal;
  text-transform: uppercase;
}

/*********************************
    EXCLUSIVES (PRODUCT COLS)
*********************************/

/** EXCLUSIVES: General **/

#gnExclusives {
  padding: 0;
  border-bottom: 1px solid #f9fafb;
}
#gnExclusives .gnBodyContent {
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 940px;
  zoom: 1;
}
#gnExclusives .exclusiveItems {
  overflow: hidden;
}
#gnExclusives div.columns {
  overflow: hidden;
}
#gnExclusives div.columns div {
  width: 250px;
  float: left;
  cursor: pointer;
  padding: 38px 25px;
  margin: 0 20px 0 0;
}
#gnExclusives div.columns div.active {
  cursor: default;
}
#gnExclusives div.columns div.last {
  margin-right: 0;
}
#gnExclusives div.columns div,
#gnExclusives div.columns h3,
#gnExclusives div.columns p,
#gnExclusives div.columns strong,
#gnExclusives div.columns a {
  position: relative;
}

/** EXCLUSIVES: Elements **/

#gnExclusives h3 {
  padding-top: 160px;
  margin-right: -1em;
  background-image: url(/images/sprites/homepage.png);
  background-repeat: no-repeat;
  background-position: -9999px -9999px;
  margin-bottom: 0;
}
#gnExclusives p {
  margin: 0.75em 0 0.5em;
}
#gnExclusives div.columns div.gn {
  display: none;
}

/** EXCLUSIVES: H3 **/

#gnExclusives div.columns div.mimo h3 {
  background-position: 65px 0;
}
#gnExclusives div.columns div.vyprvpn h3 {
  background-position: -575px 0;
}
#gnExclusives div.columns div.mimo.active h3 {
  background-position: 65px -200px;
}
#gnExclusives div.columns div.vyprvpn.active h3 {
  background-position: -575px -200px;
}

/** EXCLUSIVES: Background **/

#gnExclusives div.columns div span.highlight {
  position: absolute;
  display: block;
  height: 100%;
  background: #fff;
  width: 100%;
  border-top: 10px solid #A2EBB8;
  z-index: 0;
  bottom: -105%;
  left: 0;
}

#gnExclusives div.columns div.vyprvpn .highlight {
  border-color: #9bc9f1;
}

#gnExclusives div.columns div:hover .highlight {
  bottom: -100%;
}
#gnExclusives div.columns div.active .highlight {
  bottom: -10px;
}

/** EXCLUSIVES: Background (Animation) **/

#gnExclusives div.columns div span.highlight {
  -webkit-transition: bottom linear 0.3s;
  -moz-transition: bottom linear 0.3s;
  -ms-transition: bottom linear 0.3s;
  -o-transition: bottom linear 0.3s;
  transition: bottom linear 0.3s;
}
#gnExclusives div.columns div.active span.highlight {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*********************************
    TESTIMONIALS
*********************************/

#gnTestimonial {
  padding: 4em 0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#gnTestimonial ul {
  margin: 0 0 0 -20px;
}
#gnTestimonial .testimonial {
  margin: 0 0 0 20px;
  width: 300px;
  float: left;
}
#gnTestimonial blockquote {
  margin: 0;
  padding: 0;
}
#gnTestimonial blockquote p {
  background: #fff;
  padding: 20px 20px 20px 30px;
  font-size: 0.875em;
  position: relative;
  min-height: 7em; /* line-height * 5 */
  margin-bottom: 8px;
}
#gnTestimonial blockquote p:before,
#gnTestimonial blockquote p:after {
  content: "\""
}
#gnTestimonial blockquote p:after {
  margin-left: -3px;
}
#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: #ffffff transparent transparent transparent;
  line-height: 0px;
  -webkit-transform:rotate(360deg)
  _border-color: #ffffff #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#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;
}

/*********************************
    UNKNOWN B
*********************************/

div.gn-refer {
  background: url("/images/cpReferBanner.png") no-repeat scroll 0 0 transparent;
  height: 146px;
  margin: 0 0 15px;
  position: absolute;
  top: 0;
  right: 0;
  width: 168px;
}
.promos {
  position: relative;
}
div#diamondFeaturesCallout {
  margin-bottom: 20px;
}
.gnBodyContent #gnWhyGiganews .retention {
  zoom: 1;
}
div#retentionNumbers {
  display: inline;
  font-size: 0;
  position: absolute;
  top: 5px;
  left: 0;
}
div#retentionNumbers img {
  margin: 0 1px;
}

/*2015 Redesign*/
.gnHome section {
  padding-top: 90px;
  padding-bottom: 90px;
}
.gnHome section:first-of-type {
  padding-top: 60px;
  padding-bottom: 60px;
}
.gnHome h2,
.gnHome .h2 {
  font-size: 4rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  text-align: center;
}
.gnHome .container-1180 p, #mainBody .gnHome h3 {
  font-family: "source-sans-pro";
}
.gnHome .container-1180 p {
  margin-top: 10px;
}
#mainBody .gnHome h3 {
  font-size: 3rem;
  margin-top: 24px;
  margin-bottom: 0px;
}
#mainBody .gnHome .section-intro p {
  font-size: 1.8rem;
}
.gnHome .usenet-benefits .gn-grid-col div {
  padding: 0 12px;
}
.usenet-benefits .icon-blazing-speed {
  margin-top: 5px;
  margin-bottom: 5px;
}
.usenet-benefits .icon-security-privacy {
  margin-top: 3px;
  margin-bottom: 2px;
}
.gnHome .gn-home-testimonial {
  background: url(/images/layout-20150601/bg_blue.png);
}
.gnHome #gnCustTestimonial {
  background: none;
}
.gnHome .gn-home-testimonial h2 {
  padding-top: 40px;
  margin-bottom: 0;
  color: #fff;
}
.gnHome .gn-features .img-feature {
  text-align: center;
}
#mainBody .gnHome .gn-features h3, #mainBody .gnHome .gn-support h3 {
  font-size: 2.4rem;
}
.gnHome .gn-features .gn-grid-col-4 {
  padding: 26px 28px;
  min-height: 445px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gn-features .img-feature img,
.gn-support .img-support img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.gn-feature-retention .img-feature img {
  margin-top: 8px;
}
.gn-feature-completion .img-feature img {
  margin-top: 6px;
}
.gn-feature-uptime .img-feature img {
  margin-top: 2px;
}
.gn-feature-trust .img-feature img {
  margin-top: 1px;
}
.gnHome section.gn-exclusives {
  padding-top: 10px;
}
#mainBody .gnHome .gn-exclusives .sect-learn-intro p {
  font-size: 2.6rem;
  max-width: 825px;
  margin: 0px auto 55px;
}
.gnHome .sect-learn {
  position: relative;
  overflow: hidden;
  min-height: 368px;
}
.gnHome .sect-learn .container {
  padding-top: 60px;
}
.gnHome .sect-learn .gn-grid-container {
  margin-bottom: -1px;
}
.gnHome .sect-learn-vypr {
  background-color: #4DACE1;
}
.sect-learn .sect-hero {
  line-height: 0;
}
#mainBody .gnHome .sect-learn-vypr p, #mainBody .gnHome .sect-learn-vypr h3 {
  color: #fff;
}
.gnHome .gn-support .gn-grid-col-4 {
  min-height: 320px;
  padding: 26px 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gn-support-fast .img-support img {
  margin-top: 2px;
  margin-bottom: 1px;
}
.gn-support-weekends .img-support img {
  margin-top: 2px;
  margin-bottom: 2px;
}
