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

body{
	font-size: 100%;
        background: #dedede !important;
}
		/*Top Icon Menu*/
		.header-top-icons {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
		}
		.top-menu-mobile {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
			.top-menu-mobile li {
				height: 60px;
				width: 19%;
				display: block;
				float: left;
				text-align: center;
			}
				.top-menu-mobile li a {
					text-indent: -9999px;
					height: 60px;
					width: 100%;
					display: block;
				}
						.top-menu-mobile li.menu {
							border-right-style: solid;
							border-right-color: #fff;
							border-right-width: 1px;
							background-image: url(../images/mobile/menu_icon.png);
							background-position: center center;
							background-repeat: no-repeat;
						}
							.top-menu-mobile li.call {
								border-left-width: 1px;
								border-right-style: solid;
								border-left-style: solid;
								border-left-color: #fff;
								border-right-width: 1px;
								border-right-color: #fff;
								background-image: url(../images/mobile/call_icon.png);
								background-repeat: no-repeat;
								background-position: center center;
							}
						.top-menu-mobile li.appointment {
							border-left-width: 1px;
							border-right-style: solid;
							border-left-style: solid;
							border-left-color: #fff;
							border-right-width: 1px;
							border-right-color: #fff;
							background-image: url(../images/mobile/appointment_icon.png);
							background-repeat: no-repeat;
							background-position: center center;
						}
				.top-menu-mobile li.contact {
					border-left-width: 1px;
					border-right-style: solid;
					border-left-style: solid;
					border-left-color: #fff;
					border-right-width: 1px;
					border-right-color: #fff;
					background-image: url(../images/mobile/contact_icon.png);
					background-repeat: no-repeat;
					background-position: center center;
				}
				.top-menu-mobile li.directions {
					border-left-width: 1px;
					border-left-style: solid;
					border-left-color: #fff;
					background-image: url(../images/mobile/map_icon.png);
					background-repeat: no-repeat;
					background-position: center center;
				}
            .mobile-banner{
                width: 100%;
                height: auto;
                text-align: center;
            }
                .mobile-banner img{
                    width: 100%;
                }
            .logo{
                width: 100%;
                height: 127px;
                text-align: center;
            }
                .logo span{
                    display: block;
                    width: 100%;
                    height: 40px;
                    background: #45195D;
                    padding-bottom: 14px;
                    padding-top: 10px;
                }
                    .logo span label{
                        display: block;
                        color: #fff;
                        font-size: 12px;
                    }
                        label.office1{
                            float: left;
                            padding-left: 20px;
                        }
                        label.office2{
                            float: right;
                            padding-right: 20px;
                        }
        .middle-wrapper{
            padding-top: 0 !important;
           
        }
	.middle-wrapper.inner{
		width: 94%;
		padding-left: 3% !important;
		padding-right: 3% !important;
		margin-top: 3em;
	}
            .middle{
                 background: #fff;
                 padding-left: 1em;
                 padding-right: 1em;
                 float: left;
                 padding-bottom: 2em;
                 
                
            }
            h1, h2{
                color: #45195d;
            }
            h1{
                margin-top: 1em;
                font-size: 1.2em;
                width: 100%;
                text-align: center;
                
            }
            .para{
                text-align: left;
                color: #666666 !important;
		margin-bottom: 1em; overflow:hidden;
            }
		    .para img{
			float: left;
			margin-bottom: 5px;
			margin-right: 10px;
			width: 100px;
			border: 1px solid #46195C !important;
			border-radius: 5px;
		    }
	    .sp-banners img{
			width: 260px !important;
			text-align: center;
		    } 
            .testimonial-mob{
                background: #45195d;
                padding-top: 1em;
                padding-bottom: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                padding: 0.5em;
                border: 3px solid #7b2285 !important;
                border-radius: 5px;
                -webkit-box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    1px 1px 9px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         1px 1px 9px 0px rgba(50, 50, 50, 0.75);
            }
                .testimonial-text{
                    color: #666666 !important;
                }
                .testimonial-mob h2{
                    color: #fff;
                }
                .testimonial-mob a{
                    color: #f37f22 !important; 
                }
                .right-bar input[type="text"]{
                    text-align: center !important;
                }
                .brilliant-logo,.carecredit {
                    width: 100%;
                    display: block;
                    text-align: center;
                }
			.aad-logo{
                    width: 80%;
                    display: block;
                    text-align: center;
			border: solid 1px #ccc;
			margin-left:25px;
                }
                .social-share{
                width: 210px;
                height: 50px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 1em;
            }
                .social-share span{
                    display: block;
                    height: 28px;
                    width: 100%;
                }
                    .social-share span a{
                        display: block;
                        float: left;
                        width: 28px;
                        height: 28px;
                        margin-right: 4px;
                    }
                    .social-share span a.facebook{
                        margin-left: 59px;
                    }
                .social-share label{
                    display: block;
                    width: 100%;
                    height: auto;
                    float: left;
                    font-size: 18px;
                    text-align: center;
                    word-spacing: -2px;
                    margin-top: 12px;
                    color: #fff;
                }
                .footer ul {
                    display: block;
                    width: 320px;
                    height: 30px;
                    margin-left: auto;
                    margin-right: auto;
                    list-style: none;
                }
                    .footer ul li{
                        float: left;
                        width: 60px;
                    }
                        .footer ul li a{
                            font-size: 0.7em !important;
                            width: 60px;
                            text-align: center;
                            display: block;
                            height: 40px;
                            line-height: 40px;
                        }
                    .copyright{
                        width: 100%;
                        height: auto;
                        text-align: center;
                        font-size: 0.7em;
                    }
                    .powerdby{
                        width: 100%;
                        text-align: center;
                        font: 0.7em;
                    }
                    .ui-collapsible-inset, .ui-collapsible-set{
                        margin: 0 !important
                    }
                    .ui-collapsible{
                        margin: 0 !important;
                    }

.prod-bio{
    padding: 15px;
    border: 1px solid #45195d;
    width: 88%;
    margin-top: 10px; border-radius: 5px;
}

.yellow-button{
		background:#fdc94b;
		padding:10px;
		text-align:center;
		border:1px solid #0cb2e8;
		border-radius:10px;
		color:#000;	
	}

.high-letter{
		color:#1e8acb;
		font-size:34px;	
		line-height:18px;
		text-align:center;
	}
	.high-letter-2{
		color:#0cb2e8;
		font-size:24px;	
		text-align:center;
	}
	.high-letter-3{
		color:#0cb2e8;
		font-size:20px;	
	}
	
	.small-font{
		font-size:12px;			
	}
	.para-wrapper{
		width:95%;
		margin:auto;
		background:#00a4e4;
		padding:5px;	
	}
	.para-wrapper-white{
		width:95%;
		margin:10px auto;
		background:#FFFFFF;
		padding:5px;	
	}
	.stepcarousel {	
		position: relative;
		overflow: scroll;		
		height: 224px;
		margin-top:10px;
		width: 100%;
		margin-left:0px;
	}	
	.stepcarousel .belt {
		position: absolute;
		left: 0;
		top: 0;
	}
	.stepcarousel .panel {
		float: left;		
		height: 224px;
		overflow: hidden;
		margin: 0 0 0 0px;		
		width: 100%;		
	}	
	.stepcarousel .panel img{		
		width: 280px !important;
	}		
.clearfloat{
		clear:both;	
	}
/* Updated date - By Thuwan on 3/18/2015 */
.updated-date {
    display: block;
    background: url(../images/calendar-16.png) 0px 3px no-repeat;
    padding-left: 20px;
    color: #aaaaaa;
    font-style: italic;
}


.purple{
	background:#ceb7ce;
	border:1px solid #864786;
	padding:10px;
	margin:10px;
	clear:both;	
	color:#000;
}
.orange{
	clear:both;	
	background:#fbe7c7;
	border:1px solid #cc7a4b;
	padding:10px;
	margin:10px;
	color:#000;		
}
.purple .testimonial-footer{
	color:#864786;	
}

.quote-left{
	display:block;
	background:url(../images/qleft.png) left top; 	
	width:25px;
	height:25px;
	float:left;
	margin:0 10px 10px 0;
}
.quote-right{
	display:block;
	background:url(../images/qright.png)right top; 	
	width:25px;
	height:25px;
	float:right;
	margin:0 0px 10px 10px;
	clear:both;
}
.source{
	float:right;
	margin-bottom:10px;
	font-style:italic;
	color:#666;
	font-size:12px;		
}
.youtube-wrapper {
	width: 100%;
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Office Hours*/
.office-hours {
	width: 250px;
	padding-bottom: 15px;
}
.days {
	float: left;
	width: 90px;
	padding-top: 5px;
}
.time {float: left;
	width: 160px;
	padding-top: 5px;}
	
	.cool{
    text-align: center;
}
.cool a{
    text-decoration: none;
    color: #FFF !important;
}