/*
	Theme Name: Dentist A Brite Smile
	Theme URI: http://www.yourpracticeonline.net
	Description: This theme is completely compatible with WordPress 4.0
	Author URI: http://www.yourpracticeonline.net
	Version: 1.0
*/
/* ------------------------------ Fonts CSS ------------------------------ */
@import url('fonts.css');
/* ------------------------------ 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;
}

.display-none{
	display:block  !important;
}

.display-block{
	display:none  !important;
}


/* ------------------------------ General CSS ------------------------------ */
.hr {
	height: 10px;
	background: url(images/hr.gif) repeat-x left center;
}
.clear-float, .clear {
	clear: both;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
	margin: -15px 0 0;
}
.videoBorder {
	border: 4px solid #333;
}

/* ------------------------------ 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: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: absolute;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	right:10px;
	bottom: 10px;
}
/* ------------------------------ 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;
}
/*-----------------------Scrolling 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;
}
/* ------------------------------ Theme CSS ------------------------------ */
#Container, header, #Menu-Container, #Intra-Container, #Intra-Container-S, section, #Credibility, #Content-Container, footer{
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
#Header, #Main-Menu, #Mobile-Main, #Interactivity, #Treat-main, #Patient-main, #Qucik-links-main, #Payment-main, #Office-main, .cred-intra, #Content-Main, #Footer-container, #Doncaster-section{
	max-width: 960px;
	min-width: 310px;
	margin: 0px auto;
}

#Header .intra-div, #Content-Main .intra-div {
	display: table;
	table-layout:fixed;
}
.dentist-logo, .logo-slogen, .appointment {
	display: table-cell;
	vertical-align: top;
}

/* ------------------------------ Header CSS ------------------------------ */
#Header{
	min-height: 101px;
}
.dentist-logo{
	padding:11px 0 16px 0;
	width:216px;
}
.logo-slogen{
	font:italic 16px/20px 'helvetica_ceregular';
	color:#40aabd;
	padding: 39px 0 0 5px;
}
.appointment{
	width:290px;
	color: #004370;
	text-align:right;
}
.appointment p{
	margin:32px 0 0 0;	
	font: 22px/22px 'arimoregular';
}
.appointment p a{
	color: #004370;
}
.appointment p a:hover {
	color:#75cede;
}
.appoint-sub{
	float: right;
	margin:13px 0 0 0;
}
.book, .location{
	float:left;
	background:#cfe6eb;
}
 .book{
 	margin:0 3px 0 0;
 }

.appoint-sub a{
 	font: Bold 14px/14px 'arimoregular';
 	color: #138093;
 	display: block;
 }
.book a{
  	padding:10px 6px 9px 0px;
}
.location a{
  	padding:10px 6px 9px 21px;
}
.book a:hover, .location a:hover{
  	color: #004370;
  }
.book span, .location .loc-info{
  	display: block;
  	height:15px;
  	width:15px;
  	float: left;
}
.book span{
	background: url("images/sprite-img.png") no-repeat scroll 0px 0px;
	margin: 0px 0 0 6px;
}  
.location .loc-info{
	background: url("images/sprite-img.png") no-repeat scroll 0px -56px;
	margin: 10px 0 0 6px;
 }
 /* ------------------------------ Menu CSS ------------------------------ */
#Menu-Container {
  background: rgba(0, 0, 0, 0) url("images/mainmenu-bg.jpg") repeat-x scroll 0 0;
  overflow: visible !important;
  padding: 15px 0 0;
}
#Main-Menu {
  height: 41px;
  position: relative;
}
#Mobile-Main, #Mobile-Menu {
	display: none;
}
#access li {
  background: rgba(0, 0, 0, 0) url("images/menu-divider.jpg") no-repeat scroll right center;
  color: #fff;
  float: left;
  font: 14px/18px "arimoregular";
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 100;
}
#access  #menu-item-455{
  background: none;
 }
#access li a {
  color: #004370;
  display: block;
  height: 18px;
  margin: 0;
  padding: 5px 0 3px;
}
#access a:hover{
	color: #fff !important;
	background: #ef3781;
	border-radius:20px 0 0 20px;
	width: 80%;
	text-align: center;
	margin: 0 auto !important; 
}
#access ul ul {
  display: none;
  left: 29px;
  padding: 0;
  position: absolute;
  padding:0px 0px 0px;
  z-index: 99999;
}

#access ul ul li {
	font: bold 14px/16px 'arimoregular';
	color: #ffffff;
	text-align: left;
	float: none;
	text-transform: none;
	background-image: none;
	padding: 0px 0px 0px 0px;
}
#access ul ul li:hover {
  padding: 0px 0px 0px 0px;
}
#access ul #menu-item-406 ul li, #access ul #menu-item-456 ul li{
	 float: left !important;
}

#access ul ul a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(128, 210, 225, 0.9) url("images/menu-bullet.png") no-repeat scroll 12px center;
  border-color: -moz-use-text-color -moz-use-text-color #b8e9f2;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #138093;
  height: auto !important;
  padding: 8px 0 8px 30px;
}

#access ul ul a:hover {
	background: #2a3753 url(images/menu-bullet.png) no-repeat 12px center;
	color: #ffffff;
	width: 230px;
	border-radius: 0px;
	text-align: left;
	padding: 8px 0 8px 30px;
}
#access ul ul ul {
	left: 97%;
	top: 0px;
	padding: 0px 0px 0px 0px;
}

#access ul li:hover > ul {
	display: block;
}

.menu-item-401{
	width:12.5%;
}
.menu-item-402{
	width:13%;
}
.menu-item-406{
	width:16%;
}
.menu-item-456{
	width:16%;
}
.menu-item-991{
	width:15%;
}
.menu-item-486{
	width:12%;
}
.menu-item-455{
	width:15%;
}
#access ul ul li a:hover{
	border-bottom: 1px solid #2A3753;
}


#menu-item-402 ul li a{
	width:145px !important;
}
#menu-item-402 ul li a:hover{
	border-bottom: 1px solid #2A3753;
}
#menu-item-991 ul li{
	width:180px !important;
}
#menu-item-991 ul li a{
	width:156px !important;
}
#menu-item-991 ul li a:hover{
	width:156px !important;
}
#access ul #menu-item-406 ul{
	 width: 530px;
	  padding: 20px !important;
}

#access ul #menu-item-456 ul {
 width: 530px;
  padding: 20px !important;
}


#menu-item-456 ul , #menu-item-406 ul{
	background:url(images/menu-ul-bg.jpg) repeat 0px 0px;
	opacity:0.9;
	padding:20px;

}
#menu-item-456 ul a , #menu-item-406 ul a{
	width:230px;
}
#menu-item-456 ul a:hover , #menu-item-406 ul a:hover{
	width:230px;
	padding:8px 0px 8px 30px !important;
}

#access ul ul li#menu-item-479 a{
	width:230px !important;
}

#access ul ul li#menu-item-479 a:hover{
	width:230px !important;
}

/* ---------------------- Mobile Menu ------------------------ */
#Mobile-Menu {
	display: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.menu-link {
	font: normal 22px/22px 'arimoregular';
	color: #1D71B1;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.menu-link a {
	color: #ef3781;
	display: block;
	/* padding:10px; */
	padding:2px;
	float:left;
}
.menu-link img {
	margin: 0px 10px;
}
#wrapper {
	left: 0px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	z-index: 99999;
	top:114px;
}
#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: #3cafc4;
	color: #ffffff;
	border-bottom: 1px solid #5caebd;
	width: 100%;
}
#wrapper ul li a {
	display: block;
	color: #ffffff;
	padding: 0px 0px 0px 20px;
}
#wrapper ul li a:hover {
	color: #fff;
	background: #a484cf;
}
#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: #56b2c2 !important;
}
#wrapper .menu > li.menu-item-has-children > a {
	background: url(images/menu-left-bg.png) no-repeat 95% center #82d9e9 !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: url(images/menu-down-bg.png) no-repeat 95% center #75c3d1 !important;
}
#wrapper .menu-item-has-children ul a {
	color: #fff !important;
	background: #65c3e7 !important;
}
#wrapper .menu > li.menu-item-has-children li > a:hover {
	color: #fff !important;
	background: #75c3d1 !important;
}
#menu-item-991 ul li a{	text-align:left;}

/* ------------------------------ Banner CSS ------------------------------ */
#Intra-Container #Interactivity {
	height: 520px;
}

#Intra-Container-S #Interactivity {
	height: 243px;
}

#Intra-Container #Banner0 {
	background: url(images/banner1-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container #Banner0 .Intra-L {
	background: url(images/banner1-l.jpg) right top no-repeat;
}
#Intra-Container #Banner0 .Intra-R {
	background: url(images/banner1-r.jpg) left top no-repeat;
}

#Intra-Container #Banner1 {
	background: url(images/banner2-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container #Banner1 .Intra-L {
	background: url(images/banner2-l.jpg) right top no-repeat;
}
#Intra-Container #Banner1 .Intra-R {
	background: url(images/banner2-r.jpg) left top no-repeat;
}
#Intra-Container #Banner2 {
	background: url(images/banner3-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container #Banner2 .Intra-L {
	background: url(images/banner3-l.jpg) right top no-repeat;
}
#Intra-Container #Banner2 .Intra-R {
	background: url(images/banner3-r.jpg) left top no-repeat;
}
.Intra-Tabs {
  bottom: 3%;
  right: 0%;
  border: 1px solid #fff;
  width:81px;
  padding:0 7px 0 7px;
}

#Interactivity .Intra-Tabs li {
	float: left;
	height: 4px;
	width: 23px;
	margin:6px 2px 6px 2px;
}

#Interactivity .Intra-Tabs li a{
	background: #3cafc4;
	display: block;
	height: 100%;
	width: 100%;
}
#Interactivity  .Intra-Tabs li a:hover, #Interactivity .Intra-Tabs li.Banner_here a{
	background: #004370;
}
#Interactivity .banner-text1, .banner-text2, .banner-text3 {
	position: absolute;
	width:463px;
	color:#004572;
	padding:6px;
	font:lighter 39px/48px 'MyriadProLightRegular';
}
#Interactivity .banner-text1{
	left:0%;
	top:37%;
}
#Interactivity  .banner-text2{	
	left:0%;
	top:34%;
}
#Interactivity  .banner-text3{
	left:0%;
	top:24%;
}
#Interactivity .banner-text1 span, .banner-text2 span, .banner-text3 span{
	font:Bold 41px/45px 'MyriadProLightRegular';
}
.banner-text-sub{
	float: left;
	width:314px;
	height:65px;
	margin:8px 0 0 0;
	text-align:right;
	font:italic 30px/30px 'MyriadProLightRegular';
	color:#000000;
	background: url(images/banner-text-bg.png)no-repeat scroll 0px 13px;
}
#Intra-Container-S #Banner0 {
	background: url(images/sub-banner1-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container-S #Banner0 .Intra-L {
	background: url(images/sub-banner1-l.jpg) right top no-repeat;
}
#Intra-Container-S #Banner0 .Intra-R {
	background: url(images/sub-banner1-r.jpg) left top no-repeat;
}

#Intra-Container-S #Banner1 {
	background: url(images/sub-banner2-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container-S #Banner1 .Intra-L {
	background: url(images/sub-banner2-l.jpg) right top no-repeat;
}
#Intra-Container-S #Banner1 .Intra-R {
	background: url(images/sub-banner2-r.jpg) left top no-repeat;
}
#Intra-Container-S #Banner2 {
	background: url(images/sub-banner3-m.jpg) right top no-repeat;
	height: 100%;
	background-size:100%  100%;
}
#Intra-Container-S #Banner2 .Intra-L {
	background: url(images/sub-banner3-l.jpg) right top no-repeat;
}
#Intra-Container-S #Banner2 .Intra-R {
	background: url(images/sub-banner3-r.jpg) left top no-repeat;
}

#Intra-Container-S #Interactivity .banner-text1, #Intra-Container-S #Interactivity .banner-text2, #Intra-Container-S #Interactivity .banner-text3 {
	position: absolute;
	width:307px;
	color:#004572;
	font:lighter 30px/34px 'MyriadProLightRegular';
}
#Intra-Container-S #Interactivity .banner-text1 span, #Intra-Container-S #Interactivity .banner-text2 span, #Intra-Container-S #Interactivity .banner-text3 span{
	font:Bold 30px/34px 'MyriadProLightRegular';
}
#Intra-Container-S #Interactivity .banner-text-sub{
	float: left;
	width:215px;
	height:38px;
	margin:8px 0 0 0;
	text-align:right;
	font:italic 20px/20px 'MyriadProLightRegular';
	color:#000000;
	background: url(images/sub-banner-text-bg.png)no-repeat scroll 0px 13px;
}
#Intra-Container-S #Interactivity .banner-text1{
	left:10%;
	top:37%;
}
#Intra-Container-S #Interactivity  .banner-text2{	
	left:10%;
	top:34%;
}
 #Intra-Container-S #Interactivity  .banner-text3{
	left:10%;
	top:24%;
}
/*---------------------------What we treat CSS----------------------------*/

#What-we-treat{
	background: url(images/what-we-treat-bg.jpg) repeat center center;
}
#Treat-main{
	margin:0 auto 80px;
}
#Treat-main h3{
	font: 30px/30px 'arimoregular';
 	color: #003a69;
 	text-transform:uppercase;
 	margin:63px 0 0 0;
 	text-align:center;
}
.value-added-services{
	max-width: 870px;
	font:bold 18px/18px 'arimoregular';
	color:#ffffff;
	position: relative;
	margin:0 auto;
	margin-top:40px;
}
.value-added-services li{
	width:145px;
	float:left;
}
.white-block{
	width: 100%;
	height: 100px;
	background:#ffffff;
	padding:40px 0 0 0;
}
.green-block-uparrow, .green-block-downarrow{
	width: 100%;	
	background:#3cafc4;
	text-align:center;
	position: relative;
}
.green-block-uparrow a, .green-block-downarrow a{
	color: #fff;
	display: block;
	height: 80px;
	padding:60px 0 0 0;
}
.green-block-uparrow:after {
	content: '';
	position: absolute;
	left: 60px;
	bottom: 100%;
	width: 0;
	height: 0;
	display:block;
	border-bottom: 10px solid #3cafc4;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.green-block-downarrow:after {
	content: '';
	position: absolute;
	left: 60px;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	border-top: 10px solid #3cafc4;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.white-block a span{
	display: block;
	margin:0 auto 0 auto;
}
.white-block a .implant{
	background:url(images/sprite-img.png) no-repeat scroll 10px -169px;
	height: 68px;
	width:48px;
}

.white-block a .braces{
	background:url(images/sprite-img.png) no-repeat scroll -395px -161px;
	height: 40px;
	width:75px;
}
.white-block a .cosmetic{
	background:url(images/sprite-img.png) no-repeat scroll -114px -168px;
	height: 43px;
	width:92px;
}
.white-block a .periodontal{
	background:url(images/sprite-img.png) no-repeat scroll -511px -170px;
	height: 45px;
	width:78px;
}
.white-block a .root-canal{
	background:url(images/sprite-img.png) no-repeat scroll -284px -170px;
	height: 59px;
	width:50px;
}
.white-block a .oral{
	background:url(images/sprite-img.png) no-repeat scroll -624px -170px;
	height: 95px;
	width:69px;
}
.white-block a .preventative{
	background:url(images/sprite-img.png) no-repeat scroll 0px -397px;
	height: 68px;
	width:72px;
}
.white-block a .children{
	background:url(images/sprite-img.png) no-repeat scroll -453px -396px;
	height: 63px;
	width:54px;
}
.white-block a .restorative{
	background:url(images/sprite-img.png) no-repeat scroll -114px -397px;
	height: 68px;
	width:86px;
}
.white-block a .digital{
	background:url(images/sprite-img.png) no-repeat scroll -566px -397px;
	height: 63px;
	width:66px;
}
.white-block a .dentures{
	background:url(images/sprite-img.png) no-repeat scroll -284px -397px;
	height: 51px;
	width:92px;
}
.white-block a .crowns{
	background:url(images/sprite-img.png) no-repeat scroll -680px -397px;
	height: 61px;
	width:55px;
}
.white-block a .porcelain{
	background:url(images/sprite-img.png) no-repeat scroll 0px -623px;
	height: 45px;
	width:78px;
}
.white-block a .sedation{
	background:url(images/sprite-img.png) no-repeat scroll -170px -623px;
	height: 64px;
	width:89px;
}
li:hover .green-block-uparrow, li:hover .green-block-downarrow {
	background: #ee3680;
}
li:hover .green-block-uparrow:after{
	border-bottom: 10px solid #ee3680;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
li:hover .green-block-downarrow:after{
	border-top: 10px solid #ee3680;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.serv-1:hover .white-block a .implant{
	background: url(images/sprite-img.png) no-repeat scroll 10px -284px;
}
.serv-2:hover .white-block a .braces{
	background: url(images/sprite-img.png) no-repeat scroll -395px -274px;
}
.serv-3:hover .white-block a .cosmetic{
	background: url(images/sprite-img.png) no-repeat scroll -114px -281px;
}
.serv-4:hover .white-block a .periodontal{
	background: url(images/sprite-img.png) no-repeat scroll -511px -283px;
}
.serv-5:hover .white-block a .root-canal{
	background: url(images/sprite-img.png) no-repeat scroll -284px -283px;
}
.serv-6:hover .white-block a .oral{
	background: url(images/sprite-img.png) no-repeat scroll -624px -283px;
}
.serv-7:hover .white-block a .preventative{
	background: url(images/sprite-img.png) no-repeat scroll 0px -511px;
}
.serv-8:hover .white-block a .children{
	background: url(images/sprite-img.png) no-repeat scroll -453px -510px;
}
.serv-9:hover .white-block a .restorative{
	background: url(images/sprite-img.png) no-repeat scroll -114px -511px;
}
.serv-10:hover .white-block a .digital{
	background: url(images/sprite-img.png) no-repeat scroll -566px -511px;
}
.serv-11:hover .white-block a .dentures{
	background: url(images/sprite-img.png) no-repeat scroll -284px -511px;
}
.serv-12:hover .white-block a .crowns{
	background: url(images/sprite-img.png) no-repeat scroll -680px -511px;
}
.serv-13:hover .white-block a .porcelain{
	background: url(images/sprite-img.png) no-repeat scroll 0px -737px;
}
.serv-14:hover .white-block a .sedation{
	background: url(images/sprite-img.png) no-repeat scroll -170px -737px;
}


.value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-left , .value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-right {
	height:22px;
	width:15px;
	display: block;
	top:30%;
}

.value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-left {
	background: url(images/sprite.png) no-repeat -0px -113px;
	left:0;
}
.value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-right  {
	background: url(images/sprite.png) no-repeat -110px -113px;
	right:0;
}

/*----------------------Patient Journey-------------------------------*/

#Patient-journey{
	background: #004F7A  url(images/patient-journey-bg.jpg) no-repeat center 0px;
	min-height:454px;
}
#Patient-main{
	text-align:center;
	
}
#Patient-main h3{
	font: 30px/30px 'arimoregular';
 	color: #fff;
 	text-transform:uppercase;
	margin:58px 0 0 0;
 	text-align:center;
}
#Patient-main .journey{
	width:94%;
	margin:78px 0 0 0;
}
#Patient-main .journey-s{
	display: none;
}
.journey li{
	display:inline-block;
	height: 120px;
	width: 120px;
	margin:0px 48px 0 0;
	position:relative;
	border-radius: 50%;
}
.journey li  span {
  display: block;
  height: 90px;
  margin: 13px 0 0 13px;
  width: 90px;
}
.journey li p {
	font: 13px/90px 'arimoregular';
	color:#fff;
	text-transform:uppercase;
}
.journey li a:hover{
	color:#389adc;
}
.consult{
	background:#2093a8;
}
.consult  span{
	background: url("images/sprite-img.png") no-repeat scroll 4px -854px;
}
.treat{
	background:#f8f8f8;
}
.treat  span{
	background: url("images/sprite-img.png") no-repeat scroll -165px -855px;
}
.prepare{
	background:#56b2c2;
}
.prepare  span{
	background: url("images/sprite-img.png") no-repeat scroll -332px -852px;
}
.proce{
	background:#f8f8f8;
}
.proce  span{
	background: url("images/sprite-img.png") no-repeat scroll -502px -856px;
}
.care{
	background:#75cede;
	margin:0 0 0 0 !important;
}
.care  span{
	background: url("images/sprite-img.png") no-repeat scroll -671px -851px;
}

/*.right-arrow1, .right-arrow2, .right-arrow3, .right-arrow4 {
	display: inline-block;
	position: absolute;
	background: #b3cad6;
	padding: 6px;
}
.right-arrow1:after, .right-arrow2:after, .right-arrow3:after, .right-arrow4:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #b3cad6;
}
.right-arrow1{
	top:50%;
	left:28%;
}
.right-arrow2{
	top:50%;
	left:41%;
}
.right-arrow3{
	top:50%;
	left:53.5%;
}
.right-arrow4{
	top:50%;
	left:66.5%;
}*/

.right-arrow1, .right-arrow2, .right-arrow3, .right-arrow4 {
  background: rgba(0, 0, 0, 0) url("images/right-arrow.png") no-repeat scroll 0 0;
  height: 30px;
  position: absolute;
  right: -55px;
  top: 50px;
  width: 40px;
  z-index: 150;
}
/*--------------------------------------Quick links---------------------------*/

#Quick-links{
	background: #75cede url(images/what-we-treat-bg.jpg) repeat center center;
	padding:57px 0 57px 0;
}

.surgery{
	width: 306px;
	height:234px;
	float: left;
	background:url(images/surgery.jpg) no-repeat;
	border-radius:9px;
	text-align:center;
	position: relative;
}
.surgery h3, .approach h3{
	font: 24px/24px 'arimoregular';
	color:#fff;
	margin:20px 0 0 0;
}
.surgery a, .approach a {
  background: #27292a none repeat scroll 0 0;
  bottom: 0;
  color: #dee0e0;
  display: block;
  font: bold 14px/14px "arimoregular";
  left: 50%;
  margin: 0 0 0 -68px;
  opacity: 0.8;
  padding: 10px 20px;
  position: absolute;
  text-transform: uppercase;
}
.surgery a:hover, .approach a:hover {
	color: #46adf1;
}
.referrers {
  background: url("images/referrer-bg.png") no-repeat scroll 0 0;
  float: left;
  height: 268px;
  margin: 0 0 0 5%;
  width: 262px;
}
.referrers ul li{
	height:60px;
	width:131px;
	padding:14px 0 0px 0;
	margin: 0 auto;
}
.referrers ul li a{
    font: 20px/30px 'arimoregular';	
    color:#004370;
} 
.referrers ul li a span {
  display: block;
  margin: 0 auto; 
}

.for-refer span{
	background: url("images/sprite-img.png") no-repeat scroll -113px 0px;
	height: 29px;
	width: 29px;
}
.first-visit span{
	background: url("images/sprite-img.png") no-repeat scroll -226px 0px;
	height: 38px; 
    width: 38px;
}
.patient span{
	background: url("images/sprite-img.png") no-repeat scroll -340px 0px;
	height: 25px;
	width: 25px;
}
.for-refer a:hover span{
	background: url("images/sprite-img.png") no-repeat scroll -113px -56px;
}
.first-visit a:hover span{
	background: url("images/sprite-img.png") no-repeat scroll -226px -56px;
}
.patient a:hover span {
	background: url("images/sprite-img.png") no-repeat scroll -340px -56px;
}
.approach{
	width: 306px;
	height:234px;
	float: right;
	background:url(images/approach.jpg) no-repeat;
	border-radius:9px;
	text-align:center;
	position: relative;
	
}
.baloon-tag{
	position: absolute;
	height: 61px;
	top:0%;
	left:49.5%;
	width:47px;
	background: url("images/sprite-img.png") no-repeat scroll -454px -57px;
}
/*-----------------------Payment-option CSS-----------------------------*/
#Payment-option{
	background: #ececec;
    overflow: visible; 
}
#Payment-main{
	padding:56px 0 50px 0;
}

#Payment-option .aside-payment{
	display: none;
}
.smily{
	position: absolute;
	width: 43px;
	height:43px;
	top:-3%;
	left:50%;
	background: url("images/sprite-img.png") no-repeat scroll -396px 0px;
	z-index: 2;		
}
#Payment-main h2{
	font: 30px/30px 'arimoregular';
	color:#000000;
	text-transform:uppercase;
	text-align: center;
}
#Payment-main p{
	font:italic 17px/17px 'arimoregular';
	color:#959595;
	text-align: center;
}
.options{
	max-width:626px;
	height:358px;
	position: relative;
	margin: 0px auto;
}

#Payment-main ul li{
	position: absolute;
	height: 125px;
	width:350px;
}
#Payment-main ul li a{
	display: block;
	color: #000000;
	font: 16px/16px 'arimoregular';
}
#Payment-main ul li a:hover{
	color:#ef3781;
}
#Payment-main li span{
	height: 126px;
	width:126px;
}
.benefits {
  left: 67%;
  margin-left: -175px;
  text-align: center;
  top: 14px;
  z-index: 1;
}

.benefits span {
  background: rgba(0, 0, 0, 0) url("images/child-bg.png") no-repeat scroll 0 0;
  float: left;
  margin: -40px 0 0;
  vertical-align: middle;
}
.benefits > a {
  margin: 40px 0 0 6px;
}
.benefits a:hover span{
	background: url("images/child-hover-bg.png") no-repeat;
}
.plans{
	top:36%;
	left:-15%;
	text-align: right;
	z-index: 1;
	border-radius: 0px 20% 20% 0px;
}
.plans > a {
  padding: 60px 0 0 0;
}
.plans span{
	background: url("images/plan-bg.png") no-repeat;
	float: right;
	top:-50%;
	display:inline-block;
	vertical-align: middle;
	margin: -60px 0 0 13px;
}
.plans a:hover span{
	background: url("images/plan-hover-bg.png") no-repeat;
}
.bill{
	top:36%;
	right:-15%;	
	z-index: 1;
	border-radius:0 0 0 20%;
}
.bill span{
	background: url("images/bill-bg.png") no-repeat;
	display:inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}
.bill a:hover span{
	background: url("images/bill-hover-bg.png") no-repeat;
}
.voucher{
	bottom:0%;
	left:50%;
	text-align:center;
	margin-left: -175px;
	z-index: 0;
	border-radius: 54% 54% 0 0;
}
.voucher span{
	background: url("images/voucher-bg.png") no-repeat;
	margin: 0px auto;
	display:block;
	margin-bottom:10px;
}
.voucher a:hover span{
	background: url("images/voucher-hover-bg.png") no-repeat;
}
.payment-plans {
  font: 16px/16px "arimoregular";
  height: 50px;
  left: 26%;
  position: absolute;
  top: 30%;
  width: 182px;
 background: url("images/sprite-img.png") no-repeat scroll -340px -621px;
 padding:0 0 0 12px;
}
.payment-plans a{
  color: #000000;
}
.payment-plans a:hover{
	color:#ef3781;
}
.payment-plans span{
	font:italic 14px/14px "arimoregular";
}
/*-----------------------Office location----------------------------------*/
#Office{
	background: #75cede;
}
#Office-main{
	padding:50px 0 0px 0;
}

.loc-map{
	float:left;
	max-width:435px;
	height:313px;
	margin:0 0 65px 0;
	position: relative;
	overflow: hidden;
}
.loc-map h2, .contact-email h2{
	font: 25px/25px "arimoregular";
	color:#fff;
	text-transform:uppercase;	
	float: left;
	margin:0 0 24px 0;
}
.health-center{
	width:100%;
	float: left;
	position: relative;
}
.health-head{
	width:100%;
	height: 40px;
	background:#004f7b;
}
.health-head h3 {
  color: #fff;
  float: left;
  font: bold 18px/18px "arimoregular";
  margin: 10px 0 0 12px;
  text-align: left;
  width: 50%;
}
.health-phone{
	font:bold 17px/17px "arimoregular";
	width:37%;
	float: right;
	text-align:center;
	margin:12px 0 0 0;
}
.health-phone a{
	color:#fff;
	padding:10px 6px 9px 0px !important;
}
.health-phone a:hover{
	color:#75cede;
}
.health-phone .phone-loc{
	height:17px;
	width:14px;
	float: left;
	background: url(images/sprite.png) no-repeat 0px 0px;
	margin:2px 0 0 5px;
}
.loc-map .prev{
	left:0%;
	top:46% !important;	
}
 .loc-map .next{
	right: 0%;
	top:46% !important;
}
.prev, .next{
	width:32px;
	height:60px;
	position: absolute;
	z-index:150;
	opacity:0.84;
}
.prev{
	left:0%;
	top:26%;
	background:#181715 url(images/sprite.png) no-repeat scroll 8px -94px;
}
.next{
	right: 0%;
	top:26%;
	background:#181715 url(images/sprite.png) no-repeat scroll -103px -94px;
}
.view-map {
  background: #ffffff none repeat scroll 0 0;
  bottom: 24%;
  left: 32%;
  padding: 8px 15px 6px;
  position: absolute;
  text-align: center;
  width: 160px;
}
.view-map a{
	font:bold 12px/14px Verdana;
	color:#004f7b;
}
.view-map a:hover{
	color:#75cede;
}
.loc-foot{
	float:left;
	width:100%;
	height: 41px;
	background:#004f7b;
	font: 16px/18px "arimoregular";
	color:#fff;
	padding:3px 0 19px 0;
}
.loc-foot h3 {
  float: left;
  font: 15px/18px "arimoregular";
  margin: 4px 0 0 13px;
  text-align: left;
  width: 49%;
}
.loc-foot p{
	float:right;
	width:43%;
	border-left: 1px solid #2e92b3;
	padding:11px 0 0 15px;
}
.loc-foot p a{
	color: #fff;
	padding:0;
}
.loc-foot p a:hover{
	color: #8ad6e4;
}
.contact-email{
	float:right;
	width:386px;
	height:313px;
}
.contact-email ul li input[type="text"], .contact-email ul li input[type="email"], .contact-email ul li select, .contact-email ul li textarea{
  background: #e3f5f8;
  border: none;
  color: #666668;
  font: 14px/14px "arimoregular";
  margin: 2px 0;
  padding:11px 6px 9px 14px;
  width: 95%;
  float: right;
}
.contact-email ul li select {
  width: 100% !important;
}
.contact-email ul li textarea{
	height: 50px;
}
.contact-email ul.captcha li img{
	width:auto;
	height: auto;
	float:left;
}
.contact-email .captcha .ypo-text {
  float: left;
  width: 45%;
}

.contact-email ul.captcha li input[type="text"] {
  float: right;
  width: 41%;
}
.contact-email ul li.buttons input[type="submit"], .contact-email ul li.buttons input[type="reset"] {
	background: #ef3781;
	 padding: 8px 17px;
	border: none;
	color: #ffffff;
	font: 14px/14px "arimoregular";
	cursor: pointer;
	margin: 3px 0px 0 2px;
	float:right;
	text-transform: uppercase;
}

/*----------------------------------Credibility CSS---------------------------------*/
.cred-intra{
	text-align: center;
	padding: 12px 0;
}

.cred-intra ul li {
  float: left;
}

.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-left , .cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-right {
	height:12px;
	width:8px;
	display: block;
	top:30%;
}

.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-left {
	background: url(images/sprite.png) no-repeat -0px -171px;
	left:0;
}
.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-right  {
	background: url(images/sprite.png) no-repeat -114px -171px;
	right:0;
}

#Doncaster-section h3{
	font: 26px/30px 'arimoregular';
	color: #003a69;
	text-transform: uppercase;
	margin: 40px 0 0 0;
	text-align: center;
}

#Doncaster-section p {
	font: normal 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #232323;
	text-align: center;
}

#Credibility {
	border-top: 1px solid #272727;
	margin-top: 30px;
}




/*---------------------------------Footer CSS------------------------------------------*/
footer {
	background:#272727 url("images/foot-bg.jpg") no-repeat center center;
	min-height: 340px;
}
.foot-main{
	width:100%;
	float:left;
	margin:53px 0px 0px 0px;
	border-bottom: 1px solid #595959;
}
.foot-menu, .foot-services, .foot-follow{
	float:left;
}
.foot-menu{	width:142px; }
.foot-services{width:390px;}
.foot-follow{width:150px;}
.foot-search{
	float:right;
	width:208px;
}

.foot-menu h3, .foot-services h3, .foot-follow h3, .foot-search h3{
	color:#d8d8d8;
	font: bold 16px/16px "arimoregular";
	margin-bottom:28px;
}
.foot-main ul li{
	font: normal 15px/18px "arimoregular";
	margin:6px 0px 12px 0px;
}
.foot-main ul li a, .foot-search p a{
	color:#d8d8d8;
}
.foot-main ul li a:hover, .foot-search p a:hover{
	color:#75cede;
}
.foot-services ul li{
	width:50%;
	float:left;
}
.foot-services ul li{
	list-style-type: square;
	color: #ffffff;
}

.foot-follow .smo{
	width:100%;
	float:left;
	margin-top: 34px;
}

.foot-follow .smo li{
	text-indent: -9999px;
    display: inline-block;
	text-align: center;
	margin:0 7px 9px 0;
}
.smo li a{
	display: block;
	background: url(images/sprite.png) no-repeat 0 0;
	width:40px;
	height: 40px;
}
.smo .linkedin a{
	background-position: 0px -227px;
}
.smo .twitter a{
	background-position: -52px -227px;
}
.smo .googleplus a{
	background-position: -107px -227px;
}
.smo .youtube a {
	background-position: -169px -227px;
}
.smo .facebook a {
	background-position: -222px -227px;
}
.smo .blog a {
	background-position: -276px -227px;
}
#txtsearch{
  background: #dee1e1;
  border: none;
  color: #000000;
  font:italic 12px/12px Verdana;
  padding:4px 0px 4px 8px;
  width: 95%;
}

.foot-search p{
	font: normal 15px/18px "arimoregular";	
	margin-top:65px;
	color:#d8d8d8;	
}

.foot-copy{
	width:100%;
	float:left;
	padding:20px 0 0 0;
}
.foot-copy p{
	width: 72%;
	float: left;
	font: normal 15px/18px "arimoregular";	
	color:#d8d8d8;
}
.foot-ypo{
	padding:0;
	width:14%;
	float:right;
	border-left: 1px solid #595959;
}
.foot-ypo img{
	float: right;
}
/*-----------------------------Aside CSS---------------------------------*/

#Content-Container{
	padding:20px 0px 23px 0px;
}
#Content-Main {
    border-bottom: 1px solid #e5e5e5;
}
.Sidebar{
	width:249px;
}
.sidebarL{
	float:left;
}
.sidebarR{
	float:right;	
	width:72%;
}
.meet-dr-s{
	width:99%;
	float: left;
	border:1px solid #c8ebf2;
	background:#75cede;
	font: bold 24px/24px "arimoregular";
	color: #004370;	
}
.meet-dr-s img {
  border: 2px solid #389bad;
  float: left;
  margin: 6px 0px 0px 5px;
}
.meet-dr-s .meet-aside {
  float: right;
  width: 140px;
  margin:14px 0 0 0;
}
.meet-s{
	font: normal 22px/22px "arimoregular";
}
.design{
	font: normal 13px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
}
.meet-dr-s  p a{
	padding:8px;
	background:#ef3781;
	font:normal 13px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	margin:7px 2px 0px 0;
}
.meet-dr-s  p a:hover{
	color: #004c78;
}
.aside-treat{
	width:100%;
	float: left;
	margin:10px 0 0 0;
}
.aside-treat h3{
	color:#fff;
	font: normal 22px/22px "arimoregular";
	background: url(images/aside-treat-bg.jpg) repeat;
	padding:14px 33px 14px 33px;
	text-align:center;
	margin:0;
}

.aside-treat li{
	font: bold 15px/19px "arimoregular";
	background: #3cafc4 url(images/service-li-devider-s.jpg) no-repeat 15px 100%;
	width:100%;
	
}
.aside-treat li:last-child{
	background: #3cafc4;
}
.aside-treat li a{
	color:#fff;
	display:block;
	padding: 20px 5px 30px 6px;
}
.aside-treat ul li a span {
  float: left;
  height: 50px;
  margin: 0 10px 0 0;
  width: 45px;
}

.aside-treat .implants-s a span{
	background: url(images/sprite.png) no-repeat -4px -341px;
}
.aside-treat .braces-s a span{
	background: url(images/sprite.png) no-repeat -1px -413px;
}
.aside-treat .cosmetic-s a span{
	background: url(images/sprite.png) no-repeat -1px -470px;
}
.aside-treat .periodontal-s a span {
  background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -1px -526px;
  margin: -10px 9px 0 0;
}
.aside-treat .root-s a span{
	background: url(images/sprite.png) no-repeat -4px -592px;
}
.aside-treat .oral-s a span{
	background: url(images/sprite.png) no-repeat -6px -652px;
}


.aside-treat .preventative-s a span{
	background: url(images/sprite.png) no-repeat -234px -340px;
}
.aside-treat .children-s a span{
	background: url(images/sprite.png) no-repeat -228px -402px;
}
.aside-treat .restorative-s a span{
	background: url(images/sprite.png) no-repeat -227px -461px;
}
.aside-treat .digital-s a span{
	background: url(images/sprite.png) no-repeat -236px -523px;
}
.aside-treat .dentures-s a span{
	background: url(images/sprite.png) no-repeat -227px -594px;
}
.aside-treat .crowns-s a span{
	background: url(images/sprite.png) no-repeat -229px -644px;
}
.aside-treat .porcelain-s a span{
	background: url(images/sprite.png) no-repeat -454px -340px;
}
.aside-treat .sedation-s a span{
	background: url(images/sprite.png) no-repeat -453px -397px;
}

.aside-treat li a:hover{
	background: #004370 ;
}
.aside-treat .implants-s a:hover span{
	background: url(images/sprite.png) no-repeat -117px -341px;
}
.aside-treat .braces-s a:hover span{
	background: url(images/sprite.png) no-repeat -114px -413px;
}
.aside-treat .cosmetic-s a:hover span{
	background: url(images/sprite.png) no-repeat -114px -470px;
}
.aside-treat .periodontal-s a:hover span{
	background: url(images/sprite.png) no-repeat -114px -526px;
}
.aside-treat .root-s a:hover span{
	background: url(images/sprite.png) no-repeat -116px -592px;
}
.aside-treat .oral-s a:hover span{
	background: url(images/sprite.png) no-repeat -118px -652px;
}

.aside-treat .preventative-s a:hover span{
	background: url(images/sprite.png) no-repeat -348px -340px;
}
.aside-treat .children-s a:hover span{
	background: url(images/sprite.png) no-repeat -342px -402px;
}
.aside-treat .restorative-s a:hover span{
	background: url(images/sprite.png) no-repeat -341px -461px;
}
.aside-treat .digital-s a:hover span{
	background: url(images/sprite.png) no-repeat -350px -523px;
}
.aside-treat .dentures-s a:hover span{
	background: url(images/sprite.png) no-repeat -340px -594px;
}
.aside-treat .crowns-s a:hover span{
	background: url(images/sprite.png) no-repeat -342px -644px;
}
.aside-treat .porcelain-s a:hover span{
	background: url(images/sprite.png) no-repeat -511px -340px;
}
.aside-treat .sedation-s a:hover span{
	background: url(images/sprite.png) no-repeat -510px -397px;
}
/* ------------------------------Aside scroller CSS ------------------------------ */


.content {
	width: 100%;
	overflow: auto;
}

.content1 , .content {
	width: 100%;
	height: 375px;
	overflow: auto;
}
.content_2 {
	float: left;
	padding: 0px;
}

.content_1 {
	float: left;
}
.content_1 {
	padding: 0px;
}
.mCSB_container {
  margin-right: 30px;
  overflow: hidden;
  width: 100%;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools .mCSB_draggerRail {
	
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 7px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:  url(images/drager.jpg) no-repeat 0px 0px;
	width:10px;
	height:10px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 13px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  height: 40px !important;
  width: 100%;
}
.mCustomScrollBox > .mCSB_scrollTools {
  background: rgba(0, 0, 0, 0) url("images/down-scroll.jpg") repeat-y scroll 0 0;
  float: left;
  height: 340px;
  right: 0;
  top: 15px;
  width: 10px;
  border-radius: 2px;
}

.aside-patient-journey{
	width:100%;
	float: left;
	background: #004c78;
	margin:10px 0 0 0;

	
}
.aside-patient-journey h3{
	font: normal 22px/24px "arimoregular";
	color: #fff;
	text-align:center;
}
.aside-patient-journey > img {
  margin: -11px 0 0 10px;
}
.journey-s {
  float: left;
  padding: 0 0 20px;
  width: 100%;
  position: relative;
}
.journey-s li {
  background: #004C78;
  clear: both;
  float: left;
  margin: 0 0 28px;
  width: 100%;
  font: 15px/20px 'arimoregular';
}
.journey-s li a {
	color:#fff;
	text-transform:uppercase;
	display: block;
	padding:20px 0px 0 0px;
}
.journey-s li a span {
  display: block;
  height: 69px;
  width: 69px;
  border-radius: 50%;
  float:left;
  margin:-20px 9px 0 9px;
}

.journey-s li a:hover{
	color:#389adc;
}

.journey-s .consult a span{
	background: #2093a8 url("images/sprite.png") no-repeat scroll 12px -721px;
}

.journey-s .treat a span{
	background:#fff url("images/sprite.png") no-repeat scroll -91px -720px;
}

.journey-s .prepare a span{
	background: #2093a8 url("images/sprite.png") no-repeat scroll -213px -724px;
}

.journey-s .proce a span{
	background:#fff url("images/sprite.png") no-repeat scroll  -327px -725px;
}

.journey-s .care a span{
	background: #2093a8 url("images/sprite.png") no-repeat scroll -445px -721px;
}
/*.down-arrow1::after, .down-arrow2::after, .down-arrow3::after, .down-arrow4::after {
  border-color: transparent transparent transparent #b3cad6;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  height: 0;
  right: -37%;
  margin-top: -10px;
  position: absolute;
  top: 175%;
  transform: rotate(-271deg);
  width: 0;
}
.down-arrow1, .down-arrow2, .down-arrow3, .down-arrow4 {
  background: #b3cad6 none repeat scroll 0 0;
  display: inline-block;
  padding: 6px;
  position: absolute;
}
.down-arrow1{
	left: 15%;
	top:15%;
}
.down-arrow2{
	left: 15%;
	top:36%;
}
.down-arrow3{
	left: 15%;
	top:56%;
}
.down-arrow4{
	left: 15%;
	bottom:21%;
}*/

.aside-surgery{
	width:100%;
	float:left;
	margin:10px 0 0 0;
	background: url("images/aside-surgery-bg.png") no-repeat;
	height: 191px;
	position: relative;
}
.aside-surgery h3{
  color: #fff;
  font: 19px/19px "arimoregular";
  margin: 16px 0 0;
  text-align:center;
}
.aside-surgery a{
  background: #27292a none repeat scroll 0 0;
  bottom: 0;
  color: #dee0e0;
  display: block;
  font: bold 11px/11px "arimoregular";
  left: 57%;
  margin: 0 0 0 -68px;
  opacity: 0.8;
  padding: 8px 13px;
  position: absolute;
  text-transform: uppercase;
}
.aside-surgery a:hover{
	color:#75cede;
}
.aside-referrers{
	width:96%;
	float:left;
	margin:10px 0 0 0;
	background:#a2effd;
	border: 5px solid #7aebff;
}

.aside-referrers ul li {
  background: url("images/aside-referrer-divider.png") no-repeat scroll center 100%;
  font: 20px/20px "arimoregular";
  margin: 0 0 12px;
}
.patient-s{
	background: none !important;
}
.patient-s > a {
  padding: 16px 0 6px !important;
}
.aside-referrers .patient-s li {
  background: none !important;
}

.aside-referrers ul li a{
    color: #004370;
    display: block; 
    padding: 20px 0 20px 0;
} 
.aside-referrers ul li a span {
  float: left;
  margin:-4px 13px 0 18px;
}
.first-visit-s a span{
	margin:-6px 5px 0 18px !important;
}
.for-refer-s span{
	background: url("images/sprite-img.png") no-repeat scroll -113px 0px;
	height: 29px;
	width: 29px;
}
.first-visit-s span{
	background: url("images/sprite-img.png") no-repeat scroll -226px 0px;
	height: 38px; 
    width: 38px;
}
.patient-s span{
	background: url("images/sprite-img.png") no-repeat scroll -340px 0px;
	height: 25px;
	width: 25px;
}
.for-refer-s a:hover span{
	background: url("images/sprite-img.png") no-repeat scroll -113px -56px;
}
.first-visit-s a:hover span{
	background: url("images/sprite-img.png") no-repeat scroll -226px -56px;
}
.patient-s a:hover span {
	background: url("images/sprite-img.png") no-repeat scroll -340px -56px;
}

.aside-payment{
	float: left;
	width: 100%;
	margin:10px 0 0 0;
	background: #eeeeee;
}
.aside-payment li:hover a{	color:#f45997;}
.aside-payment h2{
  font: 22px/22px "arimoregular";
  color: #000000;
  margin:0;
  text-align: center;
  margin:17px 0 15px 0;
}
.aside-payment li{
	font: 15px/16px "arimoregular";
}

.aside-payment li a{
  color: #000000;
  display: block;
  padding: 30px 0 30px 0;
  text-align: left;
  
}
.plan-italic{
	margin: 0;
	font:italic 11px/12px "arimoregular";
}
.aside-payment li a span{
	height: 64px;
	width: 64px;
	float:left;
	margin:-20px 20px 0 12px;
}
.aside-payment li a img{
	margin: 0px 0px 0px -12px;
}
.voucher-s > a {
  margin: 10px 0 0;
}

.bill-s > a {
  margin: 0 0 20px;
}
.plans-s span{
	background: url("images/aside-plans-bg.png") no-repeat;
}
.benefits-s span{
	background: url("images/aside-child-bg.png") no-repeat;
}
.health-s span{
	background: url("images/aside-health-bg.png") no-repeat;
}
.voucher-s span{
	background: url("images/aside-vouchers-bg.png") no-repeat;
}
.bill-s span{
	background: url("images/aside-bill-bg.png") no-repeat;
}

.plans-s a:hover span{
	background: url("images/aside-plan-hover.png") no-repeat;
}
.benefits-s a:hover span{
	background: url("images/aside-child-hover.png") no-repeat;
}
.health-s a:hover span{
	background: url("images/aside-health-hover.png") no-repeat;
}
.voucher-s a:hover span{
	background: url("images/aside-voucher-hover.png") no-repeat;
}
.bill-s a:hover span{
	background: url("images/aside-bill-hover.png") no-repeat;
}

.aside-ofc-loc{
	float: left;
	width:100%;
	margin:10px 0 0 0;
	position: relative;
	height :365px;
	overflow: hidden;
}
.ofc-add-s-1{
	width:100%;
	float: left;
	position: relative;
	height: 225px;
	overflow: hidden;
}
.aside-ofc-loc h2{
	text-align:center;
	margin:0;
	background:#75cede;
	color: #fff;
	font: 18px/18px "arimoregular";
	padding:20px 0 13px 0;
	text-transform:uppercase;
}
.aside-ofc-loc h3{
	text-align:center;
	margin:0;
	background:#004f7b;
	color: #fff;
	font: 14px/14px "arimoregular";
	padding:6px 0 6px 0;
	border: 1px solid #367394;
}
.loc-add{
	float:left;
	width:100%;
	background:#004f7b;
	color: #fff;
	font: 15px/20px "arimoregular";
	text-align:center;
	padding:2px 0 11px 0;
}
.ofc-add-s-1 .view-map-s {
  background: #ffffff none repeat scroll 0 0;
  bottom: 47%;
  font: bold 12px/14px Verdana;
  left: 18%;
  padding: 8px 15px 6px;
  position: absolute;
  width: 131px;
}
.view-map-s a{	
	color:#004f7b;
}
.view-map-s a:hover{
	color:#75cede;
}
.loc-add .phoneimg{
  background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 0 0;
  float: left;
  height: 17px;
  margin: 2px 0 0 65px;
  width: 14px;
}
.loc-add > p {
  margin: 0 0 0 0;
  padding: 0;
  width: 189px;
}
.loc-add a {
  color: #fff;
}
.loc-add a:hover {
  text-decoration:underline;
}


.Sidebar{
  display: block;
  float: left;
  width: 249px;
}
#Content-Left {
  display: block;
  float: right;
  width: 71%;
}


/*----------------------------------------Services CSS----------------------------------*/
.textMain .service-sub{
	width: 100%;
	float: left;
	margin:30px 0 0 0;
}
.textMain h1{
	color:#ef3781;
	font: normal 24px/26px "arimoregular";
}
.textMain .service-sub ul li{
	font: bold 18px/18px "arimoregular";
	width: 288px;
	float: left;
	border: 1px solid #d8eff3;
	margin:0 40px 56px 0;
	height: 76px;
	padding: 0px !important;
	text-align: left;
}
.service-sub ul li a{
	color:#004370;
	display: block;
	padding: 18px 40px 18px 0;
}

.textMain .service-sub ul li a span{
  float: left;
  height: 77px;
  width: 100px;
  display: block;
  margin: -18px 12px 0 0;
 }

.service-sub .implants-serv a, .service-sub .oral-serv a {
	padding: 23px 40px 18px 0 !important;
}

.service-sub .implants-serv a span{
	background: url(images/serv.png) no-repeat 0px 0px;
	 margin: -23px 12px 0 0 !important;
}
.service-sub .braces-serv a span{
	background: url(images/serv.png) no-repeat 0px -879px;
}
.service-sub .cosmetic-serv a span{
	background: url(images/serv.png) no-repeat 0px -160px;
}
.service-sub .periodontal-serv a span{
	background: url(images/serv.png) no-repeat 0px -999px;
}
.service-sub .root-serv a span{
	background: url(images/serv.png) no-repeat 0px -280px;
}
.service-sub .oral-serv a span{
	background: url(images/serv.png) no-repeat 0px -1119px;
	 margin: -23px 12px 0 0 !important;
}
.service-sub .preventative-serv a span{
	background: url(images/serv.png) no-repeat 0px -400px;
}
.service-sub .children-serv a span{
	background: url(images/serv.png) no-repeat 0px -1239px;
}
.service-sub .restorative-serv a span{
	background: url(images/serv.png) no-repeat 0px -520px;
}
.service-sub .digital-serv a span{
	background: url(images/serv.png) no-repeat 0px -1360px;
}
.service-sub .dentures-serv a span{
	background: url(images/serv.png) no-repeat 0px -640px;
}
.service-sub .crowns-serv a span{
	background: url(images/serv.png) no-repeat 0px -1480px;
}
.service-sub .porcelain-serv a span{
	background: url(images/serv.png) no-repeat 0px -759px;
}
.service-sub .sedation-serv a span{
	background: url(images/serv.png) no-repeat 0px -1600px;
}

.service-sub ul li:hover{
	border: 1px solid #3cafc4;
}
.service-sub ul li:hover a{
	color:#3cafc4;
	text-decoration:none;
}

.service-sub .implants-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -1px;
}
.service-sub .braces-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -1px;
	
}
.service-sub .cosmetic-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -114px;
	 
}
.service-sub .periodontal-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -114px;
}
.service-sub .root-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -227px;
}
.service-sub .oral-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -227px;
}
.service-sub .preventative-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -341px;
}
.service-sub .children-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -341px;
}
.service-sub .restorative-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -454px;
}
.service-sub .digital-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -454px;
}
.service-sub .dentures-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -567px;
}
.service-sub .crowns-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -567px;
}
.service-sub .porcelain-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -113px -681px;
}
.service-sub .sedation-serv a:hover span{
	background: url(images/serv-sprite.png) no-repeat -396px -681px;
}
.treat-img {
  float: right;
  margin: 4px 0 5px 8px;
}
/*------------------------ Navigation Starts --------------------------------*/
.navigation {
	font: normal 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ef3781;
	padding: 0px 30px 10px 11px;
}
.navigation a {
	font: normal 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #232323;
}
.navigation a:hover {
	text-decoration: underline;
}
/*-------------------------- textMain Starts -------------------------------*/
.textMain {
	font: normal 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #232323;
	padding: 10px 20px 30px 10px;
	text-align: justify;
}
.textMain a {
	color: #f04d8b;
	outline: none;
}
.textMain a:hover {
	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.gif) no-repeat 15px 12px;
	padding: 5px 0px 5px 26px;
	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 h1 {
	color:#ef3781;
	font: normal 24px/28px "arimoregular";
	margin: 0px 0px 15px 0px;
	text-align: left;
}
.textMain h2 {
	font: normal 21px/26px "arimoregular";
	color: #004c78;
	text-align: left;
}
.textMain h2 a {
	color: #1e1651;
}
.textMain h2 a:hover {
	text-decoration: underline;
}
.textMain h3 {
	font: normal 19px/24px "arimoregular";
	color: #45a5b6;
	text-align: left;
}
.textMain h3 a {
	color: #413a6b;
}
.textMain h3 a:hover {
	text-decoration: underline;
}
.textMain h4 {
	font: normal 16px/22px "arimoregular";
	color: #f077a7;
	text-align: left;
}
.textMain h4 a {
	color: #8eceeb;
}
.textMain h4 a:hover {
	text-decoration: underline;
}
.textMainBold {
	font: bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #232323;
	text-align: left;
}
.textMainBold a {
	color: #025384;
}
.textMainBold a:hover {
	text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
.textMain .pdf-links li {
    background: url(images/icon-pdf.gif) no-repeat 15px 11px !important;
    padding: 6px 0 0 35px;
	}
.pdf-links li a {
	text-decoration:none !important;
	}
.pdf-links li a:hover {
	text-decoration:underline !important;
	}
.pdf-links li a img {
	margin: 0px 10px 0px 0px !important; 
	}

/*-------------------------Other CSS------------------------------------------*/
.child-list ul li, .other-list ul li, .referral-form ul li{
  background: #75cede;
  border-radius: 10px;
  box-shadow: 0 3px 3px #9f9f9f;
  float: left;
  height: 30px;
  margin: 5px 10px 7px 0;
  padding: 10px 0 10px 15px;
  text-align: left;
  width: 44%;
}
.child-list ul li a, .other-list ul li a , .referral-form ul li a{
  color: #004c78;
  font: 14px/20px "arimoregular";
}
.multimedia-iframe iframe {
  border: none;
  height: 1173px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    border:2px solid #ef3781;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.children-dent-img {
  text-align: center;
}
.crown-procedure {
  float: left;
  width: 100%;
}
.crown-procedure li {
  float: left;
  margin: 10px 10% 0 0;
  width: 39%;
}
.crown-procedure li .treat-img {
  width: 100%;
}
.UseFul-links {
  height: auto;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 90%;
}
.UseFul-links img {
  border: 1px solid #666;
  float: left;
  margin: 2px;
  padding: 10px;
}
.review {
  height: auto;
  margin: 20px auto 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.review img {
  margin: 5px;
  padding: 0;
}
#backtotop {
  background: #81cddb none repeat scroll 0 0;
  bottom: 20px;
  float: right;
  font: 14px/30px verdana;
  height: 40px;
  width: 40px;
  position: fixed;
  right: 2px !important;
  text-align: center;
  border-radius:50%;
  z-index: 1500;
  
}
#backtotop a {
  color: #fff;
  display: block;
  margin: 3px 0 0 0px ;
}
.referral-form{
	width: 100%;
	float:left;
}
.ui-widget-content a {  color: #72C3E0 !important;}.ui-helper-reset p{	font-size: 95% !important;}.spl-offers span.textMainBold{  color: #3CAFC4;  font: bold 14px/18px Verdana,Geneva,Arial,Helvetica,sans-serif;}span.wpcf7-not-valid-tip{	margin: -30px 0px 0px 0px;}
/*------------------------general appintment CSS---------------------------*/
.contact-address {
  box-shadow: 0 5px 5px 0 #aaa;
  margin: 15px auto 30px;
  padding: 10px;
  width: 99%;
}
.contact-address, .contact-address .contact-address-right ul li img {
  border: 1px solid #70bdcb;
}
.textMain .contact-address h3 {
  background: #3cafc4 none repeat scroll 0 0;
  color: #fff;
  margin: 0;
  padding: 5px 10px;
}
.contact-address .contact-address-left {
  float: left;
  margin: 12px 0 0;
  width: 40%;
}
.contact-address .contact-address-right {
  float: right;
  width: 60%;
}
.contact-address .contact-address-right ul li {
  float: left;
  width: 42%;
}
.contact-ph {
    margin: 10px auto;
    width: 100%;
}
.contact-ph li {
  float: left;
  height: 35px;
  margin: 5px 4px 0 0;
  text-align: left;
  width: 44%;
}
.textMain .contact-address ul li, .textMain .contact-ph li, .textMain .pdf-list li, .textMain .wp-form ul li {
  background: none;
}
.contact-ph li img {
  margin: 2px 10px 0 0;
}
.contact-address-left img {
  margin: -2px 6px 0 0;
}
.mandatory-text {
  color: #f57f24;
}
/*---------------------------Our team css---------------------------*/
.our-team-img{
	width:100%;
	float:left;
}
.pract-dept, .oral-dept, .manage-dept, .dental-dept{
	width:473px;
	float: left;
	background:#75cede;
	color:#fff;
	font: normal 26px/28px "arimoregular";
	margin:16px 0 0 0;
	padding:10px 0px 10px 18px;
}
.dctrs-team{
	width:100%;
	float: left;
	margin:15px 0 0 0;
}
.dctrs-team ul li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #40b1c5;
  float: left;
  margin: 0 15px 15px 0;
  padding:5px;
  height:115px;
  width: 45%;
}

.dctrs-team ul li:hover{
	background: #dbeaed;
}
.dctrs-team ul li img {
  float: left;
  height: 115px;
  margin: 0px 0 0;
  border-radius:5px;
}
.dr-waleed > img {
  margin: 2px 0 0 !important;
}
.dr-intra {
  color: #3cafc4;
  float: left;
  font: 12px/18px Verdana,Geneva,Arial,Helvetica,sans-serif;
  padding: 25px 0 0 7px;
  text-align: left;
  width: 165px;
}
.dr-intra h3{
	font: normal 18px/24px "arimoregular";
	color:#004c78;
	margin:0;
}
.dr-intra a{
	font: italic 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#232323;
}
.dr-intra a:hover{
	color:#ef3781;
}
.dr-desig {
  border-bottom: 1px solid #75cede;
  margin: -12px 0 0;
  padding: 0 0 8px;
   font-weight: bold;
}
.dr-prof-img {
  border: 7px solid #ccc;
  float: right;
  margin: 7px 0px 5px 16px ;
}
.pract-man {
  font-weight: bold;
  margin: -12px 0 0;
}
/*-------------------------- form styles ---------------------------*/
.wp-form {
	border: 1px solid #75cede;
	margin: 21px auto;
	width: 99%;
	padding: 0 0 0 0;
}
.wp-form ul {
	margin: 15px 6%;
}
.wp-form ul li {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}
.wp-form ul.text li {
	width: 45%;
	float: left;
	margin-right: 5%;
	height: 30px;
}
.wp-form ul.text li input[type="text"], .wp-form ul.text li input[type="email"], .wp-form ul li textarea, .wp-form ul.captcha li input[ type="text"], .wp-form ul.text li select, .friend-form .your-message textarea {
	border: 1px solid #75cede;
	padding: 3px 5px;
	font:normal 13px/13px "MyriadProLightRegular";
}
.wp-form ul li textarea {
	width: 95%;
	height: 160px;
	font:normal 13px/13px "MyriadProLightRegular";
}
.wp-form ul.text li input[type="text"], .wp-form ul.text li input[type="email"] {
	height: 30px;
	width: 100%;
}
.wp-form ul.text li select {
	width: 100%;
	height: 29px;
}
.wp-form ul.captcha li img {
	width: auto;
	height: 31px;
}
.wp-form ul.captcha li input[type="text"] {
	height: 23px;
	width: 25%;
	margin: 0 0 0 2%;
}
.wp-form ul li.buttons input[type="submit"], .wp-form ul li.buttons input[type="reset"] {
	background: #75cede;
	padding: 3px 20px;
	border: 1px solid #75cede;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	margin: 10px 0 0 0;
}
.wp-form ul.testimonial-section li {
	float: left;
}
.wp-form ul.testimonial-section li label {
	font-weight: bold;
	margin: 0 10px 0 0px;
}
.wp-form ul.testimonial-section li.agree-text {
	width: 100%;
	font-weight: bold;
	text-align: left;
}
.wp-form ul.testimonial-section li.agree-text span.wpcf7-list-item {
	display: block;
}
.textMain .wp-form h3 {
	background: #75cede;
	font: bold 15px Verdana, Geneva, sans-serif;
	color: #ffffff;
	padding: 5px 0 5px 10px;
	margin: 0;
	clear: both;
}
.askdentist .wp-form ul.text li select {
  height: 37px;
  width: 104%;
}
/*----------------- Tell A friend Styles -----------------------------*/

#tell-main {
	opacity: 0.8;
	filter: alpha(opacity=80);
	background: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	display: none;
}
#tell-friend {
	top: 5%;
	left: 50%;
	margin: 0px 0px 0px -200px;
	width: 400px;
	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;
	display: none;
}
#tell-friend #close {
	width: 25px;
	height: 25px;
	color: #000000;
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: -68px -14px 0px 0px;
	padding: 0px;
	float: right;
	cursor: pointer;
	border-radius: 50%;
	background: #C9C9D6;
}
#tell-friend .form-container h2 {
	color: #39cae5;
	font: 26px/26px sans-serif;
	padding: 10px 0 0 10px;
}
#tell-friend .form-container .close {
	background: url(images/amazon-style-close-button-md.png) 0 0;
	padding: 0px;
	position: absolute;
	right: 0px;
}
#tell-friend .form-container a {
	float: right;
	margin: -30px 5px 0 0;
	width: 6%;
}
#tell-friend .form-container a {
	float: right;
}
.form-container .button-style input[type='reset'], .form-container .button-style input[type='submit'] {
	background: #69d3e6;
	color: #fff;
	padding: 6px 8px;
	border: none;
	cursor: pointer;
	font-weight: bold;
}
#tell-friend .form-container a:hover {
	color: #ff6600;
}
.friend-form input[type="text"], .friend-form input[type="email"], .friend-form textarea {
	border: 1px solid #69d3e6;
	margin: 6px 8%;
	padding: 4px 4px;
	text-decoration: none;
	vertical-align: middle;
	width: 81%;
}
.tell-captcha input[type="text"]{
	width: 18% !important;
}
.friend-form.tell-captcha {
  margin: 0 0 0 32px;
}
#tell-friend .wpcf7-captcha-captcha {
	height: auto;
	width: 160px;
	margin: 0 0 0 85px;
}
.wpcf7-captcha-captcha-177, .wpcf7-captchac {
	width: 200px;
	height: 60px;
}
.friend-form .your-message textarea {
	height: 80px;
	padding: 0px 4px !important;
}
.button-style {
	margin: auto 23%;
	width: 52%;
	float: none;
}
#tell-friend .form-container .close {
	background: url(images/amazon-style-close-button-md.png) 0 0;
	background-size: 100%;
	padding: 0px;
	right: -3px;
	top: 32px;
	height: 29px;
	width: 29px;
}
div.wpcf7 .watermark {
	color: #2b2b2b !important;
	font: normal 12px Verdana, Geneva, sans-serif;
}
/*--------------------------------FAQs CSS--------------------------------*/

.faq-tabs{
	float:left;
	width:100%;
}
.faq-tabs ul li{
	width:40%;
	background:#75cede;
	margin:0 0 5px 0;
	normal 20px/24px "arimoregular";
}
.faq-tabs ul li a{
	color: #fff;
}
.faq-tabs ul li a:hover{
	color: #ef3781;
}
.widget-title {
  display: none;
}
.chn-plugin {
  float: right;
  margin:32px 10px 0 0;
  padding: 10px;
  width:100px;
}
#qtranslate-2-chooser li {
  color: #000000;
  float: left;
  font: bold 11px Verdana,Geneva,sans-serif;
  width: 100px;
  padding:5px;
}
#qtranslate-2-chooser li a {
  color: #000000;
}
.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border: 4px solid #fff;
  outline: 1px solid #e5e3e2;
}
.book-online > a {
  background: #004c78 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-family: 'arimoregular';
  padding: 5px 15px;
  text-decoration: none;
}
.book-online {
    /* padding-bottom: 15px; */
    margin: 10px 0;
}
/* ------------------------------ Media Screen:940px CSS ------------------------------ */

@media screen and (max-width: 940px) {
#Content-Left {
  width: 68%;
}
	
.appointment { padding: 0 10px 0 0;  width: 40%;}
.baloon-tag {display: none;}
#Quick-links > div {  margin: 0 10px;}
.referrers{	float: right;}
.approach{	float:left;	margin: 2% 25% 0;}
.payment-plans{	left:10%;}
#Office-main {  margin: 0 3px;}
.loc-map{	float: none; margin:0 auto;}
.contact-email {  float: none;  margin: 20px auto 0;}
.foot-main{	margin: 53px 3px 0;}
.foot-menu {  width: 13%;}
.foot-services {  width: 44%;}
.foot-follow {  width: 18%;}
.foot-follow .smo li{	margin: 0 0 9px;}
.foot-search {  width: 25%;}
#txtsearch{	width:90%;}
.foot-copy {  margin: 0 0 0 3px;}
.foot-ypo {  margin: 0 2% 0 0;}
.sidebarR{width:68%;}
.textMain .service-sub ul li{width:90%;}
#Patient-main .journey {
  width:100%;
}
}


@media screen and (max-width: 810px) {
#Patient-main .journey {
  margin: 28px 0 0;
}
#Patient-main h3 {
  margin: 35px 0 0;
}
#Content-Left {
  width: 65%;
}
	
}
/* ------------------------------ Media Screen:768px CSS ------------------------------ */

@media screen and (max-width: 768px) {
#Content-Left {
  width: 61%;
}
.logo-slogen {  width: 45%;}
.appointment { width: 42%;}
.book {  margin: 0 3px 2px 0;}
.appointment p{text-align:left;}
.book, .location {  float: left;  text-align: left;  width: 93%;}
.foot-menu {width: 25%;}
.foot-services {width: 70%;}
.foot-follow {width: 20%;}
.foot-follow .smo { margin-top: 0;}
.foot-search { width: 35%;}
.sidebarR{width:67%;}
.journey li{margin:0 35px 0 0;}
#Patient-journey {  padding: 60px 0 5px 0;}
#Intra-Container-S #Interactivity .banner-text1, #Intra-Container-S #Interactivity .banner-text2, #Intra-Container-S #Interactivity .banner-text3{
	top:15px !important;
}
.chn-plugin {
  margin: 66px 10px 0 0;
}
.dctrs-team ul li {
  float: none;
  margin: 10px auto;
  width: 100%;
}
.pract-dept, .oral-dept, .manage-dept, .dental-dept {
  width: 100%;
  font: 22px/28px "arimoregular";
}

}
/* ------------------------------ Media Screen:640px CSS ------------------------------ */

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

	.dentist-logo, .logo-slogen, .appointment {
  display: inherit;
  margin: 0 auto;
  vertical-align: top;
}
.logo-slogen {
  display: block;
  text-align: center;
  width: 100%;
}
.appointment {
  display: block;
  margin: 60px auto 10px;
  text-align: center;
  width: 235px;
}
.appointment p{  text-align:center;}
#Interactivity .banner-text1, #Interactivity .banner-text2, #Interactivity .banner-text3  ,#Intra-Container-S .Intra-Tabs Banner_tabs Banner1_tabs{display:none;}
.book, .location {  width: 100%;}
.book {  margin: 0 3px 2px 0;}
.book a {text-align:left;}
.location a {  padding: 10px 57px 9px 22px; text-align:left;}
.surgery, .referrers, .approach {margin: 0 auto; float:none;}
.referrers{margin-top:10px !important;}
.surgery h3, .approach h3{padding:13px 0 0 0 ;}
.foot-services {  width: 75%;}
.foot-follow {  width: 30%;}
.foot-search {  width: 45%;}
.foot-copy p {  width: 99%;}
.foot-ypo {  border-left: none;  float: none;  margin: 0 auto;  width: 18%;}
footer {	background:#272727;}
.sidebarR{width:100%;}
.sidebarL{float: none; margin:0 auto;}
.textMain .service-sub ul li{	width:100%;}
#Patient-journey{background: #00507B;}
#Main-Menu{
		display: none;
	}
	#Mobile-Menu{ display: block;}
	
.display-none{
	display:none  !important;
}

.display-block{
	display:block  !important;
}

#Content-Left {
  width: 96%;
  float:left;
}
.Sidebar{
	clear:both;
	float:left;
	width:100%;
}
.meet-dr-s .meet-aside {
  float: left;
  margin: 14px 0 0 20px;
  width: 140px;
}
.meet-dr-s p {
  width: 100px;
  float: right;
  margin: 85px  9px 0 0;
}
.aside-treat li , .aside-referrers ul li{
background-repeat:repeat-x;
}
.aside-patient-journey {
  text-align: center;
  margin:10px 0 20px;
}
.journey-s li {
  text-align: left;
}
.aside-surgery {
  float: none;
  height: 200px;
  margin: 10px auto;
  position: relative;
  width: 310px;
  clear: both;
  text-align: center;
}
.aside-surgery h3 {
  color: #fff;
  margin: 35px 0 0;
  text-align: center;
  width: 249px;
  padding: 14px 0 0 0;
}
.aside-ofc-loc {
  float: none;
  height: 277px;
  margin: 10px auto;
  overflow: hidden;
  position: relative;
  width: 249px;
}
.logo-slogen {
  padding: 5px 0 0 5px;
}
.chn-plugin {
  margin: 20px auto;
  float:none;
}
.ofc-add-s-1 a{
	padding:0px!important;
}
.aside-ofc-loc .rslides li{
	background:#fff!important;
}
header,#Intra-Container{
	display:none;	
}
.chn-plugin {
  float: left!important;
  width: 230px;
    margin: 0px auto;
}
}

/* ------------------------------ Media Screen:480px CSS ------------------------------ */

@media screen and (max-width: 480px) {
.logo-slogen{width:69%;	}
.Intra-Tabs {
  display: none;
}
#Intra-Container #Interactivity, #Intra-Container-S #Interactivity{ height:auto;}
.value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-left, .value-added-services .nbs-flexisel-inner .nbs-flexisel-nav-right{
	display: none;
}
.health-head h3 {  font: bold 16px/18px "arimoregular";  margin: 10px 0 0 3px;  width: 54%;}
.health-phone {  font: bold 16px/17px "arimoregular";  width: 43%;}
.view-map {  bottom: 29%;  left: 20%;}
.view-map a {  padding: 10px 0 9px;}
.loc-foot {  font: 13px/14px "arimoregular";}
.loc-foot h3 {  font: 13px/15px "arimoregular";  margin: 6px 0 0 4px;  width: 49%;}
.loc-foot p {  width: 46%;  padding:0;  border-left: none;}
.loc-map .prev {  top: 37% !important;}
.loc-map .next {  top: 37% !important;}
.contact-email {  width: 93%;}
.foot-menu {  width: 30%;}
.foot-services {  width: 70%;}
.foot-services ul li {  width: 66%;}
.foot-search p {  margin-top: 24px;}
.foot-follow {  width: 40%;}
.foot-search {  width: 52%;}
.bill {  right: -21%;  top: 33%; }
 .plans {  left: -26%;  top: 36%;}
.plans span {  margin: -59px 0 0 -34px;}

#Patient-main .journey-s{	display: block;}
#Patient-main .journey-s {
  margin: 0px auto;
  width: 310px;
  display:none;
  float: none;
  position: relative;
}
#Patient-main .journey-s li{
	position:relative;
}
#Patient-main .journey-s li p{
	color:#FFF;
}
.down-arrow1, .down-arrow2, .down-arrow3, .down-arrow4{left:11%;}
#Payment-main{	display: none;}
#Payment-option .aside-payment{	display: block;	margin:0;}
#Payment-option .aside-payment ul{width:66%; margin:0 auto;}
.crown-procedure li{width:100%;}
.contact-address .contact-address-left {  width: 70%;}
.contact-address .contact-address-right {  float: none;  width: 97%;}
.contact-address .contact-address-right ul li {  width: 48%;  padding:0;  margin:0 5px 0 0;}
.contact-ph li{width:85%;}
.wp-form ul.text li{width:95%;}.child-list ul li, .other-list ul li, .referral-form ul li {  float: none;   margin: 0 auto 7px;    width: 94%;}
#Patient-main h3 {
  margin: 5px 0 25px;
}
.down-arrow1, .down-arrow2, .down-arrow3, .down-arrow4 {
  background: rgba(0, 0, 0, 0) url("images/down-arrow.png") no-repeat scroll 0 0;
  height: 30px;
  left: 142px;
  position: absolute;
  top: 46px;
  width: 30px;
  z-index: 151;
}
.meet-dr-s p {
  float: right;
  margin: 5px 9px 0 0;
  width: 100px;
}
.dr-prof-img {
  border: 7px solid #ccc;
  float: none;
  margin: 10px auto;
  width: 200px;
}
.contact-email ul li.buttons input[type="submit"], .contact-email ul li.buttons input[type="reset"] {
  font: 11px/13px "arimoregular";
  margin: 3px 0 0 2px;
  padding: 5px 10px;
}
.contact-email ul.captcha li input[type="text"] {
  width: 47%;
}
.contact-email .captcha .ypo-text {
  float: left;
  width: 56%;
}
}
@media screen and (max-width: 320px) {
.dctrs-team ul li img {
  margin: 15px 2px 0px 1px;
  width: 35%;
  height:auto;
}
.dr-waleed > img {
  margin: 15px 0 0 !important;
}
}