html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:normal;
font-weight:normal;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
:focus {
outline:0 none;
}
ol, ul {
list-style:none outside none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
input, textarea {
margin:0;
padding:0;
}
body {
background:url("../images/bck-body.jpg") repeat-x scroll 0 0 #FFFFFF;
font:100% "Arial";
}
h1 {
color:#2780CB;
font:21px "Trebuchet MS";
margin-bottom:10px;
}
h1 span {
color:#758A99;
}
h2 {
color:#758A99;
font:18px "Trebuchet MS";
margin:12px 0 10px;
}
p {
color:#5E7687;
font:12px/18px "Arial";
margin:5px 0 10px;
}
strong {
font-weight:bold;
}
a {
color:#2780CB;
text-decoration:underline;
}
a:hover {
color:#2780CB;
text-decoration:none;
}
.leftimg {
float:left;
margin:0 8px 8px 0;
}
.rightimg {
float:right;
margin:0 0 8px 8px;
}
#mainwrapper {
margin:0 auto;
width:800px;
}
#header {
background:url("../images/bck-header.jpg") no-repeat scroll 0 0 transparent;
height:159px;
}
#content {
background:none repeat scroll 0 0 #FFFFFF;
margin-bottom:12px;
overflow:hidden;
}
#footer {
margin-bottom:14px;
overflow:hidden;
}
#header .leftcol {
float:left;
width:16%;
_width:14%;
}
#header .rightcol {
float:right;
}
#header .midcol {
float:left;
width:45%;
}
#header .midcol a {
background:url("../images/shalaby-logo-name.png") no-repeat scroll 0 0 transparent;
display:block;
height:158px;
margin-top:43px;
height:38px
}
#header .midcol a span {
display:none;
}
#header .leftcol a {
background:url("../images/shalaby-logo.png") no-repeat scroll 0 0 transparent;
display:block;
height:158px;
width:139px;
_width:130px;
}
#header .leftcol a span {
display:none;
}
#header .rightcol .phone {
background:url("../images/shalaby-phone.png") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:74px;
width:202px;
}
#header .rightcol .phone span {
display:none;
}
#header .rightcol .patient {
clear:both;
overflow:hidden;
padding-top:48px;
}
#header .rightcol .patient ul {
float:right;
}
#header .rightcol .patient ul li {
display:inline;
float:left;
}
#header .rightcol .patient ul li a {
display:block;
height:37px;
}
#header .rightcol .patient ul li a span {
display:none;
}
#header .rightcol .patient ul li a.forum {
background:url("../images/patient-forum.jpg") no-repeat scroll left top transparent;
width:154px;
}
#header .rightcol .patient ul li a.portal {
background:url("../images/patient-portal.jpg") no-repeat scroll left top transparent;
width:153px;
}
#header .rightcol .patient ul li a.forum:hover {
background:url("../images/patient-forum.jpg") no-repeat scroll left bottom transparent;
}
#header .rightcol .patient ul li a.portal:hover {
background:url("../images/patient-portal.jpg") no-repeat scroll left bottom transparent;
}
.mainav {
clear:both;
overflow:hidden;
}
.mainav ul {
}
.mainav ul li {
display:inline;
float:left;
}
.mainav ul li a {
display:block;
height:39px;
}
.mainav li a span {
display:none;
}
.mainav ul li a.home {
background:url("../images/main-home.jpg") no-repeat scroll left top transparent;
width:91px;
}
.mainav ul li a.about {
background:url("../images/main-about.jpg") no-repeat scroll left top transparent;
width:97px;
}
.mainav ul li a.service {
background:url("../images/main-services.jpg") no-repeat scroll left top transparent;
width:98px;
}
.mainav ul li a.test {
background:url("../images/main-mytest.jpg") no-repeat scroll left top transparent;
width:103px;
}
.mainav ul li a.heart {
background:url("../images/main-yourheart.jpg") no-repeat scroll left top transparent;
width:156px;
}
.mainav ul li a.patient {
background:url("../images/main-new.jpg") no-repeat scroll left top transparent;
width:130px;
}
.mainav ul li a.contact {
background:url("../images/main-contact.jpg") no-repeat scroll left top transparent;
width:125px;
}
.mainav ul li a.home:hover {
background:url("../images/main-home.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.about:hover {
background:url("../images/main-about.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.service:hover {
background:url("../images/main-services.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.test:hover {
background:url("../images/main-mytest.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.heart:hover {
background:url("../images/main-yourheart.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.patient:hover {
background:url("../images/main-new.jpg") no-repeat scroll left bottom transparent;
}
.mainav ul li a.contact:hover {
background:url("../images/main-contact.jpg") no-repeat scroll left bottom transparent;
}
.activehome {
background:url("../images/main-home.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:91px;
}
.activeabout {
background:url("../images/main-about.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:97px;
}
.activeservice {
background:url("../images/main-services.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:98px;
}
.activetest {
background:url("../images/main-mytest.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:103px;
}
.activeheart {
background:url("../images/main-yourheart.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:156px;
}
.activepatient {
background:url("../images/main-new.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:130px;
}
.activecontact {
background:url("../images/main-contact.jpg") no-repeat scroll left bottom transparent;
display:block;
height:39px;
width:125px;
}
#content .leftcol, #content .rightcol {
overflow:hidden;
}
#content .leftcol {
float:left;
margin-left:15px;
padding-top:10px;
width:520px;
}
#content .leftcol .test1 p  {
color:#C3010E;
font:bold 18px/21px "Trebuchet MS";
}
#content .leftcol .test2 p  {
color:#2780CB;
font:bold 16px/18px "Trebuchet MS";
}
#content .rightcol {
float:right;
margin-right:16px;
width:218px;
}
#content .rightcol .location {
overflow:hidden;
width:218px;
}
.locatop {
background:url("../images/location-box_top.jpg") no-repeat scroll 0 0 transparent;
height:53px;
width:218px;
}
.locacenter {
background:url("../images/location-box_content.jpg") repeat-y scroll 0 0 transparent;
width:218px;
}
.locabottom {
background:url("../images/location-box_bottom.jpg") no-repeat scroll 0 0 transparent;
height:13px;
width:218px;
}
#content .rightcol .location p {
color:#5E7687;
font:14px/16px "Trebuchet MS";
margin:0;
padding:0 0 0 14px;
}
#content .rightcol .location p span {
color:#81B7E0;
font:bold 18px/34px "Trebuchet MS";
}
#content .rightcol .location .test1 p  {
color:#C3010E;
font:bold 18px/28px "Trebuchet MS";
}
#content .rightcol .location .test2 p  {
color:#2780CB;
font:bold 16px/20px "Trebuchet MS";
}
#content .rightcol .location .test {
color:#81B7E0;
font:bold 18px/20px "Trebuchet MS";
}
#content .rightcol .location .test a {
color:#FF0000;
font:bold 18px/20px "Trebuchet MS";
text-decoration:none;
}
#content .rightcol .logocontainer {
background:url("../images/logos-container.jpg") no-repeat scroll 0 0 transparent;
height:88px;
padding-top:8px;
text-align:center;
width:218px;
}
#content .leftcol .comunlist {
margin:10px 0;
padding-left:14px;
}
#content .leftcol .comunlist li {
background:url("../images/comunlist-bullet.jpg") no-repeat scroll left 5px transparent;
color:#5E7687;
font:12px/24px "Arial";
text-indent:16px;
}
#content .leftcol .comunlist li a {
font-weight:bold;
text-decoration:underline;
}
#content .leftcol .comunlist li a:hover {
text-decoration:none;
}
#content .rightcol .comunlist {
margin:0;
padding-left:14px;
}
#content .rightcol .comunlist li {
background:url("../images/comunlist-bullet.jpg") no-repeat scroll left 5px transparent;
color:#5E7687;
font:12px/24px "Arial";
text-indent:16px;
}
#content .rightcol .comunlist li a {
font-weight:bold;
text-decoration:underline;
}
#content .rightcol .comunlist li a:hover {
text-decoration:none;
}
#content .leftcol .homebanners {
margin:8px auto;
text-align:center;
}
#footer hr {
border:1px solid #E8EDF0;
margin:4px 0;
}
#footer ul {
color:#758A99;
font:11px/18px "Arial";
margin:6px auto;
text-align:center;
}
#footer ul li {
color:#758A99;
display:inline;
}
#footer ul li a {
color:#758A99;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer p {
color:#758A99;
font:11px/18px "Arial";
text-align:center;
}
#footer p a {
color:#758A99;
text-decoration:none;
}
#footer p a:hover {
text-decoration:underline;
}
#footer p.copyright {
margin-top:14px;
}