@charset "utf-8";

html, body { font-size: 11px; }

#header #menu ul li { display: block; float: left; margin-left: 50px; }
#header #menu a { font-weight: bold; color: #666666; text-decoration: none; text-transform: uppercase; }
#header #menu a:hover, #header #menu a.active { color: #F37C76; }

#footer { padding: 15px 0; color: #666666; }

#index .banner { position: relative; background: transparent url(../../images/index/banner.jpg) no-repeat; width: 938px; height: 330px; }
#index .container { position: absolute; right: 10px; bottom: 0; color: #333333 } 
#index .shadow { background: transparent url(../../images/bg-shadow.png) no-repeat 50% 0; width: 373px; height: 4px; }
#index .message { background-color: #FFFFFF; width: 317px; height: 230px; padding: 27px 28px 0 28px; }

#related-links { padding: 10px 0 13px 0; color: #666666; }
#related-links span { display: inline-block; vertical-align: top; line-height: 130%; }
#related-links span.label { margin: 7px 15px 7px 0; }
#related-links span.link { background: transparent url(../../images/bg-link.png) no-repeat 0 10px; min-height: 35px; margin: 0 15px 0 0; padding: 0 0 0 15px; }
#related-links a { display: block; background: transparent url(../../images/bg-arrow.png) no-repeat; padding: 7px 0 0 0; text-decoration: none; }
#related-links a:hover { text-decoration: underline; }

#about {  }
#about .title { float: left; margin-top: 130px; }
#about .table { background: transparent url(../../images/frame-dot.gif) repeat-x; margin: 20px 0; padding-top: 1px; }
#about table { width: 100%; margin-top: 1px; }
#about table tr th, #about table tr td { padding: 11px 23px; border-bottom: 1px solid #FFFFFF; }
#about table tr th { font-weight: normal; text-align: left; background-image: url(../../images/bg-bullet.png); background-repeat: no-repeat; background-position: 9px 15px; }
#about table tr.even th, #about table tr.even td { background-color: #EEECE9; }
#about table tr.odd th, #about table tr.odd td { background-color: #F9F8F7; }

#condition div.list { width: 455px; }
#condition div.list img { border-bottom: 1px solid #FFFFFF; }
#condition div.list div { background-image: url(../../images/bg-bullet.png); background-repeat: no-repeat; background-position: 9px 13px; min-height: 22px; padding: 4px 4px 4px 23px; border-bottom: 1px solid #FFFFFF; }
#condition div.list div span.name { display: block; float: left; margin: 4px 0; line-height: 120%; width: 400px; }
#condition div.list div span.detail { display: none; float: left; overflow: hidden; width: 400px; color: #666666; line-height: 160%; padding-bottom: 4px; }
#condition div.list div.even { background-color: #F9F8F7; }
#condition div.list div.odd { background-color: #EEECE9; }
#condition div.list a { display: block; float: right; background-image: url(../../images/bth-open.gif); background-position: 0 0; background-repeat: no-repeat; width: 20px; height: 20px; }
#condition div.list a.active { background-image: url(../../images/bth-close.gif); }


#services { position: relative; }
#services #serviceBanner { position: relative; background-color: #E8EDE3; overflow: hidden; min-height: 392px; width: 938px; }
#services #serviceBanner div.banner { display: none; position: absolute; left: 0; top: 57px; min-height: 335px; width: 938px; line-height: 130%; }
#services #serviceBanner div.banner img { z-index: 10;}
#services #serviceBanner div.banner p { position: absolute; top: 130px; left: 38px; width: 430px; z-index: 20; color: #666666; }
#services #serviceBanner div.banner ul { position: absolute; top: 130px; left: 38px; width: 430px; z-index: 20; }
#services #serviceBanner div.banner ul li { background: transparent url(../../images/bg-bullet.png) no-repeat left 5px; margin-bottom: 5px; padding-left: 14px; color: #666666; }
#services #serviceBanner div#serviceBannerBtn { display: none; background-color: #FFFFFF; position: absolute; top: 0; left: 0; width: 938px; height: 29px; padding-bottom: 28px; z-index: 30; }
#services #serviceBanner div#serviceBannerBtn a { display: block; float: left; background-position: 0 0; background-repeat: no-repeat; height: 29px; margin-right: 45px; text-indent: -100000px; }
#services #serviceBanner div#serviceBannerBtn a:hover, #services #serviceBanner div#serviceBannerBtn a.active { background-position: 0 -29px; }
#services #serviceBanner div#serviceBannerBtn a.last { margin-right: 0; }
#services #serviceBanner div#serviceBannerBtn a#tab1 { background-image: url(../images/services-treatments/tab1.png); width: 210px; }
#services #serviceBanner div#serviceBannerBtn a#tab2 { background-image: url(../images/services-treatments/tab2.png); width: 216px; }
#services #serviceBanner div#serviceBannerBtn a#tab3 { background-image: url(../images/services-treatments/tab3.png); width: 126px; }
#services #serviceBanner div#serviceBannerBtn a#tab4 { background-image: url(../images/services-treatments/tab4.png); width: 101px; }
#services #serviceBanner div#serviceBannerBtn a#tab5 { background-image: url(../images/services-treatments/tab5.png); width: 101px; }

#services #serviceBanner .banner a#overview { display: block; position: absolute; top: 95px; left: 357px; background: transparent url(../images/services-treatments/tab2-btn.jpg) no-repeat; width: 139px; height: 20px; z-index: 15; }

	#devices-overview { background-color: #EEF2E9; position: absolute; top: 87px; left:0; padding: 40px 26px 35px 26px; width: 886px; height: 390px; z-index: 1000; }
	#devices-overview div.title { margin-bottom: 30px; text-align: center; }
	/* Position of boxes */	
	#devices-overview .container { position: relative; width: 886px; height: 370px; }
	#devices-overview a.close { display: block; position: absolute; left: 412px; bottom: 35px; background: transparent url(../images/services-treatments/bg-close.gif) no-repeat; width: 60px; height: 20px; margin: 0 auto; }
	
	#devices-overview .item1-1 { top: 0; left: 0; }
	#devices-overview .item1-2 { top: 0; left: 222px; }
	#devices-overview .item1-3 { top: 0; left: 444px; }
	#devices-overview .item1-4 { top: 0; left: 666px; }
	
	#devices-overview .item2-1 { top: 102px; left: 0; }
	#devices-overview .item2-2 { top: 102px; left: 222px; }
	#devices-overview .item2-3 { top: 102px; left: 444px; }
	#devices-overview .item2-4 { top: 102px; left: 666px; }
	
	#devices-overview .item3-1 { top: 204px; left: 0; }
	#devices-overview .item3-2 { top: 204px; left: 222px; }
	#devices-overview .item3-3 { top: 204px; left: 444px; }
	#devices-overview .item3-4 { top: 204px; left: 666px; }
	
	/* Style of boxes */
	#devices-overview .box { position: absolute; background-color: #FFFFFF; width: 190px; height: 70px; padding: 10px; margin: 6px; color: #666666; font-size: 12px; line-height: 140%; }
	#devices-overview .box div.img { float: left; width: 50px; margin-right: 12px; }
	#devices-overview .box div.name { float: left; width: 128px; }
	#devices-overview .box div.detail { display: none; float: left; margin: 8px 0 0 0; }
	#devices-overview .box a.more { display: block; background: transparent url(../../images/services-treatments/bg-moreO.gif) no-repeat; position: absolute; bottom: 10px; right: 10px; width: 8px; height: 8px; }
	#devices-overview .box a.info { display: none; }
	
	#devices-overview .box.open { border: 2px solid #CCCCCC\9; height: auto; padding: 10px 10px 30px 10px; box-shadow: 0 0 4px #BBBBBB; z-index: 1000; }
	#devices-overview .box.open div.left { width: 128px; }
	#devices-overview .box.open div.name { font-weight: bold; }
	#devices-overview .box.open div.detail  { display: block; }
	#devices-overview .box.open a.more { display: none; }
	#devices-overview .box.open a.info { display: block; background: transparent  url(../images/services-treatments/bg-moreGo.gif) no-repeat; position: absolute; bottom: 0; right: 0; width: 81px; height: 20px; }

	
#contact {  }
#contact .route { float: left; width: 696px; }
#contact .way .title { background: transparent url(../../images/frame-dot.gif) repeat-x top; padding: 11px 0; }
#contact .way .left, #contact .way .right { width: 340px; }
#contact .way .detail { background: transparent url(../../images/frame-dot.gif) repeat-x top; padding: 11px 0; }
#contact ol { margin-left: 18px; line-height: 150%; }
#contact ol li { margin-bottom: 5px; }
#contact ol li ul li { background: transparent url(../../images/bg-bullet.png) no-repeat 0 7px; padding-left: 13px; margin-bottom: 3px; }

#contact .info { background-color: #EB7965; float: right; height: 285px; width: 172px; padding: 315px 20px 0 20px; font-size: 12px; color: #FFFFFF; line-height: 150%; }
#contact .info .hr { background: transparent url(../../images/frame-dot-w.gif) repeat-x; height: 1px; margin: 10px 0 8px 0; }
#contact .info strong { display: block; margin-bottom: 3px; font-size: 11px;  }
#contact .info a { color: #FFFFFF; text-decoration: none; }
#contact .info a:hover { text-decoration: underline; }

#press {  }
#press select#yearSelect { float: right; width: 160px; font-size: 11px; color: #333333; }

#press #list { background: transparent url(../../images/frame-dot.gif) repeat-x; margin: 20px 0; padding-top: 1px; }
#press #list table { display: none; margin-top: 1px; }
#press #list table tr.even { background-color: #EEECE9; }
#press #list table tr.odd { background-color: #F9F8F7; }
#press #list table tr a { color: #000000; text-decoration: none; }
#press #list table tr:hover { background-color: #EB7965; color: #FFFFFF; }
#press #list table tr:hover a { color: #FFFFFF; }
#press #list table tr th, #press #list table tr td { padding: 11px 15px; border-bottom: 1px solid #FFFFFF; }
#press #list table tr th { text-align: left; font-size: 12px; font-weight: normal; }