/* tags */
html, body {margin:0; padding:0; color:#515151; width:100%; height:100%; background:url(/upload/mediflex/images/left_repeat.gif) repeat-y}
p, textarea, input, select, body, form, li {font:13px Arial, Tahoma, Verdana, sans-serif}
a img {border:0}
a {color:#1F78C3}
a:link, a:visited {text-decoration:underline}
a, a:hover {text-decoration:none}
form, table, p, h1, h2, h3 {margin:0 0 14px 0; padding:0}
h1, span.h1 {display:block; color:#CA2223; font:16px Arial; margin:0 0 10px 0; font-weight:bold}
ul {list-style-image:url(/upload/mediflex/images/ul.gif)}
ul li {margin-left:28px}
h2 {font:16px Tahoma; font-weight:bold; margin-bottom:3px}
h3 {display:inline; padding-left:10px; font:15px Tahoma; font-weight:bold}

/* ids */
#global {min-width:960px; height:100%; background:url(/upload/mediflex/images/back_repeat.jpg) left 67px repeat-x}
#left {float:left; width:308px; min-height:500px; padding:35px 0 10px 0; background:url(/upload/mediflex/images/menu.jpg) no-repeat}
#left span.h1 {display:block; text-transform:uppercase; font-size:12px; color:#555555; margin:0 0 10px 60px; padding:0; font-weight:bold}
#left ul {display:block; height:299px; list-style-image:none; list-style-type:none; margin-left:0; margin-top:5px; padding-left:30px}
#left ul li {background:url(/upload/mediflex/images/menu.gif) 0 3px no-repeat; padding:3px 30px 9px 30px; margin:0; font-weight:bold; font-size:12px}
#left ul li.wide {background:url(/upload/mediflex/images/menuwide.gif) 0 0 no-repeat}
#left ul li.last {background:url(/upload/mediflex/images/li.gif) 11px 9px no-repeat}
#right {margin:0 0 0 308px}
#logo {display:block; width:206px; height:82px; margin:0 0 22px 58px; background:url(/upload/mediflex/images/logo.jpg) no-repeat}
#services {width:308px; background:url(/upload/mediflex/images/servicesback.gif) 0 0 repeat-y}
#services span.h1 {display:block; width:248px; height:19px; background:url(/upload/mediflex/images/services.gif) 0 0 no-repeat; margin:0; padding:11px 0 0 60px; color:#555555; font-size:12px; font-weight:bold}
#left #services ul {height:auto; margin-bottom:0;}
#services2 {width:308px; height:7px; background:url(/upload/mediflex/images/services2.gif) 0 0 no-repeat}
#phones ul {list-style-image:none; list-style-type:none; padding:0}
#phones ul li {margin-left:8px; padding:0 0 5px 19px; background:url(/upload/mediflex/images/li.gif) 0 6px no-repeat}
#header {height:234px; min-width:652px; background: url(/upload/mediflex/images/back.jpg) left top no-repeat}
#headertext {float:right; height:234px; width:400px; background:url(/upload/mediflex/images/back_right.jpg) right 67px no-repeat}
#headertext img {margin-top:100px}
#home {float:right; width:100px; height:19px; padding:20px 20px 0 0}
#main {display:block;float:left;width:36px;height:19px;background:url(/upload/mediflex/images/main.gif) no-repeat}
#contact {display:block;float:left;width:47px;height:19px;background:url(/upload/mediflex/images/contact.gif) no-repeat;margin-left:16px}
#linemenu {display:block; height:31px; background:url(/upload/mediflex/images/button.gif) repeat-x; list-style-image:none; margin:0;padding:0}
#linemenu li {display:block; float:left; width:20%; margin:8px 0px 0 0}
#linemenu li.delim {width:3px; height:31px; background:url(/upload/mediflex/images/bhr.gif) no-repeat; margin:0; padding:0}
#linemenu li.wire {width:35%}
#linemenu li a {display:block; font-weight:bold; text-align:center; text-decoration:none}
#linemenu li a:link, #linemenu li a:visited {color:#5A5A5A}
#linemenu li a, #linemenu li a:hover {color:#FE0000}
#linemenu li span {padding-left:15px; background:url(/upload/mediflex/images/li.gif) left 5px no-repeat}
#linemenu ul {display:block; position:absolute; width:250px; background:#EFF0F2; border:1px solid #BCBEC6}
#linemenu ul {list-style-image:none; list-style-type:none; margin:6px 0 0 -2px; padding:10px 0 0 10px}
#linemenu ul li {display:block; float:none; text-align:left; width:85%; background:url(/upload/mediflex/images/javamenu.gif) 10px bottom no-repeat; padding:5px 0 9px 10px; margin:0}
#linemenu ul li.last {background:none}
#linemenu ul li a {font-weight:normal; text-align:left; padding-left:15px; background:url(/upload/mediflex/images/li.gif) 1px center no-repeat}
#linemenu ul li a:link, #linemenu ul li a:visited {color:#1F78C3; text-decoration:underline}
#linemenu ul li a, #linemenu ul li a:hover {color:#1F78C3; text-decoration:none}
#text {padding:15px 15px 15px 7px; background:url(/upload/mediflex/images/texttop.gif) repeat-x; text-align:justify}
#upgray {display:table; margin-bottom:15px}
#gray {display:table; background:#E4E4E4 url(/upload/mediflex/images/grayleft.gif) left top repeat-y}
#graytop {height:6px; background:url(/upload/mediflex/images/graytop.gif) repeat-x; font-size:1px}
#graytopleft {height:6px; width:6px; background:url(/upload/mediflex/images/graytopleft.gif) no-repeat}
#graytopright {height:6px; width:6px; background:url(/upload/mediflex/images/graytopright.gif) no-repeat; float:right}
#graycentright {display:table; width:100%; background:url(/upload/mediflex/images/grayright.gif) right top repeat-y}
#graybottom {height:6px; background:url(/upload/mediflex/images/graybottom.gif) repeat-x; font-size:1px}
#graybottomleft {height:6px; width:6px; background:url(/upload/mediflex/images/graybottomleft.gif) no-repeat}
#graybottomright {height:6px; width:6px; background: url(/upload/mediflex/images/graybottomright.gif) no-repeat; float:right}
#gray img {display:block; float:left; margin:15px 30px 0 25px}

#graytext {width:600px; margin:0 auto; text-align:justify; padding:15px}

#divhr {height:1px; background:url(/upload/mediflex/images/hr.gif) repeat-x; font-size:1px; margin-bottom:10px}
#footer {height:95px; background:url(/upload/mediflex/images/footer.gif) no-repeat; font-size:12px; clear:both}
#footermenu {height:24px; background:#4CA7FE; margin:0 0 30px 293px; color:#FFFFFF; text-align:center; padding-top:6px}
#footermenu a {color:#FFFFFF;padding:0 9px}
#corner {position:absolute; margin:-339px 0 0 0; width:308px; height:339px; background:url(/upload/mediflex/images/corner.jpg) no-repeat}
#corner2 {width:244px; height:385px; margin:10px 0 0 40px; background:url(/upload/mediflex/images/corner2.jpg) no-repeat}
#copy {width:273px; height:10px; float:left; padding-left:20px}
#copy, #naive {text-align:left; color:#9A9A9A}
#copy a, #naive a {color:#9A9A9A}
#button1 {display:block; width:222px; height:55px; background:url(/upload/mediflex/images/button1.gif) 0 0 no-repeat}
#button2 {display:block; width:202px; height:55px; background:url(/upload/mediflex/images/button2.gif) 0 0 no-repeat}
#button3 {display:block; width:191px; height:55px; background:url(/upload/mediflex/images/button3.gif) 0 0 no-repeat}
#button4 {display:block; width:222px; height:55px; background:url(/upload/mediflex/images/button4.gif) 0 0 no-repeat}
#button6 {display:block; width:222px; height:55px; background:url(/upload/mediflex/images/button6.gif) 0 0 no-repeat}

/* classes */
.border {float:left; margin-right:10px; padding:6px; width:134px; height:159px; background:url(/upload/mediflex/images/border.gif) no-repeat}
a.more, a.more:hover, a.more:link, a.more:visited {display:block; width:99px; height:17px; background: url(/upload/mediflex/images/more1.gif) no-repeat; text-decoration:none}
a.more2, a.more2:hover, a.more2:link, a.more2:visited {display:block; width:130px; height:30px; background: url(/upload/mediflex/images/more.gif) no-repeat; text-decoration:none}
.more span {display:none}
.more2 span {display:none}
.news {display:table; padding-top:5px; border-top:1px dotted #B5B5B5; overflow:hidden}
.news span {background:url(/upload/mediflex/images/news.gif) 0 5px no-repeat; padding-left:10px; color:#CA2223}
.news p {padding-top:5px; line-height:18px}
.newsimg {float:right; display:block; width:77px; height:101px; padding:5px; margin:5px 10px 0 0}
/*.newsimg {float:right; display:block; width:77px; height:101px; padding:5px; background:url(/upload/mediflex/images/img.gif) 0 0 no-repeat; margin:5px 10px 0 0}*/
.cat {display:table;
/*border-bottom:1px dashed #AAAAAA;*/
 padding:10px 0}
.cat span a {font:17px Tahoma; color:#CA2223; padding-left:5px}
.cat ul {margin-left:20px; padding-left:0}
.cat ul li {margin:0}
.catimg {float:left; display:block; width:100px; height:150px; padding:5px; margin:0 10px 10px 0}
.catimg img {border:1px dashed gray}
.cattext {margin-left:130px; padding-top:5px}
.cat {min-height:1%}

.cattext li {font-weight: normal}

.special {border-collapse:collapse}
.special td {padding:0; vertical-align:top; text-align:left}
.special td.c1 {width:187px; padding:5px 20px 5px 15px; background:url(/upload/mediflex/images/col1.gif) 0 0 repeat-y}
.special td.c2 {width:172px; padding:5px 15px; background:url(/upload/mediflex/images/col2.gif) 0 0 repeat-y}
.special td.c3 {width:161px; padding:5px 15px; background:url(/upload/mediflex/images/col3.gif) 0 0 repeat-y}
.special td ul {list-style-image:none; list-style-type:none; margin:0; padding:0}
.special td ul a {display:block; background:url(/upload/mediflex/images/li.gif) 0 center no-repeat; padding-left:15px}
.special td ul li {padding:7px 0 7px 0; margin:0 0 0 8px}
.f1 {width:222px; height:6px; background:url(/upload/mediflex/images/foot1.gif) 0 0 no-repeat}
.f2 {width:202px; height:6px; background:url(/upload/mediflex/images/foot2.gif) 0 0 no-repeat}
.f3 {width:191px; height:6px; background:url(/upload/mediflex/images/foot3.gif) 0 0 no-repeat}
.path {padding:0 0 15px 0}
.posimg {float:left; display:block; padding:5px; margin:0 10px 0 0}
.posimg img {border:1px dashed gray}
.liketable {display:table}


/* new banners on main page */
.imgblock {padding:0 2% 0 3%}
.imgb {float:left; display:inline; position:relative; margin:0 1% 10px 1%; width:31%; background:url(/upload/mediflex/images/border-right.gif) 0 0 repeat-y; z-index:1}
.imgb div {background:url(/upload/mediflex/images/border-top.gif) 0 0 repeat-x}
.imgb div div {background:url(/upload/mediflex/images/border-left.gif) top right repeat-y}
.imgb div div div {background:url(/upload/mediflex/images/border-bottom.gif) bottom right repeat-x}
.imgb div div div div {padding:10px 10px 5px 10px; background:url(/upload/mediflex/images/border-corner.gif) bottom left no-repeat}
.imgb i {position:absolute; display:block; right:10px; bottom:10px; height:18px; color:#fff; text-align:center; font-size:12px; font-style:normal; font-weight:bold; background:url(/upload/mediflex/images/border-title-left.gif) 0 0 no-repeat; z-index:1; white-space:nowrap}
.imgb i span {display:block; height:17px; padding:1px 15px 0 15px; background:url(/upload/mediflex/images/border-title-right.gif) right top no-repeat}
.imgb img {float:left; margin-right:10px}
.imgb span.ititle {display:block; padding-top:4px; font:14px Verdana; color:#143E64; font-weight:bold; margin-left:56px}
.imgb span.itext {display:block; padding:5px 0 23px 0; font:10px Verdana; min-height:27px; margin-left:56px}
.imgb p.clear {margin:0; padding:0; clear:both}
* html .imgb span.itext {height:27px}
* html .imgb div div {height:1%}
* html .imgb i span {float:left}

/* ie6 fix */
* html #global {width:expression(document.documentElement.clientWidth<960 ? "960px" : "auto")}
* html #left {height:500px; margin:0 -3px}
* html #left ul {margin:0 0 1px 0; padding-top:3px}
* html #right {height:1%; margin:0 0 0 302px}
* html #header {background: url(/upload/mediflex/images/back.jpg) left top no-repeat}
* html #linemenu ul {display:block; margin:6px 0 0 -3px}
* html #linemenu ul li {width:85%}
* html #upgray {height:1px; margin-bottom:0}
* html #gray, #graycentright {height:1px}
* html #graycentright {width:auto}
* html #graytext {width: 100%}
* html #corner {margin:-339px 0 0 -293px}
* html .ieclear {clear:both}

/* ie7 fix */
*+html #left ul {margin:0 0 9px 0; padding-top:3px}
*+html #header {background: url(/upload/mediflex/images/back.jpg) left top no-repeat}
*+html #linemenu ul {display:block; margin:6px 0 0 -1px}
*+html #linemenu li {width:20%}
*+html #linemenu li.wire {width:30%}
*+html #linemenu ul li {width:85%}
*+html #upgray {margin-bottom:0}
*+html #gray {display:block}
*+html #graycentright {display:block; width:auto;height:auto}
*+html #corner {margin:-339px 0 0 -293px}



*+html .clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*+html .clearfix {display:inline-block}
/* Hide from IE Mac \*/
*+html .clearfix {display:block}
/* End hide from IE Mac */


