/*
Theme Name: Vikram Chatrath, MD - Orthopedic Surgeon
Theme URI: http://www.yourpracticeonline.net
Description: This theme is completely compatible with WordPress 4.2
Author URI: http://www.yourpracticeonline.net
Version: 1.0
*/
/* ------------------------------ Fonts CSS ------------------------------ */
@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.woff2') format('woff2'),
         url('/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'playfair_displayregular';
    src: url('/fonts/playfairdisplay-regular-webfont.eot');
    src: url('/fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('/fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('/fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('/fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/fonts/opensans-bolditalic-webfont.eot');
    src: url('/fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('/fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@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.woff2') format('woff2'),
         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: '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: 'helvetica_ceregular';
    src: url('/fonts/helvetica_ce_regular-webfont.eot');
    src: url('/fonts/helvetica_ce_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helvetica_ce_regular-webfont.woff2') format('woff2'),
         url('/fonts/helvetica_ce_regular-webfont.woff') format('woff'),
         url('/fonts/helvetica_ce_regular-webfont.ttf') format('truetype'),
         url('/fonts/helvetica_ce_regular-webfont.svg#helvetica_ceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#dc_jqaccordion_widget-2-item {
font: normal 17px 'robotolight';
border-top: 1px solid #111;
border-right: 1px solid #111;
border-left: 1px solid #111;
}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
#dc_jqaccordion_widget-2-item ul a {
padding: 10px 10px 10px 50px;
background: #ED530F !important;
text-decoration:none;
display: block;
color: #fff;
border-bottom: 1px solid #000;
position: relative;
width:100% !important;
opacity:0.98;
}
#dc_jqaccordion_widget-2-item ul ul a {
background: #ED530F;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
background: #373636 !important;
}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
position: absolute;
top: 50%;
left: 14px;
width: 34px;
margin-top: -17px;
height: 34px;
background: url(/images/arrow_black_right.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {
background: url(/images/arrow_black_down.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul .current_page_item > a, #dc_jqaccordion_widget-2-item > ul .current_page_item > a  {
background: #373636 !important;
color: #fff;
}
#dc_jqaccordion_widget-2-item ul .current-menu-ancestor > a, #dc_jqaccordion_widget-2-item > ul .current-menu-ancestor > a {
background: #373636 !important;
}

/* ------------------------------ 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 {
margin: 10px 0px;
padding: 0px;
}
ul, ol {
margin: 0px;
padding: 0px;
}
ul {
list-style: none;
}
a, a:hover {
text-decoration: none;
outline: none;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
height: 10px;
background: url(/images/hr.gif) repeat-x left center;
}
.clear-float {
clear: both;
}
.align-left {
float: left;
}
.align-right {
float: right;
}
.videoBorder {
border: 4px solid #333;
width: 90%;
position: relative;
margin: 15px auto;
padding: 50% 0px 0px 0px;
}
.videoimg {
position: absolute;
top: 0px;
width: 100%;
}
.multiBorder {
width: 90%;
position: relative;
margin: 10px auto;
padding: 100% 0px 0px 0px;
overflow: hidden;
height: 300px;
}
.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed {
top: 0px;
position: absolute;
width: 100.1%;
height: 100%;
margin: 0px;
padding: 0px;
border: 0px !important;
}
/* ------------------------------ Slider CSS ------------------------------ */
.rslides {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.rslides li {
display: none;
position: absolute;
width: 100%;
height: 100%;
padding: 0px;
}
.Banner_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.7;
z-index: 5;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
width: 20px;
height: 39px;
bottom: -15px;
}
.Banner_nav.next {
right: 0;
}
.Banner_nav:active {
opacity: 1.0;
}
.Banner_nav.prev {
background: url(/images/loc-prev-icon.png) 0px 0px no-repeat;
left: 37%;
}
.Banner_nav.next {
background: url(/images/loc-next-img.png) 0px 0px no-repeat;
right: 37%;
}
/* ------------------------------ Scrolling Styles ------------------------------ */
#flexiselDemo1 {
margin: 0px;
padding: 0px;
display: block;
list-style: none;
overflow: hidden !important;
}
.nbs-flexisel-container {
margin: 0px;
padding: 0px;
position: relative;
max-width: 100%;
overflow: hidden !important;
}
.nbs-flexisel-ul {
width: 9999px;
*width: 9999px;
position: relative;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden !important;
}
.nbs-flexisel-inner {
width: 90%;
max-width: 90%;
margin: 0px auto;
padding: 0px;
overflow: hidden !important;
}
.nbs-flexisel-item {
margin: 0px;
padding: 0px;
float: left;
overflow: hidden !important;
vertical-align: middle;
}
.nbs-flexisel-item img {
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: 30px;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 100;
top: 0px;
}
/* ------------------------------ Main CSS ------------------------------ */
#Container, header, #Banner-Container, #Banner-Container-S, #Menu-Container, #Meet-Practice-Location-Container, #Conditions-Procedures-Container, #Joint-Camp-Forms-Container, #Credibilty, section, footer, #Content-Container {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}
#Banner, #Header, #Main-Menu, .Intra-Main-Container, #Meet-Practice-Location, #Conditions-Procedures, #Joint-Camp-Forms, #Footer, #Content-Main {
max-width: 960px;
min-width: 320px;
margin: 0px auto;
}
#Content-Main .intra-div, #Conditions-Procedures .conditions-intra-div, .contact-address .intra-div {
display: table;
}
#Content-Left, #Sidebar, #Conditions-Procedures .Conditions-Procedures-hover, #Conditions-Procedures .Conditions-Procedures-details {
display: table-cell;
vertical-align: top;
}
/* -------------------- Header Styles -------------------- */
#Header {
min-height: 128px;
position: relative;
}
.logo-container, .phone-online-booking, .avera-logo, .logo {
float: left;
}
.logo-container {
width: 62%;
padding-top: 20px;
}
.logo {
width: 63%;
padding-right: 2%;
/*background: url(/images/logo-bdr.png) no-repeat right center;*/
}
.avera-logo {
width: 35%;
text-align: center;
}
.avera-logo img {
margin-top: 8px;
}
.phone-online-booking {
width: 37%;
padding: 40px 1% 10px 0px;
}
.phone, .online-booking {
float: right;
}
.phone {
font: normal 20px/32px 'open_sanslight';
height: 32px;
}
.phone a {
color: #535356;
background: url(/images/vikram-chatrath-sprite.png) no-repeat;
background-position: 0px 0px;
padding: 0px 0px 0px 45px;
display: block;
}
.online-booking {
text-align: center;
font: normal 14px/28px 'open_sansregular';
color: #535356;
height: 28px;
background: #231f20;
margin: 0px 0px 5px 10px;
}
.online-booking a {
color: #ffffff;
display: block;
background: url(/images/vikram-chatrath-sprite.png) no-repeat 125px -48px;
padding: 0px 30px 0px 15px;
}
.online-booking a:hover {
color: #419781;
}
/*-------------------------Menu Styles-------------------*/
#Menu-Container {
overflow: visible;
}
#Main-Menu {
position: relative;
min-height: 45px;
}
#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 {
background: url(/images/menu-bdr.png) no-repeat right center;
float: left;
position: relative;
padding: 0px;
text-align: center;
font: normal 14px/45px 'open_sanssemibold';
height: 45px;
text-transform: uppercase;
}
#access li:last-child {
background: none;
}
#access a {
display: block;
color: #545051;
text-decoration: none;
}
#access a:hover {
color: #ffffff;
text-decoration: none;
background: url(/images/menu-hover.png) no-repeat bottom center #50a6a3;
}
#menu-item-33 {
width: 10%;
}
#menu-item-473 {
width: 14%;
}
#menu-item-35 {
width: 11%;
}
#menu-item-478 {
width: 14%;
}
#menu-item-37 {
width: 16%;
}
#menu-item-476 {
width: 16%;
}
#menu-item-474 {
width: 8%;
}
#menu-item-40 {
width: 11%;
}
#access ul ul {
display: none;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
position: absolute;
left: 0px;
z-index: 999;
width: 245px;
background: #231f20;
}
#access ul ul ul {
left: 100%;
top: 0px;
margin: 0px;
z-index: 999;
}
#access ul ul a {
text-transform: none;
color: #ffffff;
margin: 0px;
padding: 15px 10px 15px 30px;
z-index: 999;
text-align: left;
background: url(/images/menu-bullet.png) no-repeat 10px center #1e1e1e;
}
#access ul ul a:hover {
color: #ffffff;
background: url(/images/menu-bullet.png) no-repeat 10px center #50a6a3;
}
#access ul ul li {
height: auto;
border-bottom: 1px solid #333;
font: normal 14px/15px 'open_sanssemibold' !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: url(/images/menu-hover.png) no-repeat bottom center #50a6a3;
}
.menu .current-menu-item > a, .menu .current_page_item > a, .menu .current-menu-ancestor > a, .menu .current_page_ancestor > a {
color: #ffffff !important;
background: url(/images/menu-hover.png) no-repeat bottom center #50a6a3;
}
.menu ul li a:hover, .menu ul li:hover > a, .menu ul > li:hover > a, .menu > ul > li:hover > a {
background: url(/images/menu-bullet.png) no-repeat 10px center #50a6a3 !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 #50a6a3 !important;
color: #ffffff !important;
}
#menu-item-473 ul {
width: 180px !important;
}
#menu-item-476 ul {
width: 200px !important;
}
#menu-item-474 ul {
width: 150px !important;
}
#menu-item-478 ul ul {
width: 180px !important;
}
#Mobile-Menu {
display: none;
}
/* ------------------------------Home Interactivity CSS ------------------------------ */
#Banner {
max-width: 1400px;
margin: 0px auto;
}
#Banner-Container .banner0 {
background: url(/images/banner1.jpg) no-repeat top center;
}
#Banner-Container .banner1 {
background: url(/images/banner2.jpg) no-repeat top center;
}
#Banner-Container .banner2 {
background: url(/images/banner3.jpg) no-repeat top center;
}
#Banner-Container .banner3 {
background: url(/images/banner4.jpg) no-repeat top center;
}
/*#Banner-Container .banner4 {
background: url(/images/banner5.jpg) no-repeat top center;
}*/
#Banner-Container .banner4 {
background: url(/images/banner6.jpg) no-repeat top center;
}
#Banner-Container .banner5 {
background: url(/images/banner7.jpg) no-repeat top center;
}
.jssora20l, .jssora20ldn {
position: absolute;
cursor: pointer;
display: block;
background: url(/images/banner-left-arrow.png) no-repeat left center;
overflow: hidden;
}
.jssora20r, .jssora20rdn {
position: absolute;
cursor: pointer;
display: block;
background: url(/images/banner-right-arrow.png) no-repeat right center;
overflow: hidden;
}
.Intra-Main-Container {
min-width: 960px;
margin: 0px auto;
}
#Banner-Container .intra-text {
float: right;
width: 310px;
background: #419781;
text-transform: uppercase;
margin: 15% 10% 0px 0px;
}
.intra-text h2 {
margin: 0px;
font: normal 24px/36px 'playfair_displayregular';
text-align: center;
padding: 10px 0px;
}
.intra-text h2 a {
color: #ffffff;
}
/*--------------Sub Page Interactivity-------------------*/
#Banner-Container-S .banner0 {
background: url(/images/banner1-s.jpg) no-repeat top center;
}
#Banner-Container-S .banner1 {
background: url(/images/banner2-s.jpg) no-repeat top center;
}
#Banner-Container-S .banner2 {
background: url(/images/banner3-s.jpg) no-repeat top center;
}
#Banner-Container-S .banner3 {
background: url(/images/banner4-s.jpg) no-repeat top center;
}
/*#Banner-Container-S .banner4 {
background: url(/images/banner5-s.jpg) no-repeat top center;
}*/
#Banner-Container-S .banner4 {
background: url(/images/banner6-s.jpg) no-repeat top center;
}
#Banner-Container-S .banner5 {
background: url(/images/banner7-s.jpg) no-repeat top center;
}
#Banner-Container-S .intra-text {
float: right;
width: 310px;
background: #419781;
text-transform: uppercase;
margin: 5% 10% 0px 0px;
}
#Banner-Container-S .intra-text h2 {
margin: 0px;
font: normal 20px/32px 'playfair_displayregular';
padding: 15px 0px;
}
/*---------------- Meet Doctor & Practice Styles -----------------*/
#Meet-Practice-Location-Container {
background: #d7ece7;
}
#Meet-Practice-Location {
min-height: 296px;
}
.doctor-container-head, .practice-container-head, .teatimonials-container-head {
display: block;
color: #2d4597;
font: normal 24px/28px 'open_sanslight';
margin: 0px;
padding: 25px 0px 15px 0px;
}
.doctor-container-head a, .practice-container-head a, .teatimonials-container-head a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -116px;
color: #2d4597;
padding: 0px 0px 0px 35px;
}
.doctor-container, .practice-container, .doctor-img, .doctor-detail, .location-img, .location-detail, .teatimonials-container {
float: left;
}
.doctor-container {
width: 38%;
}
.practice-container {
width: 35%;
float: left;
position: relative;
}
.practice-container #Slider1 {
height: 141px;
position: relative;
overflow: hidden;
}
.teatimonials-container {
width: 27%;
}
.doctor, .practice-location, .teatimonials-text {
padding-top: 33px;
width: 100%;
background: url(/images/doctor-detail-bg.png) no-repeat left top;
border-top: 1px solid #b7c9c5;
}
.doctor-img {
margin-right: 4%;
width: 32%;
}
.doctor-img img, .location-img img {
border: 1px solid #576eab;
}
.doctor-detail {
width: 63%;
}
.doctor-detail .doctor-head {
color: #116f5b;
font: normal 22px/26px 'helvetica_ceregular';
text-transform: uppercase;
margin: 0px;
}
.doctor-head a {
color: #116f5b;
}
.location-head {
color: #404040;
font: normal 15px/20px 'helvetica_ceregular';
text-transform: uppercase;
}
.doctor-head span, .location-head a {
color: #404040;
font: normal 15px/24px 'helvetica_ceregular';
display: block;
text-transform: uppercase;
}
.doctor-text, .location-text, .practice-location-text-s .location-detail-s, .teatimonials-text {
color: #656565;
margin: 0px;
font: normal 13px/18px 'open_sansregular';
width: 76%;
}
.doctor-text {
width: 100%;
}
.teatimonials-text {
width: 100%;
}
.doctor-text a, .teatimonials-text a {
font: normal 13px/18px 'open_sansbold_italic';
color: #026c52;
}
.doctor-text a:hover, .whats-new-details a:hover, .joint-camp-text .joint-camp-more:hover {
text-decoration: underline;
}
.practice-location, .teatimonials-text {
background: url(/images/location-detail-bg.png) no-repeat left top;
}
.practice-container-head a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -178px;
}
.location-img {
margin-right: 5%;
width: 34%;
}
.location-detail {
width: 61%;
}
.location-head {
margin: 0px;
}
.location-head img {
float: left;
margin: 2px 7px 0px 0px;
}
.location-detail .location-head a {
font: normal 13px/17px 'helvetica_ceregular';
color: #0f0f0f;
}
.location-text {
width: 88%;
}
.teatimonials-text p {
margin: 0px;
}
#Conditions-Procedures-Container {
background: url(/images/condition-procedure-bg.jpg) repeat top center;
}
#Conditions-Procedures {
min-height: 450px;
background: url(/images/hunan-skeleton-bg.jpg) no-repeat left top;
}
.Conditions-Procedures-hover {
width: 100%;
position: relative;
}
.Conditions-hover-link1, .Conditions-hover-link2, .Conditions-hover-link3, .Conditions-hover-link4, .Conditions-hover-link5, .Conditions-hover-link6,.Conditions-hover-link7 {
position: relative;
width: 240px;
min-height: 450px;
float: right;
}
.conditions-hover-list {
background: url(/images/condition-hover-bg.png) repeat left top;
width: 240px;
padding: 20px 0px 20px 0px;
position: absolute;
right: 10px;
}
.conditions-hover-list ul {
width: 215px;
margin: 0px auto;
}
.conditions-hover-list li {
color: #60cfb5;
font: normal 14px/24px 'open_sanslight';
display: block;
position: relative !important;
}
.conditions-hover-list p {
color: #60cfb5;
font: normal 14px/20px 'open_sanslight';
padding: 0px 10px;
}
.conditions-hover-list a {
color: #60cfb5;
background: url(/images/condition-bullet.png) no-repeat left center;
padding: 0px 0px 0px 25px;
display: block;
}
.Conditions-hover-link7 .conditions-hover-list a{
	background: none;
	padding:0px;
}
.conditions-hover-list a:hover {
text-decoration: underline;
}
.Conditions-hover-link1 .conditions-hover-list {
top: 12%;
}
.Conditions-hover-link2 .conditions-hover-list {
top: 12%;
}
.Conditions-hover-link3 .conditions-hover-list {
top: 25%;
}
.Conditions-hover-link4 .conditions-hover-list {
top: 25%;
}
.Conditions-hover-link5 .conditions-hover-list {
top: 55%;
}
.Conditions-hover-link6 .conditions-hover-list {
top: 55%;
}
.Conditions-hover-link7 .conditions-hover-list {
top: 58%;
}
.Conditions-Procedures-details, .conditions-procedures-head {
width: 520px;
}
.conditions-procedures-head {
color: #ffffff;
font: normal 18px/20px 'open_sansregular';
margin: 0px;
padding: 22px 0px 10px 0px;
background: url(/images/condition-procedure-bdr.png) no-repeat left bottom;
}
.conditions-procedures-head a {
color: #ffffff;
}
.conditions-procedures-main, .conditions-procedures-sub-main {
float: left;
width: 100%;
}
.conditions-procedures-main li, .conditions-procedures-sub-main li {
font: normal 15px/20px 'open_sansregular';
width: 50%;
margin: 17px 0px;
float: left;
}
.conditions-procedures-main li a, .conditions-procedures-sub-main li a {
padding: 21px 0px 21px 85px;
display: block;
color: #ffffff;
text-transform: uppercase;
background: url(/images/condition-procedure-home-sprite.png) no-repeat;
}
.conditions-procedures-main li a:hover, .conditions-procedures-sub-main li a:hover {
opacity: 0.8;
}
li.hip-icon a {
background-position: left 0px !important;
}
li.knee-icon a {
background-position: left -118px !important;
}
li.shoulder-icon a {
background-position: left -240px !important;
}
li.hip-knee-icon a {
background-position: left -359px !important;
padding: 11px 0px 11px 85px;
}
li.custom-knee-icon-h a {
background: url(/images/custom-knee-img.png) no-repeat;
}

.conditions-procedures-sub-main li a {
padding: 11px 0px 11px 85px;
}
li.joint-preservation-icon a {
background-position: left -838px !important;
padding: 11px 0px 11px 85px;
}
li.carpal-tunnel-icon a {
background-position: left -718px !important;
padding: 1px 0px 1px 85px;
}
li.complex-trauma-icon a {
background-position: left -598px !important;
}
li.non-operative-icon a {
background-position: left -480px !important;
padding: 1px 0px 1px 85px;
}
#Joint-Camp-Forms-Container {
background: url(/images/joint-form-bg.jpg) repeat top center;
}
#Joint-Camp-Forms {
min-height: 241px;
}
.whats-new-container, .joint-camp-container, .patient-forms {
float: left;
margin: 25px 0px 0px 0px;
height: 218px;
}
.whats-new-container {
background: url(/images/hip-knee-surgery-bg.jpg) no-repeat top left #000000;
width: 41%;
}
.whats-new-text {
width: 71%;
float: right;
}
.whats-new-head {
font: normal 22px/26px 'open_sanslight';
margin: 0px;
padding-top: 70px;
text-transform: uppercase;
}
.whats-new-head a {
color: #eb6a1c;
}
.whats-new-head a:hover {
color: #026c52;
}
.whats-new-details {
color: #ffffff;
font: 14px/18px 'open_sanslight';
margin: 10px 0px 0px 0px;
}
.whats-new-details a {
color: #026c52;
font: 13px/18px "open_sansbold_italic";
}
.joint-camp-container {
background: url(/images/joint-camp.jpg) no-repeat top right;
width: 28%;
margin: 25px 1.5% 0px 1.5%;
}
.joint-camp-text {
width: 92%;
float: right;
}
.joint-camp-head {
font: 24px/28px 'open_sanssemibold';
margin: 0px;
padding-top: 30px;
text-transform: uppercase;
}
.joint-camp-head a {
color: #ffffff;
}
.joint-camp-details {
font: normal 14px/20px 'open_sanslight';
color: #ffffff;
text-transform: uppercase;
}
.joint-camp-details span {
display: block;
font: normal 24px/28px 'open_sanslight';
}
.joint-camp-text .joint-camp-more {
color: #cc5b17;
font: 13px/18px "open_sansbold_italic";
}
.patient-forms {
background: #8c3030;
width: 28%;
height: 100% !important;
}
.patient-forms li {
font: normal 14px/72px 'open_sanslight';
border-bottom: 1px solid #af6f6f;
text-transform: uppercase;
position: relative;
}
.patient-forms li.pt {
font-weight: bold;
font-size: 17px;
}
.patient-forms a {
color: #FFF;
display: block;
padding: 6.5% 0 7% 6%;
}
.patient-forms a span {
background: url(/images/vikram-chatrath-sprite.png) no-repeat 1px -234px;
height: 30px;
width: 30px;
position: absolute;
right: 2px;
top: 37%;
}
.patient-forms a:hover {
background: #000;
}
.patient-forms a:hover span {
background: url(/images/vikram-chatrath-sprite.png) no-repeat 1px -234px #000;
}
li.patient-forms-last-child {
background: none;
}
/* -------------------- Footer Styles -------------------- */
footer {
background: #606060;
}
#Footer {
min-height: 456px;
}
/* -------------------- Credibilty Styles -------------------- */
#Credibilty {
background: #efefef;
height: 108px;
}
#Credibilty li {
margin: 28px 0px;
text-align: center;
}
#Credibilty .nbs-flexisel-nav-left {
left: 10px;
background: url(/images/cred-l.png) no-repeat center center;
}
#Credibilty .nbs-flexisel-nav-right {
right: 10px;
background: url(/images/cred-r.png) no-repeat center center;
}
.foot-link-contact {
width: 99%;
min-height: 195px;
margin: 0px auto;
}
.foot-menu, .foot-services, .foot-quick-link, .foot-follow {
height: 100%;
float: left;
}
.foot-menu {
width: 23%;
}
.foot-services {
width: 32%;
}
.foot-quick-link {
width: 23%;
}
.foot-follow {
width: 22%;
}
.foot-head {
font: normal 17px/17px 'open_sanssemibold';
color: #dddddd;
float: left;
width: 100%;
margin: 0px;
padding: 40px 0px 20px 0px;
}
.foot-head span {
border-bottom: 2px solid #399072;
padding-bottom: 2px;
}
.foot-head a {
color: #dddddd;
}
.foot-head a:hover {
color: #e48d5c;
}
.social-icon-f {
width: 100%;
float: left;
padding-top: 15px;
}
.social-icon-f li {
margin: 3px 3px 0px 0px;
float: left;
}
.social-icon-f a {
height: 38px;
width: 38px;
background: url("/images/vikram-chatrath-sprite.png") no-repeat;
display: block;
transition: all .3s ease-in-out;
border-radius: 20px;
}
.linkedin-f a {
background-position: left -300px !important;
}
.linkedin-f a:hover {
background-position: -59px -300px !important;
}
.twitter-f a {
background-position: left -359px !important;
}
.twitter-f a:hover {
background-position: -59px -359px !important;
}
.googleplus-f a {
background-position: left -419px !important;
}
.googleplus-f a:hover {
background-position: -59px -419px !important;
}
.youtube-f a {
background-position: left -480px !important;
}
.youtube-f a:hover {
background-position: -59px -480px !important;
}
.facebook-f a {
background-position: left -539px !important;
}
.facebook-f a:hover {
background-position: -59px -539px !important;
}
.foot-text, .copyright-f, .email-fax-f {
font: normal 13px/17px 'open_sanslight';
color: #dddddd;
padding: 20px 0px 0px 0px;
}
.email-fax-f {
font: normal 13px/22px 'open_sanslight';
}
.email-fax-f a {
color: #dddddd;
}
.copyright-f {
padding: 2px 0px;
border-top: 1px solid #399072;
border-bottom: 1px solid #399072;
width: 80%;
margin: 10px 0px;
}
.foot-text a {
color: #dddddd;
font: normal 13px/22px 'open_sanslight';
}
.foot-text a:hover {
text-decoration: underline;
color: #399072;
}
.foot-copyright .copyright-f {
width: 100%;
padding: 0px;
margin-top: 65px;
}
.foot-copyright .ypo-logo {
margin-top: 15px;
}
/* ------------------------------ Content Container CSS ------------------------------ */
#Content-Container {
padding-bottom: 50px;
}
#Content-Main .intra-div {
display: table;
width: 100%;
}
#Content-Left {
display: table-cell;
vertical-align: top;
width: 100%;
}
#Sidebar {
display: table-cell;
vertical-align: top;
width: 258px;
padding: 0px 0px 50px 0px;
}
/*----- Navigation Starts -----*/
.navigation {
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
padding: 10px 30px 10px 10px;
}
.navigation a {
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
text-decoration: underline;
padding-bottom: 5px;
}
.navigation a:hover {
text-decoration: underline;
}
/*----- textMain Starts -----*/
.textMain {
font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #2b2a2a;
padding: 0px 30px 30px 10px;
text-align: justify;
}
.textMain a {
color: #359e85;
}
.textMain a:hover {
color: #359e85;
text-decoration: underline;
}
.textMain ul {
padding: 0px;
margin: 10px 0px;
}
.textMain ol {
padding: 0px;
margin: 10px 0px 0px 30px;
}
.textMain ul li {
background: url(/images/bullet-tm.png) 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 -----*/
.ypocmstitle {
font: normal 26px/30px 'open_sanssemibold';
color: #116f5b;
margin: 10px 0px 15px 10px;
text-align: left;
}
.textMain h2 {
font: normal 24px/28px 'open_sanssemibold';
color: #116f5b;
text-align: left;
}
.textMain h2 a {
color: #359e85;
}
.textMain h2 a:hover {
text-decoration: underline;
}
.textMain h3 {
font: normal 18px/22px 'open_sanssemibold';
color: #116f5b;
text-align: left;
}
.textMain h3 a {
color: #359e85;
}
.textMain h3 a:hover {
text-decoration: underline;
}
.textMain h4 {
font: normal 16px/20px 'open_sanssemibold';
color: #013023;
text-align: left;
}
.textMain h4 a {
color: #131b3d;
}
.textMain h4 a:hover {
text-decoration: underline;
}
.textMainBold {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #555555;
text-align: left;
}
.textMainBold a {
color: #005087;
}
.textMainBold a:hover {
text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
/*----- Sidebar Starts -----*/
#Sidebar .widget-title {
display: none;
}
.doctor-container-s, .conditions-procedures-s, .doctor-img-s, .doctor-detail-s, .whats-new-container-s, .whats-new-img-s, .whats-new-details-s, .joint-camp-s, .patient-resource-s, .practice-location-container-s, .teatimonials-container-s {
float: left;
}
.doctor-container-s, .conditions-procedures-s, .whats-new-container-s, .joint-camp-s, .patient-resource-s, .practice-location-container-s, .teatimonials-container-s {
margin: 18px 0px 0px 0px;
width: 248px;
border: 1px solid #ccc;
padding: 0px 0px 0px 10px;
}
.doctor-container-s {
height: 144px;
}
.doctor-s, .conditions-procedures-list, .whats-new-s, .patient-resource-list-s, .teatimonials-text-s {
background: url(/images/doctor-detail-bg-s.png) no-repeat top center;
width: 100%;
float: left;
padding-top: 15px;
}
.doctor-container-head-s, .practice-location-head-s, .teatimonials-head-s {
display: block;
color: #2d4597;
font: normal 22px/29px 'open_sanslight';
margin: 0px;
padding: 5px 0px 10px 0px;
}
.doctor-container-head-s a, .practice-location-head-s a, .teatimonials-head-s a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -116px;
color: #2d4597;
padding: 0px 0px 3px 15%;
}
.teatimonials-head-s a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -988px !important;
}
.doctor-img-s, .whats-new-img-s {
margin-right: 4%;
width: 30%;
}
.doctor-img-s img, .whats-new-img-s img {
border: 1px solid #576eab;
}
.doctor-detail-s, .whats-new-details-s {
width: 66%;
}
.doctor-detail-s .doctor-head-s {
color: #116f5b;
font: bold 13px/17px "helvetica_ceregular";
text-transform: uppercase;
}
.doctor-head-s a {
color: #116f5b;
}
.doctor-head-s span {
color: #404040;
display: block;
font: normal 12px/18px "helvetica_ceregular";
text-transform: uppercase;
}
.doctor-readmore-s, .whats-new-readmore-s, .teatimonials-readmore-s {
float: right;
margin: 5px 10px 0px 0px;
}
.doctor-readmore-s a, .whats-new-readmore-s a, .services-readmore-s a, .teatimonials-readmore-s a {
color: #026c52;
font: normal 13px/18px "open_sansbold_italic";
}
.conditions-procedures-head-s, .whats-new-head-s, .joint-camp-head-s, .patient-resource-head-s {
font: normal 16px/20px 'open_sanssemibold';
text-transform: uppercase;
}
.conditions-procedures-head-s a, .whats-new-head-s a, .joint-camp-head-s a, .patient-resource-head-s a {
color: #2d4597;
}
.conditions-procedures-head-s a:hover, .whats-new-head-s a:hover, .joint-camp-head-s a:hover, .patient-resource-head-s a:hover, .doctor-container-head-s a:hover, .practice-location-head-s a:hover, .doctor-container-head a:hover, .practice-container-head a:hover {
color: #411D67;
}
.conditions-procedures-list {
padding: 5px 0px 10px 0px;
}
.conditions-procedures-list li {
font: normal 16px/16px 'open_sansregular';
background: url(/images/condition-procedure-bdr-s.png) no-repeat left bottom;
padding: 10px 0px;
}
.conditions-procedures-list a {
color: #545051;
background: url(/images/condition-procedure-li-bullet.png) no-repeat left 5px;
padding-left: 15px;
display: block;
}
.conditions-procedures-list a:hover {
color: #000;
}
li.conditions-last-child-s {
background: none;
}
.whats-new-s {
padding-bottom: 10px;
}
.whats-new-text-s, .teatimonials-text-s > p {
font: normal 13px/18px 'open_sansregular';
color: #656565;
margin: 0px;
}
.joint-camp-head-s a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -625px;
display: block;
padding: 0px 0px 0px 45px;
}
.joint-camp-head-s span {
font: normal 14px/18px 'open_sanssemibold';
color: #545051;
display: block;
}
.patient-resource-s {
padding-bottom: 5px;
}
.patient-resource-list-s {
padding-top: 2px;
}
.patient-resource-list-s li {
font: 14px/14px 'open_sanssemibold';
padding: 10px 0px;
background-image: url(/images/condition-procedure-bdr-s.png), url(/images/vikram-chatrath-sprite.png);
background-position: left bottom, 145% -918px;
background-repeat: no-repeat, no-repeat;
}
.patient-resource-list-s a {
color: #656565;
padding-left: 20px;
background: url(/images/vikram-chatrath-sprite.png) no-repeat;
}
.patient-resource-list-s a:hover {
color: #000;
}
.download-patient-s a {
background-position: left -685px;
}
.payments-s a {
background-position: left -744px;
}
.patient-testimonials-s a {
background-position: left -806px;
}
li.patient-educational-s {
background-image: none, url(/images/vikram-chatrath-sprite.png);
}
.patient-educational-s a {
background-position: left -865px;
}
.practice-location-container-s {
padding-bottom: 10px;
position: relative;
height: 185px;
float: left;
}
.practice-location-container-s #Slider1 {
position: relative;
overflow: hidden;
height: 112px;
}
.practice-location-head-s a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat left -178px;
}
.practice-location-text-s .location-head-s {
text-transform: uppercase;
margin: 0px;
}
.practice-location-text-s .location-head-s {
color: #0f0f0f;
font: normal 17px/17px "helvetica_ceregular";
}
.practice-location-text-s .location-head-s a {
color: #0f0f0f;
font: normal 14px/17px "helvetica_ceregular";
display: block;
}
.location-head-s img {
float: left;
margin: 2px 7px 0px 0px;
}
.practice-location-text-s .location-detail-s {
margin: 8px 0px 0px 0px;
width: 72%;
}
/*-------Services Page Css---------------*/
.Service-S {
width: 100%;
float: left;
}
.services-tabs-s {
width: 100%;
border: 1px solid #bbbbbb;
margin-top: 50px;
}
.services-tabs-s h2 {
background: #3c927b;
font: 20px/22px 'open_sanssemibold';
display: block;
margin: 0px;
text-transform: uppercase;
position: relative;
min-height: 24px;
}
.services-tabs-s .service-text-p {
margin-top: 15px;
padding: 0px 15px;
float: left;
}
.services-tabs-s .service-head-s a {
color: #ffffff;
display: block;
padding: 7px 0px 7px 20%;
}
.service-head-s a:hover {
color: #ffffff;
text-decoration: none !important;
}
.service-head-s img {
float: left;
margin: 0px 0px 0px 10px;
position: absolute;
top: -28px;
left: 8px;
}
.non-operative-head-s img {
top: -18px !important;
left: 8px;
}
ul.services-links-s {
padding: 10px 0px 15px 15%;
float: left;
}
.services-links-s li {
float: left;
width: 250px;
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
text-align: left;
}
.services-links-s a {
color: #656565;
}
.services-readmore-s {
float: right;
margin: 10px 20px 0px 0px;
}
/*----------------child tabs page-----------------------------------*/
.child-tabs {
color: #ffffff;
font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
clear: both;
float: left;
padding: 0px 0px 10px 0px;
}
.child-tabs li a {
background: url(/images/tab-arrow.png) no-repeat 8px center #033024;
color: #fff;
display: block;
text-decoration: none !important;
padding: 8px 15px 10px 25px;
box-shadow: 0px 6px 6px 0px #aaaaaa;
}
.child-double a {
padding: 5px 85px 5px 15px !important;
}
.child-tabs ul li {
float: left;
background-image: none !important;
margin: 5px;
padding: 0px !important;
text-align: left;
width: 47%;
}
.child-tabs li a:hover {
background: url(/images/tab-arrow.png) no-repeat 8px center #3D927B;
color: #FFFFFF;
text-decoration: none;
}
/*-----------------Staff ---------------*/
.staff-container {
width: 100%;
}
.staff-team {
border: 1px solid #ccc;
border-radius: 5px;
float: left;
padding: 15px 0px 18px 5px;
position: relative;
width: 300px;
margin: 10px 0px 0px 10px;
}
.staff-team h3 {
font: bold 15px/18px 'helvetica_ceregular';
color: #116f5b;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
.staff-team p {
font: normal 12px/18px 'helvetica_ceregular';
color: #404040;
padding: 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
}
.staff-team img {
margin-right: 10px;
float: left;
border: 2px solid #576eab;
}
.staff-team .contact-view {
color: #026c52;
font: normal 13px/18px 'helvetica_ceregular';
margin-top: 20px;
float: left;
}
/*-------------- Multimedia List Styles----------*/
.multimedialist {
height: 40px;
}
.media {
font: normal 14px/16px 'open_sansregular';
color: #fff;
text-decoration: none;
text-align: left;
margin: 0px !important;
padding: 0px !important;
list-style: none;
}
.media li, .social-media li {
list-style: none;
float: left;
padding: 0px !important;
margin: 10px 10px 0px 0px !important;
}
.media li {
width: 150px;
}
.media li a {
text-decoration: none !important;
}
.video a {
font: normal 14px/16px 'open_sansregular';
background: url(/images/video-icon.png) no-repeat 12px 5px #3C927B !important;
}
.info a {
font: normal 14px/16px 'open_sansregular';
background: url(/images/patient-icon.png) no-repeat 12px 5px #3C927B !important;
}
.print a {
font: normal 14px/16px 'open_sansregular';
background: url(/images/print-icon.png) no-repeat 10px 5px #3C927B !important;
}
.youtube a {
font: normal 14px/16px 'open_sansregular';
padding: 5px 20px 5px 60px !important;
}
.media li a, .social-media li a {
color: #fff;
display: block;
text-decoration: none;
line-height: 20px;
height: 20px;
border: 1px solid #116f5b;
padding: 5px 0px 5px 40px;
box-shadow: 0px 6px 6px 0px #aaaaaa;
}
.media li a:hover, .social-media li a:hover {
text-decoration: none;
color: #fff;
background: #116f5b;
}
.social-video ul, .social-video li {
margin: 0px 5px !important;
padding: 0px !important;
background: none !important;
}
.social-video li {
float: left;
border: 1px solid #116f5b;
width: 170px;
text-align: center;
}
.social-video li span {
display: block;
font-weight: bold;
}
.social-video li img {
margin: 5px 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;
}
/*-------------------- ShowCase Styles --------------------*/
.page-id-235 #Sidebar {
display: none;
}
.bodytext-bold, .bodytext-link, .sho-header {
color: #333;
font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
}
/*--------Profile Page-----------*/
.page-id-54 .doctor-container-s {
display: none;
}
#Doctor-profile-S {
padding: 0px 0px 20px 0px;
}
.meet-photo-s {
float: right;
font: normal 17px/21px 'open_sansregular';
text-align: center;
background: #323032;
color: #FFFFFF;
padding: 10px;
margin: 10px 0px 10px 20px;
}
.profile-subhead {
border-bottom: 1px solid #323032;
font: normal 16px/19px 'open_sansregular';
padding: 0px 0px 10px;
color: #000000;
}
.profile-subhead p {
color: #2b2a2a;
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}
.profile-internal {
border: 2px solid #ccc;
text-align: center;
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
color: #2b2a2a;
float: left;
margin: 10px 0px 0px 0px;
padding: 5px;
width: 100%;
}
.profile-contact-p {
width: 50%;
float: left;
margin-top: 70px;
}
.page-id-311 .profile-contact-t, .page-id-307 .profile-contact-t, .page-id-822 .profile-contact-t, .page-id-825 .profile-contact-t, .page-id-948 .profile-contact-t {
width: 100%;
}
.profile-contact-t {
width: 66%;
float: left;
margin-top: 0px;
}
.profile-contact-t {
text-align: none !important;
}
.staff-resume-p h3, .profile-contact-t h3 {
background: #3D927B;
text-transform: uppercase;
font: normal 18px/30px 'open_sanssemibold';
color: #FFF;
padding-left: 10px;
}
.profile-personal-p td, .staff-resume-p td, .profile-contact-t td {
vertical-align: top;
}
.staff-resume-p .subhead-p {
color: #3d927b !important;
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif !important;
text-align: left;
text-decoration: underline !important;
}
/*-------------------- Form validation Hiding --------------------*/
.wpcf7 span.wpcf7-not-valid-tip {
color: #C00;
left: 20px;
padding: 2px 8px;
position: absolute;
top: 0px;
width: 100%;
}
/*-------------------- Feedback & Online Form Styles --------------------*/
.feedback {
width: 100%;
margin: 10px auto;
padding: 0px 0px 10px 0px;
border-radius: 5px;
}
.formHead, .form-button {
background: #3D927B;
color: #ffffff;
padding: 5px 10px;
}
.feedback, .feedback .form-text, .feedback .form-area, .feedback .form-select, .feedback .form-button, .feedback .form-f-area, .feedback .form-file {
border: 1px solid #3D927B;
}
.form-name {
background: url(/images/contact-info.png) no-repeat center center #3D927B;
}
.form-email {
background: url(/images/contact-mail.png) no-repeat center center #3D927B;
}
.form-comment {
background: url(/images/contact-msg.png) no-repeat center center #3D927B;
float: left;
}
.feedback ul {
margin: 0px auto !important;
padding: 10px !important;
display: table;
border-spacing: 0px 10px;
border-collapse: separate;
}
.feedback li {
display: table-row;
vertical-align: top;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.feedback li div {
display: table-cell;
vertical-align: middle;
}
.feedback li div.form-label, .feedback li div.form-agree {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
max-width: none;
min-width: 100px;
padding: 5px 20px 5px 5px;
}
.feedback li div.form-label {
text-align: right;
}
.feedback li div.form-field {
width: 290px;
}
.feedback .form-text, .feedback .form-area, .feedback .form-select {
padding: 5px;
}
.contactForm {
border: none !important;
}
.contactForm .form-text, .contactForm .form-area, .contactForm .form-select {
padding: 10px !important;
border-radius: 0px 10px 10px 0px;
}
.contactForm .form-area {
height: 120px;
}
.contactForm .wpcf7-captchar {
border-radius: 10px;
}
.feedback .form-text, .feedback .form-area {
width: 250px;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #010101;
margin: 0px;
}
.feedback .form-radio {
padding: 10px 5px;
margin: 0px;
}
.feedback .form-select, .feedback .form-file {
width: 260px;
}
.feedback .form-file {
margin: 5px 0px;
}
.feedback .form-button {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
width: 100px;
margin: 10px 10px 0px 0px;
padding: 5px;
cursor: pointer;
}
.form-full {
width: 100%;
text-align: center;
}
.form-f-area {
width: 95%;
padding: 5px;
margin: 5px auto;
}
.form-image {
width: 50px;
height: 40px !important;
padding: 0px !important;
border-radius: 10px 0px 0px 10px;
}
/*----- Contact Address Styles -----*/
.contact-address {
margin: 15px auto 0px auto;
border: 1px solid #3D927B;
}
.address-details {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
padding: 1% 1% 1% 2%;
display: table-cell;
vertical-align: top;
}
.address-details li {
background: none !important;
padding: 2px !important;
}
.map-pics {
width: 350px;
display: table-cell;
text-align: center;
vertical-align: top;
}
.map-pics img {
margin: 5px;
border: 2px solid #606060;
}
.map-pics img:hover {
border: 2px solid #606060;
}
.contact-ph {
color: #555555;
margin: 10px 0px;
}
.contact-ph a {
color: #555555;
text-decoration: none !important;
}
.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: 320px;
float: left;
height: 40px;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.contact-ph img {
margin: 0px 10px 0px 5px;
}
.div-border {
border: 1px solid #021F4B;
}
.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;
}
/*----- Testimonial Page Styles -----*/
.submit-testimonial {
width: 200px;
height: 30px;
font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
margin: -50px 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: #033024;
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: #033024;
color: #ffffff;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
/*--------------Tell A friend start--------------*/
#tell-main, #tell-friend {
visibility: hidden;
}
#tell-main {
opacity: 0.8;
filter: alpha(opacity=80);
background: #000;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
}
#tell-friend {
top: 5%;
left: 50%;
margin: 0px 0px 0px -200px;
width: 320px;
background: #fff;
padding: 15px;
border: 2px solid #CCCCCC;
position: absolute;
z-index: 9999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#tell-friend #close {
width: 25px;
height: 25px;
color: #000000;
font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: -25px -25px 0px 0px;
padding: 0px;
float: right;
cursor: pointer;
border-radius: 50%;
background: #C9C9D6;
}
/*-------------------- Review Page Styles --------------------*/
.review {
margin: 20px auto 0px auto;
padding: 0px;
width: 100%;
height: auto;
text-align: left;
}
.review img {
margin: 5px;
padding: 0px;
}
.textMain .staff-contain ul, .textMain .staff-contain li {
margin: 0px;
padding: 0px;
list-style: none;
background: none;
}
.textMain .staff-contain li {
border: 1px solid #323032;
margin: 5px 20px;
width: 110px;
float: left;
}
.staff-contain li h3, .staff-contain li p {
text-align: center;
}
.staff-contain li img {
float: right;
padding: 5px;
}
.practic-locations {
width: 100%;
}
.practic-locations li {
width: 42%;
float: left;
margin: 0px 2% 0px 0px !important;
padding: 4px !important;
background-image: none !important;
border: 1px solid #3d927b;
}
.practic-locations li a img {
width: 100%;
}
/*--------------------Anchor Links----------------*/
.align-center {
text-align: center;
}
.highlight {
border: 1px solid #cccccc;
background: #eeeded;
border-radius: 10px;
padding: 10px 10px 15px 10px;
}
.media-tabs {
float: left;
width: 100%;
}
.media-tabs .videoBorder {
border: 2px solid #333;
float: left;
margin: 15px auto;
padding: 32% 0 0;
position: relative;
width: 48%;
}
.media-tabs .multimedialist {
float: left;
margin: 4% 0 0 10%;
height: 100%;
}
.media-tabs .media li {
width: 150px;
float: unset;
}
.sub-img {
float: right;
width: 32%;
margin: 10px;
}
.fancybox-youtube {
position: absolute;
top: 0;
width: 100%;
}
.p-testimonials p {
font: 13px/21px Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 16px;
position: relative
}
.p-testimonials p.p-text::before {
color: #2d4597;
content: "\201C";
font: bold 47px/51px 'helvetica_ceregular';
left: -4px;
position: absolute;
top: -7px;
}
.p-testimonials p.p-text::after {
color: #2d4597;
content: '\201D';
font: bold 47px/44px "helvetica_ceregular";
position: absolute;
}
.p-testimonials span {
float: right;
text-align: right;
margin: 5px 0px 0px 0px;
font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

.sub-heading {
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/*--------------------Media Screen ----------------*/
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 800px) {
.avera-logo img {
margin-top: 5px;
}
.phone-online-booking {
padding: 30px 1% 10px 0px;
}
#Meet-Practice-Location {
padding-bottom: 10px;
}
.location-detail .location-head {
font: normal 19px/19px 'helvetica_ceregular';
}
.location-detail .location-head a {
font: normal 14px/19px 'helvetica_ceregular';
}
.whats-new-container {
width: 38%;
}
.whats-new-head {
font: normal 17px/21px 'open_sanslight';
padding-top: 65px;
}
.patient-forms {
width: 30%;
}
.patient-forms li {
font: normal 12px/54px 'open_sanslight';
}
.patient-forms a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat calc(100% - -78px) -220px;
}
/*----------Services Page--------------*/
.services-tabs-s .service-head-s a {
padding: 7px 0px 7px 25%;
}
/*---------Doctor Profile Page------------*/
.meet-photo-s {
margin: 10px auto;
width: 265px;
float: none;
}
.profile-contact-p {
margin-top: 30px;
width: 100%;
}
/*----------- Form------------*/
.address-details {
display: inherit;
width: 100%;
}
.map-pics {
display: inherit;
width: 100%;
}
.doctor-container-head, .practice-container-head, .teatimonials-container-head {
font: normal 19px/28px "open_sanslight";
}
.doctor-container-head a, .practice-container-head a, .teatimonials-container-head a {
padding: 0px 0px 7px 35px;
}
}
@media screen and (max-width: 750px) {
.Conditions-hover-link1, .Conditions-hover-link2, .Conditions-hover-link3, .Conditions-hover-link4, .Conditions-hover-link5, .Conditions-hover-link6,.Conditions-hover-link7 {
display: none;
}
}
@media screen and (max-width: 640px) {
#tell-friend {
	left: 63%;
	width: 282px;
}
/*-------- Header ----------------*/
.logo-container {
width: 100%;
}
.phone-online-booking {
width: 99%;
}
/*--------- Meet Doctor, Conditions & Procedures -----------*/
#Conditions-Procedures {
background: #012F22;
}
.Conditions-Procedures-hover {
display: none;
}
.Conditions-Procedures-details, .doctor-container, .practice-container, .teatimonials-container {
float: none;
width: 95%;
margin: 0px auto;
}
.whats-new-container, .joint-camp-container, .patient-forms {
float: none;
margin: 10px auto;
width: 430px;
}
.joint-camp-container {
background: url(/images/joint-camp.jpg) no-repeat right top #018062;
}
.whats-new-head {
font: normal 20px/21px 'open_sanslight';
}
.doctor-text, .location-text, .practice-location-text-s .location-detail-s {
width: 100%;
}
/*-----------Footer -------------*/
.foot-menu, .foot-services, .foot-quick-link, .foot-follow {
width: 50%;
}
#Content-Main .intra-div, #Content-Left, #Sidebar, .conditions-intra-div, .Conditions-Procedures-details {
display: inherit !important;
margin: 0px auto;
}
#Content-Left {
width: 95%;
}
#Sidebar {
padding: 0px 0px 80px 0px;
width: 258px;
}
.textMain {
padding: 10px 0px 30px 0px;
text-align: none !important;
}
/*----- Form Styles -----*/
.feedback {
width: 100%;
}
.feedback ul {
border-collapse: separate;
border-spacing: 0px 4px;
}
.feedback li div {
display: inherit;
margin: 5px 0px !important;
}
.form-label {
text-align: left !important;
}
.form-image {
display: none !important;
}
/*-----------Mobile Menu------------*/
#Main-Menu {
display: none;
}
#Mobile-Menu {
display: block;
width: 100%;
height: 41px;
position: relative;
margin: 0px;
padding: 0px;
}
.menu-m {
margin: 0px;
padding: 0px;
text-align: center;
font: normal 20px/45px Verdana, Arial, Helvetica, sans-serif;
color: #404040;
}
.menu-m a, .menu-m a:hover {
color: #404040;
display: block;
}
#wrapper {
position: absolute;
z-index: 1000;
overflow: hidden;
width: 100%;
}
}
@media screen and (max-width: 510px) {
.submit-testimonial {
margin: 0px 15px 5px 15px;
float: right;
}
}
@media screen and (max-width: 480px) {
/*----------- Header ------------*/
.logo, .avera-logo {
background: none;
padding: 0px;
width: 99%;
text-align: center;
margin-top: 10px;
}
.online-booking, .phone {
margin: 10px auto;
width: 185px;
float: none;
}
.online-booking a {
background: url(/images/vikram-chatrath-sprite.png) no-repeat 150px -48px;
}
/*---------Conditions & Procedures-----------*/
.conditions-procedures-main, .conditions-procedures-sub-main {
width: 100%;
}
.whats-new-container, .joint-camp-container, .patient-forms {
width: 315px;
}
/*-------- Footer --------*/
.foot-link-contact {
width: 300px;
}
.foot-menu, .foot-services, .foot-quick-link, .foot-follow {
width: 100%;
}
/*-----------Services---------*/
.services-tabs-s .service-head-s a {
padding: 7px 0px 7px 30%;
}
.services-tabs-s h2 {
font: 14px/16px 'open_sanssemibold';
}
.service-head-s img, .non-operative-head-s img {
left: 0;
margin: 0px;
}
/*------------Tabs-----------*/
.child-tabs li {
width: 100%;
}
.media-tabs .videoBorder {
float: none;
margin: 15px auto;
padding: 53% 0 0;
width: 83%;
}
.sub-img {
float: none;
margin: 0 auto;
}
.staff-team{
	width: 280px;
}
.ypo-logo {
    margin: 15px 0px;
}
}

@media screen and (max-width: 380px) {
.conditions-procedures-main li a, .conditions-procedures-sub-main li a {
padding: 21px 0px 21px 65px;

}
.conditions-procedures-main li, .conditions-procedures-sub-main li {  
    font: 12px/18px "open_sansregular";
   
}
}
@media screen and (max-width: 320px) {
.conditions-procedures-main li, .conditions-procedures-sub-main li {  
    font: 10px/18px "open_sansregular";
   
}
li.carpal-tunnel-icon a {
background-position: left -712px !important;

}
}