/* topnav colors */
#topnav { background: #F8F8F8 url(/images2/main/topnavbgn.png) 0 -90px repeat-x; }
#topnav .wrap { background: url(/images2/main/topnavbgn.png) 0 -90px repeat-x; }
#topnav a.nav0:link, #topnav a.nav0:visited { background: url(/images2/main/topnavbgn_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:#F3F3F3; 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;
}

