/**
 * NATIQ main styles
 */

 
/* init
*/


body { font: 12px arial, verdana, sans-serif; line-height: 18px; padding: 0 0 30px 0; margin: 0; background: url(../images/body_background.gif) repeat-x; color: #444942; line-height: 20px; }


h1 { font-size: 14px; margin-bottom: 10px; } 
h1 span.sm { font-size: 12px; font-weight: normal;  } 
h2 { font-size: 13px; padding-top: 5px;  }

p#topP { margin-top: 20px; }
/*\*/ * html p#topP { margin-top: 14px; } /**/

ul { list-style: none; }

a { text-decoration: none; color: #7A850D; }
a:hover { text-decoration: underline; }
a.bold-black-green { font-weight: bold; color: #5B5B5B; }
a.bold-black-green:hover { text-decoration: none; color: #7A850D; }
a.black-green { color: #5B5B5B; }
a.black-green:hover { color: #7A850D; }

/* misc
-------------------*/

.clear { clear: both; }
.yellow { color: #DEB306; }
.orange { color: #EA7E1D; }
.blue { color: #7399C6; }
.minHeight { height: 300px; }
.print_bk { background: url(../images/icon_print.gif) no-repeat 0 30px; padding: 34px 0 0 28px;  position: absolute; top: -17px; right: 0; }
/*\*/ * html .print_bk { top: -5px; } /**/
.print_bk a.icon_print_hotspot { display: block; position: absolute; top: 30px; left: 0; width: 20px; height: 20px; text-decoration: none; }
.hr { background: url(../images/dot-grey.gif) repeat-x 0 7px; }
.hr-green { background: url(../images/dot-green.gif) repeat-x 0 11px; }
sup { font-size: 8px; }
.red { color: #FF0000; font: bold 14px; margin-right: 3px; }
.border-none { border: 0; }
.margin-bottom-no { margin-bottom: 0; }



/* top
-------------------*/

#top { width: 1000px; position: relative; height: 130px; }
#top ul { margin: 0; padding: 0; }

#logo { position: absolute; top: 38px; left: 31px; }
#tagLine { position: absolute; top: 68px; left: 225px; }

#top_nav_1 { position: absolute; top: 0; right: 0; border-top: 5px solid #B1BD1B; }
#top_nav_1 li { height: 19px; float: left; margin-top: 5px; }
#top_nav_1 li.li1 { width: 56px; margin-right: 12px; display: none; }
#top_nav_1 li.li2 { width: 44px; margin-right: 5px; }
#top_nav_1 li.li3 { height: 17px; width: 50px ; margin: 6px 5px 0 0 ;  }
#top_nav_1 li.li4 { width: 32px; }
#top_nav_1 li a { display: block; height: 19px; }
#top_nav_1 li.li1 a { background: url(../images/btn_francais.gif) no-repeat; }
#top_nav_1 li.li2 a { background: url(../images/btn_nylene.gif) no-repeat; }
#top_nav_1 li.li3 a { background: url(../images/btn_admin.gif) no-repeat ; height: 17px; }
#top_nav_1 li.li3 a:hover { background-position: 0 -17px;  }
#top_nav_1 li.li4 a { background: url(../images/btn_home.gif) no-repeat; }
#top_nav_1 li a:hover { background-position: 0 -19px; text-decoration: none;  }

#top_nav_2 { position: absolute; top: 60px; right: 0; display: none; }
#top_nav_2 li { height: 20px; float: left; margin-top: 5px; }
#top_nav_2 li.li1 { width: 74px; margin-right: 15px; }
#top_nav_2 li.li2 { width: 116px; margin-right: 15px; }
#top_nav_2 li.li3 { width: 81px; margin-right: 15px; }
#top_nav_2 li.li4 { width: 86px; }
#top_nav_2 li a { display: block; height: 20px; }
#top_nav_2 li.li1 a { background: url(../images/btn_retailers.gif) no-repeat; }
#top_nav_2 li.li2 a { background: url(../images/btn_manufacturers.gif) no-repeat; }
#top_nav_2 li.li3 a { background: url(../images/btn_specifiers.gif) no-repeat; }
#top_nav_2 li.li4 a { background: url(../images/btn_consumers.gif) no-repeat; }
#top_nav_2 li a:hover { background-position: 0 -20px; text-decoration: none;  }


/* middle
-------------------*/
#middle { position: relative; height: 173px; width: 1015px; }


#middle_nav { position: absolute; top: 0x; left: 0; z-index: 2; height: 171px; }
#middle_nav ul { position: absolute; left: 0; border-left: 5px solid #879615; height: 171px; margin: 0; padding: 0;  }
/*\*/ * html #middle_nav ul { top: 1px; } /**/
#middle_nav ul li { width: 166px; margin: 0 0 1px 22px; }
/*\*/ * html #middle_nav ul li { overflow: hidden; } /**/
#middle_nav ul li.li1 { height: 14px; margin-top: 17px; }
#middle_nav ul li.li2 { height: 13px; }
#middle_nav ul li.li3, #middle_nav ul li.li4 { height: 11px; }
#middle_nav ul li.li5, #middle_nav ul li.li6 { height: 12px; }
#middle_nav ul li a { display: block; width: 166px;  }
#middle_nav ul li a:hover { text-decoration: none;  }
#middle_nav ul li.li1 a { background: url(../images/btn_about.gif) no-repeat; height: 14px; }
#middle_nav ul li.li1 a:hover { background-position: 0 -14px;  }
#middle_nav ul li.li2 a { background: url(../images/btn_enviro_quotient.gif) no-repeat; height: 13px; }
#middle_nav ul li.li2 a:hover { background-position: 0 -13px; }
#middle_nav ul li.li3 a { background: url(../images/btn_products.gif) no-repeat; height: 11px; }
#middle_nav ul li.li3 a:hover, #middle_nav ul li.li4 a:hover  { background-position: 0 -11px; }
#middle_nav ul li.li4 a { background: url(../images/btn_services.gif) no-repeat; height: 11px;  }
#middle_nav ul li.li5 a { background: url(../images/btn_contacts.gif) no-repeat; height: 12px; }
#middle_nav ul li.li5 a:hover, #middle_nav ul li.li6 a:hover  { background-position: 0 -12px; }
#middle_nav ul li.li6 a { background: url(../images/btn_news.gif) no-repeat; height: 12px; }


#mainImage { position: absolute; top: 0; right: 0; border-left: 1px solid #fff; z-index: 1; }


/* content
-------------------*/

/* home */
#three_buckets { margin: 5px 0 0 195px; height: 370px; width: 970px; padding: 0; }
#three_buckets li { padding-top: 145px; float: left; }
#three_buckets li.li1 { background: url(../images/bucket_bk_home.jpg) no-repeat; margin-right: 40px; width: 388px; } 
#three_buckets li.li2 { background: url(../images/bucket_bk_work.jpg) no-repeat; margin-right: 20px; padding: 145px 7px 0 0; width: 388px; } 

/* sub pages */
ul#subpage_nav { list-style: none; text-align: right; width: 169px; position: absolute; top: 384px; left: 14px; margin: 0; padding: 0; line-height: 20px; z-index: 100; }
/*\*/ ul#subpage_nav { top: 384px; }  
*html ul#subpage_nav { top: 380px; } /**/
ul#subpage_nav li a#active, ul#subpage_nav li a#active:hover { text-decoration: none; color: #4B4D4A; }


#text { padding: 38px 0 40px 208px; width: 790px; position: relative; }
#text ul, #text ul.bullet-arrow  { margin: 0; padding: 0; }
#text ul li { background: url(../images/bullet.gif)  no-repeat 0 7px; padding-left: 13px; }
#text ul.bullet-arrow li { background: url(../images/bullet-arrow.gif)  no-repeat 0 5px; padding-left: 13px; padding-bottom: 20px;  }

/* about */
table#table-about { width: 660px;  }
table#table-about tr td { padding: 10px 0 0 0 ; }

/* specifiers, consumers, manufacturers... */
#nav-big-images { position: absolute; top: 0; left: 193px; border-left: 1px solid #fff; z-index: 1; padding: 0; margin: 0; }
#nav-big-images li { float: left; height: 172px; width: 201px; }
#nav-big-images li a { display: block; height: 172px; width: 201px;}
#nav-big-images li.li1 a { background: url(../images/btn-retailer-b.jpg) no-repeat ; }
#nav-big-images li.li2 a { background: url(../images/btn-manufacturers-b.jpg) no-repeat ; }
#nav-big-images li.li3 a { background: url(../images/btn-specifiers-b.jpg) no-repeat ; }
#nav-big-images li.li4 a { background: url(../images/btn-consumers-b.jpg) no-repeat ; }
#nav-big-images li a:hover, #nav-big-images li a#active { background-position: 0 -172px; text-decoration: none; }



/* form */
.txtBox, .txtBoxSm, .txtBoxXSm, .txtArea, .chekBox, select, { border: 1px solid #ccc; font-size: 11px; }
.txtBox { width: 200px; }
.txtBoxSm { width: 120px; }
.txtBoxXSm { width: 75px; height: 16px; }
.txtArea { width: 300px; height: 100px; }
.td1, .td1b { text-align: right; padding-right: 15px; width: 330px; }
.td1b { padding: 6px 15px 5px 0; }
.paddingTB { padding: 5px 0; }
.paddingTxB { padding: 5px 0 15px 0 ;}
.btn { font-size: 11px; }


/* contact us */
#table-contacts { margin-top: 18px; }
#table-contacts tr td.td1 { padding-right: 40px; text-align: left; width: 220px; }
#table-contacts tr td.td2 { width: 270px; padding: 0 40px 0 30px; font-size: 12px; line-height: 19px; }


/* media */
table.table-border { border-left: 1px solid #F4F4F4; border-top: 1px solid #EAEAEA; }
table.table-border tr td { border-right: 1px solid #F4F4F4; border-bottom: 1px solid #EAEAEA; padding: 10px; background-color: #fff }

/* enviromental quotient */
#table-enviro-products tr td, #table-recycling tr td { padding: 10px 0 30px 0; }

/*products */
#table-where-to-buy tr td { padding: 10px 0 30px 0 ; }


/* sitemap */
#site-map { padding-top: 20px; }
#site-map a { color: #444942; }
#site-map a:hover { color: #7A850D; text-decoration: underline; }
#site-map a.h1 { font-size: 13px; font-weight: bold; color: #5B5B5B; border-bottom: 1px solid #EAEAEA; width: 100%; display: block;  margin: 35px 0 10px 0;  }
#site-map a.h1:hover { text-decoration: none; color: #7A850D; }

/* certification */
.table-cert-wrapper { margin-top: 30px; }
.table-cert { border: 1px solid #ccc; }
.table-cert td { width: 160px;}
.td2 { padding: 15px 15px 20px 15px; background-color: #F8F8F8; font-size: 11px; line-height: 15px; }

/* bottom
-------------------*/

#bottom { width: 800px; position: relative; margin-left: 209px; } 
#bottom img { float: left; margin: 10px 0 0 0; }
#bottom ul { float: left; margin: 4px 0 0 89px ; padding: 0; display: block; width: 200px; height: 40px; }
#bottom ul li { height: 23px; float: left; } 
#bottom ul li.li1 { width: 49px; margin-right: 15px; }
#bottom ul li.li2 { width: 86px; margin-right: 15px; }
#bottom ul li.li3 { width: 31px; }
#bottom ul li a { display: block; height: 23px; }
#bottom ul li.li1 a { background: url(../images/btn_sitemap.gif) no-repeat; }
#bottom ul li.li2 a { background: url(../images/btn_privacy.gif) no-repeat; }
#bottom ul li.li3 a { background: url(../images/btn_home_bottom.gif) no-repeat; }
#bottom ul li a:hover { background-position: 0 -23px; text-decoration: none;  }

a#btn_siteCredit { display: block; background: url(../images/btn_siteCredit.gif); width: 255px; height: 21px; float: right; margin-top: 6px; }
a#btn_siteCredit:hover { background-position: 0 -21px;  text-decoration: none; }