BODY {
	background-color: #cccccc;
}
BODY, TD, TH {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #666666;
}
A {
	color: #435e90;
	text-decoration: none;
}
p {
  font-size: 11px;
  color: #444;
}
p a, #contentBlock2 a, h1 a, h2 a, h3 a {
	text-decoration: underline;
}
p a:hover, #contentBlock2 a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
}
h4.newsItem a, h4.sidebar a {
	text-decoration: none;
}
h4.newsItem a:hover {
	text-decoration: underline;
}
	
#sitemapSearchBox {
	color: #435e90;
	padding-right: 10px;
}
#searchField {
	padding: 3px 8px;
	font-size: 10px;
	width: 148px;
	height: 19px;
	color: #FFFFFF;
	border: solid 0 #FFFFFF;
	_background: transparent url(images/computer_search_bg.gif) no-repeat fixed;
	background: transparent url(images/computer_search_bg.gif) no-repeat center right;
}
.footerLink {
	color: #666666;
}
.footerLight {
	color: #999999;
}
.breadCrumbLink {
	color: #0000FF;
	text-decoration: underline;
}

h3.sidebar {
	background: url(http://www.azonix.com/images/sub-header-bg.gif) no-repeat top left;
	margin: 0px 4px 0px 4px;
	padding: 4px 4px 4px 10px;
	color: white;
}

#contentBlock2 {
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 10px;
	line-height: 14px;
}

#quickLinksBlock2 {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
}
#quickLinksBlock2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#quickLinksBlock2 li {
	margin: 0px;
	padding: 0px;
}
#quickLinksBlock2 ul ul {
	margin: 0px 0px 10px 15px;
}
#quickLinksBlock2 ul ul a {
	color: #555;
}

.productsTable TD {
	border-bottom: 1px solid #A0A0A0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.featuresTable TH {
	background-color: #FFAA11;
	text-align: left;
	color: black;
}
.featuresTable TD {
	background-color: #DDDDDD;
	color: #333333;
	text-align: left;
}

.productHeader {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.faqHeader, .faqHeaderWithRule {
	font-size: 12px;
	font-weight: bold;
	color: #0f7683;
}

.faqHeaderWithRule {
	border-bottom: 1px solid #0f7683;
	display: block;
}

.pageHeader {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

TABLE.rmaReqTable TH, TABLE.techReqTable TH {
	background-color: #a0a0a0;
	color: #FFFFFF;
	font-size: 107%;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	border-bottom: 10px solid #FFFFFF;
	border-top:  10px solid #FFFFFF;
}

INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

INPUT.rmaReq {
	width: 160px;
}

TEXTAREA.rmaReq1 {
	width: 160px;
	height: 100px;
}

TEXTAREA.rmaReq2, TEXTAREA.techReq {
        width: 370px;
        height: 100px;
}

INPUT.techReq {
	width: 370px;
}

IMG {
	border: 0;
}
a img {
	border: 0;
}
.floatright-nomargin {
	float: right;
	text-align: center;
	font-style: italic;
	font-size: 8pt;
	line-height: 1.3em;
}
.floatright {
	float: right;
	margin: 10px 0px 10px 10px;
	text-align: center;
	font-style: italic;
	font-size: 8pt;
	line-height: 1.3em;
}

H1 {
	background-color: #a0a0a0;
	font-size: 20px;
	color: #000000;
	padding: 10px;
	border: 1px solid #808080;
}
#contentBlock2 h1 {
	font-size: 15px;
	color: #2d6971;
	text-align: center;
	margin: 20px 0px 25px 0px;
	padding: 0px;
	background-color: white;
	border: 0px;
}

H2 {
	/*background-color: #6cbcc5;*/
	background-color: #81BEBD;
        font-size: 12px;
        color: #000000;
        padding: 5px;
        border: 1px solid #808080;
	margin: 0;
}
h3 {
	font-size: 10pt;
	margin: 20px 0px 10px 0px;
}
h4 {
	font-size: 10pt;
	margin: 0px;
}

TABLE.quickLinks, TABLE.quickLinks TD {
	border: 1px solid #808080;
	border-collapse: collapse;
}

.leftImageBlock {
	padding-top: 20px;
	text-align: center;
}

TABLE.certTable {
	border: 1px solid #808080;
	border-collapse: collapse;
}

TABLE.certTable TD, TABLE.certTable TH {
	border: 1px solid #808080;
	font-size: 9px;
	font-family: Arial, Helvetica;
}

.menu2 DIV.submenu {
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #000000;
}



/* top navigation */

.menu {
    /* solve a Opera7/IE display bug */
    margin:0;
    padding:0;
display:block;
width:800px; /* important for Opera7 */

}
        
.menu ul {
    margin:0;
    padding:0;
    padding-top: 4px;
    position:absolute; /* important */
display:block;


}
    
.menu li ul {
    visibility:hidden;
}

.menu li ul {

}

.menu li a {
    color: #000000;
    display:block;
    text-decoration:none;
    margin:0;
    font-family: Verdana,Arial;
    font-size: 9px;
text-align: center;
font-weight:bold;
line-height: 18px;
}

.menu li a img {
	border: 0;
}

.menu li li a {
    text-align:left;
    color: #000000;
    display:block;
    width: 140px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 10px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
    font-family: Verdana,Arial;
    font-size: 10px;
font-weight: normal;
line-height: 12px;
}

.menu a.sa {
}

.menu a:hover {
    background-color: #6cbcc5;
}

.menu li li ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:150px;
    margin-top:-23px; /* move the sub menu verticaly */
}

.menu li {
    background-color: #FFFFFF;
    list-style:none;
    margin:0;
    padding:0;

height:20px;
height/**/:18px;
    display:inline;
    display/**/:block;
/* for mac ie5 */
width: 80px;
float: left;
/* for others, mac ie5 cant see it \*/
width: auto;
_width: 80px;
float: none;
float/**/:left;
/* end mac ie5 hack */
}



.menu li li {
	border-top: 0px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
    display:block;
    float:none;
width:150px;
border-bottom: 1px #000000 solid;
height:auto;
}

/* IE PC selector */
* html .menu li li {
    display:inline; /* solve a IE PC list bug */
}
* html .menu li li a {
}




/* left hand navigation */

.menu2 {
    position:relative;
    left:5px;
    /* solve a Opera7/IE display bug */
    width:177px;
    width/**/:175px;
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
    margin:0;
    padding:0;
}

.menu2 ul {
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:177px;
    width/**/:175px;
}

.menu2 li ul {
    visibility:hidden;
}

.menu2 li ul {
    margin-left:140px; /* be careful */
    margin-top:-24px;
background-color: #FFFFFF; /* need that when text in IE makes boxes larger */
}

.menu2 a.sa, .menu2 a.sah {
    text-align:left;
    color: #000000;
    display:block;
    width:160px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 15px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 15px+135px=150px*/
    font-family: Verdana,Arial;
    font-size: 10px;
}

.menu2 a.sa, .menu2 a.sah {
    background-image:  url(/images/left-nav-displays-bg1.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

.menu2 a.sa:hover, .menu2 a.sah {
    background-color: #6cbbc3;

    background-image:  url(/images/left-nav-displays-bg1.gif);
    background-position: left top;
    background-repeat: repeat-y;
}
    
/* for a mozilla better display with key nav */
.menu2 a.sa:focus {
    background-color: #6cbbc3;
}


.menu2 li {
    background-color: #FFFFFF;
    width:175px;
    display:block;
    list-style:none;
    margin:0;
    padding:0;
border-bottom: 1px #000000 solid;
}

/* IE PC selector */
* html .menu2 li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
}
* html .menu2 a.sa, * html .menu2 a.sah {
    width:175px;
}


/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 margin-top: 4px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 border-left: 1px solid #50B2B0;
 border-right: 0px;
 width: 100%;
  background-color: #398792;
}

ul.dropdown li {
  float: left;
  vertical-align: middle;
  zoom: 1;
  width: 130px;
  text-align: center;
  background-color: #398792;
  /*background-image: url(images/button-bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;*/
  color: white;
  font-weight: bold;
  font-size: 9pt;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
  background-position: top right;
  color: #398792;
}

ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited {
	color: white;
	display: block;
	padding: 4px 0px;
	text-decoration: none;
  background-color: #398792;
  border-left: 2px solid #67b9c4;
  border-right: 2px solid #30717a;
  border-top: 1px solid #67b9c4;
  border-bottom: 1px solid #2d6971;
}
ul.dropdown li.hover a:hover, ul.dropdown li:hover a:hover {
  color: #398792;
  background: white;
  border-left: 1px;
  border-bottom: 1px solid white;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -1px;
 z-index: 598;
 border-left: 2px solid gray;
 border-bottom: 1px solid gray;
 border-right: 2px solid gray;
 border-top: 1px solid gray;
 margin-top: 0px;
}

ul.dropdown ul li {
 float: none;
 text-align: left;
 border-left: 0px;
 width: 100%;
 margin-top: 0px;
 margin-bottom: 0px;
 border-top: 0px;
 border-bottom: 0px;
  /*background-image: url(images/button-bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;*/
}

ul.dropdown ul li a, ul.dropdown ul li a:link, ul.dropdown ul li a:visited {
 padding: 4px 5px 4px 5px;
 display: block;
 font-weight: normal;
 text-decoration: none;
 font-size: 8pt;
 color: #036;
 background: white;
 border-top: 0px;
 border-right: 0px;
 border-left: 0px;
}
ul.dropdown ul li a:hover, ul.dropdown ul li a:link:hover, ul.dropdown ul li a:visited:hover {
	background: #398792;
	text-decoration: none;
	color: white;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.dir:hover {
	background-color: white;
 /* border-top: 1px solid gray;*/
	margin-top: 0px;
}