body {
font-family: "Tahoma", "Lucida Sans Unicode", "Verdana", sans-serif;
font-size: 8pt;
background: #fff;
color: #333;
}

h1, h2, h3, h4, h5, h6, p {
font-size: 1em;
margin: 0;
padding: 0;
}


/*    ----------------------------  TABLE USED FOR THE NAVIGATION  ---------------------------- */

.nav {
width: 980px;
background: #145284;
position: relative;
}

.navTabl {
background: #145284;
color: #fff;
margin: 0;
padding: 0; /* gives us the height of the bar*/
/*border-bottom: 1px solid black;  border of the whole menu bar*/
width: 100%;
}

.navTabl td {
/*color: #fff;*/
padding: 0;
margin: 0;
border-right: 1px solid #fff;
}

.navTabl a {
text-decoration: none;
padding: 3px 5px 3px 5px;
}

.navTabl td a {
color: #fff;
display: block; /* makes the whole td a link */
margin: 0;
text-decoration: none;
}

.navTabl td a.active, .navTabl td a:hover {
color: #fff;
text-decoration: none;
}

.navTabl td a:hover  {
color: #fff;
background: #BD213A;
text-decoration: underline;
}

.navTabl td div {
display: none;
}

.navTabl td.mega div {
border-top: 5px solid #BD213A;
border-right: 1px solid #BD213A;
border-bottom: 1px solid #BD213A;
border-left: 1px solid #BD213A;
width: 18em;
/*position: absolute;*/
/*top: 2.0em;*/
/*left: 0em;*/
padding: 1.3em;
background: #f6f6f6;
color: #930;
}

.navTabl td.mega div.left2 {
position: absolute;
top: 2.0em;
left: 0;
width: 400px;
}

.navTabl td.mega div.right2 {
position: absolute;
right: 0;
top: 2.0em;
width: 400px;
}

.navTabl td.mega div.middle2 {
position: absolute;
top: 2.0em;
left: 300px;
width: 400px;
}

.navTabl td.mega div.left3 {
position: absolute;
top: 2.0em;
left: 0;
width: 600px;
}

.navTabl td.mega div.right3 {
position: absolute;
right: 0;
top: 2.0em;
width: 600px;
}

.navTabl td.mega div.middle3 {
position: absolute;
top: 2.0em;
left: 200px;
width: 600px;
}

.navTabl td.mega div.left4 {
position: absolute;
top: 2.0em;
left: 0;
width: 700px;
}

.navTabl td.mega div.right4 {
position: absolute;
right: 0;
top: 2.0em;
width: 700px;
}

.navTabl td.mega div.middle4 {
position: absolute;
top: 2.0em;
left: 200px; /* half of the width */
width: 700px;
}

.navTabl td.mega div.left5 {
position: absolute;
top: 2.0em;
left: 0;
width: 800px;
}

.navTabl td.mega div.right5 {
position: absolute;
right: 0;
top: 2.0em;
width: 800px;
}

.navTabl td.mega div.middle5 {
position: absolute;
top: 2.0em;
left: 100px; /* half of teh width */
width: 800px;
}

div#banner h1, div#menu h2 {
margin: 0;
padding: 0;
}

div#banner h1 a {
display: block; /* not used */
width: 270px; /* not used */
height: 21px; /* not used */
}

div#banner h1 a span, div#banner .skip {
position: absolute; /* not used */
top: -10000px; /* not used */
left: -10000px; /* not used */
}

.navTabl td.hovering div {
display: block;
}

.navTabl td.mega div a {
color: #300;
padding: 0;
background-image: none;
text-decoration: underline;
}

.navTabl td div a.more {
color: #390;
font-weight: bold;
}

.navTabl div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}

.navTabl div p {
margin: 0 0 0.8em 0;
padding: 0;
}


/*    ----------------------------  END OF TABLE USED FOR THE NAVIGATION  ---------------------------- */



/* ---------------------------- DIV INSIDE THE NAVIGATION ----------------------------  */


.right2 table, .right3 table, .right4 table, .right5 table,
.middle2 table, .middle3 table, .middle4 table, .middle5 table,
.left2 table, .left3 table, .left4 table, .left5 table {
    width: 100%;
    margin-bottom: 2em;
}

.right2 td, .middle2 td, .left2 td {
    color: #145284;
    width: 50%;
}

.right3 td, .middle3 td, .left3 td {
    color: #145284;
    width: 33%;
}

.right4 td, .middle4 td, .left4 td {
    color: #145284;
    width: 25%;
}

.right5 td, .middle5 td,.left5 td {
    color: #145284;
    width: 20%;
}



.left3 a {
color: #145284;
text-decoration: none;
}

.left3 td a {
color: #145284;
text-decoration: none;
}

.left3 td a.active, .left3 td a:hover {
color: #145284;
text-decoration: none;
}

.left3 td a:hover  {
background: #eaeaea;
text-decoration: underline;
color: #464646;
}



.right2 h1, .right3 h1, .right4 h1, .right5 h1,
.middle2 h1, .middle3 h1, .middle4 h1, .middle5 h1,
.left2 h1, .left3 h1, .left4 h1, .left5 h1 {
    font-size: 120%;
    color: #FF7700;
}

.right2 p, .right3 p, .right4 p, .right5 p,
.middle2 p, .middle3 p, .middle4 p, .middle5 p,
.left2 p, .left3 p, .left4 p, .left5 p {
    color: #339900;
}


.right2 p a, .right3 p a, .right4 p a, .right5 p a,
.middle2 p a, .middle3 p a, .middle4 p a, .middle5 p a,
.left2 p a, .left3 p a, .left4 p a, .left5 p a {
    color: #339900;
}


.right2 p a:hover, .right3 p a:hover, .right4 p a:hover, .right5 p a:hover,
.middle2 p a:hover, .middle3 p a:hover, .middle4 p a:hover, .middle5 p a:hover,
.left2 p a:hover, .left3 p a:hover, .left4 p a:hover, .left5 p a:hover {
    color: #963200;
}


.right2 p a:hover, .right3 p a:hover, .right4 p a:hover, .right5 p a:hover,
.middle2 p a:hover, .middle3 p a:hover, .middle4 p a:hover, .middle5 p a:hover,
.left2 p a:hover, .left3 p a:hover, .left4 p a:hover, .left5 p a:hover {
    color: #963200;
}



/*    ----------------------------  Redefining  ---------------------------- */

.mega div h1 {
font-size: 12px;
}

.mega div p {
font-size: 11px;
}

.mega div p a{
display: inline;
}


mega div p a:link, .mega div p a:hover, .mega div p a:visited {
font-size: 11px;
background: #F5F5F5;
}

.mega div p a:hover{
font-size: 11px;
background: #F5F5F5;
}


.mega a {
font-size: 11px;
}


.mega div table tr td {
font-size: 11px;
color: #1E5A8C;
}

.mega div table tr td a,
.mega div table tr td a:link,
.mega div table tr td a:visited,
.mega div table tr td a:active{
    font-size: 11px;
    color: #1E5A8C;

}

.mega div table tr td a:hover{
font-size: 11px;
background: #9CCCF5;
text-decoration: underline;
color: #1E5A8C;

}




a.brandsMore {
color: #000; /* Text for "more", usually at the bottom part of the megamenu */
font-weight: bold;
padding-left: 11px;
font-size: 11px;
}

a.brandsMore:hover {
color: #7f7f7f;
}

/* ---------------------------- END OF DIV INSIDE THE NAVIGATION ----------------------------  */