/* GENERAL */

* { margin: 0; padding: 0; }

img { border: 0; position: relative; }

a { text-decoration: none; }

body {
	background: #eee; width: 916px; margin: 0 auto;
	font: 12px sans-serif; color: black;
}

#mainContent {
	background: white url(../images/main_bottom.gif) bottom right no-repeat;
	padding-bottom: 4em; position: relative;
}

.clear { clear: both; height: 0; }

/* HEADER */

#header { height: 92px; position: relative; margin-bottom: 237px; /* 171px for Flash header, 54px for menu zone, 1em = 12px for margin */ }
h1#logo { height: 100%; overflow: hidden; }

h1#logo abbr { display: none; }
#companyNameDetails { position: absolute; left: 220px; bottom: 17px; font: 13px Arial, sans-serif; color: #039; }

#langForms { position: absolute; bottom: 17px; right: 1em; }

#langForms .submit {
	border: none; padding-right: 20px;
	_padding-right: 8px; /* IE6... */
	background: transparent url(../images/lang_en.gif) center right no-repeat;
	font-size: 10px; color: navy; cursor: pointer;
}
#langForms .submit.fr {
	background-image: url(../images/lang_fr.gif);
}

#mainAnim { font-size: 1px; position: absolute; top: 92px; z-index: 0; }

/* MENU ZONE */

#menuZone {
	height: 54px; width: 100%; background: #228 url(../images/menu_zone.jpg) repeat-x;
	position: absolute; top: 263px; z-index: 42;
}

#menuZone #phone {
	line-height: 54px; font-size: 14px; font-family: Arial, sans-serif;
	background: transparent; color: white;
	width: 160px; text-align: center;
}

#menu, #menu ul { list-style-type: none; }
#menu { position: absolute; top: 0; right: 1em; height: 100%; }

#menu li { float: left; width: 106px; height: 54px; white-space: nowrap; }
#menu li h2 a, #menu ul li a {
	display: block; width: 101px; padding: 0 2px; overflow: hidden;
	border-bottom: 5px solid silver; border-right: 1px dotted gray;
	background: #eee; color: #333;
	font-size: 9px; font-family: Arial, sans-serif; text-transform: uppercase;
	line-height: 49px; text-align: center;
}
#menu a:hover { border-bottom-color: #26d; }
#menu ul li a {
	border-left: 1px dotted gray; margin-left: -1px;
	text-transform: none; font-weight: bold; font-size: 10px;
	height: 49px;
}

/* LEFT-HAND PARTS OF CONTENTS (SEARCH, ASSOCIATED PAGES) */

#left_nav {
	float: left; width: 230px; padding: 0 10px 1em;
	margin-left: -260px;
}

/* SEARCH FORM */

#search { _margin-left: 210px; } /* IE6... */

#search h2 { font-size: 13px; color: #036; margin-bottom: 0.5em; }

#search, #search select { font-size: 11px; }
#search p { position: relative; height: 2.3em; line-height: 1.8em; }
#search input.text, #search select {
	position: absolute; left: 78px; width: 150px; border: 1px solid gray;
}
#search optgroup option { text-indent: 1em; width: 148px; }
#search p.submit { text-align: right; }

/* ASSOCIATED PAGES */

#pagesContainer {
	background: #f4f2f3 url(../images/associated_pages_bottom.png) bottom left no-repeat;
	margin: 1em 0 0; padding-bottom: 12px;
	_margin-left: 210px; /* IE6... */
	position: relative;
}
#pagesContainer .top {
	height: 13px; width: 230px; font-size: 1px;
	background: white url(../images/associated_pages_top.png) top left no-repeat;
}
div#content ul#pages {
	margin: 0; border-right: 2px solid #ccc; padding: 0 5px 0 20px; width: 203px;
	list-style-image: url(../images/associated_page_bullet.png);
	font: 11px Verdana, sans-serif; color: #036; font-weight: bold;
}
#pages a { color: #036; }
#pages a:hover { text-decoration: underline; }

/* BREADCRUMBS */

ol#ariane { list-style-type: none; color: #444; height: 1em; margin-bottom: 1em; }
ol#ariane a { color: #444; }
ol#ariane li { float: left; }
ol#ariane li .breadcrumb { background: url(../images/ariane_marker.png) center left no-repeat; color: #444; padding-left: 17px; }
ol#ariane li a.first { padding-left: 0; background: transparent; }
ol#ariane a:hover { text-decoration: underline; color: navy; }
span.breadcrumb { cursor: default; }

/* MAIN CONTENT ZONE */

div#content {
	margin-top: 1em;
	padding: 0 90px 0 260px; color: #333; font-family: Verdana, sans-serif;
	background: url(../images/page_background.jpg) no-repeat 2px bottom;
	min-height: 230px;
}

div#content h1 {
	font-size: 13px; color: #036;
	margin-bottom: 1.2em; border-bottom: 2px solid #036;
}

div#content h2 { font-size: 12px; /* margin-bottom: 1.2em; */ text-decoration: underline; }
div#content h3 { font-size: 11px; /* margin-bottom: 1.2em; */ }

div#content p { margin: 0 0 1em; font-size: 10px; }

div#content ul { margin: 0 1.5em 1em; font-size: 10px; }

div#content table {
	border: 2px solid #444; border-collapse: collapse;
	margin: 1em 0; font-size: 10px;
}
div#content table th, div#content table td { border: 1px solid #444; padding: 0.1em 0.3em; }
div#content table th { background: #666; color: white; text-align: left; font-weight: normal; }



/* HIGHLIGHTED PRODUCTS & PRODUCT SEARCH RESULTS */

div#content #highlighted_products {
	list-style-type: none; margin: 1em auto; height: 200px;
	clear: both;
}
div#content ul.has3 { width: 560px; }
div#content ul.has2 { width: 370px; }
div#content ul.has1 { width: 180px; }

div#content #results { list-style-type: none; margin: 1em 0; }

.products li {
	float: left; width: 158px; height: 178px; margin: 0 0 1em 10px;
	border: 2px solid #ddd; border-width: 0 2px 2px 0;
	background: white url(../images/product_background.gif) top left repeat-x; padding: 10px; color: #666; overflow: hidden;
	cursor: default;
}
#results li { margin: 0 8px 8px 0; position: relative; }
#highlighted_products li.first { margin: 0; }

.products h2 { text-align: center; }
.products h2 a {
	font: bold 13px Verdana, sans-serif; color: #036;
}
.products img {
	border: 1px solid silver; width: 100px; height: 100px; position: static;
	border-color: silver #f2f2f2 #f2f2f2 silver;
}

ol.pagination { list-style-type: none; text-align: center; color: gray; }
ol.pagination li { display: inline; padding: 0 0.25em 0 0.5em; border-left: 1px solid gray; }
ol.pagination li.first { padding: 0 0.5em 0 0; border: none; }
ol.pagination a { color: #036; }

div#content p#allProducts { margin-top: 1em; }
p#allProducts a {
	padding-left: 10px;
	background: url(../images/associated_page_bullet.png) left center no-repeat;
	color: #036; font-size: 13px; line-height: 13px;
}

div.marketFlashContainer { position: relative; height: 306px; margin-left: -260px; }
p.marketFlash { position: absolute; z-index: 0; }

/* SITEMAP */

#sitemap li a {
	font: bold 11px Verdana, sans-serif;
	color: #036;
}

/* FOOTER */

#footer {
	padding: 0.5em 0; text-align: right; list-style-type: none; position: relative;
	font: 11px Verdana, sans-serif; z-index: 42;
}

#footer li { display: inline; }

#footer a { color: navy; padding: 0 0.5em 0 0.75em; border-left: 1px solid navy; }
#footer a:hover { text-decoration: underline; }
#footer a.first { border: none; }

#copyright { position: relative; color: #444; margin-top: -19px; z-index: 0; }
#copyright img { vertical-align: middle; }