/***********************************************/
/* style.css                            */
/* Use with template index.dwt          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	margin: 0px;
	padding: 0px;
/*	background-color: #efefef; */
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#FFFFFF url(../images/background/crosshatch/bg.gif) repeat scroll 0 0;		
}

/******* hyperlink and anchor tag styles *******/

a:visited { 
	color: #454545;
}

a:hover { 
	color: #aeaeae;
	text-decoration: none
}

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

img {  
border-style: none;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
	position:absolute;
	width:100%;
	height:auto; /*expands to height of contents*/
	overflow:auto; /*shows border when height set to auto*/
/*	border:thin dashed red;*/
}

#container{
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0 5px;
	text-align: center;	
	direction:rtl;
	background-color: #ffffff;		
	background: url(../images/background/crosshatch/bg_r3_c1.gif) top center repeat-y;
}
	
#header{
	overflow:hidden;
	margin: 0;
	padding:15px 15px 0px 25px;
	background: url(../images/background/crosshatch/bg_r1_c1.gif) top center no-repeat;
}

/***********************************************/
/* Header Divs                                 */
/***********************************************/

.BSD {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	float:left;
	z-index: 92;
	visibility: visible;
}

.logo {
	border: none;
	float:right;
	z-index: -1;
	visibility: visible;
}

h1{
	display:inline;
	margin: 0px;
	padding: 0px;
}

.lang  {
	clear:left;
	color:#990000;
	float:left;
	padding-top:35px;	
	}
	
.lang a:link, .lang a:visited {
	color:#990000;
	font-size:14px;
	}	

.lang a:hover {
	color:#0000FF;
	text-decoration:none;	
	}	

/************** navtop styles *****************/

#navlist
{
line-height:25px;
padding-right:6%;
/*padding-top:10px;*/
z-index: 90;
visibility: visible;
float:right;
padding-top:40px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
}

#navlist a:link, #navlist a:visited
{
margin: 0px 0px 0px 15px;
text-decoration: none;
}

#navlist a:link#current,  #navlist a:hover
{
border-bottom: 3px solid #FDD017;
}

.uniformheight
{
height:15px;
width:auto;
}

.livehelp {
	line-height:25px;
	position: absolute;
	z-index: 90;
	visibility: visible;
	left: 825px;
	top: 20px;
}

/***********************************************/
/* Footer Divs                                 */
/***********************************************/

#bottomcontent {
	overflow:hidden;
	padding:50px 25px 12px;
	clear:both;
	background: url(../images/background/crosshatch/bg_r5_c1.gif) bottom center no-repeat;
}

.sslseal {
	border: none;
	float:left;
	z-index: 60;
	visibility: visible;
}

.footer {
	padding:18px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #686868;
	text-align:right;
	float:right;
	z-index: 85;
	visibility: visible;
}

.footer A:link, .footer A:hover, .footer A:active, .footer A:visited {
	font-weight:bold;
	color: #686868;
}

.footer A:active {
	color: #5D4FB5;
}
.footer A:hover {
	color: #7474A8;
}

/***************************************************/
/* Middle Content Divs                    		   */
/***************************************************/

/************** Left Column styles *****************/

#leftcolumn {
	width: 384px;
	float: right;
	padding-right:25px;	
}	

.leftcolumntop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
	text-align: right;
	float:right;
	z-index: 58;
	visibility: visible;
}

.leftcolumnbottomleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
	text-align: right;
	float:right;
	width: 165px;
	z-index: 5;
	visibility: visible;
}


.leftcontentbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #686868;
	text-decoration: none;	
	text-align: right;	
	color: #000000;
}

.seelisting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #0000CC;
	float:right;
	z-index: 86;
	visibility: visible;
	padding-top: 20px;
}

.seelisting a:link, .seelisting a:visited, .seelisting a:active{
	color:#800080;
}

.seelisting a:hover {
	text-decoration:none;
}	

/************** Server Box styles *****************/

.servers {
	border: none;
	width: 159px;
	text-align: left;
	float:left;
	padding-top:25px;
	padding-left:50px;
	z-index: 88;
	visibility: visible;
}

.login {
	width: 141px;
	padding-left:55px;
	float:left;
	z-index: 87;
	visibility: visible;
}
.login a:link{
	visibility: visible;
	z-index: 82;
	text-decoration:none;
	}	

INPUT.hintTextbox { color: #888; } 
INPUT.hintTextboxActive { color: #000; } 

.moretext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	float:left;
	padding:10px 0px 0px 25px;
	text-align: right;
	width: 165px;
	z-index: 164;
	visibility: visible;
}

.lineheight {
	padding-bottom: 2px;	
}

/************** Right Column styles *****************/

.rightcontent {
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;
	z-index: 300;
	visibility: visible;
	width:500px;
/*	border: thin dashed #009900;	*/
	margin:5px 0px 0px 25px;
	float:left;
}

/*
.rightcontentmovable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;
	text-align: right;
	z-index: 399;
	width:500px;
	visibility: visible;
}
*/

.rightcontentmovable2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;	
	margin:50px auto;
	text-align:center;
	z-index: 93;
	visibility: visible;
	width:350px;
}

.rightcontentmovable3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;	
	text-align: right;
	border: none;
	width: 323px;	
	z-index: 94;
	visibility: visible;
}

.rightcontentbottomcontainer, .plancolumn  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;	
	height:225px;
}

.rightcontentbottomcontainer {
	z-index: 350;
	visibility: visible;
}

.plancolumn {
	width:130px;
	padding: 0px 0px 0px 15px;
	float:left;
}


.plantitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;	
	text-align: right;	
	color: #6B82A1;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
}
.plansubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;	
	text-align: right;	
	color: #BBBBBB;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
}

.plantext, .plantext A:link, .plantext A:visited, .plantext A:active, .plantext A:hover, .plantextbold {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	text-align: right;
	color: #008000;
	padding-top: 0px 0px 5px 10px;
}

.plantext A:link {
	text-decoration: underline;	
	padding-top: 10px 0px 5px 5px;	
}

.plantext A:visited {
	text-decoration: underline;
	padding-top: 10px 0px 5px 5px;	
}

.plantext A:active {
	text-decoration: underline;
	color: #5D4FB5;
	padding-top: 10px 0px 5px 5px;	
}

.plantext A:hover {
	text-decoration: none;	
	color: #32CF00;
	padding-top: 10px 0px 5px 5px;	
}
	
.planprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;	
	text-align: right;
	color: #454545	;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 0px;
	float:right;
}



.rightcontentbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
	text-align: right;
	font-weight:bold;
	color: #000000;
	display:inline;
}

.plantextbold {
	color: #454545;
	padding-left: 10px;
	font-weight:bold;
	display:inline;
}

/**** dhtml tabs *****/

		/*--------------------LEGEND -----------------------+
		|                                                   |
		| .content   -- the content div, also the className |
		|               for tabSystem divs                  |
		| .tabs      -- the div that holds all tabs         |
		| .tab       -- an inactive tab                     |
		| .tabActive -- an active tab                       |
		| .tabHover  -- an inactive tab onMouseOver         |
		|___________________________________________________*/
		
     .content {
         font-family: Trebuchet MS, Arial, sans-serif;
         padding: 8px 0px 12px 0px;
		 margin:0;				
/*         border: 1px solid #666; */
		 height:225px;
         border-top: 1px solid #999;
/*         border-left: 1px solid #666; */
         z-index: 500;
/*         background-color: #f3f6f9; */
     }
          
     
      .tabs {
	  	 text-align:center;
		 margin:0px auto;
		 clear:both;		 
		 padding-top:10px;	  
         font-size: 14px;
         line-height: 22px;
         white-space: nowrap;
         font-family: Verdana, Arial, sans-serif;
         cursor: default !important;
         font-weight: 700 !important;
         white-space:nowrap;
         z-index: 1000;
         -Moz-User-Select: none;
		 width:500px;		 
      }

      
       
     .tab {
         border: 1px solid #347;
         padding: 2px 9px 1px 9px;
         background-color: #bcd;
         color: #303036;
         z-index: 100;
         border-bottom-width: 0;
      }
      .tabHover {
         background-color: #46596f;
         color:#fff;
         z-index: 1200;
         border-bottom-width: 0;
      }
      .tabActive {
	padding: 3px 9px 3px 9px;
	color: #060610;
	background-color: #f3f6f9;
	z-index: 10000;
      }

.linux {
float:right;
padding-right:30%;
}

.windows {
float:left;
padding-left:30%;
}
 	
.livechat {
float:right;
margin-right:70px;
}	

#phonecontactwrapper {
	position:absolute;
	width:100%;
	height:auto;
/*	border:thin dotted green; */
	z-index:100000;
	padding:15px 0; /*to see space between #phonecontactwrapper and .phonecontactwrapper-inner*/
}

.phonecontactwrapper-inner {
	width:940px;
	height:auto; /*expands to height of contents*/
	overflow:hidden; /*shows border when height set to auto*/
	margin:0 auto;
	text-align:center;
/*	border:thin dotted blue; */
	padding:5px 0; /*to see space between .phonecontactwrapper-inner and .phonecontact*/
	z-index:100001;	
}

.phonecontact {
	width:547px;
	float:left;
	text-align:right;
	direction:rtl;
/*	border:thin dotted red;	*/
	font-size:12px;
	font-weight:bold;
	z-index:100002;	
}
	
	
/********************* end **********************/