/*

	Theme Name: City Foot Ankle

	Theme URI: http://www.yourpracticeonline.net

	Description: This theme is completely compatible with WordPress 4.3

	Author URI: http://www.yourpracticeonline.net

	Version: 1.0

*/

/* ------------------------------ Fonts CSS ------------------------------ */

@font-face {

    font-family: 'oswaldbold';

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

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

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

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

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

         url('/fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'oswaldlight';

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

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

         url('/fonts/oswald-light-webfont.woff2') format('woff2'),

         url('/fonts/oswald-light-webfont.woff') format('woff'),

         url('/fonts/oswald-light-webfont.ttf') format('truetype'),

         url('/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'oswaldregular';

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

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

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

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

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

         url('/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'MyriadProRegular';

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

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

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

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

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

    font-weight: 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.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: 'open_sansregular';

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

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

         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_sansitalic';

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

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

         url('/fonts/OpenSans-Italic-webfont.woff') format('woff'),

         url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),

         url('/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');

    font-weight: normal;

    font-style: normal;

}

@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.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: 'Raleway-Light';

  src: url('/fonts/Raleway-Light.eot');

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

       url('/fonts/Raleway-Light.woff') format('woff'),

       url('/fonts/Raleway-Light.ttf') format('truetype'),

       url('/fonts/Raleway-Light.svg#Raleway-Light') format('svg');

}

.fontpro,.fontpro-35197 {

  font-family: 'Raleway-Light',sans-serif;

}

@font-face {

    font-family: 'open_sanslight';

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

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

         url('/fonts/OpenSans-Light-webfont.woff') format('woff'),

         url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'),

         url('/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

  font-family: 'Raleway';

  src: url('/fonts/Raleway-Regular.eot');

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

       url('/fonts/Raleway-Regular.woff') format('woff'),

       url('/fonts/Raleway-Regular.ttf') format('truetype'),

       url('/fonts/Raleway-Regular.svg#Raleway') format('svg');

}

.fontpro,.fontpro-35199 {

  font-family: 'Raleway',sans-serif;

}
#toTop {
  width: 100px;
  background: #07A7D9;
  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: #07A7D9;
}


.broken_link, a.broken_link {
	text-decoration: line-through;
}

/* ------------------------------ Global CSS ------------------------------ */

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, li {

	margin: 0px;

	padding: 0px;

}

ul {

	list-style: none;

}

a, a:hover {

	text-decoration: none;

}

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

.hr {

	height: 10px;

	clear:both;

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

}

.clear-float {

	clear: both;

}

.align-left {

	float: left;

	margin:0px 10px 10px 0px;

}

.align-left img, .align-right img {

  border: 1px solid #221b45;

  margin: 10px 0 0;

  width: 200px;

}

.align-right {

	float: right;

	margin:0px 10px 10px 10px;

}

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

}

/* ------------------------------ 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;

}

.rslides li li {

	display:block;

}

#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;

	top: 0px;

}

.Intra-L {

	left: -100%;

}

.Intra-R {

	right: -100%;

}

.Intra-Tabs {

	position:relative;

	z-index: 10;

	margin: 0px;

	padding: 0px;

	left: 25%;

	bottom: 45px;

}

.Intra-Tabs li {

	float: left;

	margin: 0px 3px;

}

.Intra-Tabs li a {

	height: 100%;

	display: block;

	background: #044c63;

	border-radius: 50%;

}



#Patient-information .Patient-Tabs {

  bottom: 14px;

  float: right;

  left: 0;

  width: 100px;

  position: relative;

  margin: 36px 10px 18px 0px;

}

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

.nbs-flexisel-container {

	margin: 0px;

	padding: 0px;

	position: relative;

	max-width: 100%;

	width: 100%;

	overflow: hidden;

}

.nbs-flexisel-inner {

	width: 90%;

	max-width: 90%;

	margin: 0px auto;

	padding: 0px;

	overflow: hidden;

}

#flexiselDemo1 {

	display: block;

	overflow: hidden;

}

.nbs-flexisel-ul {

	width: 9999px;

	*width:9999px;

	position: relative;

}

.nbs-flexisel-item {

	display:inline-block;

	float:left;

	overflow: hidden;

	vertical-align: middle;

}

.nbs-flexisel-item a, .nbs-flexisel-item a:hover {

	text-decoration: none;

}

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

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

	width: 40px;

	height: 100%;

	position: absolute;

	cursor: pointer;

	z-index: 100;

	top: 0px;

}

.nbs-flexisel-nav-left {

	left: 3px;

}

.nbs-flexisel-nav-right {

	right: 3px;

}

/*-----------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: #1F2971;

	text-align : center;

	border-radius : 5px;

	display: none;

}

#backtotop a {

	display: block;Content-Container

	color : #fff;

}

#backtotop:hover {

	opacity : 0.9;

}

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

#Container, header, #Intra-Container, #Intra-Container-S, section, #Dr-Container, #Surgery-Container, #Patients-Container, #Credibility-Container, footer, #Content-Container  {

	width: 100%;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	position: relative;

}

#Menu-Container {

	width: 100%;

	margin: 0px;

	padding: 0px;

	position: relative;

}

#Header, #Interactivity, #Dr-Profile,#Patient-information, #Foot-Ankle-Surgery, #Credibility, #Footer, #Content-Main, #Main-Menu {

	max-width: 937px;

	min-width: 300px;

	margin: 0px auto;

}

#Header .intra-div, #Dr-Profile .dr-details, #Foot-Ankle-Surgery .whats-new, #Content-Main .intra-div {

	display: table;

	table-layout: fixed;

}

.foot-ankle, .contact, .facilities, .foot-surgery {

	display: table-cell;

	vertical-align: top;

}

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

#Header {

	min-height: 134px;

}

.foot-ankle{

	padding: 26px 0px 0px 0px;

}

.contact{

	margin:70px 0px 0px 0px;

	width:375px;

	float:right;

}

.contact-no{

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

	font:normal 30px/34px 'oswaldlight';

	color:#0c475a;

}

.contact-no a{

	padding:0px 0px 0px 20px;

	color:#0c475a;

}

.contact-no span {

  background: url("/images/sprite-images.png") no-repeat scroll 5px -55px #2b86a3;

  border-radius: 5px;

  color: #fff;

  float: right;

  font: 15px/26px 'oswaldregular';

  padding: 4px 22px 4px 15px;

  margin:0 0 0 5px;

  width: 148px;

}

.contact-no span a{

	color:#FFF;

}

/*----------------------------Menu CSS--------------------------------*/

#Menu-Container{

	background: #07a7d9;

}

#Main-Menu {

	height: 52px;

}

#access {

	float: left;

	display: block;

	margin: 0px;

	padding: 0px;

	position: relative;

	width: 100%;

	z-index: 200;

}

#access ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#access li {

border-right: 1px solid #93c6d6;

	float: left;

	position: relative;

	padding: 0px;

	text-align: center;

	font:normal 15px/52px 'oswaldregular';

	height: 52px;

	text-transform: uppercase;

}

#access li:last-child {

	border: none;

}

#access a {

	display: block;

	color: #ffffff;

	text-decoration: none;

}

#access a:hover {

	color: #ffffff;

	text-decoration: none;

	background: #4f575a;

}

.menu-item-33 {

	width: 10%;

}

.menu-item-34 {

	width: 13%;

}

.menu-item-35 {

	width: 13%;

}

.menu-item-36 {

	width: 14.5%;

}

.menu-item-37 {

	width: 15%;

}

.menu-item-38 {

	width: 10%;

}

.menu-item-39 {

	width: 10%;

}

.menu-item-40 {

	width: 12%;

}

#access li.menu-item-39 ul{

	width:160px;

}

#access ul ul {

	display: none;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	position: absolute;

	left: 0px;

	z-index: 996;

	width: 210px;

	background: #231f20;

}

#access ul ul ul {

	left: 100%;

	top: 0px;

	margin: 0px;

	z-index: 996;

}

#access ul ul a {

	text-transform: none;

	color: #ffffff;

	margin: 0px;

	padding: 10px 10px 10px 30px;

	z-index: 996;

	text-align: left;

	background: url(/images/menu-bullet.png) no-repeat 10px center #07a7d9;

}

#access ul ul a:hover {

	color: #ffffff;

	background: url(/images/menu-bullet.png) no-repeat 10px center #4f575a !important;

}

#access ul ul li {

	height: auto;

	border-bottom: 1px solid #4db7d7;

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

	width: 100%;

}

#access ul li:hover > ul {

	display: block;

}

.menu li a:hover, .menu li:hover > a, .menu > li:hover > a {

	color: #ffffff !important;

	background: #4f575a;

}

.menu .current-menu-item > a, .menu .current_page_item > a, .menu .current-menu-ancestor > a, .menu .current_page_ancestor > a {

	color: #ffffff !important;

	background: #4f575a !important;

}

.menu ul li a:hover, .menu ul li:hover > a, .menu ul > li:hover > a, .menu > ul > li:hover > a {

	background: #4f575a !important;

	color: #ffffff !important;

}

.menu li .current-menu-item > a, .menu > li .current-menu-item > a, .menu li .current_page_item > a, .menu > li .current_page_item > a, .menu li .current-menu-ancestor > a, .menu > li .current-menu-ancestor > a, .menu li .current_page_ancestor > a, .menu > li .current_page_ancestor > a {

	background: url(/images/menu-bullet.png) no-repeat 10px center #4f575a !important;

	color: #ffffff !important;

}

#Mobile-Menu {

	display: none;

}

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

#Mobile-Menu {

	display:none;

	width: 100%;

	height: 50px;

	margin: 0px;

	padding: 0px;

}

.menu-link {

	height: 50px;

	font: normal 18px/50px 'ralewayregular';

	color: #FFF;

	margin: 0px;

	padding: 0px;

	text-align:center;

}

.menu-link a {

	color: #FFF;

	display:block;

}

.menu-link img {

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

}

#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:#50928A;

	color: #ffffff;

	border-bottom: 1px solid #FFF;

	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: #05b7a2 !important;

}

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

  background: #2B86A3;

}

#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:#05b7a2 !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;

}

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

#Mobile-Menu {

	display:none;

	width: 100%;

	height: 50px;

	margin: 0px;

	padding: 0px;

}

.menu-link {

	height: 50px;

	font: normal 18px/50px 'oswaldregular';

	color: #fff;

	margin: 0px;

	padding: 0px;

	text-align:center;

	border-bottom: 1px solid #d3bfa0;

	text-transform: uppercase;

}

.menu-link a {

	color: #fff;

	display:block;

}

.menu-link img {

	margin:0px 10px;

}

#wrapper {

	left: 0px;

	overflow: hidden;

	width: 100%;

	position: relative;

	z-index: 996;

}

#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:#2B86A3;

	color: #ffffff;

	border-bottom: 1px solid #d3bfa0;

	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: #126079 !important;

}

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

	background: #2B86A3 !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: #2B86A3 !important;

}

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

	color: #fff !important;

	background: #a46738 !important;

}

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

	color: #fff !important;

	background: #126079 !important;

}

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

#Intra-Container #Interactivity {

	height: 450px;

}

#Intra-Container #Banner0 {

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

	background-size:100%;

}

#Intra-Container #Banner0 .Intra-L {

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

}

#Intra-Container #Banner0 .Intra-R {

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

}

#Intra-Container #Banner1 {

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

	background-size:100%;

}

#Intra-Container #Banner1 .Intra-L {

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

}

#Intra-Container #Banner1 .Intra-R {

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

}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  border-radius: 6px;

  padding: 10px;

  position: absolute;

  right: 22%;

  top: 14%;

  z-index: 90;

}

#Intra-Container .intra-ankle{

  position: absolute;

  right: 20%;

  top: 14%;

}

.intra-ankle span{

	margin:18px 0px 0px 0px ;

}

.intra-main h3 {

	font: normal 42px/66px 'oswaldregular';

	color: #217590;

}

.intra-main h3 a {

	color: #217590;

}

.intra-main li {

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

	color:#42433D;

}

.intra-main li a {

	color:#42433D;

	background:url(/images/banner-li-bg.png) no-repeat left 6px;

	padding:0px 0px 0px 10px;

}

.read-more {

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

	text-align:center;

	margin:42px 0px 0px 0px ;

	display:block;

	width:110px;

	background:#125a72;

	color:#fff;

	border-radius:5px;

}

.read-more a {

	color:#fff;

	display:block;

}

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

#Dr-Container {

	background: url(/images/dr-banner-bg.jpg) repeat;

	margin: -96px 0px 0px;

}

.dr-details{

	margin:10% 0px 0px 0px;

}

.mr-laurence {

  float: left;

  margin: 0 6% 0 0;

  width: 38%;

}

.about-laurence {

  float: left;

  width: 54%;

}

.about-laurence h2{

	font:normal 38px/42px 'open_sanssemibold';

	color:#f48d1f;

}

.about-laurence h2 a{

	color:#f48d1f;

}

.about-laurence p{

	font:normal 15px/28px 'open_sansregular';

}

.ankle-sur{

	font:normal 18px/30px 'open_sanssemibold' !important;

}

.laurence-info{

	font:normal 13px/18px 'open_sansregular'!important;

	margin:20px 0px 0px 0px;

}

.presentation {

	width:92%;

	font: normal 18px/36px 'oswaldregular'!important;

	background:url(/images/sprite-images.png) no-repeat 5px -352px ;

	color: #0f5870;

	float:left;

	margin:10% 0px 0px 0px;

	padding: 0px 0px 0px 35px;

}

.presentation a{

	color:#0f5870;

}

.presentation span{

	width:110px;

	float:right;

	font: normal 15px/28px 'open_sansregular';

	text-align:center;

	background:#217590;

	border-radius:5px;

	color:#fff;

}

.presentation span a{

	color:#FFF;

}

/*--------------------Surgery Container CSS------------------------------*/

#Surgery-Container {

	background:#07a7d9;

}

.whats-new{

	margin:65px 0px 60px 0px;

}

.facilities li{

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

	color:#fff;

	margin:10px 0px 0px 0px;

	width:316px;

}

.facilities li a{

	border-radius:8px;

	color: #fff;

  	display: block;

  	padding: 18px 0 18px 65px;

}

.patient-forms a{

	background:url(/images/sprite-images.png) no-repeat 15px -106px #217590;

}

.patient-forms a:hover {

	background:url(/images/sprite-images.png) no-repeat 15px -106px #044c63;

}

.insurance a{

	background:url(/images/sprite-images.png) no-repeat 15px -168px #217590;

}

.insurance a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -168px #044c63;

}

.referrers a{

	background:url(/images/sprite-images.png) no-repeat 15px -228px #217590;

}

.referrers a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -228px #044c63;

}

.operative a{

	background:url(/images/sprite-images.png) no-repeat 15px -288px #217590;

}

.operative a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -288px #044c63;

}

.foot-surgery{

	float:left;

	margin:10px 0px 0px 16% ;

}

.foot-surgery h2{

	font:normal 37px/42px 'oswaldlight';

	color:#fff;

}

.foot-surgery h2 a{

	color:#fff;

}

.foot-surgery img{

	float:left;

	margin:0px 26px 26px 0px;

}

.foot-surgery p{

	font:normal 14px/18px 'open_sansregular';

	margin:26px 0px 0px 0px;

	color:#fff;

}

.foot-surgery .read-more{

	float:right;

}

/*--------------------Patients-Feedback Container CSS------------------------------*/

.Patient-Tabs {

	position: absolute;

	z-index: 10;

	margin: 0px;

	padding: 0px;

	right: 10px;

	bottom: 12px;

}

.Patient-Tabs li {

	width: 8px;

	height: 8px;

	float: right;

	margin: 0px 3px;

}

.Patient-Tabs li a {

	width: 100%;

	height: 100%;

	display: block;

	background: #044c63;

	border-radius: 50%;

}

.Patient-Tabs li a:hover, .Patient-Feedback_here a {

	background: #26b0dc !important;

}

#Patients-Container{

	background:url(/images/patients-feedback-bg.jpg) repeat;

}

/*---------Patient Interactivity Section ---------------------- */

.patients-opinion, .News-Ewents {

	position: relative;

}

.patients-opinion.Patient-Tabs, .News-Ewents.Patient-Tabs  {

  bottom: 20px;

  float: right;

  left: 0;

  width: 100px;

  position: relative;

  margin: 20px 10px 0 0;

}

/*----------------------------End---------------------- */

.patients-opinion{

	float:left;

	background:url(/images/patients-opinion-bg.png) no-repeat 0px 42px;

	width:42%;

	margin: 65px 0px 0px;

}

.patients-opinion h2{

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

	font:normal 31px/35px 'open_sansregular';

	color:#217590;

	margin: 0px 0px 20px 0px;

}

.patients-opinion h2 a{

	padding:0px 0px 0px 45px;

	color:#217590;

}

.patients-opinion p{

	background:url(/images/patients-say-bg.png) no-repeat scroll center top;

	font:normal 13px/18px 'open_sansitalic';

	color:#000;

	padding: 4% 2% 7% 12%;

}

.patients-opinion span {

  height: 40px;

  position: absolute;

  width: 32px;

}

.top-quote-m {

  background: rgba(0, 0, 0, 0) url("/images/top-quote-m.png") no-repeat scroll center top;

  left: 0;

  top: 0;

}

.bottom-quote-m {

  background: rgba(0, 0, 0, 0) url("/images/bottom-quote-m.png") no-repeat scroll center top;

  bottom: 0px;

  right:15%;

}

.News-Ewents{

	float:right;

	background:url(/images/patients-opinion-bg.png) no-repeat 0px 42px ;

	margin:65px 0px 0px 0px;

	width:42%;

}

.News-Ewents h2{

	font:normal 31px/35px 'open_sansregular';

	background:url(/images/patients-opinion-bg.png) no-repeat 0px 42px;

	margin: 0 0 20px;

}

.News-Ewents h2 a{

	color:#217590;

}

.News-Ewents span{

	font:normal 14px/18px 'open_sansbold';

}

.News-Ewents p{

	background:url(/images/events-date-img.jpg) no-repeat 0px 4px;

	font:normal 15px/18px 'open_sansregular';

	padding:0px 0px 42px 72px;

}

/*--------------------Credibility-Container CSS------------------------------*/

#Credibility {

	min-height: 140px;

}

#Credibility ul {

	padding: 20px 0px 0px 0px;

}

#Credibility li {

	float: left;

	text-align: center;

}

#Credibility .nbs-flexisel-nav-left {

    background: url(/images/cred-l-arrow.png) no-repeat left 46px;

}

#Credibility .nbs-flexisel-nav-right {

    background: url(/images/cred-r-arrow.png) no-repeat right 46px;

}

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

footer{

	background:#d6d6d6;

}

#Footer {

	min-height: 270px;

	padding: 45px 0 10px;

}

.footer-menu, .footer-infolink {

  float: left;

  margin: 0px 0px 0px 10px;

  width: 22%;

}

.footer-head {

  color: #000000;

  font:normal 20px/25px 'open_sansregular';

  text-transform: uppercase;

}

.footer-list {

/*  clear: both;*/

  font:normal 14px/22px 'open_sansregular';

  padding: 15px 0px 0px;

  width: 100%;

}

.footer-list a{

	color:#000000;

}

.loc-map-addr{

	margin:10px 0px 0px 0px;

}

.loc-map-addr img {

  float: left;

  margin: 6px 10px 10px 0;

  BORDER: 1px  solid #000;

  border-radius: 5px;

}

.footer-location{

	float: left;

  	width: 28%;

}

.loc-map-addr span{

	font:normal 14px/22px 'open_sanssemibold';

}

.loc-map-addr p{

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

}

.loc-map-addr p a{

	color:#0b4e64;

}

.map-direction{

	font:normal 14px/20px 'open_sanssemibold' !important;

}

.map-direction a{

	color:#0b4e64;

	text-decoration:underline;

}

.copy-right{

	background:url(/images/copy-right-border-img.png) no-repeat;

	margin: 36% 0px 0px;

}

.copy-right img{

	margin:10px 0px 0px 0px;

}

/*-----------------------------Subpage CSS------------------------------------*/

#Intra-Container-S #Interactivity {

	height: 163px;

}

#Intra-Container-S #Banner0 {

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

}

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

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

}

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

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

}

#Intra-Container-S #Banner1 {

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

}

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

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

}

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

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

}

/* ------------------------------ Sidebar CSS ------------------------------ */

#Sidebar {

	width: 280px;

	display:table-cell;

	vertical-align:top;

	margin:0px 0px 80px 0px;

}

/* ------------------------------ foot-ankle-s CSS ------------------------------ */

.foot-ankle-s{

	float:left;

	width:100%;

}

.foot-ankle-s li {

	color: #ffffff;

 	font:normal 30px/34px 'oswaldlight';

 	border-bottom:1px solid #126079;

}

.foot-ankle-s li a{

	padding:20px 10px 20px 80px;

	color:#ffffff;

	display:block;

}

.foot-s a{

	background:url(/images/foot-s-img.png) no-repeat 7px 10px #217590;

}

.foot-s a:hover{

	background:url(/images/foot-s-h-img.png) no-repeat 7px 10px #26b0dc;

}

.ankle-s a{

	background:url(/images/ankle-s-img.png) no-repeat 7px 10px #217590;

}

.ankle-s a:hover{

	background:url(/images/ankle-s-h-img.png) no-repeat 7px 10px #26b0dc;

}

/* ------------------------------ mr-laurence-s CSS ------------------------------ */

.mr-laurence-s{

	float:left;

	margin:6px 0px 0px 0px;

	background:url(/images/dr-prof-bg-img.jpg) repeat-x #d1f3f5;

	width:100%;

	border:1px solid #9e9e9e;

}

.dr-profile{

	margin:20px 0px 0px 0px;

}

.dr-ph{

	float:left;

	margin:10px 0px 0px 0px;

}

.dr-info{

	float:right;

	width:165px;

}

.dr-name{

	font:normal 17px/22px 'open_sanssemibold' !important;

	color:#f48d1f;

}

.dr-name a{

	color:#f48d1f;

}

.dr-info p{

	font:normal 12px/18px 'open_sansregular';

}

.surgery{

	font:normal 12px/18px 'open_sanssemibold' !important;

}

.dr-info span {

  background: #217590 none repeat scroll 0 0;

  border-radius: 5px;

  color: #fff;

  float: left;

  font: 12px/24px "open_sansregular";

  text-align: center;

  width: 82px;

  margin:8px 0px 0px 0px;

}

.dr-info span a{

	color:#fff;

	display:block;

}

/* --------------------------- facilities CSS ----------------------------*/

.facilities-s{

	float:left;

	margin:6px 0px 0px 0px;

	width:100%;

}

.facilities-s li{

	border-bottom:1px solid #07a7d9;

	font:normal 15px/38px 'open_sansregular';

	color:#fff;

}

.facilities-s li a{

	padding:0px 0px 0px 60px;

	color:#fff;

	display:block;

}

.patient-s a{

	background:url(/images/sprite-images.png) no-repeat 15px -532px #217590;

}

.patient-s a:hover {

	background:url(/images/sprite-images.png) no-repeat 15px -532px #044c63;

}

.insurance-s a{

	background:url(/images/sprite-images.png) no-repeat 15px -592px #217590;

}

.insurance-s a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -592px #044c63;

}

.referrers-s a{

	background:url(/images/sprite-images.png) no-repeat 15px -653px #217590;

}

.referrers-s a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -653px #044c63;

}

.operative-s a{

	background:url(/images/sprite-images.png) no-repeat 15px -712px #217590;

}

.operative-s a:hover{

	background:url(/images/sprite-images.png) no-repeat 15px -712px #044c63;

}

/* --------------------------- Ankle-surgery CSS ----------------------------*/

.ankle-surgery{

	float:left;

	background:#07a7d9;

	margin:6px 0px 0px 0px;

	width:100%;

}

.ankle-surgery img{

	margin:20px 10px 0px 10px;

}

.ankle-surgery p{

	float:right;

	font:normal 20px/28px 'oswaldlight' !important;

	color:#fff ;

	width:172px;

	margin:20px 0px 30px 0px;

}

.ankle-surgery p a{

	color:#fff !important;

}

/* --------------------------- feedback-news CSS ----------------------------*/

.feedback-news{

	float:left;

	margin:6px 0px 0px 0px;

	border:1px solid #cacaca;

}

.patients-feedback{

	background:url(/images/patients-feedback-bg.jpg) repeat-x;

}

.patient-text, .news-text{

	font: 21px/60px "open_sansregular";

	color:#217590;

}

.patient-text a, .news-text a{

	color:#217590;

	padding:0px 0px 0px 60px;

	background:url(/images/sprite-images.png) no-repeat 15px -776px;

}

.patients-texts {

	font:normal 13px/20px 'open_sansitalic';

	position:relative;

}

.patients-texts p{

	padding:0px 10px 42px 30px;

}

.top-quote {

  background: rgba(0, 0, 0, 0) url("/images/top-quote.png") no-repeat scroll center top;

  left: 2%;

  top: 0;

}

.patients-texts span {

  height: 24px;

  position: absolute;

  width: 18px;

}

.bottom-quote {

  background: rgba(0, 0, 0, 0) url("/images/bottom-quote.png") no-repeat scroll center top;

  bottom: 28px;

  right: 5%;

}

.news-events{

	background:url(/images/patients-feedback-bg.jpg) repeat-x;

	border-top:1px solid #cacaca;

	padding:6px;

}

.news-text a{

	background:url(/images/sprite-images.png) no-repeat 15px -836px;

}

.news-events p{

	font:bold 14px/18px 'open_sanssemibold';

	padding:0px 10% 0px 6%;

	float:left;

}

.events-title{

	font:normal 14px/18px 'open_sansregular' !important;

}

.news-events-text {

	padding: 0px 0px 35px 0px;

	position:relative;

	height:40px;

}

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



.navigation {

	font: 14px/20px 'open_sansregular';

	color: #515050;

	padding: 10px 30px 10px 10px;

}

.navigation a {

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

	color: #313131;

	text-decoration: underline;

	padding-bottom: 5px;

}

.navigation a:hover {

	text-decoration: underline;

}

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

.textMain {

	font: normal 13px/20px  verdana;

	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-tm.gif) no-repeat 15px 12px;

	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 li p {

	margin: 5px 0px;

}









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

.textMain p, .textMain h2, .textMain h3, .textMain h4, .textMain h5, .textMain h6, .textMain ul, .textMain ol {

	margin: 10px 0px;

}

.textMain h1 {

	font: normal 30px/34px  'open_sansregular';

	color: #555555;

	margin: 0px 0px 15px 0px;

    text-transform: uppercase;

	text-align: left;

}

.textMain h2 {

	font: normal 22px/26px 'open_sansregular';

	color: #627195;

	text-align: left;

}

.textMain h2 a {

	color: #627195;

}

.textMain h2 a:hover {

	text-decoration: underline;

}

.textMain h3 {

	font: 600 17px/22px 'open_sansregular';

	color: #f58f1e;

	text-align: left;

}

.textMain h3 a {

	color: #444DAA;

}

.textMain h3 a:hover {

	text-decoration: underline;

}

.textMain h4 {

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

	color: #2A3753;

	text-align: left;

}

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

}









.service-p-link-s h3 {

	background: #f3f3f3;

	border-radius: 3px;

	font: normal 18px/22px sans-serif;

	height: 30px;

	padding: 7px 0px 0px 10px;

}

/*----------------------------SUbpage CSS----------------------------*/

#Content-Left {

	margin:50px 0px 0px 0px;

	display:table-cell;

}

/*----------------------------Services CSS --------------------*/

.services h1{

	font:normal 25px/30px 'open_sansregular';

	text-transform:uppercase;

	color:#555555;

}

.service-foot{

	width:96%;

	border:1px solid #217590;

	margin:10px 0px 40px 0px;

	padding:1px;

	float:left;

	

}

.foot-text, .ankle-text{

	font:normal 30px/58px 'oswaldlight';

	color:#ffffff;

	background:#26b0dc;

}

.foot-text a, .ankle-text a{

	color:#fff;

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

	padding:0px 0px 0px 75px !important;

	text-decoration: none !important;

}

.service-foot ul {

  padding: 0 0 20px 20%;

}

.service-foot li{

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

	color:#217590;

	background:none !important;

	list-style: circle !important;

	padding:5px 0px 5px 10px !important

}

.service-foot li a{

	color:#217590;

	text-decoration: none !important;

}

.ankle-text a{

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

}

/*----------------------------Dr-Profile CSS --------------------*/

.dr-ph1 {

  background: #26b0dc none repeat scroll 0 0;

  border-radius: 0 0 5px 5px;

  color: #fff;

  float: right;

  margin: 18px 0 18px 6%;

  padding: 6px;

  text-align: center;

}

.dr-ph1 p{

	font:normal 18px/29px 'Raleway',sans-serif !important;

	margin:0 !important;

}

/*----------------------------Bunion Surgery CSS --------------------*/

.bunion-surgery img{

  float: right;

  margin: 0px 0 18px 6%;

}

/*----------------------------foot-anatomy CSS --------------------*/

.foot-anatomy img{

	float:right;

	margin: 0px 0px 18px 2%;

}

.foot-anatomy p{

	font: normal 15px/20px 'open_sanslight';

}

.print-movie{

	float:left;

}

.print-movie ul li{

	float:left;

	display:inline;

	border:1px solid #8b8b8b;

	font:normal 16px/16px 'open_sanssemibold';

	color:#217590;

	border-radius:6px;

	margin:5px 20px 0px 0px;

	padding:6px !important;

	background:#c7f1ff;

	text-align:justify;

}

.print-movie li a{

	text-decoration:none !important;

	color:#000;

	padding: 6px 20px 6px 30px;

	display:block;

}

.print-movie li a:hover{

	color:#000;

}

.launch-movie a{

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

}

.print-version a{

	background: url(/images/sprite-images.png) no-repeat 4px -956px #c7f1ff;

}

.common-toe {

	float:left;

	margin:15px 0px 0px 0px;

}

.common-toe li {

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

  border-radius: 8px;

  color: #fff;

  display: inline;

  float: left;

  font: 16px/20px "open_sanssemibold" !important;

  margin: 6px;

  padding: 0 !important;

}

.common-toe li a {

  color: #fff;

  display: block;

  padding: 12px;

  text-decoration: none !important;

}

.common-toe li a:hover{

	color:#fff;

}

/*--------------------slider-foot -------------------*/

.Intra-Tabs{

	float:left;

    width:552px;

}

.Intra-Tabs li {

  border-right: 1px solid #044c63;

  float: left;

  font:normal 41px/84px 'oswaldlight';

  margin: 0;

  width: 48% !important;

    

}

.Intra-Tabs li a{

	color: #FFF;

}

.Intra-Tabs li:last-child a{

	border-radius: 0px 60px 60px 0px;

}

.Intra-Tabs li:last-child{

	border-right:none !important;

}

.Intra-Tabs li a.slider-foot{

	color:#fff;

	background: url(/images/foot-image.png) no-repeat 15px 10px #217590;

}

.Intra-Tabs li a.slider-ankle{

	color:#fff;

	background: url(/images/ankle-img.png) no-repeat 15px 10px #217590;

}

.Intra-Tabs li a.slider-foot:hover{

	background: url(/images/foot-h-image.png) no-repeat 15px 10px #217590;

}

.Intra-Tabs li a.slider-ankle:hover{

	background: url(/images/ankle-h-img.png) no-repeat 15px 10px #217590 !important; 

}

.Intra-Tabs li a{

	display:block;

	padding:0px 0px 0px 120px;

	border-radius:60px 0px 0px 60px;

}

.Intra-Tabs li.slider-ankle a {

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

}

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

	background: url(/images/foot-h-image.png) no-repeat 15px 10px #26b0dc !important;

}

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

	background: url(/images/ankle-h-img.png) no-repeat 15px 10px #26b0dc !important; 

}

.Intra-Tabs li.Banner_here a.slider-ankle span, .Intra-Tabs li a.slider-ankle span:hover{

	background: url(/images/slider-bg.png) no-repeat 0px 0px !important; 

	height:40px;

	width:21px;

	position:absolute;

	top:-19px;

}

.Intra-Tabs li.Banner_here a.slider-foot span, .Intra-Tabs li a.slider-foot span:hover{

	background: url(/images/slider-bg.png) no-repeat 0px 0px !important; 

	height:40px;

	width:242px;

	position:absolute;

	top:-19px;

}

.slider-bg {

  background: url("/images/shadow-bg.png") no-repeat scroll 16px 56px;

  height: 96px;

}

.shadow {

  box-shadow: -1px 5px 10px -7px #007ca4 inset;

}

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

.mandatory {

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

	color: #FF8204;

}

.ypo-form {

	margin: 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 #217590;

	border-radius: 2px;

}

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

	background: #217590;

	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: 188px !important;

	padding: 2px 5px;

}

.your-captcha {

  display: inline !important;

}

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

}



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

.iframe-video-size{

  height: 700px;

  width: 100%;

}

.multimedialist ul {

	margin: 0px !important;

	padding: 0px !important;

	clear:both !important;

	float:left !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;

}

.multimedia-iframe {

	min-height: 600px;

	border: none;

}

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



.submit-testimonial {

	width: 200px;

	height: 30px;

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

	color: #ffffff;

	text-align: center;

	margin: -70px 15px 15px 15px;

	float: right;

	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;

}

.submit-testimonial a {

	background: #005087;

	color: #ffffff;

	display: block;

	text-decoration: none;

	-webkit-transition: 2s linear;

	-moz-transition: 2s linear;

	-ms-transition: 2s linear;

	-o-transition: 2s linear;

	transition: 2s linear;

}

.submit-testimonial a:hover {

	background: #0077AE;

	color: #ffffff;

	text-decoration: none;

	-webkit-transition: 2s linear;

	-moz-transition: 2s linear;

	-ms-transition: 2s linear;

	-o-transition: 2s linear;

	transition: 2s linear;

}

/*-----------------other-list Styles------------------*/

.child-list {

  float: left;

  padding: 20px  0 0px;

  width: 100%;

}

.other-list, .other-list ul  , .child-list, .child-list ul  {

	color: #ffffff;

	font: 24px/28px  "Open Sans",sans-serif;

	text-decoration: none;

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

	clear: both;

}

.other-list li a, .child-list li a {

  background:#00a8ee ;

  color: #ffffff;

  display: block;

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

  height: 32px;

  padding: 12px 0 3px 25px !important;

  border-radius:7px;

  text-align: left;

  text-decoration: none !important;

  border-bottom: 3px solid #cdcdcd;

}



.child-list1 li a{

	text-transform: capitalize !important;

	font-size:13px;

}

.other-list li a:hover  , .child-list li a:hover{

	background: #00a8ee ;

	color: #FFF !important;

}

.other-list li  , .child-list li{

	background-image: none !important;

	float: left;

	line-height: 17px;

	margin: 3px 5px;

	padding: 0 !important;

	text-align: center;

	min-width:280px;

}



span.wpcf7-not-valid-tip {

  color: #f00;

  font-size: 1em;

  left: 0;

  position: absolute;

  top: -10px;

}

/*-----------Multimedia CSS------------*/

.video-container {

  height: 0;

  overflow: hidden;

  padding-bottom: 56.25%;

  padding-top: 30px;

  position: relative;

}

.video-container iframe, .video-container object, .video-container embed {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.iframe-video-size {

  height: 950px;

  width: 100%;

}

/*-------------------- Review Page Styles --------------------*/



.review {

	margin: 20px auto 0px auto;

	padding: 0px;

	width: 100%;

	height: auto;

	text-align: left;

}

.review img {

	margin: 5px;

	padding: 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;

	float: left;

}

/*-------------------- 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:50px;

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

	color : #fff;

	background:url(/images/up-arrow-icon.png) no-repeat scroll left top;

	text-align : center;

	border-radius : 20px;

}

#backtotop a {

	display:block;

	text-indent:-9999px;

}

#backtotop:hover {

	opacity : 0.9;

}

/*--------------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;

}

.textMain .procedure-list h3 {

	color:#fff;

	background:#31B2D0;

	padding:5px;

}

.textMain .procedure-list h3 a {

	color:#fff;

	text-decoration: none;

}

.textMain .procedure-list ul {

	margin:0px;

	padding:0px;

}

.textMain .procedure-list li {

	margin:0px;

	padding:0px;

	background:none;

}

.procedure-list li img {

	float: left;

	margin: 0px 15px 0px 0px;

}

.procedure-more {

	text-align:right;

	font-weight:bold;

}

/*------------- accordion Css --------------*/

.accordion {

	margin: 1em 0;

}

.accordion h2 {

	background: url(/images/accordian-icon.png) no-repeat 95% #07A7D9;

	color: #ffffff;

	cursor: pointer;

	margin: 5px 0px 0px 0px;

	padding: 4px 0px 4px 20px;

	font: normal 18px/26px sans-serif;

}

.accordion h2.current {

	background: url(/images/accordian-icon-hover.png) no-repeat 95% #07A7D9;

	cursor: default;

	color: #ffffff;

}

.accordion div.pane {

  border: 1px solid #ccc;

  padding: 6px 10px 35px;

  position: relative;

}

.read-more-service a {

  background: #07a7d9 none repeat scroll 0 0;

  border-radius: 7px;

  color: #fff;

  margin: 0;

  padding: 8px;

  text-decoration: none;

  width: 100px;

}

.read-more-service {

  bottom: 10px;

  clear: both;

  float: right;

  right: 0;

  width: 100px;

}

/*-------------------- Contact Address Styles --------------------*/



.contact-main{

	width: 99%;

	padding: 3px;

	margin: 15px auto 15px auto;

	display: table;

	

}







.contact-address {

  border: 1px solid #07A7D9;

  display: table-row;

  float: left;

  min-height: 200px;

  margin: 15px 10px 10px 0;

  width: 96%;

}



.contact-address p {

  padding: 0 0 0 0;

}

.contact-address p img{

	margin: 0 10px 0 0;

}

.contact-address1 p {

	text-align:left !important;

  padding: 0 0 0 10px;

}

.address-text {

  display: table-cell;

  padding: 5px 0 0 2%;

  vertical-align: top;

}

.map-pics {

  display: table-cell;

  width: 55%;

  padding: 10px 0 0 12px;

}

.map-pics img {

	margin: 5px;

	float: right;

	border: 1px solid #07A7D9;

	width:45%;

}



.map-pics iframe{

	border-radius: 10px;

}

.contact-ph {

	color: #003464;

	margin: 2px 0px 10px 0px;

}

.contact-ph a {

	color: #003464;

	text-decoration: none;

}

.contact-ph a:hover {

	color: #003464;

	text-decoration: none;

}

.contact-ph ul {

	margin: 0px !important;

	padding: 0px !important;

}

.contact-ph li {

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

	width: 50%;

	min-width: 240px;

	float: left;

	height: 40px;

	background: none !important;

	margin: 0px !important;

	padding: 0px !important;

}

.contact-ph img {

	margin: 0px 10px 0px 5px;

}



/*----- Forms Style Starts -----*/



.formHead {

  background:#07A7D9;

  clear: both;

  color: #ffffff;

  float: left;

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

  padding: 5px 10px;

  text-decoration: none;

  width: 97%;

}

.formHead a {

	color: #ffffff;

	text-decoration: underline;

}

.formHead a:hover {

	color: #ffffff;

	text-decoration: underline;

}

.formlable {

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

}

.mandatory {

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

	color: #FF8204;

}

/*---------------------SChema Styles CSS--------*/

.tableborder {

  border: 1px solid #444348;

  float: left;

  width: 96%;

  margin:10px 0 0 0;

  padding: 0 0 10px 0;

}

.text-address {

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

	color: #707070;

	padding: 0px 10px 0px 10px;

	text-decoration: none;

	text-align: justify;

	float:left;

}

.text-address p{

}

.text-address a:hover {

	color: #004e96;

	text-decoration: underline;

}

.tel-schema {

}

.tel-schema img {

	margin: -5px 15px 0px 0px;

	float: left;

}

div.wpcf7-validation-errors {

  border: 2px solid #f7e700;

  bottom: -17px !important;

  position:absolute !important;

  left: 0 !important;

}

span.wpcf7-not-valid-tip {

  left: 22px !important;

  position: relative !important;

  top: -68px !important;

}

div.wpcf7-mail-sent-ok {

  border: 2px solid #398f14 !important;

  position: absolute !important;

}

div.wpcf7-response-output {

  margin:0px !important;

}

.service-page-tabs {

  clear: both;

  float: left;

  width: 100%;

}

.video-container {

  height: 0;

  overflow: hidden;

  padding-bottom: 56.25%;

  padding-top: 30px;

  position: relative;

}

.video-container iframe, .video-container object, .video-container embed {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.iframe-video-size {

  height: 600px;

  width: 100%;

}

/*---------------------media query-------------------*/

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

.map-pics {

  display: inherit;

  width: 200px;

  padding: 10px 0 0 12px;

}

.map-pics iframe{

	width: 200px;

}

.dr-info {

    float:left;

    margin:0;

}

.ankle-surgery img {

  margin: 20px 10px 20px 0;

  float: left;

}

.ankle-surgery p {

  float:none;

  width:86%;

  padding:10px 0px 0px 0px;

}

#Content-Left {

  	width: 100%;

}

.footer-menu{

	width:43%;

	float:left;

}

.footer-infolink{

	width:35%;

	float:left;

	clear:both;

	margin:30px 0px 0px 10px;

}

.footer-location{

	width:55%;

	margin:30px 0px 0px 6%;

}

.footer-list {

  width: 72%;

}

}

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

	.patients-opinion {

		width:48%;

	}

}

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

	.Intra-Tabs {

 		 left: 10%;

}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

		  top: -4%;

	}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  right: 12%;

  top: 0%;

}	

}

@media screen and (max-width:640px) {
.textMain{
	padding: 10px 10px 30px 8px;
}
.mr-laurence{

	margin:0 auto;

	float:none;

}

.about-laurence{

	float:none;

	width:100%;

	text-align:center;

}

.presentation{

	float:left;

	width:205px;

	margin:30px 0px 20px 20%;

	padding:0px auto;

}

.facilities, .foot-surgery{

	display:inherit;

	margin:0 auto;

}

.foot-surgery{

	margin:20px 2% 0px 5%;

}

.patients-opinion, .News-Ewents{

	float:none;

	margin:30px auto;

	width:60%;

}

.footer-menu {

  margin: 0 0 20px 5% ;

}

.footer-infolink {

  margin: 30px 0 20px 4%;

}

#Sidebar {

  display: inherit;

  float: none;

  margin: 10px auto;

}

#Content-Left {

  display: inherit;

  width: 100%;

}

#Main-Menu{

	display:none;

	

}

#Mobile-Menu {

  display: block !important;

  font-family: Verdna;

  position: relative;

  top: 0px;

}

#Intra-Container-S .intra-main{

	display: none;

}

.patients-opinion h2 , .News-Ewents h2{

	font: 19px/35px "open_sansregular";

}

.align-left, .align-right {

  float: none;

}

}

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

	.Intra-Tabs {

 		 left: 0%;

}

.read-more {

  margin: 25px 0 0 0;

}

}

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

.foot-ankle, .contact {

	display:inherit;

	float:none;

	margin:10px auto;

}

}

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

.intra-main h3 {

  font: 28px/42px "oswaldregular";

}

.intra-main li {

  color: #42433d;

  font: 17px/22px "MyriadProRegular";

}

.intra-main li a {

  color: #42433d;

}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  top: 4%;

}

.read-more {

 margin:0;

}

.Intra-Tabs li {

  width: 30% !important;

}

.Intra-Tabs li a.slider-foot {

  background: #217590 url("/images/foot-image.png") no-repeat scroll 2px 10px;

}

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

  background: #07a7d9 url("/images/foot-h-image.png") no-repeat scroll 2px 10px !important;

}

.Intra-Tabs li a.slider-ankle {

  background: #217590 url("/images/ankle-img.png") no-repeat scroll 2px 10px;

  color: #fff;

}

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

  background: #07a7d9 url("/images/ankle-h-img.png") no-repeat scroll 2px 10px !important;

}

.Intra-Tabs li a {

  padding: 0 0 0 75px;

}

.slider-bg{

	background:none;

}

.Intra-Tabs {

  left: 10%;

}

.footer-location{

	margin:20px auto;

	float:none;

	width:290px;

	clear: both;

}

.footer-infolink {

  float: none;

  margin: 10px auto;

  width: 260px;

}

}

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

.Intra-Tabs {

  	display:none;

}

#Dr-Container{

	margin:0 auto;

}

.patients-opinion, .News-Ewents {

  width: 80%;

}

#Patient-information .Patient-Tabs {

  margin: 10px 10px 18px 0px;

}

.foot-surgery h2 {

  font: 28px/42px "oswaldlight";

}

.align-right {

  clear: both;

  float: none;

  margin: 10px auto;

  width: 180px;

}

#Intra-Container .intra-main{

	display: none;

}

.about-laurence h2 {

  font: 21px/35px "open_sanssemibold";

}

#Intra-Container-S{

	display: none;

}

}

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

	.presentation {

  		width: 205px;

}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  right: 8%;

}
}
@media screen and (max-width:480px) {
.submit-testimonial {
    margin: 0px 15px 2px 15px !important;
}
	
}

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

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  top: -8%;

  right:0%;

}	

.foot-ankle, .contact {

	display:inherit;

	margin:10px auto;

}

.contact-no{

	width:50%;

	margin:0 auto;

}

.foot-ankle {

  margin: 0 auto;

  padding: 20px 0px 20px 0px;

}

.contact-no span{

	margin: 10px 0 5px 5px;

}

#Intra-Container .intra-main ul{

	display: none;

}

.intra-main h3 {

  color: #217590;

  font: 30px/66px "oswaldregular";

}

#Intra-Container .intra-main {

  right: 2%;

  top: 26px;

}

.about-laurence h2 {

  color: #f48d1f;

  font: 30px/35px "open_sanssemibold";

  margin: 10px 0 0;

}

.about-laurence {

  		width: 86%;

  		margin: 0 auto 0 10px;

}
}

@media screen and (max-width:320px) {
.formHead {
    width: 93%;
}
.read-more {

  font: 13px/24px "MyriadProRegular";

}

.intra-main h3 {

  font: 22px/42px "oswaldregular";

}

#Intra-Container .intra-main, #Intra-Container-S .intra-main {

  right: 0;

  top: -10%;

}

.intra-main li {

  font: 14px/22px "MyriadProRegular";

}

.patients-opinion, .News-Ewents {

  width: 90%;

}

.patients-opinion h2, .News-Ewents h2 {

  font: 22px/35px "open_sansregular";

}	

.foot-surgery {

  margin: 30px 2% 0 5%;

}

.foot-surgery h2 {

  font:normal 20px/23px "oswaldregular";

}

.footer-infolink{

	width:40%;

	float:none;

	margin:0 auto;

	padding:20px 0px 0px 0px;

}

.footer-location{

	margin:20px auto;

	float:none;

	width:80%;

}

}