/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
/* { padding: 0; margin: 0; } */
body { line-height:160%; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; }
p {padding: 10px 0 10px 0;}
h2 {background:url(../img/arrow_orange.gif) no-repeat center left;  color: #F17400; padding:5px 0 5px 15px; border-top:1px #ccc dotted; border-bottom:1px #ccc dotted;}

pre, blockquote, form, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 30px; }
fieldset { padding: 10px; }

/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body {color: #333; background:url(../img/body_bg.jpg) repeat-x #fff; font-family: helvetica, arial, sans-serif; font-size: 12px; }
a { color: #1F718A; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper { margin: 0 auto; padding: 0; width: 100%; }
#home-content {background:#ffffff; margin-left:auto; margin-right:auto;}
table#header, table#main-image, table#home-content, table#footer { border-collapse: collapse; }
table#header td, table#main-image td, table#home-content td, table#footer td { vertical-align: top; padding: 0; }
td#interior-right table tr td { border-collapse: separate; }
table#header {background-image:url(../img/header_bg.jpg); width:1000px; margin:auto;}
table#main-image { background-image:url(../img/clustered_main_image.jpg); width:1000px; height:220px; margin:auto;}
/*
Header & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#blue-border {background-image:url(../img/border_shadow_bg.gif); height: 27px; clear:both;}
#blue-border-wo-shadow {background-image:url(../img/border_shadow_bg.gif); height: 7px; clear:both;}
#header { width: 1000px;}
#logo { padding: 0;  width: 275px; vertical-align: top; }
#logo a { margin: 0; padding-bottom: 24px;  float: left; }
#logo a img { border: none; }

.head_blue {
	background-image:url(../img/bluebar_303.gif);
	background-repeat:no-repeat;
	width:301px;
	height:28px;
	font-size:14px;
	text-align:center;
	color:white;
	
}


.head_grey {
	background-image:url(../img/grey_bar.gif);
	text-align:left !important;
	background-repeat:no-repeat;
	padding-left:15px;
	height:20px;
	border:0;
	font-size:14px;
	color:white;
	padding:0;
	
}
redtext style1 {
	text-align:left;
}



/*
Navigation
-------------------------------------------------------------------------------------------------------------------------------*/
#navigation { padding: 0 0 10px 0; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { float: left; margin: 0; padding: 0; }
#navigation li.last { margin: 0; }
#navigation span { display: none; }
#navigation a { display: block; float: left; height: 29px; background: url(../img/navigation2.gif) 0 0 no-repeat; }

#navigation a.home { width: 104px; background-position: 0 0; }
#navigation a:hover.home { width: 104px; background-position: 0 -29px; }

#navigation a.hosting { width: 103px; background-position: -105px 0; }
#navigation a:hover.hosting { width: 103px; background-position: -105px -29px; }

#navigation a.technology { width: 150px; background-position: -210px 0; }
#navigation a:hover.technology { width: 150px; background-position: -210px -29px; }

#navigation a.about { width: 105px; background-position: -360px 0; }
#navigation a:hover.about { width: 105px; background-position: -360px -29px; }

#navigation a.support { width: 104px; background-position: -465px 0; }
#navigation a:hover.support { width: 104px; background-position: -465px -29px; }

#navigation a.contact { width: 104px; background-position: -569px 0; }
#navigation a:hover.contact { width: 104px; background-position: -569px -29px; }

/*
Contact-Bar
-------------------------------------------------------------------------------------------------------------------------------*/
#contact-bar { width: 445px; height: 30px; background: url(../img/contact_bar_bg.gif) bottom left no-repeat; color: #fff; vertical-align: middle; }
#contact-bar ul { list-style: none; padding: 0; margin: 0; }
#contact-bar li { display: inline; margin: 0 0 0 25px; padding: 5px 0 0 0; height: 12px; }
#contact-bar li.live-chat { margin: 0 0 0 12px; padding: 6px 0 6px 36px; height: 24px; background: url(../img/live_chat_icon.gif) center left no-repeat; }
#contact-bar li.toll-free { margin: 0 0 0 13px; padding: 4px 0 6px 22px; height: 24px; background: url(../img/toll_free_icon.gif) center left no-repeat; }

/*
Main-Image
-------------------------------------------------------------------------------------------------------------------------------*/
#main-image-wrapper {background-image:url(../img/main_image_wrapper_bg.jpg);}
#main-image { margin: 0; }
#main-left h1, #main-left h2 {background:none; border:0;  text-indent: -10000px; height: 0px; overflow: hidden; }
#main-left {width:700px;}
ul.two_cols li {	margin-left:0; float:left; width:330px; padding:10px; background-image:url(../img/grey_bg_350.jpg); 	list-style-type:none; }
ul.two_cols li p{
	padding:10px;
}

.dataTable .style1 {
	text-align:right;
}


ul.two_cols {
	width:100%;
	clear:both;
	float:none;


}
ul.two_cols h4 {
 color:#1F718A;
 font-weight:bold;
}

#main-right {background:url(../img/price_box_bg2.jpg) bottom right  no-repeat; color: #333; width: 300px; height: 220px; }
#main-right h2 {background:none; border:0; text-indent: -10000px; height: 0px; overflow: hidden; }
#main-right ul { margin: 40px 0px 10px 50px;}
#main-right ul li { font-weight:bold; margin: 0 10px 0 35px; }
#main-right #more-button { width: 103px; margin: 0 0 0 105px; }
#main-right #more-button a img { border: none; }

/*
Home-Content
-------------------------------------------------------------------------------------------------------------------------------*/

#home-content {width: 1000px; margin:auto; }
#home-left { vertical-align: top; width: 730px; float: left; display: inline; }
#home-left h2 { font-size: 18px; margin: 0 15px 5px 15px; }
#home-left h3 { font-size: 14px; margin: 5px 15px; }
#home-left h4 { font-size: 14px; margin: 0 0 5px 0; }
#home-left p { margin: 5px 15px 15px 15px; }

#home-left ul li p { margin: 0 15px 15px 0; }
#home-content-wrapper {background:url(../img/home_content_bg.gif) repeat-x; padding-top:20px;}

#home-right { width:270px; vertical-align: top; }

.side-block { background: #f5f5f5 url(../img/rounded_top.gif) top left no-repeat; margin: 0 0 10px 0; }
.side-block .rounded-btm { clear: both; width: 239px; height: 3px; background: url(../img/rounded_btm.gif) bottom left no-repeat; overflow: hidden; }
.side-block img {float: left; margin: 10px 10px 7px 10px; }
.side-block h3 {background: no-repeat url(../img/home_grey_bar.gif); height:28px; padding: 3px 10px 0 15px; color:#fff; font-size: 14px; }
.side-block p { margin: 0px 10px 0px 0; }

/*
Interior-Content
-------------------------------------------------------------------------------------------------------------------------------*/
#interior-content {background:white;  width: 1000px; margin:auto; padding-bottom:20px;}

#interior-left { width: 230px; padding-left:20px; margin: 0; vertical-align: top; }

#left-navigation { width: 210px; background: #f5f5f5 url(../img/left_rounded_top.gif) top left no-repeat; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; }
#left-navigation ul { width: 210px; padding: 14px 0 0 0; margin: 0; list-style: none; }
#left-navigation li { width: 210px; padding: 0; margin: 0; border-bottom: 1px solid #888; }
#left-navigation li.last { border-bottom: none; }
#left-navigation a { width: 180px; display: block; font-weight: bold; font-size: 12px; color: #fff; padding: 6px 15px; text-decoration: none; background: #4E4E4E url(../img/left_nav_arrow_white.gif) center right no-repeat;  }
#left-navigation a:hover { width: 180px; display: block; font-weight: bold; font-size: 12px; color: #F17400; background: #000 url(../img/left_nav_arrow_orange.gif) center right no-repeat; padding: 6px 15px; text-decoration: none; }
#left-navigation .rounded-btm { clear: both; width: 210px; height: 40px; background: url(../img/left_rounded_btm.gif) bottom left no-repeat; overflow: hidden; border-top: 1px solid #888; }

#interior-right { vertical-align: top;  padding: 0; }
#interior-right h2 { font-size: 18px; margin: 0 20px 25px 20px; }
#interior-right h3 { font-size: 14px; margin: 5px 20px; }
#interior-right h4 { font-size: 12px; margin: 0 0 5px 0; }
#interior-right p, #interior-right table { margin: 5px 20px 15px 20px; }
#interior-right ul { margin: 0; padding: 0 20px; list-style-image: url(img/double_arrow_bullet.gif); }
#interior-right ul li p { margin: 0 0 15px 0; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer_wrapper { background-color:#1d1d1d; color: #888; clear: both; width: 100%; margin: 0 auto; border-top: 5px solid #2a2a2a;}
#footer {width:980px; margin:auto; font-family: Arial, Helvetica, sans-serif;}
td#footer-logos { width: 239px; text-align: right; padding: 0; }
td#footer-logos img { margin: 7px 0 0 15px; }
#footer p { margin: 15px 0 15px 0; font-size: 12px; }
#footer br {margin:5px 0 5px;}
#footer a {color:#F17400; padding:5px;  }
#footer a:hover {  }

.style1 { font-family: Arial, Helvetica, sans-serif; }



/* Grey Border Boxes {{{ */
.dataBox1	{
	border:				1px solid #EFEFEF;
	padding:			2px;
	background:			#fff;
}

.dataBox2	{
	border:				4px solid #F9F9F9;
}

.dataBox3	{
	border:				1px solid #ccc;
	padding:			3px;
	background:			#fff;
}
/* }}} */

/* Form Elements {{{ */
.csubmit		{
	background: 		url(/img/btn.gif) repeat-x;
	border: 			1px outset;
	cursor: 			pointer;
	font-family:		Tahoma, sans-serif;
	font-size:			9px;
	font-weight: 		normal;
	margin: 			0px 0px 1px 1px;
	padding: 			1px 1px 1px 1px;
}

input, select, textarea	{
	font-family:		Tahoma, Verdana, Sans-serif;
	font-size:			11px;
	border:				1px solid #ccc;
}
/* }}} */

.clear			{
	width:				0px;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.clear_c			{
	background:			#fff;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.sm_w			{
	background:			#C2C2C2;
	height:				100%;
	width:				1px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px !important;
	margin:				0px;
}

.sm_h	{
	background:			#C2C2C2;
	height:				1px;
	width:				145px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px 5px 0px 7px !important;
	margin:				5px 0 0 0;
}

.nb	{
	border:				0px !important;
}

.dataTable	{
	width:				100%;
	color:				#333;
	font-size:			10px;
	
}

/* Plan Page Table {{{ */
.dataTable	{
	width:				700px;
	color:				#333;
	font-size:			10px;
}
#display .dataTable {
	width:100%;
}

.features	{
	width:				724px !important;
	margin:				10px 5px 5px 5px;
}

.inner	{
	width:				95%;
}

.dataTable th	{
	color:				#147;
	border-bottom:		1px solid #147;
}

.dataTable th.top	{
	padding:			3px;
	background:			#158;
	color:				#fff;
	border:				1px solid #147;
}
#display .dataTable {	
	margin:				0;
}

.dataTable td {
	padding:			4px;
	border-bottom:		1px solid #ddd;
}

.dataTable td.sp {
	padding:			0px;
	border-bottom:		0px;
}

.dataTable td.pad3	{
	padding:0 3px 0 3px;
}

.dataTable td.pad5	{
	padding:0 5px 0 7px;
}

.dataTable tr.dark {
	background:			#FAFAFA;
	border:				1px solid #000 !important;
	font-weight:		bold;
	color:				#666;
}

.dataTable tr.dark td {
	border-top:			1px solid #ccc !important;
	border-bottom:		1px solid #ccc !important;
}

.dataTable tr.dark td.st {
	border-left:		1px solid #ccc !important;
}

.dataTable tr.dark td.ed {
	border-right:		1px solid #ccc !important;
}


.dataTable .nul {
	border-bottom:		0px !important;
}

.dataTable .center {
	text-align:			center;
}

.dataTable .gy{
	background:			#F6F6F6;
}

.dataTable a.dis {
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #E5E5E5 !important;
	border-right:		1px solid #ccc !important;
	border-left:		1px solid #E5E5E5 !important;
	background:			#FAFAFA;
	cursor:            pointer;
}

.dataTable a.tl {
	border-top:			1px solid #E5E5E5 !important;
}

.dataTable a.bl {
	border-bottom:		1px solid #E5E5E5 !important;
}

.dataTable a.hightl {
	border-top:			1px solid #ccc !important;
}

.dataTable a.highlighted {
	background:			#fff;
	color:				#147 !important;
	font-weight:		bold;
	border-right:		0px !important;
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #ccc !important;
	border-left:		1px solid #ccc !important;	
}

.dataTable a.highbot {
	border-bottom:		1px solid #ccc !important;	
}

.dataTable a.dis:hover {
	background:			#fff;
}

.displayBox {
	width:				350px;
	border:				1px solid #ccc !important;
	border-left:		0px !important;
	background:			#fff;
}




/* Failover Plan  {{{ */

.failoverCont {
	font-family:		Arial, Helvetica, sans-serif;
	text-align:			justify;
	font-size:			12px;
	color:				#6a6969;
}

.failoverBoxTitle {
	font-family:		Arial, Helvetica, sans-serif;
	text-align:			center;
	font-weight:		bold;
	font-size:			12px;
	color:				#fff;
	margin:				0 0 5px 0;
}

/* }}} */

/* Failover Plan Box {{{ */

.failoverBox {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#666666;
	vertical-align:		text-top;
}

ul.ulsd {
	margin:				0;
	padding:	        0 0 0 3px;
}

ul.ulsd li {
	padding:       	    4px 0 0 0px;
	margin:				0 0 0 0px;
	list-style-type:	square;			
}

/* }}} */

/* Plan Page Table {{{ */
.dataTable	{
	width:				728px;
	color:				#333;
	font-size: 			12px;
	
	
}

.features	{
	width:				730px;
	margin:				10px 5px 5px 20px;
}

.inner	{
	width:				95%;
}

.dataTable th	{
	color:				#147;
	border-bottom:		1px solid #147;
}

.dataTable th.top	{
	padding:			3px;
	background:			#158;
	color:				#fff;
	border:				1px solid #147;
}

.dataTable td {
	padding:			4px;
	border-bottom:		1px solid #ddd;
}

.dataTable td.sp {
	padding:			0px;
	border-bottom:		0px;
}

.dataTable td.pad3	{
	padding:0 3px 0 3px;
}

.dataTable td.pad5	{
	padding:0 5px 0 7px;
}

.dataTable tr.dark {
	background:			#FAFAFA;
	border:				1px solid #000 !important;
	font-weight:		bold;
	color:				#666;
}

.dataTable tr.dark td {
	border-top:			1px solid #ccc !important;
	border-bottom:		1px solid #ccc !important;
}

.dataTable tr.dark td.st {
	border-left:		1px solid #ccc !important;
}

.dataTable tr.dark td.ed {
	border-right:		1px solid #ccc !important;
}


.dataTable .nul {
	border-bottom:		0px !important;
}

.dataTable .center {
	text-align:			center;
}

.dataTable .gy{
	background:			#F6F6F6;
}


.dataTable a.dis {
	display:			block;
	height:				35px;
	line-height:		35px;
	padding-left:		8px;
	border-bottom:		1px solid #E5E5E5 !important;
	border-right:		1px solid #ccc !important;
	border-left:		1px solid #E5E5E5 !important;
	background:			#FAFAFA;
	cursor:            pointer;
}

.dataTable a.tl {
	border-top:			1px solid #E5E5E5 !important;
}

.dataTable a.bl {
	border-bottom:		1px solid #E5E5E5 !important;
}

.dataTable a.hightl {
	border-top:			1px solid #ccc !important;
}

.dataTable a.highlighted {
	background:			#fff;
	color:				#F17400 !important;
	font-weight:		bold;
	border-right:		0px !important;
	display:			block;
	height:				35px;
	line-height:		35px;
	padding-left:		8px;
	border-bottom:		1px solid #ccc !important;
	border-left:		1px solid #ccc !important;	
}

.dataTable a.highbot {
	border-bottom:		1px solid #ccc !important;	
}

.dataTable a.dis:hover {
	background:			#fff;
}

.displayBox {
	width:				540px;
	border:				1px solid #ccc !important;
	border-left:		0px !important;
	background:			#fff;
}

#display	{
	width:				100%;
	height:				335px;
	overflow: 			auto;
	background:			#fff;
}

/* TOOLTIP */



#contentPad{
margin:20px;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	font-weight:bold;
	height:23px;
	width:11px;
    top:-2px;

}


#JT {
	position: absolute;
	z-index:1000;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	margin-left:10px;
	top:0;
	left:0;
	display:none;
}

#JT_copy{
	padding:5px;
	color:#333333;

}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat; 
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


.colgrey {
	background-color:#f5f5f5;
	width:100px;
}



#display .head_grey {
	background-image:none;
	color:#000;
	
}

#orderbtn {
	background-image: url(../img/order_now1.gif);
	width:151px;
	height:29px;
	display:block;
	text-indent:1000px;
	overflow:hidden;
}

#orderbtn:hover {
		background-image: url(../img/order_now2.gif);
}
.h2content { 
font-size:14px;
margin:5px 15px;
color:#333333;
font-family:helvetica,arial,sans-serif;
font-size:12px;

}