@charset "utf-8";
/* CSS Document */

body {
  font-size: 14px;
  line-height: 20px;
  font-family: Verdana, sans-serif;
  background: #fff;
}
body, ul, li, form, iframe, button {
  padding: 0px;
  margin: 0px;
}
p, h1, h2, h3, h4, h5, h6 {
  margin: 12px 0;
  padding: 0;
}
ul, li {
  list-style-type: none;
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  outline: none;
  text-decoration: none;
  color: #000;
}
a:hover, ul.patient-forms li a:hover {
  transition: color 0.6s ease 0s;
  color: #004E96;
}
.clear {
  clear: both;
}
iframe {
  border: 1px solid #999;
}
@font-face {
  font-family: 'akshar_unicoderegular';
  src: url('/fonts/akshar-webfont.eot');
  src: url('/fonts/akshar-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/akshar-webfont.woff2') format('woff2'), url('/fonts/akshar-webfont.woff') format('woff'), url('/fonts/akshar-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bauhaus_md_btmedium';
  src: url('/fonts/17865346-webfont.eot');
  src: url('/fonts/17865346-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/17865346-webfont.woff2') format('woff2'), url('/fonts/17865346-webfont.woff') format('woff'), url('/fonts/17865346-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.bread-crumbs a {
  color: #37352F;
}
.bread-crumbs a:hover {
  color: #364683;
}
.home {
  text-decoration: underline;
}
/* BacktoTop */
#backtotop {
    bottom: 10px;
    background: url(/images/up-arrow-icon.png) left top no-repeat;
}
#backtobot {
    bottom: 10px;
    background: url(/images/down-arrow-icon.png) left top no-repeat;
}
#backtobot, #backtotop {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    width: 50px;
    height: 50px;
    font: 700 12px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
#backtobot a, #backtotop a {
    display: block;
    text-indent: -9999px;
}
/* header style */

header {
  width: 100%;
  float: left;
  background: url(/images/header-bg-new.png) no-repeat 0px 0px;
}

.header-section {
  margin: 0 auto;
  padding: 0 0 8px;
  width: 980px;
}
.chippewa-logo {
  width: 24%;
  float: left;
}
.header-right {
  float: right;
  width: 74%;
  background: rgba(0, 0, 0, 0) url("/images/home-cvosm-div.png") no-repeat scroll 0px 16px;
}
.header-right .appointment-icon {
  float: left;
  width: 55%;
}
.header-right .location-direction {
  background: rgba(0, 0, 0, 0) url("/images/sprite.png") no-repeat scroll 4px -92px;
  . float: left;
  height: 34px;
  margin: 0;
}
.header-right .appointment-icon p a {
  color: #025a88;
  display: block;
  font-family: "akshar_unicoderegular";
  font-size: 15px;
  padding-left: 47px;
  height: 35px;
}
.header-right .appointment-icon p span {
  font-size: 17px;
}
.header-right a.header-location {
  background: #CA9801;
  color: #fff;
  width: 85%;
  text-align: center;
  padding: 5px;
  display: block;
  border-radius: 8px;
  font-weight: bold;
  margin-top: 12px;
  font-size: 13px;
}
.header-right a.header-location:hover {
  background: #37352F;
}
.for-appoint {
  margin: 4px 0 0;
  padding-left: 25%;
}
/*



.directions-hours {



	float: left;



	width: 49%;



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



	width: 50%;



	padding-left: 35px;



	margin-top: 9px;



}



*/

.directions-hours {
  background: rgba(0, 0, 0, 0) url("/images/home-cvosm-div.png") no-repeat scroll 4px 16px;
  float: left;
  padding: 0 0 0 20px;
  width: 40%;
}
.directions-hours span {
  font-size: 16px;
  color: #025A88;
  margin-left: 32px;
}
.directions-hours .conatct-no {
  color: #025a88 !important;
  float: left;
  font-family: "akshar_unicoderegular";
  font-size: 14px !important;
  /*line-height: 18px !important;*/
  margin: 2px 0;
}
.directions-hours>p {
  margin: 3px 0 0;
}
.header-portal {
  background: #025887 url("/images/sprite.png") no-repeat scroll 20px -257px;
  color: rgb(255, 255, 255);
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 10% 25% 0;
  padding: 5px;
  text-align: center;
  width: 167px;
  border-radius: 10px;
}
.ortho-assit-link a {
  text-align: center;
  margin: 15px 0px 10px 35px;
}
.orthoassist-training {
  float: right;
  margin: 23px 0px 0px 0px;
}
.header-portal:hover, .banner-readmore:hover {
  color: #fff;
}
.header-division {
  border-left: 1px solid #CA9801;
}
/* menu styles*/

nav {
  background: url(/images/menu-bg.png) no-repeat center 0px;
  width: 100%;
  float: left;
}
.menu-section {
  width: 980px;
  margin: 0 auto;
}
.menu-section ul li {
  float: left;
  position: relative;
  background: url(/images/menu-div.png) no-repeat right 0;
  *position: inherit;
}
.menu-section ul li a {
  padding: 12px 18px;
  display: block;
  color: #fff;
  font-family: 'bauhaus_md_btmedium';
  font-size: 18px;
  /*display: inline-block;	 vertical-align: middle;



	 transform: translateZ(0)*/
  ;
  position: relative;
}
.menu-section ul li>ul li {
  background: none;
}
/* Sweep To Bottom */

/*nav ul li a:before {



 content: "";



 position: absolute;



 z-index: -1;



 top: 0;



 left: 0;



 right: 0;



 bottom: 0;



 background: #A36505;



 transform: scaleY(0);



 transform-origin: 50% 0;



 transition-property: transform;



 transition-duration: 0.2s;



 transition-timing-function: ease-out;



 }*/

nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
  color: white;
}
nav ul li a:hover:before, nav ul li a:focus:before, nav ul li a:active:before {
  transform: scaleY(1);
}
nav ul li>ul li a {
  border-right: none;
}
/** DD Menu Styles **/

nav ul li ul {
  display: none;
  z-index: 9999999;
  border: 1px solid rgb(118, 89, 26);
}
nav ul li:hover>ul, nav ul li>ul>li:hover>ul, nav ul li>ul>li>ul>li:hover>ul {
  display: block;
}
nav ul li ul li {
  float: none !important;
  background-color: inherit;
  *background-color: #333;
  border-bottom: 1px solid rgb(118, 89, 26);
}
nav ul li ul li a {
  display: block !important;
  color: #fff !important;
  font-size: 12px;
  padding: 1px 4px !important;
}
nav ul li ul li a:hover {
  color: #fff;
}
nav ul li ul li:hover, nav ul li ul li:hover {
  background-color: 586676 !important;
}
nav ul li:hover>ul, nav ul li:hover>ul>li>ul, nav ul li:hover>ul>li>ul>li>ul {
  width: 255px;
  position: absolute;
}
nav ul li:hover>ul {
  width: 250px;
  position: absolute;
}
nav ul li:hover>ul>li>ul, nav .ypomainmenu li:hover>ul>li>ul>li>ul {
  left: 250px;
}
/*** First Level Sub Menu ***/

nav ul li:hover>ul {
  top: 43px;
  left: 0px;
  background: #C5970D;
}
/*** Second Level Sub Menu ***/

nav ul li:hover>ul>li>ul {
  top: 0;
  background: #C5970D;
}
nav ul li>ul li>ul {
  width: 138px !important;
}
/*** Third Level Sub Menu ***/

nav ul li:hover>ul>li>ul>li>ul {
  top: 0;
  background: #C5970D;
}
/************code to keep right arrow active on hover********************/

/**right arrow**/

nav ul li ul li.menu-item-has-children>a {
  background-image: url(/images/arrow_menu.png);
  background-repeat: no-repeat;
  background-position: 96% 7px;
}
/*************on hover**********************/

nav ul li ul li.menu-item-has-children:hover>a {
  background-image: url(/images/arrow_menu.png);
  background-repeat: no-repeat;
  background-position: 96% 7px;
}
.ypomainmenu li:hover, .ypomainmenu>li:hover, .ypomainmenu>li.current-menu-item, .ypomainmenu>li.current_page_ancestor {
  background: url(/images/menu-bg-hover.png) repeat-x 0px 0px;
  color: #fff !important;
  transition: background-color 0.6s ease 0s;
}
.ypomainmenu>li.current_page_ancestor a {
  color: #fff !important;
}
.menu-item-31 .sub-menu {
  width: 191px !important;
}
.slicknav_menu {
  display: none;
}
nav ul li>ul li a {
  transform: none !important;
  color: #fff !important;
  font-size: 10px !important;
  text-transform: inherit;
  font-family: Verdana, sans-serif !important;
  font-weight: bold;
}
.menu-item-310 ul {
  width: 152px !important;
}
.ypomainmenu>li.current-menu-item {
  color: #fff !important;
}
nav .menu-section ul li>ul li:hover {
  background-color: #AE6B01 !important;
  background-image: none !important;
}
/* banner */

.banner {
  background: #38352E;
  width: 100%;
  float: left;
}
.home-banner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
/* slider styles */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  padding: 0 0 0 0%;
}
.banner .bullet_container, .inner-banner-section .bullet_container {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 99999;
  width: 223px;
}
.bullet_container ul li.rslides1_s1 a {
  background: url(/images/home-cvosm_li-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12.4px 0 15.2px 57px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s2 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 15px 60px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s3 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 15px 60px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s4 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 15px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s5 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 14px 58px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s6 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 3px 16px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s7 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 15px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s8 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s9 a {
  background: url(/images/aside-n-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s10 a {
  background: url(/images/aside-last-new.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
.bullet_container li a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.bullet_container ul li {
  width: auto;
  display: block;
  height: 43px;
}
.bullet_container ul li a {}
.bullet_container li.rslides_here a {
  display: block;
  padding: 8px;
}
/* hover */

.bullet_container ul li.rslides1_s1 a:hover, .bullet_container ul li.rslides1_s1.rslides_here a {
  background: url(/images/home-cvosm-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 57px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s2 a:hover, .bullet_container ul li.rslides1_s2.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 60px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s3 a:hover, .bullet_container ul li.rslides1_s3.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 60px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s4 a:hover, .bullet_container ul li.rslides1_s4.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s5 a:hover, .bullet_container ul li.rslides1_s5.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 58px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s6 a:hover, .bullet_container ul li.rslides1_s6.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s7 a:hover, .bullet_container ul li.rslides1_s7.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 59px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s8 a:hover, .bullet_container ul li.rslides1_s8.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s9 a:hover, .bullet_container ul li.rslides1_s9.rslides_here a {
  background: url(/images/aside-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
.bullet_container ul li.rslides1_s10 a:hover, .bullet_container ul li.rslides1_s10.rslides_here a {
  background: url(/images/aside-last-hover.png) no-repeat 2px 0px;
  display: block;
  padding: 12px 6px 17px 61px;
  background-size: 220px 45px;
}
/* banner content */

.sports-medicine-content {
  position: absolute;
  right: 22%;
  top: 73px;
  width: 26%;
  color: #fff;
}
.sports-medicine-content li {
  float: none !important;
  position: initial;
  list-style-type: disc;
  *position: relative;
}
.sports-medicine-content>ul {
  padding-left: 6%;
  margin-bottom: 10px;
}
.sports-medicine-content h3 a {
  font-size: 23px;
  font-weight: lighter;
}
.sports-medicine-content ul li a, .sports-medicine-content p {
  font-size: 13px;
  line-height: 15px;
  text-align: left;
}
.sports-medicine-content ul li a {
  text-decoration: underline;
}
.sports-medicine-content ul li a:hover {
  color: rgb(137, 137, 137);
}
.sports-medicine-content ul li a, .sports-medicine-content h3 a {
  color: #fff;
  font-family: 'akshar_unicoderegular';
}
.sports-medicine-content h3 a {
  font-family: Verdana, sans-serif;
  margin-bottom: 10px;
  display: block;
  color: rgb(255, 220, 115);
  text-decoration: none;
  font-size: 22px;
}
.banner-readmore {
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 33px;
}
/* inner-banner */

.inner-banner {
  background: #38352E;
  float: left;
  width: 100%;
}
.banner-section {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.inner-banner-content {
  left: 41%;
  position: absolute;
  top: 98px;
}
.inner-banner-content>a {
  color: rgb(254, 219, 117);
  font-size: 23px;
}
/* doctors section */

.doctors-section {
  width: 100%;
  float: left;
  background: #F6F0DA;
}
.doctor_sec {
  width: 980px;
  margin: 0 auto;
  padding: 20px 0;
}
.doctor_sec h2, aside h2 a, aside h2 {
  padding-bottom: 16px;
  border-bottom: 1px solid #C7C4BD;
  margin-bottom: 10px;
}
.doctor_sec h2 a, .doctor_sec h2, aside h2 a, aside h2 {
  color: #025887;
  margin-bottom: 16px;
  font-weight: lighter;
  font-size: 20px;
}
.patient-information>h2 {
  margin-bottom: 33px !important;
}
.doctor-info {
  width: 71%;
  float: left;
}
/* patient-information */

.patient-information {
  width: 21%;
  float: left;
  margin-left: 3%;
}
.patient-information ul li {
  padding-bottom: 32px;
}
.aside-patient-information {
  margin: 40px 0 40px 15px;
}
.aside-patient-information a {
  color: #015788;
  font-size: 12px;
  font-weight: bold;
}
aside .aside-patient-information ul li {
  padding-bottom: 11px;
}
.patient-information ul li a, aside-patient-information ul li a {
  color: #025887;
  font-size: 12px;
  font-weight: bold;
}
.patient-information ul li a.forms-download, .aside-patient-information ul li a.forms-download {
  background: url(/images/patient-information.png) no-repeat 0px 0px;
  padding: 10px 10px 10px 53px;
  display: block;
}
.patient-information ul li a.patient-testimonial, .aside-patient-information ul li a.patient-testimonial {
  background: url(/images/patient-information.png) no-repeat 0px -70px;
  padding: 10px 10px 10px 53px;
  display: block;
}
.patient-information ul li a.multimedia-education, .aside-patient-information ul li a.multimedia-education {
  background: url(/images/patient-information.png) no-repeat 0px -127px;
  padding: 10px 10px 10px 53px;
  display: block;
}
.aside-patient-information ul li a.multimedia-education {
  background: url(/images/patient-information.png) no-repeat 0px -138px;
  padding: 3px 10px 2px 53px;
  display: block;
}
/* social icons */

.patient-information img, .aside-patient-information img {
  float: left;
  margin-left: 15px;
}
.patient-information ul.smo, .aside-patient-information ul.smo {
  margin: 10px 0 20px 0;
  width: 84%;
  float: left;
}
.patient-information ul.smo li, .aside-patient-information ul.smo li {
  float: left;
  padding-bottom: 0;
  padding-left: 21px;
}
.patient-information ul.smo li a.facebook, .aside-patient-information li a.facebook {
  background: url(/images/sprite.png) no-repeat 0px 0px;
  padding: 13px 20px;
}
.patient-information ul.smo li a.twitter, .aside-patient-information ul.smo li a.twitter {
  background: url(/images/sprite.png) no-repeat 0px -410px;
  padding: 13px 20px;
}
/* doctor-list */

.doctor-list {
  width: 59%;
  position: relative;
  padding: 20px;
  margin-top: 0px;
  float: left;
}
.banner-right-doctor-list {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 9;
}
.post-op a {
  text-decoration: underline;
}
.left-right {
  float: left;
  margin-top: 0px;
  padding: 0 1px 0 8px;
  width: 26%;
}
.left-right ul li {
  list-style-type: disc;
  padding: 2px 0;
}
.left-right h3 {
  color: #025889;
  font-size: 12px;
}
.left-right a {
  font-size: 12px;
  color: #3a3833;
  text-decoration: underline;
}
.left-right a:hover {
  color: #2B7B6E;
}
.left-right>ul {
  padding-left: 11px;
}
.bg {
  text-decoration: underline;
}
.bg-line li a {
  text-decoration: underline;
}
/* section  */

section {
  width: 100%;
  float: left;
  background: url(/images/inner-cvosm1.png) no-repeat 0px 0px;
}
.container {
  width: 980px;
  margin: 0 auto;
  padding: 15px 0;
}
article {
  width: 77%;
  float: left;
}
aside {
  width: 219px;
  float: left;
}
/* aside */

.aside-servicelist ul li.aside-sm {
  background: url(/images/aside-li1.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-arthroscopy, .aside-servicelist ul li.aside-hs, .aside-servicelist ul li.aside-jr, .aside-servicelist ul li.aside-fracturecare, .aside-servicelist ul li.aside-footankle, .aside-servicelist ul li.aside-si {
  background: url(/images/aside-li2.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-electrodiagnostics {
  background: url(/images/aside-li8-normal.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-orthoassist {
  background: url(/images/aside-li9-normal.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li a {
  background: url(/images/service-li.png) no-repeat 20px 14px;
  padding: 17px 20px 20px 48px;
  display: block;
  color: #fff;
}
.aside-servicelist ul li a:hover {
  background: url(/images/services-tag-li.png ) no-repeat 20px 14px;
}
/* hover */

.aside-servicelist ul li.aside-sm:hover {
  background: url(/images/aside-li1-hover.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-arthroscopy:hover, .aside-servicelist ul li.aside-hs:hover, .aside-servicelist ul li.aside-jr:hover, .aside-servicelist ul li.aside-fracturecare:hover, .aside-servicelist ul li.aside-footankle:hover, .aside-servicelist ul li.aside-si:hover {
  background: url(/images/aside-lli2-hover.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-electrodiagnostics:hover {
  background: url(/images/aside-li8.png) no-repeat 0px 0px;
  display: block;
}
.aside-servicelist ul li.aside-orthoassist:hover {
  background: url(/images/aside-li9.png) no-repeat 0px 0px;
  display: block;
}
/* service page */

.cvosm-services {
  margin-top: 32px;
}
.cvosm-services ul li {
  margin: 18px 0;
  width: 314px;
  float: left;
  background: none !important;
}
.cvosm-services ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.cvosm-services a {
  background: rgb(65, 61, 48) none repeat scroll 0 0;
  border: 1px solid rgb(12, 73, 115);
  color: rgb(255, 255, 255);
  display: block;
  font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
  height: 35px;
  padding: 5px 0 0;
  text-decoration: none;
  width: 280px;
}
.cvosm-services ul li a img {
  margin: -17px 6px -14px -5px;
}
.cvosm-services a:hover {
  background: #025887
}
/* credibity */

.credibility {
  background: #fff;
  width: 100%;
  float: left;
  border-top: 1px solid #E8E3CF;
}
.credibility-section {
  padding: 10px 0;
  width: 980px;
  margin: 0 auto;
}
.credibility a {
  margin: 0 25px;
}
/*.np .prev, .np .next { cursor: pointer; height: 27px; position: absolute; top: 0; width: 16px; z-index: 9; background-image:url(/images/sprite.png); background-repeat:no-repeat; padding:35px 0; background-color:#d9e3f1; }



 .np .next { background-position:-168px -7587px; float: right; position: relative; }



 .np .prev { background-position:-176px -7208px; float: left; position: relative; }*/

/* footer */

footer {
  width: 100%;
  float: left;
  background: #38352E;
}
.footer-section {
  width: 980px;
  margin: 0 auto;
  padding: 5px 0;
  color: #fff;
  font-size: 12px;
}
.footer-section ul li {
  float: left;
}
.footer-section p {
  padding-left: 3px;
  margin: 5px 0;
}
.footer-section ul li a {
  color: #fff;
  background: url(/images/footer-div.png) no-repeat -2px 3px;
  padding: 0 5px;
}
.footer-section ul li a:hover {
  text-decoration: underline;
}
.footer-section img {
  float: right;
  margin-top: 10px;
}
.menu-item-377>a {
  background: none !important;
}
.footer-menu {
  width: 60%;
  float: left;
}
.menu-item-378>a {
  border-right: none;
}
/* common styles */

.textMain {
  color: rgb(55, 53, 47);
  font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 30px 30px 10px;
  text-align: justify;
  text-decoration: none;
  line-height: 19px;
}
.navigation {
  color: rgb(55, 53, 47);
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  padding: 25px 0 0 10px;
  text-decoration: none;
}
article h1 {
  color: rgb(55, 53, 47);
  font: 22px 'akshar_unicoderegular';
  margin: 15px 0 0 0px;
  padding: 5px 0 0 0px;
  text-decoration: none;
}
article h2 {
  color: rgb(16, 69, 113);
  font: bold 15px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.textMain ul li {
  background: rgba(0, 0, 0, 0) url("/images/bullet-tm.gif") no-repeat scroll 15px 11px;
  list-style: outside none none;
  padding: 6px 0 0 30px;
}
.aside-servicelist-media {
  display: none;
}
.textMainBold {
  color: rgb(55, 53, 47);
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  text-decoration: none;
}
.Section-Title {
  color: rgb(195, 151, 19);
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.textMain ul, textMain ol {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.hr {
  border-bottom: 1px solid rgb(0, 0, 0);
  height: 8px;
}
.ServicesSP1 a {
  background: rgb(202, 152, 1) none repeat scroll 0 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  border-radius: 10px;
  color: rgb(255, 255, 255);
  display: block;
  font: bold 14px/17px Arial;
  height: 24px;
  padding: 5px 0 0;
  text-align: center;
  text-decoration: none;
  float: right;
  width: 200px;
}
.ServicesSP {
  color: rgb(255, 255, 255);
  font: bold 14px/18px Arial;
  height: 40px;
  text-decoration: none;
  width: 280px;
}
.ServicesSP a {
  background: rgb(55, 53, 47) none repeat scroll 0 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  border-radius: 10px;
  color: rgb(255, 255, 255);
  display: block;
  font: bold 14px/17px Arial;
  height: 24px;
  padding: 10px 0 0;
  text-align: center;
  text-decoration: none;
  width: 300px;
}
.ServicesSP a:hover {
  background: rgb(202, 152, 1) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font: bold 14px/17px Arial;
  text-align: center;
  text-decoration: none;
}
.ServicesSP-h a {
  background: rgb(55, 53, 47) none repeat scroll 0 0;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  display: block;
  font: bold 14px/17px Arial;
  height: 45px;
  padding: 10px 0 0;
  text-align: center;
  text-decoration: none;
  width: 300px;
}
.ServicesSP-h {
  color: rgb(255, 255, 255);
  font: bold 14px/18px Arial;
  height: 50px;
  text-decoration: none;
  width: 280px;
}
.ServicesSP-h a:hover {
  background: rgb(202, 152, 1) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font: bold 14px/17px Arial;
  text-align: center;
  text-decoration: none;
}
.SubHeading, article h2 {
  color: rgb(16, 69, 113);
  font: bold 15px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
marquee a {}
#oScroll a:hover {
  text-decoration: underline;
  color: #051d4c
}
#scroll {
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
#oScroll a {
  color: #051d4c !important;
}
#oScroll {
  margin: 0 0 0 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  width: 98%;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
/* doctor-profile */

.staff-section {
  border: 1px solid #000;
  background: #fff;
  padding: 9px 10px 0px 10px;
  width: 46%;
  height: 98px;
  float: left;
  margin: 0 5px 4px 0;
  text-align: left;
}
.staff-section:hover {
  background: #F5D881;
}
.staff-section img {
  padding-right: 11px;
}
.staff-section a {
  color: #000;
}
.staff-section a.staff-readmore {
  text-decoration: underline;
}
.staff-section a.staff-readmore:hover {
  color: #004E96;
}
/* doctor profile */

.doctor-profile {
  float: right;
  margin-left: 2%;
  width: 156px;
}
.doctor-profile img {
  width: 150;
  height: 189;
  border: 3px solid #474541;
}
.doctor-profile span {
  background: #474541;
  padding: 6px 3px;
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 3px;
}
/* arthroscopy surgery */

.arthroscopy-surgery {
  border: 1px solid #333;
}
.arthroscopy-surgery li {
  width: 43%;
  float: left;
  background: none !important;
}
/* joint surgery */

.Joint li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  float: left;
  margin: 0 68px 15px 0 !important;
  padding: 0 !important;
  width: 250px;
}
.Joint li a {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 5px;
  color: rgb(112, 112, 112);
  display: block;
  height: 70px;
  line-height: 17px;
  padding: 4px 0 4px 10px;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
.minimally a {
  background: rgba(0, 0, 0, 0) url(/images/revision-knee-replacement.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.computer-assisted a {
  background: rgba(0, 0, 0, 0) url(/images/hip-arthroplasty.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.thr a {
  background: rgba(0, 0, 0, 0) url(/images/hip-arthroplasty1.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.tkr a {
  background: rgba(0, 0, 0, 0) url(/images/revision-knee-replacement1.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.unicondylar a {
  background: rgba(0, 0, 0, 0) url(/images/uniknee-replacement.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.revision-knee a {
  background: rgba(0, 0, 0, 0) url(/images/revision-knee-replacement.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.revision-hip a {
  background: rgba(0, 0, 0, 0) url(/images/hip-arthroplasty.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.revision-knee a {
  background: rgba(0, 0, 0, 0) url(/images/shoulder-joint-replacement.gif) no-repeat scroll 5px 3px !important;
  padding: 35px 0 4px 125px !important;
}
.minimally-images ul li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  float: left;
  width: 40%;
}
.Services-tab {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #3d3d3d;
  text-decoration: none;
}
.Services-tab a {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  width: 210px;
  margin: 10px 10px 0px 0px;
  padding: 10px 15px 10px 15px;
  color: #ffffff;
  text-decoration: none;
  background: #37352f;
  border: 1px solid #37352f;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.Services-tab a:hover {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  width: 210px;
  color: #ffffff;
  text-decoration: none;
  background: #ca9801;
  border: 1px solid #ca9801;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.Services-tab li {
  background-image: none !important;
  width: 50%;
  float: left;
  margin: 0px 0px 15px 0px !important;
  padding: 0px !important;
}
.doctor-profile img {
  border: 3px solid #474541;
  width: 215px;
}
.doctor-profile {
  float: right;
  margin-left: 2%;
  width: 220px;
}
.link {
  background: #474541 none repeat scroll 0 0;
  color: #fff;
  font-size: 11px;
  padding: 5px 0;
  text-align: center;
}
.link a {
  display: block;
  color: rgb(195, 151, 19);
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 980px) {
  .header-right .location-direction {
    background: rgba(0, 0, 0, 0) url("/images/sprite.png") no-repeat scroll 4px -92px;
    height: 48px;
    margin: 0;
  }
  .directions-hours {
    background: none;
  }
  .header-section, .doctor_sec, .credibility-section, .footer-section, .container {
    width: 96%;
    padding: 10px 2%;
  }
  .directions-hours {
    background: none;
    float: right;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 47%;
  }
  .conatct-no {
    padding: 0px 0px 0px 0px !important;
  }
  .header-portal {
    float: none;
  }
  .header-right .appointment-icon {
    width: 51%;
    margin: 0 auto;
    float: left;
  }
  .header-right .appointment-icon p a {
    color: #025a88;
    display: block;
    font-family: "akshar_unicoderegular";
    font-size: 15px;
    height: 35px;
    margin: 12px 0 0px 0px;
    padding: 0px 0px 2px 47px;
  }
  .header-portal {
    margin: 20px;
  }
  .menu-section {
    width: 96%;
  }
  .menu-section ul li a {
    padding: 12px 4px;
  }
  /* banner */
  .home-banner, .banner-section {
    width: 96%;
  }
  .banner-right-doctor-list {
    width: 32%;
  }
  .inner-banner-content {
    left: 32%;
    top: 66px;
  }
  .bullet_container {
    display: none;
  }
  .sports-medicine-content {
    right: 2%;
    top: 47px;
  }
  /* doctors profiles */
  .doctor-info {
    width: 68%;
  }
  .doctor-list {
    width: 59%;
    padding: 0;
  }
  .left-right {
    margin-top: 16px;
    padding: 0 9px;
    width: 37%;
  }
  .patient-information {
    float: left;
    width: 28%;
    margin-left: 1%;
  }
  /* container */
  article {
    width: 69%;
  }
  .staff-section {
    width: 60%;
  }
  .formHead1 {
    width: 100%;
  }
  header {
    background: none;
  }
  a.testimonials {
    margin-top: -102px !important;
  }
  .inner-banner-content>a {
    font-size: 17px;
  }
  .orthoassist-training {
    float: none;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .Services-tab li {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .chippewa-logo {
    clear: both;
    float: left;
    width: auto;
  }
  .header-right, #oScroll {
    float: right;
    width: 460px;
  }
  .header-right .appointment-icon {
    float: left;
    width: 240px;
    margin: 0 auto;
  }
  .directions-hours {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: none;
    width: auto;
  }
  .doctor-info {
    width: 62%;
  }
  .doctor-list {
    width: 72%;
  }
  .left-right {
    width: 53%;
  }
  .patient-information {
    width: 35%;
  }
  article {
    width: 61%;
  }
  .staff-section {
    width: 98%;
  }
  header {
    background: none;
  }
  .sports-medicine-content li, .sports-medicine-content ul li a, .sports-medicine-content p {
    display: none;
  }
  .menu-section ul li a {
    font-size: 17px;
  }
  .ortho-assit-link a {
    margin: 54px 0 10px 35px;
    width: 50%;
  }
}
@media only screen and (max-width: 713px) {
  .menu-section ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 594px) {
  .doctor-profile {
    float: none;
    width: 220px;
    margin: 0 auto;
  }
  .chippewa-logo {
    float: none;
    margin: 0 auto;
    width: 40%;
  }
  .for-appoint {
    padding-left: 35%;
    margin: 10px 0 0;
  }
  .header-right, #oScroll {
    clear: both;
    float: none;
    width: 320px;
    margin: 0 auto;
    background: none;
  }
  .header-right .appointment-icon {
    width: 54%;
    margin: 10px auto;
    float: none;
  }
  .directions-hours {
    float: none;
    width: auto;
  }
  .doctor-list {
    width: 52%;
  }
  .doctor-info, aside {
    width: 98%;
  }
  .left-right {
    float: left;
    width: 43%;
  }
  .patient-information {
    width: 56%;
    margin: 0 auto;
  }
  .inner-banner-content {
    top: 33px;
  }
  .inner-banner-content>a {
    font-size: 17px;
  }
  article {
    width: 96%;
  }
  .aside-servicelist {
    display: none;
  }
  .aside-servicelist-media {
    display: block;
    width: 98%;
  }
  .aside-servicelist-media a {
    background: #025887;
    padding: 10px;
    display: block;
    margin: 3px 0;
    color: #fff;
  }
  .aside-servicelist-media a:hover {
    background: #C29713;
  }
  nav .ypomainmenu {
    display: none;
  }
  .slicknav_menu {
    display: block;
  }
  .slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0.438em 0.625em 0.438em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
  }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    font-family: Arial, sans-serif;
  }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em;
  }
  .slicknav_menu .slicknav_no-text {
    margin: 0
  }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 0.188em
  }
  .slicknav_nav {
    clear: both
  }
  .slicknav_nav ul, .slicknav_nav li {
    display: block
  }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    float: right;
  }
  .slicknav_nav .slicknav_item {
    display: block;
    cursor: pointer;
  }
  .slicknav_nav a {
    display: block;
    font-family: Arial, sans-serif;
  }
  .slicknav_nav .slicknav_item a {
    display: inline;
  }
  .slicknav_menu:before, .slicknav_menu:after {
    content: " ";
    display: table;
  }
  .slicknav_menu:after {
    clear: both;
  }
  /* IE6/7 support */
  .slicknav_menu {
    *zoom: 1
  }
  /*



	 User Default Style



	 Change the following styles to modify the appearance of the menu.



	 */
  .slicknav_menu {
    font-size: 16px;
  }
  /* Button */
  .slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222222;
  }
  /* Button Text */
  .slicknav_menu .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
  }
  .slicknav_menu .slicknav_menutxt:hover {
    color: #fff;
  }
  /* Button Lines */
  .slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5;
  }
  .slicknav_menu {
    background: #AB6A02;
    padding: 5px;
  }
  .slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
  }
  .slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
  }
  .slicknav_nav ul {
    padding: 0;
    margin: 0 0 0 4px;
  }
  .slicknav_nav .slicknav_item {
    padding: 5px 0px;
    margin: 2px 5px;
  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
  }
  .slicknav_nav .slicknav_item a {
    adding: 0;
    margin: 0;
  }
  .slicknav_nav .slicknav_item a:hover, .slicknav_nav a:hover {
    color: #fff;
  }
  .slicknav_nav .slicknav_item:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #C79808;
    color: #fff !important;
  }
  .slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #C79808;
    color: #fff !important;
  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
  }
  .menu-item-31 .sub-menu {
    width: 285px !important;
  }
  .menu-item-310 ul {
    width: 208px !important;
  }
  .sports-medicine-content {
    right: -2%;
    width: 46%;
  }
  .sports-medicine-content h3 a {
    font-size: 15px;
  }
  .ortho-assit-link a {
    margin: -17px 0 10px 35px;
    width: 70%;
  }
}
@media only screen and (max-width: 476px) {
  .chippewa-logo {
    width: 77%;
    margin: 0 auto;
  }
  .staff-section > a {
    display: table;
    margin: 0px auto;
  }
  .staff-section {
	height:auto;
	text-align:center;
  }
  .header-right .appointment-icon {
    width: 82%;
  }
  .directions-hours {
    width: 88%;
    margin: 10px 0px 0px 0px !important;
    padding: 10px 0px 0px 40px;
  }
  .doctor-list {
    width: 96%;
  }
  .left-right {
    width: 96%;
    float: none;
  }
  .patient-information {
    margin: 0 auto;
    width: 71%;
  }
  .ortho-assit-link a {
    margin: -17px 0 10px 0px;
  }
}