/* Text formatting */

.BoxBorder {  border: 1px #ffffff solid}

.BoxBorder2 {  border: 1px #CCCCCC solid}

.BodyText {
font-family:   Arial, verdana, Helvetica;
font-size: 11px;
color: #666666;
line-height: 16px;
letter-spacing: 0.00em}


.TrebuchetWhite {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 15px;
color: #ffffff;
font-weight: bold;
line-height: 17px;
letter-spacing: -0.03em}

.TrebuchetOrange{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 15px;
color: #FE941B;
font-weight: bold;
line-height: 17px;
letter-spacing: -0.03em}


.TrebuchetLightBlue, .categories {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 14px;
color: #22A6FF;
font-weight: bold;
line-height: 18px;
letter-spacing: -0.05em}

.TrebuchetGreen {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 24px;
color: #65BD05;
font-weight: none;
line-height: 26px;
letter-spacing: -0.05em}


.H1, .TrebuchetBlack {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 24px;
color: #000000;
font-weight: normal;
line-height: 26px;
letter-spacing: -0.05em
}



.TrebuchetBrown{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #AB5C33;
font-weight: bold;
line-height: 18px;
letter-spacing: 0.02em}

.H2{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #0066CC;
font-weight: bold;
line-height: 18px;
letter-spacing: -0.05em}

.WhiteText {
font-family:  Verdana, Arial, Helvetica;
font-size: 11px;
color: #ffffff;
line-height: 16px;
font-weight: none;
letter-spacing: 0.00em}

.SmallText {
font-family:  verdana, Arial, Helvetica;
font-size: 10px;
color: #666666;
line-height: 12px;
letter-spacing: 0.02em}

.textbold {
font-family: Arial, Helvetica;
font-size: 12px;
color: #000000;
line-height: 18px;
letter-spacing: 0.0em ;
font-weight: bold}

.arialheading {
font-family: Arial, Helvetica;
font-size: 24px;
color: #4DAD6A;
line-height: 24px;
letter-spacing: -0.03em ;
font-weight: none}

.BlueText {
font-family: Arial, verdana,  Helvetica;
font-size: 11px;
color: #6699CC;
line-height: 16px;
letter-spacing: 0.00em}

.OrangeText {
font-family:  verdana, Arial, Helvetica;
font-size: 11px;
color: #FF6300;
line-height: 16px;
letter-spacing: 0.01em}

.OrangeBold {
font-family: Arial, Helvetica;
font-size: 12px;
color:#FF6300;
line-height: 18px;
letter-spacing: 0.0em ;
font-weight: bold}

/* Links */

a:link {  color: #22A6FF; text-decoration: none}
a:hover {  color: #000000; text-decoration: none}
a:visited {  color: #22A6FF; text-decoration: none}

.white:link {  color: #ffffff; text-decoration: none}
.white:hover {  color: #000000; text-decoration: underline}
.white:visited {  color: #ffffff; text-decoration: none}

/* Form elements - pretty much FF only since IE is not standards compliant! ;( */

input[type=text], input[type=password], textarea, select {  border: 1px #bbb solid;  }
input[type=text], input[type=password],textarea { 	padding-left: 3px; padding-right: 3px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { 	border-color: #6699CC; }

.FormSubmit
	{
	border: 1px solid #bbb;
	background-color: #CCCCCC;
	font-family:  Trebuchet MS, Arial, verdana, Helvetica;
	font-weight: bold;
	}

/* Cursors */

acronym { cursor: help; text-decoration: underline; }

.xlink { cursor: pointer; }

/* Lists */

.rlist {
	line-height: 160%;
	list-style-image: url(../images/bullet.gif);
}

.rcatlist {
	list-style-image: none;
	list-style: none;
}

.rpagelist {
	line-height: 200%;
}

.rcatlist li {
	padding: 5px;
}

.rcatlist li ul li {
	padding: 3px;
}

.rcatlist .catname {
	font-family:  Trebuchet MS, Arial, verdana, Helvetica;
	font-size: 16px;
	color: #0066CC;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -0.05em;
}

.clist li
{
	margin-left: -15px;
}

/* Styles for the FAQ */

.qfaq { font-weight: bold; display: block; }

.afaq { display: block; padding-left: 3px; }

.cfaq { list-style: none; }
.cfaq .categoryname { font-family:  Trebuchet MS, Arial, verdana, Helvetica; display: block; font-size: 16px; color: #0066CC; font-weight: bold; line-height: 18px; letter-spacing: -0.05em; padding-bottom: 5px; padding-top: 5px;}
.cfaq .questions, .cfaq .answers, .ttpfaq { font-family:   Arial, verdana, Helvetica; font-size: 11px; color: #666666; line-height: 16px; letter-spacing: 0.00em; padding-bottom: 5px; padding-top: 5px; }

.ttpfaq { text-align: right; display: block; }

/* Product Comparison */

.tabular tr td, .tabular tr th
{
	padding: 1px;
	border: 1px solid #bbb;
	text-align: center;
}

/* Dedicated Hosting */

.arialblueheading
{
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #0066CC;
	line-height: 24px;
	font-weight: bold;
	padding-left:20px;
}

.dh
{
	background-color: #E7E9FE;
	border: 1px solid #0066CC;
	padding: 5px;
}

.dh li
{
	line-height: 19px;
	font-size: 12px;
}

.dh a
{
	color: #0066CC;
	font-weight: bold;
}

.dh tr td, .dh tr th
{
	vertical-align: top;
	border: 1px solid #eee;
}

.dh tr th
{
	text-align: left;
	font-weight: bold;
}

.optionalExtras
{
	list-style: circle;
}

.optionalExtras label
{
	font-weight: bold;
}

/* Class for the status page for resellers */
.statusTable {
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 11px;
}

.statusTable .topH {
    border-bottom: 6px solid #00CCFF;
    font-size: 14px;
    font-weight: bold;
}

.grey-background-strong td { font-weight: bold; background-color: #ddd; }

.table-borders, .table-borders td { border: 1px solid #999; }

/* Broadband */
.bbOrangeBlock
{
text-align:center;
width: 210px;
padding: 4px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FF9933;
font-family: Arial, Helvetica;
font-size: 11px;
color:#fff;
letter-spacing: 0.0em ;
font-weight: bold;
}

.blackHeaderTable
{
	border: 2px solid #22A6FF;
}

.blackHeaderTable th
{
	background-color: #22A6FF;
	border: 1px solid #22A6FF;
	color: #fff;
	padding: 4px;
}


.blackHeaderTable td
{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.blackHeaderTable .product
{
	background-color: #F1F1F1;
}


.warningDiv
{
	padding: 4px;
	border: 1px solid #EE2100;
	background-color: #FFC8BF;
	color: #EE2100;
}


