@charset "utf-8";

body { margin: 0; padding: 0; background: #f9fcf1; font-family: Tahoma, Verdana, Arial, Sans Serif; font-size: 62.8%; color: #000;  }

ul, ol { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
img { border : 0;}

h1, h2, h3 { font-family: 'Cambria', Georgia, Times, Arial, Helvetica, serif; }
.float-left {float:left;width:auto;}
.float-right {float:right;width:auto;}
.clearing {clear:both;}

#container { position: relative; margin: 0px auto; width: 960px; }
	#top-links { background: #f7b232; height: 24px; margin-left:22px;  text-align: right; padding: 8px 8px 0 0; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
		#top-links > ul > li a { color: #454545; text-decoration: none; float:left; }
      #top-links > ul > li a:hover { color: #656565; }
    #top-links > ul > li p { float: right; margin: 2px 5px 0 0; padding: 0; }
		#top-links > ul > li img { float: left; margin:0 0 0 5px; }
    #top-links > ul { float:right; width:auto; }
    #top-links > ul > li { list-style:none; float:left; border-left:1px solid #454545; padding:0 5px 0 5px; }
    #top-links > ul > li:first-child { border:none; }
	#header-main { height: 179px; background: url(../images/header_bg.jpg) top right no-repeat; border-right: 1px solid #e4e4e4;  }
		#logo { height: 138px; }
			#logo img { margin: 34px 0 0 40px; }
			#search { position: relative; }
				#search div { position: absolute; top: 10px; left: 710px; }
				#search-submit { width: 70px; height: 20px; }
				#search-text { width: 160px; font-size: 1.1em; margin-right: 5px; }
		#left-menu-top { float: left; width: 269px; height: 41px; }
		#menu { float: left; height: 41px; width: 689px; } 
			#menu img { float: right; }
			
	#content { background: #f4ffd5 url(../images/main_bg.png) top left repeat-x;  padding-bottom: 20px;}
		#left-menu { float: left; width: 269px; }
			#menu-container { background: #e6ffb4; }
				#menu-container ul { padding-top: 8px; }
				#menu-container ul li { font-size: 1.2em; color: #4a6202; }
					.menu a { display: block; font-weight: bold; color: #4a6202; text-decoration: none; background:url(../images/orange_arrow.png) 6px 50% no-repeat; padding: 10px 0; padding-left: 26px;  }
					.menu a:hover { background: #ddf8a8 url(../images/orange_arrow.png) 8px 50% no-repeat; color: #f56e00; }
					.submenu { font-weight: normal !important; }
					.submenu a { display: block; text-decoration: none; color: #4a6202; background:url(../images/small_arrow.png) 25px 50% no-repeat; padding: 4px 0; padding-left: 35px; }
					.submenu a:hover { background:url(../images/small_arrow.png) 26px 50% no-repeat; color: #f56e00;}
			#newsletter { margin-top: 5px; padding: 10px; padding-bottom: 0; }
				#newsletter h3 { color: #ff9308; font-size: 1.4em; }
				#newsletter p { font-size: 1.1em; }
				#newsletter input { float: left; font-size: 1.1em; }
				#nl-email { width: 140px;}
				#nl-submit { margin-left: 4px; width: 54px; height: 17px; }
			#links { padding: 10px; }
			  #links h3 { color: #ff9308; font-size: 1.4em; }			  			
			  #links a { display: block;  background: url(../images/link_go.png) left 50% no-repeat; font-size: 12px; padding: 4px; padding-left: 19px; color: #4A6202; text-decoration: none; }
			  #links a:hover { color: #F56E00; }
		#main { float: left; width: 669px; margin: 10px; margin-right: 0px;  }
		  #main a { color: #35540e; }
		  #main a:hover { color: #f56e00;}
			#main h1 { color: #f56e00; font-weight: normal; font-size: 2.2em; }
			#main-text h2 { color: #ff9308; font-family: 'Cambria', Georgia, Times, Arial, serif; font-size: 1.8em; font-weight: normal; }
			#main-text { color: #454545; font-size: 1.2em; line-height: 1.6em;  }  			
			#box-news h2 span { position: absolute; width: 100%; height: 100%; }
        .more-news { position: absolute; }
			    .more-news div { position: relative; left: 100px; width: 150px; text-align: right; top: -20px;  }
			#box-faq h2 span { position: absolute; width: 100%; height: 100%; }
			#box-video h2 { width: 380px; height: 25px;  position: relative; color: #479418; margin: 12px 0 0 0 }
			  .more { position: absolute; }
			    .more div { position: relative; left: 100px; width: 270px; text-align: right; top: -20px;  }
			#box-video .box-green-content { background: #fff url(../images/box_green_bg.png) top left repeat-x; width: 380px; margin: 0; padding-bottom: 10px; }
			#box-video span { position: absolute; width: 100%; height: 100%; }
			
			.large-box { float: left; width: 380px;  }
			  .large-box h2 { font-size: 18px; }

			.small-box { float: left; width: 259px; margin-left: 28px; }
			.small-box h2 { width: 259px; height: 25px; position: relative; color: #ff9308; margin: 12px 0 0 0; font-size: 18px; }
			.small-box .box-amber-content { background: #fff url(../images/box_amber_bg.png) top left repeat-x; margin: 0; }
			#box-news .box-amber-content { padding: 2px 10px 8px 15px; }
			#box-faq .box-amber-content { padding: 2px 10px 8px 2px; }
			
			.box-amber-content ul li { background:url(../images/arrow_mini.gif) 1px 4px no-repeat; padding-left: 13px; font-size: 1.1em; line-height: 1.6em; color: #333; margin: 4px 0;}
			
			.classic-list li { list-style-type: disc; padding-left: 0px !important;  margin: 6px 0; margin-left: 20px; }
			.news { float: left; width: 100%}
				.news h3 { font-size: 1.5em; line-height: 1em; font-family: 'Cambria', Georgia, Tahoma, serif; color: #333; margin: 0; padding: 8px 0 2px 0; font-weight: normal; }
				.news-date { font-size: 0.9em; font-weight: bold; color: #666; margin: 0; }				
				.news-text { color: #333; font-size: 1.1em; line-height: 1.4em; }
        .news-more { float: right; width: 100%; text-align: right;}
			.with-bottom-border { border-bottom: 1px solid #eee; }
      
      #news-topics { float: left; width: 484px; }
        #news-topics h3 {font-size: 1.5em; line-height: 1em; font-family: 'Cambria', Georgia, Tahoma, serif; color: #333; margin: 0; padding: 8px 0 2px 0; font-weight: normal;}
			
			#box-faq a { display: block; color: #333; text-decoration: none; }
			#box-faq a:hover { color: #666; text-decoration: underline; }

      #box-articles h2 { width: 668px; height: 25px;  position: relative; color: #479418; margin: 12px 0 0 0 }
			#box-articles .more { position: absolute; }
        #box-articles .more div { position: relative; right:10px; width: 560px; text-align: right; top: -20px;  }
			#box-articles .box-green-content { background: #fff url(../images/box_green_bg.png) top left repeat-x; width: 668px; margin: 0; padding-bottom: 10px; }
			#box-articles span { position: absolute; width: 100%; height: 100%; }
      
      .full-box { float: left; width: 668px;  }
			  .full-box h2 { font-size: 18px; }
			  
      .articles h3 { font-size: 1.5em; line-height: 1em; font-family: 'Cambria', Georgia, Tahoma, serif; color: #333; margin: 0; padding: 8px 0 2px 0; font-weight: normal; }
      .articles { padding: 10px 10px 0 15px; clear: both; }
			.articles div { float: left; width:100%; }
			.articles img { float: left; padding: 3px; background: #fff; border: 1px solid #d4e5c8; }
			.articles a { color: #333; text-decoration: none; }
      .articles p { margin:5px 0 5px 0; }
			.articles a:hover { color: #666; text-decoration: underline; }
        
			.video { padding: 10px 10px 10px 15px; clear: both; }
			.video div { float: left; width: 215px; margin-left: 10px; font-size: 1.2em; }
			.video img { float: left; padding: 3px; background: #fff; border: 1px solid #d4e5c8; }
			.video a { color: #333; text-decoration: none; }
			.video a:hover { color: #666; text-decoration: underline; }
				.video-more { text-align: right; }
					.video-more a { background:url(../images/video_icon.png) left 1px no-repeat; padding-left: 20px; height: 13px; }
					
			.media { padding: 2px; margin: 5px;  clear: both; }
			.media div { float: left; width: 320px; margin-left: 10px; font-size: 1em; }
			.media img { float: left; padding: 3px; background: #fff; border: 1px solid #d4e5c8; }
			.pdf { border: 0 !important; background: none !important; }
			.pdf-description { width: 410px !important; }
			.media a { color: #333; text-decoration: none; }
			.media a:hover { color: #666; text-decoration: underline; }
				.pdf-more { text-align: right; }
					.pdf-more a { background:url(../images/video_icon.png) left 1px no-repeat; padding-left: 20px; height: 13px; }
			
			#topics-text { float: left; width: 484px; font-size: 1.2em; line-height: 1.5em; text-align: justify; padding: 0 5px; color: #222; }
			#hot-tips { float: left; width: 165px; margin-left: 10px; background: #fff url(../images/box_amber_bg.png) left 10px repeat-x;  }
				#tips {  border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
				#hot-tips h2 { width: 165px; height: 26px; position: relative; color: #479418; margin: 0; }
				#hot-tips span { position: absolute; width: 100%; height: 100%; }
				#hot-tips img { border: 1px solid #d1d1d1; padding: 2px; }
				.tip { text-align: center; margin: 0 10px; padding: 15px 0; border-bottom: 1px solid #f2f2f2; }
					.tip p { text-align: left !important; font-size: 1.1em; line-height: 1.4em; margin-bottom: 0; color: #333; }
					
			#search-results li h3 { margin-bottom: 4px; }
			#search-results li .search-text { font-size: 1em; margin: 4px 0 0 0; }
			                  .url { font-size: 0.8em; margin: 2px 0 18px 0; }
			                  .url a { color: #416415; }	
			                  .url a:hover { color: #416415 !important; }		                  
					
			#contact-address { text-align: center; }
			.prob {  font-weight: bold; clear: both; padding-left: 160px; padding-top: 2px; padding-bottom: 2px; color: #e4262d; }
			.submit { text-align: center; font-weight: bold; color: #0e5300; }
			
			.pdf-list li { padding-left: 28px; line-height: 1.8em; background: url(../images/icon_pdf.png) 5px 50% no-repeat; }
					
			label, input, textarea { display: block; float: left; margin: 5px 0 5px 0; }
			label { width: 150px; text-align: right; clear: left; padding-right: 10px; font-weight: bold; }
			input, textarea { font-family: Tahoma, Verdana, Arial; width: 280px; }
			#submit-button { float: right !important; margin-right: 38px; width: 100px !important; }
			.required { background-image: url(../images/required.png); background-position: right; background-repeat: no-repeat; }
			
			blockquote { float: left;  margin: 8px 15px 8px 0; font-size: 1.4em; line-height: 1.7em; font-family: Georgia, Tahoma, Verdana, Arial; background: url(../images/quote_up.png) top left no-repeat; }
			blockquote p { margin: 0; text-align: left; padding: 0 10px; padding-bottom: 10px; width: 260px; float: left; color: #727272; background: transparent url(../images/quote_down.png) bottom right no-repeat; }
			blockquote p:first-letter {	padding-left: 40px !important; }
			
			.images { text-align: center; }
			.images img { margin: 10px; padding: 4px; border: 1px solid #c8dd9e; background-color: #fff; }
			
			.image-float { float: left; margin: 10px; margin-left: 0; padding: 4px; border: 1px solid #c8dd9e; background-color: #fff; }
			
			/** Added 22/05/09 **/
			.images .desc {display: block; margin: 0px 10px 10px 10px; background-color: #FFFFFF; padding: 4px; border: 1px solid #c8dd9e; width: 210px; height: 130px; text-align: left; z-index: 10000;}
			.images .medical-stuff {float: left;}
			.images .medical-stuff img {margin-bottom: 0px;}
			/********************/
									
			.notice { color: #ea001c; font-weight: bold; }
			
			#media-tabs { font-size: 11px !important}
			#mpl1 { margin-left: 35px; }
			
			.workshop-video { margin-left: 35px; }
			
			.ppt-button { width: 140px; margin: 10px 30px; float: left; display: block; padding-top: 68px; background: url(../images/icon_powerpoint.png) top center no-repeat; text-align: center; }
			.doc-button { width: 140px; margin: 10px 30px; float: left; display: block; padding-top: 68px; background: url(../images/icon_word.png) top center no-repeat; text-align: center;}

							
	#content-footer { height: 17px; background: url(../images/footer_bg.png) top left repeat-x;  }
	#footer { padding: 8px; color: #6e6e6e; line-height: 1.6em; font-size: 1.1em; margin-bottom: 20px; }	
		#footer-left { float: left; width: 580px; }
		#footer-right { float: left; width: 360px; text-align: right; }	
		#footer a { color: #6e6e6e; text-decoration: none; }
		#footer a:hover { color: #3c3c3c; }
		
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/****************************
* Gallery
****************************/
.procedure-album li {
  float:left;
  margin:0 5px 5px 5px;
  text-align:center;
}

.procedure-album li a {
  display:block;
  border:1px solid #C8DD9E;
  padding:4px;
}

/****************************
* Popup menu
****************************/
.gallery-popup-menu {
   float: right;
}

.gallery-popup-menu li ul {
  display:none;
  position:absolute;
  float:left;
  width:auto;
  z-index:10000;
  margin:10px 30px 0 0;
}

.gallery-popup-menu span {
  color:#454545;
  padding: 0 20px 0 0;
  background: url(../images/icon_arrow_left.png) center right no-repeat;
}

.gallery-popup-menu li ul li {
  float:left;
  display:block;
  width:100%;
  border-bottom:1px solid #454545;
  background: #F7B232;
}

.gallery-popup-menu li ul li:last-child {
  border:none;
}

.gallery-popup-menu li ul a {
  display:block;
  padding:5px;
  color:#454545;
  text-align:left;
  width:94%;
}

.gallery-popup-menu li ul a:hover {
  color:#4A6202;
}

.gallery-popup-menu li:hover ul {
  display:block!important;
}

.gallery-popup-menu li:hover span {
  color:#656565;
}

/* Used by the hover delay */
.submenu-show ul {
  display:block!important;
}

.submenu-show span {
  color:#656565;
  background: url(../images/icon_arrow_down.png) center right no-repeat;
  cursor:default;
}

.patient-photos-link {
  float:right;
  background:#eee;
  margin:15px 10px 10px 10px;
  font-size:11px;
  text-align:center;
}

.patient-photos-link a {
  text-decoration:none;
  display:block;
  padding:10px;
}

.list-items li a {
  padding:0 0 5px 15px;
  display:block;
  background: url(../images/arrow_mini.gif) 0% 5px no-repeat;
}

.doctors-only-case ol {
  margin-left:20px;
}

.doctors-only-case ol li {
  list-style-type:decimal;
}

.doctors-only-case .case-image {
  text-decoration:none;
}

.case-image {
  margin:5px 8px 10px 8px;
}

.case-image span {
  padding-top:5px;
  text-align:center;
  display:block;
  background:#fff;
}

.case-image img {
  display:block;
}