@charset "utf-8";
body{font-family:arial;font-size:13px;color:#666666;line-height:18px}
body,button,form,h1,h2,h3,h4,iframe,li,p,ul{padding:0;margin:0;font-weight:400}
li,ul{list-style-type:none}
img{border:none;max-width:100%}
a{outline:0;color:#603c97;text-decoration:none}
a:hover{color:#80C41D}
.clear{clear:both}
@font-face {
    font-family: 'HelveticaLTStdLight';
    src: url('/fonts/helveticaltstd-light.eot');
    src: url('/fonts/helveticaltstd-light.eot') format('embedded-opentype'),
         url('/fonts/helveticaltstd-light.woff') format('woff'),
         url('/fonts/helveticaltstd-light.ttf') format('truetype'),
         url('/fonts/helveticaltstd-light.svg#HelveticaLTStdLight') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('/fonts/roboto-medium.eot');
    src: url('/fonts/roboto-medium.eot') format('embedded-opentype'),
         url('/fonts/roboto-medium.woff') format('woff'),
         url('/fonts/roboto-medium.ttf') format('truetype'),
         url('/fonts/roboto-medium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('/fonts/roboto-light.eot');
    src: url('/fonts/roboto-light.eot') format('embedded-opentype'),
         url('/fonts/roboto-light.woff') format('woff'),
         url('/fonts/roboto-light.ttf') format('truetype'),
         url('/fonts/roboto-light.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoThin';
    src: url('/fonts/roboto-thin.eot');
    src: url('/fonts/roboto-thin.eot') format('embedded-opentype'),
         url('/fonts/roboto-thin.woff') format('woff'),
         url('/fonts/roboto-thin.ttf') format('truetype'),
         url('/fonts/roboto-thin.svg#RobotoThin') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('/fonts/roboto-regular.eot');
    src: url('/fonts/roboto-regular.eot') format('embedded-opentype'),
         url('/fonts/roboto-regular.woff') format('woff'),
         url('/fonts/roboto-regular.ttf') format('truetype'),
         url('/fonts/roboto-regular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('/fonts/RobotoBold.eot');
    src: url('/fonts/RobotoBold.eot') format('embedded-opentype'),
         url('/fonts/RobotoBold.woff2') format('woff2'),
         url('/fonts/RobotoBold.woff') format('woff'),
         url('/fonts/RobotoBold.ttf') format('truetype'),
         url('/fonts/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: 'helvetica_ceregular';
    src: url('/fonts/helvetica_ce_regular-webfont.eot');
    src: url('/fonts/helvetica_ce_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helvetica_ce_regular-webfont.woff2') format('woff2'),
         url('/fonts/helvetica_ce_regular-webfont.woff') format('woff'),
         url('/fonts/helvetica_ce_regular-webfont.ttf') format('truetype'),
         url('/fonts/helvetica_ce_regular-webfont.svg#helvetica_ceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header-section,#banner-section,#blog-section,#home-doctor-section,#footer-section,#inner-banner-section,#container{float:left;width:100%}
.header-section,.banner-section,.blog-section,.home-doctor-section,.footer-section,.inner-banner-section,.container{width:940px;margin:auto;position:relative}

#header-section{background:url(/images/header-section-bg.jpg) repeat-x 0 0}
.header-appointment-section{float:right;background:url(/images/for-appointment-bg.png) no-repeat 0 0;color:#6a6a6a;width:358px}
.for-appointment{font-family: 'HelveticaLTStdLight';font-size:14px;background:url(/images/phone-icon.png) no-repeat 8% 12px;text-align:center;padding:8px 0 12px}
.for-appointment span{font-weight:bold;font-size:19px}
.for-appointment a{color:#6a6a6a}
.for-appointment a:hover{color:#1d62a8}
.request-hansen{font-family: 'RobotoMedium';font-size:15px;color:#5c5c5c;text-align:right;background:url(/images/for-appointment-divider.jpg) no-repeat 70% 0;padding:11px 14% 10px 0}
.hansen-logo{float:left;width:40%}
.header-middle-section{color:#5c5c5c;float:left;font-family:verdana;font-size:18px;line-height:22px;margin:40px -13% 0 3%;width:27%}
.header-middle-section span{display:block}

#banner-section{background:url(/images/home-banner-bg.jpg) no-repeat center 0;padding:7px 0 0}
#banner, #banner li{width:100%}
.banner-image{float:left;width:67.5%;position:relative}
.man-image{float:right;width:18%}
.tagline{font-family: 'helvetica_ceregular';position:absolute;top:25%;right:15%}
.tagline p{font-size:44px;color:#033864;line-height:42px;margin-bottom:15px}
.tagline p a{color:#033864}
.tagline li{font-size:14px;color:#033864;font-weight:bold;background:url(/images/list-bullet-bg.png) no-repeat 0 50%;margin-bottom:3px;padding:0 0 0 25px}
.tagline li a{color:#033864}
.tagline li a:hover{color:#0c5bb0}
#home-banner-bullets{position:absolute;right:0;top:60px;z-index:2;width:47.5%}
#home-banner-bullets span{height:20px;position:absolute;text-indent:-9999px;width:20px;}
#home-banner-bullets span.shoulder{right:27.4%;top:24px}
#home-banner-bullets span.elbow{right:32.3%;top:81px}
#home-banner-bullets span.wrist{right:4.1%;top:98px}
#home-banner-bullets span.hip{right:24.8%;top:135px}
#home-banner-bullets span.knee{right:23%;top:209px}
#home-banner-bullets span.ankle{right:22%;top:275px}
#home-banner-bullets span.shoulder-image,#home-banner-bullets span.elbow-image,#home-banner-bullets span.wrist-image,#home-banner-bullets span.hip-image,#home-banner-bullets span.knee-image,#home-banner-bullets span.ankle-image{width:137px;height:66px}
#home-banner-bullets span.shoulder-image{background:url(/images/home-banner-bullet-shoulder.png) no-repeat 0 0;left:37.5%}
#home-banner-bullets span.shoulder-image:hover,#home-banner-bullets .rslides_here span.shoulder-image{background:url(/images/home-banner-bullet-shoulder-mouse.png) no-repeat 0 0}
#home-banner-bullets span.elbow-image{background:url(/images/home-banner-bullet-elbow.png) no-repeat 0 0;left:38%;top:66px}
#home-banner-bullets span.elbow-image:hover,#home-banner-bullets .rslides_here span.elbow-image{background:url(/images/home-banner-bullet-elbow-mouse.png) no-repeat 0 0}
#home-banner-bullets span.wrist-image{background:url(/images/home-banner-bullet-wrist.png) no-repeat 0 0;left:35%;top:132px;z-index:4}
#home-banner-bullets span.wrist-image:hover,#home-banner-bullets .rslides_here span.wrist-image{background:url(/images/home-banner-bullet-wrist-mouse.png) no-repeat 0 0}
#home-banner-bullets span.hip-image{background:url(/images/home-banner-bullet-hip.png) no-repeat 0 0;left:26.5%;top:186px;z-index:3}
#home-banner-bullets span.hip-image:hover,#home-banner-bullets .rslides_here span.hip-image{background:url(/images/home-banner-bullet-hip-mouse.png) no-repeat 0 0}
#home-banner-bullets span.knee-image{background:url(/images/home-banner-bullet-knee.png) no-repeat 0 0;left:14.5%;top:230px;z-index:2}
#home-banner-bullets span.knee-image:hover,#home-banner-bullets .rslides_here span.knee-image{background:url(/images/home-banner-bullet-knee-mouse.png) no-repeat 0 0}
#home-banner-bullets span.ankle-image{background:url(/images/home-banner-bullet-ankle.png) no-repeat 0 0;left:0;top:260px;z-index:1}
#home-banner-bullets span.ankle-image:hover,#home-banner-bullets .rslides_here span.ankle-image{background:url(/images/home-banner-bullet-ankle-mouse.png) no-repeat 0 0}

#blog-section{background:#fff4d3 url(/images/blog-bg.jpg) no-repeat center 0}
.blog-section{padding-top:12px;padding-bottom:10px}
.blog-image{float:left;width:27.5%;background:url(/images/home-blog-divider.jpg) no-repeat right center;padding-right:1%}
.home-blog-intro-section{float:right;width:68%;font-family:Tahoma;font-size:12px;line-height:21px;color:#565656;padding:20px 0 0;position:relative}
.home-blog-intro-section ul,.home-blog-intro-section ul li{width:100%}
.home-blog-intro-heading{font-weight:bold;line-height:13px;padding:0 0 5px}
.home-blog-intro-section .readmore{float:right;line-height:19px;color:#345f82}

.doctor-section{float:left;width:59%;padding:25px 0 0}
.doctor-image{float:left;width:31.5%;margin:0 4.5% 0 0}
.doctor-intro{float:right;width:64%;margin:15px 0 0}
.doctor-intro-heading{font-family: 'RobotoMedium';font-size:28px;color:#1d62a8;line-height:28px;background:url(/images/home-doctor-name-border.jpg) repeat-x 0 bottom;margin-bottom:5px;padding-bottom:19px}
.doctor-intro-heading a{color:#1d62a8}
.doctor-intro-heading span{display:block;font-family: verdana;font-size:12px;line-height:12px;color:#698d9d;margin:5px 0 0}
.doctor-intro p{font-family: 'RobotoRegular';font-size:12px;line-height:19px;color:#565656}
.doctor-intro a.readmore{font-family: 'RobotoLight';font-size:13px;line-height:19px;color:#007cb0;display:inline-block;border-bottom:2px solid #007cb0;margin:13px 0 0}
.home-doctor-left{float:right;width:36.5%}
.home-doctor-left ul{padding:10px 0}
.home-doctor-left li{margin-bottom:2px}

/*** logoslider ***/
#logoslider{ width:100%;height:auto;float:left;background:url(/images/credibility-section-bg.jpg) repeat-x 0 0}
.logoslider{max-width:940px;height:auto;margin:0 auto;padding:22px 0px 15px}
.logoslider img{ margin:0 35px; }
.np .prev, .np .next { cursor: pointer; height: 40px; position: relative; width: 36px; z-index: 9; padding: 35px 0; }


.slicknav_menu{display:none}
#footer-section{background:#e6e8d5}
.footer-section p.footer-section-heading{color:#565656;font-family:"RobotoBold";font-size:16px;line-height:22px;margin:15px 0 0}
.footer-section p.footer-section-heading a,.footer-section p.footer-section-heading span{border-bottom:1px solid #9e9f95;color:#565656;display:inline-block;padding:0 0 2px;width:60%}
.footer-section li,.footer-section p{font-family:'RobotoRegular';font-size:12px;line-height:15px;color:#565656}
.footer-section li a{color:#565656}
.footer-section a:hover{text-decoration:underline}
.footer-section li, .footer-section p span{padding:3px 0 2px}
.footer-section p span{display:block}
.quick-links-section,.services-section,.menu-section,.office-location-section{float:left;margin-right:1%;}
.quick-links-section{width:21.2%}
.services-section{width:16.5%}
.menu-section{width:16%}
.office-location-section{width:22.3%}
.follow-us-section{float:right;width:19.5%}
.footer-section .smo{padding:7px 0 8px}
.footer-section .smo li{float:left;margin-right:7px}
.footer-section .smo li a{display:block;width:31px;height:31px;text-indent:-9999px}
.footer-section .smo li.facebook a{background:url(/images/facebook-icon.png) no-repeat 0 0}
.footer-section .smo li.twitter a{background:url(/images/twitter-icon.png) no-repeat 0 0}
.footer-section .smo li.youtube a{background:url(/images/you-tube-icon.png) no-repeat 0 0}
.footer-section .smo li.linkedin a{background:url(/images/linkedin-icon.png) no-repeat 0 0}
.footer-section .smo li.google a{background:url(/images/googleplus-icon.png) no-repeat 0 0}
.footer-section .smo li.google{margin:0}
.ypo-logo{float:right;margin:29px 0 15px}

#inner-banner-section{background:url(/images/inner-banner.jpg) no-repeat center 0}
.inner-slider{float:left;position:relative;width:70%}
.inner-slider ul,.inner-slider ul li{width:100%}
.inner-slider ul li img{float:left}
.inner-banner-section .banner-tagline{position:absolute;top:40%;right:20%}
.inner-banner-doctor-section{float:right;background:url(/images/inner-banner-doctor-bg.png) no-repeat 0 0;width:24.5%;padding:25px 1.5% 20px;text-align:center;margin:20px 0 0}
.inner-banner-doctor-name{font-family: 'RobotoMedium';font-size:20px;color:#1d62a8;padding:5px 0 0}
.inner-banner-doctor-name a{color:#1d62a8}
.inner-banner-doctor-name a:hover{color:#6a6a6a}
.inner-banner-doctor-specification{font-size:11px;line-height:12px;color:#1d62a8}
.inner-banner-doctor-specification span{display:block;padding:2px 0 1px}

#container{background:url(/images/inner-container-bg.jpg) repeat-x 0 0}
.container{background:url(/images/inner-container-middle-shadow.jpg) no-repeat center 0}
.content{float:left;width:68%}
.breadcrumbs{font-family:verdana;font-size:12px;line-height:16px;color:#5b5b5b;margin:32px 0 15px}
.breadcrumbs a{color:#5b5b5b;font-weight:normal}
.breadcrumbs span{font-weight:bold}
.content h1{font-family: 'helvetica_ceregular';font-size:24px;color:#1d62a8;padding:5px 0 12px 0;}
.content h2,.content h3,.content p,.content ul,.content ol{margin:12px 0;}
.content h2{font:bold 15px/20px Verdana, Arial, Helvetica, sans-serif;color:#563c33;text-decoration:none;}
.content h2 a{color:#563c33}
.content h3{color:#3e7ac6;font:bold 13px Verdana,Arial,Helvetica,sans-serif;text-decoration:none}
.content a{color:#666666;text-decoration:underline}
.content a:hover{text-decoration:none}
.content li{background:url(/images/bullet-tm.gif) no-repeat 15px 11px;padding:6px 0px 0 30px}
.content ol{padding-left:30px}
.content ol li{background:none;list-style:decimal;padding:0}
.content ul ul{padding-left:30px;margin:5px 0}
.content ul ul li{background:none;padding-left:0;list-style:circle}
.content b,.content strong, .content .textMainBold{color:#000;font-weight:bold}
.hr{height:8px;background:url(/images/hr.gif) repeat-x 0px 0px !important;clear:both}

.sidebar{float:right;width:25.5%;margin:35px 0 0}
.sidebar .sidebar-services{background:#fff;border:1px solid #daded4;padding:8px;margin:0 0 10px}
.sidebar .sidebar-services li{background:url(/images/inner-services-bg.png) no-repeat 0 0;margin-bottom:1px;list-style:none}
.sidebar .sidebar-services li:hover{background:url(/images/inner-services-bg-mouse.png) no-repeat 0 0}
.sidebar .sidebar-services li:hover a{color:#fff}
.sidebar .sidebar-services li a{display:block;background:url(/images/inner-services-icon.png) no-repeat 12% 10px;font-family: 'helvetica_ceregular';font-size:18px;color:#5d5d5d;padding:11px 0 11px 33%;text-decoration:none}
.sidebar .sidebar-blog-section{padding:0;margin:0}
.sidebar .sidebar-blog-section li{margin-bottom:8px;list-style:none}
.sidebar .sidebar-blog-section li a{padding:0}

.sidebar h1{color:#1D62A8;font:19px'helvetica_ceregular';margin:0;padding:0px 5px 5px 0;text-decoration:none}
.sidebar ul,.sidebar ol{margin:0 12px;padding:6px 0 6px 10px}
.sidebar ul li,.sidebar ol li{color:#666;list-style:outside none disc;margin:0 0 20px}
.sidebar ul li a{color:#666666;padding:0 10px 0 5px;text-decoration:underline}

.servicelist1 li,.content #menu-footer-services-menu li{float:left;width:48%;margin:0 2% 10px 0;background:none;padding:0}
.servicelist1 li a,.content #menu-footer-services-menu li a{display:block;font-size:15px;background:#144368;border:1px solid #287fb5;border-radius:4px;color:#fefefe;text-align:center;text-decoration:none;padding:10px 0}
.servicelist1 li a:hover,.content #menu-footer-services-menu li a:hover{background:#1a7cb3;border:1px solid #99a2b1;border-radius:4px;color:#fff;display:block;text-decoration:none}
.Joint {font:normal 15px/17px;color:#fff;text-decoration:none;text-align:left;margin:0px !important;padding:0px !important;list-style:none;display:block;height:auto}
.Joint li{list-style:none;width:250px;float:left;padding:0px !important;margin:0px 78px 15px 0px !important;display:block}
.Joint li a{color: #111111;display:block;border-radius:5px;text-align:center;text-decoration:none;line-height:17px;width:140px;height:70px;border:1px solid #d5d5d5;-moz-border-radius:5px;-webkit-border-radius:5px;padding:4px 0px 4px 10px}
.shoulder-joint a{font:normal 15px/17px;background:url(/images/shoulder-joint-replacement.gif) no-repeat 5px 3px !important;padding:42px 5px 4px 155px !important}

.information-center{float:left;margin-right:2%;width:48%}
.information-center .servicelist1.servicelist1-media li{float:none;margin-right:0;width:auto}

.doctor-profile{float:right}
.doctor-profile p{background:#bababa;border-radius:5px;margin:0 0 5px;padding:10px}
.doctor-profile p img{margin:0 0 -5px}
.doctor-profile p b{color:#fff}

.videoBorder{border:8px solid #000000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #e6e6e6 url(/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  color: #555555 ;
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 2px 0 0 !important;
  padding: 0.5em 0.5em 0.5em 0.7em;
  text-decoration: none;
  cursor: pointer;
}
.ui-state-default a, .ui-widget-content .ui-state-default a, .ui-widget-header .ui-state-default a{text-decoration:none}
.ui-accordion-header-active, .ui-state-active, .ui-corner-top {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: medium none;
  border-radius: 4px 4px 0 0;
}
.hrow {
  border-bottom: 1px dotted;
  clear: both;
}
#test iframe {
  width: 100%;
}
.media-show{display:none}

@media only screen and (max-width:960px){
.header-section,.blog-section,.home-doctor-section,.footer-section,.container{width:96%;padding-left:2%;padding-right:2%}
.banner-section,.inner-banner-section{width:100%}
.header-middle-section{float:none;clear:both;margin:40px auto 10px;width:260px}
#banner-section{background-size:240%}
.man-image{display:none}
#home-banner-bullets{top:10px}
#home-banner-bullets span.shoulder-image, #home-banner-bullets span.elbow-image, #home-banner-bullets span.wrist-image, #home-banner-bullets span.hip-image, #home-banner-bullets span.knee-image, #home-banner-bullets span.ankle-image{display:block}
#home-banner-bullets span{display:none}
.doctor-section{padding:10px 0 0}
.doctor-intro{margin:0 0 10px}
.doctor-intro-heading{font-size:25px}
.home-blog-intro-section{padding:3px 0 0}
#home-news-events li{min-height:100px}
.footer-section p.footer-section-heading a,.footer-section p.footer-section-heading span{width:auto}

.inner-slider{width:67%}
.inner-banner-doctor-section{background-size:100%;padding:19px 1.5% 13px;width:29.5%}

iframe.videoBorder{width:auto!important}
}
@media only screen and (max-width:750px){
.header-appointment-section{background:#e8e8e8;width:275px}
.for-appointment{background-position:6% 12px;font-size:13px;padding:6px 0;text-align:left;text-indent:30px}
.for-appointment span{font-size:17px}
.request-hansen{font-size:14px;padding:8px 14% 7px 0}
.hansen-logo{width:45%}
.header-middle-section{padding:10px 0 0}
#banner-section{background-size:auto;background-color:#fddd92}

.banner-image,.banner-image,.doctor-section,.home-doctor-left,.inner-slider{float:none;width:auto}

.man-image{display:block;width:29%}
#banner-section{background-color:#fddd92;background-size:auto}
.man-image{display:block;margin-left:310px;width:165px;float:left}
#home-banner-bullets{bottom:10px;top:auto;left:165px;right:auto;width:290px}
#home-banner-bullets span.shoulder-image, #home-banner-bullets span.elbow-image, #home-banner-bullets span.wrist-image, #home-banner-bullets span.hip-image, #home-banner-bullets span.knee-image, #home-banner-bullets span.ankle-image{display:inline-block;position:inherit}
#home-banner-bullets span{display:block}
#home-banner-bullets span.shoulder{right:36.9%;top:74px}
#home-banner-bullets span.elbow{right:44.5%;top:131px}
#home-banner-bullets span.wrist{right:3.2%;top:148px}
#home-banner-bullets span.hip{right:33.5%;top:185px}
#home-banner-bullets span.knee{right:30.7%;top:259px}
#home-banner-bullets span.ankle{right:29.4%;top:325px}
#blog-section{background:#fff4d4;border-bottom:5px solid #E9E2C6}
.blog-section{padding-bottom:0}
.home-blog-intro-section{padding:0}
#home-news-events li{min-height:121px}
.home-doctor-left{clear:both;text-align:center}
.home-doctor-left li{float:left;margin-right:2%;width:48%}
.quick-links-section{width:36.2%}
.services-section{width:29.5%}
.menu-section{width:31%}
.office-location-section{width:44.6%;clear:both}
.follow-us-section{width:45%}
#inner-banner-section{background-color:#FDDD92}
.inner-banner-doctor-section{clear:both;float:none;margin:auto;width:258px}
.sidebar{width:28.5%}
.servicelist1.servicelist1-media li{float:none;width:auto;margin:0 0% 10px 0}

.information-center{float:none;margin-right:0%;width:auto}
}
@media only screen and (max-width:567px){
.header-section{padding:0;width:100%}
.header-appointment-section{background:url(/images/for-appointment-bg.png) no-repeat 0 0/100%;float:none;margin:auto;width:302px}
.for-appointment{background-position:10% 12px;text-align:center}
.request-hansen{background-position:81% 0;padding:8px 12% 7px 0;font-size:13px}

.hansen-logo,.blog-image,.home-blog-intro-section,.doctor-image,.doctor-intro,.home-doctor-left li,.office-location-section,.follow-us-section,.content,.sidebar{width:auto;float:none}

.hansen-logo{text-align:center}
.header-middle-section{margin-top:0}
.tagline{right:auto;left:50%;top:45%}
.tagline p{font-size:35px}
.tagline ul{display:none}
.man-image{margin-left:135px}
#home-banner-bullets{left:10px}
.blog-image{background:none;padding-right:0;text-align:center}
.home-blog-intro-section{padding:10px 0 0}
#home-news-events li{min-height:134px}
.doctor-image{text-align:center;margin:0}
.doctor-intro{text-align:center;margin:15px 0 0}
.doctor-intro a.readmore{float:right}
.home-doctor-left li{margin-right:0;text-align:center}
.office-location-section{margin-right:0;padding-top:10px}
.follow-us-section{padding-top:10px}
.inner-banner-section .banner-tagline{left:45%;right:auto}
.inner-banner-doctor-section{margin-top:10px}
.container{padding-top:1px}
.sidebar{clear:both;width:241px;margin:35px auto 0}

.doctor-profile{float:none;width:170px;margin:0 auto}

.media-hide{display:none}
.media-show{display:block}
}