@font-face {
    font-family: 'FuturaBT-Heavy';
    src: url(/fonts/futurah.eot);
    src: url(/fonts/futurah.eot?#iefix) format("embedded-opentype"), url(/fonts/futurah.woff) format("woff"), url(/fonts/futurah.ttf) format("truetype"), url(/fonts/futurah.svg#futurah) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url(/fonts/myriadpe-webfont.eot);
    src: url(/fonts/myriadpe-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/myriadpe-webfont.woff) format("woff"), url(/fonts/myriadpe-webfont.ttf) format("truetype"), url(/fonts/myriadpe-webfont.svg#MyriadProRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

.table-height {
    height: 100%
}

img {
    border: 0
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 12px 0;
    padding: 0
}

ul,
ol {
    margin: 0 12px;
    padding: 6px 0 6px 30px
}

.hr {
    height: 8px;
    background: url(/images/hr.gif) repeat-x 0 0 !important
}

.videoBorder {
    border: 8px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#Container {
    width: 960px;
    margin: 0 auto
}

#Header {
    width: 960px;
    height: 176px;
    margin: 0 auto;
    background: url(/images/header-bg.gif) repeat-x left top
}

#Header-top {
    width: 960px;
    height: 125px;
    margin: 0 auto
}

#Logo {
    width: 457px;
    height: 125px;
    position: relative;
    float: left
}

#Logo img {
    width: 108px;
    height: 89px;
    margin: 13px 0 10px;
    float: left
}

#Directions-r {
    width: 303px;
    height: 125px;
    position: relative;
    float: left
}

#Directions {
    width: 100px;
    height: 125px;
    position: relative;
    float: left;
    background: url(/images/direction-bg.jpg) no-repeat right 42px
}

#Directions img {
    width: 83px;
    height: 31px;
    margin: 51px 0 0;
    float: left
}

#Appointments {
    width: 203px;
    height: 125px;
    position: relative;
    float: left
}

#Menu-list {
    width: 942px;
    height: 51px;
    margin: 0 auto
}

#Banner {
    width: 960px;
    margin: 0 auto;
    height: 288px
}

#Meet-Eric {
    width: 368px;
    height: 288px;
    float: left;
    position: relative;
    background: url(/images/banner-left-bg-updated.jpg) no-repeat left top
}

#Intra {
    width: 592px;
    height: 288px;
    float: left;
    position: relative;
    background: url(/images/banner-right-bg.jpg) no-repeat right top
}

#Intra-Tab {
    width: 960px;
    margin: 0 auto;
    height: 313px
}

#Center-top {
    background: rgba(0, 0, 0, 0) url(/images/quick-links-bg.jpg) no-repeat scroll left top;
    border-bottom: 1px dashed;
    height: 280px;
    margin: 0 auto 10px;
    width: 960px
}

#Center-top-l {
    width: 639px;
    height: 230px;
    float: left;
    position: relative
}

.slide {
    width: 639px;
    height: 230px
}

#Center-top-r {
    width: 321px;
    margin: 0 0 24px;
    float: left;
    position: relative
}

#Center-bottom {
    width: 960px;
    height: 165px;
    margin: 0 auto;
    clear: both;
    background: url(/images/center-bottom-bg.gif) no-repeat left top
}

#Logo-m {
    display: none
}

#FooterBG {
    width: 100%;
    height: 115px;
    clear: both;
    background: url(/images/footer-bg.gif) repeat-x left top
}

#Footer {
    width: 960px;
    height: 95px;
    margin: 0 auto;
    clear: both;
    background: url(/images/footer-bg.gif) repeat-x left top
}

#Tab-s {
    width: 940px;
    height: 50px;
    margin: 0 auto;
    background: url(/images/content-s-bg.gif) repeat-x left top
}

#Content-bg-s {
    width: 940px;
    height: auto;
    margin: 0 auto
}

#Content-s {
    width: 940px;
    height: auto;
    float: left;
    background: #fff
}

.intra-i {
    width: 960px;
    height: 313px
}

.direction {
    font: normal 12px/16px Verdana, Geneva, sans-serif;
    color: #f2f2e5;
    padding: 0 5px 0 0;
    text-decoration: none;
    text-align: left
}

.direction a {
    color: #f2f2e5;
    text-decoration: none
}

.direction a:hover {
    text-decoration: none;
    color: #babbbe
}

.appointment {
    font: normal 23px/24px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 52px 5px 0 0;
    text-decoration: none;
    text-align: left
}

.appointment a {
    color: #fff;
    text-decoration: none
}

.appointment a:hover {
    text-decoration: none;
    color: #fff
}

.appointment span {
    font: bold 12px/14px Verdana, Geneva, sans-serif;
    color: #f2f2e5
}

.appointment img {
    margin: 3px 6px 0 14px;
    float: left
}

.meet-eric {
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    color: #162b4e;
    padding: 258px 5px 0 42px;
    text-decoration: none;
    text-align: left
}

.meet-eric a {
    color: #162b4e;
    text-decoration: none
}

.meet-eric a:hover {
    text-decoration: none;
    color: #2b4dad
}

.meet-eric span {
    font: normal 14px/16px Arial, Helvetica, sans-serif
}

.Hometext {
    font: italic normal 12px/16px Verdana, Geneva, sans-serif;
    color: #fff;
    padding: 25px 55px 0 10px;
    text-decoration: none;
    text-align: center
}

.Hometext a {
    color: #fff;
    text-decoration: underline
}

.Hometext a:hover {
    text-decoration: underline;
    color: #2b7b6e
}

.HometextMain {
    font: normal 24px/26px FuturaBT-Heavy;
    color: #fff;
    padding: 28px 5px 16px 11px;
    text-decoration: none;
    text-align: left
}

.HometextMain a {
    color: #fff;
    text-decoration: none
}

.HometextMain a:hover {
    color: #3c5ecc;
    text-decoration: none
}

.Home-more {
    font: bold 12px/16px Verdana, Geneva, sans-serif;
    color: #fff;
    padding: 3px 55px 0 0;
    text-decoration: none;
    text-align: right
}

.Home-more a {
    color: #fff;
    text-decoration: none
}

.Home-more a:hover {
    color: #fff;
    text-decoration: none
}

.patient-name {
    font: bold 15px/18px Verdana, Geneva, sans-serif;
    color: #fff;
    padding: 9px 5px 16px 15px;
    text-decoration: none;
    text-align: left;
    width: 286px;
    margin-left: 10px;
    background: url(/images/patient-name-bg.jpg) no-repeat left top
}

.patient-name a {
    color: #fff;
    text-decoration: none
}

.patient-name a:hover {
    color: #babbbe;
    text-decoration: none
}

.payment {
    font: bold 15px/62px Arial, Helvetica, sans-serif;
    color: #4c4b4a;
    text-decoration: none;
    text-align: left;
    height: 62px;
    margin: 15px 0 0;
    background: url(/images/patient-forms-bg.gif) no-repeat 30px bottom
}

.payment a {
    color: #4c4b4a;
    text-decoration: none
}

.payment a:hover {
    color: #3c5ecc;
    text-decoration: none
}

.payment img {
    float: left;
    margin: 10px 31px 0 58px
}

.patient-forms {
    font: bold 15px/62px Arial, Helvetica, sans-serif;
    color: #4c4b4a;
    text-decoration: none;
    text-align: left;
    height: 62px;
    margin: 15px 0 0;
    background: url(/images/patient-forms-bg.gif) no-repeat 30px bottom
}

.patient-forms a {
    color: #4c4b4a;
    text-decoration: none
}

.patient-forms a:hover {
    color: #3c5ecc;
    text-decoration: none
}

.patient-forms img {
    float: left;
    margin: 10px 24px 0 58px
}

.mm-edu {
    font: bold 15px/18px Arial, Helvetica, sans-serif;
    color: #4c4b4a;
    text-decoration: none;
    text-align: left;
    margin: 15px 0 0;
    padding: 16px 0 10px;
    height: 45px;
    background: url(/images/patient-forms-bg.gif) no-repeat 30px top
}

.mm-edu a {
    color: #4c4b4a;
    text-decoration: none
}

.mm-edu a:hover {
    color: #3c5ecc;
    text-decoration: none
}

.mm-edu img {
    float: left;
    margin: 0 18px 0 52px
}

.logo-top {
    margin-top: 30px
}

.content-p-r {
    text-align: right
}

.frame-top-f {
    width: 960px;
    height: 132px;
    overflow-x: hidden;
    overflow-y: hidden
}

.navigation {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #323232;
    text-decoration: none;
    padding: 20px 30px 5px 24px
}

.navigation a {
    font-weight: 400;
    color: #323232;
    text-decoration: underline
}

.navigation a:hover {
    font-weight: 400;
    color: #323232;
    text-decoration: none
}

.textMain {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
    padding: 5px 30px 30px 24px;
    text-decoration: none;
    text-align: justify
}

.textMain a {
    color: #464646;
    text-decoration: underline
}

.textMain a:hover {
    color: #262424;
    text-decoration: none
}

.textMain ul,
textMain ol {
    padding: 0;
    margin: 0;
    list-style: none
}

.textMain ul li {
    background: url(/images/bullet-tm.gif) no-repeat 15px 11px;
    padding: 6px 0 0 30px;
    list-style: none
}

.textMain ul li ul {
    background: none;
    padding: 6px 0 0 20px;
    list-style: circle
}

.textMain ul li ul li {
    background: none;
    padding: 6px 0 0;
    list-style: circle
}

.textMain ul li ul li ul li {
    background: none;
    padding: 6px 0 0;
    list-style: square
}

.textMain ul li:last-child {
    padding-bottom: 8px
}

.textMain ol li {
    padding-bottom: 8px
}

.textMain ol li:last-child {
    padding-bottom: 8px
}

.textMain ul li p,
textMain ol li p {
    padding-bottom: 0;
    margin: 8px 0 0
}

.textMain ul li ul,
textMain ul li ol,
textMain ol li ul,
textMain ol li ol {
    padding-bottom: 0
}

.textMainBold {
    font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
    text-decoration: none;
    text-align: left
}

.textMainBold a {
    color: #464646;
    text-decoration: underline
}

.textMainBold a:hover {
    color: #262424;
    text-decoration: underline
}

.textNormal {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none
}

.textNormal a {
    color: #464646;
    text-decoration: underline
}

.textNormal a:hover {
    color: #262424;
    text-decoration: underline
}

.textbold {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
    text-decoration: none
}

.Quick-links {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #044670;
    padding: 5px;
    text-decoration: none
}

.Quick-links a {
    color: #044670;
    text-decoration: underline
}

.Quick-links a:hover {
    color: #1e5180;
    text-decoration: underline
}

.more {
    font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #004087;
    text-decoration: none;
    padding: 5px 5px 20px
}

.more a {
    color: #004087;
    text-decoration: none
}

.more a:hover {
    color: #004087;
    text-decoration: underline
}

.PDFtext {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #464646
}

.textMain h1 {
    font: bold 18px/22px Arial, Helvetica, sans-serif;
    color: #101010;
    text-decoration: none;
    margin: 0;
    padding-bottom: 10px;
    background: url(/images/h1-s-bg.gif) repeat-x left bottom
}

.textMain h2 {
    font: bold 18px/22px Arial, Helvetica, sans-serif;
    color: #476bcb;
    padding: 0;
    text-decoration: none
}

.textMain h2 a {
    color: #476bcb;
    text-decoration: none
}

.textMain h2 a:hover {
    color: #476bcb;
    text-decoration: none
}

.textMain h3 {
    font: bold 15px/18px Arial, Helvetica, sans-serif;
    color: #3473b8;
    text-decoration: none
}

.textMain h3 a {
    color: #3473b8;
    text-decoration: none
}

.textMain h3 a:hover {
    color: #3473b8;
    text-decoration: none
}

.textMain h3 img {
    margin: -5px 10px 0 0
}

.textMain h4 {
    font: bold 12px/10px Arial, Helvetica, sans-serif;
    color: #0954b0;
    text-decoration: none
}

.textMain h4 a {
    color: #0954b0;
    text-decoration: underline
}

.textMain h4 a:hover {
    color: #0954b0;
    text-decoration: none
}

.Section-Condition {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #3473B8;
    text-decoration: none
}

.Section-Condition a {
    color: #3473B8;
    text-decoration: none
}

.Section-Condition a:hover {
    color: #3473B8;
    text-decoration: none
}

.multimedia {
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    color: #333;
    font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
}

.multimedia ul {
    margin: 10px 5px;
    padding: 0
}

.multimedia li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    padding: 6px 0 0 !important;
    width: 45%
}

.multimedia a {
    background: url(/images/movie-off.gif) no-repeat scroll 10px 4px rgba(0, 0, 0, 0);
    color: #333;
    display: block;
    padding: 2px 0 2px 45px;
    text-decoration: none
}

.multimedia a:hover {
    background: url(/images/movie-on.gif) no-repeat scroll 10px 4px rgba(0, 0, 0, 0);
    color: #000;
    padding: 2px 0 2px 45px;
    text-decoration: none
}

.multimedia .formHead a,
.multimedia .formHead a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0
}

.multimedialist {
    height: 40px
}

.media {
    font: normal 14px/16px MyriadProRegular;
    color: #000;
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

.media li {
    list-style: none;
    width: 120px;
    float: left;
    padding: 0 !important;
    margin: 10px 75px 0 0 !important
}

.video a {
    font: normal 14px/16px MyriadProRegular;
    background: url(/images/loadmove.png) no-repeat 5px 3px #a2a1a2 !important;
    padding: 4px 0 4px 20px !important
}

.info a {
    font: normal 14px/16px MyriadProRegular;
    background: url(/images/patient.png) no-repeat 5px 3px #a2a1a2 !important;
    padding: 4px 0 4px 20px !important
}

.print a {
    font: normal 14px/16px MyriadProRegular;
    background: url(/images/print.png) no-repeat 5px 3px #a2a1a2 !important;
    padding: 4px 0 4px 20px !important
}

.media li a {
    color: #000;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    width: 120px;
    height: 20px;
    border: 1px solid #6a676a;
    padding: 4px 0 4px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e0e0e0));
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e0e0e0', GradientType=0)
}

.media li a:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid #6a676a
}

#iframe-video {
    width: 560px !important;
    height: 315px !important
}

.tableborder {
    border: 2px solid #9b9b9b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.formHead {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #9b9b9b;
    text-decoration: none;
    padding: 5px 10px
}

.formHead a {
    color: #fff;
    text-decoration: underline
}

.formHead a:hover {
    color: #fff;
    text-decoration: none
}

.formlable {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    padding: 3px 3px 3px 5px
}

.txtfield {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #9b9b9b !important;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    width: 175px;
    height: 20px;
    vertical-align: middle;
    padding: 2px 4px;
    background: #fff
}

.ftable {
    display: block;
    float: left;
    width: 33%
}

.txtfield-c {
    color: #4f4f4f;
    font: normal 15px Verdana, Geneva, sans-serif;
    text-decoration: none;
    border: 1px solid #9b9b9b !important;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    width: 300px;
    height: 35px;
    vertical-align: middle;
    padding: 2px 4px;
    background: #fff
}

.mandatory {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #FF8204
}

.dropDown {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #9b9b9b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 185px !important
}

.textArea {
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 175px;
    border: 1px solid #9b9b9b;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    padding: 4px
}

.textArea-c {
    color: #4f4f4f;
    font: normal 14px Verdana, Geneva, sans-serif;
    text-decoration: none;
    width: 300px;
    border: 1px solid #9b9b9b;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    padding: 4px;
    background: #fff
}

.button {
    font: normal 18px Verdana, Geneva, sans-serif;
    color: #fff;
    background: #4164cc;
    text-decoration: none;
    border: 2px solid #9b9b9b;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
    cursor: pointer;
    padding: 0 15px
}

.dropDownF {
    border: 1px solid #9b9b9b;
    background: #fff;
    color: #000;
    border-radius: 5px 5px 5px 5px;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 3px;
    text-decoration: none;
    width: 183px
}

#captchac img {
    height: auto;
    width: 180px
}

.footer {
    font: normal 12px/26px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 20px 0 0 11px;
    color: #fff;
    width: 650px;
    float: left;
    position: relative
}

.footer a {
    text-decoration: none;
    color: #fff
}

.footer a:hover {
    text-decoration: underline;
    color: #fff
}

.CopyrightText {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    margin: 0
}

.CopyrightText a {
    text-decoration: none;
    color: #fff
}

.CopyrightText a:hover {
    text-decoration: underline;
    color: #fff
}

.social-icon {
    width: 190px;
    height: 95px;
    float: left;
    position: relative
}

.social-icon img {
    margin: 18px 0 0 13px
}

.ypo-logo {
    width: 100px;
    float: left;
    position: relative;
    height: 95px
}

.ypo-logo img {
    margin: 25px 0 0
}

.share-button {
    margin: 18px 0 0 15px !important;
    border: 0;
    clear: both
}

.demo {
    position: relative;
    top: 0;
    left: 0;
    width: 592px;
    height: 288px;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.demo1 {
    position: relative;
    top: 0;
    left: 0;
    width: 592px;
    height: 288px;
    padding: 0;
    margin: 0
}

.intra-buttons {
    margin: 268px 0 0 480px;
    position: absolute;
    z-index: 20;
    width: 120px;
    height: 14px;
    text-decoration: none
}

.intra1-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra1-bg.jpg) no-repeat left top
}

.intra2-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra2-bg.jpg) no-repeat left top
}

.intra3-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra3-bg.jpg) no-repeat left top
}

.intra4-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra4-bg.jpg) no-repeat left top
}

.intra5-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra5-bg.jpg) no-repeat left top
}

.intra6-bg {
    width: 592px;
    height: 288px;
    background: url(/images/intra6-bg.jpg) no-repeat left top
}

.intratext {
    font: italic 19px/22px Arial, Helvetica, sans-serif;
    color: #0e0e0e;
    padding: 253px 17px 0 82px;
    text-decoration: none;
    text-align: left
}

.intratext a {
    color: #0e0e0e;
    text-decoration: none
}

.intratext a:hover {
    text-decoration: none;
    color: #0e0e0e
}

.menu-item-25 a {
    background: url(/images/home-off.jpg) no-repeat 0 0;
    width: 100px;
    text-decoration: none
}

.menu-item-25 a:hover {
    background: url(/images/home-on.jpg) no-repeat 0 0;
    text-decoration: none
}

.menu-item-236 a {
    background: url(/images/get-new-patient-info-off.jpg) no-repeat 0 0;
    width: 187px;
    text-decoration: none
}

.menu-item-236 a:hover {
    background: url(/images/get-new-patient-info-on.jpg) no-repeat 0 0;
    text-decoration: none
}

.menu-item-237 a {
    background: url(/images/before-after-surgery-off.jpg) no-repeat 0 0;
    width: 198px;
    text-decoration: none
}

.menu-item-237 a:hover {
    background: url(/images/before-after-surgery-on.jpg) no-repeat 0 0;
    text-decoration: none
}

.menu-item-28 a {
    background: url(/images/patient-education-off.jpg) no-repeat 0 0;
    width: 168px;
    text-decoration: none
}

.menu-item-28 a:hover {
    background: url(/images/patient-education-on.jpg) no-repeat 0 0;
    text-decoration: none
}

.menu-item-27 a {
    background: url(/images/other-services-off.jpg) no-repeat 0 0;
    width: 152px;
    text-decoration: none
}

.menu-item-27 a:hover {
    background: url(/images/other-services-on.jpg) no-repeat 0 0;
    text-decoration: none
}

.menu-item-26 a {
    background: url(/images/contact-info-off.jpg) no-repeat 0 0;
    width: 142px;
    text-decoration: none
}

.menu-item-26 a:hover {
    background: url(/images/contact-info-on.jpg) no-repeat 0 0;
    text-decoration: none
}

#access {
    display: block;
    float: left;
    margin: 0;
    width: 960px;
    font: normal 15px/47px Arial, Helvetica, sans-serif
}

#access ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important
}

#access li {
    float: left;
    position: relative
}

#access a {
    color: #161616;
    display: block;
    line-height: 51px;
    text-decoration: none;
    text-align: center
}

#access a:hover {
    color: #fff
}

#access ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 65px;
    left: 0;
    width: 188px;
    z-index: 99999
}

#access ul ul ul {
    left: 100%;
    top: 0
}

#access ul ul {
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left !important;
    margin: 0;
    position: absolute;
    top: 51px;
    left: 0;
    z-index: 99999
}

#access ul ul ul {
    left: 100%;
    top: 0
}

#access ul ul a {
    font: normal 13px/24px MyriadProRegular;
    background: #dfe7e9;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    color: #161616;
    height: auto;
    padding: 0 5px;
    z-index: 99999;
    width: 190px;
    text-align: left
}

#access ul ul a:hover {
    background: #0aa4d3;
    color: #fff
}

#access ul ul li:first-child {
    border-top: 1px solid #d5d5d5
}

#access ul li:hover > ul {
    display: block
}

.menu .current_page_item a,
.menu .current-menu-item a,
.current-menu-parent > a,
.current-menu-ancestor > a {
    background: url(/images/menu-on.gif) repeat-x top;
    color: #fff !important
}

#branding #searchform {
    position: absolute;
    top: 3.8em;
    right: 7.6%;
    text-align: right
}

#branding #searchform div {
    margin: 0
}

#branding #s {
    float: right;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
    width: 72px
}

#branding #s:focus {
    background-color: #f9f9f9;
    width: 196px
}

#branding #searchsubmit {
    display: none
}

#branding .only-search #searchform {
    top: 5px;
    z-index: 1
}

#branding .only-search #s {
    background-color: #666;
    border-color: #000;
    color: #222
}

#branding .only-search #s,
#branding .only-search #s:focus {
    width: 85%
}

#branding .only-search #s:focus {
    background-color: #bbb
}

#branding .with-image #searchform {
    top: auto;
    bottom: -27px;
    max-width: 195px
}

#branding .only-search + #access div {
    padding-right: 205px
}

.TopBlurb {
    background: none repeat scroll 0 0 #21386a;
    border: 3px solid #b5cdd1
}

#toTop {
    font-family: Verdana, Geneva, sans-serif;
    background: none repeat scroll 0 0 #345fc4;
    border: 1px solid #333;
    border-radius: 5px 0 0 5px;
    width: 100px;
    bottom: 198px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 12px;
    padding: 7px 5px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100px
}

#wp-realtime-sitemap-menu h3 {
    display: none
}

#wp-realtime-sitemap-menu ul {
    margin: 0;
    padding: 0;
    background: none
}

#wp-realtime-sitemap-menu a {
    background: none
}

#wp-realtime-sitemap-menu a:hover {
    background: none
}

#wp-realtime-sitemap-menu ul li {
    font-weight: 700
}

#wp-realtime-sitemap-menu ul ul {
    margin: 0 0 0 35px
}

#wp-realtime-sitemap-menu ul ul li {
    margin: 0;
    padding: 5px 0 0;
    font-weight: 400;
    list-style: disc
}

.services {
    font: normal 15px/40px Arial, Helvetica, sans-serif;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 150px
}

.services li {
    background-image: none !important;
    width: 250px;
    margin: 20px 0 !important;
    padding: 0 !important
}

.services a {
    color: #fff !important;
    display: block;
    text-align: center;
    text-decoration: none !important;
    width: 230px;
    height: 37px;
    border: 1px solid #0463ad;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #4467ca
}

.services a:hover {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    background: #026db1;
    border: 1px solid #0463ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #2c4ecb
}

.clearout {
    height: 20px;
    clear: both
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
    display: none
}

.nbs-flexisel-container {
    position: relative;
    max-width: 960px;
    margin: auto;
    overflow: hidden
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    overflow: hidden
}

.nbs-flexisel-inner {
    overflow: hidden;
    width: 92%;
    margin: auto
}

.nbs-flexisel-item {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    line-height: 0;
    overflow: hidden
}

.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: .5
}

.nbs-flexisel-nav-left {
    left: 10px;
    width: 23px;
    height: 23px
}

.nbs-flexisel-nav-right {
    right: 10px;
    width: 23px;
    height: 23px
}

.Joint {
    font: normal 15px/17px MyriadProRegular;
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: block;
    height: auto
}

.Joint li {
    list-style: none;
    width: 250px;
    float: left;
    padding: 0 !important;
    margin: 0 85px 15px 0 !important;
    display: block
}

.minimally a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.computer-assisted a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.thr a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.tkr a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.unicondylar a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/uniknee-replacement.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.revision-knee a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.revision-hip a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 155px !important
}

.shoulder-joint a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/shoulder-joint-replacement.gif) no-repeat 5px 3px !important;
    padding: 42px 5px 4px 155px !important
}

.Joint li a {
    color: #111;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 17px;
    width: 165px;
    height: 70px;
    border: 1px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 0 4px 10px
}

.Joint li a:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid #c3c3c3
}

.Artho {
    font: normal 15px/17px MyriadProRegular;
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: block;
    height: auto
}

.Artho li {
    list-style: none;
    width: 40%;
    float: left;
    padding: 0 !important;
    margin: 0 0 15px !important;
    display: block
}

.knee-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/knee-arthroscopy.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 130px !important
}

.knee-artho a:hover {
    background: url(/images/knee-arthroscopy-on.gif) no-repeat 5px 3px !important
}

.shoulder-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/shoulder-arthroscopy.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 135px !important
}

.shoulder-artho a:hover {
    background: url(/images/shoulder-arthroscopy-on.gif) no-repeat 5px 3px !important
}

.rotator-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/rotator-cuff-tear.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 130px !important
}

.rotator-artho a:hover {
    background: url(/images/rotator-cuff-tear-on.gif) no-repeat 5px 3px !important
}

.shoulder-impignent a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/shoulder-impingement.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 135px !important
}

.shoulder-impignent a:hover {
    background: url(/images/shoulder-impingement-on.gif) no-repeat 5px 3px !important
}

.acl-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/acl-reconstruction.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 130px !important
}

.acl-artho a:hover {
    background: url(/images/acl-reconstruction-on.gif) no-repeat 5px 3px !important
}

.hip-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/hip-arthroscopy-off.gif) no-repeat 5px 3px !important;
    padding: 42px 0 4px 135px !important
}

.hip-artho a:hover {
    background: url(/images/hip-arthroscopy-on.gif) no-repeat 5px 3px !important
}

.elbow-artho a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/elbow-arthroscopy-off.gif) no-repeat 5px 3px #fff !important;
    padding: 42px 0 4px 135px !important
}

.elbow-artho a:hover {
    background: url(/images/elbow-arthroscopy-on.gif) no-repeat 5px 3px #fff !important
}

.Artho li a {
    color: #111;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 17px;
    width: 180px;
    height: 70px;
    border: 1px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 0 4px 10px
}

.Artho li a:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid #c3c3c3
}

.Elbow {
    font: normal 15px/17px MyriadProRegular;
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    height: 90px
}

.Elbow li {
    list-style: none;
    width: 160px;
    float: left;
    padding: 0 !important;
    margin: 10px 45px 15px 0 !important
}

.Efracture a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/elbow-fracture.jpg) no-repeat 5px 3px #fff !important;
    padding: 25px 0 8px 70px !important
}

.Egolfers a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/golfers-elbow.jpg) no-repeat 5px 3px #fff !important;
    padding: 25px 0 8px 70px !important
}

.Esprain a {
    font: normal 15px/17px MyriadProRegular;
    background: url(/images/elbow-sprain.jpg) no-repeat 5px 3px #fff !important;
    padding: 25px 0 8px 70px !important
}

.Elbow li a {
    color: #111;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 17px;
    width: 105px;
    height: 40px;
    border: 1px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 0 4px 10px
}

.Elbow li a:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid #c3c3c3
}

#tab {
    width: 942px;
    margin-top: -140px;
    margin-left: -25px !important;
    position: absolute;
    height: auto
}

.tab ul {
    margin: 0 !important;
    padding: 0 !important
}

.tab li {
    margin: 0 !important;
    padding: 0 !important
}

.tab li a,
.tab li a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    list-style: none !important;
    padding: 12px 0 !important;
    width: 33.18%;
    border-right: 2px solid #353535;
    margin: 0;
    float: left;
    position: relative;
    display: block;
    background: url(/images/tabs-bg-off.gif) repeat-x 0 0;
    text-decoration: none;
    text-align: center
}

.tab li:last-child a,
.tab last-child a:hover {
    border-right: none
}

.tab-active a,
.tab-active a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #fff !important;
    list-style: none !important;
    padding: 15px 0 !important;
    cursor: text;
    width: 30%;
    margin: 0;
    float: left;
    display: block;
    background: url(/images/tabs-bg-on.gif) repeat-x 0 0 !important;
    text-decoration: none;
    text-align: center
}

#conditions {
    width: 340px;
    height: auto;
    float: left;
    position: relative
}

#slide-content {
    width: 540px;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 50px;
    background: url(/images/meet-eric-s-bg.jpg) no-repeat left 10px
}

#conditions ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#conditions ul li {
    margin: 0;
    padding: 10px 10px 0 0;
    list-style: none;
    background: none
}

.conditions,
.conditions a,
.conditions a:hover {
    font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
    color: #0f274c;
    background: none;
    text-decoration: none;
    text-align: left
}

.conditions span {
    font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #363636
}

.ConLink,
.ConLink a {
    color: #fff !important;
    background: #3758cc !important;
    text-decoration: none
}

.Con-Link,
.Con-Link a {
    color: #fff !important;
    background: none !important;
    text-decoration: none
}

#contTab1 {
    padding: 23px 20px 0
}

.image1 {
    margin: 15px 0 20px
}

#Hospital-Affiliation-r {
    width: 680px;
    height: auto;
    position: relative;
    float: left;
    margin-bottom: 50px
}

#Hospital-Affiliation-l img {
    margin: 40px 0 0
}

#Hospital-Affiliation-l {
    width: 206px;
    height: auto;
    position: relative;
    float: left
}

#sub-cont {
    width: 100%;
    height: auto;
    margin: 0 0 50px
}

.pat-forms {
    font: normal 15px/40px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none !important;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 40px
}

.pat-forms li {
    background-image: none !important;
    width: 260px;
    float: left;
    margin: 0 0 10px !important;
    padding: 0 !important
}

.pat-forms a {
    color: #fff !important;
    display: block;
    text-align: left;
    text-decoration: none !important;
    width: 230px;
    height: 37px;
    border: 1px solid #0463ad;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #4467ca
}

.pat-forms a:hover {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    background: #026db1;
    border: 1px solid #0463ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #2c4ecb
}

.pat-forms img {
    margin: 10px 10px 0
}

#Surgery-l {
    width: 256px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 48px
}

#Surgery-r {
    width: 585px;
    height: auto;
    float: left;
    position: relative;
    margin: 20px 0 50px;
    border: 1px solid #d7d7d7
}

#Surgery-l ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#Surgery-l ul li {
    margin: 0;
    padding: 0;
    height: 35px;
    margin-bottom: 7px;
    list-style: none
}

.Surgery-l,
.Surgery-l a {
    font: bold 12px/35px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background: #b3b3b3;
    text-decoration: none !important;
    display: block;
    padding-left: 10px;
    text-align: left;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.Surgery-l a:hover {
    font: bold 12px/35px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background: #3d5fcc;
    text-decoration: none !important;
    display: block;
    padding-left: 10px;
    text-align: left;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

#contdiv1 {
    padding: 0 10px 0 23px
}

#contdiv1 ul {
    margin: 0;
    list-style: none !important;
    padding: 10px 0 20px
}

#contdiv1 ul li {
    line-height: 20px;
    margin: 0;
    background: url(/images/bullet-tm.gif) no-repeat scroll left 6px transparent;
    list-style: none !important;
    padding: 0 0 0 20px
}

#contdiv2 {
    padding: 0 10px 0 23px
}

#contdiv2 ul {
    margin: 0;
    list-style: none !important;
    padding: 10px 0 20px
}

#contdiv2 ul li {
    line-height: 20px;
    margin: 0;
    background: url(/images/bullet-tm.gif) no-repeat scroll left 6px transparent;
    list-style: none !important;
    padding: 0 0 50px 20px
}

#tab-s {
    width: 942px;
    margin-top: -140px;
    margin-left: -25px !important;
    position: absolute;
    height: auto
}

.tab-s ul {
    margin: 0 !important;
    padding: 0 !important
}

.tab-s li {
    margin: 0 !important;
    padding: 0 !important
}

.tab-s li a,
.tab-s li a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    list-style: none !important;
    padding: 12px 0 !important;
    width: 49.8%;
    border-right: 2px solid #353535;
    margin: 0;
    float: left;
    position: relative;
    display: block;
    background: url(/images/tabs-bg-off.gif) repeat-x 0 0;
    text-decoration: none;
    text-align: center
}

.tab-s li:last-child a,
.tab-s last-child a:hover {
    border-right: none
}

.tab-s-active a,
.tab-s-active a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #fff !important;
    list-style: none !important;
    padding: 12px 0 !important;
    cursor: text;
    width: 49.8%;
    margin: 0;
    float: left;
    display: block;
    background: url(/images/tabs-bg-on.gif) repeat-x 0 0 !important;
    text-decoration: none;
    text-align: center
}

.other-services {
    padding: 10px 0 0
}

#other-services {
    width: 100%;
    height: auto;
    margin: 0
}

.prac-manager {
    margin: 20px 0 0 10px
}

.bascom-center {
    font: normal 16px/29px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    width: 300px;
    background: #9b9b9b;
    text-decoration: none;
    padding-left: 9px;
    margin-left: 8px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bascom-center a {
    color: #fff;
    text-decoration: none
}

.bascom-center a:hover {
    color: #fff;
    text-decoration: none
}

.address {
    font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #0f274c;
    text-decoration: none;
    text-align: left;
    padding: 0 0 0 10px
}

#Hospital-Address {
    width: 462px;
    height: 296px;
    margin: 0 auto;
    border: 5px solid #a4a4a4
}

#Hospital-t {
    width: 467px;
    height: 34px;
    border-bottom: 5px solid #a4a4a4
}

#Hospital-b {
    width: 472px;
    height: 260px
}

#Hospital-t ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#Hospital-t ul li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    height: 35px;
    width: 100%;
    list-style: none
}

.Hospital-t,
.Hospital-t a {
    font: bold 12px/35px Verdana, Arial, Helvetica, sans-serif;
    color: #fff !important;
    background: #444;
    text-decoration: none !important;
    display: block;
    padding-left: 10px;
    text-align: center
}

.Hospital-t a:hover {
    font: bold 12px/35px Verdana, Arial, Helvetica, sans-serif;
    color: #fff !important;
    background: #3c5ecc;
    text-decoration: none !important;
    display: block;
    padding-left: 10px;
    text-align: center
}

#contdiv1 ul li img {
    margin: -10px 0 0
}

#Patient-edu-l {
    width: 340px;
    height: 550px;
    float: left;
    margin-top: 32px;
    position: relative;
    background: url(/images/human-anatomy-bg.jpg) no-repeat left top
}

#Patient-edu-r {
    width: 540px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 32px;
    margin-bottom: 50px;
    border: 2px solid #d7d7d7
}

#contdiv3 {
    padding: 0 10px 0 23px
}

#contdiv3 ul {
    margin: 0;
    width: 250px;
    list-style: none !important;
    padding: 0 0 20px;
    position: relative;
    float: left;
    text-align: left
}

#contdiv3 ul li {
    line-height: 25px;
    margin: 0;
    background: url(/images/bullet-tm.gif) no-repeat scroll left 10px transparent;
    list-style: none !important;
    padding: 0 10px 0 15px;
    text-align: left
}

.div1 {
    width: 340px;
    height: 104px
}

.div1 img {
    margin: 85px 0 0 17px
}

.div2 {
    width: 340px;
    height: 36px
}

.div2 img {
    margin: 17px 0 0 17px
}

.div3 {
    width: 340px;
    height: 91px
}

.div3 img {
    margin: 36px 35px 0 0
}

.div4 {
    width: 340px;
    height: 133px
}

.div4 img {
    margin: 0 191px 0 19px;
    float: left
}

.div5 {
    width: 340px;
    height: 20px
}

.div5 img {
    margin: -10px 62px 0 19px
}

.div6 {
    width: 340px;
    height: 108px
}

.div6 img {
    margin: 80px 74px 0 0
}

#Intra-Tab-m {
    display: none
}

#info {
    width: 340px;
    height: auto;
    float: left;
    position: relative
}

#info ul li {
    margin: 0;
    padding: 10px 10px 0 0;
    list-style: none;
    background: none
}

#contdiv4 {
    padding: 0 10px 0 23px
}

#contdiv4 ul {
    margin: 0;
    list-style: none !important;
    padding: 0
}

#contdiv4 ul li {
    line-height: 20px;
    margin: 0;
    background: url(/images/bullet-tm.gif) no-repeat scroll left 6px transparent;
    list-style: none !important;
    padding: 0
}

#patient-portal {
    float: left;
    height: 125px;
    position: relative;
    width: 200px;
    visibility: hidden;
}

.portal {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #3d3d3d;
    text-decoration: none
}

.portal a {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 130px;
    margin: 51px 10px 0 0;
    padding: 7px 15px;
    color: #0d1f32;
    text-decoration: none;
    background: #91b2d1;
    border: 1px solid #91b2d1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.portal a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 130px;
    color: #0d1f32;
    text-decoration: none;
    background: #d1d1d1;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.portal img {
    margin-right: 10px;
    vertical-align: middle
}

.tradio span.wpcf7-radio {
    width: 50%;
    float: right
}

.tradio span.wpcf7-radio span.wpcf7-list-item {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    padding-bottom: 10px
}

.tradio span.wpcf7-radio span input[type="radio"] {
    float: left
}

#mheader {
    display: none
}

#v-height {
    height: 304px
}

@media screen and (max-width: 768px) {
    #Logo {
        width: 245px
    }
}

@media screen and (max-width: 640px) {
    body {
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: scroll !important;
        overflow-x: none !important;
        *overflow-y: none !important;
        background: url(/images/body-m-bg.jpg) repeat-x left top !important
    }

    #Container {
        width: 100% !important
    }

    #page {
        background: none !important
    }

    #mheader {
        display: block;
        padding: 0;
        z-index: 24
    }

    #wrapper {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        width: 100%;
        z-index: 25
    }

    #Menu-list {
        display: none
    }

    #Header {
        width: 100%;
        height: 112px;
        margin: 0 auto;
        background: none
    }

    #Header-top {
        width: 100%;
        height: 112px;
        margin: 0 auto
    }

    #Logo {
        width: 300px;
        height: 112px;
        position: relative;
        float: left
    }

    #Logo img {
        width: 93px;
        height: 74px;
        margin: 13px 0 0 27px
    }

    #Directions-r {
        width: 180px;
        height: 112px;
        position: relative;
        float: left
    }

    #Directions {
        width: 100%;
        height: 40px;
        float: left;
        background: none
    }

    #Directions img {
        width: 65px;
        height: 25px;
        margin: -10px 5px 0 0
    }

    #Appointments {
        width: 100%;
        height: 55px;
        float: left
    }

    #Appointments img {
        width: 14px;
        height: 23px;
        margin: 5px 10px 0 14px
    }

    #Banner {
        width: 100%;
        margin: 0 auto;
        height: 380px
    }

    #Meet-Eric {
        width: 100%;
        height: 145px;
        float: left;
        position: absolute;
        z-index: 22;
        margin-top: 250px;
        background: url(/images/eric-top-m-bg.jpg) no-repeat left top !important;
        background-size: 100% auto !important
    }

    #Intra {
        clear: both;
        width: 100%;
        height: 240px;
        float: left;
        position: relative;
        background: url(/images/banner-right-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    #Intra-Tab {
        display: none
    }

    #Intra-Tab-m {
        width: 300px !important;
        margin: 0 auto;
        display: block;
        height: 195px !important
    }

    #Center-top {
        width: 100%;
        height: 275px;
        margin: 0 auto;
        background: #323234
    }

    #Center-top-l {
        width: 100%;
        height: 148px;
        float: left;
        background: #313131
    }

    .slide {
        width: 100%;
        height: 148px
    }

    #Center-top-r {
        clear: both;
        width: 305px;
        float: none;
        margin: 0 auto
    }

    #Center-bottom {
        display: none
    }

    #Logo-m {
        display: block;
        width: 100%;
        height: 160px;
        background: #323234
    }

    .logo-t {
        height: auto;
        float: none;
        position: relative;
        margin: 0 0 0 10px
    }

    .logo-t img {
        margin: 20px 10px 0 0
    }

    .logo-b {
        height: auto;
        float: none;
        position: relative;
        margin: 0 0 0 10px
    }

    .logo-b img {
        margin: 18px 10px 0 2px
    }

    #FooterBG {
        width: 100%;
        height: 220px;
        clear: both;
        background: url(/images/footer-bg.gif) repeat-x left top
    }

    #Footer {
        width: 100%;
        height: 95px;
        margin: 0 auto;
        clear: both;
        background: url(/images/footer-bg.gif) repeat-x left top
    }

    #Tab-s {
        display: none
    }

    #Content-bg-s {
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    #Content-s {
        width: 100%;
        height: auto;
        float: left;
        background: #fff
    }

    .direction {
        font: normal 10px/12px Verdana, Geneva, sans-serif;
        padding: 30px 5px 0 0
    }

    .appointment {
        font: normal 14px/16px Arial, Helvetica, sans-serif;
        padding: 14px 5px 0 0
    }

    .appointment span {
        font: bold 9px/12px Verdana, Geneva, sans-serif;
        color: #f2f2e5
    }

    .meet-eric {
        font: bold 16px/18px Arial, Helvetica, sans-serif;
        color: #fff;
        width: 210px;
        height: 58px;
        background: url(/images/meet-eric-top-m-bg-updated.jpg) no-repeat 10px 20px !important;
        padding: 52px 0 0 100px;
        margin: 0 auto
    }

    .meet-eric a {
        color: #fff
    }

    .meet-eric a:hover {
        color: #fff
    }

    .intra-tab {
        font: bold 12px/30px Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        text-align: left
    }

    .intra-tab a {
        color: #fff;
        text-decoration: none
    }

    .intra-tab a:hover {
        color: #fff;
        text-decoration: none
    }

    .intra-tab ul {
        padding: 10px 0 20px;
        margin: 0;
        list-style: none
    }

    .intra-tab ul li a {
        background: url(/images/intra-tab-sep-m-bg.gif) repeat-x left bottom #5c5b5b;
        list-style: none;
        display: block
    }

    .intra-tab ul li a:hover {
        background: url(/images/intra-tab-sep-m-bg.gif) repeat-x left bottom #1e3179;
        list-style: none
    }

    .intra-tab img {
        margin: 9px 13px 0 19px
    }

    .Hometext {
        font: italic normal 10px/14px Verdana, Geneva, sans-serif;
        padding: 15px 15px 0
    }

    .Hometext img {
        width: 11px;
        height: 10px;
        margin: 25px 0 0
    }

    .HometextMain {
        font: normal 16px/20px FuturaBT-Heavy;
        padding: 15px 5px 10px 26px
    }

    .Home-more {
        font: normal 10px/12px Verdana, Geneva, sans-serif
    }

    .patient-name {
        font: bold 11px/14px Verdana, Geneva, sans-serif;
        padding: 3px 5px 16px 15px;
        width: 267px;
        margin-left: 10px;
        background: url(/images/patient-name-m-bg.gif) no-repeat left top
    }

    .payment {
        font: bold 12px/38px Arial, Helvetica, sans-serif;
        color: #4c4b4a;
        text-decoration: none;
        text-align: left;
        height: 38px;
        margin: 10px 0 0 10px;
        background: #fafafa
    }

    .payment a {
        color: #4c4b4a;
        text-decoration: none
    }

    .payment a:hover {
        color: #3c5ecc;
        text-decoration: none
    }

    .payment img {
        width: 27px;
        height: 26px;
        margin: 3px 24px 0 17px
    }

    .patient-forms {
        font: bold 12px/38px Arial, Helvetica, sans-serif;
        color: #4c4b4a;
        text-decoration: none;
        text-align: left;
        height: 38px;
        margin: 10px 0 0 10px;
        background: #fafafa
    }

    .patient-forms a {
        color: #4c4b4a;
        text-decoration: none
    }

    .patient-forms a:hover {
        color: #3c5ecc;
        text-decoration: none
    }

    .patient-forms img {
        width: 27px;
        height: 26px;
        margin: 3px 24px 0 17px
    }

    .mm-edu {
        font: bold 12px/14px Arial, Helvetica, sans-serif;
        color: #4c4b4a;
        text-decoration: none;
        text-align: left;
        margin: 15px 0 0 10px;
        padding: 16px 0 10px;
        height: 12px;
        background: #fafafa
    }

    .mm-edu a {
        color: #4c4b4a;
        text-decoration: none
    }

    .mm-edu a:hover {
        color: #3c5ecc;
        text-decoration: none
    }

    .mm-edu img {
        width: 37px;
        height: 25px;
        margin: -10px 18px 0 17px
    }

    .logo-top {
        margin-top: 0
    }

    .navigation {
        font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
        padding: 15px 30px 5px 24px
    }

    .textMain h1 {
        font: bold 14px/16px Arial, Helvetica, sans-serif
    }

    #tab {
        width: 96%;
        margin-top: 0;
        margin-left: -4px !important;
        position: absolute;
        height: auto
    }

    .tab li a,
    .tab li a:hover {
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        list-style: none !important;
        padding: 8px 0 !important;
        width: 30%;
        border-right: none;
        margin: 10px 5px 0;
        float: left;
        position: relative;
        display: block;
        background: url(/images/tabs-bg-off.gif) repeat-x 0 0;
        text-decoration: none;
        text-align: center
    }

    .tab li:last-child a,
    .tab last-child a:hover {
        border-right: none
    }

    .tab ul li a::last-child {
        width: 50%;
        margin-left: 50px
    }

    #conditions {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-top: 50px
    }

    #slide-content {
        width: 100%
    }

    #Hospital-Affiliation-l {
        width: 80%;
        margin-top: 50px
    }

    #Hospital-Affiliation-r {
        width: 100%
    }

    #Hospital-Affiliation-l img {
        margin: 20px 20px 0 0
    }

    #sub-cont {
        width: 100%;
        height: auto;
        margin: 0 0 50px;
        padding: 50px 0 0
    }

    #contTab1 {
        padding: 23px 20px 0 10px
    }

    .pat-forms a {
        width: 290px !important;
        float: left;
        margin: 0 0 20px !important
    }

    #tab-s {
        width: 100%;
        margin-top: 0;
        margin-left: -25px !important;
        position: absolute;
        height: auto
    }

    .tab-s li a,
    .tab-s li a:hover {
        padding: 8px 0 !important;
        width: 43%;
        border-right: none;
        margin: 10px 10px 0
    }

    #Surgery-l {
        width: 100%;
        margin-top: 80px
    }

    #Surgery-r {
        width: 100%
    }

    #Patient-edu-l {
        width: 100%;
        height: 540px;
        float: left;
        margin-top: 32px;
        position: relative;
        background: url(/images/human-anatomy-bg.jpg) no-repeat left top
    }

    #Patient-edu-r {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-top: 32px;
        margin-bottom: 50px;
        border: 2px solid #d7d7d7
    }

    .div1 {
        width: 300px;
        height: 100px
    }

    .div1 img {
        width: 150px;
        margin: 82px 0 0 12px
    }

    .div2 {
        width: 180px;
        height: 36px
    }

    .div2 img {
        width: 95px;
        margin: 19px 0 0 24px
    }

    .div3 {
        width: 300px;
        height: 91px
    }

    .div3 img {
        width: 80px;
        margin: 40px 0 0
    }

    .div4 {
        width: 300px;
        height: 13px
    }

    .div4 img {
        width: 120px;
        margin: 0 158px 0 25px
    }

    .div5 {
        width: 300px;
        height: 120px
    }

    .div5 img {
        width: 99px;
        margin: 109px 35px 0 0
    }

    .div6 {
        width: 300px;
        height: 108px
    }

    .div6 img {
        width: 115px;
        margin: 88px 100px 0 0
    }

    #contdiv3 img {
        height: 180px;
        margin: 0 10px 10px 0;
        width: 300px
    }

    #contdiv4 {
        padding: 0
    }

    #contdiv4 ul li img {
        margin: 0 !important;
        width: 244px;
        height: 200px
    }

    #v-height {
        height: 100px
    }

    #info {
        width: 100%
    }

    .bascom-center {
        width: 200px
    }

    #Hospital-Address {
        width: 244px;
        height: 239px;
        margin: 0 0 0 10px
    }

    #Hospital-t {
        width: 244px;
        height: 34px;
        border-bottom: 5px solid #a4a4a4
    }

    #Hospital-b {
        width: 244px;
        height: 200px
    }

    #Hospital-t ul li {
        width: 100%
    }

    #contdiv1 ul li img {
        margin: 0 !important;
        width: 244px;
        height: 200px
    }

    .more {
        font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
        color: #004087;
        text-decoration: none;
        padding: 5px 0 20px 5px
    }

    #other-services {
        margin: -60px 0 0
    }

    .tableborder {
        border: 1px solid #3582CB
    }

    .formHead {
        color: #FFF;
        background: #3582cb;
        text-align: left
    }

    .formHead a {
        color: #484646;
        text-decoration: underline
    }

    .formHead a:hover {
        color: #484646;
        text-decoration: none
    }

    .formlable {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif !important;
        color: #000;
        padding: 3px 3px 3px 5px
    }

    .mandatory {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #FF8204
    }

    .dropDown {
        border: 1px solid #b8b6b9
    }

    .dropDownF {
        border: 1px solid #b8b6b9;
        background: #b8b6b9;
        color: #fff;
        width: 100%
    }

    .ftable {
        width: 100%;
        display: block;
        float: left
    }

    textarea {
        width: 95%
    }

    .txtfield {
        width: 250px
    }

    .txtfield-c {
        width: 250px
    }

    .textArea-c {
        width: 250px
    }

    .button {
        height: 40px !important;
        padding: 0 10px !important
    }

    #recaptcha_area {
        width: 300px;
        margin: 0 0 0 -4px !important
    }

    .wpcf7-form table {
        margin: 0 -10px !important
    }

    .wpcf7-form table table {
        margin: 0 !important
    }

    .footer {
        width: 90%;
        text-align: center
    }

    .social-icon {
        width: 360px;
        height: 95px;
        float: left;
        position: relative
    }

    .social-icon img {
        margin: 28px 0 0 15px
    }

    .ypo-logo {
        width: 100px;
        float: left;
        position: relative;
        height: 95px
    }

    .ypo-logo img {
        margin: 28px 0 0 20px
    }

    .share-button {
        margin: 18px 0 0 15px !important;
        border: 0;
        clear: both
    }

    .demo {
        width: 100%;
        height: 240px
    }

    .demo1 {
        width: 100%;
        height: 240px
    }

    .intra-buttons {
        margin: 225px 0 0 430px;
        position: absolute;
        z-index: 20;
        width: 94px;
        height: 5px;
        text-decoration: none
    }

    .intra1-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra1-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intra2-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra2-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intra3-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra3-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intra4-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra4-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intra5-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra5-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intra6-bg {
        width: 100%;
        height: 240px;
        background: url(/images/intra6-bg.jpg) no-repeat left top;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        -ms-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important
    }

    .intratext {
        font: italic 16px/18px Arial, Helvetica, sans-serif;
        color: #0e0e0e;
        padding: 210px 150px 0 120px;
        text-decoration: none;
        text-align: left
    }

    .menu-item-25 a,
    .menu-item-31 a,
    .menu-item-236 a,
    .menu-item-237 a,
    .menu-item-28 a,
    .menu-item-27 a,
    .menu-item-28 a {
        width: 100%
    }

    #access {
        display: block;
        float: left;
        margin: 0;
        width: 100%;
        font: normal 15px/47px Arial, Helvetica, sans-serif
    }

    .menu .current_page_item a,
    .menu .current-menu-item a,
    .current-menu-parent > a,
    .current-menu-ancestor > a {
        background: none;
        color: #fff !important
    }

    #toTop {
        display: none !important
    }

    #mfooter {
        display: block;
        background: #333;
        width: 100%;
        height: 60px;
        border-top: 1px solid #999
    }

    #mfooter h1 {
        font: normal 12px Verdana, Geneva, sans-serif !important;
        color: #fff;
        text-align: center;
        margin: 20px 0 0;
        line-height: 10px;
        padding: 0
    }

    .menu-bg {
        height: 32px !important;
        font: normal 17px/32px Verdana, Geneva, sans-serif !important;
        color: #FFF !important;
        width: 100%
    }

    .menu-bg a,
    .menu-bg a:hover {
        color: #FFF !important;
        text-decoration: none !important
    }

    .menu-m {
        color: #161616 !important;
        text-decoration: none !important;
        text-align: left !important;
        width: 82% !important;
        margin: 0 0 0 8% !important
    }

    .menu-m a,
    .menu-m a:hover {
        color: #161616 !important;
        text-decoration: none !important;
        display: block
    }

    .menu-m img {
        margin: 11px 3% 0 0 !important
    }

    .tradio span.wpcf7-radio {
        width: 100%;
        float: right
    }

    .tradio span.wpcf7-radio span.wpcf7-list-item {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 10px
    }

    .tradio span.wpcf7-radio {
        width: 100%;
        float: right
    }

    .tradio span.wpcf7-radio span.wpcf7-list-item {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 10px
    }

    #test {
        display: none
    }

    #patient-portal {
        display: none
    }
}

@media screen and (max-width: 480px) {
    body {
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: scroll !important;
        overflow-x: none !important;
        *overflow-y: none !important;
        background: url(/images/body-m-bg.jpg) repeat-x left top !important
    }

    #Container {
        width: 100% !important
    }

    #page {
        background: none !important
    }

    #mheader {
        display: block;
        padding: 0;
        z-index: 24
    }

    #wrapper {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        width: 100%;
        z-index: 25
    }

    #Menu-list {
        display: none
    }

    #Header {
        width: 100%;
        height: 114px;
        margin: 0 auto;
        background: none
    }

    #Header-top {
        width: 100%;
        height: 112px;
        margin: 0 auto
    }

    #Logo {
        width: 159px;
        height: 112px;
        position: relative;
        float: left
    }

    #Logo img {
        width: 93px;
        height: 74px;
        margin: 13px 0 0 7px
    }

    #Directions-r {
        width: 161px;
        height: 112px;
        position: relative;
        float: left
    }

    #Directions {
        width: 100%;
        height: 40px;
        float: left;
        background: none
    }

    #Directions img {
        width: 65px;
        height: 25px;
        margin: -10px 5px 0 0
    }

    #Appointments {
        width: 100%;
        height: 55px;
        float: left
    }

    #Appointments img {
        width: 14px;
        height: 23px;
        margin: 5px 10px 0 14px
    }

    #Banner {
        width: 100%;
        margin: 0 auto;
        height: 270px
    }

    #Meet-Eric {
        width: 100%;
        height: 105px;
        float: none;
        position: absolute;
        z-index: 22;
        margin: 155px auto 0;
        background: url(/images/meet-eric-m-bg.jpg) no-repeat left top
    }

    #Intra {
        width: 100%;
        height: 135px;
        float: left;
        position: relative;
        background: url(/images/banner-right-bg.jpg) no-repeat left top/100% auto
    }

    #Intra-Tab {
        display: none
    }

    #Intra-Tab-m {
        width: 306px !important;
        margin: 0 auto;
        display: block;
        height: 189px !important
    }

    #Center-top {
        width: 100%;
        height: 335px;
        margin: 0 auto;
        background: none
    }

    #Center-top-l {
        width: 100%;
        height: 168px;
        float: left;
        background: #313131
    }

    .slide {
        width: 100%;
        height: 168px
    }

    #Center-top-r {
        width: 305px;
        float: left
    }

    #Logo-m {
        display: block;
        width: 100%;
        height: 310px;
        background: #323234
    }

    .logo-t {
        width: 100%;
        height: auto;
        float: left;
        margin: 0
    }

    .logo-t img {
        width: 140px;
        margin: 20px 0 0 4%
    }

    .logo-b {
        width: 100%;
        height: auto;
        float: left;
        margin: 0
    }

    .logo-b img {
        width: 120px;
        margin: 20px 20px 0 5%
    }

    #Center-bottom {
        display: none
    }

    #FooterBG {
        width: 100%;
        height: 300px;
        clear: both;
        background: url(/images/footer-bg.gif) repeat-x left top
    }

    #Footer {
        width: 100%;
        height: 95px;
        margin: 0 auto;
        clear: both;
        background: url(/images/footer-bg.gif) repeat-x left top
    }

    #Tab-s {
        display: none
    }

    #Content-bg-s {
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    #Content-s {
        width: 100%;
        height: auto;
        float: left;
        background: #fff
    }

    .direction {
        font: normal 10px/12px Verdana, Geneva, sans-serif;
        padding: 30px 5px 0 0
    }

    .appointment {
        font: normal 14px/16px Arial, Helvetica, sans-serif;
        padding: 14px 5px 0 0
    }

    .appointment span {
        font: bold 9px/12px Verdana, Geneva, sans-serif;
        color: #f2f2e5
    }

    .meet-eric {
        font: bold 14px/16px Arial, Helvetica, sans-serif;
        color: #fff;
        padding: 46px 25px 0 108px;
        height: 58px;
        width: 180px;
        margin: 0 auto
    }

    .meet-eric a {
        color: #fff
    }

    .meet-eric a:hover {
        color: #fff
    }

    .intra-tab {
        font: bold 12px/26px Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        text-align: left
    }

    .intra-tab a {
        color: #fff;
        text-decoration: none
    }

    .intra-tab a:hover {
        color: #fff;
        text-decoration: none
    }

    .intra-tab ul {
        padding: 10px 0;
        margin: 0;
        list-style: none
    }

    .intra-tab ul li a {
        background: url(/images/intra-tab-sep-m-bg.gif) no-repeat left bottom #5c5b5b;
        list-style: none;
        display: block
    }

    .intra-tab ul li a:hover {
        background: url(/images/intra-tab-sep-m-bg.gif) no-repeat left bottom #1e3179;
        list-style: none
    }

    .intra-tab img {
        margin: 9px 13px 0 19px
    }

    .Hometext {
        font: italic normal 10px/14px Verdana, Geneva, sans-serif;
        padding: 15px 15px 0
    }

    .Home-more {
        font: normal 10px/12px Verdana, Geneva, sans-serif
    }

    .Hometext img {
        width: 11px;
        height: 10px;
        margin: 25px 0 0
    }

    .HometextMain {
        font: normal 16px/20px FuturaBT-Heavy;
        padding: 15px 5px 10px 26px
    }

    .patient-name {
        font: bold 11px/14px Verdana, Geneva, sans-serif;
        padding: 3px 5px 16px 15px;
        width: 267px;
        margin-left: 10px;
        background: url(/images/patient-name-m-bg.gif) no-repeat left top
    }

    .patient-forms {
        font: bold 12px/38px Arial, Helvetica, sans-serif;
        color: #4c4b4a;
        text-decoration: none;
        text-align: left;
        height: 38px;
        margin: 10px 0 0 10px;
        background: #fafafa
    }

    .patient-forms a {
        color: #4c4b4a;
        text-decoration: none
    }

    .patient-forms a:hover {
        color: #3c5ecc;
        text-decoration: none
    }

    .patient-forms img {
        width: 27px;
        height: 26px;
        margin: 3px 24px 0 17px
    }

    .mm-edu {
        font: bold 12px/14px Arial, Helvetica, sans-serif;
        color: #4c4b4a;
        text-decoration: none;
        text-align: left;
        margin: 15px 0 0 10px;
        padding: 16px 0 10px;
        height: 12px;
        background: #fafafa
    }

    .mm-edu a {
        color: #4c4b4a;
        text-decoration: none
    }

    .mm-edu a:hover {
        color: #3c5ecc;
        text-decoration: none
    }

    .mm-edu img {
        width: 37px;
        height: 25px;
        margin: -10px 18px 0 17px
    }

    .logo-top {
        margin-top: 0
    }

    .navigation {
        font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
        padding: 15px 30px 5px 24px
    }

    .textMain h1 {
        font: bold 14px/16px Arial, Helvetica, sans-serif
    }

    #tab {
        width: 90%;
        margin-top: 0;
        margin-left: -25px;
        position: absolute;
        height: auto
    }

    .tab li a,
    .tab li a:hover {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        list-style: none;
        padding: 8px 0;
        width: 30%;
        border-right: none;
        margin: 10px 20px 0 10px;
        float: left;
        position: relative;
        display: block;
        background: url(/images/tabs-bg-off.gif) repeat-x 0 0;
        text-decoration: none;
        text-align: center
    }

    .tab ul li a::last-child {
        width: 50%;
        margin-left: 20px
    }

    #conditions {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-top: 100px
    }

    #conditions img {
        width: 100%
    }

    #slide-content {
        width: 100%
    }

    #Hospital-Affiliation-l {
        width: 100%;
        margin-top: 120px
    }

    #Hospital-Affiliation-r {
        width: 100%
    }

    #sub-cont {
        width: 100%;
        height: auto;
        margin: 0 0 50px;
        padding: 98px 0 0
    }

    #contTab1 {
        padding: 23px 20px 0 10px
    }

    .pat-forms a {
        width: 250px !important;
        float: left;
        margin: 0 0 20px
    }

    #tab-s {
        width: 100%;
        margin-top: 0;
        margin-left: -25px;
        position: absolute;
        height: auto
    }

    .tab-s li a,
    .tab-s li a:hover {
        padding: 8px 0;
        width: 43%;
        border-right: none;
        margin: 10px 10px 0
    }

    #Surgery-l {
        width: 100%;
        margin-top: 80px
    }

    #Surgery-r {
        width: 100%
    }

    #Patient-edu-l {
        width: 100%;
        height: 450px;
        float: left;
        margin-top: 32px;
        position: relative;
        background: url(/images/human-anatomy-bg.jpg) no-repeat left top/100% auto
    }

    #Patient-edu-r {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-top: 32px;
        margin-bottom: 50px;
        border: 2px solid #d7d7d7
    }

    .div1 {
        width: 300px;
        height: 100px
    }

    .div1 img {
        width: 99px;
        margin: 69px 0 0 32px
    }

    .div2 {
        width: 300px;
        height: 36px
    }

    .div2 img {
        width: 79px;
        margin: 0 0 0 17px
    }

    .div3 {
        width: 300px;
        height: 91px
    }

    .div3 img {
        width: 70px;
        margin: 10px 45px 0 0
    }

    .div4 {
        width: 300px;
        height: 13px
    }

    .div4 img {
        width: 99px;
        margin: -36px 180px 0 22px
    }

    .div5 {
        width: 300px;
        height: 120px
    }

    .div5 img {
        width: 99px;
        margin: 51px 62px 0 19px
    }

    .div6 {
        width: 300px;
        height: 108px
    }

    .div6 img {
        width: 99px;
        margin: 20px 130px 0 0
    }

    #contdiv3 img {
        width: 230px;
        height: 100px;
        margin: 0 10px 0 0
    }

    #contdiv4 {
        padding: 0
    }

    #contdiv4 ul li img {
        margin: 0;
        width: 244px;
        height: 200px
    }

    #v-height {
        height: 100px
    }

    #info {
        width: 100%
    }

    .bascom-center {
        width: 200px
    }

    #Hospital-Address {
        width: 244px;
        height: 274px
    }

    #Hospital-t {
        width: 244px;
        height: 34px;
        border-bottom: 5px solid #a4a4a4
    }

    #Hospital-b {
        width: 244px;
        height: 274px
    }

    #Hospital-t ul li {
        width: 100%
    }

    #contdiv1 ul li img {
        margin: 0;
        width: 244px;
        height: 200px
    }

    .more {
        font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
        color: #004087;
        text-decoration: none;
        padding: 5px 0 20px 5px
    }

    #other-services {
        margin: -60px 0 0
    }

    .tableborder {
        border: 1px solid #3582CB
    }

    .formHead {
        color: #FFF;
        background: #3582cb;
        text-align: left
    }

    .formHead a {
        color: #484646;
        text-decoration: underline
    }

    .formHead a:hover {
        color: #484646;
        text-decoration: none
    }

    .formlable {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        padding: 3px 3px 3px 5px
    }

    .mandatory {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #FF8204
    }

    .dropDown {
        border: 1px solid #b8b6b9
    }

    .dropDownF {
        border: 1px solid #b8b6b9;
        background: #b8b6b9;
        color: #fff;
        width: 100%
    }

    .ftable {
        width: 100%;
        display: block;
        float: left
    }

    textarea {
        width: 95%
    }

    .txtfield {
        width: 250px
    }

    .txtfield-c {
        width: 250px
    }

    .textArea-c {
        width: 250px
    }

    .button {
        height: 40px;
        padding: 0 10px
    }

    #recaptcha_area {
        width: 300px;
        margin: 0 0 0 -4px
    }

    .wpcf7-form table {
        margin: 0 -10px
    }

    .wpcf7-form table table {
        margin: 0
    }

    .footer {
        padding: 20px 10px 0 11px;
        width: 280px
    }

    .social-icon {
        width: 200px;
        height: 95px;
        float: left;
        position: relative
    }

    .social-icon img {
        margin: 18px 0 0 5px
    }

    .ypo-logo {
        width: 100px;
        float: left;
        position: relative;
        height: 95px
    }

    .ypo-logo img {
        margin: 25px 0 0 20px
    }

    .share-button {
        margin: 18px 0 0 15px;
        border: 0;
        clear: both
    }

    .demo {
        width: 100%;
        height: 155px
    }

    .demo1 {
        width: 100%;
        height: 155px
    }

    .intra-buttons {
        margin: 140px 0 0 240px;
        position: absolute;
        z-index: 20;
        width: 74px;
        height: 5px;
        text-decoration: none
    }

    .intra-buttons img {
        width: 8px;
        height: 8px
    }

    .intra1-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra1-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intra2-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra2-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intra3-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra3-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intra4-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra4-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intra5-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra5-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intra6-bg {
        width: 100%;
        height: 155px;
        background: url(/images/intra6-bg.jpg) no-repeat left top;
        background-size: 100% auto
    }

    .intratext {
        font: italic 13px/14px Arial, Helvetica, sans-serif;
        color: #0e0e0e;
        padding: 96px 150px 0 120px;
        text-decoration: none;
        text-align: left
    }

    .menu-item-25 a,
    .menu-item-31 a,
    .menu-item-236 a,
    .menu-item-237 a,
    .menu-item-28 a,
    .menu-item-27 a,
    .menu-item-28 a {
        width: 100%
    }

    #access {
        display: block;
        float: left;
        margin: 0;
        width: 100%;
        font: normal 15px/47px Arial, Helvetica, sans-serif
    }

    .menu .current_page_item a,
    .menu .current-menu-item a,
    .current-menu-parent > a,
    .current-menu-ancestor > a {
        background: none;
        color: #fff
    }

    #toTop {
        display: none
    }

    #mfooter {
        display: block;
        background: #333;
        width: 100%;
        height: 60px;
        border-top: 1px solid #999
    }

    #mfooter h1 {
        font: normal 12px Verdana, Geneva, sans-serif;
        color: #fff;
        text-align: center;
        margin: 20px 0 0;
        line-height: 10px;
        padding: 0
    }

    .menu-bg {
        height: 32px;
        font: normal 17px/32px Verdana, Geneva, sans-serif;
        color: #FFF;
        width: 100%
    }

    .menu-bg a,
    .menu-bg a:hover {
        color: #FFF;
        text-decoration: none
    }

    .menu-m {
        color: #161616;
        text-decoration: none;
        text-align: left;
        width: 88%;
        margin: 0 0 0 8%
    }

    .menu-m a,
    .menu-m a:hover {
        color: #161616;
        text-decoration: none;
        display: block
    }

    .menu-m img {
        margin: 11px 3% 0 0
    }

    .tradio span.wpcf7-radio {
        width: 100%;
        float: right
    }

    .tradio span.wpcf7-radio span.wpcf7-list-item {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 10px
    }
}

.testimonials-submit {
    width: 190px;
    margin-top: 10px;
    color: #fff
}

.testimonials-submit a {
    background: #07315e;
    padding: 6px 5px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none
}

.testimonials-submit a:hover {
    background: #284b70;
    color: #fff;
    text-decoration: none
}

.Surgery-l:onClick {
    background: #3758cc !important;
}