/* CSS Document */

* { margin: 0; padding: 0; }

body, p, a, input { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #371903; }
body { background: #f4f4f4; }

a { font-weight: bold; color: #4c2805; text-decoration: none; }
a:hover { text-decoration: underline; }

/* main layout */
#container { width: 800px; overflow: hidden; background: #FFFFFF; margin: 0 auto; }
#header { width: 800px; overflow: hidden; height: 140px; }
#header #topMsg { width: 800px; height: 26px; overflow: hidden; background: #ede4d4 URL('images/header-top.jpg') no-repeat; } 
#header #headerFlash { width: 800px; overflow: hidden; height: 114px; background: #FFFFFF URL('images/header-back.jpg') no-repeat;  }

#menubar { width: 790px; height: 47px; overflow: hidden; list-style-type: none; background: #ede4d4 URL('images/navbar.jpg') no-repeat; padding: 0 20px; }

#underHeader { width: 800px; height: 137px; overflow: hidden; background: #ede4d4 URL('images/search-back.jpg') no-repeat; }

#main { width: 800px; min-height: 276px; overflow: hidden; background: #FFFFFF URL('images/body-back.jpg') no-repeat 0 44px; }
#main h1 { width: 790px; height: 34px; overflow: hidden; background: #ece2d1 URL('images/body-sep.jpg') no-repeat; padding: 10px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #371903; }

#underMain { width: 800px; min-height: 278px; overflow: hidden; background: #FFFFFF URL('images/body-back2.jpg') no-repeat 0 18px; clear: both; }
#underMain h2 { width: 790px; height: 8px; overflow: hidden; background: #e1e0e0 URL('images/body-sep2.jpg') no-repeat; padding: 10px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #371903; }

#footer { width: 800px; height: 56px; overflow: hidden; background: #ede4d4 URL('images/footer.jpg') no-repeat; }
#footer p { padding: 23px 15px; }

/* headaer */
#header #topMsg h1 { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #371903; padding: 5px 10px; }
#header #topMsg span#langLink { float: right; padding: 4px 10px; }
#header #topMsg span#langLink a { color: #777777; font-size: 13px; font-weight: normal; }
#header #topMsg span#langLink a img { border: none; }
#menubar li { float: left; }
#menubar li a { float: left; width: 126px; height: 22px; padding: 25px 0; text-align: center; background: URL('images/menu-btn.jpg') no-repeat center top; }

/* search form and banners */
#underHeader #searchForm { width: 205px; height: 97px; padding: 20px; float: left; }
#underHeader #searchForm label { display: block; font-size: 17px; color: #000000; }
#underHeader #searchForm input { display: block; width: 100px; margin: 10px; padding: 5px; }
#underHeader #searchForm input.button { width: 100px; height: 30px; padding: 0; background: URL('images/search-btn.jpg') no-repeat center left; border: none; cursor: pointer; font-weight: bold; }

#underHeader #banners { float: left; width: 555px; height: 137px; overflow: hidden; }
#underHeader #banners #banner1,
#underHeader #banners #banner2,
#underHeader #banners #banner3 { float: left; display: inline; width: 142px; height: 102px; margin: 15px 16px 0; }
#underHeader #banners #banner1 *,
#underHeader #banners #banner2 *,
#underHeader #banners #banner3 *,
#underHeader #banners #banner4 * { margin: 0; }

/* main */
#main #productList { list-style-type: none; width: 190px; float: left; margin: 20px 0; padding: 10px 20px; border-right: 2px solid #4c2805; }
#main #productList li { margin: 5px 0; text-align: right; }
#main #productList li.logos img { border: none; padding: 10px 0; }
#main #center { float: left; width: 528px; padding: 20px; }
#main #center p { margin: 20px; }
#main #center #prodImg { float: left; display: inline; margin: 10px 4px; }
#main #center #prodImg h2 { font-size: 12px; text-align: center; }
#main #center #prodImg img { border: none;  }
#main #productList li span { display: block; font-size: 9px; color: #343434; }

/* bottom section */
#underMain #leftPanel, #underMain #rightPanel { width: 370px; min-height: 225px; float: left; padding: 10px; margin: 10px 0; overflow: hidden; }

#underMain #leftPanel {  border-right: 1px dotted #343434; }
#underMain #rightPanel { margin: 10px 0 0 10px; display: inline; border-left: 1px dotted #343434; }
#underMain #leftPanel ul, #underMain #rightPanel ul { margin: 5px 20px; }
#underMain #leftPanel li, #underMain #rightPanel li { margin: 5px 0; }

/* products */

.prodThumb { border: none; float: right; margin: 0 0 5px 5px;  }
.prodTitle { clear: both; }
.prodDesc { overflow: hidden; margin: 20px; }
#prodDescDiv h1 { background: none; margin: 10px; padding: 0; width: 460px; }
#prodDescDiv h2 { font-size: 14px; margin: 10px; }
#prodDescDiv p { margin: 10px; }
#prodDescDiv img { margin: 10px; }
#prodDescDiv ul { margin: 10px 20px; }

#center .product1 { background: URL('images/equipments/backs/equipment.1.jpg') no-repeat top center; }
#center .product2 { background: URL('images/equipments/backs/equipment.2.jpg') no-repeat top center; }
#center .product3 { background: URL('images/equipments/backs/equipment.3.jpg') no-repeat top center; }
#center .product4 { background: URL('images/equipments/backs/equipment.4.jpg') no-repeat top center; }
#center .product5 { background: URL('images/equipments/backs/equipment.5.jpg') no-repeat top center; }
#center .product6 { background: URL('images/equipments/backs/equipment.6.jpg') no-repeat top center; }
#center .product7 { background: URL('images/equipments/backs/equipment.7.jpg') no-repeat top center; }
#center .product8 { background: URL('images/equipments/backs/equipment.8.jpg') no-repeat top center; }
#center .product9 { background: URL('images/equipments/backs/equipment.9.jpg') no-repeat top center; }
#center .product10 { background: URL('images/equipments/backs/equipment.10.jpg') no-repeat top center; }
#center .product12 { background: URL('images/equipments/backs/equipment.12.jpg') no-repeat top center; }

#popUpImg { display: none; position: absolute; width: 250px; height: 250px; top: 100px; left: 200px; border: 1px solid #000000; background: #FFFFFF; overflow: hidden; }

#video a { display: block; margin: 10px; }
.mediaContainer h3 { margin: 10px; }

/* activities */
#center #activities h2 { text-decoration: underline; }
#center #activities h3 { font-size: 12px; }
#center #activities ul { margin: 20px 5px; list-style-type: none; }
#center #activities ul li ul { margin: 5px 20px; list-style-type: disc; }

/* workshops */
.workshop h2 { font-weight: normal; margin: 20px; }
.workshop h3 { margin: 20px; }
.workshop a img { display: block; margin: 20px auto; }

/* congress */
#center #congress { margin: 20px 5px; list-style-type: none; border-bottom: 1px solid #4c2805; }
#center #congress li ul { margin: 5px 20px; list-style-type: disc; }

#center #content h2 { font-size: 16px; margin: 20px; }
#center #content dl { margin: 20px; overflow: hidden; width: 460px; }
#center #content dl dt { width: 160px; float: left; clear: left; font-weight: bold; }
#center #content dl dd { width: 300px; float: left; }

/* distributors */
#center #distribution { list-style: none; margin: 0; padding: 0; float: left; width: 225px; }
#center #distribution li { background: url(images/plus.gif) no-repeat 0px -2px; padding-left: 16px; line-height: 1.2em; font-weight: bold; }
#center #distribution li a { text-decoration: none; }
#center #distribution li a img { border: none; }
#center #distribution li.expanded { background: url(images/minus.gif) no-repeat 0px -2px; }
#center #distribution li ul { list-style: none; margin: 0; padding: 0; }
#center #distribution li ul li { background: url(images/line.gif) no-repeat 0px -2px; padding-left: 20px; font-weight: normal; cursor: default; margin: 3px 0; }
#center #distribution li ul li.lastItem { background: url(images/corner.gif) no-repeat 0px -2px; }

#center #distributors { float: right; width: 280px; padding: 0 10px; overflow: hidden; display: none; }
#center #distributors h2, #content #distributors dl { display: none; }
#center #distributors h2 { font-size: 16px; }
#content #distributors dl { margin: 10px 0; }
#center #distributors dt { font-size: 12px; font-weight: bold; }
#center #distributors dd { font-size: 11px; margin: 0 0 5px 0; padding: 0; }

/* Activities */
#center ul { margin: 20px; }
#center ul li { margin: 5px 20px; }

/* contact */
#center form { margin: 20px; }
#center form p { overflow: hidden; margin: 3px 0; }
#center form label { float: left; width: 120px; }
#center form input#sendForm { float: right; margin: 10px 105px 0 0; }

#center #contactInfo h2 { font-size: 14px; margin: 10px 20px; }
#center #contactInfo p { margin: 10px 20px; }

/* picture */
#center #picture img { border: none; display: block; margin: 10px auto; }
#center #picture a { display: block; }

/* blogLink */
span.blogLink { float: right; display: inline; margin: 0 20px 0 0; }