/***********************************************************/
/******************** Generic Selectors ********************/
/***********************************************************/

div { unicode-bidi: embed; direction: rtl }

body {
	margin:0pt; 
	padding:0pt;
	background-color:#0F60AD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;			
}

h1{
	font:  bold 16pt Arial, Verdana, Helvetica, sans-serif;
	color: blue;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center;
}

h2{
	font:  bold 13pt Arial, Verdana, Helvetica, sans-serif;
	color: black;
	margin: 1em 0.5em 0 0;
	padding: 0;
	text-align: right;
}

h3{
	font:  bold 12pt Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	margin: 1em 0.5em 0 0;
	padding: 0;
	text-align: right;
}

h4{
	font:  bold 10pt Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	margin: 1em 0.5em 0 0;
	padding: 0;
	text-align: right;
}

hr{
	margin: 6pt;
}

img{
	border: 0pt;
}

em{
	color: black;
	font-style: normal;
	font-weight: bold;
}

ul{
	line-height: 1.5em;
}

li{
	margin: 0.5em;
	padding: 0;
}

p{
	line-height: 1.5em;
}

/***********************************************************/
/************************* Classes *************************/
/***********************************************************/

hr.one {border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}	

.float_right_clear{
	clear: right;
	float: right;
	margin: 2pt;
	padding: 0pt;
	text-align: center;
}

.float_left_clear{
	clear: left;
	float: left;
	margin: 2pt;
	padding: 0pt;
	text-align: center;
}

.center_clear{
	clear: both;
	text-align: center;
}

/* A quate from "http://www.alistapart.com/articles/practicalcss/"
 When you float an element with CSS, it no longer takes up any “space” and the background and
 border show up above the images instead of surrounding them. We need to put some content other
 than the floated DIVs into the container DIV.
 31/3/05 - I added this spacer (and the corresponding div spacer in the html code, because I could
 not get the FireFox to display correctly the menu. When ever I tried to put a top margin all the
 menu background image would move down. IE6 didn't have this problem.
  */
div.spacer {
	clear: both; /* The clear: both means that this spacer doesn't allow floating on both its sides.*/
	margin: 0;
	padding: 0;
}

div.spacer_25pt {
	clear: both; /* The clear: both means that this spacer doesn't allow floating on both its sides.*/
	padding: 25pt 0pt 0pt 0pt;
	margin: 0pt;
}

div.spacer_50pt {
	clear: both; /* The clear: both means that this spacer doesn't allow floating on both its sides.*/
	padding: 50pt 0pt 0pt 0pt;
	margin: 0pt;
}

.ltr_section {
	text-align: left;
}

.button{
	width: 158px;
	font: bold 10pt Arial, Verdana, Helvetica, sans-serif;
	color: #0C3;
	text-align: center;
}

.button em{
	font-size: 11pt;
	color: #0C0;
}

.button a{
	color: inherit;
}

.button p{
	margin: 0;
	padding: 0 0 1em 0;
}

p.blue_button{
	color: #09F;
}
	
/*************************  Pseudo classes *************************/

/*********************************************************/
/*************************  ID's *************************/
/*********************************************************/

/* MainDocument creates the centered white space.
 margin:opx auto - centers the space in the middle of the window */
#mainDocument {
	width:767px;
	background-image: url("../images/background.jpg");
	background-color:#ffffff;	
	margin:10px auto;
	text-align: justify;	
}

#topImage {
	background-image: url("../images/header.jpg");
	height: 109px;
}

#contentTop {
	background-image: url("../images/content_top.jpg");
	height: 101px;
}

#topPart {
	width:auto;
	background-color:#FFFFFF;
}

#centerDoc {
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color:#FFFFFF;	
	width: 60%;
	float:right;
	margin: -55px 22px 0px 0px;
}
#mainDocument>#centerDoc {margin:-55px 40px 15px 0px;} /*Mozilla Fix*/
/* amit - I have put a bottom margin on the mozilla fix for the centerDoc, This is done so the copyright
notice will be lifted a bit. Note: the copyright top is JS calculated as centerDoc.height - rightColumn.height */

#centerDoc p{
	margin: 0.5em;
	text-indent: 1em;
}

#rightColumn {
	width:25%;
	background-color:#FFFFFF;
	float: left;
	margin: -35px 0px 0px 22px;
	text-align: right;
}
#mainDocument>#rightColumn {margin: -30px 0px 0px 45px;} /*Mozilla Fix*/

#copyright {
	margin: auto;
	margin-bottom: 0;
	text-align: center;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	background-color: White; /*For some unknown reason (to me) the copyright notice dissapears in IE, if I don't set the backgound color to some value.*/
}

#copyright a {
	text-decoration: none;
}

#footer {	
	background-image: url("../images/footer.jpg");
	height: 40px;
}

/***********************************************************/
/************** TOP HORIZONTAL MENU CSS CODE ***************/	
/***********************************************************/
	
#nav-menu ul
{
	list-style: none;
	height: 27px;
	width: auto;
	background-image: url("../images/navigation_bg.jpg");
	padding: 0;
	margin: 0;
	padding-right: 27px;
}

#nav-menu li
{
	float: right;
	margin: 0;
	padding: 0;
	line-height: 2em;
}
#mainDocument>#nav-menu li{margin-left:-1px;} /*Mozilla Fix*/

#nav-menu li a
{
	float: left;
	display: block;
	border: 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font:  bold 16pt Arial, Verdana, Helvetica, sans-serif;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
	float: none
}
/* End IE5-Mac hack */

#nav-menu li a.nav_home{
	width: 120px;
	height: 27px;
	background-image: url("../images/nav_home.jpg");
}

#nav-menu li a.nav_home:hover{
	background-image: url("../images/nav_home_over.jpg");
}

#nav-menu li a.nav_buy{
	width: 94px;
	height: 27px;
	background-image: url("../images/nav_buy.jpg");
}

#nav-menu li a.nav_buy:hover{
	background-image: url("../images/nav_buy_over.jpg");
}

#nav-menu li a.nav_downloads{
	width: 120px;
	height: 27px;
	background-image: url("../images/nav_downloads.jpg");
}

#nav-menu li a.nav_downloads:hover{
	background-image: url("../images/nav_downloads_over.jpg");
}

#nav-menu li a.nav_support{
	width: 108px;
	height: 27px;
	background-image: url("../images/nav_support.jpg");
}

#nav-menu li a.nav_support:hover{
	background-image: url("../images/nav_support_over.jpg");
}

#nav-menu li a.nav_resources{
	width: 122px;
	height: 27px;
	background-image: url("../images/nav_resources.jpg");
}

#nav-menu li a.nav_resources:hover{
	background-image: url("../images/nav_resources_over.jpg");
}

#nav-menu li a.nav_en_site{
	width: 66px;
	height: 27px;
	background-image: url("../images/nav_en_site.jpg");
}

#nav-menu li a.nav_en_site:hover{
	background-image: url("../images/nav_en_site_over.jpg");
}

#preloadImg span{
	display: none;
}

#homeImgPreload {
	background-image: url(../images/nav_home_over.jpg);
}

#buyImgPreload {
	background-image: url(../images/nav_buy_over.jpg);
}

#downloadImgPreload {
	background-image: url(../images/nav_downloads_over.jpg);
}

#supportImgPreload {
	background-image: url(../images/nav_support_over.jpg);
}

#resourceImgPreload {
	background-image: url(../images/nav_resources_over.jpg);
}

#enSiteImgPreload {
	background-image: url(../images/nav_en_site_over.jpg);
}

/***********************************************************/
/*************** PAGE SPECIFIC DEFINITIONS *****************/	
/***********************************************************/
	
/**************/
/* Index page */
/**************/

.feature_list{
	list-style-image: url("../images/bullet.PNG");
	vertical-align: top;
}
#centerDoc>ul.feature_list{ /*Mozilla Fix*/
	margin-right: 1.5em;
}

.feature_list a.title{
	font-size: 12pt;
	font-weight: bold;
}

/* amit - I used long specification for the following or else I could not set
  the margin and text indent */
#centerDoc .feature_list p{
	margin-right: -1em;
	text-indent: 0;
}
#mainDocument>#centerDoc .feature_list li{margin-right: -1em;} /*Mozilla Fix*/

#attention {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1em;
	margin: 0em;
	background-color: #CFF;
}

#download_help_list{
	margin: 1em 0;
	padding-right: 2em;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
}

#download_help_list li{
	margin: 1em 0;
	line-height: 1.5em;
}

#download_help_list em{
	font: inherit;
	font-weight: bold;
}

/*****************/
/* Features page */
/*****************/

.row_of_img_with_comment div.image_with_comment{
	float: right;
	margin: 1em 2em;
	
}

.image_with_comment img{
	display: block;
	text-align: center;
}

.image_with_comment p{
	font: bold 8pt  Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

/*************/
/* Help page */
/*************/

.help_lists{
	margin-top: 4pt;
	margin-bottom: 4pt;
	list-style-type:square; 
}

.faq_lists{
	line-height: 1.5em;
}

/*******************/
/* Contact_us page */
/*******************/

.RequiredField {
	color: #FF0000;
}