/* CSS Document */

*, html {padding: 0; margin: 0; font: 13px Arial, Helvetica, sans-serif;}

body {background-color: #FFFFFF; text-align: center;}

#content-container {background: #001C99; width: 790px; margin: 5px auto; text-align:left;}

#navBottom {position: relative; width: 790px; margin: 0 auto; height: 30px; text-align: center; background-color: #ffffff;}
#disclaimer {font: 11px Arial; margin-top: -10px; margin-left: 100px; width: 600px;}
#disclaimer a {font: 11px Arial;}
#bottom-left{position: absolute; left: 0; top: -132px; height: 132px; background: url(/images/blue_green_gradient.gif) repeat-x; width: 187px;}
#bottom-left-img {display: block;background: url(../media/systane_doctor_recom.jpg) no-repeat; width: 186px; height: 136px; position: relative; top: -55px; left: 0px;}
#bottom-left-img a {display: block; width: 186px; height: 136px; text-decoration: none;}
#bottom-left-img span {visibility: hidden;}

#bottom-right{position: absolute; right: 0; top: -132px; height: 132px; background: url(/images/blue_green_gradient.gif) repeat-x; width: 41px;}
#clear{position: relative; clear: left; height: 5px; background-color: #FFFFFF; width: 790px;}



#nav_top {height: 90px; background: #001C99 url(/images/blue_corner.gif) no-repeat; border-bottom: 3px solid #ffffff;}

.tearsLogo {float:left; padding:35px 0px 0px 50px;}

#menuRedLine {background-color: #CA4097; height: 27px; margin: 0; border-bottom: 3px solid #ffffff;}

b {font-weight:bold;}

.list-menu {width: 790px; font-family: arial narrow, Helvetica Narrow, sanf-serif;}

.list-menuOn {margin: 0; 
padding: 0;
list-style-type: none;
font-family: arial narrow, Helvetica Narrow, sanf-serif;
font-size: 12px; 
font-weight: bold;
color: #ffffff;
float:left;}

.list-menuOn a {
display: block;
padding: 5px 21px 6px 28px;
font-family: arial narrow, Helvetica Narrow, sanf-serif;
background: #E72226;
float:left;
color: #ffffff;
font-weight: bold;
text-decoration: none; 
} 

.list-menuOn a:link, .list-menuOn a:active, .list-menuOn a:visited {
background: #FFF458 url(/images/yellow_half_circle.gif) no-repeat;
background-position: top right;
color: #001C99;
float:left;
}

.list-menuOn a:hover {
background: #FFF458 url(/images/yellow_half_circle.gif) no-repeat;
background-position: top right;
color: #001C99;
float:left;
} 

.list-menuOff {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: arial narrow, Helvetica Narrow, sanf-serif;
font-size: 12px; 
font-weight: bold;
color: #ffffff;
float:left;}

.list-menuOff a {
display: block;
padding: 5px 21px 6px 28px;
font-family: arial narrow, Helvetica Narrow, sanf-serif;
background: #CA4097;
float:left;
color: #ffffff;
font-weight: bold;
text-decoration: none;
} 

.list-menuOff a:link, .list-menuOff a:active, .list-menuOff a:visited {
display: block;
padding: 5px 21px 6px 28px;
font-family: arial narrow, Helvetica Narrow, sanf-serif;
background: #CA4097;
float:left;
color: #ffffff;
float:left;
text-decoration: none;
}

.list-menuOff a:hover {
background: #FFF458 url(/images/yellow_half_circle.gif) no-repeat;
background-position: top right;
float:left;
color: #001C99;
} 

sup {font-size: 10px;}
.PageTitle {font-size: 14px;}

.systaneDoctor {background: url(/media/systane_doctor_recom.jpg) no-repeat; position: relative; top: -187px; left: 10px; width: 158px; height: 136px;}

.contentMain {width: 562px; background: #ffffff url(/images/green_gradient_content.gif) repeat-x; background-position: bottom center; float:left;}

.blueGradient {width:562px; height: 17px; background: url(/images/bar_blue_gradient.gif);}
/*greenGradient {width:562px; height: 63px; background: url(../images/green_gradient_content.gif); float: left;}*/


.title {color: #E72226; text-weight: bold; font-size: 24px; font-family: Arial narrow, arial, sans-serif; padding-top: 10px; text-align:center;}

#MenuSide {font-family: arial, helvetica, sans-serif; font-size: 11px;
color: #ffffff;
float:left;
width: 187px;
margin-top: 35px;
background-color: #1B7EC9;}

.SideLinksOn {
font-family: arial, helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 
padding: 5px 0px 5px 12px; 
text-decoration: none;
background-color: #1465BD; 
}

.SideLinksOn a {
font-family: arial, helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 
text-decoration: none;
}

.SideLinksOn a:link, .SideLinksOn a:visited, .SideLinksOn a:active {
background-color: #1465BD; 
font-family: arial,helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 
text-decoration: none;}

.SideLinksOn a:hover {
font-family: arial,helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 
text-decoration: none;}

.SideLinksOff {
font-family: arial,helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 
padding: 5px 0px 5px 12px; 
text-decoration: none;}

.SideLinksOff a {
font-family: arial,helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-align:left; 
font-weight: bold; 

text-decoration: none;}

.SideLinksOff a:link, .SideLinksOff a:visited, .SideLinksOff a:active {
color: #ffffff; 
text-decoration: none;}

.SideLinksOff a:hover {
color: #ffffff; 
text-decoration: underline;}

.content {width: 520px; background: url(/media/couple_jogging.jpg) no-repeat; background-position: 300px 75px; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000; padding: 20px 20px 0px 20px;}

.contentSubpages {width: 520px; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000; padding: 20px 20px 0px 20px;}

.PageText {font-family:arial,helvetica, sans-serif; font-size: 12px; color: #000000; width: 400px; text-align:left;}
.PageTextTwo {font-family: arial,helvetica, sans-serif; font-size: 12px; color: #000000; width: 300px; text-align:left; margin-top: 10px;}

p {margin: 10px 0 10px 0;}

h2 {font-size: 13px; font-weight: bold; margin: 10px 0 10px 0; color: #E72226;}

h3 {font-size: 12px; font-weight: bold; margin: 5px 0 5px 0; color: #E72226;}

ul {margin: 10px 20px 10px 40px;}

li {font-weight: bold;}

.doctorRecommended {color: #007B39; font-size: 12px; text-align: center; font-weight: bold;}

.footnote {font-size: 10px;text-align:center;margin-top:30px;}

ol li {font-size: 11px; font-weight: normal; text-align:left; margin: 10px 0 0 20px;}
#systane ul li {margin: 10px 0;}

table {border: 2px solid #001C99; width: 450px; text-align: left;}

.cellLeft {background-color: #FFFBC8; padding: 5px 5px 5px 5px; border: 1px solid #ffffff; font-weight: bold; color: #001C99;}

.cellRight {background-color: #E72226; padding: 5px 5px 5px 5px; border: 1px solid #ffffff; font-weight: bold; text-align: center; color: #ffffff;}

.reference {position: relative; top: -35px; left: 17px; font-size:9px;color:#001C99; text-align:left;}


