/* master.css */ @import url(reset.css); @import url(typography.css); /*@import url(grid.css);*/ /*not yet implement*/ /*--------------------Global Properties------------------------*/ img {display:inline; border:none;} .hide {display:none; visibility:hidden;} .float_left {float:left;} .float_right {float:right;} .clear {clear:both;} /*----------------Customisation starts here---------------------*/ #right_side a {text-decoration:underline; color:#323232; padding:2px;} #right_side a:hover { background-color: #ddd; color: #333; } #right_side ul,ol {font-size:0.9em; margin:5px 0 15px 20px;} #right_side ul ul {font-size:1em; margin:5px 0 15px 20px;} #right_side ul li {list-style-image: url(../images/li-gray.png); } #right side ul.bookmark { } #right_side ul.bookmark li { margin: 5px 0; } #right_side ul.bookmark li.no-link { padding: 0 18px 0 5px; } #right_side ul.bookmark li a { text-decoration: none; padding: 4px 18px 4px 5px; background: url(../images/link.png) center right no-repeat; } #right_side ul.bookmark li a:hover { text-decoration: underline; background-color: #ddd; color: #333; } #right_side ol {list-style:decimal;} #right_side ol li {margin-bottom:8px; padding-right:15px;} img.address {margin-right:10px;} #right_side img {margin:5px 0; padding:2px; border: 1px solid #9B9798;} #news #right_side a {background:none;} #news #right_side a:hover {padding:0;} #player {margin:20px 0px;} .bold {font-weight:bold;} /*---------------------------Wrapper---------------------------*/ #wrapper {position:relative; width:900px; /*Change here to modify width*/ font-size:1.4em; margin:auto; color:#323232; background:#ffffff;} /*---------------------------Header---------------------------*/ #header {position:relative; width:100%; height:100px; overflow:hidden; clear:both; background:#ffffff; border-bottom:4px solid #e93b45;} #logo {float:left; margin-left: 10px; margin-top: 8px; width:263px; height:84px;} /*In order to show the logo, this is needed. There is also on the HTML markup.*/ /*----------------------------Menu----------------------------*/ #menu {clear:both; position:absolute; top:50px; width:665px; right:0; height:100px;} #menu ul {position:relative; margin:13px 5px 10px 50px;} #menu ul li {display:inline;} #menu ul li a {background:url(../images/menu.jpg); overflow:hidden; float:left; padding-top:30px; height:0;} #menu #home a {width:65px;} #menu #specialist a {width:110px;} #menu #services a {width:105px;} #menu #news a {width:163px;} #menu #links a {width:70px;} #menu #contact a {width:97px;} /*---------------------------Normal---------------------------*/ #menu #home a {background-position:0 50px;} #menu #specialist a {background-position:-68px 50px;} #menu #services a {background-position:-180px 50px;} #menu #news a {background-position:-285px 50px;} #menu #links a {background-position:-447px 50px;} #menu #contact a {background-position:-513px 50px;} /*---------------------------Hover---------------------------*/ #menu #home a:hover {background-position:0 0;} #menu #specialist a:hover {background-position:-68px 0;} #menu #services a:hover {background-position:-180px 0;} #menu #news a:hover {background-position:-285px 0;} #menu #links a:hover {background-position:-447px 0;} #menu #contact a:hover {background-position:-513px 0;} /*---------------------------Active---------------------------*/ #home_page #menu #home a {background-position:0 0;} #specialist_page #menu #specialist a {background-position:-68px 0;} #services_page #menu #services a {background-position:-180px 0px;} #news_page #menu #news a {background-position:-285px 0;} #links_page #menu #links a {background-position:-447px 0;} #contact_us_page #menu #contact a {background-position:-513px 0;} #common_condition #menu_conditions, #symptoms #menu_symptoms, #disease #menu_disease, #surgery #menu_surgery, #first_visit #menu_visit, #patients #menu_patients {background:url(../images/bookmark.png) left no-repeat #787374;} /*---------------------------Banner---------------------------*/ #div_banner {position:relative; width:100%; clear:both; height:216px;} #banner {width:626px; float:right;} #left_menu {width:273px; float:left; border-top:1px solid #ffffff; border-right:1px solid #ffffff;} #left_menu ul {margin-left:0px;} #left_menu ul li {list-style:none; padding:0; font-size:0.9em; border-bottom:1px solid #ffffff;} #left_menu ul li a {display:block; background:url(../images/bookmark.png) left no-repeat #9d9799; padding: 8px 0px 8px 35px; text-decoration:none; color:#ffffff;} #left_menu ul li a:hover {background:url(../images/bookmark.png) left no-repeat #787374; font-weight: bold; } #left_menu ul li #appointment {background-color:#6a6365;} #left_menu ul li a#appoint {background: #6a6365 url(../images/appointment.png) left no-repeat; padding:8px 0px 8px 35px; border-bottom:1px solid #6A6365; text-decoration:none; } #left_menu ul li a#appoint:hover { font-weight: bold; } .ie6 #left_menu ul li a#appoint {padding:8px 0px 7px 35px;} #left_link ul { height:1%;} #left_link ul li {list-style:none; padding:5px 0; display:inline; font-size:0.9em;} #left_link ul li a {display:block; color:#EA4851; padding:5px 0px 6px 40px; background:url(../images/bookmark.png) left no-repeat; text-decoration:none; border-bottom:1px solid #CCCCCC;} #left_link ul li a:hover {background:url(../images/bookmark.png) left no-repeat #CCCCCC;} #left_link .book-cover { margin: 20px auto 0; border: 1px solid #ccc; } /*---------------------------tpl_disease---------------------------*/ #bladder #menu_bladder, #benign #menu_benign, #erectile #menu_erectile, #kidney #menu_kidney, #male #menu_male, #overactive #menu_overactive, #prostate #menu_prostate, #incontinence #menu_incontinence, #stones #menu_stones, #infection #menu_infection {background:url(../images/bookmark.png) left no-repeat #CCCCCC;} /*---------------------------tpl_surgery---------------------------*/ #boxton .menu_boxton, #circumcision .menu_circumcision, #collagen .menu_collagen, #eswl .menu_eswl, #green_turp .menu_green_turp, #pcnl .menu_pcnl, #biopsy .menu_biopsy, #radical .menu_radical, #prostatectomy .menu_prostatectomy, #rvasectomy .menu_rvasectomy, #turbt .menu_turbt, #turp .menu_turp, #tvt .menu_tvt, #urs .menu_urs, #varicocoelectomy .menu_varicocoelectomy, #vasectomy .menu_vasectomy, #robotic .menu_robotic {background:url(../images/bookmark.png) left no-repeat #CCCCCC;} /*---------------------------Content---------------------------*/ /*---------------------------tpl_problem---------------------------*/ #RECURRENT #menu_RECURRENT, #PSA #menu_PSA, #Microhaematuria #menu_microhaematuria, #prostatitis #menu_prostatitis, #patients #menu_NOCTURIA {background:url(../images/bookmark.png) left no-repeat #CCCCCC;} #content {position:relative; width:100%; overflow:hidden; clear:both;} /* for Internet Explorer */ /*\*/ * html #left_side {height:500px; min-height:auto;} /**/ #left_side {position:relative; float:left; padding: 0 11px; width:251px; background-color:#f7f7f7; min-height:500px;} #right_side {position:relative; float:left; width:590px; padding: 0 15px; padding-bottom: 50px; background-color:#ffffff;} /*---------------------------Footer---------------------------*/ #footer {position:relative; width:100%; clear:both; background-color:#e83641; color:#dfd3d3;} #footer ul {font-size:0.8em; padding:5px; margin-left:15px;} #footer ul li {display:inline;} #footer ul li a {color:#dfd3d3;} /*-----------------------------------------------------------------*/ /* PNG fix, if Dean Edwards script fail. /*-----------------------------------------------------------------*/ /* div {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);} */ /*----------------------Contact Us------------------------------*/ .element { margin:10px 10px 10px 20px; } .ie6 .element {width:90%;} .gecko .element {padding-bottom:40px;} .text {background:#CCCCCC; padding:0; width:100%; margin:3px 0px 0px; width:100%;} .text p {padding:5px;} label {width:135px; padding: 4px 0; position:relative; float:left; display:block; font-size:0.9em;} #right_side ul.contact_us {width:100%; margin:10px 0px 10px 5px;} #right_side ul.contact_us li {clear:both; margin-left:10px; list-style:none; font-size:1.1em; list-style-image:none;} select {margin:7px; width:255px; float:left; position:relative;} #name_name {display:none; visibility:hidden;} input, textarea {width:250px; margin:7px; float:left; position:relative;} input#date {width:215px;} input#submit {clear:both; width:100px; margin:10px 20px 20px 150px; position:relative;} #error_msg {padding:10px 0; margin:1px 0px 0px; width:100%; border-bottom:3px double #cb0101;} .ie6 #error_msg {width:105%;} .error {color:#a2453e; font-size:1.1em; padding:15px; font-family:Georgia, "Times New Roman", Times, serif; } .code {margin-top:100px;} .thankyou {margin-top:20px;} .clinic-info { padding-bottom: 50px; } #left_side h2, .clinic-info h3 { margin-top: 1em; } .clinic-info p { font-size: 0.8em; margin-bottom: 1em; } .clinic-info #map { margin: 20px 0 10px; } .clinic-info table { font-size: 0.8em; } .clinic-hours td.label { letter-spacing: -1px; font-weight: bold; width: 150px; } .insert-img-left { float: left; display: inline; margin: 0 20px 10px 0; } .insert-img-right { float: right; display: inline; margin: 0px 6px 10px 20px; } .insert-img-center { margin: 0 auto 15px; } p.caption {font-size:0.8em; font-style:italic; text-align: left; padding: 0; margin: 0; line-height: 1.3; } #specialist #ccm_photo { float: left; margin: 5px 0 0; border: 0; } #specialist #ccm_photo img { padding: 3px; border: 1px solid #ccc; } #specialist #ccm_qualification { float: left; margin: -4px 0 0 12px; width: 340px; } #specialist #ccm_qualification h2 { font-size: 1.5em; } #specialist #ccm_qualification p { margin: 0 0 0.5em; font-size: 80%; } #specialist #ccm_qualification p.bold { font-size: 90%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #news_page #latest-news { margin: 0; } #news_page #latest-news li { list-style: none; float: left; margin: 10px; display: block; width: 265px; text-align:center; height:200px; } #news_page #latest-news img { margin: 0; } #news_page #latest-news h3 { font-size: 1em; text-transform: uppercase; } blockquote { font-family: 'Trebuchet MS', sans-serif; font-style: italic; color: #ea4851; font-size: 1.2em; margin: 0 .5em 20px; text-indent: -.5em; text-align: center; } #links_page #useful-links { margin: 0; padding: 0; } #links_page #useful-links li { list-style: none; width: 164px; float: left; margin: 0 0 20px 25px; } #links_page #useful-links li a { margin: 0; padding: 0; display: block; width: 160px; height: 0; padding-top: 120px; overflow: hidden; background-image: url(../images/useful-links.jpg); background-color: #fff; background-repeat: no-repeat; border: 2px solid #eee; } #links_page #useful-links li a:hover { border: 2px solid #ccc; text-decoration: none; padding: 120px 0 0; } #links_page #useful-links #emenders a { background-position: 0 0; } #links_page #useful-links #medihub a { background-position: -160px 0; } #links_page #useful-links #sua a { background-position: -320px 0; } #links_page #useful-links #sfcs a { background-position: -480px 0; } #links_page #useful-links #mount-e a { background-position: 0 -120px; } #links_page #useful-links #nuh a { background-position: -160px -120px; } #links_page #useful-links #nus a { background-position: -320px -120px; } #links_page #useful-links #bitepros a { background-position: -480px -120px; } #links_page #useful-links #unique a { background-position: 0 -240px; } #links_page #useful-links #sg-med a { background-position: -160px -240px; } #links_page #useful-links #intuitive a { background-position: -320px -240px; } #links_page #useful-links #green_light a { background-position: -480px -240px; } #publications #right_side ol li { } .publications_name {color:#2684B7;} #surgery #surgery-images { } #surgery #surgery-images a { margin: 0; padding: 0; background: none; } #surgery #surgery-images img { padding: 3px; border: 2px solid #ddd; } #surgery #surgery-images a:hover img { border: 2px solid #ccc; } #home marquee { font-size: 0.8em; letter-spacing: 1px; margin: 0 0 -6px; padding: 1px 4px 2px; color: #dd2525; font-style: oblique; } #appointment_page #reminder { border: 1px solid #ddd; padding: 10px 15px; margin: 0 0 10px; background: #FFF6BF; border: 1px solid #FFD324; } #appointment_page #reminder p { margin: 5px 0 10px; color: #514721; } /* ------------------------- FAQ ---------------------------------- */ .faq {clear:both;} .question {color:#ea4851;} .answer {font-style:normal; margin-bottom:15px; background-color:#F7F7F7;} .phone {background:url(../images/telephone.png) no-repeat; padding-left:20px; margin-left:5px; font-weight:bold;} .faq_off {background:url('../images/plus.gif') no-repeat; padding-left:15px; cursor:pointer;} .faq_on {background:url('../images/minus.gif') no-repeat; padding-left:15px; cursor:auto;} #right_side .answer ul {margin:0 0 0 20px;} #right_side .answer ul ul {margin:5px 0 0px 20px;} /*Landing Pages*/ #partner{width: 620px; margin-left: -10px;height:36px; margin-bottom:0px; margin-top: 15px; background:#ffffff;} #uc_div {width:155px; float:left; overflow:hidden; height:36px; margin-bottom:10px;} #uc_div a {width:100%; height:36px; display:block; text-indent:-999em;} #uc_div a:hover {background:url(../images/landing/uc1.jpg) no-repeat;} #uc_div {background:url(../images/landing/uc.jpg) no-repeat;} #UC #menu_uc {background:url(../images/landing/uc1.jpg) no-repeat;} #UC #menu_ui {background:url(../images/landing/ui.jpg) no-repeat;} #UC #menu_rs {background:url(../images/landing/rs.jpg) no-repeat;} #article #menu_ar {background:url(../images/landing/article-of-the-month-4.jpg) no-repeat;} #rs_div {width:135px; float:left; overflow:hidden; height:36px; margin-bottom:10px;} #rs_div a {width:100%; height:36px; display:block; text-indent:-999em;} #rs_div a:hover {background:url(../images/landing/rs1.jpg) no-repeat;} #rs_div {background:url(../images/landing/rs.jpg) no-repeat;} #RS #menu_rs {background:url(../images/landing/rs1.jpg) no-repeat;} #RS #menu_ui {background:url(../images/landing/ui.jpg) no-repeat;} #RS #menu_uc {background:url(../images/landing/uc.jpg) no-repeat;} #article #menu_ar {background:url(../images/landing/article-of-the-month-2.jpg) no-repeat;} #ar_div {width:155px; float:left; overflow:hidden; height:39px; margin-bottom:10px; margin-top:1px} #ar_div a {width:100%; height:39px; display:block; text-indent:-999em;} #ar_div a:hover {background:url(../images/landing/article-of-the-month-4.jpg) no-repeat;} #ar_div {background:url(../images/landing/article-of-the-month-4.jpg) no-repeat;} #article #menu_ar {background:url(../images/landing/article-of-the-month-4.jpg) no-repeat;} #RS #menu_rs {background:url(../images/landing/rs1.jpg) no-repeat;} #RS #menu_ui {background:url(../images/landing/ui.jpg) no-repeat;} #RS #menu_uc {background:url(../images/landing/uc.jpg) no-repeat;} #ui_div {width:173px; float:left; overflow:hidden; height:36px; margin-bottom:10px;} #ui_div a {width:100%; height:36px; display:block; text-indent:-999em;} #ui_div a:hover {background:url(../images/landing/ui1.jpg) no-repeat;} #ui_div {background:url(../images/landing/ui.jpg) no-repeat;} #UI #menu_ui {background:url(../images/landing/ui1.jpg) no-repeat;} #UI #menu_rs {background:url(../images/landing/rs.jpg) no-repeat;} #UI #menu_uc {background:url(../images/landing/uc.jpg) no-repeat;} #article #menu_ar {background:url(../images/landing/article-of-the-month-4.jpg) no-repeat;}