/*
/**		Filename:
/**		 hosting_style.css
*/


html   {margin: 0px; padding: 0px; }


body   { font-family: "trebuchet ms", helvetica, arial, sans-serif; text-align: center; margin: 0; padding: 0; height: 100%; background-color: #2C3D3D; }

body * { text-align:left; }

a  { color: #7B71B2 ; outline: none ; }

p { font-size: 13px;  line-height: 18px; color: #424142; margin: 0.25em 0 0.75em 0; letter-spacing: 0px; }

H1, H2, H3, H4 { font-family: Helvetica, arial, sans-serif; }

H1 { margin: 0 0 0 0; font-size: 21px; color:#4D4F6A; }
H2 { margin: 0 0 0.33em 0; font-size: 17px; color: #999999; }
H3 { margin: 0 0 0.5em 0; font-size: 15px; color: #444444; }
H4 { margin: 0 0 0.75em 0; font-size: 12px; color: #444444; }

td { font-size: 11px; }

#bodyincontainer a { text-decoration:underline; }
#bodyincontainer a:hover { }
#bodyincontainer a.hostingplanbutton { border: 0px; text-decoration: none;  }
#bodyincontainer a.hostingplanbutton:hover { border: 0px; text-decoration: none }

table ul { text-align: left; }


/*
/**
/**		 CONTAINER FOR HEADER, BODY, FOOTER
/**
*/

#container { 
	position:			absolute; left: 50%;
	margin:				0 auto;
	margin-left:        -395px !important;
	margin-left:        -415px;
	width:                          790px !important;
	width:				838px;
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	min-height:			100%;
    height: 100%;
	background-color: white;
	border-right: 24px solid #6F9696;
	border-left: 24px solid white;
	
}

/*
/**
/**		 HEADER
/**
*/

#header     {  width: 100%; height: 87px; }

#header #headerlogo   { background-image: none; background-repeat: no-repeat; width: 790px; height: 65px }

#header #headermenu1   { white-space: nowrap; position: relative; top: 3px; width: 790px; height: 23px !important; height: 24px; background-color: #4D4F6A ; border-bottom: #ffffff solid 1px; font-family: helvetica, arial, sans-serif; }
#header #headermenu1 a     { position: relative; top: 2px; left: -10px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline; margin: 0 5px 0 0; padding: 0 10px; float: right }
#header #headermenu1 a.current  { color: #222222; text-decoration: none; background-color: #ffffff; height: 19px }
#header #headermenu1 a:hover    { color: #ffffff; text-decoration: none; background-color: #6F7196; height: 19px }

#header #headermenu   { white-space: nowrap; position: relative; top: 3px; width: 790px; height: 23px !important; height: 24px; background-color: #4D6A6A ; border-bottom: #ffffff solid 1px; font-family: helvetica, arial, sans-serif; }
#header #headermenu a     { position: relative; top: 2px; left: -10px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline; margin: 0 5px 0 0; padding: 0 10px; float: right }
#header #headermenu a.current  { color: #222222; text-decoration: none; background-color: #ffffff; height: 19px }
#header #headermenu a:hover    { color: #ffffff; text-decoration: none; background-color: #587979; height: 19px }


#header #serverspic { position: absolute; left: 180px; top: 39px; visibility: visible; }

#header #calltallfree { font-size: 11px; position: absolute; left: 532px; top: 7px; visibility: visible; text-decoration: none}

#header #webdesignlogo  { border: 0px; z-index: 5; color: white; font-size: 11px; position: absolute; left: 13px; top: 24px; visibility: visible; text-decoration: none; } 
#header #webdesignlogo a img { padding: 0px; margin: 0px; background-color: #ffffff; border: 0px; text-decoration: none; } 

#header #websitemonitoringlogo  { border: 0px; z-index: 5; color: white; font-size: 11px; position: absolute; left: 682px; top: 25px; visibility: visible; text-decoration: none} 
#header #websitemonitoringlogo a img { padding: 0px; margin: 0px; background-color: #ffffff; border: 0px; text-decoration: none; } 


#header #littleshoppingcart { border: 0px; position: absolute; left: 750px; top: 40px; visibility: visible; }

#searchbox { width: 200px; position: relative; top: 35px; margin-left: 570px; }
#header #searchbox * { padding: 0px; margin: 0px; color: #c4c4c4 ; font-size: 11px; margin-top: 1px; }
#header #searchbox input  {  color: black; background-color: #E9EDF0; border: #c4c4c4 solid 1px; padding-left: 2px; padding-right: 2px;  }
#header #searchbox form { }
#header #searchbox .formButton { background-color: #ffffff; color:  #ffffff; border: 0px; font-size: 8pt ; height: 19px; position: relative; top: 5px;}



/*
/**
/**		 BODY     -------------------------------
/**
*/

#bodycontainer                       { padding-top: 0px; margin-top: 0px;
	float:				left;
	padding-bottom:		60px;		/* Stops footer at content */
}

#bodyincontainer img                 { border: 0px;}


#bodyincontainer .loginhere          { font-size: 15px; font-weight: bold; }
#bodyincontainer .planfeatures       {  color: white; font-size: 14px; font-weight: bold; line-height: 15px; }

#bodyincontainer .plantext           { font-size: 13px; line-height: 15px; width: 405px; margin-bottom: 1em; }
#bodyincontainer a.plantext           { padding: 0; }
#bodyincontainer .plantext2          { font-size: 13px; line-height: 15px; margin-bottom: 1em; }
#bodyincontainer a.plantext2          { padding: 0; }

#domainoptionsform { clear: both; position: relative; top: 30px; padding: 10px 0 10px 10px; margin-bottom: 30px; background-color: #E2E2E9; width: 323px;}
#wilddomainnames { clear: both; font-size: 11px; color: #4D4F6A; }
#cheapdomainsheading { font-size: 15px; color: #4D4F6A; font-weight: bold; }
#domainsoptionslinks { clear: both; text-align: left; color: #888;  padding-left: 10px; padding-bottom: 10px; }
#domainsoptionslinks a { font-size: 11px; line-height: 14px; text-decoration: none; }
#domainsoptionslinks a:link { font-size: 11px; line-height: 14px; text-decoration: none; border-bottom: 1px dotted #7B71B2; }
#domainsoptionslinks a:hover { border-bottom: 1px solid }
#domainoptionsform input { text-align: right; font-size: 10px; line-height: 13px;}
#domainoptionsform select { font-size: 10px; height: 17px !important; }
#gowildbutton { float: right; padding: 0 5px 5px 5px; margin-top: 10px; margin-right: 70px; }


#happycustomer { position:relative; top: 10px;}
#moneybackguarantee { position: absolute; left: 665px; top: 130px; visibility: visible; }


/*
/**
/**		 FOOTER       ----------------------------
/**
*/

#footer {
	position:			absolute;
	bottom:				0;
	width:				100%;
	height:				88px;
	text-align:			left;
	
	margin-left:		0 !important;
	margin-bottom:		0 !important;
	margin-left:		-395px;		/* IE Fix for displaying the footer */
	margin-bottom:		-1px;		/* properly. The margin left must be half of the width
									   of it's container. Then set a -1 bottom margin to
									   fill an odd 1px gap at the bottom of the page in IE.
									*/ 
}

#footer * {font-size: 11px;} 

#footer a { text-decoration: none }

#footer .web_design { color: black }

/*
/**
/**              added after converting from tables
/**
*/


#loginheading { color: #000000; text-transform: none; font-size: 11px; font-weight: normal; }
#niceloginthingy { color: red; font-weight: bold; text-decoration: none; }
#modernlogin { margin-bottom:65px; width: 150px; clear: both; float: left; position: relative; top: 10px; font-size: 11px; text-align: right; }

#register { position: relative; top: 10px; }
#column1 { float: left; padding: 10px 5px 50px 10px; min-height: 300px; background-color: #ffffff; }
#column2 { position: relative; width: 420px; margin: 20px 0 20px 10px; padding: 0px 0px 50px 0px; float: left; background-color: #ffffff; }
.hostingplanbutton { float: left; }

.central { color: white; font-weight: bold; }
.featured { text-align:left; width:32%; }
.mainleft { color: white; font-weight: bold; width:32%; }
.colspan3 { height:18px; }
.clean { background-color: white; height: 18px; }
.easy { background-color: #abadab; height: 18px; }
#footer { border-top: 10px solid #4D6A6A; height: auto; }
#designfooterleft { float: left; padding: 10px; }
#column2 li { width: 80%; font-size: 11px; line-height: 150%;}

/*
/**
/**              the following was taken out of the orderwiz php file; it was used for hiding elements
/**
*/



               tbody.on  { display:table-row-group; }
               tbody.off { display:none; }
 



#orderwizard { margin-top: 50px; margin-bottom: 50px; margin-left: 180px; padding: 0px; text-decoration: none; }
#orderwizard table { text-align: left; padding: 0px; margin: 0px; border: 0px; }
#orderwizard { font-family: tahoma, helvetica, arial, verdana, sans-serif; }
#orderwizard td { text-align: left; font-size: 11px; line-height: 11px; text-decoration: none; }
#orderwizard input { text-align: left; font-size: 11px; line-height: 11px; text-decoration: none; padding-left: 0px; }
#orderwizard select { font-size: 11px; line-height: 11px; text-decoration: none; }
#orderwizard textarea { font-size: 11px; line-height: 11px; text-decoration: none; }


#securelogo { position: absolute; top: 215px; left: 50px; }
#securelogo a, #securelogo a:hover { text-decoration: none; border: 0px; }

#sslsecureseal { position: absolute; top: 250px; left: 25px; }
#sslsecureseal a, img { border: 0 }


/*
/**
/**              inside orderwiz php file
/**			.order_box_style is a span around the orderwiz heading
*/

.order_box_style { color: #444444; padding: 7px; font-size: 20px; line-height: 24px; text-align: center;  }

/*
/**
/**              this is for the searchformbox in the template for ksearch
/**			
*/

#searchformbox { width: 720px; font-size: 12px; background-color: #F2F2F2; text-align: left; padding: 20px; }