@charset "iso-8859-1";
/* author: Serge Margovsky */
/* Creation date: 6/12/2006 */


html, body {margin: 0; padding: 0; border: 0;}

body {
background: white; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal;
text-align: center;
margin: 30px 0;
}

a:link 	{
	color: #3399CC;
	text-decoration: none;
}

a:visited	{
	color: #3399CC;
	text-decoration: none;
}

.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
border: 0px;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 168px;    /*** Critical left col dimension value ***/
width: 442px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-left: 3px solid white;   /*** Critical left divider dimension value ***/
border-right: 3px solid white;   /*** Critical right divider dimension value ***/ 
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 442px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 436px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 442px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin: 0;
padding: 0;
}

.center_main {
overflow: hidden;
float: right;
width: 436px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-style: solid;
border-width: 3px;
border-color: #808588;
height: 600px;
background-color: #BCBEC0;
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

/* \*/
* html .center_main img.bottom {margin-top: -3px;}
/* */

.center {
overflow: hidden;
float: right;
width: 436px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-style: solid;
border-width: 3px;
border-color: #808588;
height: 600px;
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.center-heading	{
	position: relative;
	width: 100%;
	z-index: 1;
}

.center-bottom	{
	position: relative;
	float: center;
	z-index: 1;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.center-center	{
	position: relative;
	z-index: 1;
	width: 100%;
	margin-left: 34px;
	margin-top: 5px;
}

.center-left	{
	float: left;
	width: 190px;
	overflow: hidden;
	background-color: white;
}

.center-right	{
	position: relative;
	overflow: scroll;
	height: 93%;
	scrollbar-arrow-color: #FD0208;
	scrollbar-face-color: #CCCCCC;
	scrollbar-track-color: white;
	background-color: white;
}  

.center-center-bottom	{
	position: relative;
	overflow: scroll;
	height: 38%;
	scrollbar-arrow-color: #FD0208;
	scrollbar-face-color: #CCCCCC;
	scrollbar-track-color: white;
	background-color: white;   
}

/* \*/
* html .center-right {height: 93%;}
/* */

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 168px;    /*** Critical left col/divider dimension value ***/
margin-left: -168px;    /*** Critical left col/divider dimension value ***/
}

/* \*/
* html .left {margin-left: -162px;}
/* */

* html .left {
float:left;
}

*>html .left {width:165px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
border-style: solid;
border-width: 3px;
border-color: #808588;
background-color: #ECECEC;
padding: 0;
height: 600px;
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 167px;    /*** Critical right col/divider dimension value ***/
margin-right: -168px;    /*** Critical right col/divider dimension value ***/
margin-left: 0px;
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -169px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 15px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 12px;    /*** Critical right divider dimension value ***/
border-style: solid;
border-width: 3px;
border-color: #808588;
background-color: #ECECEC;
padding: 0;
height: 600px;
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 5px; 
mar\gin-left: 0px; 
}

/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


ul.menu
{
	list-style-image: url('Images/button-point.jpg');
	padding: 0;
	margin-left: 33px;
	margin-top: 65px;
}

/* \*/
* html ul.menu {margin-left: 26px;}
/* */

ul.menu li
{
	margin-bottom: 1px;
	padding: 0;
}

ul.menu img	{
	margin-left: -8px;
	margin-top: - 2px;
	border: 0;
}

/* \*/
* html ul.menu img {margin-left: -3px;}
/* */

ul.menu li a
{
	border: 0;
	text-decoration: none;
}

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

ul.products	{
	list-style-image: none;
	list-style: none;
	margin-left: -60px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* \*/
* html ul.products {margin-left: -15px;}
/* */

ul.content	{
	list-style: decimal;
	margin-left: 5px;
}

.bold	{
	font-weight: bold;
}


/* \*/
* html .bold-center {margin-left: -15px;}
/* */

table	{
	font-size: 7pt;
	font-weight: normal;
}

tr.head	{
	font-size: 8pt;
	font-weight: bold;
}

td	{
	vertical-align: top;
	padding-right: 7px;
	padding-bottom: 2px;
}

td.qty	{
	vertical-align: top;
	text-align: center;
	padding-right: 7px;
	padding-bottom: 2px;
}

ul.downloads	{
	list-style: none;
	margin-left: 5px;
	margin-top: 25px;
	font-weight: bold;
}

ul.downloads-body	{
	list-style: square;
	margin-left: 5px;
	margin-top: 25px;
}

/* \*/
* html ul.downloads {margin-left: 35px;}
/* */

.center-left img	{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
}

.center_main img	{
	margin: 0 0;
	padding: 0 0;
} 

p	{
	margin-right: 6px;
	margin-left: 4px;
}

/* \*/
* html p	{ margin-right: 4px;}
/* */

.bottom-left	{
	position: relative;
	top: 165px;
	margin-left: 45px;
}

/* \*/
* html .bottom-left {top: 100px;}
/* */

.bottom-right	{
	position: relative;
	top: 185px;
	margin-left: 20px;
	font-size: 7pt;
}

/* \*/
* html .bottom-right {top: 160px;}
/* */

.right-center	{
	position: relative;
	margin-left: 15px;
	top: 50px;
}

/* \*/
* html .right-center {margin-left: 13px;}
/* */

.right-center img, a	{
	margin-bottom: 10px;
	text-decoration: none;
	border: 0;
}

img.button	{
	z-index: 5;
	position: relative;
	margin-left: 80px;
	margin-top: -23px;
}

img.button_center	{
	z-index: 5;
	position: relative;
	margin-left: 165px;
	margin-top: -26px;
}


.center-heading img	{
	margin-top: 5px;
	margin-left: 8px;
}