body	{
		margin:0px;
		padding:0px;
		background:url(images/all_bg.jpg);
		font-family:Tahoma,Arial;
		}
img		{ border:0px; }
td		{
		color:#878787;
		font-family:tahoma;
		font-size:11px;
		}
a		{
		color:#6AACDE;
		text-decoration:underline;
		}
h1		{ margin:0px; font-size:11px; display:inline; }
a:hover	{
		text-decoration:none;
		}
.more	{
		text-decoration:underline;
		font-weight:bold;
		font-size:9px;
		color:#D69611;
		}
ul		{
		list-style:none;
		margin:0px;
		padding:0px;
		}
li  	{
		/*height:24px;*/
		
		/*background:url(images/list1.gif) bottom left no-repeat;*/
		}
li a	{
		color:#707070;
		text-decoration:none;
		/* margin:0px 0px 0px 11px*/
		padding-left:11px;
		}
.bot 	{
		font-size:10px;
		direction:rtl;
		}

.t2	{color:#565656;margin:5px 0px 0px 0px}
#f1 select{
		width:49px;
		height:17px;
		border-style:none;
		font-family:tahoma;
		font-size:11px;
		color:#737373;
		}
#f1 input	{
		width:120px;
		height:19px;
		border-style:none;
		background:transparent;
		font-family:tahoma;
		font-size:11px;
		color:#737373;
		margin:1px 0px 0px 3px
		}
#f2 input	{
		width:97px;
		height:19px;
		border-style:none;
		background:transparent;
		font-family:tahoma;
		font-size:11px;
		color:#737373;
		margin:11px 0px 0px 3px
		}
#f3 input{
		width:15px;
		height:15px;
		}
#form textarea{
		width:175px;
		height:168px;
		font-family:tahoma;
		font-size:11px;
		color:#737373;
		overflow:auto
		}
#form input	{
		width:175px;
		height:21px;
		font-family:tahoma;
		font-size:11px;
		color:#737373;
		}
		






#arrow_left{z-index:50;}
#arrow_right{z-index:50;}

#timeline {
    height: 375px;
    margin-top: 10px;
    padding: 20px;
    overflow: auto;
    /*cursor: -moz-grab !important;*/ /* should this be applied with JS? */
    border: 2px solid #D9E4FF;
}
.tl-events {
    width: 11800px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tl-events li {
    float: left;
    margin-right: 10px;
}

.extramenu { list-style-image:url(images/clip.png); float:right; direction:rtl; padding-right:29px; }
.extramenu li:hover { text-decoration:underline; }
.tag { padding-left:10px; padding-right:29px; direction:rtl;}

#HostingMore { display:none; }

.CartPlan { background:url(images/button_01.gif) no-repeat right;width:538px;height:23px;}
.CartPlanText { padding-top:3px; position:absolute; padding-right:5px; }

.puff {
	position: absolute;
	width: 0px;
	height: 0px;
	z-index: -1;
}




























#nav {margin-left:0px;}
#nav {height: 51px; float:left; padding-left:4px; /*background:#fff url(multicolumn/tabLeft.gif) no-repeat left top;*/ font-family:Tahoma, arial, sans-serif;}
#menu {height:51px;position:relative;font-size:11px; margin: 0; z-index:1000; /*background:#fff url(multicolumn/tabRight.gif) no-repeat right top;*/ float:left; padding-right:5px; padding-top:20px}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left;padding:0 10px 0 0;text-decoration:none; color:#878787; font-weight:bold; height:51px;line-height:40px;font-size:11px; background:url(images/tabCenter.gif) no-repeat right top;}
#menu ul li a b {display:block; float:left;padding:0 0 0 15px; text-decoration:none; color:#878787; font-weight:bold; height:51px;line-height:40px;font-size:11px;background:url(images/tabCenter.gif) no-repeat left top; cursor:pointer;}
#menu ul li div.holder {position:absolute; left:-9999px;}
#menu ul li div .leftSide {float:left;background: #ddd url(images/dropLeft.gif) no-repeat left bottom;}
#menu ul li div .rightSide {float:left; margin-left:10px; display:inline; padding:0 10px 0 0; background: #aaa url(images/dropRight.gif) no-repeat right bottom;}
#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#878787; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#878787; background-position:left center;}
#menu ul li a.sub:hover {color:#878787; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#878787; background-position:left bottom;}
#menu ul li:hover > a {color:#910; position:relative;}
#menu ul li:hover a.sub {color:#878787; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#878787; background-position:left bottom;}
#menu ul :hover div.holder {position:absolute; top:51px; left:0px; margin: 0; padding: 0;}
#menu ul li.right a:hover div.holder {left:auto; right:3px; top:51px;}
#menu ul li.right:hover div.holder {left:auto; right:0px; top:51px;}
#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:0 10px; margin:0; line-height:20px; background:#488; color:#fff; white-space:nowrap; text-align:right;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#421; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none; text-align:right}
#menu ul dd a:hover {color:#c60;}
#menu ul table td {vertical-align:top;}












/* BEGIN SERVICE LIST */
.service_list {
	width: 141px;
	float: left;
}

.service_list img {
	display: inline;
	vertical-align: middle;
}

ul.service_headers {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 41px 0px 0px 10px;
	width: 140px;
}

ul.service_headers a:link,
ul.service_headers a:visited,
ul.service_headers a:active {
	color: #ffffff;
	text-decoration: underline;
}

ul.service_headers a:hover {
	color: #ffaf24;
	text-decoration: none;
}

ul.service_headers li.odd {
	background: #5cbbd6 url("images/rounded_corner_l_1.gif") no-repeat top right;
	color: #ffffff;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 1px 0px;
	padding: 0px 10px 0px 0px;
	width: 140px;
}

ul.service_headers li.even {
	background: #8cd4e8 url("images/rounded_corner_l_2.gif") no-repeat top right;
	color: #ffffff;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 1px 0px;
	padding: 0px 10px 0px 0px;
	width: 140px;
}

ul.service_solution {
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	text-align: center;
}

ul.service_solution li.odd {
	background: #d2f2fb;
	color: #2093b3;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	width: 100%;
}

ul.service_solution li.even {
	background: #c0e9f4;
	color: #2093b3;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	width: 100%;
}

ul.service_solution li.highlight {
	background: #ffaf24;
	color: #ffffff;
}

ul.service_solution li.solution_title {
	background: #8cd4e8 url("images/rounded_corner_t_1.gif") no-repeat top left;
	height: 40px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	width: 100%;
}

ul.service_solution li.solution_title h4 {
	background: url("images/rounded_corner_t_2.gif") no-repeat top right;
	border: none;
	color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

ul.service_solution li.solution_price {
	background: #5cbbd6;
	color: #ffffff;
	height: 40px;
	line-height: 20px;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 100%;
}

ul.service_solution li.solution_buy_now {
	background: #414141 url("images/rounded_corner_b_1.gif") no-repeat bottom left;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

ul.service_solution li.solution_buy_now a:link,
ul.service_solution li.solution_buy_now a:visited,
ul.service_solution li.solution_buy_now a:active {
	background: url("images/rounded_corner_b_2.gif") no-repeat bottom right;
	color: #ffffff;
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	width: 100%;
}

ul.service_solution li.solution_buy_now a:hover {
	color: #ffaf24;
}
/* END SERVICE LIST */



div#feature_list {
			width: 985px;
			height: 240px;
			overflow: hidden;
			position: relative;
			margin-left: 4px;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 274px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Tahoma;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 0px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
		ul#tabs li h3 {
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 10px; 
			padding-bottom: 3px;
		}


		ul#output {
			right: 0;
			width: 737px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 734px;
			height: 238px;
		}
		
		ul#output li img{
			border: 1px solid;
			width: 734px;
		}
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}


