/* ------------------------------ Fonts CSS ------------------------------ */
@font-face {
    font-family: 'open_sansbold';

    src: url('/fonts/opensans-bold-webfont.eot');

    src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/opensans-bold-webfont.woff2') format('woff2'),

         url('/fonts/opensans-bold-webfont.woff') format('woff'),

         url('/fonts/opensans-bold-webfont.ttf') format('truetype'),

         url('/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';

    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/opensans-regular-webfont.woff2') format('woff2'),

         url('/fonts/opensans-regular-webfont.woff') format('woff'),

         url('/fonts/opensans-regular-webfont.ttf') format('truetype'),

         url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';

    src: url('/fonts/opensans-semibold-webfont.eot');

    src: url('/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/opensans-semibold-webfont.woff2') format('woff2'),

         url('/fonts/opensans-semibold-webfont.woff') format('woff'),

         url('/fonts/opensans-semibold-webfont.ttf') format('truetype'),

         url('/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'monbaiti';

    src: url('/fonts/monbaiti.eot');

    src: url('/fonts/monbaiti.eot') format('embedded-opentype'),

         url('/fonts/monbaiti.woff2') format('woff2'),

         url('/fonts/monbaiti.woff') format('woff'),

         url('/fonts/monbaiti.ttf') format('truetype'),

         url('/fonts/monbaiti.svg#monbaiti') format('svg');

          font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'MyriadProRegular';

    src: url('/fonts/MyriadProRegular.eot');

    src: url('/fonts/MyriadProRegular.eot') format('embedded-opentype'),

         url('/fonts/MyriadProRegular.woff2') format('woff2'),

         url('/fonts/MyriadProRegular.woff') format('woff'),

         url('/fonts/MyriadProRegular.ttf') format('truetype'),

         url('/fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');

          font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'MongolianBaiti';

    src: url('/fonts/MongolianBaiti.eot');

    src: url('/fonts/MongolianBaiti.eot') format('embedded-opentype'),

         url('/fonts/MongolianBaiti.woff2') format('woff2'),

         url('/fonts/MongolianBaiti.woff') format('woff'),

         url('/fonts/MongolianBaiti.ttf') format('truetype'),

         url('/fonts/MongolianBaiti.svg#MongolianBaiti') format('svg');
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/* ------------------------------ Global CSS ------------------------------ */
#toTop {
  width: 100px;
  background: #000000;
  text-align: center;
  position: fixed;
  bottom: 84px;
  right: 0px;
  cursor: pointer;
  display: none;
  color: #ffffff;
  font-family: verdana;
  font-size: 12px;
  padding: 8px;
  z-index: 10;
  border-radius: 5px 0 0 5px;
}
#toTop:hover {
  background: #000000;
}
body {

margin: 0px;

padding: 0px;

overflow-y: scroll;

*overflow-y:none;

}

img {

border: 0px;

max-width: 100%;

vertical-align: middle;

}

p, h1, h2, h3, h4, h5, h6, ul, ol {

margin: 0px;

padding: 0px;

}

ul {

list-style: none;

}

a, a:hover {

text-decoration: none;

}

/* ------------------------------ General CSS ------------------------------ */

.hr {

height: 10px;

background: url(/images/hr.gif) repeat-x left center;

}

.clear-float {

clear: both;

}

.img-l, .img-r {

padding: 2px;

border: 1px solid #ccc;

}

.img-r {

float: right;

margin: 0px 0px 15px 15px;

}

.img-l {

float: left;

margin: 0px 15px 15px 0px;

}

.videoBorder {

border: 4px solid #333;

width: 90%;

position: relative;

margin: 10px auto;

padding: 50% 0px 0px 0px;

}

.multiBorder {

width: 90%;

position: relative;

margin: 10px auto;

padding: 100% 0px 0px 0px;

}

.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed {

top: 0px;

position: absolute;

width: 100.1%;

height: 100%;

margin: 0px;

padding: 0px;

border: 0px !important;

}

.testimonial-img {

border: 1px solid #ccc;

padding: 10px;

}



/* ------------------------------ Banner CSS ------------------------------ */

.rslides {

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

position: relative;

}

.rslides li {

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

left: 0px;

top: 0px;

display: none;

}

#Interactivity {

position: relative;

}

.intra-div {

width: 100%;

height: 100%;

}

.Intra-L, .Intra-R {

position: absolute;

z-index: 100;

width: 100%;

height: 100%;

padding: 0px;

margin: 0px;

}

.Intra-L {

left: -100%;

}

.Intra-R {

right: -100%;

}

.Intra-Tabs {

position: absolute;

z-index: 200;

margin: 0px;

padding: 0px;

right: 10px;

bottom: 10px;

}

/* ------------------------------ Scrolling Styles ------------------------------ */

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

display: none;

}

.nbs-flexisel-container {

position: relative;

max-width: 100%;

overflow: hidden !important;

}

.nbs-flexisel-ul {

position: relative;

width: 9999px;

*width:9999px;

margin: 0px;

padding: 0px;

list-style-type: none;

text-align: center;

overflow: hidden !important;

}

.nbs-flexisel-inner {

overflow: hidden !important;

float: left;

width: 92%;

margin-left: 4%;

margin-right: 4%;

*margin-left:8%;

*margin-right:8%;

}

.nbs-flexisel-item {

float: left;

margin: 0px;

padding: 0px;

cursor: pointer;

position: relative;

line-height: 0px;

height: 100px;

}

.nbs-flexisel-item img {

cursor: pointer;

margin-top: 24px;

max-width: 194px;

margin: 5px auto;

*width:60%;

*margin:29px 44px 0px 0px;

}

#Credibilty .nbs-flexisel-nav-right:active, #Credibilty .nbs-flexisel-nav-left:active {

box-shadow: 0 2px 0 #006599;

transform: translateY(3px);

}

#Credibilty .nbs-flexisel-nav-right {

background: #d0dde0;

border-radius: 50%;

border: 0;

box-shadow: 0 3px 0 #006599;

color: #fff;

cursor: pointer;

font: inherit;

margin: 0;

outline: 0;

transition: all .1s linear;

}

#Credibilty .nbs-flexisel-nav-left {

background: #d0dde0;

border-radius: 50%;

border: 0;

box-shadow: 0 3px 0 #006599;

color: #fff;

cursor: pointer;

font: inherit;

margin: 0;

outline: 0;

transition: all .1s linear;

}

/*----- Navigation -----*/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

width: 30px;

height: 100%;

position: absolute;

cursor: pointer;

z-index: 100;

top: 0px;

}

.nbs-flexisel-nav-left {

height: 30px;

left: 3px;

top: 21% !important;

}

.nbs-flexisel-nav-right {

height: 30px;

right: 3px;

top: 21% !important;

}

/* ------------------------------ Main CSS ------------------------------ */

#Container, header, #Intra-Container, #Intra-Container-S, section, #Personal-Container, footer, #Credibilty-Container, #Content-Container, #Treat-Container {

width: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

position: relative;

}

#Menu-Container {

width: 100%;

margin: 0px;

padding: 0px;

position: relative;

}

#Header, #Main-Menu, #Mobile-Main, #Interactivity, #Personal, #Treat, #Meet, #Credibilty, #Quick, #Footer, #Content-Main, #Patient {

max-width: 960px;

min-width: 320px;

margin: 0px auto;

}

#Sidebar, #Content-Left {

display: table-cell;

vertical-align: top;

}

#Content-Main .intra-div {

display: table;

}

/* ------------------------------ Header CSS ------------------------------ */

header {

background: #ffffff;

}

#Header {

padding:20px 0px;

}

.logo {

float: left;

width: 35%;

margin: 0px 3% 0px 0px;

}

.hss-logo {

float: left;

vertical-align: top;

margin: 0 auto;

padding: 0px;

width: 20%;

}

.header-right {

float: right;

font: normal 16px/20px 'Open Sans', sans-serif;

width: 210px;

}

.call {

float: right;

color: #0a2ea4;

font: normal 22px/26px 'Open Sans', sans-serif;

;

}

.call a {

color: #0a2ea4;

}

.book-appoint {

float: right;

color: #909194;

width: 200px;

margin: 5px 0px;

}

.map-h {

float: right;

color: #909194;

width: 133px;

}

.book-appoint a, .map-h a {

display: block;

width: 100%;

color: #ffffff;

background: #909194;

padding: 5px 0px 5px 5px

}

.book-appoint a span {

float: left;

background: url(/images/edwin-sprite.png) no-repeat 0px 0px;

margin: 2px 0px 0px 0px;

height: 22px;

width: 22px;

}

.map-h a span {

float: left;

background: url(/images/edwin-sprite.png) no-repeat 0px -30px;

margin: 2px 0px 0px 0px;

height: 22px;

width: 22px;

}

/*------------------------menu css-------------------*/

#Menu-Container {

background: #ffd02c;

}

#Main-Menu, #Mobile-Main {

height: 56px;

}

#Mobile-Main {

display: none;

}

#access li {

font: normal 15px/56px 'MongolianBaiti';

color: #000000;

height: 49px;

float: left;

position: relative;

text-align: center;

text-transform: uppercase;

}

#access li a {

display: block;

color: #000000;

}

#access a:hover {

color: #ffd02c;

background: #1b2396;

}

#access ul ul {

position: absolute;

z-index: 99999;

display: none;

left: 0px;

padding: 15px 10px;

background: #0773bb;

}

#access ul ul li {

font: normal 14px/35px Arial, Helvetica, sans-serif;

height: 35px;

color: #ffffff;

text-align: left;

float: none;

text-transform: none;

border-bottom: 1px solid #2c99d5;

}

#access ul ul a {

background: url(/images/menu-li-bg.png) no-repeat 10px center;

border: none;

color: #ffffff;

padding: 0px 0px 0px 25px;

}

#access ul ul a:hover {

background: url(/images/menu-li-bg.png) no-repeat 10px center #2c99d5;

color: #fff;

}

#access ul ul ul {

left: 100%;

top: -1px;

padding: 0px 0px 0px 7px;

}

#access ul li:hover > ul {

display: block;

}

.menu-item-27 {

width: 9%;

}

.menu-item-29 {

width: 15%;

}

.menu-item-29 ul a {

width: 190px !important;

}

.menu-item-31 {

width: 12%;

}

.menu-item-31 ul a {

width: 225px !important;

}

.menu-item-30 {

width: 15%;

}

.menu-item-30 ul a {

width: 250px !important;

}

.menu-item-669 ul a {

width: 100px !important;

}

.menu-item-24 {

width: 14%;

}

.menu-item-24 ul a {

width: 200px !important;

}

.menu-item-28 {

width: 14%;

}

.menu-item-28 ul a {

width: 200px !important;

}

.menu-item-26 {

width: 7%;

}

.menu-item-26 ul a {

width: 200px !important;

}

.menu-item-25 {

width: 13%;

}

#access .menu li a:hover, #access .menu > li:hover > a, #access .menu li.current_page_item > a, #access .menu li.current-menu-item > a {

color: #ffd02c !important;

background: #1b2396 !important;

}

#access .menu > li.current-menu-ancestor > a, #access .menu > li.current-page-ancestor > a {

color: #ffd02c !important;

background: #1b2396 !important;

}

#access .menu ul li a:hover, #access .menu ul > li:hover > a, #access .menu ul li.current_page_item > a, #access .menu ul li.current-menu-item > a {

color: #fff !important;

background: url(/images/menu-li-bg.png) no-repeat 10px center #2c99d5 !important;

}

#access .menu ul > li.current-menu-ancestor > a, #access .menu ul > li.current-page-ancestor > a {

color: #fff !important;

background: url(/images/menu-li-bg.png) no-repeat 10px center #1b2396 !important;

}

/* ---------- Mobile Menu ---------- */

#Mobile-Menu {

display: none;

width: 100%;

height: 50px;

margin: 0px;

padding: 0px;

}

.menu-link {

height: 50px;

font: normal 18px/50px 'TrajanPro-Regular';

color: #1D71B1;

margin: 0px;

padding: 0px;

text-align: center;

border-top: 1px solid #1D71B1;

border-bottom: 1px solid #1D71B1;

}

.menu-link a {

color: #1D71B1;

display: block;

}

.menu-link img {

margin: 0px 10px;

}

#wrapper {

left: 0px;

overflow: hidden;

width: 100%;

position: relative;

z-index: 99999;

}

#wrapper ul {

margin: 0px;

padding: 0px;

}

#wrapper ul ul {

margin: 0px;

padding: 0px;

display: none;

position: relative;

}

#wrapper ul ul ul {

margin: 0px;

padding: 0px;

}

#wrapper ul li {

font: normal 14px/35px Arial, Helvetica, sans-serif;

height: auto;

text-align: left;

float: none;

text-transform: none;

background: #1D71B1;

color: #ffffff;

border-bottom: 1px solid #27a8ca;

width: 100%;

}

#wrapper ul li a {

display: block;

color: #ffffff;

padding: 0px 0px 0px 20px;

}

#wrapper ul li a:hover {

color: #fff;

background: #27a8ca;

}

#wrapper .menu li > a:hover, #wrapper .menu > li:hover > a, #wrapper .menu li.current_page_item > a, #wrapper .menu li.current-menu-item > a {

color: #fff !important;

background: #27a8ca !important;

}

#wrapper .menu > li.menu-item-has-children > a {

background:#1d71b1 !important;

}

#wrapper .menu > li.menu-item-has-children a:hover, #wrapper .menu > li.menu-item-has-children:hover > a, #wrapper .menu > li.current-menu-ancestor > a, #wrapper .menu > li.current-page-ancestor > a, #wrapper .menu > li.menu-item-has-children a.active {

color: #fff !important;

background:#27a8ca !important;

}

#wrapper .menu-item-has-children ul a {

color: #fff !important;

background: #6ACDE7 !important;

}

#wrapper .menu > li.menu-item-has-children li > a:hover {

color: #fff !important;

background: #27a8ca !important;

}

/* ------------------------------ Banner CSS ------------------------------ */

#Intra-Container #Interactivity {

height: 402px;

}

#Intra-Container-S #Interactivity {

height: 141px;

}

#Intra-Container #Banner0 {

background: url(/images/banner1-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner0 .Intra-L {

background: url(/images/banner1-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner0 .Intra-R {

background: url(/images/banner1-r-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner1 {

background: url(/images/banner2-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner1 .Intra-L {

background: url(/images/banner2-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner1 .Intra-R {

background: url(/images/banner2-r-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner2 {

background: url(/images/banner3-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner2 .Intra-L {

background: url(/images/banner3-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner2 .Intra-R {

background: url(/images/banner3-r-bg.jpg) no-repeat left top;

}



#Intra-Container #Banner3 {

background: url(/images/banner5-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner3 .Intra-L {

background: url(/images/banner5-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner3 .Intra-R {

background: url(/images/banner5-r-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner4 {

background: url(/images/banner6-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner4 .Intra-L {

background: url(/images/banner6-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner4 .Intra-R {

background: url(/images/banner6-r-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner5 {

background: url(/images/banner7-bg.jpg) no-repeat left top;

}

#Intra-Container #Banner5 .Intra-L {

background: url(/images/banner7-l-bg.jpg) no-repeat right top;

}

#Intra-Container #Banner5 .Intra-R {

background: url(/images/banner7-r-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner0 {

background: url(/images/banner1-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner0 .Intra-L {

background: url(/images/banner1-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner0 .Intra-R {

background: url(/images/banner1-sr-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner1 {

background: url(/images/banner2-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner1 .Intra-L {

background: url(/images/banner2-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner1 .Intra-R {

background: url(/images/banner2-sr-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner2 {

background: url(/images/banner3-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner2 .Intra-L {

background: url(/images/banner3-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner2 .Intra-R {

background: url(/images/banner3-sr-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner3 {

background: url(/images/banner5-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner3 .Intra-L {

background: url(/images/banner5-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner3 .Intra-R {

background: url(/images/banner5-sr-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner4 {

background: url(/images/banner6-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner4 .Intra-L {

background: url(/images/banner6-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner4 .Intra-R {

background: url(/images/banner6-sr-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner5 {

background: url(/images/banner7-s-bg.jpg) no-repeat left top;

}

#Intra-Container-S #Banner5 .Intra-L {

background: url(/images/banner7-sl-bg.jpg) no-repeat right top;

}

#Intra-Container-S #Banner5 .Intra-R {

background: url(/images/banner7-sr-bg.jpg) no-repeat left top;

}

.intra-main {

position: absolute;

padding: 5px 0px 0px 0px;

}

.intra-main h2 {

font: bold 26px/33px 'Open Sans', sans-serif;

;

color: #ffffff;

}

#Intra-Container .intra-main {

top: 37%;

left: 65%;

}

#Intra-Container-S .intra-main {

left: 53%;

top: 20%;

}

.Intra-Tabs li {

width: 12px;

height: 6px;

display: inline-block;

}

.Intra-Tabs li a {

background: #ffd02c;

width: 100%;

height: 100%;

display: block;

}

.Intra-Tabs li a:hover, .Banner_here a {

background: #192195 !important;

}

/* ------------------------------ Treet CSS ------------------------------ */

#Treat-Container {

padding: 20px 0px;

}

#Treat {

background: url(/images/treat-bg.jpg) repeat 0px 0px;

}

.treat-text h3 {

font: normal 25px/29px 'MongolianBaiti';

margin: 15px 120px 26px 0;

text-align: center;

text-transform: uppercase;

color: #262525;

}

.treat-img {

float: left;

width: 22%;

padding: 0% 1% 0% 2%;

}

.treat-text {

float: left;

width: 75%;

}

.treat-text a {

display: block;

color: #262525;

}

.treat-text li span {

height: 54px;

width: 60px;

float: left;

}

.treat-text ul li {

float: left;

font: normal 14px/17px 'Open Sans', sans-serif;;

margin: 0 0 4% 0%;

width: 25%;

}

.treat-text li:nth-child(1) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -60px;

}

.treat-text li:nth-child(2) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -150px;

}

.treat-text li:nth-child(3) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -240px;

}

.treat-text li:nth-child(4) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -330px;

}

.treat-text li:nth-child(5) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -420px;

}

.treat-text li:nth-child(6) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -510px;

}

.treat-text li:nth-child(7) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -1025px;

}

.treat-text li:nth-child(8) a span {

background: url(/images/uncemented-home-on.png) no-repeat 0px 0px;

}

.treat-text li:nth-child(1) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -60px;

}

.treat-text li:nth-child(2) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -150px;

}

.treat-text li:nth-child(3) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -240px;

}

.treat-text li:nth-child(4) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -330px;

}

.treat-text li:nth-child(5) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -420px;

}

.treat-text li:nth-child(6) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -510px;

}

.treat-text li:nth-child(7) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -91px -1025px;

}
.treat-text li:nth-child(8) a:hover span {

background: url(/images/uncemented-home-off.png) no-repeat 0px 0px;

}
/* ------------------------------ Meet Dr CSS ------------------------------ */

#Meet-Container {

background: url(/images/meet-dr-bg.jpg) repeat 0px 0px;

}

.doch-container {

float: left;

width: 95%;

}

.doch-pic {

float: left;

margin: 0px 2% 0px 0px;

width: 36%;

}

.doch-pic > img {

width: 98%;

}

.doch-txt {

float: left;

margin: 0;

width: 62%;

padding: 60px 0px 0px 0px;

}

.doch-txt h2 {

color: #192195;

font: normal 32px/27px 'MongolianBaiti';

padding: 0 0 15px;

text-transform: uppercase;

}

.doch-txt h2 a {

color: #192195;

}

.doch-txt p {

color: #262626;

font: 15px/19px 'MyriadProRegular';

}

.edwin-research {

float: left;

padding: 3% 0 0 1%;

}

.edwin-research span {

padding: 10px 20px;

background: url(/images/edwin-sprite.png) no-repeat -96px -591px;

}

.edwin-research a {

background: #1a7ad2 none repeat scroll 0 0;

color: #ffffff;

display: block;

float: left;

font: normal 15px/35px 'MyriadProRegular';

height: 40px;

text-align: center;

width: 294px;

}

.edwin-research a:hover {

color: #ffffff;

}

.read {

color: #262626;

font: italic 15px/19px 'MyriadProRegular';

}

.edwin-uniteds {

float: left;

padding: 3% 0 0 1%;

}

.edwin-uniteds a {

background: #4299e9 none repeat scroll 0 0;

color: #ffffff;

display: block;

float: left;

font: normal 15px/35px 'MyriadProRegular';

height: 40px;

text-align: center;

width: 265px;

}

/* ------------------------------ Credibilty Styles ------------------------------ */

#Credibilty-Container {

background: #ffffff;

padding: 1% 0px 2% 0px;

}

#Credibilty {

border-top: 1px solid #b2b2b2;

}

.Credibilty-C {

float: left;

width: 24%;

background: url(/images/crad.jpg) no-repeat center right;

}

.Credibilty-C h4, .Credibilty h4 {

font: normal 16px/20px 'MyriadProRegular';

padding: 15px 0px 10px 0px;

}

.Credibilty {

float: left;

width: 73%;

margin: 0px 0px 0px 3%;

}

.Credibilty ul {

display: inline;

padding: 0px;

margin: 0px;

}

.Credibilty li {

padding: 0px 10px 0px 0px;

float: left;

list-style: none;

}

.Credibilty li:nth-child(1) {

width: 29%;

}

.Credibilty li:nth-child(2) {

width: 40%;

}

.Credibilty li:nth-child(3) {

width: 25%;

}

/* ------------------------------ Quick CSS ------------------------------ */

#Quick-Container {

background: #e6f1f3 url(/images/quick-bg.jpg) repeat;

border-top: 3px solid #cfdcdf;

}

#Quick {

padding: 40px 0px 30px 0px;

}

#Quick h3 {

font: normal 18px/22px 'MongolianBaiti';

margin: 0px;

}

.Patient-Education-Videos h3 a, .Patient-Resources h3 a {

background: #1E2597;

color: #FFED31;

display: block;

padding: 4% 2% 4% 3%;

}

.Patient-Education-Videos, .Patient-Resources {

width: 30%;

float: left;

margin: 1% 3% 7% 0px;

}

.pev-img {

background: #ffffff;

margin: 0px;

padding: 8px 8px 8px 8px;

overflow: hidden;

position: relative;

}

.location-slide {

min-height: 170px !important;

padding: 9px 9px 9px 9px !important;

}

.pev-img ul#slider3 img {

height: 170px;

overflow: hidden;

}

.Watch-video {

float: left;

width: 100%;

}

.location_nav {

position: absolute;

-webkit-tap-highlight-color: rgba(0,0,0,0);

opacity: 0.7;

z-index: 5;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

width: 16px;

height: 23px;

bottom: 0px;

}

.location_nav.next {

right: 0;

}

.location_nav:active {

opacity: 1.0;

}

.location_nav.prev {

background: url("/images/location-map-nav.png") no-repeat scroll 0px 0px;

right: 30px;

}

.location_nav.next {

background: url("/images/location-map-nav.png") no-repeat scroll -21px 0px;

right: 10px;

}

.Watch-video a {

font: normal 13px/17px 'MyriadProRegular';

color: #262626;

display: block;

background: #ffffff !important;

padding: 0px 0 8px 0px;

text-align: center;

}

.Watch-video-s a {

background: #ffffff none repeat scroll 0 0 !important;

color: #262626;

display: block;

font: 13px/10px "MyriadProRegular";

margin: 13px 0 0;

padding: 0 0 8px;

text-align: center;

}

.Watch-video span, .Watch-video-s span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -62px -636px;

padding: 10px 20px;

}

.out-of-town a, .download a, .testimonials a {

font: normal 16px/18px 'Open Sans', sans-serif;

;

}

.out-of-town a, .download a, .testimonials a, .out-of-town-s a, .download-s a, .testimonials-s a {

color: #262626;

display: block;

background: #ffffff !important;

padding: 6.5% 3%;

margin: 0px 0px 8px 0px;

border: 2px solid #add9f3;

}

.out-of-town-s a, .download-s a, .testimonials-s a {

font: normal 15px/18px 'Open Sans', sans-serif;

;

}

.out-of-town a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -90px -757px;

}

.download a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -80px -813px;

}

.testimonials a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -81px -875px;

}

.out-of-town span, .out-of-town-s a span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll 0 -757px;

padding: 30px 29px;

}

.download span, .download-s span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll 10px -813px;

padding: 30px 27px;

}

.testimonials span, .testimonials-s span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll 9px -875px;

padding: 30px 29px;

}

.out-of-town-s a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -90px -757px;

}

.download-s a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -80px -813px;

}

.testimonials-s a:hover span {

background: rgba(0, 0, 0, 0) url("/images/edwin-sprite.png") no-repeat scroll -81px -875px;

}

/* ------------------------------ Footer CSS ------------------------------ */

footer {

}

#Footer {

padding: 24px 0px;

border-top: 1px solid #b2b2b2;

}

#Footer h2 {

font: normal 18px/22px 'MongolianBaiti';

color: #262626;

padding: 0px 0px 10px 0px;

}

.footer-menu, .footer-services, .footer-quick-links {

float: left;

font: normal 13px/20px 'Open Sans', sans-serif;

;

color: #262626;

}

.footer-menu {

width: 21%;

padding:0px 0px 0px 1%;

}

.footer-services {

width: 33%;

}

.footer-quick-links {

width: 24%;

}

.footer-follow {

float: left;

width: 18%;

}

.footer-follow img {

padding: 5px 0px;

}

.footer-menu a, .footer-services a, .footer-quick-links a, .footer-follow a {

color: #000000;

}

.smo {

width: 179px;

float: left;

}

.smo li {

float: left;

margin: 5px 5px 5px 5px;

height: 35px;

width: 35px;

}

.smo li a {

display: block;

}

.smo li span {

height: 30px;

width: 30px;

float: left;

}

.smo-p {

font:normal 10px/14px Verdana,Arial,Helvetica,sans-serif;

margin: 5px 0px 0px;

}

.smo li:nth-child(1) {

background: #DADADA;

}

.smo li:nth-child(2) {

background: #CDCDCD;

}

.smo li:nth-child(3) {

background: #E5E5E5;

}

.smo li:nth-child(4) {

background: #DADADA;

}

.smo li:nth-child(5) {

background: #DADADA;

}

.smo li:nth-child(1) a span {

background: url(/images/edwin-sprite.png) no-repeat scroll 9px -681px;

}

.smo li:nth-child(2) a span {

background: url(/images/edwin-sprite.png) no-repeat scroll 8px -654px;

margin: 5px 0px 0px 0px;

}

.smo li:nth-child(3) a span {

background: url(/images/edwin-sprite.png) no-repeat scroll 8px -712px;

}

.smo li:nth-child(4) a span {

background: url(/images/edwin-sprite.png) no-repeat scroll 8px -624px;

}

.smo li:nth-child(5) a span {

background: url(/images/edwin-sprite.png) no-repeat scroll 13px -591px;

}

/* ------------------------------ Content CSS ------------------------------ */

#Content-Left {

width: 74%;

}

.navigation {

color: #104db0;

font: 14px/20px Verdana, Verdana, Arial, Helvetica, sans-serif;

margin: 0 auto;

max-width: 900px;

min-width: 280px;

padding: 10px 30px 10px 10px;

}

.navigation a {

color: #000000;

text-decoration: none;

}

.navigation a:hover {

text-decoration: underline;

}

/*----- textMain Starts -----*/

.textMain {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

color: #000000;

padding: 10px 30px 30px 10px;

text-align: justify;

}

.textMain a {

color: #033b5e;

text-decoration: underline;

}

.textMain a:hover {

color: #033b5e;

text-decoration: none;

}

.textMain ul {

padding: 0px;

margin: 10px 0px;

}

.textMain ol {

padding: 0px;

margin: 10px 0px 0px 30px;

}

.textMain ul li {

background: url(/images/bullet.png) no-repeat scroll 15px 13px;

padding: 5px 0px 5px 30px;

list-style: none;

}

.textMain ol li {

padding: 5px 0px 5px 0px;

list-style: decimal;

}

.textMain ul ul, .textMain ol ol {

margin: 0px;

padding: 5px 0px 5px 20px;

}

.textMain ul ul li {

background: none;

padding: 5px 0px;

list-style: circle;

}

.textMain ol ol li {

padding: 5px 0px;

list-style-type: lower-alpha;

}

.textMain ul ul ul li {

list-style: square;

}

.textMain ol ol ol li {

list-style: lower-roman;

}

/*----- textMain Heading Starts -----*/

.textMain h1 {

font: normal 26px/30px 'MongolianBaiti';

color: #033b5e;

padding:5px 0px 15px 0px;

text-align: left;

}

.textMain h2 {

font: normal 20px/26px 'monbaiti';

color: #627195;

text-align: left;

padding:5px 0px;

}

.textMain h2 a {

color: #627195;

}

.textMain h2 a:hover {

text-decoration: underline;

}

.textMain h3 {

font: normal 16px/28px 'open_sansbold';

color: #444DAA;

text-align: left;

padding:5px 0px;

}

.textMain h3 a {

color: #444DAA;

}

.textMain h3 a:hover {

text-decoration: underline;

}

.textMain h4 {

font: normal 18px/24px 'open_sanssemibold';

color: #2A3753;

text-align: left;

padding:5px 0px;

}

.textMain h4 a {

color: #2A3753;

}

.textMain h4 a:hover {

text-decoration: underline;

}

.textMainBold {

font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;

color: #282828;

text-align: left;

}

.textMainBold a {

color: #577086;

}

.textMainBold a:hover {

text-decoration: underline;

}

.PDFtext {

font: normal 10px Verdana, Arial, Helvetica, sans-serif;

color: #999999;

}

.pdf-links li {

background-image: none !important;

}

.pdf-links li a {

text-decoration: none !important;

}

.pdf-links li a:hover {

text-decoration: underline !important;

}

.pdf-links li a img {

margin: 0px 10px 0px 0px !important;

}

#Sidebar {

padding: 0 0 20px;

width: 250px;

}

.meet-s {

background: url("/images/meet-sub-bg.jpg") no-repeat scroll 0px 0px;

padding: 10px 0px 0px 0px;

border: 1px solid #bababa;

}

.meet-s h3 a {

font: normal 15px/19px 'MongolianBaiti';

color: #192195;

}

.docs-appointment {

background: #1a7ad2;

float: left;

width: 26% margin:5px 0px 0px 0px;

}

.docs-appointment a {

display: block;

font: normal 11px/15px 'MongolianBaiti';

color: #ffffff;

padding: 5px 7px;

text-transform: uppercase;

}

.doch-pics {

float: left;

margin: 0px;

}

.Services-s {

float: left;

width: 250px;

}

.Services-s h3 {

display: block;

color: #ffffff;

font: normal 16px/20px 'MongolianBaiti';

background: #1D2496;

padding: 6px 0px;

text-align: center;

}

.Services-s-text {

background: url("/images/treat-bg.jpg") repeat;

float: left;

width: 100%;

}

.Services-s-text a {

display: block;

color: #506776;

padding: 10px 20px 5px 14px;

}

.Services-s-text li span {

height: 54px;

width: 60px;

float: left;

padding: 5px 3px;

}

.Services-s-text ul li {

float: left;

font: normal 16px/21px 'Open Sans', sans-serif;

;

width: 100%;

border-bottom: 1px solid #86BAEA;

}

.Services-s-text ul li:last-child {

border-bottom: none;

}

.Services-s-text li:nth-child(1) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -60px;

}

.Services-s-text li:nth-child(2) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -150px;

}

.Services-s-text li:nth-child(3) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -240px;

}

.Services-s-text li:nth-child(4) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -330px;

}

.Services-s-text li:nth-child(5) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -420px;

}

.Services-s-text li:nth-child(6) a span {

background: url(/images/edwin-sprite.png) no-repeat 0px -510px;

}

.Services-s-text li:nth-child(7) a span {

background: url(/images/service-7-bg.png) no-repeat 0px 0px;

}

.Services-s-text li:nth-child(8) a span {

background: url(/images/service-8-bg.png) no-repeat 0px 0px;

}

.Services-s-text li:nth-child(9) a span {

background: url(/images/uncemented-home-on.png) no-repeat 0px 0px;

}

.Services-s-text li:nth-child(1) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -60px;

}

.Services-s-text li:nth-child(2) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -150px;

}

.Services-s-text li:nth-child(3) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -240px;

}

.Services-s-text li:nth-child(4) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -330px;

}

.Services-s-text li:nth-child(5) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -420px;

}

.Services-s-text li:nth-child(6) a:hover span {

background: url(/images/edwin-sprite.png) no-repeat -90px -510px;

}

.Services-s-text li:nth-child(7) a:hover span {

background: url(/images/service-7-h-bg.png) no-repeat 0px 0px;

}

.Services-s-text li:nth-child(8) a:hover span {

background: url(/images/service-8-h-bg.png) no-repeat 0px 0px;

}
.Services-s-text li:nth-child(9) a:hover span {

background: url(/images/uncemented-home-off.png) no-repeat 0px 0px;

}
.links-s {

width: 250px;

float: left;

}

.Patient-Education-Videos-s, .Patient-Resources-s {

float: left;

background: #ffffff;

width: 100%;

position: relative;

}

.Patient-Education-Videos-s h3 a, .Patient-Resources-s h3 a {

background: #1E2597;

color: #FFED31;

display: block;

padding: 4% 2% 4% 3%;

font: normal 16px/20px 'MongolianBaiti';

text-align: center

}

.pev-img-s {

background: #ffffff none repeat scroll 0 0;

margin: 0;

padding: 3%;

border: 2px solid #add9f3;

}

.sevices-s {

float: left;

width: 100%;

padding: 0px 0px 30px 0px;

}

.sevices-s a:hover {

color: #ffffff;

}

.sevices-s a {

display: block;

text-decoration: none;

background: #0026b3;

height: 65px;

color: #ffffff;

text-align: left;

border-radius: 12px;

font: normal 20px/22px 'MongolianBaiti';

padding: 7px 5px 0px 0px;

}

.sevices-s a:hover {

text-decoration: none;

}

.sevices-s li span {

height: 90px;

width: 90px;

float: left;

margin: -19px 10px -20px 8px;

border: 2px solid #1eb9f3;

border-radius: 50%;

}

.sevices-s ul li {

float: left;

width: 46%;

padding: 0px;

margin: 40px 15px 15px 0px;

}

.sevices-s li:nth-child(1) a span {

background: url(/images/service-img-1.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(2) a span {

background: url(/images/service-img-2.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(3) a span {

background: url(/images/service-img-3.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(4) a span {

background: url(/images/service-img-4.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(5) a span {

background: url(/images/service-img-5.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(6) a span {

background: url(/images/service-img-6.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(7) a span {

background: url(/images/service-img-7.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(8) a span {

background: url(/images/service-img-8.png) no-repeat 0px 0px;

}
.sevices-s li:nth-child(9) a span {

background: url(/images/uncemented-siodebar-off.png) no-repeat 0px 0px;

}
.sevices-s li:nth-child(1) a:hover span {

background: url(/images/service-img-h-1.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(2) a:hover span {

background: url(/images/service-img-h-2.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(3) a:hover span {

background: url(/images/service-img-h-3.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(4) a:hover span {

background: url(/images/service-img-h-4.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(5) a:hover span {

background: url(/images/service-img-h-5.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(6) a:hover span {

background: url(/images/service-img-h-6.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(7) a:hover span {

background: url(/images/service-img-h-7.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(8) a:hover span {

background: url(/images/service-img-h-8.png) no-repeat 0px 0px;

}

.sevices-s li:nth-child(9) a:hover span {

background: url(/images/uncemented-siodebar-on.png) no-repeat 0px 0px;

}

.textMain-img {

float: right;

width: 190px;

height: 250px;

background: #e8e8e8;

margin: 20px 0px 0px 0px;

}

.include li {

list-style: circle;

}

.textMain .post {

width: 100%;

}

.textMain .post ul {

padding: 0px;

margin: 0px;

}

.textMain .post li {

width: 50%;

background: none;

padding: 0px;

float: left;

text-align: center;

}

.textMain .post li p {

text-align: center;

}

.textMain .post li img {

border: 1px solid #ccc;

padding: 2px;

}

/*-----------Dr Container ----------------------*/

.Dr-Container {

width: 70%;

min-width: 300px;

}

.Dr-Container ul {

margin: 0px;

padding: 0px;

}

.textMain .Dr-Container li {

margin: 10px 0px;

padding: 5px;

border: 1px solid #ccc;

position: relative;

border-radius: 10px 0px 25px 0px;

}

.textMain .Dr-Container li:hover {

background: #cce9fb;

}

.Dr-Container li img {

padding: 2px;

border: 1px solid #ccc;

float: left;

margin: 0px 15px 0px 0px

}

.textMain .Dr-Container li h2 {

color: #5d9ee5;

font: 26px/28px "MyriadPro-Regular";

}

.textMain .Dr-Container li h2 a {

text-decoration: none;

}

.staff-more {

position: absolute;

bottom: 5px;

right: 5px;

border: 1px solid #ccc;

font: normal 14px/20px 'MongolianBaiti';

text-align: center;

padding: 5px 10px;

border-radius: 20px 0px 20px 0px;

}

.textMain .Dr-Container li:hover .staff-more {

background: #ffd02c;

}

.textMain .staff-more a {

text-decoration: none;

display: block;

}

/*----------------staff--------------*/

.staff-main {

border: 1px solid #c2c2c2;

float: left;

margin: 10px 0;

padding: 10px 0;

width: 70%;

}

.staff-image {

float: left;

margin: 0 5%;

}

.staff-image img {

border: 1px solid #161616;

padding: 0px;

}

.about-staff {

float: left;

}

.textMain h2 a {

color: #5d9ee5;

text-decoration: none;

font: 26px/28px "MyriadPro-Regular";

text-align: left;

}

.hospital-img {

float: right;

padding: 0px 0px 10px 10px;

}

.hospital-s-img {

float: left;

padding: 0px 10px 10px 0px;

}

/*-------------------- Useful Links Styles --------------------*/

.UseFul-links {

width: 90%;

height: auto;

margin: 10px 0px;

padding: 0px;

text-align: center;

}

.UseFul-links img {

margin: 2px;

padding: 10px;

border: 1px solid #666666;

margin-left: 15px;

}

/*-------------table----------------------*/

.list, .billing {

width: 100%;

border: 1px solid;

cellspacing: 0px;

cellpadding: 0px;

margin: 10px 0px 0px 0px;

}

.billing td {

border: 1px solid;

width: 30%;

height: 20px;

}

.list td {

border: 1px solid;

height: 20px;

padding: 5px;

}

.Click-map {

width: 100%;

}

.Click-map img {

border: 1px solid #ccc;

margin: 10px 20px 10px 20px;

float: left;

}

/* ------------------------------ Forms CSS ------------------------------ */

.mandatory {

font: bold 10px Verdana, Arial, Helvetica, sans-serif;

color: #FF8204;

}

.ypo-form {

margin: 20px 0px 0px 0px;

padding: 0px;

position: relative;

font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;

text-align: left;

}

.ypo-form, .ypo-form input[type="text"], .ypo-form input[type="email"], .ypo-form textarea, .ypo-form select, .ypo-captcha {

border: 1px solid #1D71B1;

border-radius: 2px;

}

.textMain .ypo-form h3, .ypo-form input[type="submit"], .ypo-form input[type="reset"] {

background: #1D71B1;

color: #fff;

border-radius: 2px;

}

.textMain .ypo-form h3 {

font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;

margin: 0px;

padding: 5px 10px;

}

.textMain .ypo-form ul {

margin: 0px;

padding: 5px;

list-style: none;

display: table;

}

.textMain .ypo-form li {

margin: 0px;

padding: 0px;

background: none;

display: table-row;

}

.ypo-form .ypo-field {

display: table-cell;

float: left;

width: 50%;

margin: 0px;

padding: 5px 0px;

}

.ypo-form .ypo-area {

width: 100%;

margin: 0px;

padding: 5px 0px;

}

.ypo-form .ypo-text, .ypo-form .ypo-test {

margin: 0px;

padding: 10px 20px;

}

.ypo-form .ypo-text .wpcf7-radio {

display: block;

}

.ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item {

display: inline-block !important;

}

.ypo-form input[type="text"], .ypo-form input[type="email"] {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

padding: 2px 5px;

width: 90%;

}

.ypo-form select {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

padding: 3px 5px;

width: 93%;

z-index: 1;

}

.ypo-form .ypo-captcha {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

width: 70px !important;

padding: 2px 5px;

}

.ypo-form textarea {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

padding: 2px 5px;

width: 95%;

height: 100px;

}

.ypo-form input[type="submit"], .ypo-form input[type="reset"] {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

padding: 5px;

width: 90px;

float: left;

margin: 0px;

border: 0px;

cursor: pointer;

}

.ypo-form input[type="radio"] {

vertical-align: text-top;

margin: 0px 0px 0px 0px;

}

.ypo-form img {

float: left;

}

.ypo-test .wpcf7-form-control-wrap {

width: auto !important;

}

.ypo-form input[type="file"] {

margin: 0px 0px 0px 10px;

}

.wpcf7-form-control-wrap {

display: inline-block;

width: 100%;

}

.wpcf7-not-valid-tip {

font: normal 12px Verdana, Arial, Helvetica, sans-serif !important;

position: absolute;

z-index: 1;

top: 5px;

left: 5px;

}

.wpcf7-list-item {

display: block;

padding: 5px 0px;

}

.ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item {

display: inline-block !important;

padding: 5px !important;

}

.wpcf7-response-output {

font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

}

/*--------------Tell A friend start--------------*/

.tell-div, #tell-main {

display: none;

}

.tell-div {

opacity: 0.8;

filter: alpha(opacity=80);

background: #000;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

position: fixed;

z-index: 99;

}

#tell-main .ypo-text {

text-align:center;

}

#tell-main .ypo-form input[type="submit"] {

margin:0px 0px 0px 20%;

}

#tell-main .ypo-form input[type="text"], #tell-main .ypo-form input[type="email"] {

width:95%;

}

#tell-main {

top: 5%;

left: 50%;

margin: 0px 0px 0px -200px;

max-width: 400px;

min-width:200px;

background: #fff;

padding: 15px;

border: 2px solid #CCCCCC;

position: absolute;

z-index: 999;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

-ms-border-radius: 10px;

-o-border-radius: 10px;

border-radius: 10px;

}

#tell-main .ypo-form {

padding:5px;

}

#tell-main .tell-close {

width: 25px;

height: 25px;

color: #000000;

font: bold 16px/25px Verdana, Arial, Helvetica, sans-serif;

text-align: center;

margin: -10px -10px 0px 0px;

padding: 0px;

position:absolute;

top:0px;

right:0px;

cursor: pointer;

border-radius: 50%;

border:2px solid #C9C9D6;

background:#fff;

}

/*------------------------- Child List -------------------------------*/

.textMain .child-list ul {

margin: 0px;

padding: 0px;

}

.textMain .child-list li {

margin: 5px 0px 0px 0px;

padding: 0px;

width: 65%;

max-width: 300px;

background: none;

font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;

color: #fff;

text-align: left;

}

.textMain .child-list li a {

text-decoration: none;

color: #fff;

background: #0773bb;

padding: 10px 0px 10px 30px;

display: block;

}

.textMain .child-list li a:hover {

background: #2c99d5;

color: #fff;

}

/*------------------------- Other List -------------------------------*/

.textMain .other-list ul {

margin: 0px;

padding: 0px;

}

.textMain .other-list li {

margin: 5px 2% 0px 0px;

padding: 0px;

width: 48%;

min-width: 250px;

background: none;

font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;

color: #fff;

text-align: left;

float: left;

}

.textMain .other-list a {

background:#0773bb;

padding: 10px 0px 10px 30px;

text-decoration: none;

display: block;

color: #fff;

}

.textMain .other-list a:hover {

background:#2c99d5;

}

/*-------------------- Realtime Sitemap Styles --------------------*/

#sitemapMenu ul {

margin: 0px;

padding: 0px;

}

#sitemapMenu ul li {

margin: 0px;

padding: 0px 0px 10px 0px;

line-height: 30px;

font-weight: bold;

background: none;

}

#sitemapMenu ul ul {

margin: 0px;

padding: 0px 0px 10px 30px;

}

#sitemapMenu ul ul li {

margin: 0px;

padding: 0px;

font-weight: normal;

}

/*-----------Back to Top------------------*/

#backtotop {

cursor: pointer;

right: 5px;

position: fixed;

z-index : 10000;

bottom: 10px;

width: 50px;

height: 30px;

font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;

color : #fff;

background: #000;

text-align : center;

border-radius : 5px;

display: none;

}

#backtotop a {

display: block;

color : #fff;

}

#backtotop:hover {

opacity : 0.9;

}

/*------------------------- Doctor Container List -------------------------------*/

.contact-address {

padding: 3px;

margin: 15px auto;

border: 1px solid #1D71B1;

}

.contact-address .intra-div {

display: table;

}

.contact-address h3 {

font: normal 14px/25px Verdana, Arial, Helvetica, sans-serif;

color: #fff;

background: #1D71B1;

padding: 0px 0px 0px 10px;

margin: 0px;

}

.contact-address h3 a {

color: #fff;

}

.address-details {

font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

padding: 1% 1% 1% 2%;

display: table-cell;

vertical-align: top;

min-width: 200px;

width: 44%;

text-align: left;

}

.map-pics {

min-width: 150px;

display: table-cell;

text-align: center;

vertical-align: top;

}

.address-map {

width:100%;

position: relative;

padding: 50% 0px 0px 0px;

}

.address-map iframe, .address-map embed {

top: 0px;

position: absolute;

width: 100.1%;

height: 100%;

margin: 0px;

padding: 0px;

border: 0px !important;

}

.map-pics img {

margin: 5px;

border: 2px solid #1D71B1;

float: right;

}

.map-pics img:hover {

border: 2px solid #8AD2FD;

}

.textMain .contact-ph ul {

margin: 0px;

padding: 0px;

}

.textMain .contact-ph li {

float: left;

min-width: 200px;

font: normal 14px/40px Verdana, Arial, Helvetica, sans-serif;

width: 45%;

height: 40px;

background: none;

margin: 5px 1%;

padding: 0px 0px 0px 2%;

border: 1px solid #1D71B1;

}

.textMain .contact-ph a {

color: #003464;

text-decoration: none;

display: inline-block;

}

.textMain .contact-ph a:hover {

color: #003464;

text-decoration: none;

}

.textMain .contact-ph img {

margin: 0px 10px 0px 5px;

}

/*-------------------- Conditions Styles --------------------*/

.textMain .procedures-list h3 {

background: #87CEEB;

color: #1E1651;

margin: 0px;

padding: 5px;

}

.textMain .procedures-list h3 a {

text-decoration: none;

}

.textMain .procedures-list ul {

margin: 0px;

padding: 0px;

}

.textMain .procedures-list li {

margin: 10px 0px;

padding: 0px;

background: none;

border: 1px solid #87CEEB;

border-radius: 6px;

overflow: hidden;

}

.textMain .procedures-list p {

padding: 5px 10px;

}

/*-------------------- Testimonial Page Styles --------------------*/

.submit-testimonial {

margin: 15px;

float: right;

font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif;

border: 2px solid #ffffff;

box-shadow: 0px 5px 5px 0px #aaaaaa;

-o-box-shadow: 0px 5px 5px 0px #aaaaaa;

-moz-box-shadow: 0px 5px 5px 0px #aaaaaa;

-ms-box-shadow: 0px 5px 5px 0px #aaaaaa;

-webkit-box-shadow: 0px 5px 5px 0px #aaaaaa;

width: 195px;

text-align: center;

}

.submit-testimonial a, .submit-testimonial a:hover {

padding: 5px 20px !important;

text-decoration: none;

display: block;

background: #87CEEB;

color: #1E1651;

}

.submit-testimonial a:hover {

text-decoration: none;

background: #1E1651;

color: #FFFFFF;

}

/*-------------------- Multimedialist Styles --------------------*/

.multimedialist ul {

margin: 0px !important;

padding: 0px !important;

}

.multimedialist li {

padding: 0px !important;

margin: 5px !important;

width: 140px;

height: 30px;

float: left;

font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

background: none !important;

border: 1px solid #4b72c5;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-ms-border-radius: 5px;

-o-border-radius: 5px;

border-radius: 5px;

}

.multimedialist a {

color: #005087;

display: block;

text-decoration: none;

padding: 0px 0px 0px 40px !important;

}

.multimedialist a:hover {

color: #005087;

text-decoration: none;

}

.video a {

background: url(/images/loadmove.png) no-repeat 5px center;

}

.info a {

background: url(/images/patient.png) no-repeat 5px center;

}

.print a {

background: url(/images/print.png) no-repeat 5px center;

}

/*------------------------- Joint List -------------------------------*/

.textMain .joint-lists ul {

margin: 0px;

padding: 0px;

}

.textMain .joint-lists li {

margin: 10px 0px 0px 0px;

padding: 0px;

background:none;

width: 60%;

min-width: 300px;

font: normal 14px/40px 'ralewayregular';

color: #1B2335;

background: #0773bc;

text-align: left;

border:1px solid #1B2335;

}

.textMain .joint-lists li a {

display: block;

color: #fff;

background: #0773bc;

text-decoration: none;

padding:10px 20px;

font: 12px/20px Verdana,Arial,Helvetica,sans-serif;

}

.textMain .joint-lists li a:hover {

background: #0773bc;

}

.textMain .joint-lists li img {

float: left;

margin:0px 15px 0px 10px;

}



.services-list li {

background-image: none !important;

margin: 6px !important;

padding: 0 !important;

}

.services-list li a, .services-list li a :hover {

text-decoration: none !important;

}

.mini-knee > li {

background-image: none !important;

float: left;

margin: 0 18px 0 0 !important;

padding: 0 !important;

text-align: center;

width: 43%;

}

.mini-knee > li p{

text-align: center;

}

.note-text{

background: #353cab;

padding: 10px;

color: #ffffff;

}

.note-text .textMainBold {

color: #ffffff;

font: bold 12px/20px Verdana,Arial,Helvetica,sans-serif;

text-align: left;

}

.textMain p {

padding: 5px 0;

}

.align-right {

float: left;

margin-right: 25px;

}

.cust-list {

text-align: center;

}

.textMain .cust-list ul, .textMain .cust-list li {

margin: 0px;

padding: 0px;

list-style: none;

background: none;

}

.cust-list li {

display: inline;

}

/* ------------------------------ Media Screen:875 CSS ------------------------------ */

@media screen and (max-width : 875px) {

.out-of-town a, .download a, .testimonials a {

font: 14px/18px 'Open Sans', sans-serif;



}

.sevices-s a {

font: normal 17px/18px 'MyriadProRegular';

}

}



/* ------------------------------ Media Screen:800 CSS ------------------------------ */

@media screen and (max-width : 800px) {

.header-right {

font: 14px/20px 'open_sanssemibold';

}

.book-appoint {

width: 181px;

}

.call {

font: 20px/26px 'Open Sans', sans-serif;

;

}

.treat-img {

width: 32%;

}

.treat-text {

width: 60%;

}

.treat-text ul li {

width: 45%;

}

.download span {

padding: 26px 19px;

}

.testimonials span {

padding: 30px 24px;

}

.Credibilty-C {

width: 30%;

}

.Credibilty {

width: 67%;

}

.Credibilty li:nth-child(2) {

width: 27%;

}

.Credibilty li:nth-child(3) {

width: 35%;

}

}



@media screen and (max-width : 875px) {

.out-of-town a, .download a, .testimonials a {

font: 14px/18px 'Open Sans', sans-serif;

;

}

.intra-main {

left: 56%;

}

.sevices-s li span {

margin: -28px 4px -20px 8px;

}

.sevices-s a {

font: normal 17px/20px 'MyriadProRegular';

padding: 13px 0px 10px 0px;

width: 293px;

height: 36px;

}

.sevices-s ul li {

float: none;

margin: 49px auto;

padding: 0;

width: 303px;

}

}



/* ------------------------------ Media Screen:640 CSS ------------------------------ */

@media screen and (max-width : 640px) {

.img-l, .img-r {

float:none;

}

.logo {

float: none;

margin: 0px auto 20px 0px;

text-align: center;

width: 100%;

}

.hss-logo {

width: 50%;

}

#Main-Menu {

display: none;

}

#Mobile-Menu {

display: block !important;

}
.menu-item-29 ul a, .menu-item-30 ul a, .menu-item-669 ul a, .menu-item-24 ul a, .menu-item-28 ul a, .menu-item-26 ul a{
    width: 100% !important;
}
.footer-menu {

margin: 0px 0px 20px 0px;

width: 40%;

}

.footer-services {

width: 58%;

margin: 0px 0px 54px 0px;

}

.footer-quick-links {

width: 42%;

clear: both;

}

.doch-pic {

float: none;

margin: 0 auto;

width: 245px;

}

.doch-txt {

float: none;

margin: 10px auto;

width: 94%;

padding: 15px 0px 0px 0px;

}

.doch-txt h2 {

color: #192195;

font: 28px/25px 'MongolianBaiti';

padding: 0 0 3px;

text-align: center;

}

.edwin-research a {

margin: 10px 0;

font: italic 14px/34px 'open_sansbold';

}

.treat-text ul li {

width: 49%;

font: 15px/18px 'Open Sans', sans-serif;

;

}

.treat-text a {

display: block;

}

.treat-img {

display: none;

}

.treat-text h3 {

margin: 15px auto;

}

.treat-text {

width: 450px;

margin: 0 auto;

float: none;

}

.Patient-Education-Videos, .Patient-Resources {

margin: 10px auto;

float: none;

width: 290px;

}

.Credibilty-C, .Credibilty {

margin: 0 auto;

width: 260px;

background: none;

float: none;

}

.Credibilty li:nth-child(3), .Credibilty li:nth-child(2) {

width: 240px;

float: none;

}

#Content-Left {

display: inherit;

width: 100%;

}
.textMain {
    padding: 10px 10px 30px 10px;
}
#Sidebar {

display: inherit;

margin: 10px auto;

float: none;

}

.intra-main, .intra-main-s {

left: 50%;

}

}



/* ------------------------------ Media Screen:480 CSS ------------------------------ */

@media screen and (max-width : 480px) {

.hss-logo {

text-align: center;

width: 100%;

float: none;

margin: 0 auto;

}

.header-right {

float: none;

margin: 0 auto;

}

.footer-follow {

width: 38%;

}

.footer-services {

margin: 0 0 20px 0px;

padding:0px 0px 0px 1%;

}

.treat-text {

width: 310px;

}

.treat-text ul li {

width: 70%;

}

.Patient-Education-Videos, .Patient-Resources {

width: 100%;

}

.intra-main, .intra-main-s {

display: none;

}

#Sidebar {

width: 100%;

clear: both;

}

.meet-s {

background: #d8d8d8 url("/images/meet-sub-bg.jpg") no-repeat scroll 0 0;

padding: 10px 0 0;

}

.Services-s, .Services, .links-s, .links {

float: left;

width: 100%;

}

.pev-img-s, .pev-img {

float: left;

margin: 0;

padding: 16px 0 0;

text-align: center;

width: 100%;

}

.location_nav.prev {

right: 122px;

}

.location_nav.next {

right: 102px;

}

.mini-knee > li {

float: none;

width: 100%;

}

.map-pics {

display: table-row-group;

margin: 0 auto;

text-align: center;

vertical-align: bottom;

}

.map-pics img {

float: none;

margin: 5px;

}

.address-details {

display: inherit;

}

}