/* CSS created by Anagramme.net March 2008 */
body{padding: 0; margin: 0; background: #000; font-family: Arial, Helvetica, sans-serif;}
form{ padding: 0; margin: 0;}


/* *************************************************************
MAIN PAGE WRAP
************************************************************* */
#wrap{ margin: 0 auto 40px auto; width: 902px; text-align: center; clear: both;}


/* *************************************************************
HEADER >>> LOGO - TEXT - DATE
************************************************************* */
#header{ float: left; margin: 0; background: url(../images/bg/bg_header_flowers.gif) top right no-repeat; width: 900px; }
#header .logo{ float: left; padding: 32px 0 0 15px;}

#header h1{ font-size: 105%; color: #fff; margin: 14px 0 0 85px; padding: 0; font-style: italic; font-weight: normal; float: left; width: 230px; display: inline; text-align: left; color: #99CC00;}

#header marquee{ color: #FFCC00; float: right; text-align: right; width: 550px; margin: 35px 0 10px 0; font-size: 100%;}
#header marquee span{ color:#F90}
#header marquee p{ float: left; padding: 0 30px; margin: 0;}


/* *************************************************************
TOP NAVIGATION
************************************************************* */
#topNav{ float: right; width: 600px; height: 30px; margin: 10px 0 0 0; position: relative; z-index: 100;}

#topNav ul { float: right; width: 555px; height: 30px; margin: 0; padding: 0; list-style: none;}
#topNav a{display: block; width: auto; text-decoration: none; padding: 0; text-align: left; margin: 0; color: #fff; }

#topNav li {float: left; margin: 0; padding: 0; width: auto; color: #fff; font-size: 100%; line-height: 100%; font-weight: normal; cursor: pointer; white-space: nowrap;}
#topNav li a{height: 15px; color: #CCC; padding: 0;}

#topNav li ul {position: absolute; left: -999em; height: auto; width: 184px; w\idth: 174px; font-weight: normal; padding: 10px 0 0 0; margin: 0; border-bottom: 1px solid #666;}
#topNav li li {padding: 0; background-color: #000; font-size: 70%;}

#topNav li li a{padding: 0 0 0 15px; height: 28px; line-height: 28px; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; color: #fff}
#topNav li li a:hover{ color: #FC0; background-color:#333;}

#topNav li ul ul {margin: -23px 0 0 120px;}
#topNav li li li{ font-size: 100%;}
#topNav li ul a {width: 174px; width: 169px;}

#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 a.accueil{ background: url(../images/bg/bg_nav-text.gif) 0 0 no-repeat; width: 50px; margin-right: 16px;}
#topNav li a.savoir{background: url(../images/bg/bg_nav-text.gif) -73px 0px no-repeat; width: 60px; margin-right: 16px;}
#topNav li a.visiteurs{background: url(../images/bg/bg_nav-text.gif) -150px 0 no-repeat; width: 60px; margin-right: 16px;}
#topNav li a.exposer{background: url(../images/bg/bg_nav-text.gif) -234px 0 no-repeat; width: 60px; margin-right: 15px;}
#topNav li a.partenaire{background: url(../images/bg/bg_nav-text.gif) -314px 0 no-repeat; width: 70px; margin-right: 15px;}
#topNav li a.communication{background: url(../images/bg/bg_nav-text.gif) -409px 0 no-repeat; width: 107px; margin-right: 15px;}
#topNav li a.contact{background: url(../images/bg/bg_nav-text.gif) -540px 0 no-repeat; width: 55px;}

#topNav li a.accueil.active, #topNav li a.accueil:hover{ background-position: 0 -16px;}
#topNav li a.savoir.active, #topNav li a.savoir:hover{ background-position: -73px -16px;}
#topNav li a.visiteurs.active, #topNav li a.visiteurs:hover{ background-position: -150px -16px;}
#topNav li a.exposer.active, #topNav li a.exposer:hover{ background-position: -234px -16px;}
#topNav li a.partenaire.active, #topNav li a.partenaire:hover{ background-position: -314px -16px;}
#topNav li a.communication.active, #topNav li a.communication:hover{ background-position: -409px -16px;}
#topNav li a.contact.active, #topNav li a.contact:hover{ background-position: -540px -16px;}

#topNav .newsletter{ padding-left: 12px; float: right; background: url(../images/icons/icon_newsletter.gif) 0 10px no-repeat;}
#topNav .newsletter a{ border: none;}
#topNav li.newsletter:hover{ background: url(../images/icons/icon_newsletter.gif) 0 10px no-repeat;}
#topNav li.newsletter a:hover{ text-decoration: underline;}


/* *************************************************************
MAIN CONTENT
************************************************************* */
#content_wrap{ float: left; border: 1px solid #666; width: 902px;}
#content_wrap2{ float: left; border: 1px solid #000; background: #fff; width: 900px;}

/* #wrapnone{ margin: 40px auto; width: 902px; text-align: center; border: 1px solid #666; clear: both;}
#wrap2none{ width: 900px; border: 1px solid #000; background: #fff; overflow: auto;} */

#mainContent{ float: right; width: 525px; margin: 0 15px 10px 0; text-align: left; display: inline;}
#mainContent img{ float: left;}

#mainContent h1{ font-size: 150%; color: #444; font-weight: normal; background: url(../images/bg/bg_title.gif) 0 0 no-repeat; margin: 0; padding: 15px 0 0 0; width: 520px; float: left; clear: both; height: 1.8em;}
#mainContent h2{ float: left; clear: both; margin: 0 0 15px 0; padding: 0; font-size: 100%; color: #888; font-style: italic; font-weight: normal; width: 510px;}
#mainContent h3{ float: left; clear: both; margin: 8px 0 3px 0; padding: 0 0 0 0; font-size: 110%; color: #F400A1; font-weight: normal; width: 520px; }
#mainContent h4{ float: left; clear: both; margin: 0px 0 5px 0; padding: 0 0 0 0; font-size: 90%; color: #444; font-weight: bold; width: 520px;}
#mainContent h5{ float: left; clear: both; margin: 10px 0 5px 0; padding: 0 0 0 0; font-size: 75%; color: #666; font-weight: normal; width: 520px;}

#mainContent .first{ float: left; font-size: 300%; color: #F400A1; padding: 5px 2px 5px 0; margin: 0 0 0 0;}

#mainContent p{ font-size: 70%; margin: 0 0 10px 0; padding: 0; line-height: 140%; color: #000; clear: both;  font-family: Verdana, Geneva, sans-serif; float: left; width: 520px; clear: both;}
#mainContent p strong{ color: #800000;}
#mainContent p strong a{ color: #800000;}
#mainContent p strong a:hover{ color: #FF00FF;}
#mainContent p a{ color: #F400A1;}
#mainContent p a:hover{ color: #D473D4;}

#mainContent li{ font-size: 70%; line-height: 140%; color: #03224C; font-family: Verdana, Geneva, sans-serif;}
#mainContent li a{ color: #F400A1;}
#mainContent li a:hover{ color: #D473D4;}

#themes { float: left; width: 510px; margin: 0 0 10px 0;}
#mainContent #themes h3{ float: left; clear: both; margin: 10px 0 8px 0; padding: 0 0 5px 0; font-size: 100%; color: #669900; font-weight: normal; border-bottom: 1px dotted #9ECD70; width: auto;}
#themes ul{ float: left; margin: 0; padding: 0; list-style: none;}
#mainContent #themes li{ float: left; margin: 0; padding: 0; clear: both; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
#mainContent #themes li a{color: #fff;}
#mainContent #themes li a:hover{color: #fff;}
#themes a{ float: left; padding: 7px 0 10px 100px; margin: 0 0 0px 0; color: #fff; width: 402px; text-decoration: none;}
#themes a.art{ background: url(../images/buttons/btn_art.gif) 0 0 no-repeat;}
#themes a.deco{ background: url(../images/buttons/btn_deco.gif) 0 0 no-repeat;}
#themes a.jardin{ background: url(../images/buttons/btn_jardin.gif) 0 1px no-repeat;}
#themes a.ecologique{ background: url(../images/buttons/btn_ecologique.gif) 0 1px no-repeat;}

dl{ float: left; width: auto; font: 70% Verdana, Geneva, sans-serif; margin: 0 0 10px 0; padding: 1px; border: 1px solid #ccc;}
dt { float: left; width: auto; white-space: nowrap; background: #D7D7D7; margin: 0 1px 0 0; padding: 8px; line-height: 100%;}
dd { float: left; width: auto; white-space: nowrap; background: #C5C5C5; margin: 0; padding: 8px; line-height: 100%;}


.feature-block_wrap{ float: left; width: 410px; border: 1px solid #ccc; padding: 1px; margin: 10px 0;}
.feature-block{ float: left; background: #F3F3F3; padding: 10px 10px 0 10px; width: 390px;}
#mainContent .feature-block h4, #mainContent .feature-block h5, #mainContent .feature-block p{ width: auto; white-space: nowrap;}
#mainContent .feature-block h5{ font-size: 80%; float: left; clear: both; padding: 0 0 3px 0; margin: 5px 0 5px 0; color: #000; border-bottom: 1px dotted #ccc;}
#mainContent .feature-block h6{ font-size: 80%; float: left; white-space: nowrap; clear: both; padding: 0 0 0 18px; margin: 3px 0 12px 0; color: #666; font-weight: normal; background: url(../images/icons/icon_phone.gif) 0 4px no-repeat;}


/* PAGE NAVIGATION */
#pageNav{ float: right; width: 100px; text-align: right; padding: 0 0 0 0; margin: 0; color: #666; display: inline; font-size: 70%;}
#pageNav select{ font-size: 80%; margin: 0 5px; float: right; display: inline;}
#pageNav a{padding: 0; margin: 5px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: right;}
#pageNav img{ float: left; padding: 0; margin: 0;}


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


/* *************************************************************
CONTACT
************************************************************* */
#subBlock #contact{width: 210px; float: right; margin: 10px 10px 10px 0; background-color: #EFEFEF; padding: 10px 0 0 10px; display: inline;}
#subBlock #contact #logo{ width: 190px; float: left; text-align: center; background-color: #fff; border: 1px solid #ccc; padding: 5px 0; margin: 0 0 10px 0;}
#subBlock #contact #logo img{ margin: 0 auto; float: none;}
#subBlock #contact h3{color: #FF0099; font-size: 100%; width: 190px; display: inline; float: left; margin: 0 0 5px 0; padding: 0; font-weight: normal; clear: both;}
#subBlock #contact h4{ color: #FF3366; font-size: 90%; margin: 0 0 5px; padding: 0; font-weight: normal;}
#subBlock #contact p{ float: left; width: 180px; font-size: 70%; margin: 0 0 8px 0; padding: 0; line-height: 120%;}
#subBlock #contact ul{ float: left; margin: 0 0 10px 0; padding: 0; width: 190px; list-style: none;}
#subBlock #contact li{ margin: 0; padding: 0; font-size: 70%; color: #333; float: left; width: 180px; line-height: 200%; text-transform: none; clear: both;}
#subBlock #contact li.phone{ background: url(../images/icons/icon_phone.gif) 8px 6px no-repeat; padding: 0 0 0 30px;}
#subBlock #contact li.fax{ background: url(../images/icons/icon_fax.gif) 6px 3px no-repeat; padding: 0 0 0 30px;}
#subBlock #contact li.email{ background: url(../images/icons/icon_email.gif) 0 6px no-repeat; padding: 0 0 0 30px;}
#subBlock #contact li.website{ background: url(../images/icons/icon_website.gif) 8px 6px no-repeat; padding: 0 0 0 30px;}
#subBlock #contact li.website a{color: #FF0099; text-decoration: none;}
#subBlock #contact li.website a:hover{color: #000;}
#subBlock #contact li.portable{ background: url(../images/icons/icon_portable.gif) 10px 0px no-repeat; padding: 0 0 0 30px;}

.btn_envoyer{ background: url(../images/buttons/btn_envoyer.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; cursor: pointer;}
.btn_envoyer:hover{background: url(../images/buttons/btn_envoyer.gif) 1px 1px no-repeat;}

/* Access Map */
#accessMap{ width: 188px; float: left; height: auto; border: 1px solid #CCCCCC; margin: 0 0 20px 15px; display: inline; clear: left;}



/* *************************************************************
LIST OF EXPOSANTS
************************************************************* */
.exposantList{ width: 520px; float: left; margin: 0; background-color: #fff; padding: 15px 0; border-bottom: 1px dotted #999; display: inline;}
.exposantList .logo { float: right; margin: 0; width: 120px;}
#mainContent .exposantList .logo img{ float: right;}
.exposantList .info{ float: left; margin: 0 0 0 0; width: 370px;}
#mainContent .exposantList h2{color: #F400A1; font-size: 90%; width: auto; display: inline; float: left; margin: 0 8px 4px 0; padding: 0 10px 0 0; font-weight: bold; font-style: normal; border-right: 1px dotted #666; clear: none;}
#mainContent .exposantList h2 a{color: #F400A1; text-decoration: none;}
#mainContent .exposantList h2 a:hover{color: #D473D4;}
#mainContent .exposantList h3{color: #000; font-size: 75%; width: auto; display: inline; float: left; margin: 0 0 2px 0; padding: 0; font-weight: normal; display: inline; clear: left;}
#mainContent .exposantList .info p{ float: left; width: 330px; font-size: 75%; margin: 0 0 5px 0; padding: 0; color:#000;}
#mainContent .exposantList a{ color: #F400A1;}
#mainContent .exposantList a:hover{ color: #D473D4;}
#mainContent .exposantList a.btn{ float: left; margin: 0 0 0 0; background: #F400A1; color: #fff; font-size: 65%; text-transform: uppercase; padding: 3px; text-decoration: none;}
#mainContent .exposantList ul{ float: left; margin: 0; padding: 0; width: 330px; list-style: none;}
#mainContent .exposantList li{ margin: 0 0 2px 0; padding: 0; font-size: 70%; color: #03224C; padding: 0 0 0 30px; line-height: 150%;}
li.phone{ background: url(../images/icons/icon_phone.gif) 8px 4px no-repeat;}
li.fax{ background: url(../images/icons/icon_fax.gif) 6px 1px no-repeat;}
li.email{ background: url(../images/icons/icon_email.gif) 0 5px no-repeat;}
li.website{ background: url(../images/icons/icon_website.gif) 8px 4px no-repeat;}


/* *************************************************************
EXPOSANT CONTACT BLOCK
************************************************************* */
#mainContent #exposant_logo{ float: right; margin-right: 10px;}

#exposant_contact{ width: 310px; float: left; margin: 0 0 20px 0; padding: 10px; display: inline; background-color: #F8F8F8;}
#mainContent #exposant_contact h2{color: #F400A1; font-size: 100%; width: 300px; display: inline; float: left; margin: 0 0 5px 0; padding: 0 0 5px 0; font-weight: normal; clear: none; border-bottom: 1px dotted #ccc; letter-spacing: 0;}
#mainContent #exposant_contact h3{color: #FF3366; font-size: 80%; width: 300px; display: inline; float: left; margin: 0 0 2px 0; padding: 0; font-weight: normal; clear: both;}
#mainContent #exposant_contact p{ float: left; width: 290px; font-size: 70%; margin: 0 0 8px 0; padding: 0; clear: none;}
#mainContent #exposant_contact ul{ float: left; width: 290px; margin: 5px 0 0 0; padding: 0 0 0 0; list-style: none; display: inline; clear: none; }
#mainContent #exposant_contact li{float: left; width: 280px; font-size: 70%; color: #000; line-height: 160%; padding-left: 30px; margin: 0 0 3px 0; }
#mainContent #exposant_contact li a{ color: #000;}
#mainContent #exposant_contact li a:hover{ color: #F400A1;}
h1 a.back{ background: url(../images/icons/icon_backListing.gif) 0 4px no-repeat; float: right; font-size: 40%; padding: 0 0 0 10px; color: #000; margin: 10px 0 0 0;}
h1 a.back:hover{ color: #F400A1;}


/* *************************************************************
CAROUSEL
************************************************************* */
#carousel{ float: left; width: 518px; margin: 0 0 10px 0; border-top: 1px dotted #ccc;}


/* *************************************************************
SUB CONTENT >>> RIGHT BLOCK
************************************************************* */
#subContent{float: left; width: 340px; text-align: center; margin: 0; padding: 0;}
#subContent img{ float: left; border-bottom: 1px solid #fff;}


/* *************************************************************
PRESS
************************************************************* */
#mainContent.press{width: 860px; float: left; margin-left: 15px;} /* USED TO STYLE MAIN CONTENT DIV */
#mainContent.press p,
#mainContent.press ul,
#mainContent.press li{width: 840px; clear: both;}


#press { float: left; width: 860px; margin: 10px 0 10px 0; background-color: #F4F4F4; padding: 0 0 0 10px; border: 1px solid #E1E1E1;}
#press a{ margin: 10px 10px 10px 0; display: block; width: 145px; height: 145px; float: left; background-position: center; background-repeat: no-repeat;}

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

.feauturedLogo {float: left; padding: 1px; text-align: center; width:126px; border: 1px solid #ccc;}
#mainContent .feauturedLogo img{ float: none;}

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

#mainContent .listing h2, #mainContent .listing_alt h2{ margin: 0 0 5px 0; padding: 0; color: #F400A1; font-size: 100%; border: none;}
.listing h2 a, .listing_alt h2 a{ color: #669900; 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: #669900; font-size: 75%; border: none;}
.listing h3 a, .listing_alt h3 a{ color: #669900; 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: 720px;}
.listing p a, .listing_alt p a{ color: #666;}
.listing p a:hover, .listing_alt p a:hover{ color: #FF6600; text-decoration: underline;}


/* *************************************************************
GALERIE
************************************************************* */
#galerie{ float: left; width: 725px; margin: 10px 0 10px 0; background-color: #F7E5ED; padding: 30px 0 15px 35px;}
#galerie a{ margin: 0 30px 30px 0; display: block; width: 145px; height: 95px; float: left; background-position: center; background-repeat: no-repeat; background-color: #fff; border: 2px solid #fff;}


/* *************************************************************
PARTNERS
************************************************************* */
#partner{ float: left; width: 750px; margin: 10px 0 10px 0; background-color: #F7E5ED; padding: 30px 0 15px 10px;}
#partner a{ margin: 0 0 30px 0; display: inline; width: 180px; height: 80px; float: left; background-position: center; background-repeat: no-repeat; text-decoration: none;}
#partner img{ float: left;}


/* *************************************************************
CONTACT
************************************************************* */
#contactForm { float: left; width: 280px; margin: 0 0 0 0; background-color: #fff; display: inline;}

#contactForm form p{width: 280px; 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: 80px; float: left;}
/* #contactForm .btn_envoyer{ margin: 0; background: url(../images/buttons/btn_envoyer.gif) 0 3px no-repeat; border: none; height: 23px; width: 150px; font-size: 80%; color: #fff; padding: 0 0 0 30px; text-align: left; float: left; line-height: 100%; cursor: pointer;}
#contactForm .btn_envoyer:hover{ height: 22px; margin: 1px 0 0 1px;} */
#contactForm .reset{ margin: 10px 10px 10px 0;}
#contactForm .text { width: 180px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contactForm form textarea { font: 100% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 185px; height: 80px;}
#contactForm td{ border:none;}
#contactForm tr{ border:none;}

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

#contact_block{ width: 200px; float: right; margin: 0 0 20px 0; padding: 10px; display: inline; background-color: #f1f1f1;}
#mainContent #contact_block h2{color: #F400A1; font-size: 100%; width: 190px; display: inline; float: left; margin: 0 0 10px 0; padding: 0 0 5px 0; font-weight: normal; clear: none; border-bottom: 1px dotted #ccc; letter-spacing: 0;}
#mainContent #contact_block h3{color: #D473D4; font-size: 80%; width: 190px; display: inline; float: left; margin: 0 0 5px 0; padding: 0; font-weight: normal; clear: both; text-transform: none;}
#mainContent #contact_block h4{color: #333; font-size: 70%; width: 190px; display: inline; float: left; margin: 0 0 2px 0; padding: 0; font-weight: bold; clear: both;}
#mainContent #contact_block p{ float: left; width: 190px; font-size: 70%; margin: 0 0 8px 0; padding: 0; clear: none;}
#mainContent #contact_block ul{ float: left; width: 190px; margin: 5px 0 0 0; padding: 0 0 0 0; list-style: none; display: inline; clear: none; }
#mainContent #contact_block li{float: left; width: 190px; font-size: 70%; color: #000; line-height: 160%; padding-left: 30px; margin: 0 0 3px 0; }
#mainContent #contact_block li a{ color: #000;}
#mainContent #contact_block li a:hover{ color: #F400A1;}



/* *************************************************************
ALERT BOXES
************************************************************* */
#alertBox{ float: left; width: 90%; border: 1px dotted #FFCC00;  margin: 0 0 10px 0; padding: 10px 0 0 10px;}
#alertBox p{ color: #333; font-size: 70%;}


/* *************************************************************
FOOTER
************************************************************* */
#footer{ width: 900px; height: 40px; float: left; clear: both; text-align: left; padding: 0; margin: 0; background: url(../images/bg/bg_footer_flowers.gif) 300px 0 no-repeat;}

#footer p.slogan{ font: 100% Arial, Helvetica, sans-serif; font-style: italic; color: #FFCC00; float: right; width: 350px; margin: 5px 0 0 0; padding: 0; text-align: right;}
#footer img.slogan{ float: left; margin: 15px 0 0 0; clear: left;}
#footer a.newsletter{ float: left; width: 350px; font: 75% Arial, Helvetica, sans-serif; color: #fff; margin: 15px 0 0 0; padding: 0 0 0 20px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url(../images/icons/icon_newsletter.gif) 0 3px no-repeat;}
#footer a.newsletter:hover{ color: #9C0;}

.line-separator{ float: left; width: 900px; background-color: #929292; height: 1px; font-size: 0; border-bottom: 1px solid #000;}


/* *************************************************************
LOGOS
************************************************************* */
#logos{ float: right; width: 430px; margin: 10px 0 0 0;}

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width: 100px; height:100px; display:block; float:left; margin: 30px 0 0; }

#outerContainer { width: 430px; height: 60px; margin: auto; position: relative; }
#imageScroller { width: 430px; height: 60px; position: relative; }
#viewer { width: 430px; height: 60px; overflow: hidden; margin: auto; position: relative; top: 0; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; margin: 0 0 0 15px; }
#controls{ display: none;}
#controls a{ display: none; }


/* *************************************************************
PRELOADER
************************************************************* */
#preloader_table{display:none; z-index:1098; position:absolute; filter:alpha(opacity=40); background-color:#ffffff; -moz-opacity:0.40; 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;}


/* *************************************************************
POPUP NEWSLETTER BOX WINDOW
************************************************************* */
.modalDialog_transparentDivs{ filter:alpha(opacity=60); opacity:0.6; background-color:#666;	z-index:10;	position:absolute; }
.modalDialog_contentDiv{border: 1px solid #000;	padding:0; z-index:100;	position:absolute; background-color:#323232;}
.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: 0;}
#contactPopup h2{ font-size: 100%; padding: 5px 0 5px 10px; margin: 0 0 10px 0; font-weight: bold; color: #fff; float: left; width: 350px; background-color: #9C0;}
#contactPopup h2 a{ float: right; margin: 2px 10px 0 0;}

#contactPopup p{ float: left; width: 300px; font-size:70%; margin: 0 0 0 15px; padding: 0; line-height: 220%; display: inline; color: #fff;}
#contactPopup h4{ font-size: 100%; color: #996600; font-weight: normal; padding: 0 0 0 15px; margin: 20px 0 5px 0; float: left; font-weight: normal; background: url(../images/icons/icon_arrow_brown.gif) 0 3px no-repeat; clear: both; width: 320px;}
#contactPopup form h4{background-position: 0 2px; margin: 15px 0 5px 15px; display: inline; font-size: 90%;}

#contactPopup form p{ float: left; width: 300px; font-size:70%; margin: 0 0 0 15px; padding: 0; display: inline; line-height: 200%;}
#contactPopup form label{ width: 100px; float: left}
#contactPopup form textarea { font: 110% Arial, Helvetica, sans-serif; width: 320px; height: 100px;}
#contactPopup .text{ border: none; background-color: #fff; padding: 2px; width: 180px;}
#contactPopup .submit{ margin: 2px 0 0 0; padding: 2px; background-color: #808285; color: #fff; float: left; border: none; text-transform: uppercase;}
#contactPopup .submit:hover{ background-color: #FFFFFF; color: #666;}

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

#contactPopup p.close{ float: right; padding: 0; text-align: right; margin: 0 15px 0 0;}
#contactPopup p.close a{text-decoration: none; color: #FFF; }
#contactPopup p.close a:hover{text-decoration: none; color: #CCC; }

#social_links{ float: left; width: 150px; margin: 10px 0 0 85px; }
#social_links p{ float: left; font-size: 65%; text-transform: uppercase; width: 145px; padding: 0; margin: 3px 0 0 0; color: #FFF;  }
#social_links a{  margin: 0;  text-decoration: none; background: url(../images/icons/icon_facebook.png) center right no-repeat; color: #fff; float: left; padding: 1px 20px 0 0; }
#social_links a:hover{ color: #6CF;}