* {
    margin: 0; padding: 0;
    }
html, body {
    height: 100%; background: #e9f2fb; font-family: Arial, Helvetica, Sans-serif; font-size: 80%; line-height: 1.4; color: #333333; text-decoration: none;
    }

#wrapper {
    width: 866px;
    background: url(../en/images/main-bg.gif) center repeat-y;
    min-height: 87%;
    height: auto !important;
    height: 87%;
    margin: 0 auto;
    padding-bottom: 40px;
}

#header { height: 110px; overflow: hidden; margin-right: 0px; }

a#logo { display: block; float: left; height: 37px; width: 156px; margin: 30px 0 0 30px; background: url(../en/images/logo.gif);  }
a#logo-fr { display: block; float: left; height: 37px; width: 156px; margin: 30px 0 0 30px; background: url(../fr/images/logo.gif);  }
a#logo h1, a#logo-fr h1 { display: none; }

#container { overflow: hidden; }

#left { float: left; width: 180px; padding: 0 15px 20px 20px; _padding: 0 10px 20px 15px; }
#left ul { list-style-type: none; }

#content { float: left; width: 630px; padding: 5px; _padding: 5px 5px 5px 0px; border: 0px; }
.template #content { padding-left: 40px; padding-right: 30px; width: 570px; }
#flash-holder { width: 618px; height: 435px; border: 1px solid black; margin: 0 auto; margin-bottom: 6px; }
div#bottom-squares div { float: left; width: 180px; margin: 0px 3px; height: 185px; padding: 0 5px; _padding: 0 2px 0 2px; _margin: 0 0 0 3px; }
div#bottom-squares div div { height: auto; }
h3.square-title { font-size: 1.5em; text-align: center; text-transform: uppercase; line-height: 1; padding-top: 10px; padding-bottom: 10px; color: #fff;}
#featured-products { background: #eeebe7 url(../en/images/feature_newportfolio.jpg) center top repeat-x; height: auto; _margin-left: 0px; }
#did-you-know { background: #E6E5E9 url(../en/images/didyouknow_gateway.jpg) center top repeat-x; height: auto; }
#featured-products-fr { background: #eeebe7 url(../fr/images/feature_newportfolio.jpg) center top repeat-x; }
#did-you-know-fr { background: #E6E5E9 url(../fr/images/didyouknow_gateway.jpg) center top repeat-x; }
#news { background: #eeebe7; }
#news h3 { color: #877167; }
#news ul { margin-left: 17px; list-style-image: url(../en/images/red-dot.gif); }
#news ul li, #featured-products ul li, #did-you-know ul li, #featured-products-fr ul li, #did-you-know-fr ul li { padding: 3px 0px; }
#featured-products ul, #did-you-know ul { margin-left: 17px; list-style-image: url(../en/images/red-dot-trans.gif);}
#featured-products-fr ul, #did-you-know-fr ul { margin-left: 17px; list-style-image: url(../fr/images/red-dot-trans.gif);}
#featured-products ul li a, #featured-products-fr ul li a { font-size: 1.2em; color: #2A3EB4; }
#did-you-know ul li a, #did-you-know-fr ul li a  { font-size: 1.2em; color: #FFFFFF; }

ul.didyouknow-pg, ol.didyouknow-pg { display: block; margin-left: 35px; font-size: 1.2em; line-height: 135%;}
ul.didyouknow-pg2, ol.didyouknow-pg2 { display: block; margin-left: 35px; line-height: 135%;}
a.readmore { color: #FF0000; font-weight: bold; text-decoration: none;}
a.readmore:hover { color: #FF0000; font-weight: bold; text-decoration: underline;}

.superscript  { Vertical-align:super; font-size: 7px; }
a.a-top { text-align: right; font-size: .75em; margin-top: 20px; display: block; margin-right: 10px; color: #626262;}

p.more a { text-align: right; font-size: .75em; margin-top: 10px; display: block; margin-right: 10px; }
#featured-products p.more a, #did-you-know p.more a, #featured-products-fr p.more a, #did-you-know-fr p.more a  { font-size: 10pt; color: #2A3EB4;}
/*#did-you-know p { font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #fff; padding-left: 5px; line-height: 1.2; }*/
/*#did-you-know-fr p { font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #fff; padding-left: 5px; line-height: 1.2; }*/

div#bottom-squares #video-player { width: 229px; background: url(../en/images/video.gif) center top no-repeat; margin-right: 0px; padding-right: 0px; }
div#bottom-squares #video-player-fr { width: 229px; background: url(../fr/images/video.gif) center top no-repeat; margin-right: 0px; padding-right: 0px; }

#footer { text-align: center; background: url(../en/images/footer-bg.gif) center bottom no-repeat; padding-bottom: 25px; width: 866px; margin: 0 auto; margin-top: -20px; }
#footer-fr { text-align: center; background: url(../fr/images/footer-bg.gif) center bottom no-repeat; padding-bottom: 25px; width: 866px; margin: 0 auto; margin-top: -40px; }
p.footernav a { color: #626262; text-decoration: none; }

div.space { clear: both; height: 40px; }
p.space { clear: both; height: 16px; }

p.bluebtn1 a { display: block; color: #FFF; font-size: 1.3em; text-decoration: none; font-weight: bold; background: url(../en/images/blue-btn1.gif) center top no-repeat; width: 176px; height: 45px; text-align: center; padding-top: 19px; margin-left: 7px; }
p.bluebtn2 a { display: block; color: #FFF; font-size: 1.3em; text-decoration: none; font-weight: bold; background: url(../en/images/blue-btn2.gif) center top no-repeat; width: 176px; height: 45px; text-align: center; padding-top: 19px; margin-left: 7px; }

p.bluebtn1-fr a { display: block; color: #FFF; font-size: 1.25em; text-decoration: none; font-weight: bold; background: url(../fr/images/blue-btn1.gif) center top no-repeat; width: 176px; height: 45px; text-align: center; padding-top: 19px; margin-left: 7px; }
p.bluebtn2-fr a { display: block; color: #FFF; font-size: 1.25em; text-decoration: none; font-weight: bold; background: url(../fr/images/blue-btn2.gif) center top no-repeat; width: 176px; height: 45px; text-align: center; padding-top: 19px; margin-left: 7px; }

p.vancouver  { display: block; background: url(../en/images/) center top no-repeat; width: 165px; height: 41px; margin: 34px 0 0 12px;  }
p.vancouver-fr { display: block; background: url(../fr/images/) center top no-repeat; width: 165px; height: 41px; margin: 34px 0 0 12px;  }
p.vancouver span, p.vancouver-fr span { display: none; }

p#language { float: right; text-align: right; margin-right: 20px; }
p#language a { float: left; }
#a#chameleon { margin: 0px 0px 0 0; }
#a#chameleon-fr { margin: 0px 0px 0 0; }
/* #a#chameleon { display: block; background: url(../en/images/camaleon.gif) left top no-repeat; height: 95px; width: 92px; margin-top: 5px; }
#a#chameleon-fr { display: block; background: url(../fr/images/camaleon.gif) left top no-repeat; height: 95px; width: 92px; margin-top: 5px; } */
a#lang-link { margin: 55px 0px 0 0; text-decoration: none; color: #877167; font-size: 1.2em; }

h2.sectionheading { font-size: 1.6em; color: #877167; margin-bottom: 10px; }
.template #content p { font-size: 1.2em; color: #877167; padding: 5px 0; }



/* nogo styles */
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* common styling */
.menu1{
font-family: arial, sans-serif; width:193px; position:relative; margin: 0 0 10px 0; }
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:193px;
}
.menu1 ul li {
float:left; position:relative; z-index:90;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color:#001996; width:158px; height:34px; line-height:29px; padding-left:35px; padding-top: 6px; margin-bottom: 1px;
}

.menu1 ul li a.about, .menu1 ul li a.about:visited { background: url(../en/images/nav-about.gif); }
.menu1 ul li a.shipping, .menu1 ul li a.shipping:visited { background: url(../en/images/nav-shipping.gif); }
.menu1 ul li a.products, .menu1 ul li a.products:visited { background: url(../en/images/nav-products.gif); }
.menu1 ul li a.featured, .menu1 ul li a.featured:visited { background: url(../en/images/nav-featured.gif); }
.menu1 ul li a.taz, .menu1 ul li a.taz:visited { background: url(../en/images/nav-taz.gif); }
.menu1 ul li a.countries, .menu1 ul li a.countries:visited { background: url(../en/images/nav-countries.gif); }
.menu1 ul li a.contact, .menu1 ul li a.contact:visited { background: url(../en/images/nav-contact.gif); }

/* french */
.menu1 ul li a.about-fr, .menu1 ul li a.about-fr:visited { background: url(../fr/images/nav-about.gif); }
.menu1 ul li a.shipping-fr, .menu1 ul li a.shipping-fr:visited { background: url(../fr/images/nav-shipping.gif); }
.menu1 ul li a.products-fr, .menu1 ul li a.products-fr:visited { background: url(../fr/images/nav-products.gif); }
.menu1 ul li a.featured-fr, .menu1 ul li a.featured-fr:visited { background: url(../fr/images/nav-featured.gif); }
.menu1 ul li a.taz-fr, .menu1 ul li a.taz-fr:visited { background: url(../fr/images/nav-taz.gif); }
.menu1 ul li a.countries-fr, .menu1 ul li a.countries-fr:visited { background: url(../fr/images/nav-countries.gif); }
.menu1 ul li a.contact-fr, .menu1 ul li a.contact-fr:visited { background: url(../fr/images/nav-contact.gif); }
/* end french */

.menu1 ul li a span { display: none; }

* html .menu1 ul li a, .menu1 ul li a:visited {width:193px; w\idth:158px;}

.menu1 ul li {background:url(en/images/nav-bg.gif);}

.menu1 ul li ul li.sub1 {background: #eee;}

.menu1 table {
border-collapse:collapse; border:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
text-decoration:none; border:0;
}

.menu1 ul li a:hover {position:relative; z-index:100;}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; width:170px; height:auto; border:1px solid #606; z-index:10; background:#f8f8f8; overflow:visible; margin-top: 3px;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#001996; width:155px; line-height:15px; padding:5px 0 5px 15px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:170px; w\idth:135px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
text-decoration:none; border:0; background: #ddd;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:170px; margin-top: 0px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:130px; height:auto; color:#001996; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#001996; padding-bottom: 4px; padding-top: 4px;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:130px; w\idth:115px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:none;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.style5 {color: #404040; font-size: 12px; line-height: 135%;}
.style5g {color: #808080; font-size: 12px; line-height: 135%;}
.style5b {color: #404040; font-size: 12px; line-height: 135%; font-weight: bold;}
.style6 {color: #404040; font-size: 12px; line-height: 135%;}
.style6b {color: #787878; font-size: 13px; line-height: 135%; font-weight: bold;}
.style7 {color: #d52b1e; font-size: 13px; line-height: 135%;}
.style7s {color: #d52b1e; font-size: 12px; line-height: 135%;}
.style7b {color: #0018a8; font-size: 12px; line-height: 135%; font-weight: bold;}

.style8 {
	color: #877167;
	font-weight: bold;
	line-height: 135%;
}
.style10 {color: #877167; font-weight: bold; line-height: 135%; font-size: 13px; }

.style-wsize {color: #404040; font-size: 10px; line-height: 135%;}
.style-wsize-blue {color: #001091; font-size: 10px; line-height: 135%; font-weight: bold;}
.style-wsize-wht {color: #FFFFFF; font-size: 10px; line-height: 135%; font-weight: bold;}

/* end nogo styles */