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

@font-face {
    font-family: "MyriadWebProRegular";
    src: url("myriad_web_pro-webfont.eot");
    src: url("myriad_web_pro-webfont.eot?#iefix") format("embedded-opentype"),
         url("myriad_web_pro-webfont.woff") format("woff"),
         url("myriad_web_pro-webfont.ttf") format("truetype"),
         url("myriad_web_pro-webfont.svg#ShelleyRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
	background: #b5ebdb url(../images/background.jpg) repeat-x left top;
}

html, body, h2, h3, h4, h5, h6, p, input, textarea, select, form {
	font-family:"MyriadWebProRegular", Myriad Web Pro, Tahoma, Myriad Pro SemiCond ;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color:#333333;
}

h1 {
		font-size: 24px;
	font-weight: normal;
	color: #317336;
	margin:0px;
	padding:0px;
}

img.border {
	border: 2px solid #4eae98;
	background: #ef6868;
	padding: 0px;
}

.thumbnail-links {
	outline: none;
	text-decoration: none;
}
	.thumbnail-links img {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
		.thumbnail-links:hover img {
			 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}



img {
	border-style:none;
}

.parent {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	background: url(../images/header_repeat.jpg) repeat-x left top;
}

.wrapper-div {
	margin: auto;
	width: 1000px;
	overflow: hidden;
	padding-bottom: 20px;
}

.header-main {
	height: 217px;
	width: 1000px;
	overflow: hidden;
}

.header-logo {
	background-image: url(../images/logo.jpg);
	float: left;
	height: 217px;
	width: 309px;
	background-repeat: no-repeat;
	background-position: left top;
}

.header-add-tel {
	font-size: 24px;
	color: #111111;
	text-align: right;
	float: right;
	width: 320px;
	margin-top: 40px;
}

.bucket-menu-main {
	margin: auto;
	clear: both;
	width: 1280px;
	background-image: url(../images/header_buttons_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.green-text {
	font-size: 18px;
	font-weight: normal;
	color: #317336;
}

.top-menu {
	clear: right;
	float: right;
	height: 52px;
	width: 651px;
	margin-top: 32px;
}

.header-motto {
  	font-family: "ShelleyVolante BT","Edwardian Script ITC";
	font-weight: normal;
	color:#317336;
	font-size:30px;
	clear: right;
	float: right;
	margin-top: 0px;
}

.top-menu-line {
	background-image: url(../images/header-menu-line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 1px;
	width: 651px;
}

.top-menu-div {
	padding: 10px 0px 10px 0px;
}

.top-menu-link {
	margin-right:14px;
	float:left;
	background:url(../images/star.png) no-repeat left 2px;
	padding-left:18px;
}

.top-menu-link a {
	display:block;
	color:#007fb7;
	padding-top:1px;
	text-decoration:none;
	padding-top:2px;
}

.top-menu-link a:hover {
	color:#63a56a;
	text-decoration:none;
}

.top-menu-link a.selected {
	color:#63a56a;
	text-decoration:none;
}

#headerbuttonsback {
	background: url(../images/header_buttons_background.jpg) no-repeat center top;
	width: 100%;
}
#headerbuttonsback1{
	background: url(../images/header_buttons_background.jpg) no-repeat center top;
	width: 100%;
	height: 110px;
}
#headerbuttons {
	background: url(../images/home_header_buttons.png) no-repeat;
	width: 1000px;
	height: 210px;
	margin: 0 auto 0 -1px;
	position: absolute;
	/*z-index: 1000;*/
}
#headerbuttons1 {
	background: url(../images/home_header_buttons.png) no-repeat;
	width: 1000px;
	height: 110px;
	margin: 0 auto 0 -1px;
	position: absolute;
/*	z-index: 1000;*/
}
#header {
	width: 1000px;
	height: 455px;
	margin: 0 auto;
}
#header1 {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
}

.headerimg {
	background-position: center 65px;
	background-repeat: no-repeat;
	width: 1000px;
	height: 455px;
	position: absolute;
}

/* CONTROLS */
#headernav-outer {
	position: relative;
	top: 303px;
	margin: 0 auto;
	z-index: 1001;
}

#headernav {
	padding-left: 900px;
}

.btn {
	height: 30px;
	width: 30px;
	cursor: pointer;
}

#back {
	background-image: url(../images/btn_back.png);
	margin-left: 63px;
}

#next {
	background-image: url(../images/btn_next.png);
	margin-left: 5px;
}

#control {
	background-image: url(../images/btn_pause.png);
	margin-left: 32px;
}

.navigation_buttons {
	overflow:hidden;
	height:39px;
	width: 1000px;
	line-height: normal;
	font-weight: normal;
	margin-top:13px;
}

.navigation_buttons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navigation_buttons li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight:normal;
}

.navigation_buttons a {
	float: left;
	background: url(../images/sub-menu-left1-n.png) no-repeat left bottom;
	margin-top: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 13px;
	text-decoration: none;
	color: #007fb7;
	margin-right:1px;
	letter-spacing:0px;
	font-weight:bold;
}

.navigation_buttons a span {
	float: left;
	display: block;
	background: url(../images/sub-menu-righ1t-n.png) no-repeat right bottom;
	padding: 10px 15px 6px 0px;
	color: #007fb7;
	height:21px;
	font-weight:normal;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation_buttons a span {
	float: none;
}

/* End IE5-Mac hack */
.navigation_buttons a:hover span {
	color: #ffffff;
	font-weight:normal;
}

.navigation_buttons li.selected a {
	background-position: 0% +1px;
}

.navigation_buttons li.selected a span {
	background-position: 100% +1px;
	color: #ffffff;
	font-weight:normal;
}

.navigation_buttons a:hover, .navigation_buttons li.selected a:hover {
	background-position: 0% +1px;
}

.navigation_buttons a:hover span, .navigation_buttons li.selected a:hover span {
	background-position: 100% +1px;
}
.body {
	padding-top: 25px;
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
}
.body-sub {
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
}

.left-parent {
	float: left;
	width: 325px;
	padding-right: 0px;
}

.right-parent {
	float: left;
	width: 650px;
	padding-left: 15px;
}

.green-large-font {
	font-size: 24px;
	font-weight: normal;
	color: #317336;
}
.green-large-font1 {
	font-size: 15px;
	font-weight: normal;
	color: #0380ae;
}
.green-large-font1 img{
margin-right:10px;
width:165px;
height:53px;
float:left;
}
.blue-large-font {
	font-size: 24px;
	font-weight: normal;
	color: #007fb7;
}

.blue-medium-font {
	font-size: 18px;
	font-weight: normal;
	color: #007fb7;
}

.consulation {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a3dbca;
	width: 324px;
	margin-bottom: 20px;
	overflow: hidden;
}

.welcome-video {
	background-image: url(../images/welcome-video.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 230px;
	width: 300px;
}

.welcome-video a {
	height: 230px;
	text-decoration:none;
	color:#FFF;
	display:block;
	width: 300px;
}
.white-large-font {
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
	text-align: center;
	padding-top: 20px;
}
.blue-medium-font {
	font-size: 18px;
	font-weight: normal;
	color: #007fb7;
	text-decoration: none;
}

.watch-now {
	font-size: 14px;
	color: #317336;
	text-decoration: underline;
}

.appointment-1 {
	background-image: url(../images/appointment-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 285px;
	margin-top: 20px;
	padding-top: 27px;
	padding-left: 15px;
}
.photo {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.appointment-2 {
	background-image: url(../images/appointment-2.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right:15px;
	width: 270px;
	padding-left: 15px;
	padding-top: 10px;
}

.appointment-3 {
	background-image: url(../images/appointment-4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 300px;
}


.form {
font-size:14px;

}
.formfeild, textarea.formfeild, select.formfeild {
	background: #FFFFFF;
	border:#000 1px outset;
	width:270px;
	height:19px;
}
.button  {
	width:270px;
	background:url(../images/submit-bg.png) repeat-x left top;
	color:#FFFFFF;
	height:34px;
	border:none;
	font-size:16px;
	cursor: pointer;
}
/* Added by Asanka 18/01/2012 */

#divCalendar_appointmentdate_lbl{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px outset #000000;
    height: 18px;
    width: 263px !important;
}

	/* 15/05/2012 */

.testimonial-form{
    border-bottom: 1px dotted #317336;
    margin: 30px 0 30px 10px;
    padding-bottom: 25px;
	color: #000;
}
.submit-button{
    background-color: #317336;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-weight: bold;
    padding: 3px 0;
	cursor:pointer;
}
.testimonial-form input, .testimonial-form textarea{
	border: 1px solid #317336 !important;
	color: #000;
}
.form-title{
	margin-bottom: 15px;
}
.form_right{
	padding-bottom: 7px;
}
	/* 01/06/2012 */
	
.bucket-images{
	margin: 20px 0;
}		
.bucket-images-right{
    float: right;
    margin: 20px 0 15px 20px;
}	
.bucket-images .images, .bucket-images-right .images{
    border: 2px solid #FFFFFF;
    margin-right: 18px;
}
	
/* -------------- */
.home-testimonial {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #317336;
	float: left;
	/*width: 310px;*/
	padding-left: 15px;
	width: 625px; 
	margin-bottom: 15px;
}

.quote-1 {
	background-image: url(../images/quote-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 525px;
	padding-left: 30px;
}

.quote-2 {
	background-image: url(../images/quote-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 280px;
	padding-left: 30px;
}

.small-font {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: right;
	padding-top: 10px;
}

.welcome {
	background-image: url(../images/welcome.png);
	background-repeat: no-repeat;
	background-position: -6px top;
	clear: both;
	height: 27px;
	width: 149px;
	padding-top: 20px;
}

.content {
	padding-top: 15px;
	overflow: hidden;
}
.footer-main {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:240px;/***Changed 204 into 240 for toolbar -peer****/
	width: 100%;
}

.footer-motto {
	text-align:center;
  	font-family: "ShelleyVolante BT","Edwardian Script ITC";
	font-weight: normal;
	color:#317336;
	font-size:30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.copywrite {
	text-align: center;
	padding-top: 20px;
}

.footer-links {
	width: 1000px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}



.star-link {
	background:url(../images/star.png) no-repeat left 0px;
	padding-left:18px;
}
.star-link a {

	color:#007fb7;
	padding-top:1px;
	text-decoration:underline;
	padding-top:2px;
}

.star-link a:hover {
	color:#007fb7;
	text-decoration:none;
}

.footer-menu-line {
	background-image: url(../images/footer-link-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1px;
	width: 1000px;
}

a.ekwa:link  {
	color:#007fb7;
	text-decoration:underline;
	
}
a.ekwa:hover  {
	color:#007fb7;
	text-decoration:none;
}

a.email2:link {
	color:#007fb7;
	text-decoration:underline;
}
a.email2:visited {
	color:#007fb7;
	text-decoration:none;
}
a.email2:hover {
	color:#007fb7;
	text-decoration:none;
}
.left-consulation {
	width: 305px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3dbca;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
a.tour:link {
	font-size:24px;
	color:#317336;
	text-decoration:none;
}
a.tour:visited {
	font-size:24px;
	color:#317336;
	text-decoration:none;

}
a.tour:hover {
	font-size:24px;
	color:#4b4512;
	text-decoration:none;
}
.image_thumbs {
	outline: none;
	text-decoration: none;
}
.image_thumbs img {
	/*border: 1px solid #cfcfcf;*/
	padding:0px;
	background:#ece9e0;
	/*margin-bottom:5px;*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.image_thumbs:hover img {
	/*border-color: #cfcfcf;*/
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.article-menu-link {
	background:url(../images/star.png) no-repeat left 2px;
	padding-left:18px;
}

.article-menu-link a {
	color:#007fb7;
	text-decoration:none;
	
}

.article-menu-link a:hover {
	color:#63a56a;
	text-decoration:none;
}

.article-menu-link a.selected {
	color:#63a56a;
	text-decoration:none;
}
.social_media  {
	background:#ebfdfd; 
	border:2px solid #fff; 
	margin-top: 10px; 
	padding:10px;
	color:#006563;
	font-size: 18px;
}

.testimonial{
	padding:10px;
	color: #317336;
	font-style:italic;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #b1bbb2;
}

.bullet-link a{
	background: url(../images/star.png) no-repeat left center;
	padding-left:20px;
	text-decoration:none;
	color: #007FB7;
	font-weight:bold;
	font-size:15px;
}

.bullet-link a:hover{	
	text-decoration:underline;
	color: #63A56A;
}
/*edited by peer on 18-5-2012 tier2 bucket pages*/
.article-head{
	font-size: 24px;
	font-weight: normal;
	color: #317336;
	margin:15px 0px 10px 0px;
}
.article-title{
	font-size: 24px;
	font-weight: normal;
	color: #317336;
}
/* */
.repeated-christmas{
	height:30px;
	background:url(../images/christmas-border.png) repeat-x center;
	width:100%;
}
/*edited by peer 5-10-2013*/
.featured-article-menu-link {
	background:url(../images/star.png) no-repeat left 2px;
	padding-left:18px;
	font-size:15px;
}

.featured-article-menu-link a {
	color:#007fb7;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}

.featured-article-menu-link a:hover {
	color:#63a56a;
	text-decoration:none;
}

.featured-article-menu-link a.selected {
	color:#63a56a;
	text-decoration:none;
}
/**** Added by Thuwan on 6/07/2013 for NPS ****/
.rate-us {
  display: block;
  width: 300px;
  height: 47px;
  background: url(../images/nps2.png) bottom center no-repeat;
    color: #317336;
    font-size: 24px;
    padding-top: 13px;
    text-align: center;
    text-decoration: none;
    margin: 10px 0px 20px 0px;
}
.rate-us:hover {
  color: #007FB7;
  background: url(../images/nps2.png) top center no-repeat;
}

.right-video{
 	border:1px solid #cccccc;	
	padding:2px;
	background-color:#FFF;
	float:right;
	margin:0 0 10px 10px;
	text-align:center;
}
.right-video-details{
	background:#D6FEFC;
	padding:2px 0;
}

.video{
	float:left;
	width:200px;	
	margin:0 10px 10px 0;
	border:1px solid #4EAE98;
	text-align:center;
}
.video img{
	width:192px;
	padding:4px;	
}
.video img:hover{
	opacity:0.7;	
}
/*Dental Education Videos*/
.body-sub-dental-videos {
	background-color: #DAF5ED;
	border: 2px solid #FFF;
	padding: 5px;
	width: 986px;
}
.contentWrap {
	width: 986px;
	overflow: hidden;
}
#flashContent {
	width: 1000px;
	margin-left: -10px;
}
/*mobile*/
.mobile-dental-videos {
	background-color: #B5EBDB;
	background-image: url(../images/mobile/main-bg-mobile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.wrapper-mobile {
	width: 100%;
	margin-top: auto;
	margin-left: auto;
}
.header-logo-mobile {
	background-image: url(../images/logo.jpg);
	height: 217px;
	width: 309px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.wrapper-div-mobile {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
.footer-main-mobile {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:150px;/***Changed 204 into 240 for toolbar -peer****/
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content-mobile {
	background-color: #DAF5ED;
	width: 460px;
	border: 2px solid #FFF;
	padding: 8px;
	text-align: center;
	margin-bottom: 10px;
}
.menu-mobile {
	height: 64px;
	width: 465px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-left: 15px;
}
.menu-mobile ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.menu-mobile ul li {
	float: left;
	height: 45px;
	width: 155px;
	display: block;
	margin-left: 45px;
}
.menu-mobile ul li a, .menu-mobile ul li a:link {
	color: #007fb7;
	font-size: 15px;
	text-decoration: none;
	height: 35px;
	width: 155px;
	padding-left: 4px;
	padding-top: 10px;
	display: block;
	text-align: center;
}
.menu-mobile ul li.m1 {
	background-image: url(../images/mobile/home.png);
	background-repeat: no-repeat;
}
.menu-mobile ul li.m2 {
	background-image: url(../images/mobile/clicktocall.png);
	background-repeat: no-repeat;
}
.dental-video-navigation {
	padding-top: 10px;
	padding-bottom: 10px;
}
.video-navilist {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.video-navilist li {
	height: 45px;
	width: 460px;
	display: block;
	margin-bottom: 2px;
}
.video-navilist li a, .video-navilist li a:link {
	color: #007fb7;
	height: 33px;
	width: 440px;
	background-image: url(../images/mobile/menu-bg-mobile.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	text-decoration: none;
	text-align: left;
}
.mobile-video-wrapper {
	background-color: #000;
	border: 2px solid #0B8CB4;
	padding: 3px;
}
/*Convert  desktop site  to reponsive site Start - Dhanushka 2013-08-26*/
.hide-from-desktop{
	display:none;
}
/*call inline style*/
.social-media-img{
	width:478px;
}
.header-plugin{
	padding-top:5px;
}
/*Convert  desktop site  to reponsive site End */

/*voice and Video */
#-speakpipe-widget-side-button{
	background-color:#3fbbd0 !important;
	border:1px solid #baeee1 !important;
	top:48% !important;
}
#-speakpipe-widget-side-button-2{
	background-image:url(../images/record-video-msg.png);	
	background-repeat: no-repeat;
	background-position: center center;	
	background-color:#3fbbd0 !important;
	border:1px solid #baeee1 !important;
}
#-speakpipe-widget-side-button-2 a{
	display: block;
    height: 250px;
    width: 35px;	
}