/* change default wide on containers */
.container {
  width: 1100px;
  max-width: 100%;
}

/* topnav colors */
#topnav { background: #F8F8F8 url(/images2/main/topnavbg.png) 0 -90px repeat-x; }
#topnav .wrap { background: url(/images2/main/topnavbg.png) 0 -90px repeat-x; }
#topnav a.nav0:link, #topnav a.nav0:visited { background: url(/images2/main/topnavbg_selected.png) 0 -90px repeat-x; }

#cloudwholesalebanner {
  background: url(/images2/cloud/wholesalebanner.jpg) center top no-repeat; 
  background-size: 100%; 
  margin: 0 auto; 
  width: 1264px; 
  height: 470px;   
  clear: both;   
  width: 100%; 
  color: #FFF;	  
}

#content .col1 p { margin-bottom: 10px; }

.shield {
  background-color: #f3f3f3; 
  margin: 0 40px 40px 0; 
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  -o-border-radius: 5px; 
  border-radius: 5px; 
  width: 165px; 
  height: 155px;  
}

.shield.floatr { margin: 0 0 0 40px; }

.shield b { font-size: 16px; display: inline-block; margin: 0 0 5px 0; }

.darkcloud { 
  background-color: #00427a; 
  line-height: 24px; 
  font-size: 21px; 
  color: #bdddff; 
}

.lightcloud { 
  background-color: #e8e8e8; 
  line-height: 24px; 
  font-size: 17px; 
  color: #7f7f7f; 
}

.darkcloudcont { 
  background: url(/images2/cloud/darkcloud.png) center left no-repeat; 
  line-height: 50px;
  padding-left: 60px;   
  padding-top: 15px;   
  text-align: left; 
  margin: 0 auto;   
  width: 940px; 
  height: 60px; 
}

.buildcloudcont { 
  background: url(/images2/cloud/learn_more_icon.png) center left no-repeat; 
  line-height: 50px;
  padding-left: 60px;   
  padding-top: 15px;   
  text-align: left; 
  margin: 0 auto;   
  width: 940px; 
  height: 60px; 
}
  
.cloudplans th, .cloudplans td { 
  border-right: solid 1px #DADADA;
  text-align: center;   
  white-space: nowrap;  
  font-weight: bold; 
  line-height: 26px; 
  font-size: 15px;   
  color: #777; 
}

.toprow td { background-color: #0164A4; color: #FFF; font-size: 20px; font-weight: normal; border-right: solid 1px #015890; line-height: 20px; } 
.cloudplans tr td:last-child { border-right: none; } 

td.cost { font-size: 20px; font-weight: normal; line-height: 23px; color: #0164A4; }  
td.cost span { font-size: 35px; font-weight: normal; position: relative; top: 5px; padding: 0 2px; }
td.cost em { font-size: 16px; font-style: normal; color:#6DA6CB; font-weight: bold; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }

.cloudplans td.oddpromo { background-color:#91d652; color:#285300; }
.cloudplans td.evenpromo { background-color:#8acc4e; color:#285300; }
.cloudplans td.headerpromo { font-size:30px;background-color:#61a720; }

.cloudplans td.costpromo { color:#285300; font-size: 26px; font-weight: bold; line-height: 29px; }  
.cloudplans td.costpromo span { font-size: 45px; font-weight: bold; position: relative; top: 5px; padding: 0 2px; }
.cloudplans td.costpromo em { font-size: 16px; font-style: normal; color:#285300; font-weight: bold; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }

.bright { border-right: solid 1px #DADADA; } .bbottom { border-bottom: solid 1px #DADADA; }
.cloudinfo { position: relative; top: 17px; } 
.cloudinfo td { background-color:#fff; text-align: center; color:#5c5c5c; } 
.cloudinfo td h4 { color: #333; font-size: 16px; line-height: 16px; margin: 11px 0 10px 0; padding: 0; }
.cloudinfo td p.txt { margin: 0 0 10px 0; line-height: 19px; } 
.cloudinfo td p.btn { margin: 0 0 10px 0; }

a.learnmore { 
  background-color: #BDDDFF; 
  text-decoration: none; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px; 
  border-radius: 3px; 
  margin-bottom: 10px; 
  font-weight: bold;
  color: #104f8f;   
  padding: 6px;   
} 

a.learnmore:link, a.learnmore:visited { background-color:#BDDDFF; text-decoration: none; }
a.learnmore:hover, a.learnmore:active { background-color:#9FBFE1; text-decoration: none; }

#content h2.cloudhead, #content h3.cloudhead {  
  margin: 20px 0 15px 0;    
  padding: 0;   
}

#content h2.cloudhead span, #content h3.cloudhead span { font-size: 1.4rem; }

.spbttn { cursor: pointer; }
.spbttn:hover { background: rgba(0, 0, 0, 0.2); }

.cloudplans .radios { background: url(/images2/cloud/line.png) center center no-repeat; color: #a3a3a3; }
.cloudplans .radios label { cursor: pointer; }
.cloudplans .radios input[type="radio"]:checked+label {  color: #777777; } .smfont { color: #777; }

.cloudplans .promoradios { background: url(/images2/cloud/line.png) center center no-repeat; color: #629137; background-color:#91d652; }
.cloudplans .promoradios label { cursor: pointer; }
.cloudplans .promoradios input[type="radio"]:checked+label {  color:#466727; } 

a.viewallplans, a.viewallplans.longer { 
  background:#8ace45 url(/images2/cloud/viewallplans.png) 0 -52px no-repeat;
  -moz-transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  -o-transition: all 0.3s ease 0s;   
  transition: all 0.3s ease 0s; 
  background-position: 0 -52px;   
  background-color: #8ACE45;  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 220px;
  height: 45px;
}

a.viewallplans:hover { background-color: #4DB718; background-position: 0 0; }
a.viewallplans span  { position: absolute; left: -9999px; }

a.viewallplans.longer { width: 300px; background-position: 30px -50px; }
a.viewallplans.longer:hover  { background-color: #4db718; background-position: 30px 0; }

a.viewplan { 
  background:#8ace45 url(/images2/cloud/viewplan.png) 0 -88px no-repeat;
  -moz-transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  -o-transition: all 0.3s ease 0s;   
  transition: all 0.3s ease 0s; 
  background-position: 0 -52px;   
  background-color: #009BFF; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; 
  -o-border-radius: 3px;  
  border-radius: 3px;
  display: inline-block;
  width: 176px;
  height: 50px;
}

a.viewplan:hover { background-color: #0064a4; background-position: 0 0; }
a.viewplan span  { position: absolute; left: -9999px; }

a.spbttn2 {
  background: url(/images2/cloud/bttnchat2.png) 0 0 no-repeat;	
  display: inline-block;
  width: 194px;
  height: 50px;
}

a.spbttn2:hover { background-position: 0 -50px; }
a.spbttn2 span  { position: absolute; left: -9999px; }

.quantitytable { border: solid 1px #CCC; border-spacing: 0; border-collapse:collapse; }
.quantitytable th, .quantitytable td { border: solid 1px #CCC; padding: 1px 8px; }

h2.xlsize { 
  margin: 0 0 22px 0; 
  font-size: 33px; 
  color: #0C5581; 
}

.guaranteeimg {
  position:relative;
  left: 0px;
  top: -10px;
}

#twox2x2_promo {
  padding-top: 40px;
  height:320px;
}

#promo_circle {
    background: url("/images2/dedicated-servers/circle_2222.gif") 0 0 no-repeat;
    width: 282px;
    height: 282px;
    float: left;
    display: inline-block;
}

#promo_circle_2 {
  font-size: 216px;
  font-weight:bold;
  line-height:216px;
  color: #8bcd4e;
  float: left;
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  position: relative;
  top:35px;
  left: 30px;
}

#promo_circle_content {
  font-size: 28px;
  display: inline-block;
  line-height:43px;
  font-weight:bold;
  color: #989898;
  float: left;
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  position: relative;
  top:60px;
  left: 25px;
}

.twox2x2_included {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 33px;
  line-height:33px;
  font-weight:bold;
  padding-top:10px;
  /* padding-bottom:50px; */
  color: #8bcd4e;
  
}

#promo_content {
  float: left;
  width: 680px;
  padding-left: 30px;
}

#promo_content p {
  font-size: 15px;
  line-height:18px;
  color: #4c4c4c;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;

}

.promo_conditions {
  color: #8bcd4e;
  padding-bottom: 5px;
  position: relative;
  font-weight:bold;
  top: -5px;
  left: 0px;
}

.promo_click_here_box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px; 
  border-radius: 3px; 
  padding: 5px 20px 5px 15px;
  background-color:#8bcd4e;
  font-size:13px;
  font-weight:bold;
  color:white;
  display:inline-block;
}

.promo_click_here_box:hover {
  background-color:#61a720;
}

.promo_content a:link, .promo_content a:visited {
  color: white;
}

#promo_limitations {
  clear:both;
  padding-top:10px;
}

#promo_limitations h1 {
  padding:0px 0px 5px 0px;
  margin:0px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size:20px;
  color: #4c4c4c;
}

#promo_limitations p {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: #4c4c4c;
  font-size:13px;
}

#promo_limitations ol li {
  color:#80bd51;
  font-weight:bold;
}

#promo_limitations ol li span {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: #4c4c4c;
  font-size:1.1rem;
  font-weight:normal;

}

.conditions_star {
  color:#80bd51;font-size:13px;float:left;padding-top:25px;
}

.conditions_content {
  float:left;padding-left:5px;padding-top:25px;color:4c4c4c;font-size:1.1rem;
}

.spsubbanner  {
  background-color: #0d4378;
}

/* from transparent.css */


@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);

/* *
 * REMINDER per Superb Style Guide
 * -------------------------------
 * All headers and headings: 
 * font-family: Quicksand, Verdana, Geneva, sans-serif; 
 * All body and paragraph text: 
 * font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 *
 * transparent.css
 * created by Greg Zentkovich
 * */

/*
 * Some style resets for the Cloud Hosting Section
 */
h1, h2, h3, h4, h5, h6 { 
  font-size: 20px;
  text-rendering: optimizeLegibility; 
}
.header--title {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 38px;
  line-height: 30px;
  font-weight: 700;
  padding: 0;
  margin-bottom: 1.6rem; 
}
.header--title-solo {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 36px;
  line-height: 38px;
  margin-bottom: 40px;
  font-weight: 700;
  padding: 0; 
}
.header--title-red {
  color: #e6324b;
}
.header--subtitle {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 30px;
  font-weight: 700;
  padding: 0;
  margin-bottom: 1rem;
  margin-top: 1rem; 
}
.header--subtitle-smoke {
  color: #2b2b2b;
}
.p--heading {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 12px;
  padding: 0;
}
.p--heading-sourcecode {
  font-family: 'Source Code Pro', Arial, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4c4c4c;
  margin-bottom: 2rem;
  background-color: #f6f6f6;
  padding: 1rem;
}
.p--heading-charcoal {
  color: #353634;
}
.p--heading-lightgrey {
  color: #999;
}
.p--body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-top:0;
  margin-bottom: 1rem;
  padding-left: .25rem;
  padding-right: .25rem;
}
.p--body-special {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #e6324b;
  margin-top:0;
  margin-bottom: 1rem;
  padding-left: .25rem;
  padding-right: .25rem;
}
.p--body-header {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2rem;
}
.p--body-charcoal {
  color: #353634;
}
.p--footnote {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 1rem;
  padding-left: .25rem;
  padding-right: .25rem;
}
.strike-price {
  margin-top: 0;
}
.strike-price {
  position: relative;
  display: inline-block;
}

.strike-price::before, .strike-price::after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
}

.strike-price::after {
  border-bottom: 3px solid #990000;
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  -o-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.td--bold {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  font-weight: bold;
}
.table {
  margin-top: 20px;
}
.table th {
  background-color: #2b2b2b;
  font-size: 18px;
  font-weight: 700;
  color: #f2f2f2;
  text-align: center;
}
.table td:first-child {
  font-size: 18px;
  font-weight: 700;
  color: #2b2b2b;
}
.table td {
  font-size: 16px;
  color: #2b2b2b;
}

#page sub, sup {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  vertical-align: baseline;
  position: relative;
  line-height: 0;
  font-size: 14px;
}
#page sup {
  top: -1.25em;
  left: -0.25em;
}
#page sub {
  bottom: -0.25em;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
/* bootstrap snippets */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: justify;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}