body {
  background: #555 url(../images/bg-default-gray.png) repeat-x top left;
  font: 12px/1.2 Arial, Helvetica, sans-serif;
  padding-bottom: 20px;
  }

/*----------------------- Hosting -------------------*/
.normal {
  font-weight: normal;
  font-size: 95%;
  }
.unlimited {
  padding: 2px 7px;
  color: #fca028;
  font-size: 130%;
  letter-spacing: -1px;
  }
.noted {
  
  text-align: left;
  padding: 5px 10px;
  margin: 0;
  }
.doubletext {
  color: #FF0F4B;
  font-size: 100%;
  }
.remaining {
  background: #E4FFDF;
  width: 100%;
  font-size: 110%;
  border: 1px dashed #C8DFC3;
  margin-left: 0px;
  margin-bottom: 5px;
  padding: 5px 0px;
  }
.remaining p {
  color: #000;
  text-align: center;
  margin: 0;
  padding: 0px;
  font-weight: bold;
  }
.number {
  color: #000;
  font-size: 150%;
  background: #BDDFB5;
  padding: 2px 8px;
  margin: 0 3px 0 3px;
  }
 /*---------------------Content override---------------*/
#contents {
	width: 777px;
	background: white;
	padding: 0px;
}

#content:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

.sidebox {
  font-size: 90%;
  background: #FFF3DF;
  border-bottom: 1px dotted #FF931F;
  border-top: 1px dotted #FF931F;
  padding: 1px 10px;
  }

.ie #content {
	height: 1%;
}

#content h1 {
	font-size: 25px;
	height: 55px;
	font-weight: normal;
	margin-bottom: 10px;
	border-bottom: 1px solid #E9E9E9;
	border-top: 1px dotted #EFEFEF;
	background: #fff url(../images/h1-bg-legion_tile.png) repeat-x bottom left;
	letter-spacing: -1px;
	}

#content h1 span {
	padding: 14px 0px 0px 50px;
	height: 40px;
	display: block;
	background: url(../images/h1-bg-legion_emblem.png) no-repeat;
		}

#content h2 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 12px;
	}
#content h3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
        }
.content p {
    line-height: 1.5;
    margin-bottom: 12px;
    padding-right: 10px;
        }

#content .content-block {
		clear: both;
	}

#content .primary, #content .secondary {
		clear: none;
		float: left;
	}
.centerpiece {
    margin-bottom: 15px;
}
.homenote {
  font-size: 90%;
  padding: 0px 0 0 35px;
  margin: 0;
  margin-top: -10px;
  font-weight: normal;
}
/* ---------- Tooltips ---------- */

.js .tooltips dl {
		background: transparent url(../images/dropdown_trans_bg.png);
		border: 5px solid #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		color: #fff;
		display: none;
		padding: 8px;
		position: absolute;
		width: 400px;
		margin-left: -27px;
		z-index: 100;
	}

.js .tooltips dl.above {
		margin-top: -10px;
	}

.js .tooltips dl.below {
		margin-top: 30px;
	}

.js .tooltips dt, .js .tooltips dd {
		background: #333;
		padding: 10px;
	}

.tooltips dt {
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px dotted #555;
	}

.js .tooltips dt {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		position: relative;
		color: #3DC4FC;
		padding-right: 35px;
	}

.js .tooltips dt .close {
		background: url(../images/tooltip_close.png) no-repeat 0 0;
		display: block;
		position: absolute;
		height: 14px;
		width: 14px;
		top: 10px;
		right: 10px;
		cursor: pointer;
		text-indent: -9999em;
	}

.js .tooltips dd {
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}

.js .tooltips dd a {
		color: #3DC4FC;
	}

.js .tooltips dd a:hover {
		color: #FF264A;
	}

.js .tooltips dd .direction-indicator {
		display: block;
		width: 21px;
		height: 10px;
		background: url(../images/tooltip_arrows.png) no-repeat;
		position: absolute;
		bottom: auto;
		top: -15px;
		left: 20px;
	}

.js.ie6 .tooltips dd .direction-indicator {
		background-image: url(../images/ie6/tooltip_arrows.png);
	}

.js .tooltips .above dd .direction-indicator {
		top: auto;
		bottom: -15px;
		background-position: 0 100%;
	}

.grid {
		width: 100%;
	}

.grid td, .grid .heading th {
		padding: 7px 10px;
		padding-left: 5px;
                border: 0;
	}

.grid .alt td {
		background-color: #EFEFEF;
	}

.grid .heading th {
                font-size: 115%;
		
		background: #FFF url(../images/grid-th-bg.png) repeat-x bottom left;
		font-weight: bold;
                padding: 10px;
	}

.feature-name {
	}

.grid .the-plan {
		text-align: center;
	}

.grid .the-plan .checkmark {
		background: url(../images/check.gif) no-repeat 50% 50%;
		height: 16px;
		line-height: 0;
		text-indent: -9999em;
	}
.grid .the-plan .redx {
		background: url(../images/x.png) no-repeat 50% 50%;
		height: 16px;
		line-height: 0;
		text-indent: -9999em;
	}

.grid tr th.featured {
		background-color: #3DC4FC;
		border-bottom-color: #4c7496;
	}

.grid tr td.featured {
		background-color: #D2F2FF;
		border-bottom-color: #b8ddeb;
	}

.term-definition {
		display: block;
		float: left;
		margin-right: 10px;
		height: 16px;
		width: 16px;
		font-size: 0;
		background: url(../images/info.png) no-repeat;
		text-indent: -9999em;
	}

.stricken {
		text-decoration: line-through;
		color: #777;
		font-size: 10px;
		font-style: italic;
		padding-right: 10px;
	}

#termFantastico dd {
		max-height: 300px;
		overflow: auto;
	}

#termPricing dd table {
		width: 100%;
	}

#termPricing dd td, #termPricing dd th {
		padding: 3px;
		text-align: center;
	}

#termPricing dd .heading th {
		border-bottom-color: #000;
		background: #7d7d7d;
		font-weight: bold;
	}

#termPricing dd .alt td {
		background-color: #3f3f3f;
	}