body 
{
	margin: 0px;
	padding: 0px;
	background-image:url(QuebecPOS/bg.jpg); 
	background-repeat:repeat-x;
	background-color: #797979;
	FONT-WEIGHT: normal; 
	font-size: 12px;
	FONT-FAMILY: Trebuchet MS, Arial, Tahoma, sans-serif;
}
a:link {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	color: #595959;
	text-decoration: none;
	font-weight:800;
}
a:visited {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #595959;
	font-weight:800;
}
a:hover {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #0171C3;
	font-weight:800;
}
a:active {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #595959;
	font-weight:800;
}


A.french:link {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration:none;
}

A.french:active {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration:none;
}

a.french:hover {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9F9F9F;
	text-decoration:underline;
}
a.french:visited {
	font-family:  Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5faad5;
	text-decoration:none;
}

table {
	font-family: Arial,  Trebuchet MS, Tahoma, sans-serif;
	color: #3F312C;
	font-size: 11px;
	font-weight: normal;
	padding:0px;
	line-height: 16px;
}

TD {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	FONT-STYLE: normal; 
	FONT-FAMILY:Arial,   Trebuchet MS, Tahoma, sans-serif;
	}
	
.advantage 
{
	background-image:url(QuebecPOS/advantage.jpg); 
	background-repeat: no-repeat;
	background-color: #ffffff;
	FONT-WEIGHT: normal; 
	font-size: 12px;
	FONT-FAMILY: Trebuchet MS, Arial, Tahoma, sans-serif;
	height:251px;
}
.proname {
	font-family: Arial,  Trebuchet MS, Tahoma, sans-serif;
	color: #3F312C;
	font-size: 11px;
	font-weight: normal;
	padding:0px;
	line-height: 16px;
	font-weight:800;
}	

.procode {
	font-family: Arial,  Trebuchet MS, Tahoma, sans-serif;
	color: #9a060a;
	font-size: 11px;
	font-weight: normal;
	padding:0px;
	line-height: 16px;
	font-weight:400;
}	
.smalltext {
	padding-left:8px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
	color:#000000;
	vertical-align:top;
}

.welcome {
	FONT-FAMILY: Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 22px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#0070c0;
}
.pos{
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 22px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#ff3600;
}

.phone{
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#545454;
	text-align:center;
	line-height:22px;
}
.phone1{
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#840000;
	text-align:center;
	line-height:22px;
}
.brand{
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 22px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#840000;
	line-height:22px;
}

.category{
	FONT-FAMILY: Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 15px;
    FONT-STYLE: normal;
	font-weight:600;
	color:#ffffff;
	line-height:22px;
	text-align:center;
	text-transform:uppercase;
}
.feature{
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#d12e2e;
	line-height:22px;
}

.time {
	FONT-FAMILY:  Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 15px;
    FONT-STYLE: normal;
	font-weight:900;
	color:#848484;
	text-decoration:underline;
}

.footer {
	height:25px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
	color:#ffffff;
	text-align:center;
}



a.footer:link {
	height:25px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
	color:#ceecff;
	text-align:center;
}

a.footer:active {
	height:25px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
	color:#ceecff;
	text-align:center;
}
a.footer:hover {
	height:25px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
	color:#4FB1FB;
	text-align:center;
}

a.footer:visited {
	height:25px;
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
	color:#ceecff;
	text-align:center;
}

.email{
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
	color:#0070c0;
	text-align:center;
	font-weight:900;
}
a.email:link {
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
	color:#0070c0;
	text-align:center;	
	font-weight:900;
}

a.email:active {
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
	color:#0070c0;
	text-align:center;	
	font-weight:900;
}
a.email:hover {
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
	color:#4FB1FB;
	text-align:center;	
	font-weight:900;
}

a.email:visited {
	FONT-FAMILY:  Trebuchet MS, Arial, Tahoma, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
	color:#0070c0;
	text-align:center;	
	font-weight:900;
}


#nav {
width: 180px;
background: #E9E9E9;
}
#nav li li a{
   font: bold 10px Verdana;
   }
#nav li li a:hover{
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ddd #E9E9E9 #aaa #aaa;
   } 
#nav ul ul{
   top:0px;
   display:none;
   position:absolute;
   }
#nav ul li:hover ul, #nav ul li.over ul{
   font: bold 10px Verdana;
   display: block;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   margin: 0;
   }
#nav2 {
width: 180px;
background: #E9E9E9;
   }
#nav2 li li a{
   font: bold 10px Verdana;
   }
#nav2 li li a:hover{
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ddd #E9E9E9 #aaa #aaa;
   } 
#nav2 ul ul{
  
   top:0px;
   display:none;
   position:absolute;
   }
#nav2 ul li:hover ul, #nav2 ul li.over ul{
   font: bold 10px Verdana;
   display: block;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   margin: 0;
   }
   
#nav3 {
width: 181px;
background: #E9E9E9;
}
#nav3 li li a{
  
   font: bold 10px Verdana;
   
   }
#nav3 li li a:hover{
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #ddd #E9E9E9 #aaa #aaa;
   } 
#nav3 ul ul{
  
   top:0px;
   display:none;
   position:absolute;
   }
#nav3 ul li:hover ul, #nav3 ul li.over ul{
   font: bold 10px Verdana;
   display: block;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   margin: 0;
   }  
#menu, #menu2 {
width: 161px;
background: #E9E9E9;
}

#menu ul, #menu2 ul{
list-style: none;
margin: 0;
padding: 0;
width: 161px;
}

#menu a, #menu h2{
font: bold 10px Verdana;
display: block;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ddd #aaa #aaa #aaa;
margin: 0;
padding: 2px 3px;
}

#menu2 a, #menu2 h2
{
font: bold 10px Verdana;
display: block;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #ddd #aaa #aaa #E9E9E9;
margin: 0;
padding: 2px 3px;
}

#menu h2, #menu2 h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a, #menu2 a {
color: #595959;
background: #E9E9E9;
text-decoration: none;
}

#menu a:hover, #menu2 a:hover {
color: #a00;
background: #fff;
}

#menu li, #menu2 li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
 background: #fff;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: circle;

	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 160px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	border: 1px solid #E9E9E9;
	border-bottom: 1;
	font-family: Verdana;
	FONT-SIZE: 10pt;
    COLOR: #8b0000;
    font-weight: bold;
    padding: 5;
	}
	

li:hover ul, li.over ul {
	display: block; 
	background-color:#E9E9E9;
	border: 0px solid black;	
	}
