@charset "utf-8";
@import "typo.css";

/* lycogel.com, nanda, yavidesign, july 2010*/

body{
background:#f0f1f1;
text-align:center;
font:normal 14px "Trebuchet MS1", Helvetica, sans-serif;
color:#848587;
padding-bottom:20px;
}

a{
color:#848587;
}

a:hover{
color:#9FD6F1;
}

h1{
font-size:22px;
margin-bottom:6px
}

p{

}

#wrapper{
width:760px;
margin:0 auto;
background:#fff;
text-align:left;
}

#header{
width:760px;
height:110px;
position:relative;
z-index:9;
}

#logo{
position:absolute;
left:30px;
top:26px;
}

#country{
background:url(../images/globe-icon.gif) left top no-repeat;
width:105px;
height:28px;
position:absolute;
right:3px;
padding-left:30px;
font-size:11px;
bottom:5px;
font-weight:bold;
padding-top:0px;
}

#country a{
font-weight:bold;
font-size:10px;
}

#topnav{
font-weight:bold;
position:absolute;
right:20px;
top:4px;
}

#topnav a{
text-decoration:none;
margin-left:10px;
}

#topnav ul {
list-style:none;
width:190px}

#topnav ul li {
float:left;
}

#topnav ul li a{
float:left;
display:block;
font:11px arial;
font-weight:bold;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#nav {
position:absolute;
left:235px;
top:83px; z-index:89;
}
#nav a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
        font-size:14px;
        font-weight:bold;
}



#nav li {
	float: left;
	width: 9em;
}
#nav li {position: relative;}

/* hide from IE mac \*/
#nav li {position: static; width: auto;}
/* end hiding from IE5 mac */

#nav li ul, #nav ul li  {
	width: 12em;
}

#nav ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
        font-size:13px;
        font-weight:normal;
}
#nav li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
        border-left:1px solid #ccc;
	background-image: url(images/p7exp_mgrad.jpg);
	background-repeat: repeat-x;
}
#nav>li>a{
border:1px solid #fff;
border-bottom:none;
}
#nav>li:hover>a{
border:1px solid #ccc;
border-bottom:none;
}
#nav li:hover a, #nav a:focus,
#nav li.active a {
	color: #9FD6F1;
}
#nav li:hover ul {
	display: block;
        padding:10px 0;
}
#nav li:hover ul a {
	color:#848587;
	background-color: transparent;
}

#nav ul li{
        padding:0px 0
}
#nav ul li:hover a {
	color: #9FD6F1;
}

#content-section{
border-top:6px solid #9fd6f1;
}

#slogan{
height:40px;
background:url(../images/slogan.gif) center top no-repeat;
margin-bottom:4px;
}
#footer-content{
overflow:hidden;
border-bottom:6px solid #9fd6f1;
padding-bottom:8px;
}

#footer-content .boxes-heading {
color:#ffffff;font-size:14px}

#footer-content .boxes-content {
padding-top:3px; font-size:11px; line-height:14px;
}

#footer-content p {
font-size:12px;
line-height:12px;
padding-top:0;}

#footer-content p.tx-guestbook-date {
padding-top:5px;
font-size:10px}

.footercol{
float:left;
overflow:hidden;
}

#footer-content .tx-veguestbook-pi1 h2 a {
font-weight:normal;
font-size:11px;
font-style:italic;
color:#AAAAAA;
text-decoration:none;}

#footer-content .csc-textpic div.csc-textpic-single-image img {
margin:0}

/* ***************************** */

#col1{
background:#9FD6F1;
font-size:12px;
height:122px;
line-height:16px;
padding:10px 12px;
width:281px;
}
#col1 h1{
color:#fff; font-size:14px;
}

#col2{
border:4px solid #D1D2D3;
height:114px;
margin:0 12px;
padding:10px;
width:266px;
}

#col3{
background:#D1D2D3;
padding:0;
}

#copyright{
background:#F0F1F1;
text-align:center;
padding-top:10px;
font-size:11px;
}

/* for sub page ********************************************************************** */

#sub-wrapper {
background:url(../images/bg-subwrapper.gif) left top repeat-y;
border-top:6px solid #9fd6f1;
width:760px;
padding-top:50px;
overflow:hidden;}


/* leftmenu ********************************************************************** */

#leftmenu {float:left;
overflow:hidden;
width:127px;}

#sub-leftmenu {
width:127px;
float:left;
margin-top:17px;
overflow:hidden;}

#sub-leftmenu ul {
list-style:none;
padding:6px 7px 10px}

#sub-leftmenu ul h2 {
color:#BBBBBB;
font-size:13px;
font-style:italic;
padding-left:8px;
}

#sub-leftmenu ul li {}

#sub-leftmenu ul li a {
display:block;
font-size:12px;
font-weight:600;
color:#999;
padding:3px 0 0 0px;
text-decoration:none; }

#sub-leftmenu ul li:hover a,#sub-leftmenu ul li#active a {
text-decoration:none;
color:#9FD6F1;}

#sub-contentsection {
float:right;
min-height:250px;
width:632px;
}

#content p {
font-size:12px;
}

#content h1 {
color:#9FD6F1; font-size:16px;}

#sub-rightcontent {
float:right;
min-height:130px;
width:212px;
padding:5px}

#sub-rightcontent p{
color:#9FD6F1;
font-size:14px;
padding:5px 0;}

#sub-rightcontent p.enlarge{
color:#999}

#sub-logo{
background:url(../images/sub-logo.gif) left top;
height:51px;
left:127px;
position:absolute;
top:116px;
width:57px;
}

#footer-section{
width:760px;
clear:both;}


/* misc ********************************************************************** */

.tx-pagebrowse {
color:#BBBBBB;font-size:11px}

li.tx-pagebrowse-pages {color:#BBBBBB;font-size:11px}

.news-list-morelink {
font-size:10px; padding-left:0px;
font-weight:normal;}

div.cag_pagebrowser {
clear:both;
margin:0 0 10px 173px;
overflow:hidden;
width:587px;}

div.cag_pagebrowser ul {text-align:left}
div.cag_pagebrowser ul ul{padding:0;}

div.cag_pagebrowser ul li {
float:left;
margin:0;
padding:0;
text-align:left;
width:115px;
}

div.cag_pagebrowser ul li.previous, div.cag_pagebrowser ul li.next {
padding:10px 0 0 0}

div.cag_pagebrowser ul li.next.first, div.cag_pagebrowser ul li.index {display:none}

div.cag_pagebrowser ul li.number {
font-size:10px;
text-decoration:none;
}

div.cag_pagebrowser ul li.last{
display:none;
/*margin-left:0px;
text-decoration:none*/}

div.cag_pagebrowser ul li.next a  {
text-decoration:none}

div.cag_pagebrowser ul li.next .last, div.cag_pagebrowser ul li.previous .last {
display:none;}

div.cag_pagebrowser a {
text-decoration:none; 
font-size:10px;
display:block;
float:left;}


/* *************** */

#right-content .csc-textpic-left div.csc-textpic-imagewrap {
padding-right:0;
padding-top:5px;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
color:#73C4EB;
font-size:11px;
margin:0;
padding:4px 0 0 0;}

.news-list-container img {
border:1px solid #cecece;
float:left; padding:2px;
margin:0 7px 15px 5px;}



/* form ********************************************************************** */


#contactus .tx_powermail_pi1_fieldwrap_html {
overflow:hidden;
font-size:11px;
width:100%;
margin:0 0 5px;
}
#contactus #powermaildiv_uid4 {
position:relative;
}
#contactus #powermaildiv_uid36 {
font-size:11px; 
font-style:italic;
color:#ACACAC;
} 

#contactus #powermaildiv_uid29 p,
#contactus #powermaildiv_uid1 label,
#contactus #powermaildiv_uid31 label,
#contactus #powermaildiv_uid2 label,
#contactus #powermaildiv_uid32 label,
#contactus #powermaildiv_uid33 label,
#contactus #powermaildiv_uid34 label,
#contactus #powermaildiv_uid35 label,
#contactus #powermaildiv_uid21 label,
#contactus #powermaildiv_uid3 label,
#contactus #powermaildiv_uid4 label {
background:#EFEFEF;
float:left;
display:block;
width:132px;
font:11px arial;
margin: 0;
padding:4px 0 4px 4px;
}
#contactus #powermaildiv_uid29 .powermail_radio_inner {
float:left;
padding:0 0 0 10px;
}
#contactus #powermaildiv_uid29 label {
display:block;
float:left;
font:11px arial;
padding:2px 0 0;
}
#contactus #powermaildiv_uid29 input[type="radio"] {
float:left;
}

#contactus input[type="text"], #contactus textarea {
float:left;
width:254px;
border:1px solid #cdcdcd;
font:11px arial;
margin:0;
padding:3px 4px;
}
#contactus #powermaildiv_uid4 input[type="text"] {
width:132px;
margin:0 10px 0 0;
}
#contactus #powermaildiv_uid4 img.tx-srfreecap-pi2-image {
float:left;
border:1px solid #cdcdcd;
margin:0;
padding:0;
}
#contactus #powermaildiv_uid4>span  {
clear:both;
display:block;
float:left;
font:12px arial;
padding:6px 0 10px;
}

#powermaildiv_uid5 input {
position:absolute;
height:23px;
left:415px;
top:400px;
background:transparent url(../images/submit.gif) no-repeat scroll left top;
padding-top:23px;
width:80px;
border:0 none;
cursor:pointer;
}

@-moz-document url-prefix()
{
#powermaildiv_uid5 input { top:375px; }
}

form .tx-powermail-pi1_fieldset {
height:450px;
width:510px;
position:relative}

#powermaildiv_uid4 #advice-required-uid4 {font-size:11px}
.powermail_mandatory_js {font-size:10px;padding:4px 4px 0 0;}


/* pagination ********************************************************************** */


div.tx-bvbfaq-pi1 .pagination {
font-size:10px;
margin-top:12px;
padding-top:5px;
text-align: left;
}

div.tx-bvbfaq-pi1 .pagination a{
padding:0 5px}

#content .tx-guestbook-field label {
display:block;
float:left;
font-size:11px;
padding:4px 20px 2px 0;
width:125px;
}

/* share social ********************************************************************** */

.share-this{text-align:right;padding-top:20px}

.share-this .stico_default {
background:url(../images/sharethis.png) no-repeat scroll 0 0 transparent !important;
}


/* content stuff ********************************************************************** */

#content {float:left;
padding:15px 10px 15px 15px;
width:400px;
}

#content .boxes-content {
font-size:12px;padding-left:2px;
padding-top:7px;}

#content .boxes-heading{
color:#9fd6f1}

#content .boxes-heading h2 {
font-size:18px;
font-weight:normal;
padding:5px 0;
}

#content .faq-list h3{
color:#BBBBBB;
font-size:11px;
font-style:italic;
font-weight:bold;
padding:10px 0;}

#content .faq-list-item h2 {
font-size:13px; font-weight:bold; padding:3px 0;}

#content .faq-list-item .answer {
font-size:12px; color:#999;
padding:3px 0;}

#content #c394 .tx-veguestbook-pi1 {
margin-top:20px;
font-size:11px}

#content .module {
padding-bottom:20px}

#content .tx-guestbook-right p {font-size:11px; }

#footer-content .tx-guestbook-right p{
font-size:11px;
font-style:italic;
font-weight:normal;
line-height:13px;
}

.tx-guestbook-right blockquote, q {
font-size:11px; padding-top:6px;
font-weight:bold;}

.tx-veguestbook-pi1 blockquote:before { content: '"'; }
.tx-veguestbook-pi1 blockquote:after { content: '"'; }

.stbuttontext {
font-size:11px;
line-height:17px;}

#content-wrapper {
float:right;
width:632px;
overflow:hidden}

#content-wrapper #right-content {
float:right; 
margin-bottom:20px; 
width:200px;
}

#contact-sub-wrapper {
background:url(../images/bg-subwrapper-blue.gif) left top repeat-y;}

#contact-sub-wrapper #contact-leftmenu {
width:111px;
/*float:left;*/
padding-left:14px
}

#footernav {
margin:0 auto;
padding:3px 0;
text-align:center;
}

#footernav p{
float:right;
margin-right:101px}

#footernav ul {
list-style:none;
text-align:center;
}

#footernav ul li {
display:inline;
padding:0 5px;
border-left:1px solid #CECECE;
}

#footernav ul li:first-child {
border:0}

#footernav ul li a {
text-decoration:none;
}

#footernav ul li:hover a {
text-decoration:underline
}


/* 14 July 2010 */

#contact-sub-wrapper #c712.boxes .boxes-content {
font-size:12px;
line-height:14px;
padding-top:5px;
padding-left:2px;}

#contact-sub-wrapper #c712.boxes .boxes-content p{
padding-top:6px}

#contact-sub-wrapper #c712.boxes h1.csc-firstHeader {
color:#9FD6F1; font-size:13px; margin-bottom:0}

/* buat products */

div.csc-textpic-left div.csc-textpic-text {
clear:left;
color:#73C4EB;
font-size:11px;
padding-left:0;}

#right-content div.module div.csc-textpic div.csc-textpic-single-image img {
border:1px solid #9FD6F1; padding:3px
}

#right-content div.module div.csc-textpic-text div.boxes-content {
padding-top:0px; width:182px;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
border:1px solid #CECECE;
margin:0;
padding:2px;}

#content #c781 .boxes-content ul li {list-style-type: disc;
margin:0 0 0 13px}

#right-content .boxes-content {font-size:10px}

#right-content div.module #c825 div.csc-textpic div.csc-textpic-single-image img {
border:0 none;
left:-10px;
position:absolute;
top:280px;}

/* for multilanguage page ********************************************************************** */

#sub-wrapper-lang{
border-top:6px solid #9fd6f1;
width:760px;
overflow:hidden;
position:relative;
}

#content-wrapper-lang {
padding-left:30px;
padding-bottom:30px;
overflow:hidden;
width:100%;}

/* america */

#flags-america {
border:1px solid #CECECE;
font-size:11px;
margin:10px 10px 10px 0;
padding:10px;
width:100px;
height:210px;
float:left;
}

#flags-america p {font-size:12px;font-weight:bold;color:#73c4eb}
#flags-america ul {list-style:non;margin-top:10px}
#flags-america ul li {overflow:hidden;padding:0 0 5px 0;width:100%;}
#flags-america ul li img{margin-top:2px; float:left;border:1px solid #CECECE;}
#flags-america ul li a {display:block;float:left;padding:2px 0 5px 5px;}

/* asia */

#flags-asia {
border:1px solid #CECECE;
font-size:11px;
margin:10px 10px 10px 0;
padding:10px;
width:115px;
height:210px;
float:left;
}

#flags-asia p {font-size:12px;font-weight:bold;color:#73c4eb}
#flags-asia ul {list-style:non;margin-top:10px}
#flags-asia ul li {overflow:hidden;padding:0 0 5px 0;width:100%;}
#flags-asia ul li img{margin-top:2px; float:left;border:1px solid #CECECE;}
#flags-asia ul li a {display:block;float:left;padding:2px 0 5px 5px;}

/* europe */

#flags-europe {
border:1px solid #CECECE;
font-size:11px;
margin:10px 10px 10px 0;
padding:10px;
width:220px;
height:210px;
float:left;
}

#flags-europe p {font-size:12px;font-weight:bold;color:#73c4eb}
#flags-europe ul {list-style:non;margin-top:10px}
#flags-europe ul li {float:left;overflow:hidden;padding:0 0 5px;width:107px;}
#flags-europe ul li img{margin-top:2px; float:left;border:1px solid #CECECE;}
#flags-europe ul li a {display:block;float:left;padding:2px 0 5px 5px;}

/* middle east & africa */

#flags-middleeast {
border:1px solid #CECECE;
font-size:11px;
margin:10px 10px 10px 0;
padding:10px;
width:122px;
height:210px;
float:left;
}

#flags-middleeast p {font-size:12px;font-weight:bold;color:#73c4eb}
#flags-middleeast ul {list-style:non;margin-top:10px}
#flags-middleeast ul li {overflow:hidden;padding:0 0 5px 0;width:100%;}
#flags-middleeast ul li img{margin-top:2px; float:left;border:1px solid #CECECE;}
#flags-middleeast ul li a {display:block;float:left;padding:2px 0 5px 5px;}

#flags-middleeast ul li .txt_flag {
display:block;
padding:3px 0 0 31px;
}

#content-lang{margin-top:60px;padding:0 50px 20px 30px}
#content-lang h1{color:#9FD6F1; font size:18px; font-weight:normal}
#content-lang p{font-size:12px}

#country-lang{
background:transparent url(../images/globe-icon.gif) no-repeat scroll left top;
bottom:5px;
font-size:11px;
font-weight:bold;
height:28px;
left:30px;
padding-left:30px;
padding-top:7px;
width:105px;
}

#c404 div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img 
{padding:0; border:0}

.footercol .tx-guestbook-right {
float:left;
padding:5px 0 0 0;
position:relative;
width:170px;}

.footercol div.csc-textpic-left div.csc-textpic-imagewrap {
float:left;
height:142px;
}

.footercol .tx-guestbook img {
float:right;
width:90px;
padding-top:5px}

.footercol .tx-guestbook-clear {
display:none;}

#content-1col .boxes-heading {
margin-bottom:10px}

#content-1col .boxes-content {
font-size:12px}

#content-1col .boxes-heading h2 
{color:#72c9f3;
font-size:18px; font-weight:normal}

#content-1col .boxes-content b {font-size:13px}

#content-1col .news-list-content {
font-size:12px;
font-weight:bold;
padding:0 0 0;}

#footer-content .boxes-heading  h2 a {
display:block;
height:0px; 
padding-top:142px;
width:137px;
background:url(../images/findclinic.gif) left bottom no-repeat;
}

#footer-content .boxes-heading  h2:hover a {
background-position:top}


/* sitemap *************************************************************/

#content .boxes .csc-sitemap ul ul {margin-left:20px}

#content .boxes .csc-sitemap ul li {
font-size:11px;
list-style-type:disc;
margin:0 0 0 16px;}

#content .boxes .csc-sitemap ul li a {
font-size:12px; 
text-decoration:none;
line-height:18px
}

#content .boxes .csc-sitemap ul li a:hover {
text-decoration:underline}


/* 15 July 2010 */

#content-1col .news-list-heading h3 a{
font-size:13px; text-decoration:none}

#content-1col .news-list-heading h3 {
padding-bottom:5px}

#right-content div.module #c743 div.csc-textpic div.csc-textpic-single-image img {
border:0; position:absolute; top:280px; left:-10px; }

#right-content div.module #c743 div.csc-textpic-text div.boxes-content {display:none}

#right-content div.module #c767 div.csc-textpic div.csc-textpic-single-image img,
#right-content div.module #c768 div.csc-textpic div.csc-textpic-single-image img 
{border:0}

*:first-child+html #bigbanner .slideshow div.csc-textpic div.csc-textpic-single-image img {
margin:0}

.news-list-date {
display:block;
float:left;
padding-left:0;
width:100%;
font-weight:normal;}

#content-section #bigbanner {
height:369px;
overflow:hidden}


#c725 .boxes-content ul li {
list-style-type:disc;}

#c725 .boxes-content ul {
padding-left:14px;
padding-top:5px;}

#content-section #bigbanner .slideshow {
margin:auto; z-index:1}

/* news ******************************************************************/

#content-1col .news-single-item h2 {
font-size:13px;}

#content-1col .news-single-item h3 {
font-size:12px; padding:10px 0 0 0;}

#content-1col .news-single-timedata {
font-size:11px}

#content-1col .news-single-backlink {
clear:both;
font-size:11px;
text-align:left;
padding:0; margin:0;
}

#content-1col .news-single-timedata {
display:block;
float:left;
font-size:11px;
width:100%;}

#content-1col .news-single-img img {
border:1px solid #CECECE;
float:left;
margin:0 10px 15px 0px;
padding:2px 5px 2px 2px;}

#content-1col .news-single-img {
float:left;
overflow:hidden;
margin:0;
width:222px;
padding:10px 0 0 0;}

#content-wrapper .tx-powermail-pi1 legend {
font-size:13px;
font-style:italic;
font-weight:bold;
color:#bbb;
padding-bottom:10px}

.news-single-backlink {
padding:10px 0 0;}

.news-list-container .news-list-content img {border:1px solid #CECECE;
float:left;
margin:3px 15px 15px 5px;
padding:2px;}