@-ms-viewport{
  width: device-width;
}
@font-face {

 font-family: 'MyriadProRegular';

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

 src: url('fonts/myriadpe-webfontd41d.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: normal;

 font-style: normal;

}

@font-face {

  font-family: 'HelveticaLT-Light';

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

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

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

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

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

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Helvetica';

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

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

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

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

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

  font-weight: normal;

  font-style: normal;

}

@font-face {

font-family:"QuicksandBook-Regular";

src:url("fonts/Quicksand_Bookd41d.eot?") format("eot"), 

    url("fonts/Quicksand_Book.woff") format("woff"), 

    url("fonts/Quicksand_Book.ttf") format("truetype"), 

    url("fonts/Quicksand_Book.svg#QuicksandBook-Regular") format("svg");

font-weight:normal;

font-style:normal;

}

@font-face {

font-family:"HelveticaBlackSemiBoldRegular";

src:url("fonts/helvetica-black-semi-boldd41d.eot?") format("eot"), 

    url("fonts/helvetica-black-semi-bold.woff") format("woff"), 

    url("fonts/helvetica-black-semi-bold.ttf") format("truetype"), 

    url("fonts/helvetica-black-semi-bold.svg#HelveticaBlackSemiBoldRegular") format("svg");

font-weight:normal;

font-style:normal;

}
body {
  margin:0px;
  padding:0px;
  overflow-y:scroll;
  overflow-x:hidden !important;
  *overflow-y:none;
}
#Container{
    max-width: 1280px;
    margin:0 auto;
  }
#Header{
    width: 1280px;
    margin: 0 auto;
  }
#MenuHeader{
    width: 1280px;
    margin: 0 auto;
    background: #007a89;
    clear: both;
  }
.header{
    width: 960px;
    margin: 0 auto;
  }
.logo {
  width: 50%;
  float: left;
}
.topdoc {
  float: left;
}
.language {
  font: normal 18px/20px 'HelveticaLT-Light';
  width: 250px;
  float: right;
  color: #515050;
  padding: 23px 0px 0px 0px;
  text-decoration: none;
}
.language a {
  color: #515050;
  text-decoration: none;
}
.language img {
  padding: 10px 10px 0px 0px;
}
.language span {
  font: normal 25px/32px 'HelveticaBlackSemiBoldRegular';
  color: #292b2e;
  text-decoration: none;
}

/* =Menu

-------------------------------------------------------------- */
#MenuList {
  width: 960px;
  margin: 0 auto;
  height: 43px;
  clear: both;
}
#access {

  display: block;

  float: left;

  width:960px;

  font:normal 16px  'HelveticaLT-Light';

  position:absolute;

  z-index:20;

  margin-top: -1px;

}

#access ul {

  list-style: none;

  margin: 0px !important;

  padding: 0px !important;

}

#access li {

  float: left;

  position: relative;

}

#access a {

  color: #f2f2f3;

  display: block;

  line-height:43px;

  text-decoration: none;

  text-align:center;

}

#access a:hover {

  color: #f2f2f3;

}

.menu-item-27 a {

  background:url(images/home-on.jpg) no-repeat 0 0;

  width:109px;

  text-decoration:none;

}

.menu-item-27 a:hover {

  background:url(images/home-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-148 a {

  background:url(images/my-practice-on.jpg) no-repeat 0 0;

  width:151px;

  text-decoration:none;

}

.menu-item-148 a:hover {

  background:url(images/my-practice-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-148 ul li a {

  width:180px !important;

}

.menu-item-149 a {

  background:url(images/patient-info-on.jpg) no-repeat 0 0;

  width:147px;

  text-decoration:none;

}

.menu-item-149 a:hover {

  background:url(images/patient-info-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-149 ul li li a {

  width:104px !important;

}

.menu-item-255 a {

  background:url(images/services-on.jpg) no-repeat 0 0;

  width:129px;

  text-decoration:none;

}

.menu-item-255 a:hover {

  background:url(images/services-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-255 ul li a {

  width:150px !important;

}

.menu-item-151 a {

  background:url(images/appointments-on.jpg) no-repeat 0 0;

  width:169px;

  text-decoration:none;

}

.menu-item-151 a:hover {

  background:url(images/appointments-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-151 ul li a {

  width:160px !important;

}

.menu-item-23 ul li a {

  width:164px !important;

}

.menu-item-22 a {

  background:url(images/faqs-on.jpg) no-repeat 0 0;

  width:108px;

  text-decoration:none;

}

.menu-item-22 a:hover {

  background:url(images/faqs-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

.menu-item-21 a {

  background:url(images/contact-us-on.jpg) no-repeat 0 0;

  width:147px;

  text-decoration:none;

}

.menu-item-21 a:hover {

  background:url(images/contact-us-off.jpg) no-repeat 0 0;

  text-decoration:none;

}

#access ul ul {

  display: none;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px;

  float: left;

  margin: 0;

  position: absolute;

  top:43px;

  left: 0;

  z-index:99999;

}

#access ul ul ul {

  left: 100%;

  top: 0;

}

#access ul ul a {

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

  /*background: #2a2c2f;*/

  background: #165963;

  border-left:1px solid #8e8e8e;

  border-bottom:1px solid #8e8e8e;

  border-right:1px solid #8e8e8e;

  color: #ffffff;

  height: auto;

  padding: 0px 5px;

  z-index:99999;

  width:205px;

  text-align:left;

}

#access ul ul a:hover {

  /*background: #4a4b4c;*/
  

  background: #02383f;

  color: #ffffff;

}

#access ul ul li:first-child {

  border-top:1px solid #8e8e8e;

}

#access ul li:hover > ul {

  display: block;

}

.menu-item-183 > a:after {

  content:url(images/tri.gif);

  float:right;

}

#access ul li:hover > ul {

  display: block;

  color: #ffffff !important;

}

.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 !important;

  color: #ffffff !important;

}
.menu-m{
  display: none;
}

#menu-main-menu li {

  overflow:hidden !important;

}

.menu-bg {

  position:absolute;

  z-index:99;

  width:100%;

  float:left;

  margin:0 auto !important;

  height:42px !important;

  font:normal 17px/23px Verdana, Geneva, sans-serif !important;

  color:#ffffff !important;

  margin:0 auto;

}

.menu-bg a, .menu-bg a:hover {

  color:#ffffff !important;

  text-decoration:none !important;

  /*background:url(/images/menu-m-bg.jpg) no-repeat right center;*/

}

.menu-m {

  font:normal 14px/22px Verdana, Geneva, sans-serif !important;

  color:#ffffff !important;

  text-decoration:none !important;

  text-align:left !important;

  width:100% !important;

  height:42px !important;

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

  -moz-border-radius:5px !important;

  -webkit-border-radius:5px !important;

  border-radius:8px 8px 0px 0px!important;

  z-index:10 !important;

  background: #007a89; /* Old browsers */

}

.menu-m a {

  display:block;

  height:42px !important;

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

  padding-left:20px;

  margin-top:20px;

  color:#ffffff !important;

  text-decoration:none !important;

  /*background:url(/images/menu-m-bg.jpg) no-repeat right center;*/

} 

.menu-m a:hover{

  height:42px !important;

  -moz-border-radius:8px !important;

  -webkit-border-radius:8px !important;

  border-radius:8px 8px 0px 0px!important;

  /*background:url(/images/menu-m-bg.jpg) no-repeat right center;*/

}



#menu-m {

  width:100% !important;

  margin:0px !important;

  padding:0px !important;

  overflow:hidden;

}

#wrapper {

  z-index:1000 !important;

  width:100% !important;

  /*position:relative;*/

}

#access ul li:hover > ul {

  color: #fafcfe;

  display: block;

}

.menu .current_page_item a,  .menu .current-menu-item a,  .current-menu-parent > a,  .current-menu-ancestor > a {
  color: #fafcfe;
  background:#42474d !important;
}
#BannerSection {
  max-width: 1280px;
  margin: 0px auto;
  margin-top: -14px;
}
#Banner {
  width: 960px;
  height: 326px;
  margin: 5px auto 0;
  background: #fff !important; 
  position: relative;
  left: -12px;
}

/*#dr-section {
  background:none;
}*/
.slide {
  width:960px;
  height:326px;
}
#slider1 {
  padding: 0;
  margin-top: -3px;
  position: relative;
  list-style: none;
}
.st-george {
  font: normal 16px/20px "QuicksandBook-Regular";
  /* padding: 180px 0px 0px 184px; */
  color: #00213b;
  text-decoration: none;
  /* margin-top: -145px; */
  position: absolute;
  bottom: 17%;
  left: 16%;
}

.st-george a {
  color:#00213b;
  text-decoration:none;
}

.st-george a:hover {
  color:#00213b;
  text-decoration:none;
}

.st-george span {
  font:normal 32px/32px "QuicksandBook-Regular";
  color:#007a89;
  text-decoration:none;
}

#Interactivity-Tabs {
  width: 960px;
  height: 57px;
  margin: 0 auto;
  background: url(images/services-bg.jpg) no-repeat right top;
  clear: both;
  position: relative;
  top: -10px;
}
#Specialisation {
  width: 960px;
  margin: 0 auto;
}
#mobile-categories{
  display: none;
}
#mobile-categories{
  width: 100%;
}
.specialisation {
  float: left;
  margin-top: -6px;
}
.als-next {
  position: absolute;
  cursor: pointer;
  clear: both;
  right: 224px;
}
.als-prev{
  position: absolute;
  cursor: pointer;
  clear: both;
  left: 9%;
}
#Dr-Section{
  max-width: 1280px;
  margin: 0 auto;
  background: #2c7878;
  height: 315px;
}
#Doctor-Section{
  width: 960px;
  margin: 0 auto;
  clear: both;
}
#Welcomepart {
  width: 960px;
  height: 260px;
  margin: -10px auto 0;
}
#welcometext {  
  width:572px;
  height:260px;
  float:left;
  background:url(images/doctor-r-bg-new.jpg) no-repeat left top;
}
.Hometext {
  font:normal 28px/32px  'Helvetica';
  color:#fff;
  padding:30px 0px 0px 241px;
  text-decoration:none;
  text-align:left;
}
.Hometext a {
  color:#fff;
  text-decoration:none;
}
.Hometext a:hover {
  text-decoration:none;
  color:#fff;
}
.Hometext span {
  font:normal 16px/20px 'MyriadProRegular';
  color:#fff;
}
.HometextMain {
  font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  padding:35px 10px 0px 241px;
  text-decoration:none;
  text-align:left;
}
.HometextMain a {
  color:#fff;
  text-decoration:underline;
}
.HometextMain a:hover {
  color:#fff;
  text-decoration:underline;
}
.Hometextbold {
  font:normal 14px  'MyriadProRegular';
  color:#fff;
  padding:5px 0px 0px 241px;
  line-height:18px;
  text-decoration:none;
}
.Hometextbold a {
  color:#fff;
  text-decoration:underline;
}
.Hometextbold a:hover {
  color:#fff;
  text-decoration:underline;
}
.Home-more {
  font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  padding:25px 30px 0px 250px;
  text-decoration:none;
  text-align:right;
}
.Home-more a {
  color:#fff;
  text-decoration:underline;
}
.Home-more a:hover {
  color:#fff;
  text-decoration:underline;
}

#Welcomepart-right {  
  width:388px;
  height:260px;
  float:left;
  background:url(images/spinal-pain-r-bg.jpg) no-repeat left top;
}

.spine-text {
  font:normal 22px/28px 'Helvetica';
  color:#fff;
  padding:32px 0px 0px 86px;
  text-decoration:none;
}

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

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

.spine-text img {
  padding:0px 10px 0px 0px; 
}

.spin-textmain {
  font:normal 12px/16px Verdana, Geneva, sans-serif;
  color:#fff;
  padding:5px 0px 0px 103px;
  text-decoration:none;
}

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

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

.spain-more {
  font:normal 12px/16px Verdana, Geneva, sans-serif;
  color:#fff;
  padding:8px 30px 0px 0px;
  text-decoration:none;
  text-align:right;
}
.spain-more a {
  color:#fff;
  text-decoration:none;
}
.spain-more a:hover {
  color:#fff;
  text-decoration:none;
}
.spain-more img {
  padding:3px 5px 0px 0px;  
}
#Quick-Links-h {
  width: 960px;
  height: 92px;
  margin: 0px auto;
  /*background: url(/images/quick-links-h-l-bg.jpg) no-repeat left top;*/
}
#Quick-Links-sub {
  width: 960px;
  height: 92px;
  margin: 0px auto;
  /*background: url(/images/quick-links-h-r-bg.jpg) no-repeat right top;*/
}
.shoulder-clinic-s {
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  float: left;
  text-decoration: none;
  height: 92px;
  width: 240px;
  background: url(images/patient-form-bg.jpg) no-repeat 8px 19px;
}
.shoulder-clinic-s a {
  display: block;
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  text-decoration: none;
  height: 60px;
  width: 211px;
  padding: 32px 0px 0px 29px;
}
.shoulder-clinic-s span {
  font: normal 15px/19px 'Helvetica';
  color: #fff;
}
.appointment {
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  float: left;
  text-decoration: none;
  height: 92px;
  width: 240px;
  background: url(images/appointment-bg.jpg) no-repeat 8px 19px;
}
.appointment a {
  display: block;
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  text-decoration: none;
  height: 60px;
  width: 211px;
  padding: 32px 0px 0px 29px;
}
.appointment span {
  font: normal 15px/19px 'Helvetica';
  color: #fff;
}
.education {
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  float: left;
  text-decoration: none;
  height: 92px;
  width: 240px;
  background: url(images/education-bg.jpg) no-repeat 8px 19px;
}
.education a {
  display: block;
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  text-decoration: none;
  height: 60px;
  width: 211px;
  padding: 32px 0px 0px 29px;
}
.education span {
  font: normal 15px/19px 'Helvetica';
  color: #fff;
}
.location {
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  float: left;
  text-decoration: none;
  height: 92px;
  width: 240px;
  background: url(images/location-bg.jpg) no-repeat 8px 19px;
}
.location a {
  display: block;
  font: normal 11px/14px 'Helvetica';
  color: #fff;
  text-decoration: none;
  height: 60px;
  width: 211px;
  padding: 32px 0px 0px 29px;
}
.location span {
  font: normal 15px/19px 'Helvetica';
  color: #fff;
}
#Quick-Links-sub li {
  float: left;
  list-style: none;
  width: 25%;
}
#Credibility-Section{
  max-width: 1280px;
  margin: 0 auto;
  clear: both;
}
#Credibility-logos {
  width: 960px;
  height: auto;
  margin: 10px auto;
}
.General-lists {
  width: 960px;
  height: 62px;
}
.General-lists li {
  list-style: none !important;
  float: left;
  width: 29%;
  margin-left: 37px;
}
.General-lists img {
  padding: 10px 17px 0px 10px;
  background: url(images/general-separator-bg.gif) no-repeat right 15px;
  width: 75%;
}
#Footer-Section{
  max-width: 1280px;
  margin: 0 auto;
  background: #355355;
  height: 110px;
  border-top: 4px solid #122f32;
}
#Footer{
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
}
.CopyrightText {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  margin: 0px;
}
.footer-left {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  float: left;
  width: 65%;
  color: #fff;
}
.footer-left a {
  color: #fff;
  text-decoration: navajowhite;
}
.footer-left a:hover {
  text-decoration: underline;
}
.footer-right {
  float: right;
}
.links {
  float: left;
  width: 155px;
}
.ypo-logo {
  float: right;
  margin-left: 30px;
}
.footer-left p {
  margin-top: 5px;
  margin-bottom: 5px;
}
#mheader{
  display: none;
}








@media only screen and (max-width: 780px) {
body {
  margin:0px;
  padding:0px;
  overflow-y:scroll;
  overflow-x:hidden !important;
  *overflow-y:none;
}
#mheader{
  display: block;
}
.header {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.logo img {
  width: 80%;
}
.logo {
  width: 100%;
  float: none;
  margin: 0 auto;
}
#Header {
  margin: 0 auto;
  width: 100%;
}
.language {
  float: none;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 10px;
}
.topdoc {
  float: none;
  margin: 0 auto;
  text-align: center;
}
.menu-m{
  display: block;
}
#MenuList {
  display: none !important;
}
#dc_jqaccordion_widget-2-item{font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;width:100% !important;}

#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {margin: 0; padding: 0; border: none; list-style: none;width:100% !important;}

#dc_jqaccordion_widget-2-item ul a {padding: 10px 10px 10px 50px; background: #007a89 url(images/bg_black-new.png) repeat-x 0 -1px; text-decoration:none; display: block; color: #ddd; border-bottom: 1px solid #003E4D; border-top: 1px solid #007a80; position: relative;width:100% !important;}

#dc_jqaccordion_widget-2-item ul ul a {background: #007a89; border-bottom: 1px solid #0A5463;}

#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {background: #003E4D url(images/bg_black-new.png) repeat-x 0 -1px;}

#dc_jqaccordion_widget-2-item ul a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(images/arrow_black_right-new.png) no-repeat 0 center;}

#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {background: url(images/arrow_black_down.png) no-repeat 0 center;}

#dc_jqaccordion_widget-2-item ul a:hover {background: #11545d; color: #fff;}

#BannerSection {
  margin-top: 62px;
}
#Banner {
  width: 100%;
  height: auto;
}
.dr-div img {
  width: 100%;
}
#Dr-Section {
  clear: both;
  height: auto;
  width: 100%;
}
#Doctor-Section {
  width: 100%;
  margin: 0 auto;
}
#welcometext {
  float: none;
  width: 100%;
  background: url(images/doctor-r-bg-mobile.jpg) no-repeat left top;
}
#Welcomepart-right {
  float: none;
  clear: both;
  width: 100%;
}
.Hometext, .Hometextbold, .Home-more {
  padding-left: 305px;
}
body{
  overflow-x: hidden;
}
#Quick-Links-h {
  width: 100%;
}
#Quick-Links-sub {
  width: 92%;
}
#Quick-Links-sub li {
  float: left;
  list-style: none;
  width: 50% !important;
}
#Credibility-logos, .General-lists {
  width: 100%;
}
.General-lists img {
  width: 100%;
}
.General-lists li {
  float: left;
  width: 25%;
}
.footer-left {
  float: none;
  width: 100%;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}
#Footer-Section {
  height: 200px;
  clear: both;
}
#Footer {
  width: 100%;
}
.footer-right {
  float: none;
  width: 100% !important;
  margin: 10px auto;
}
.links {
  float: none;
  width: 155px;
  margin: 0 auto;
}
.ypo-logo {
  float: none;
  margin: 0 auto !important;
  clear: both;
  width: 135px;
  padding-top: 10px;
}
#mobile-categories{
  display: block;
}
#mobile-categories{
  width: 100%;
}
#mobile-categories {
  background: #3e3e3e;
  margin-top: -10px;
}
.mobile-services ul {
  margin: 5px 5px;
  padding: 0px;
}
.mobile-services ul li a {
  font: 14px/32px Verdana, Geneva, sans-serif;
  color: #ababac;
  text-decoration: none;
  list-style: none;
  display: block;
  padding-left: 27px;
  background: url(images/mobile-services-bg.gif) no-repeat left top #3e3e3e;
}
#Specialisation {
  display: none;
}
}

@media only screen and (max-width: 640px){
.Hometext, .Hometextbold, .Home-more {
  padding-left: 245px;
}
}

@media only screen and (max-width: 540px){
#Quick-Links-sub {
  width: 100%;
}
#Quick-Links-sub li {
  float: none;
  width: 240px !important;
  margin: 0 auto;
}
.General-lists li {
  float: none;
  width: 250px;
  border-top: 1px solid #ccc;
  clear: both;
}
.General-lists img {
  background: none;
  width: auto;
}
#Credibility-logos, .General-lists {
  width: 300px !important; 
  margin: 0 auto !important;
  text-align: center !important;
}

}

@media only screen and (max-width: 480px) {
.st-george span {
  font: normal 18px/22px "QuicksandBook-Regular";
}
.Hometext, .Hometextbold, .Home-more {
  padding-left: 25px;
}
.Hometext {
  padding-top: 34%;
  font: normal 20px/25px 'Helvetica';
}
.spine-text {
  font: normal 20px/25px 'Helvetica';
}
.Home-more {
  padding-top: 10px;
}
#welcometext {
  background: url(images/doctor-r-bg-mobile1.jpg) no-repeat center top;
  background-size: 100%;
}
#Welcomepart-right {
  margin-top: 68px;
}
#Dr-Section {
  height: auto !important;
}
#Footer-Section {
  height: 240px;
}
.links, .ypo-logo {
  padding-top: 15px !important;
}
}

@media only screen and (max-width: 360px) {
.logo img {
  width: 100%;
  margin-left: 0px !important;
}
.language {
  padding-top: 0px;
}
#Quick-Links-sub li {
  float: left;
}
.General-lists li {
  margin-left: 10px;
}
#Footer-Section {
  height: 250px;
}
.spine-text {
  padding-top: 20px;
}
}