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

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

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

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

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

body{	
	background: #ffffff;
}

html, body, h2, h3, h4, h5, h6, p, input, textarea, select, form {
	font-family: "latoregular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2f2f86;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h1, .para h2, .para h3, .para h4, .smile-gallery h2 {
	font-family: "Times New Roman", Times, serif;
}

.telephone, .address, .search-area .search-text, .appointment-button a, .smile-gallery .gallery-ba-text, .smile-gallery .gallery-link  a {
	font-family: "latolight", Arial, Helvetica, sans-serif;
}

.telephone .tel-number, .logo-tagline {
	font-family: "latobold", Arial, Helvetica, sans-serif;
}

.testimonials .testimonials-content {
     font-family: "dancing_scriptregular", Arial, Helvetica, sans-serif;
 }

.para h2, .para .h2-tag, .para h3, .para h4 {
	color: #65ba47;
	line-height: 1.0;
}

h1, h2, h3, h4{	
	text-transform: uppercase;
}

.main-menu ul li a, .footer .footer-menu ul li a, .footer .powered a{
	color: #2f2f86; /* Had to overwrite this color again to replace the common link color */
}

.holder:after, .main-menu ul:after, .socialmedia:after, .bucket-menu ul:after, .get-social ul:after, .content-wrapper .content-wrapper-middle .content-wrapper-inner:after, .search-area form:after, .contact-form form:after, .contact-hours-sub:after, .appoinment-form form:after, .right-content .main-content:after, .smile-gallery .gallery-ba-text:after, .gallery-wrapper:after,  .gallery-wrapper .gallery-ba-text:after, .e-books .book-wrapper:after, .footer .footer-menu ul:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

a, .logo-tagline, .smile-gallery h2, .smile-gallery .gallery-ba-text, .smile-gallery .gallery-link  a, .right-box-link a{
	color: #64b946;
}

a {
	text-decoration: none;
}

	a:hover {
		color: #396d26;
	}

img {
	border: 0px;
}

h1 {
	color: #ffffff;
	line-height: 0.8;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 4px 0px 30px 0px;
	margin: 0px;
	width: 520px;
	background: url(../images/header-title-bg.png) no-repeat left top;
}

h2 {
	font-size: 18px;
	margin: 9px 0px 5px 0px;
}

h3 {
	font-size: 18px;
	margin: 12px 0px 10px 0px;
}

h4 {
	font-size: 18px;
	margin: 14px 0px 10px 0px;
}

.separator-full, .separator-ba {
    margin: 25px 0 25px 0;
    width: 507px;
    height: 1px;
    background: url(../images/separator-full.png) no-repeat left top;;
}
.separator-ba {
    margin: 10px 0 10px 0;
}
.holder{
	width: 1000px;
	margin: 0px auto;
	position: relative;	
}

.hide-from-desktop {
	display: none;	
}

.scrollup {
	background: url(../images/icon_gototop.png) no-repeat left top;
    bottom: 20px;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px;
}

/* Header Styels - Start */

.header {
	position: relative;
	height: 174px;
	width: 1000px;
	background: url(../images/header-bg.png) no-repeat left top;
}

	.logo{
		width: 420px;
		height: 106px;
		position: absolute;
		left: 290px;
		top: 39px;
	}
	
		.logo-tagline{
			position: absolute;
			left: 185px;
			top: 146px;
		}
	
	.telephone{	
		font-size: 18px;
		line-height: 1.1;
		position: absolute;
		left: 20px;
		top: 66px;
	}

	.address{
		text-align: left;
		line-height: 1.3;
		position: absolute;
		left: 20px;
		top: 90px;
	}
	
		.address a{
			text-decoration: none;
		}
		
			.address .directions{
				color: #66bd44;
			}
			
				.address .directions:hover{
					color: #37831a;
				}

.socialmedia{
	position: absolute;
	top: 83px;
	right: 25px;
}

	.socialmedia .gplusbtn, .socialmedia .fblikebtn{
		float: left;
	}
	
		.socialmedia .gplusbtn{
			width: 66px;
			margin-left: 5px;
		}
		
			/* .socialmedia .twitterbtn{
				width: 85px;
			} */
			
.search-area {
	width: 202px;
	position: absolute;
	top: 49px;
	right: 23px;
}

	.search-area .search{
		text-align: left;		
		width: 190px;
		height: 20px;
		padding: 5px 7px 6px 8px;
		margin: 0px;
		background: url(../images/bg-images.png) no-repeat left -55px;
	}
	
		.search-area .search-text{
			background: none;
			border: 0px;
			width: 170px;
			font-size: 13px;
		}
		
			.search-area .go-button{
				text-indent: -9999px;
				width: 16px;
				height: 16px;
				position: absolute;
				right: 6px;
				top: 3px;
				border: 0px;
				cursor: pointer;
				margin: 0px;
				background: url(../images/search-go-button.png) no-repeat left top;
			}
			
.appointment-button{
	width: 176px;
	height: 23px;
	position: absolute;
	top: 114px;
	right: 23px;
	background: url(../images/bg-images.png) no-repeat left top;
}

	.appointment-button a{
		color: #ffffff;
		display: block;
		padding: 3px 0px 0px 14px;
	}
	
		.appointment-button a:hover{
			color: #b3f09d;
		}

.main-menu ul, .footer .footer-menu ul, .get-social ul, .bucket-menu ul{
	list-style-type: none;
}

.main-menu{
	position: absolute;
	top: 8px;
	left: 38px;
}

		.main-menu ul, .bucket-menu ul{
			margin: 0px;
			padding: 0px;		
		}
		
			.main-menu ul li{
				float: left;
				padding: 0px 10px 0px 0px;
			}
			
				.main-menu ul li.first{
					padding: 0px 9px 0px 0px;
				}
				
					.main-menu ul li a {
						line-height: 0.8;
						text-align: center;
						font-size: 12px;
						letter-spacing: -0.1px;
						display: block;
						padding: 8px 2px 4px 1px;
						margin: 0px;
					}
						
						.main-menu ul li a:hover, .main-menu ul li a.selected{
							background: url(../images/menu-hover-bg.png) repeat-x left 20px;
						}
						
.banner{
	width: 1000px;
	height: 261px;
	position: relative;
	top: 0px;
}

	.banner-inner{
		width: 1000px;
		height: 152px;
		position: relative;
		top: 0px;
	}						

.bucket-menu{
	position: relative;
    top: -13px;
    width: 1000px;
    z-index: 100;
	background: url(../images/bucket-menu-bg.png) no-repeat left 12px;
}
		
	.bucket-menu ul{
		margin: 0px 0px 0px 3px;
	}
	
		.bucket-menu ul li{
			display: inline;
			padding: 0px;
			text-align: center;
		}
		
			.bucket-menu ul li.first a{
				margin: 0px 11px 0px 14px;
			}
			
				.bucket-menu ul li a{
					color: #ffffff;
					font-size: 15px;
					line-height: 1.05;
					float: left;
					margin: 0px 11px 0px 0px;
					padding: 7px 0px 0px 20px;
				}
				
					.bucket-menu ul li a span{
						display: block;
						float: none;
						height: 50px; /* height: 58px; */
						padding: 20px 20px 0px 0px;
					}
					
						.bucket-menu ul li a:hover, .bucket-menu ul li a.selected{
							color: #42bce8;
							padding: 0px 0px 0px 20px;
							background: url(../images/bucket-menu-hover-left-bg.png) no-repeat left top;
						}
						
							.bucket-menu ul li a:hover span, .bucket-menu ul li a.selected span{
								display: block;
								float: none;
								height: 58px;
								padding: 19px 20px 0px 0px;
								background: url(../images/bucket-menu-hover-right-bg.png) no-repeat right top;
							}
		
/* Drop Down Menu Styles - Start */									

.Top_menu_Items {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	border: 0px;
	margin: 0px 0px 0px -57px;   /* margin: 7px 0px 0px -57px; */
}

	.Top_menu_Items .bucket-drop-top{
		width: 221px;
		height: 27px;
		background: url(../images/bucket-drop-top-bg.png) no-repeat left top;
	}
	
		.Top_menu_Items .bucket-drop-middle{
			width: 209px;
			left: 6px;
			position: relative;
			background: url(../images/bucket-drop-middle-bg.png) repeat-x left top #2b749d;
		}
		
			.Top_menu_Items .bucket-drop-border{
				width: 221px;
				background: url(../images/bucket-drop-middle-border.png) repeat-y left top;
			}
			
				.Top_menu_Items .bucket-drop-bottom{
					width: 221px;
					height: 14px;
					background: url(../images/bucket-drop-bottom-bg.png) no-repeat left top;
				}

					.Top_menu {
						float: left;
					}
					
						.Top_menu_Links {
							text-align: center;	
						}

							a.DropDownLinks {
								font-size: 15px;
								color: #ffffff;
								text-align: center;	
								line-height: 0.9;
								text-align: center;
								display: block;
								padding: 10px 0px 12px 0px;
								background: url(../images/bucket-drop-seperator.png) no-repeat center bottom;
							}
								
								a.DropDownLinks:hover {
									color: #a7e2f9;
								}
								
									.Top_menu_Links a.first {
										padding: 7px 0px 11px 0px;
									}
									
										.Top_menu_Links a.last-menu {
											background: none;
											padding: 8px 0px 6px 0px;
										}
										
											.common-submenu{
												margin: 0px 0px 0px -20px;
											}
											
												.common-submenu .submenu-middle{
													background: #3aa4cf;
												}
												
													.common-submenu .submenu-middle a.DropDownLinks{
														font-size: 12px;
														color: #ffffff;
														padding: 6px 8px 8px 8px;
														background: #none;
													}
													
														.common-submenu .submenu-middle a.DropDownLinks:hover{
															color: #d0f2ff;
														}
									

/* Drop Down Menu Styles - End */

.content-wrapper {
	margin: -13px 0px 0px 0px;
	width: 1000px;
	position: relative;
}

	.content-wrapper .content-wrapper-top{
		width: 1000px;
		height: 21px;
		background: url(../images/content-wrapper-top-bg.png) no-repeat left top;
	}

		.content-wrapper .content-wrapper-middle{
			width: 1000px;
			background: url(../images/content-wrapper-bg.png) repeat-y left top;
		}
			
.left-content{
	width: 202px;
	float: left;
	margin: 14px 0px 0px 15px;
	text-align: center;
}

	.left-content h2{
		font-size: 16px;
		line-height: 1.3;
		text-transform: uppercase;
		margin: 0px;
		padding: 16px 0px 2px 0px;
	}
	
.welcome-video {
	width: 202px;
	height: 202px;
	background: url(../images/left-boxes.png) no-repeat left top;
}

	.welcome-video .readmore-link, .left-boxes .readmore-link{
		width: 202px;
		height: 25px;
		margin: 14px 0px 0px 0px;
		background: url(../images/bg-images.png) no-repeat left -112px;
	}
	
		.welcome-video .readmore-link a, .left-boxes .readmore-link a{
			color: #ffffff;
			font-size: 13px;
			display: block;
			padding: 5px 0px 0px 0px;
		}
		
			.welcome-video .readmore-link a:hover, .left-boxes .readmore-link a:hover{
				color: #a9ff8a;		
			}

				@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome and Safari Hack */
					.welcome-video .readmore-link {
						margin: 17px 0px 0px 0px;
					} 
				}
				
.email-us-form{
	width: 202px;
	margin: 14px 0px 0px 0px;
}

	.email-us-form-top{
		width: 202px;
		height: 14px;
		background: url(../images/left-boxes.png) no-repeat left -239px;
	}
	
		.email-us-form .email-us-form-middle{
			width: 202px;
			background: url(../images/form-bg.png) repeat-y left top;
		}
		
			.email-us-form h2{
				color: #ee3d23;
				padding: 0px;
				line-height: 0.9;
			}
			
				.email-us-form .email-form{
					margin: -2px 0px 0px 0px;
				}
				
.left-boxes{
	width: 202px;
	height: 92px;
	margin: 15px 0px 0px 0px;
	background: url(../images/left-boxes.png) no-repeat left -296px;
}

	.offers h2{
		color: #ee3d23;
		padding: 17px 0px 2px 0px;
	}
	
		.left-boxes .readmore-link{
			margin: 7px 0px 0px 0px;
		}

.right-content{
	width: 783px;
	float: right;
}

	.right-content .main-content .inner-left{
		width: 520px;
		margin: 0px 0px 0px 23px;
		float: left;
	}
	
		.right-content .main-content .inner-left .para{
			line-height: 1.7;
			padding: 0px 8px 0px 8px;
		}
		
			.right-content .main-content .inner-left .sub-para{
				margin: 3px 0px 0px 0px;
				padding: 0px 5px 0px 8px;
			}
			
				.right-content .main-content .inner-left .para ul{
					/*margin: 0px;*/
                    margin: 10px 0 15px 0;
					padding: 0px;
					list-style-type: none;
				}
					
					.right-content .main-content .inner-left .para ul li{
						padding: 0px 0px 0px 30px;
						margin: 0px;
						background: url(../images/bullet.png) no-repeat 17px 10px;
					}
					
						.right-content .main-content .inner-left .para h2.sub-heading{
							font-size: 20px;
							margin: 26px 0px 10px 0px;
						}

                            .right-content .main-content .inner-left .para .h2-tag{
                                font-size: 16px;
                                margin: -5px 0px 15px 0px;
                            }
                                .right-content .main-content .inner-left .para h3{
                                    font-size: 16px;
                                    color: #31A1D6;
                                    margin: 26px 0px 10px 0px;
                                }
                                    .right-content .main-content .inner-left .para h3.subheading{
                                        font-size: 20px;
                                        text-transform: none;
                                        line-height: 22px;
                                    }
                                        .right-content .main-content .inner-right{
                                            width: 208px;
                                            float: right;
                                            margin: 11px 11px 0px 0px;
                                        }
					
.staff-images {
    float: left;
    margin: 3px 21px 9px -5px;
}

.smile-gallery{
	margin: 20px 0px 0px 0px;
	text-align: center;
}

	.smile-gallery-inner{
		margin: 23px 0px 20px 0px;
	}

		.smile-gallery h2{
			text-align: center;
			margin: 11px 0px 0px 0px;
		}
		
			.smile-gallery .smile-gallery-top, .smile-gallery .smile-gallery-btoom{
				width: 523px;
				height: 1px;
				background: url(../images/gallery-border.png) no-repeat left top;
			}
			
				.smile-gallery .smile-gallery-btoom{
					margin: 12px 0px 0px 0px;
				}
			
					.smile-gallery .gallery-text{
						position: absolute;
						top: 106px;
						left: 68px;
					}

						.smile-gallery .gallery-ba-text .after{
							left: 262px;
							position: absolute;
						}

							/*Gallary */
							.smile-gallery .gallery_background, .logo-gallery .gallery_background, .get-social .gallery_background{
								width: 417px;
								height: 125px;
								padding: 0px;
								margin: 21px 0px 5px 76px;
							}
							
								.smile-gallery-inner .gallery_background{
									margin: 18px 0px 5px 76px;
								}

                                .scroller {
                                    /*padding: 20px 0 0 55px;*/
                                    /*position: relative;*/
                                }
									.smile-gallery .stepcarousel, .logo-gallery .stepcarousel {
										position: relative;
										border: 0;
										overflow: scroll;
										width: 366px;
										height: 134px;
									}
								
										.smile-gallery .stepcarousel .belt, .logo-gallery .stepcarousel .belt {
											position: absolute;
											left: 0;
											top: 0;
										}
								
											.smile-gallery .stepcarousel .panel, .logo-gallery .stepcarousel .panel {
												float: left;
												overflow: hidden;
												padding-top: 0px;
												width: 366px;
												height: 134px;
												margin-right: 30px;							
												padding: 0px 33px 0px 0px;
												text-align: center;
											}
								
												.smile-gallery .galleryThumb {
													width: 366px;
													height: 134px;
													border: 0;
												}
												
													.smile-gallery .gallery-link{
														display: block;
														width: 523px;
														margin: 17px 0px 0px 0px;
														text-align: center;
													}
														
														.smile-gallery .gallery-link a:hover{
															color: #2f7118;
														}


												
.e-books{
	width: 208px;
	height: 180px;
	background: url(../images/right-boxes.png) no-repeat left top;
}

	.e-books .book-wrapper{
		margin: 18px 0px 0px 13px;
	}
	
		.e-books img{
			float: left;
		}
		
			.e-books img.books{
				margin: 0px 1px 0px 0px;
			}

				.right-box-header{
					color: #ffffff;
					text-align: center;
					text-transform: uppercase;
					width: 198px;
					height: 25px;
					position: relative;
					top: 5px;
					left: 5px;
					padding: 6px 0px 0px 0px;
					background: url(../images/bg-images.png) no-repeat left -439px;
				}
				
					.right-box-link {
						margin: 15px 0px 0px 1px;
						text-align: center;
					} 
				
						.right-box-link a{
							display: block;
							padding: 5px 0px 0px 0px;
						}
						
							.right-box-link a:hover{
								color: #235c0f;		
							}
								
.testimonials, .faq {
	width: 208px;
	margin: 9px 0px 0px 0px;
}
							
	.testimonials .testimonials-top, .faq .faq-top{
		height: 138px;
		width: 208px;
		background: url(../images/right-boxes.png) no-repeat left -212px;
	}
							
		.testimonials .testimonials-middle, .faq .faq-middle{
			width: 178px;
			padding: 0px 16px 16px 16px;
			background: url(../images/testimonial-middle-bg.png) repeat-y left top;
		}
									
			.testimonials .testimonials-content-top{
				margin: 19px 0px 0px 15px;
			}
			
				.testimonials .testimonials-content {
					font-size: 16px;
					line-height: 1.4;
				}
				
					.testimonials .testimonials-photo {
						float: left;
						margin: 1px 8px 0px 0px;
					}
					
						.testimonials .testimonials-name{
							display: block;
							margin: 19px 0px 0px 0px;
						}
						
							.testimonials .testimonials-link, .faq .faq-link {
								height: 34px;
								width: 208px;
								margin: 0px;
								padding: 10px 0px 0px 0px;
								background: url(../images/right-boxes.png) no-repeat left -383px;
							}
							
.articles{
	width: 208px;
	height: 106px;
	margin: 9px 0px 0px 0px;
	background: url(../images/right-boxes.png) no-repeat left -462px;
}

	.articles .right-box-header{
		width: 198px;
		height: 45px;
		padding: 7px 0px 0px 0px;
		line-height: 1.25;
		background: url(../images/bg-images.png) no-repeat left -496px;
	}
	
		.articles .right-box-link {
			margin: 25px 0px 0px 1px;
		}

.faq {
	text-align: center;
	margin: 11px 0px 0px 0px;
}

	.faq .faq-top{
		height: 102px;
	}
		
		.faq .faq-content {
			font-size: 13px;
			line-height: 1.6;
		}

			.faq .faq-content-top {
				margin: 18px 0px 0px 15px;
			}
			
				.faq .faq-middle{
					padding: 0px 16px 12px 16px;
				}
				
					.faq .faq-link {
						height: 40px;
						padding: 5px 0px 0px 0px;
					}
					
.bottom-wrapper{
	padding: 0px 0px 12px 0px;
	position: relative;
}

.logo-gallery{
	text-align: center;
	width: 971px;
	height: 105px;
	padding: 1px 0px 0px 0px;
	margin: 17px 0px 0px 16px;
	background: url(../images/logo-wrapper.png) no-repeat left top;
}

	.logo-gallery .gallery_background{
		width: 842px;
		height: 85px;
		margin: 10px 0px 10px 71px; /* margin: 43px 0px 51px 49px; */
	}

		.logo-gallery .stepcarousel{
			width: 842px;
			height: 85px;
		}
	
			.logo-gallery .stepcarousel .panel{
				width: 157px;
				height: 85px;
				margin-right: 6px;							
				padding: 0px 5px 0px 0px;
				text-align: center;
			}

				.logo-gallery .galleryThumb {
					width: 157px;
					height: 85px;
					border: 0;
				}	
				
.get-social{
	text-align: center;
	width: 362px;
	height: 74px;
	padding: 1px 0px 0px 0px;
	margin: 13px 0px 0px 319px;
	background: url(../images/smo-bg.png) no-repeat left top;
}	
				
	.get-social h2{
		color: #ffffff;
		font-size: 12px;
		margin: 5px 0px 0px 0px;
		text-transform: none;
	}

		.get-social .gallery_background{
			width: 300px;
			height: 37px;
			margin: 4px 0px 10px 32px; /* margin: 43px 0px 51px 49px; */
		}

			.get-social .stepcarousel{
				width: 304px;
				height: 37px;
			}
		
				.get-social .stepcarousel .panel{
					width: 68px;
					height: 37px;
					margin-right: 3px;							
					padding: 0px 5px 0px 0px;
					text-align: center;
				}

					.get-social .galleryThumb {
						width: 68px;
						height: 37px;
						border: 0;
					}
					
/* Sub Page Styels - Start */

.google-map {
	margin: 40px 0px;
	width: 420px;
}
.img-right {
    float: right;
    margin: 10px 0 5px 20px;
    border: 1px solid #E2E2E2;
}
    .img-full {
        margin-bottom: 10px;
    }
        .img-left {
            float: left;
            margin: 5px 20px 5px 0;
        }

.para .testimonial-content {
    font-size: 18px;
    line-height: 26px;
    font-family: "dancing_scriptregular", Arial, Helvetica, sans-serif;
}
    .para .testimonial-name {
        font-size: 20px;
        margin-top: 12px;
        text-align: right;
    }

        .testimonial-tbl td {
            margin: 0;
            padding: 0;
            width: 93px;
        }
            .testimonial-tbl .separator-full {
                margin: 8px 0;
            }
                .testimonial-tbl .link-img {
                    width: 83px;
                    height: 100px;
                    margin-left: 4px;
                    margin-right: 4px;
                }
.review-form, .contact-us-form {
    padding-top: 20px;
    margin-bottom: 40px;
}
    .app-request-form {
        width: 360px;
        padding: 25px 0 0 100px;
    }

.staff .member {
    margin: 20px 0 30px 0;
}

    .member .member-detail {
        float: left;
    }

        .member .member-image {
            float: left;
            margin-left: 40px;
        }
            .contact-info, .office-hours, .payment-methods, .warranties {
                margin: 40px 0 0 0;
            }


.list-char {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
    .question {
        margin-bottom: 10px;
    }
        .question .number {
            float: left;
            width: 50px;
            font-size: 18px;
            font-weight: bold;
            font-family: "Times New Roman", Times, serif;
        }
            .question .que {
                float: left;
                width: 30px;
                font-size: 18px;
                font-weight: bold;
                font-family: "Times New Roman", Times, serif;
            }
                .question .que-text {
                    float: left;
                    width: 427px;
                    line-height: 20px;
                    padding-top: 5px;

                }

    .answer {
        display: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #2f2f86;
    }
        .answer .number {
            float: left;
            width: 50px;
            font-size: 18px;
            font-weight: bold;
            font-family: "Times New Roman", Times, serif;
        }
            .answer .ans {
                float: left;
                width: 30px;
                font-size: 18px;
                font-weight: bold;
                font-family: "Times New Roman", Times, serif;
            }
                .answer .ans-text {
                    float: left;
                    width: 427px;
                    line-height: 20px;
                    padding-top: 5px;
                }

.social-panel {
    float: left;
    margin-right: 7px;
}
    .before-after {
        width: 406px;
        margin: 0 auto;
    }
        .before-after .ba-name {
            text-align: center;
            color: #65ba47;
            font-size: 16px;
        }
.list-of-characters {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
}
    .list-of-characters span {
        display: inline-block;
        margin: 0 5px 0 5px;
    }
        .list-of-characters span a{
            text-decoration: underline;
        }
        .manager-message-title {
            text-align: center;
            line-height: 18px;
            margin-bottom: 10px;
        }
            .manager-message-title a {
                font-weight: bold;
                display: block;
                padding: 5px;
                background: #ECECEC;
                border-radius: 10px 10px 0 0;
            }
                .manager-message {
                    display: none;
                    background: #ECECEC;
                    padding: 10px;
                    margin: -10px 0 20px 0;
                    border-radius: 0 0 10px 10px;
                }
.holistic-dental-care-ad {
    margin: 20px 0 0 0;
    border: 1px solid #dddddd;
}
.self-test-form ol li {
    background-color: #ECECEC;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
}

.answer-type {
    margin: 20px 0;
}
    .answer-type .answer-head {
        background: #31A1D5;
        border-radius: 10px 10px 0 0;
        padding: 10px;
        /*color: #fff;*/
        font-weight: bold;
    }
        .answer-type .answer-text {
            background: #98D0EB;
            padding: 10px;
            border-top: 2px solid #ddd;
            border-bottom: 2px solid #ccc;
        }

        .ad-section .ad-thumb {
            margin: 10px 0;
        }
        .ad-section .ad-thumb img {
            border-radius: 10px;
            border: 1px solid #F7F7F7;
        }
/* Sub Page Styels - End */					

/* Footer Styels - Start */

.footer-wrapper {
	width: 100%;
}

	.footer-wrapper .footer {
		font-size: 13px;
		text-align: center;
		width: 1000px;
		height: 115px;
		margin: 0px auto;
		position: relative;		
		background: url(../images/footer-bg.png) no-repeat left top;
	}
										
			.footer .footer-menu ul{
				margin: 0px 0px 16px 0px;
				padding: 18px 0px 0px 114px;
			}

				.footer .footer-menu ul li{
					float: left;		
					margin-right: 17px;
					line-height: 0.9;			
				}
				
					.footer .footer-menu ul li a{
						display: block;
						padding: 0px 0px 8px 0px;
					}
				
						.footer .footer-menu ul li a.selected, .footer .footer-menu ul li a:hover{
							background: url(../images/menu-hover-bg.png) repeat-x left -24px;
						}
												
							.footer .copyright{						
								padding: 3px 0px 3px 0px;
								line-height: 1.2;
							}

								.footer .powered a{
									text-decoration: underline;
								}
								
									.footer .powered a:hover{
										color: #3093b0;
									}

/* Footer Styels - End */					
	
/* The Nivo Slider styles */
.nivoSlider {
	position: absolute;
	width: 1000px;
	height: 261px;
	overflow: hidden;
	float: left;
	margin: 0px !important;
}

	.nivoSlider img {
		position: relative;
		top: 0px;
		left: 0px;
		width: 1000px;
		height: 261px;
		max-width: none;
	}

		.nivo-main-image {
			display: block !important;
			position: relative !important; 
			width: 100% !important;
		}

	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		z-index: 6;
		display: none;
		background: none;
	}

		/* The slices and boxes in the Slider */
		.nivo-slice {
			display: block;
			position: absolute;
			z-index: 5;
			height: 100%;
			top: 0;
		}

			.nivo-box {
				display: block;
				position: absolute;
				z-index: 5;
				overflow: hidden;
			}

				.nivo-box img {
					display: block;
				}

		/* Caption styles */
		.nivo-caption {
			position: absolute;
			left: 0px;
			bottom: 0px;
			background: #000;
			color: #fff;
			width: 100%;
			z-index: 8;
			padding: 5px 10px;
			opacity: 0.8;
			overflow: hidden;
			display: none;
			-moz-opacity: 0.8;
			filter:alpha(opacity=8);
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}

			.nivo-caption p {
				padding: 5px;
				margin: 0px;
			}

				.nivo-caption a {
					display: inline !important;
				}

					.nivo-html-caption {
						display: none;
					}

		/* Direction nav styles (e.g. Next & Prev) */
		.nivo-directionNav a {
			position: absolute;
			top: 45%;
			z-index: 9;
			cursor: pointer;
		}

			.nivo-prevNav {
				left: 0px;
				margin-left:2px
			}

				.nivo-nextNav {
					right: 0px;
					margin-right:2px
				}

		/* Control nav styles (e.g. 1,2,3...) */
		.nivo-controlNav {
			text-align: center;
			padding:  15px 0px;
		}
			.nivo-controlNav a {
				cursor: pointer;
			}
				.nivo-controlNav a.active {
					font-weight: bold;
				}
				
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:url(../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
}

	.theme-default .nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	
		.theme-default .nivoSlider a {
			border:0;
			display:block;
		}

			.theme-default .nivo-controlNav {
				text-align: center;
				padding: 20px 0;
			}
			
				.theme-default .nivo-controlNav a {
					display:inline-block;
					width:22px;
					height:22px;
					background:url(../images/bullets.png) no-repeat;
					text-indent:-9999px;
					border:0;
					margin: 0 2px;
				}
				
					.theme-default .nivo-controlNav a.active {
						background-position:0 -22px;
					}

						.theme-default .nivo-directionNav a {
							display:block;
							width:30px;
							height:30px;
							background:url(../images/arrows.png) no-repeat;
							text-indent:-9999px;
							border:0;
							opacity: 0;
							-webkit-transition: all 200ms ease-in-out;
							-moz-transition: all 200ms ease-in-out;
							-o-transition: all 200ms ease-in-out;
							transition: all 200ms ease-in-out;
						}
						
							.theme-default:hover .nivo-directionNav a {
								opacity: 1;
							}
				
								.theme-default a.nivo-nextNav {
									background-position:-30px 0;
									right:15px;
								}
							
									.theme-default a.nivo-prevNav {
										left:15px;
									}

										.theme-default .nivo-caption {
											font-family: Helvetica, Arial, sans-serif;
										}
										
											.theme-default .nivo-caption a {
												color:#fff;
												border-bottom:1px dotted #fff;
											}
											
												.theme-default .nivo-caption a:hover {
													color:#fff;
												}

													.theme-default .nivo-controlNav.nivo-thumbs-enabled {
														width: 100%;
													}
													
														.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
															width: auto;
															height: auto;
															background: none;
															margin-bottom: 5px;
														}
														
															.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
																display: block;
																width: 120px;
																height: auto;
															}