/* CSS Created by Anagramme 2009 */

body{ margin: 0; padding: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; background: #D1E0D7 url(../images/bg/bg_main.gif) top center no-repeat;}
form{ margin: 0; padding: 0;}


/* *************************************************************
MAIN PAGE WRAP
************************************************************* */
#wrap{ margin: 0 auto 0 auto; width: 900px; text-align: center; clear: both; background: #fff url(../images/bg/bg_footer.gif) bottom center no-repeat; overflow: auto; padding: 10px 10px 60px 10px;}

/*
#wrap{ margin: 0 auto; width: 920px; text-align: center; clear: both; padding: 0;}
#contentWrap{ float: left; width: 900px; background: #fff url(../images/bg/bg_footer.gif) bottom center no-repeat; padding: 0 10px 60px 10px; margin: 10px 0 0 0;}
*/


/* *************************************************************
HEADER
************************************************************* */
#header{ float: left; margin: 0; width: 900px;}
#header .logo{ padding: 0 0 0 0; margin: 0 0 0 0; float: left;}


/* FLAGS ************************************************************* */
#flags{margin: 0; width: 260px; float: right; padding: 0;}
#flags img{padding-left: 10px; float: right;}
#flags p{padding: 0; margin: 0; float: right; font-size: 65%; color: #996633; text-transform: uppercase;}


/* GROUPE NAVIGATION ************************************************************* */
#groupeNav{ float: right; margin: 10px 20px 0 0;}
#groupeNav ul{ float: left; margin: 0; padding: 3px 0 0 0; list-style: none; width: auto;}
#groupeNav li{ float: left; margin: 0 0 0 20px; padding: 0; font-size: 60%;}
#groupeNav a{ text-decoration: none; color: #99997F; text-transform: uppercase;}
#groupeNav a.accueil{ background: url(../images/icons/icon_home.gif) 0 1px no-repeat; padding: 0 0 0 15px;}
#groupeNav a.actualite{ background: url(../images/icons/icon_actualite.gif) 0 3px no-repeat; padding: 0 0 0 13px;}
#groupeNav a.newsletter{ background: url(../images/icons/icon_newsletter.gif) 0 3px no-repeat; padding: 0 0 0 25px;}
#groupeNav a.contact{ background: url(../images/icons/icon_contact.gif) 0 2px no-repeat; padding: 0 0 0 16px;}
#groupeNav a:hover,
#groupeNav a.active { color: #000; text-decoration: underline;}

#header form{ float: right; width: auto; margin: 10px 0 0 0; padding: 3px 0 1px 18px; background: url(../images/bg/bg_vertical-dots.gif) 0 0 repeat-y;}
#header form p{ font-size: 60%; text-transform: uppercase; margin: 0; padding: 0;}
#header form label{ float: left; width: auto; margin: 0 8px 0 0;}
#header form select{font: 90% Arial, Helvetica, sans-serif; text-transform: uppercase; margin: -3px 0 0 0;}

/* SEPARATOR ************************************************************* */
.separator{ float: right; width: 900px; height: 1px; border-top: 1px solid #D9D9D2; border-bottom: 1px solid #ECECE8; font-size: 0; margin: 12px 0 1px 0;}

.separator-top{ float: left; width: 900px; height: 20px; border-top: 3px solid #42A72B; font-size: 0; margin: 0;}

/* TOP NAVIGATION ************************************************************* */
#topNav{ float: right; width: 700px; margin: 10px 0 8px 0; position: relative; z-index: 10; text-align: left;}
#topNav ul{ float: right; margin: 0; padding: 0; list-style: none; width: 700px;}
#topNav li{ width: auto; float: right; margin: 0 0 0 10px; padding: 0; font-size: 75%; color: #fff; cursor: pointer; white-space: nowrap;}
#topNav li a, #topNav span{ text-decoration: none; color: #999; text-transform: uppercase; padding: 2px 5px; display: block;}
#topNav li a:hover,
#topNav .active{ color: #fff; background-color: #008A2E;}

#topNav li ul {position: absolute; left: -999em; height: auto; width: 205px; w\idth: 195px; font-weight: normal; padding: 5px 0; margin: 0; background-color: #008A2E; }
#topNav li li {padding: 0; border-top: 0px solid #ccc; font-size: 90%; color: #fff; text-transform: uppercase; line-height: 180%; width: 180px;}
#topNav li li a{padding: 0 0 0 0; border: none; line-height: 28px; color: #fff;}
#topNav li li a:hover{ color: #9F0;}

#topNav li ul ul {margin: -23px 0 0 120px;}
#topNav li li li{ font-size: 100%;}
#topNav li ul a {width: 162px; w\idth: 157px;}

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul {left: -999em;}
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul {	left: auto;}
/* #topNav li:hover, #topNav li.sfhover { color: #9F0; background-color: #008A2E;} */



/* TOP NAVIGATION ************************************************************* */
#header h1{ font: 90% Arial, Helvetica, sans-serif; font-style: italic; float: left; margin: 8px 0 0 0; padding: 0; color: #ADAD99; font-weight: normal; line-height: 100%;}

/* *************************************************************
SLIDESHOW
************************************************************* */
#imageContainer {position:relative; margin:auto; width: 900px; height: 350px; overflow: hidden;}
#imageContainer img {display:none; position:absolute; top:0; left:0; z-index: 1;}

/* *************************************************************
MAIN PIC
************************************************************* */
#main_pic{ border-top: 3px solid #42A72B; float: left; margin: 1px 0; padding: 1px 0; width: 900px; border-bottom: 3px solid #C1C1B3; }
#main_pic img{ float: left;}

/* *************************************************************
MAIN CONTENT
************************************************************* */
#content_wrap{ float: left; width: 900px; background: url(../images/bg/bg_main-content.gif) top right repeat-y; padding: 0; margin: 0; text-align: left;}
#mainContent{ float: left; width: 100%; margin: 15px 0 10px 0; display: inline; clear: left;}
#mainContent img{ float: left;}

#mainContent h1{ font-size: 130%; color: #008A2E; font-weight: normal; background: url(../images/bg/bg_title.gif) left center repeat-x; margin: 0 0 15px 0; padding: 0; float: left; clear: both; width: 100%; line-height: 100%;}
#mainContent h1 strong{ font-weight: normal; background-color: #fff; padding: 0 10px; margin: 0 10px; float: left;}

#mainContent h2{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 5px 0; font-size: 90%; color: #42A72B; font-weight: normal; width:80%; text-align:left;}
#mainContent h3{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 110%; color: #42A72B; font-weight: normal; width: 520px; text-transform: uppercase;}
#mainContent h4{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 100%; color: #444; font-weight: bold; width: 520px;}

#mainContent p{ font-size: 70%; margin: 0 0 15px 0; padding: 0; line-height: 160%; color: #666; clear: both; font-family: Verdana, Geneva, sans-serif; text-align: justify; float: left; width: 100%;}
#mainContent p a{ color: #42A72B;}
#mainContent p a:hover{ color: #000;}

#mainContent ul{ float: left; clear: both; margin: 0 0 20px 10px; padding: 0; list-style: none; font-family: Verdana, Geneva, sans-serif;}
#mainContent li{ font-size: 70%; line-height: 180%; color: #666; padding: 0 0 0 15px; background: url(../images/icons/icon_greenArrowBullet.gif) 0 6px no-repeat; text-align: left;}
#mainContent li a{ color: #42A72B;}
#mainContent li a:hover{ color: #F60;}

#mainContent .column-1{ float: left; width: 420px; clear: none;}
#mainContent .column-2{ float: right; width: 420px; clear: none;}
#mainContent .pic-1 { float: left; margin: 0px 10px 20px 0; padding: 1px; border: 3px solid #E0E0E0;}
#mainContent .pic-2 { float: right; margin: 0 0 20px 0; padding: 1px; border: 3px solid #E0E0E0; clear: right;}

.bodyPic_small{ margin: 0 0 0 5px; float: left;}

.separator-lines{ float: left; width: 100%; height: 5px; font-size: 0; margin: 10px 0 15px 0; background: url(../images/bg/bg_title.gif) 0 0 repeat-x;}


/* *************************************************************
HOMEPAGE BLOCKS
************************************************************* */
#contentBlock{ float: left; width: 890px; margin: 10px 0 0 0; padding: 10px 0 20px 10px; background: url(../images/bg/bg_content-block.gif) 0 0 no-repeat;}
#mainContent #contentBlock h2{ font-size: 100%; color: #666; margin: 0 0 10px 0; padding: 0 0 0 15px; font-style: normal; border: none; background: url(../images/icons/icon_catalogue.gif) 0 5px no-repeat;}
#contentBlock .category{ float: left; width: 212px; margin: 0 11px 0 0;}

#contentBlock .category a.img{ border: 1px solid #fff; background-position: center; background-repeat: no-repeat; width: 210px; height: 150px; float: left;}
#contentBlock .category a.img:hover{ border: 1px solid #000;}

#mainContent #contentBlock .category h3{ font-size: 90%; color: #42A72B; margin: 0 0 0 0; padding: 8px 0 25px 5px; width: 207px; text-align: left; text-transform: none; background: url(../images/bg/bg_hp_category.gif) 0 0 no-repeat;}
#mainContent #contentBlock .category h3 a{color: #42A72B; text-decoration: none;}
#mainContent #contentBlock .category h3 a:hover{ color: #000;}
#mainContent #contentBlock .category p{ font: 70% Arial, Helvetica, sans-serif; color: #999999; margin: 0 0 5px 0; padding: 0 5px; width: 197px;}
#mainContent #contentBlock .category p a{ background: url(../images/icons/icon_plus.gif) 0 4px no-repeat; padding: 0 0 0 10px; text-decoration: none;}
#mainContent #contentBlock .category p a:hover{ color: #000; text-decoration: underline;}

#hp_promo{ float: left; width: 640px; margin: 0 0 20px 0; text-align: left; background: url(../images/bg/bg_subTitle.jpg) 0 23px no-repeat; }
#hp_promo h2{ font-size: 100%; color: #4FAD26; margin: 0 0 1px 0; padding: 0 0 0 15px; white-space: nowrap; float: left; width: auto; font-weight: normal; width: 640px; background: url(../images/icons/icon_star.gif) 0 5px no-repeat; height: 26px;}
#hp_promo h2 span{ font-size: 60%; margin: 0 0 0 10px;}
#hp_promo a.img{ background-position: center center; background-repeat: no-repeat; float: left; width: 127px; height: 127px; margin: 0 1px 1px 0; overflow: hidden;}
#hp_promo a.img:hover{}

#hp_search { float: right; width: 240px; height: 255px; margin: 27px 0 0 0; background: url(../images/bg/bg_hp_search.gif) 0 0 no-repeat; text-align: left;}
#hp_search h2{ font-size: 90%; color: #42A72B; margin: 12px 0 25px 35px; padding: 0; white-space: nowrap; float: left; width: auto; font-weight: normal;}
#hp_search p{ float: left; width: 220px; font-size: 70%; padding: 0; margin: 0 0 10px 10px; color: #666;}
#hp_search select{ float: left; width: 220px; font: 60% Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 3px 10px; color: #666; text-transform: uppercase;}
#hp_search .text{ float: left; margin: 0 0 3px 10px; font-size: 60%; color: #666; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; width: 215px;}


/* *************************************************************
PRESS / NEWS
************************************************************* */
#press { float: left; width: 890px; margin: 10px 0 10px 0; background-color: #f6f6f6; padding: 0 0 0 10px;}
#press a{ margin: 10px 10px 10px 0; display: block; width: 165px; height: 165px; float: left; background-position: center; background-repeat: no-repeat; border: 1px solid #ccc; background-color: #fff;}

#news{ float: left; border-color: #ccc; margin: 0; clear: both; width: 900px; margin-bottom:15px;}
.listing, .listing_alt{ float: left; border-bottom: 1px dotted #ccc; padding: 15px 0; margin: 0; clear: both; width: 900px; height: auto;background-color: #FFF;}

.feauturedLogo {float: left; width: 300px; border: 3px solid #E0E0E0; padding: 1px;}


.listing .text, .listing_alt .text{ float: left; width: 560px;  height: auto; padding: 0 10px 0 0; margin: 0 0 0 20px; display: inline;}

#mainContent .listing h2, #mainContent .listing_alt h2{ margin: 0 0 5px 0; padding: 0; color: #42A72B; font-size: 100%; border: none;}
.listing h2 a, .listing_alt h2 a{ color: #42A72B; text-decoration: none;}
.listing h2 a:hover, .listing_alt h2 a:hover{ color: #FF6600; text-decoration: underline;}

.listing h3, .listing_alt h3{ margin: 0 0 5px 0; padding: 0; color: #42A72B; font-size: 75%; border: none;}
.listing h3 a, .listing_alt h3 a{ color: #42A72B; text-decoration: none;}
.listing h3 a:hover, .listing_alt h3 a:hover{ color: #FF6600; text-decoration: underline;}

#news .listing p, #news .listing_alt p{margin: 0; padding: 0; line-height: 180%; font-size: 70%; text-align:justify; width: 100%;}
.listing p a, .listing_alt p a{ color: #666;}
.listing p a:hover, .listing_alt p a:hover{ color: #FF6600; text-decoration: underline;}


/* *************************************************************
SUB CONTENT >>> RIGHT BLOCK
************************************************************* */
#subContent{ float: right; width: 240px; margin: 0 0 0 0; padding: 0 0 20px 0;}

#subContent h3{ margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 80%; color: #666; font-weight: bold;}
#subContent p{ font-size: 70%; margin: 0 0 10px 0; padding: 0; line-height: 160%; color: #666; clear: both; text-align: justify;}

#subContent ul{ float: left; clear: both; width: 200px; margin: 0; padding: 0; list-style: none; }
#subContent li{ font-size: 75%; line-height: 160%; color: #666;}
#subContent a{ color: #000;}
#subContent a:hover{ color: #42A72B;}
#subContent a.plus{ background: url(../images/icons/icon_plus.gif) 0 5px no-repeat; padding: 0 0 0 12px; color: #42A72B;}
#subContent a:hover.plus{ color: #000;}
#subContent .pic{ padding: 2px; border: 1px solid #ccc; background-color: #fff;}

#additional_info .btm{ background: url(../images/bg/bg_sub-content_btm.gif) 0 0 repeat-x; width: 100%; clear: both; height: 7px;}


/* *************************************************************
SUB CONTENT >>> SEARCH
************************************************************* */
#search_block{ float: right; width: 240px; margin: 0 0 0 0; background: #eaeaea url(../images/bg/bg_sub-content_title.jpg) 0 -2px repeat-x; text-align: left;  border-bottom: 1px solid #ccc; padding: 0 0 1px 0;}
#search_block h2{ font-size: 90%; color: #42A72B; margin: 10px 0 30px 35px; padding: 0; white-space: nowrap; float: left; width: auto; font-weight: normal;}
#search_block p{ float: left; width: 220px; font-size: 70%; padding: 0; margin: 0 0 10px 10px; color: #666;}
#search_block form { float: left; margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
#search_block .text{ float: left; margin: 0 0 0 10px; font-size: 70%;}
#search_block select{ float: left; width: 220px; font: 60% Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 3px 10px; color: #666; text-transform: uppercase; clear: both;}
#search_block .text{ float: left; margin: 0 0 3px 10px; font-size: 60%; color: #666; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; width: 215px;}



/* *************************************************************
SUB CONTENT >>> CONTACT
************************************************************* */
#contact_block{ float: right; width: 240px; margin: 0 0 0 0; background: url(../images/bg/bg_search_title.gif) 0 -2px no-repeat;}
#contact_block h2{ font-size: 90%; color: #42A72B; margin: 10px 0 30px 35px; padding: 0; white-space: nowrap; float: left; width: auto; font-weight: normal;}
#contact_block h3{ font-size: 90%; color: #42A72B; margin: 10px 0 15px 13px; padding: 0; white-space: nowrap; float: left; width: auto; font-weight: normal;}
#contact_block p{ float: left; width: 190px; font-size: 75%; margin: 0 0 10px 13px; padding: 0; clear: none;}
#contact_block ul{ float: left; width: 190px; margin: 5px 0 20px 13px; padding: 10px; list-style: none; display: inline; clear: none; background-color: #f1f1f1; border: 1px solid #fff;}
#contact_block li{float: left; width: 160px; font-size: 70%; color: #000; line-height: 160%; padding-left: 30px; margin: 0 0 5px 0; }
#contact_block li.phone{ background: url(../images/icons/icon_phone.gif) 8px 6px no-repeat; padding: 0 0 0 30px;}
#contact_block li.fax{ background: url(../images/icons/icon_fax.gif) 6px 2px no-repeat; padding: 0 0 0 30px;}
#contact_block li.email{ background: url(../images/icons/icon_email.gif) 0 6px no-repeat; padding: 0 0 0 30px;}
#contact_block li.website{ background: url(../images/icons/icon_website.gif) 8px 6px no-repeat; padding: 0 0 0 30px;}
#contact_block li.portable{ background: url(../images/icons/icon_portable.gif) 10px 0px no-repeat; padding: 0 0 0 30px;}

#contact_block .icon_access-map{ background: url(../images/icons/icon_access_map.gif) 0 2px no-repeat; padding: 0 0 0 18px;}


/* *************************************************************
CONTACT
************************************************************* */
#contactForm { float: left; width: 310px; margin: 10px 0 0 0; padding: 0 0 10px 0; display: inline; border: 1px solid #e1e1e1; background-color: #F9F9F9;}
#contactForm form { clear: both; margin: 10px 0 0 10px; float: left;}
#contactForm form p{width: 300px; line-height: 200%; margin: 0; float: left; font-size: 70%; padding: 0;}
#contactForm legend{ color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}
#contactForm label{ width: 100px; float: left;}

#contactForm .btn_envoyer1,#contactPopup .btn_envoyer1{ margin: 0; background: url(../images/buttons/btn_envoyer_1.png) 0 0 no-repeat; border: none; height: 26px; width: 93px; font-size: 80%; color: #fff; padding: 0 0 0 30px; text-align: left; float: left; line-height: 100%; cursor: pointer;}
#contactForm .btn_envoyer2,#contactPopup .btn_envoyer2{ margin: 0; background: url(../images/buttons/btn_envoyer_2.png) 0 0 no-repeat; border: none; height: 26px; width: 113px; font-size: 80%; color: #fff; padding: 0 0 0 30px; text-align: left; float: left; line-height: 100%; cursor: pointer;} 
#contactForm .btn_envoyer3,#contactPopup .btn_envoyer3{ margin: 0; background: url(../images/buttons/btn_envoyer_3.png) 0 0 no-repeat; border: none; height: 26px; width: 73px; font-size: 80%; color: #fff; padding: 0 0 0 30px; text-align: left; float: left; line-height: 100%; cursor: pointer;}
#contactForm .btn_envoyer1:hover,#contactForm .btn_envoyer2:hover,#contactForm .btn_envoyer3:hover{ height: 25px; margin: 1px 0 0 1px;}
#contactPopup .btn_envoyer1:hover,#contactPopup .btn_envoyer2:hover,#contactPopup .btn_envoyer3:hover{ height: 25px; margin: 1px 0 0 1px;}
#contactForm .reset{ margin: 10px 10px 10px 0;}

#contactForm p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#contactForm .text { width: 130px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contactForm form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 180px; height: 100px;}
#contactForm td{ border:none;}
#contactForm tr{ border:none;}
#contactForm #replaceme p, #contactPopup #sackdata p{ float: left; width: 280px; margin: 5px 0 0 0; padding: 0 0 0 10px;  display: inline; clear: both; color: #336600; font-size: 70%; background-color: #F0FFCE;}

#mainContent p.footnote{ font-size: 60%; color: #999999; margin: 30px 0 0 0; font-family: Arial, Helvetica, sans-serif; float:left;}


/* *************************************************************
CONTACT
************************************************************* */
#mainContent .contact_info{ float: right; width: 315px; margin: 10px 0 0 0;}
#mainContent .contact_info img { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #CCC;}
#mainContent .contact_info h2{ font-size: 80%; color: #42A72B; margin: 0 0 0 0; padding: 0; clear: none; float: left; width: 200px; font-weight: normal; border: none; font-style: normal;}
#mainContent .contact_info p{ float: left; width: 200px; font-size: 75%; margin: 0 0 0 0; padding: 0; clear: none; font-family: Arial, Helvetica, sans-serif; color: #000;}
#mainContent .contact_info ul{ float: left; width: 200px; margin: 5px 0 0 0; padding: 0; list-style: none; display: inline; clear: none; font-family: Arial, Helvetica, sans-serif;}
#mainContent .contact_info li {float: left; font-size: 70%; color: #000; line-height: 160%; padding-left: 30px; margin: 0 0 0px 0; }
#mainContent .contact_info li.phone{ background: url(../images/icons/icon_phone.gif) 8px 5px no-repeat; padding: 0 0 0 30px;}
#mainContent .contact_info li.fax{ background: url(../images/icons/icon_fax.gif) 6px 2px no-repeat; padding: 0 0 0 30px;}
#mainContent .contact_info li.email{ background: url(../images/icons/icon_email.gif) 0 6px no-repeat; padding: 0 0 0 30px;}
#mainContent .contact_info li.website{ background: url(../images/icons/icon_website.gif) 8px 6px no-repeat; padding: 0 0 0 30px;}
#mainContent .contact_info li.portable{ background: url(../images/icons/icon_portable.gif) 10px 0px no-repeat; padding: 0 0 0 30px;}


/* *************************************************************
ALERT BOXES
************************************************************* */
#alertBox{ float: left; width: 610px; background-color: #EFC; margin: 0 0 0 0; padding: 10px 0 0 10px;}
#alertBox p{ color: #360; font-size: 70%;}


/* *************************************************************
ALERT BOXES
************************************************************* */
.btn_search1{ background: url(../images/buttons/btn_search.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0px 0 0 0; width: 94px; height: 26px;}
.btn_search1:hover{background: url(../images/buttons/btn_search.gif) 1px 1px no-repeat; cursor: pointer;}

.btn_search2{ background: url(../images/buttons/btn_search_2.png) 0 0 no-repeat; border: none; padding: 0; margin: 0px 0 0 0; width: 104px; height: 26px;}
.btn_search2:hover{background: url(../images/buttons/btn_search_2.png) 1px 1px no-repeat; cursor: pointer;}

.btn_search3{ background: url(../images/buttons/btn_search_3.png) 0 0 no-repeat; border: none; padding: 0; margin: 0px 0 0 0; width: 94px; height: 26px;}
.btn_search3:hover{background: url(../images/buttons/btn_search_3.png) 1px 1px no-repeat; cursor: pointer;}


/* *************************************************************
FOOTER
************************************************************* */
#footer{ width: 900px; float: left; clear: both; text-align: left; padding: 0; margin: 1px 0 10px 0; border-top: 3px solid #CCC; border-bottom: 2px solid #D6D6CC;}
#footer ul{ float: left; width: 880px; font-size: 70%; padding: 0 0 0 20px; margin: 1px 0 1px 0; list-style: none; background-color: #F7F7F7;}
#footer li{ float: left; color: #929292; padding: 0 10px 0 0; margin: 0 10px 0 0; line-height: 2.5em; text-transform: uppercase;}
#footer li a{color: #666; text-decoration: none;}
#footer li a:hover{text-decoration: underline;}

#footer2{ width: 900px; float: left; clear: both; text-align: left; padding: 0; margin: 0;}
#footer2 ul{ float: left; width: 880px; font-size: 70%; padding: 0 0 0 20px; margin: 1px 0 1px 0; list-style: none;}
#footer2 li{ float: left; color: #999; padding: 0 10px 0 0; margin: 0 5px 0 0; text-transform: none;}
#footer2 li a{ color: #999;}
#footer2 li a:hover{ color: #000;}


/* *************************************************************
POPUP BOX WINDOW
************************************************************* */
.modalDialog_transparentDivs{ filter:alpha(opacity=50);	opacity:0.5; background-color:#000; z-index:10; position:absolute;}
.modalDialog_contentDiv{border: 1px solid #000; padding:0; z-index:100; position:absolute; background-color:#fff;}
.modalDialog_contentDiv_shadow{	z-index:90; position:absolute; background-color:#000; filter:alpha(opacity=30); opacity:0.3;}

#contactPopup { float: left; width: 360px; padding: 0; margin: 10px 0 0 10px;}
#contactPopup h1{ font-size: 130%; color: #333300; font-weight: normal; margin: 0 0 15px 0; padding: 0 0 10px 0; float: left; clear: both; width: 340px; line-height: 100%; border-bottom: 1px solid #ccc;}
#contactPopup h2{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 5px 0; font-size: 90%; color: #42A72B; font-weight: normal; border-bottom: 1px dotted #9C0;}
#contactPopup h3{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 110%; color: #42A72B; font-weight: normal;  text-transform: uppercase;}
#contactPopup h4{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 100%; color: #444; font-weight: bold;}

#contactPopup p{ float: left; width: 300px; font-size:70%; margin: 0 0 0 0; padding: 0; line-height: 220%; display: inline; color: #666;}
#contactPopup form { float: left; width: 320px; margin: 0; padding: 10px; background-color: #EFEFEF;}
#contactPopup label{ width: 100px; float: left}
#contactPopup textarea { font: 110% Arial, Helvetica, sans-serif; width: 320px; height: 100px;}
#contactPopup .text{ border: none; font-size: 100%; background-color: #fff; border: 1px solid #ccc; padding: 4px; width: 180px;}
#contactPopup .submit{ float: left;}
/* #contactPopup .submit{ margin: 2px 10px 0 0; padding: 2px; background: url(../images/buttons/btn_email_popup_1.gif) 0 0 no-repeat; color: #fff; float: left; font-size: 90%; border: none; width: 116px; height: 26px;}
#contactPopup .submit:hover{ background-color: #FFFFFF; color: #666; cursor: pointer;} */

#contactPopup #replaceme p, #contactPopup #sackdata p{ float: left; width: 310px; margin: 10px 0 5px 0; padding: 0 0 0 10px;  display: inline; clear: both; color: #fff; font-size: 70%; background-color: #666;}

#contactPopup a{text-decoration: none; color: #000; float: right; }
#contactPopup a:hover{text-decoration: none; color: #CCC; }


/* *************************************************************
PRELOADER
************************************************************* */
#preloader_table{display:none; z-index:1098; position:absolute; filter:alpha(opacity=50); background-color:#ffffff; -moz-opacity:0.50; width: 100%; height: 100%;}
#div_desktop{width:1%; height:1%; text-align:center; position:absolute; left:0px; top:0px; z-index:1001;}
.preloader {width: 300px; border: 3px solid #81AB00; background-color: #FAFFEA; height: auto; float: left; padding: 10px;}
.preloader img{ float: left; display: block; margin: 0 10px 0 0;}
.preloader h2, .preloader p{ float: left; width: 250px; margin: 0; padding: 0; font-size: 70%; color: #000; clear: none;}
.preloader h2{ font-weight: bold; margin-top: 3px;}
#loader{height:56px; width:300px; display:block; position:absolute; left:0px; top:0px; z-index:1100;}
#preloader_iframe{border-width:0; display:none; z-index:1099; position:absolute; height:56px; width:320px;}