/**********************************************
BODY
====
The body in our case is only a "frame" around
the page content. See "div.page".
***********************************************/
body
{
	margin-right: 20px;
	background-color: #f0ffff;
	font-family: Verdana, Sans-Serif;
	direction: rtl;
}


/**********************************************
.title-bar
==========
This style applies to all elements that needs to 
has a unified standard "title bar".
***********************************************/
.title-bar
{
	background-color: #8b008b;
	color: White;
}



/**********************************************
div.page
==========
This style applies to single div element that
contains the page header (not title) and content.
see div.header and div.content below.
***********************************************/
div.page
{
	width: 800px;
	left: 5px;
	position: relative;
	overflow: auto;
}


/**********************************************
div.header
==========
This style applies to single div element that
contains the page header. The header is composed
of the copany logo, name, and menu.
***********************************************/
div.header
{
	direction= rtl;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}



/**********************************************
div.content
============
This style applies to single div element that
contains the page content. The content contains
specific page h1 header (for examples, "About",
"products", etc..) and the page specific content.
***********************************************/
div.content
{
	background-color: #f0f0a0;
	position: static;
	left: 5px;
	top: 5px;
	width: 100%;
	height: 720px;
	overflow: auto;
}


a.select-different-language
{
	width: 100%;
	text-align: left;
	font-size: xx-small;
}

/**********************************************
table.header
============
This style applies to top most table element
that contains the non-specific page header, that
is, the company logo and name.
***********************************************/
table.header
{
	position: relative;
	left: 0px;
	top: 0px;
	color: White;
	width: 100%;
}

/**********************************************
td.logo
============
This style applies to the company logo cell
at the page top.
***********************************************/
td.logo
{
/*	vertical-align: middle; */
/*  text-align: right;      */
	width: 67px;
	height: 67px;
}

/**********************************************
img.logo
============
This style applies to the company logo image in
the logo cell at the page top.
***********************************************/
img.logo 
{
}

	
/**********************************************
td.company
============
This style applies to the company name cell at
the page top.
***********************************************/
td.company
{
	font-size: 34px;
	color: yellow;
	direction: rtl;
	vertical-align: bottom;
	text-align: right;
}

/**********************************************
td.slogan
============
This style applies to the company slogan cell at
the page top.
***********************************************/
td.slogan
{
	font-size: 12px;
	color: lime;
	direction: rtl;
	vertical-align: top;
	text-align: right;
}



/**********************************************
table.menu
============
This style applies to the menu items at the page
top.
***********************************************/
table.menu
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%; /*	border-collapse: separate;
	background-color: #f0ffff; */
	color: #000000;
/*	font-size: larger; */
}

/**********************************************
td.menu-item-first
============
This style applies to the first menu item cell 
at the page top.
***********************************************/
td.menu-item-first
{
}

/**********************************************
td.menu-item
============
This style applies to the all menu item cells 
at the page top.
***********************************************/
td.menu-item
{
	background-color: #ffa500;
	color: #000000;
	height: 25px;
}


/**********************************************
td.menu-item-last
============
This style applies to the last menu item cell 
at the page top.
***********************************************/
td.menu-item-last
{
}

a.menu
{
	text-decoration: none;
	color: #000000;
}

a:hover.menu
{
	color: #000000;
}

a:link.menu
{
	text-decoration: none;
	color: #000000;
}

a:visited.menu
{
	text-decoration: none;
	color: #000000;
}



table.sub-menu
{
	position: absolute;
	visibility: hidden;
	background-color: #ffffff; 
}

td.sub-menu
{
	color: #000000;
	background-color: #ffa500;
}

a.a-sub-menu
{
/*	background: #b0ffff; */
	background-color: #ffa500;
/*	color: #8b008b; */
	color: #000000; 
	text-decoration: none;
}

a:hover.a-sub-menu
{
/*	background: #b0ffff; */
	background-color: #ffa500;
/*	color: #8b008b; */
	color: #000000; 
	text-decoration: underline;
}

a:link.a-sub-menu
{
/*	background: #b0ffff; */
	background-color: #ffa500;
/*	color: #8b008b; */
	color: #000000; 
}

a:visited.a-sub-menu
{
	/*	background: #b0ffff; */
	background-color: #ffa500;
/*	color: #8b008b; */
	color: #000000; 
}


h1.page
{
	font-size: 35px;
	color: Teal;
	font-style: italic;
	font-family: Arial;
	text-align: center;
	width: 90%;
	font-weight: bold;
}

h2.page
{
	font-family: Monospace;
}

.pointer
{
	cursor: pointer;
}

table.page-section
{
}

td.page-desc
{
}

td.page-link
{
	text-align: right;
}

a.page-link
{
	color: #000000;
	text-decoration: none;
}

a:hover.page-link 
{
}

a.page-link a:visited.page-link
{
	text-decoration: none;
}

a:hover.page-link
{
}


/**********************************************
div.prod-imgs
=============
This style applies to the div element at contains
a product image list.
***********************************************/
div.prod-imgs
{
	text-align: center;
}


/**********************************************
table.products
==============
This style applies to the table that contains
the product list (in both the default.htm page
and the products page).
***********************************************/
table.products
{
	table-layout: auto;
	border-collapse: separate;
	background-color: #000000;
	width: 100%;
}

/**********************************************
td.product
==============
This style applies to the cell that contains
a table of "prod" class which contains a 
specific product "line": product image, sewrial number,
name and slogan.
***********************************************/
td.product
{
	background-color: #f0f0a0;
	vertical-align: middle;
	text-align: right;
}



/**********************************************
img.img-prod
==================
This style applies to the img element that 
displays image list of a product in the
product page.
***********************************************/
img.img-prod
{
	width: 64px;
	height: 64px;
}


/**********************************************
img.img-prod-small
==================
This style applies to the img element that 
displays a small image of a product like in the
product table in the products page.
***********************************************/
img.img-prod-small
{
	width: 24px;
	height: 24px;
}




/**********************************************
td.product
==============
This style applies to the img element that 
displays a small image of a product like in the
product table in the products page.
***********************************************/
table.prod
{
	width: 100%;
}



/**********************************************
td.prod-img
===========
This style applies to the cell in the "prod"
class table that contains the  product image.
***********************************************/
td.prod-img
{
	width: 40px;
}


/**********************************************
td.prod-sn-and-name
===================
This style applies to the cell in the "prod"
class table that contains the  product sewrial
number and name.
***********************************************/
td.prod-sn-and-name
{
	font-weight: bold;
	width: 200px;
	text-align: right;
}

/**********************************************
td.prod-sn-and-name
===================
This style applies to the cell in the "prod"
class table that contains the  product sewrial
number and name.
***********************************************/
td.prod-slogan
{
	text-align: right;
}



/**********************************************
a.product
=========
This style applies to a "normal" anchor (link)
to a specific product.
***********************************************/
a.product
{
	text-decoration: none;
}


/**********************************************
a:hover.product
===============
This style applies to a "hover" anchor (link)
to a specific product.
***********************************************/
a:hover.product
{
	text-decoration: underline;
}

/**********************************************
a:link.product
==============
This style applies to a "link" anchor (link)
to a specific product.
***********************************************/
a:link.product
{
}

/**********************************************
a:visited.product
=================
This style applies to a "visited" anchor (link)
to a specific product.
***********************************************/
a:visited.product
{
}




/**********************************************
table.datasheet
===============
This style applies to a specific product
datasheet table element.
***********************************************/
table.datasheet
{
	background-color: black;
	width: 100%;
}

/**********************************************
th.datasheet
============
This style applies to a specific product
datasheet section th element.
***********************************************/
th.datasheet
{
	background-color: silver;
	font-weight: bold;
	font-size: large;
	text-align: right;
}

/**********************************************
td.datasheet
============
This style applies to a specific product
datasheet section item td element.
***********************************************/
td.datasheet
{
	background-color: White;
}

/**********************************************
td.datasheet-name
==================
This style applies to a specific product
datasheet section item name td element.
***********************************************/
td.datasheet-name
{
	direction: rtl;
}

/**********************************************
td.datasheet-details
====================
This style applies to a specific product
datasheet section item details td element.
***********************************************/
td.datasheet-details
{
	direction: rtl;
}

/**********************************************
ul.sitemap
====================
This style applies ul (unnumbered list) element
in the sitemap page.
***********************************************/
ul.sitemap
{
	line-height: 200%;
}

/**********************************************
ul.sitemap
====================
This style applies li (list item) element in the
sitemap page.
***********************************************/
li.sitemap
{
}


table.docs
{
	background-color: black;
	width: 100%;
}

th.docs
{
	background-color: White;
}

td.docs
{
	background-color: White;
}

td.docs-sn
{
}

td.docs-name
{
}

td.docs-ver
{
}




table.download
{
	background-color: black;
	width: 100%;
}

th.download
{
	background-color: White;
}

td.download
{
	background-color: White;
}

td.download-sn
{
}

td.download-name
{
}

td.download-date
{
}

td.download-ver
{
}

td.docs-download
{
}



p.pointer
{
	text-align: right;
}

a.pointer
{
}

a:hover.pointer
{
}


a:visited.pointer
{
}

a:link.pointer
{
}

table.contactinfo
{
	width: 100%;
}

td.contactinfo-name
{
}

td.contactinfo-value
{
	font-weight: bold;
}


td.contactinfo-comment
{
}

a.a-contactinfo
{
}

a:hover.a-contactinfo
{
}

a:visited.a-contactinfo
{
}


a:link.a-contactinfo
{
}


div.contact-us
{
	right: 2%;
	width: 96%;
	overflow: auto;
	position: relative;
}

table.contact-us
{
}

td.contact-us
{
	padding-top: 8px;
}

span.smarttime
{
	font-weight: bold;
}

table.smarttime-savings
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}

caption.smarttime-savings
{
	background-color: silver;
}

td.smarttime-savings-feature
{
}

td.smarttime-savings-value
{
}

td.smarttime-savings-results
{
	font-weight: bold;
}

input.smarttime-savings-value
{
}