* {
margin:0;
padding:0;
}
body {
background:#000 url(images/medicine_tb_01.gif) no-repeat top center;
font-size:11px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#F1E9D4;
}
a img {
border:0;
}
a, a:link, a:visited, a:active {
color:#F1E9D4;
text-decoration:underline;
}
a:hover {
color:#FFF;
}
#header {
width:525px;
height:277px;
margin:auto;
position:relative;
}
#top-nav-1 {
width:356px;
line-height:0;
font-size:0;
}
#top-nav-2 {
width:130px;
margin-top:5px;
float:left;
}
#name {
width:164px;
float:left;
margin-left:62px;
margin-top:63px;
}
#top-nav-2 li {
list-style:none;
}
a#but08, a#but08:link {
display:block;
height:15px;
width:130px;
background:url(images/medicine_tb_08.gif);
}
a#but08:hover {
background:url(images/medicine_tb_08_on.gif);
}
a#but10, a#but10:link {
display:block;
height:16px;
width:130px;
background:url(images/medicine_tb_10.gif);
}
a#but10:hover {
background:url(images/medicine_tb_10_on.gif);
}
a#but11, a#but11:link {
display:block;
height:16px;
width:130px;
background:url(images/medicine_tb_11.gif);
}
a#but11:hover {
background:url(images/medicine_tb_11_on.gif);
}
a#but12, a#but12:link {
display:block;
height:16px;
width:130px;
background:url(images/medicine_tb_12.gif);
}
a#but12:hover {
background:url(images/medicine_tb_12_on.gif);
}
a#but15, a#but15:link {
display:block;
height:16px;
width:130px;
background:url(images/medicine_tb_15.gif);
}
a#but15:hover {
background:url(images/medicine_tb_15_on.gif);
}
a#but16, a#but16:link {
display:block;
height:16px;
width:130px;
background:url(images/medicine_tb_16.gif);
}
a#but16:hover {
background:url(images/medicine_tb_16_on.gif);
}
.noshow {
visibility:hidden;
}
#pic1 {
width:166px;
height:160px;
position:absolute;
top:0;
right:2px;
}
* html #back {
right:3px;
}
#content {
width:528px;
margin:auto;
position:relative;
}
#info-title-about {
width:495px;
height:20px;
padding-left:25px;
padding-top:3px;
background:url(images/medicine_tb_about_us_06.gif) no-repeat;
color:#000;
}
#info {
height:142px;
width:512px;
border:2px solid #6B6B6B;
background:#585858;
float:left;
}
#info ul {
list-style-type:square;
}
#info ul li {
margin-left:20px;
margin-top:5px;
font-weight:bold;
font-size:10px;
}
* html #info ul li {
margin-left:142px;
}
.infopara {
margin-top:3px;
margin-right:5px;
}
#more-info-1 {
margin-top:6px;
text-align:right;
margin-right:13px;
}
#image-1 {
margin:8px 25px 20px 10px;
float:left;
width:75px;
}
.header {
padding-top:10px;
font-size:11px;
}
.bolded {
font-weight:bold;
}
.clear {
clear:both;
}
#info-right-border {
width:4px;
height:146px;
background:url(images/medicine_tb_23.gif) no-repeat;
float:left;
}
#info-bottom-border {
height:4px;
background:url(images/medicine_tb_28.gif) no-repeat;
line-height:0;
font-size:1px;
clear:both;
margin-bottom:14px;
}
#info-2 {
width:245px;
height:185px;
background:#585858;
float:left;
position:relative;
}
#top-info-2 {
width:245px;
height:18px;
background:url(images/medicine_tb_31.gif) no-repeat;
}
#mid-info-2 {
height:162px;
background:url(images/medicine_tb_36.gif) repeat-y;
padding-top:4px;
text-align:center;
}
#mid-info-2 p {
margin:4px 15px 0 15px;
text-align:left;
}
#more-info-2 {
text-align:right;
margin-right:10px;
padding-top:5px;
}
.line {
border-bottom:1px solid #808080;
height:1px;
width:93%;
margin:auto;
line-height:0;
font-size:1px;
}
.bullet {
margin-top:5px;
}
#bottom-info-2 {
height:5px;
line-height:0;
font-size:1px;
}
#info-2-right-border {
width:4px;
height:189px;
background:url(images/medicine_tb_32.gif) no-repeat;
float:left;
}
#info-2-bottom-border {
height:4px;
width:250px;
line-height:0;
font-size:1px;
background:url(images/medicine_tb_54.gif) no-repeat;
float:left;
clear:left;
}
#info-3 {
width:264px;
height:146px;
position:relative;
margin-left:254px;
}
* html #info-3 {
margin-left:252px;
}
#top-info-3 {
height:18px;
background:url(images/medicine_tb_34.gif) no-repeat;
}
#mid-info-3 {
height:119px;
background:url(images/medicine_tb_37.gif) repeat-y;
position:relative;
}
#mid-info-3 ul {
list-style-image:url(images/medicine_tb_43.gif);
}
#mid-info-3 ul li {
margin-left:105px;
margin-top:5px;
font-weight:bold;
font-size:10px;
}
#advice {
padding-top:15px;
margin-left:90px;
margin-right:10px;
}
#image-2 {
width:61px;
position:absolute;
top:8px;
left:10px;
}
#more-info-3 {
text-align:right;
padding-right:10px;
padding-top:15px;
}
#bot-info-3 {
height:5px;
line-height:0;
font-size:1px;
clear:both;
}
#info-3-right-border {
width:4px;
height:144px;
background:url(images/medicine_tb_35.gif) no-repeat;
position:absolute;
top:0;
right:0;
}
#info-3-bottom-border {
height:4px;
width:263px;
line-height:0;
font-size:1px;
background:url(images/medicine_tb_51.gif) no-repeat;
position:absolute;
bottom:0;
left:0;
}
* html #info-3-bottom-border {
left:-1px;
}
#left-nav {
height:153px;
width:110px;
float:left;
position:relative;
}
#left-nav-top, #right-content-top {
height:18px;
font-size:1px;
line-height:0;
}
#left-nav-mid {
height:125px;
background:url(images/medicine_tb_about_us_17.gif) repeat-y;
}
#left-nav-mid ul {
list-style:none;
padding-top:15px;
}
#left-nav-mid li {
height:12px;
padding-left:20px;
margin-top:3px;
background:url(images/medicine_tb_about_us_22.gif) no-repeat;
}
a.black, a.black:link, a.black:visited, a.black:active {
color:#000;
text-decoration:none;
font-weight:bold;
}
a.black:hover {
text-decoration:underline;
}
#left-nav-bot, #right-content-bot {
height:7px;
font-size:1px;
line-height:0;
}
#left-nav-right-border {
width:4px;
height:149px;
background:url(images/medicine_tb_about_us_10.gif) no-repeat;
position:absolute;
top:0;
right:0;
}
#left-nav-bot-border {
width:110px;
height:4px;
font-size:1px;
line-height:0;
background:url(images/medicine_tb_about_us_31.gif) no-repeat;
position:absolute;
bottom:-1px;
left:1px;
}
* html #left-nav-bot-border {
bottom:-2px;
}
#right-content {
width:399px;
height:343px;
float:left;
margin-left:6px;
position:relative;
}
#right-content-mid {
height:319px;
background:url(images/medicine_tb_about_us_28.gif) repeat-y;
}
#about-pic-1 {
width:99px;
height:68px;
padding:15px 10px 7px 15px;
float:left;
}
#about-pic-2 {
width:84px;
height:68px;
position:absolute;
bottom:15px;
left:25px;
}
.right-head {
padding-left:15px;
font-size:11px;
clear:both;
padding-top:3px;
}
.right-head2 {
padding-top:7px;
}
.infopara2 {
padding-left:15px;
padding-right:10px;
}
#about-info {
text-align:right;
padding-right:10px;
}
#about-content p {
padding-left:115px;
}
#about-content ul {
padding-left:110px;
padding-top:10px;
}
#about-content ul li {
margin-left:30px;
list-style-image:url(images/medicine_tb_43.gif);
font-weight:bold;
}
#right-content-right-border {
width:5px;
height:344px;
background:url(images/medicine_tb_about_us_13.gif) no-repeat;
position:absolute;
top:0;
right:-6px;
}
* html #right-content-right-border {
top:-1px;
}
#right-content-bot-border {
height:4px;
width:404px;
background:url(images/medicine_tb_about_us_42.gif) no-repeat;
position:absolute;
bottom:-5px;
left:1px;
}
* html #right-content-bot-border {
bottom:-13px;
}
#contact-info1 {
width:245px;
float:left;
position:relative;
}
#contact-info1-top {
height:18px;
line-height:0;
font-size:1px;
}
#contact-info1-mid {
height:303px;
background:url(images/medicine_tb_contact_20.gif) repeat-y;
}
#contact-info1-mid ul {
padding-left:25px;
font-weight:bold;
font-size:10px;
}
#contact-info1-mid ul li {
width:220px;
list-style-type:none;
display:block;
}
.left-col {
float:left;
display:block;
width:50px;
}
.right-col {
width:inherit;
}
#contact-pic {
height:66px;
padding:5px;
text-align:center;
}
.address {
padding:0 51px 5px 20px;
font-size:11px;
font-weight:bold;
}
.address2 {
padding-top:15px;
}
.contact-line {
border-bottom:1px solid #808080;
height:1px;
width:220px;
margin:auto;
line-height:0;
font-size:1px;
margin-top:4px;
margin-bottom:4px;
}
#contact-info1-bot {
height:8px;
line-height:0;
font-size:1px;
}
#contact-info1-rgt-bord {
width:4px;
height:329px;
background:url(images/medicine_tb_contact_10.gif) no-repeat;
position:absolute;
top:0px;
right:-5px;
}
* html #contact-info1-rgt-bord {
top:-1px;
}
#contact-info1-bot-bord {
height:4px;
width:245px;
line-height:0;
font-size:0;
background:url(images/medicine_tb_contact_32.gif) no-repeat;
position:absolute;
left:2px;
bottom:-5px;
}
* html #contact-info1-bot-bord {
left:1px;
}
#contact-info2 {
width:259px;
float:left;
margin-left:12px;
position:relative;
}
#contact-info2-top {
height:18px;
}
#contact-info2-mid {
height:228px;
background:url(images/medicine_tb_contact_21.gif) repeat-y;
}
#form-info {
padding:5px 15px 10px 14px;
}
form {
padding-left:40px;
}
.textfield {
color:#000;
background:#FFF;
font-size:10px;
border:1px solid #455765;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}
#submit {
text-align:center;
margin-left:20px;
margin-top:10px;
}
#contact-info2-rgt-bord {
width:5px;
height:254px;
background:url(images/medicine_tb_contact_13.gif) no-repeat;
position:absolute;
top:1px;
right:-6px;
}
* html #contact-info2-rgt-bord {
top:0;
}
#contact-info2-bot-bord {
width:264px;
height:5px;
background:url(images/medicine_tb_contact_29.gif) no-repeat;
position:absolute;
left:1px;
bottom:-6px;
}
* html #contact-info2-bot-bord {
bottom:-14px;
}
#bot-nav {
clear:both;
width:500px;
text-align:center;
font-weight:bold;
font-size:10px;
margin:0 auto 0 auto;
background:#3E3E3E;
position:relative;
top:15px;
}
#bot-nav a, #bot-nav a:link {
text-decoration:none;
padding-right:5px;
padding-left:5px;
}
#footer {
position:relative;
top:15px;
width:500px;
clear:both;
border-right:2px solid #FFF;
height:40px;
text-align:right;
font-weight:bold;
font-size:10px;
margin:3px auto 0 auto;
}