/* home page layout */

#homepage-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:404px;
    height:80px;
}

#homepage-02 {
    position:absolute;
    left:404px;
    top:0px;
    width:356px;
    height:80px;
text-align: right;
padding-top: 10px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
}

#homepage-03 {
    position:absolute;
    left:0px;
    top:80px;
    width:552px;
    height:24px;
z-index: 5;
}

#homepage-04 {
    position:absolute;
    left:552px;
    top:80px;
    width:208px;
    height:24px;
}

#homepage-05 {
    position:absolute;
    left:0px;
    top:104px;
    width:760px;
    height:179px;
}

#homepage-06 {
    position:absolute;
    left:0px;
    top:283px;
    width:404px;
    height:208px;
aborder-top: 1px solid #999999;
}

#homepage-07 {
    position:absolute;
    left:404px;
    top:283px;
    width:356px;
    height:208px;
sborder-top: 1px solid #999999;
}

#homepage-08 {
    position:absolute;
    left:0px;
    top:491px;
    width:760px;
    height:164px;
}

#homepage-09 {
    position:absolute;
    left:552px;
    top:491px;
    width:208px;
    height:164px;
}

#homepage-10 {
    aposition:absolute;
    aleft:0px;
    atop:655px;
    awidth:760px;
    aheight:48px;
font-family: Verdana, Arial, Helvetica;
font-size: 9px;
color: #999999;
padding-top: 20px;
padding-left: 10px;
}



/* secondary page layout */

#secondary-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:404px;
    height:80px;
}

#secondary-02 {
    position:absolute;
    left:404px;
    top:0px;
    width:356px;
    height:80px;
text-align: right;
padding-top: 10px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
}

#secondary-03 {
    position:absolute;
    left:0px;
    top:80px;
    width:552px;
    height:24px;
z-index: 5;
}

#secondary-04 {
    position:absolute;
    left:552px;
    top:80px;
    width:208px;
    height:24px;
}

#secondary-05-0 {
    position:absolute;
    left:0px;
    top:104px;
    width:760px;
    aheight:50px;
abackground: #D1D1D1 url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/ln3.gif) repeat-y;
}

#secondary-05 {
    aposition:absolute;
    left:0px;
    atop:104px;
    awidth:600px;
    aheight:50px;
aposition:relative;
atop:0px;
afloat:left;
width:760px;
}
/*
#secondary-06 {
    aposition:absolute;
    aleft:600px;
    atop:104px;
    awidth:160px;
    aheight:60px;
aposition:relative;
atop:0px;
}
*/
#secondary-07 {
    aposition:absolute;
    aleft:0px;
    atop:155px;
    width:160px;
    aheight:360px;
float:left;
abackground-color: #D1D1D1;
height:200px;
}

#secondary-08 {
    aposition:absolute;
    aleft:160px;
    atop:155px;
    awidth:600px;
    aheight:380px;
margin-left:160px;
background-color: #FFFFFF;
atop:50px;
aleft:160px;
awidth:600px;
}
/*
#secondary-09 {
    position:absolute;
    left:552px;
    top:491px;
    width:208px;
    height:164px;
}
*/
#secondary-10 {
    aposition:absolute;
    aleft:0px;
    atop:655px;
    awidth:760px;
    aheight:48px;
font-family: Verdana, Arial, Helvetica;
font-size: 9px;
color: #999999;
padding-top: 20px;
padding-left: 10px;
clear:both;
background-color: #FFFFFF;
}



/* top navigation */

.menu {
    position:absolute;
 top: 2px;
 left: 15px;
    /* solve a Opera7/IE display bug */
    margin:0;
    padding:0;
display:block;
width:552px; /* important for Opera7 */

}
        
.menu ul {
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
display:block;


}
    
.menu li ul {
    visibility:hidden;
}

.menu li ul {
    amargin-left:140px; /* be careful */
    amargin-top:-24px;
abackground-color: #0078C1; /* need that when text in IE makes boxes larger */

 border-right: 1px solid white;
 border-left: 1px solid white;
 border-bottom: 1px solid white;

}

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

.menu li li a {
    text-align:left;
    color:white;
    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 {
    abackground-image: url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/AWZ5H0W6/tri.gif);
    abackground-position: left center;
    abackground-repeat: no-repeat;
}

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

.menu li li ul {

  border-left: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;

    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 {
border-right: 1px white solid;
border-left: 1px white solid;
border-top: 1px white solid;
    background-color: #0078C1;
    width:80px;
    display:block;
afloat:left;
    list-style:none;
    margin:0;
    padding:0;

height:20px;
height/**/:18px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
border-bottom: 1px white solid;
}



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

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







/* left hand navigation */

.menu2 {
    aposition:absolute;
    atop:0px;
    aleft:0px;
    /* solve a Opera7/IE display bug */
    width:162px;
    width/**/:160px;
    border-top: 1px white solid;
    aborder-left: 1px white solid;
aborder-right: 1px white solid;
    margin:0;
    padding:0;
}

.menu2 ul {
    border-top: 1px white solid;
    border-left: 1px white solid;
border-right: 1px white solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:162px;
    width/**/:160px;
}

.menu2 li ul {
    visibility:hidden;
}

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

.menu2 a {
    text-align:left;
abackground-color: #0078C1;
    color:white;
    display:block;
    width:145px;
aborder-bottom: 1px white solid;
    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 {
    background-image: url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/ln1.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

.menu2 a:hover, .menu2 a.sah {
    background-color: #666666;

    background-image: url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/ln2.gif);
    background-position: left top;
    background-repeat: repeat-y;
}
    
/* for a mozilla better display with key nav */
.menu2 a:focus {
    background-color: #666666;
}


.menu2 li {
    background-color: #0078C1;
    width:160px;
    display:block;
afloat:left;
    list-style:none;
    margin:0;
    padding:0;
abackground-image: url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/ln1.gif);
abackground-position: left center;
abackground-repeat: no-repeat;
border-bottom: 1px white 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 {
    width:160px;
}




/* solutions and quicklinks bullets */

UL.solutions, UL.quicklinks {
    list-style-image: url(file:///C|/Documents%20and%20Settings/katek/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/list_marker.gif);
    margin-bottom: 0px;
}
UL.quicklinks {
    margin-bottom: 20px;
}

UL.solutions LI, UL.quicklinks LI, UL.solutions LI A, UL.quicklinks LI A {
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 5px;
}
UL.solutions LI {
    margin-bottom: 10px;
}


BODY, TD {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
}

H1 {
font-family: Arial Narrow, Arial;
    font-size: 28px;
    margin-bottom: 15px;
font-weight: bold;
}
H2 {
    font-family: Arial Narrow, Arial;
    font-size: 28px;
font-weight: bold;
}
H3 {
    font-size: 16px;
    margin-bottom: 15px;
    background-color: #e0e0e0;
    padding: 15px 0px 15px 3px;
border: 1px solid #808080;
}
H4 {
    font-size: 14px;
    background-color: #f0f0f0;
    padding: 3px;
    border-top: 1px solid #000000;
}

.productstable {
    font-size: 12px;
}

.productstable2 {
    font-size: 12px;
}

.productstable2 TD {
    padding-right: 20px;
}

.newproductstable TD {
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    padding: 2px;
    vertical-align: top;
}

.salesrepstable TD {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    vertical-align: top;
    padding-left: 20px;
}


.error {
    color: red;
    font-weight: bold;
}


/* calendar */

.CalDayName, .CalDay, .CalMonthLinks, .CalSubtitle, .CalUpcoming, .CalText {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
}

.CalMonthLinks {
    text-align: center;
    vertical-align: middle;
}

.CalSubtitle {
    text-align: center;
    font-size: 120%;
}

.CalUpcoming {
    vertical-align: top;
}


/* newsletter */


#nltitle {
background-color: #666666; 
color: White; 
font-weight: bold;
font-size: 10pt;
border-bottom: 1px solid White; 
border-top: 1px solid White;
padding-left:10px;
}
#nindex {
background-color: #8A2B2B; 
font-weight: bold;
color: White; 
padding:10px 10px 5px 10px;
}
#nindex a {
font-weight: bold;
color: White; 
}
#nindex ul {margin-left:0px;padding-left:0px;}
#nindex ul li{margin-left:10px;}
#ncontent {
padding:10px 10px 5px 10px;
border: 1px solid #8A2B2B; 
}
#ncontent ul {margin-left:0px;padding-left:0px;}
#ncontent ul li{margin-left:10px;}
.nsubhead {
font-weight: bold;
font-size: 10pt;
color: #8A2B2B; 
}
#nrcolumn {
background-color:#E7E7E7;
padding-left: 5px;
}
.nsubhead1 {
font-weight: bold;
font-size: 10pt;
color: #ffffff; 
background-color:#8A2B2B;
padding-top:10px;
padding-bottom:10px;
}
#nfooter {
background-color: #8A2B2B; 
color: White; 
padding:10px 10px 5px 10px;
}


.homePageHead1 {
        font-size: 13px;
        font-weight: bold;
	color: #000000;
}
.homePageHead2 {
        font-size: 12px;
	color: #000000;
}

.homePageHead3 {
	font-size: 13px;
	font-weight: bold;
	color: #980033;
}

.homePageHead4 {
        font-size: 12px;
        font-weight: bold;
        color: #d0d0d0;
}

.homePageHead5 {
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
}