BODY {
	background-color: #cccccc;
}
BODY, TD, TH {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #666666;
}
A {
	color: #435e90;
	text-decoration: none;
}
#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;
}
.footerLink {
	color: #666666;
}
.footerLight {
	color: #999999;
}
.breadCrumbLink {
	color: #0000FF;
	text-decoration: underline;
}

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

#quickLinksBlock2 {
	padding-left: 16px;
	padding-right: 10px;
	line-height: 16px;
}

.productsTable TD {
	border-bottom: 1px solid #A0A0A0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.featuresTable TH {
	background-color: #FF9900;
	text-align: left;
}
.featuresTable TD {
	background-color: #CCCCCC;
	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;
}

H1 {
	background-color: #a0a0a0;
	font-size: 20px;
	color: #000000;
	padding: 10px;
	border: 1px solid #808080;
}

H2 {
	background-color: #6cbcc5;
        font-size: 12px;
        color: #000000;
        padding: 5px;
        border: 1px solid #808080;
	margin: 0;
}

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;
}