@charset "utf-8";
/* CSS Document */

.btn {
	background:#FFF;
	height:24px;
	border:2px solid #f2c790;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#034a98;
	text-decoration:none;
	margin:5px 0px;
	cursor:pointer;
}
.btn:hover {
	text-decoration:hover;
}
div.box {float:left}
.rightBox {float:right;}
.leftBox {float:left; width:220px; height:400px;}

.leftCol {float:left; width:50%; min-width:335px; vertical-align:top; padding:4px}
.rightCol {float:left; width:340px; min-width:310px; vertical-align:top; padding:4px}

#contactinfo, .contactinfo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	min-height:310px;
}
#contactinfo h3
{
	margin-top:0px;
}
.smallheaderimage
{
	float:left;
	margin-left:12px;
}
.inputfield {
	border:1px solid #c9cbcf;
	color:#504E4B;
	background-color:#FFF;
	width:54%;
	max-width:300px;
	min-width:140px;
}

div.rightCol label, div.leftCol label, div.box label
{
display:block;
margin-bottom:10px;
color:#555555;
}
.box span.label {width:200px;}
.verify span.label {width:200px; font-weight:normal;}
.responselabel {width:300px; }
div.verify span.responselabel {width:300px;}

.infoheader
{
	text-align:left;
	line-height:20px;
	display:inline-block;
}
label
{
	font-weight:bold;
	margin-bottom:10px;
	color:#555555;
}

.labelHolder 
{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	color:#555555;
}
.newsletterBox .label {
	display:block;
	}
	
span.label { 
	display:block;
	float:left;
	text-align:right;
	padding-right:6px;
	margin-top:2px;
	width:125px;
}
.ContactInfoBox span.label{
	width:200px;}
.ContactInfoBox {float:left;margin-left:35px;}
.ContactInfoBox h3 { color:orange;}
#extlabel
{
	display:inline;
	margin-top:2px;
	page-break-inside:avoid;
}
.requiredflag {width:10px;color:#f3c264;}

.errorMessage {color:Red;display:none; font-size:12px}
.errorMessageHosting {color:Red; padding-left:5px;}

.responselabel {font-weight:bold; padding-left:5px;}


/* Hosting Specific */
#hosting {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#004897;
		}

div#hosting h1 { font:18px Arial, Helvetica, sans-serif; padding-top:5px;}

div.pricepoint { font:bold 28px Arial, Helvetica, sans-serif; color:#004897;}
.pricepoint sup {font-size:20px; vertical-align:top}

#colDesc {color:#57799c; text-align:right; width:110px; float:left; margin:0 4px;}
#col1 {text-align:center;background:#ebf4fa url(/uploadedimages/Content/blue1.jpg) repeat-x; float:left; width:150px; min-height:310px; margin:0 4px;}
#col2 {text-align:center;background:#dcecfb url(/uploadedimages/Content/blue2.jpg) repeat-x; float:left; width:150px; min-height:310px; margin:0 4px;}
#col3 {text-align:center;background:#c6e1fd url(/uploadedimages/Content/blue3.jpg) repeat-x; float:left; width:150px; min-height:310px; margin:0 4px;}

ul.tableData li {
	height:33px;
	list-style:none;
	margin-left:0px; padding:0}
	
ul.tableData {
	margin-left:0; padding:0}
	
div.tall {
	list-style:none;
	vertical-align:middle; padding:10px 0;}

.compare {
	background-color: #e4f0fc;
	filter:alpha(opacity=75); /* IE's opacity*/
	opacity: 0.75;
	text-align:center;
	margin-left:122px; margin-right:4px;}
.selectBtn {
	width:67px; height:24px;
	border:none;
	margin:0; padding:0;cursor:pointer; 
	}

.verifyBox span.label {
	width:180px; font-weight:normal;
}
.verifyBox {width:550px; float:left; margin-left:15px;}
.WhoIs {margin-left:15px;}
.WhoIs p {margin:-2px 5px; color:#666666;}
.WhoIs p.text {color:#504E4B; margin-right:15px;}
.leftColHosting {float:left; width:220px; height:600px; margin-right:15px;}
.steps {
	border:1px solid #c1c1c1;
	float:left;
	width:200;
	min-height:200px;
	margin:0px;
	padding:5px 8px;
	}
.steps h5 {padding-top:5px; margin-bottom:5px; font:bold 16px Arial, Helvetica, sans-serif;}
ul.hostingNav {
	margin:0; padding:0; 
	list-style:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#96989a;}
ul.hostingNav li {
/*	border-top:1px solid #E3E3E3;*/
	height:30px; /* 50 minus 14 */
	padding:0px;
	margin:0;
	display:block;
	width:200px;
	padding-top:10px;
	padding-left:5px;
	border-top:1px solid #E3E3E3;}
ul.hostingNav li.selected {
	color:#504E4b;
	font-weight:bold;
	display:block;
	margin:0px;
	width:200px;
	height:30px; /* 50 minus 14 */
	padding-top:10px;
	vertical-align:middle;
	background:#f8f8f5 url('/common/images/hostingListSelected.gif') repeat-x;
	}


.blueBox {
	background-color:#f5f5f5; 
	float:left;
	width:560px;
	min-height:380px;
	padding:10px;
	}

.insideBlueBox {background-color:#f5f5f5; border:2px solid #FFF; padding:10px;
}
.orangeBox {
	background-color:#f5e7d1;
	float:left;
	width:560px;
	padding:10px;}
.insideOrangeBox {	background-color:#f5e7d1; border:2px solid #FFF;	padding:10px;}

h3.hosting {color:#07358f; font:18px Arial, Helvetica, sans-serif;}
h3.hosting .gray {color:#626a7a;}

.ExampleDomain {padding:5px 10px; font-size:11px;}
/* END HOSTING */

/* ILD STYLES */

.ILD td{border:1px solid #c1c1c1; font:bold 12px Arial, Helvetica, sans-serif;}
.ILD th{border:1px solid #c1c1c1; background-color:#eeeeee; font:bold 13px Arial, Helvetica, sans-serif;}
.ILD h2{margin-top:0px;padding-top:15px;}

/* END ILD STYLES */






/* Davi'd ILD Classes */

.ildlink 
{
	FONT-WEIGHT: bold; 
	font-size:11pt
}
.permonth 
{
	FONT-SIZE:larger; 
	color:blue
}
.rateheader {
	height:36px; 
	width: 25%;
	vertical-align:bottom; 
	text-align:center; 
	border-top: 1px solid gray; 
	font-size: 12px;
}
.ratecontent {
	height:18px; 
	width: 25%;
	vertical-align:top; 
	text-align:center; 
	border-top: 1px solid gray; 
	font-size: 12px;
}
.inforow {
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	vertical-align: top;
	height: 30px
}
.inforow2 {
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	vertical-align: top;
	height: 35px
}
.titlecell {
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 30px;
	vertical-align: top;
	WIDTH: 60%
}
.innertitlecell {
	PADDING-LEFT: 16px; 
	PADDING-BOTTOM: 8px; 
	PADDING-TOP: 6px;
	PADDING-RIGHT: 3px;
	vertical-align: top;
	WIDTH: 341px
}
.ratecell {
	PADDING-BOTTOM: 8px; 
	vertical-align: top;
	PADDING-TOP: 4px;
	width: 25%;
	text-align: center
}
.plantext
{
	font: 12px Arial, Helvetica, sans-serif; 
}
.ratetext {
	font: 12px Arial, Helvetica, sans-serif; 
}
.codetext {
	font: 12px Arial, Helvetica, sans-serif; 
}
.rightspacer {
	width: 12px
}
.numbercolumn {
	PADDING-BOTTOM: 8px; 
	vertical-align: top;
	PADDING-TOP: 4px;
	width: 15%;
	text-align:center
}
div#divDAPackage{
	background-color:red; 
	MARGIN:10px 6px;
	Padding:6px;
}
div#innerbox{
	background-color:white;
	Padding:6px;
}
.extratextcell{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 40px; 
	PADDING-BOTTOM: 8px
}
.extratext{
	WIDTH: 290px; 
	PADDING-LEFT: 8px; 
	TEXT-INDENT: -8px; 
	margin-bottom:3px
}

.top_header
{
	color:#ef9400;
}
.countrylist
{
	FONT-SIZE: 14px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
	
}
#lblNoRecords
{
	Color:Red;
	Font-Size:11px;
	Font-Weight:bold;
}
div#rates
{
		border:1px solid #e3e3e3;
	width:430px; 
	text-align:center;
	padding:0px;
	margin:0px;
}
#tblRates
{
	border:1px solid #e3e3e3;
	padding:0px;
	margin:0px;
}
.rate_table
{
	text-align:center; 
	border:1px solid #e3e3e3;
	padding:3px;
	margin:3px;
}

.right_border_cell
{
	text-align: center;
	border:1px solid #e3e3e3;
	font-size: 12px;
	padding:4px;
	vertical-align:middle; 
	width:125px;
}

.no_border_cell
{
	text-align: center;
	border-width: 1px; 
	border-style: none; 
	font-size: 12px;
	padding:4px;
	vertical-align:middle; 
	text-align:center; 
	width:350px;
}
.rate_label
{
	text-align:center; 
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.mexico_note
{
	color:black; 
	font-size:12px;
	text-align:center;
}
.info_note
{
    FONT-SIZE: 11px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif
 }

 #domestic
 {
	font:12px Arial, Helvetica, sans-serif;
 	width:430px;
 	border:solid 1px #E3E3E3;
	background-color:#FFFFFF;
	padding:5px;
	margin:0px;
	min-height:120px;
 }
 .domestic_header
 {
 	font-size:14px;
 	color:#000099;
 	font-weight:bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif
 }
 .centered
 {
 	text-align:center;
 	width:100%;
 }

 .domestic_row
 {
 	width:450px;
 	border-bottom:solid 1px #E3E3E3;
    vertical-align:middle;
 	display:block;
 	float:left;
 }
 .domestic_note
 {
 	width:300px;
 	text-align:right;
	padding:5px;
 	height:40px;
 	float:left;
 	display:block;
    vertical-align:middle;
 }
 .domestic_rate
 {
 	width:130px;
 	text-align:center;
 	height:40px;
 	float:left;
 	display:block;
    vertical-align:middle;
 }
/* END DAVID's ILD */

/* DAVID's CONTACT-US BUSINESS NEEDS SECTION AND THANK-YOU */

.contactinfo 
{
	margin:auto;
	font:13px Arial, Helvetica, sans-serif;
}
h3#MeetYourAE {padding-top:0px; }
.blueBorder {border:1px solid #e3e3e3; padding:0px 10px; background-color:#f8f8f8;}

.AEImage {float:left; margin-right:10px;}

.companyinfoheader,
.personinfoheader
{
    margin-top:0px;
}
.smallheaderimage
{
	text-align:left; line-height:20px;
	display:block;
	float:left;
}

.contactinfo .leftCol {width:360px; min-width:310px; padding-top:0;}
.contactinfo .rightCol {width:420px; min-width:420px;}

.contactinfo .inputfield {
	width:50%;
}
.contactinfo .inputphone1,
.contactinfo .inputphone2  {
	border:1px solid #c9cbcf;
	color:#504E4B;
	background-color:#FFF;
	width:24px;
	}
.contactinfo .inputphone3  {
	border:1px solid #c9cbcf;
	color:#504E4B;
	background-color:#FFF;
	width:30px;
	}
.contactinfo .inputphoneext  {
	border:1px solid #c9cbcf;
	color:#504E4B;
	background-color:#FFF;
	width:36px;
}
.contactinfo .inputzipcode {
	border:1px solid #c9cbcf;
	color:#504E4B;
	background-color:#FFF;
	width:40px;
}

.label
{
	font-weight:bold;
	margin-bottom:5px;
	margin-top:3px;
	vertical-align:middle;
}

.inlinelabel
{
	display:inline;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	color:#555555;
	vertical-align:top;
	page-break-inside:avoid;
}

.requiredflag {
    font-size:20px;
    line-height:13px;
    display:inline-block;
}

.inputerror 
{
	color:Red;
	font-size:small;
	font-weight:bold;    
}
.box
{
	display:block;
	vertical-align:top;
	margin:5px;
	margin-top:20px;
}

.checkbox
{
	vertical-align:top;
        float:left;
}

.contactinfo span.label{ 
	display:block;
	float:left;
	text-align:right;
	padding-right:6px;
	margin-top:2px;
	width:128px;
}

.contactinfo span.shortlabel{ 
	display:block;
	float:left;
	text-align:right;
	margin-top:2px;
	padding-right:6px;
	width:110px;
}

.contactinfo .labelHolder {
	margin-top:10px;
	vertical-align:top;
}

.questionset
{
	display:block;
	clear:both;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:29px;
	min-width:98%;
}

.questiontext
{
	display:block;
	float:left;
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
	text-align:right; 
    line-height:25px;
	width:35%;
	min-width:35%;
	margin:2px;
	margin-right:8px;
	padding:4px;
}
.responseoptions
{
	display:block;
	float:left;
	font-size:13px;
	font-weight:normal;
	vertical-align:top;
	text-align:left; 
    line-height:25px;
	margin:2px;
	padding:4px;
	width:420px;
	min-width:420px;
}
.responseoptions br{
    display:none;
}
.responseoptions SELECT
{
	margin-left:3px;
}

.responseoptions .checkbox input{
    float:left;
}

.responseoptions .checkbox label{
    float:left; width:25%; min-width:180px;
}
.responseoptions span.checkbox {
    float:left; width:28%; min-width:200px;
}


.commenttext
{
	height:90px; 
	width:90%; 
	overflow:scroll; 
	margin-bottom:6px;
	font-size:13px;
	vertical-align:top;
	text-align:left; 
}
.rowspacer
{
	font-size:xx-small
}
.AEInfo
{
	width:450px;
}
#divDynamicAEMessage
{
	text-align:center;
	width:90%
}
#bizneedstable
{
	display:inline;
	vertical-align:top;
	font-size:medium;
}
SPAN.checkbox LABEL
{
	display:inline;
}
.checkboxleft
{
	display:inline;
	float:left;
}
#divNewsletterOption.fieldsfooter 
{
}
.fieldsfooter
{
	display:block;
	clear:both;
	padding:4px;
	text-align:center;
	margin:4px;
}

/* END DAVID's CONTACT-US BUSINESS NEEDS SECTION AND THANK-YOU */


