/*---- Layout ----*/
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}
body
{
	padding: 20px;
	margin: 0;
}
#oldbrowser
{
	text-align: center;
}
#masthead h1
{
	display: inline;
}
#masthead h4
{
	display: inline;
}
#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	width: auto;
	margin-left: 199px;
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerFooter, .priceBoxBlue, .priceBoxRed
{
	padding: 10px;
}
#footer
{
	clear: left;
}
#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
	z-index: 10;
}
.priceBoxBlue, .priceBoxRed, .priceBoxGrey, .tableContainer, .tableRow, .firstColumn, .nextColumn, .lastColumn, .longColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#innerContentColumn>.priceBoxBlue, #innerContentColumn>.priceBoxRed, #innerContentColumn>.priceBoxGrey, #innerContentColumn>.tableContainer
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innerContentColumn>.tableRow, #innerContentColumn>.firstColumn, #innerContentColumn>.nextColumn, #innerContentColumn>.lsstColumn, #innerContentColumn>.longColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
.priceboxblue, .priceboxred, .priceboxgrey, .tablecontent
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

#formDIV, #WSH_login, .tableContainer
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#innerContentColumn>#formDIV, #innerLeftColumn>#WSH_login, #innerContentColumn>.tableContainer
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#formdiv, #wsh_login, .tablecontainer
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

/*---- Borders ----*/
#pageFrame, .priceBoxBlue, .priceBoxRed, .priceBoxGrey
{
	border: solid 1px #000;
}
#footer, #masthead, #innerLeftColumn, #contentColumn, #hnav
{
	border: solid 0px #000;
}
#footer
{
	border-top-width: 1px;
}
#masthead, #hnav
{
	border-bottom-width: 1px;
}
#innerLeftColumn
{
	border-right-width: 1px;
}
#contentColumn
{
	border-left-width: 1px;
}

#formDIV
{
	border: 0px solid red;
}

form
{
	border: 2px dotted #3499cc;
}

div.row2 span.formw2
{
  border: 1px solid;
  margin: 0 -1px 0 0;
  padding: 3px 10px 4px 10px;
}

input, textarea
{
	border: inset 1px #c71585;
}

select, option
{
	border: outset 1px #adff2f;/*for demonstration only*/
}
.tableContainer, .tableRow, .tableRow2
{
/*	border 1px solid #333399; */
}
.selectBox, .price_inner
{
	border: 1px #333366 solid;
}

/*---- Visual Elements ----*/
body
{
	background-color: #ddd;
	color: #000;
	padding: 20px;
	margin: 0;
}
#pageFrame
{
	background-color: #fff;
	color: #000;
	min-width: 500px;
}
#wsh-banner
{
	margin: 0;
	padding: 0;
   position: relative;
   width: 490px;
   height: 109px;
   margin:0;
   padding:0;
   overflow:hidden;
}
#wsh-banner span 
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
   width: 490px;
   height: 109px;
   margin: 0;
   padding: 0;
   background:url("wsh_banner2.jpg") top left no-repeat;
}

#formDIV
{
	padding: 0px;
	margin: 0;
	text-align: center;
}
form
{
	color: #000080;
	background: none #faf0e6;
	padding: 3px;
/*	min-width: 400px; */ 
	margin: 0;
	padding: 0;
}
#WSH_login form
{
	min-width: 160px;
	margin 0;
}
#PRICEformform
{
	min-width: 160px;
}
input, textarea
{
	padding: 2px;
	margin: 0;
	color: #000080;
	background-color: #eeeedd;
}

select, option
{
	font-family: "MS Serif", Georgia, "New York", serif;
	padding: 2px;
	margin: 0;
	color: #fff;
	background-color: teal;
}
div.row
{
  clear: right; 
	padding-top: 5px;
}


div.row span.comment
{
  clear: both; 
  width: 90%;
  text-align: center;
}
  
div.row span.label
{
  float: left;
  width: 30%;
  text-align: right;
}
  
div.row span.formw
{
  float: right;
  width: 69%;
  text-align: left;
}

div.row2
{
	clear: right;
	text-align: center;
}
  
div.row2 span.formw2
{
	float: left;
  text-align: center;
}

div.row2 span.label2
{
  text-align: center;
}

div.space-line 
{
  clear: both;
  margin: 0; 
  padding: 0; 
  width: auto;
  height: 0;
  line-height: 0;
}

.HOST_pointr
{ 
	line-height: 80%;
	background-image: url('dotpoint.gif'); 
	background-repeat: no-repeat; 
	padding: 0 0 4px 11px; 
}
.HOST_pointr2 
{
	line-height: 80%;
	background-image: url('dotpoint7.gif');
	background-repeat: no-repeat;
	padding: 0 0 6px 11px;
}
.HOST_plans
{
	height: 181px;
	width: 209px;
	margin: 12px 0 0 0;
}
.HOST_plans_top
{
	height: 25px;
	width: 209px;
	margin: 12px 0 0 0;
}
.HOST_border
{
	width:205px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0 1px 1px 1px;
}
.HOST_server
{
	width: 91px;
	height: 39px;
	float: left;
}
.HOST_details
{
	float: left;
	width: 108px;
	height: 27px;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	margin: 10px 0px 0 0;
	color: #1789da;
	font-weight: bold;
	font-size: 50%;
	font-family: verdana;
	padding: 2px 0 0 4px;
}
.HOST_middle
{
	clear: both;
	padding: 0px 0 0 2px;
	font-size: 70%;
}
.HOST_bot
{
	background-image: url('bg_bot.gif'); 
	background-repeat: no-repeat; 
	width: 196px;
	height: 34px;
	padding: 0 0 0 9px;
/*	margin: auto; */
}
.HOST_plans_right
{
	border: 1px solid #cccccc;
	height: 73px;
	width: 103px;
	float: left;
}
.HOST_plans_right_head
{
	background-color: #f7f7f7;
	border-bottom: 1px solid #cccccc;
	color: #1789da;
	font-weight: bold;
	font-size: 70%;
	font-family: verdana;
	height: 25px;
	padding: 2px 0 0 0;
	text-align: center;
	line-height: 140%;
}
.HOST_plans_right_bot_out
{
	padding: 7px 0 0 0;
	text-align: center;
	font-size: 70%;
	font-family: verdana;
	font-weight: bold;
}
.HOST_plans_right_mid
{
	color: #FF9B2F;
	padding: 0 0 2px 0;
}
.HOST_plans_right_bot2
{
	color: #24A0A2;
	line-height: 90%;
	vertical-align: top;
	text-decoration: underline;
}
.HOST_plans_right_bot1
{
	color: #24A0A2;
	font-size: 90%px;
}
.HOST_plans_right_bot3
{
	color: #6B6B6B;
	font-size: 80%;
}
.HOST_divider
{
	background-image: url('host_div.gif');
	height:28px;
	width: 203px;
}

.startat
{ color: #24A0A2;
	font-size: 80%;
	font-family: tahoma, arial, sans-serif;
	line-height: 110%;
}
.HOST_price1
{
	color: #09478C;
	font-size: 100%;
	font-family: tahoma, arial, sans-serif;
	font-weight: bold;
	line-height: 200%;
}
.HOST_price2
{
	color: #09478C;
	font-size: 100%;
	font-family: tahoma, arial, sans-serif;
	font-weight: bold;
}

a.viewplans
{
	line-height: 140%;
	width: 58px;
	height: 14px;
	background-image: url('viewplans.gif');
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	padding: 1px 17px 4px 18px;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}
a.viewplans:hover
{
	text-decoration: underline;
}

#WSH_login 
{
	background-image: url('login_h4.gif');
	background-repeat: no-repeat;
	background-color: #0099ff;
	color: #fff;
	width: 177px;
	height: 76px;
	border: 1px solid #04254b;
	padding: 27px 0 0 3px;
}

#WSH_login_top
{
	height: 49px;
}
#WSH_login_bot
{
	height: 25px;
	padding: 0 0 0 6px;
}
#WSH_login_bot a
{
	color: #fff;
	text-decoration: underline;
}
#WSH_login_bot a:hover
{
	color: #fff;
	text-decoration: none;
}
#WSH_login_submit
{
	width: 59px;
	height: 19px;
	padding: 1px 0 0 9px;
	float: left;
}
#WSH_login_submit a
{
	background-image: url('log-in.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px 3px 10px;
	color: #1789da;
}
#WSH_login_submit a:hover
{
	text-decoration: underline;
	color: #1789da;
}
input.WSH_input
{
	background-image: url('form_bg.gif'); 
	width: 61px;
	font-size: 100%;
	padding: 2px;
	margin: 2px 0 0 0;
	border-left: 1px solid #15787a;
	border-right: 1px solid #fff;
	border-top: 1px solid #15787a;
	border-bottom: 1px solid #fff;
}
.tableContainer
{
	background-color: #333399;
	color: #333399;
	width: 634px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.tableRow
{
	margin: 0;
	padding: 0;
	width: 634px;
	clear: right;
}
.firstColumn, .nextColumn
{
	float: left;
}
.firstColumn
{
	border-bottom: 1px #333366 solid;
	border-left: 1px #333366 solid;
	width: 134px;
	height: 28px;
	text-align: left;
	float: left;
}
.nextColumn
{
	border-bottom: 1px #333366 solid;
	width: 83px;
	height: 28px;
	float: left;
}
.lastColumn
{
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	width: 83px;
	height: 28px;
	text-align: center;
	float: left;
}
.compare_heading
{
	background-image: url('comp_re.gif');
	height: 63px;
	color: #fff;
	font-weight: bold;
	padding: 9px 0 0 18px;
}
.compare_heading2
{
	background-image: url('comp_re2.gif');
	height: 32px;
	color: #fff;
	font-weight: bold;
	padding: 9px 0 0 18px;
}		
.compare_plan_title
{
	height: 22px;
}
.compare_plan_names
{
	padding: 22px 0 0 119px;
}
.compare_name
{
	width: 82px;
	text-align: center;
	float: left;
}

.compare_bg_left
{
	background-image: url('comp_left_bg.gif');
	background-repeat: no-repeat;
	border-bottom: 1px #333366 solid;
	border-left: 1px #333366 solid;
	border-right: 1px #333366 solid;
	padding: 0  32px 0 8px;
	width: 94px;
	height: 30px;
	float: left;
}
.compare_bg_left2
{
	background-image: url('comp_left_bg2.gif');
	background-repeat: no-repeat;
	border-bottom: 1px #333366 solid;
	border-left: 1px #333366 solid;
	border-right: 1px #333366 solid;
	padding: 0 32px 0 8px;
	width: 94px;
	height: 30px;
	float: left;
}
.compare_bg_left_expand
{
	background-image: url('comp_left_bg2.gif');
	background-repeat: no-repeat;
	border-bottom: 1px #333366 solid;
	border-left: 1px #333366 solid;
	border-right: 1px #333366 solid;
	padding: 0 32px 0 8px;
	width: 94px;
	height: 30px;
	float: left;
}
.compare_bg_mid1
{
	background-color: #ffffff;
	color: #333366;
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	width: 82px;
	height: 30px;
	text-align: center;
	float: left;
}
.compare_bg_right1
{
	background-color: #ffffff;
	color:#333366;
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	width: 82px;
	height: 30px;
	text-align: center;
	float: left;
}
.compare_bg_mid2
{
	background-color: #f7f7f7;
	color: #333366;
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	width: 82px;
	height: 30px;
	text-align: center;
	float: left;
}
.compare_bg_right2
{
	background-color: #f7f7f7;
	color: #333366;
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	width: 82px;
	height: 30px;
	text-align: center;
	float: left;
}
.compare_expand
{
	display: none; 
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	border-left: 1px #333366 solid;
	border-top: 1px #24A0A2 solid;
	width: 614px;
	padding: 10px;
	color:#333366;
	float: right; 
}
.switchcontent
{
	width: 611px;
	padding: 10px;
	color:#333366;
	border-bottom: 1px #333366 solid;
	border-right: 1px #333366 solid;
	border-left: 1px #333366 solid;
	border-top: 1px #24A0A2 solid;
}
a.compare_plan
{
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}
a.compare_plan:hover
{
	 text-decoration: underline;
	 color:#0099ff;
}
.plan_row3
{
	background-image: url('table_bg2.gif');
	background-repeat: no-repeat; 
	width: 634px;
	height: 21px;
	margin: 0;
	padding: 5px 8px 0 35px;
	font-weight: bold;
	cursor: help;
}
.plan_row
{
	background-image: url('table_bg.gif');
	background-repeat: no-repeat;  
	width: 634px;
	height: 28px;
	margin: 0;
/*	padding: 5px 28px 0 30px; */ 
	font-weight: bold;
	cursor: help;
}
#planPricingContainer
{
/*	background-color: #333399;  */
/*	color: #333399; */
	width: 634px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.select_Box
{
	height: 32px;
	width: 634px;   
	padding: 0;
	margin: 0; 
	background-image: url('hosting_plan2.gif');
}
.select_Box form
{
	margin: 0;
	width: 160px; 
	border: 0px solid #333366;
	padding: 0 o 0 0;
	background: none;
	float: right;  
}
#PRICEform 
{
	margin: 0;
/*	width: 160px; */
	border: 0px solid #333366;
	padding: 0;
/*	background: #09478c;  */
	float: right;
}
#PRICEform select
{
	width: 142px; 
	font-weight: bold;
}
.price_outer
{
	background-repeat: no-repeat;
	width: 636px;
	height: 53px;
	padding: 5px 0 0 0px;
	border: solid red 0px;
	clear: right;
}
.price_inner
{
	float: left;
	width: 410px;
	height: 48px;
	margin: 0  0 0 5px;
	padding: 0px 0 0px 13px;
 }
 .price_inner_period
 {
 	text-align: center;
 	padding-right: 13px;
 	float: left;
 	border: solid red 1px;
 	width: auto;
 }
a.ORDER_now
{
	width: 118px;
	padding: 3px 18px 2px 5px;
	background-image: url('order.gif');
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.inner_t1 { font-size: 80%; color: #d4356a; font-weight: bold; }
.inner_t2 { font-size: 90%; color: #3333cc; font-weight: bold; }
.inner_t3 { font-size: 70%; color: #3333cc; }
.inner_t4 { font-size: 80%; color: #d4356a; }
.plan_col_a { color: #333366; float: left;  padding: 5px 28px 0 30px;}
.plan_col_1 { color: #3333cc; float: right; padding: 5px 28px 0 30px;margin-left: 35px;}
.plan_col_0 { color: #777777; float: right;   padding: 5px 28px 0 0;}
.bold
{
	font-weight: 900;
}
	
/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
#hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
}
#hnav
{
	padding: 3px 0 4px 0;
}
#hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}