@charset "utf-8";
/* CSS Document */
body {
	font-family: Helvetica,Arial,sans-serif;
	background: #AB9EC6;
	margin:0px;
	padding:0px;
	color: #000000;}
p{
	margin: 0px;
}
.clear_floats{
	clear: both;
}
.ui-content{
	padding: 0px 5px 5px 5px;
	overflow-x: visible;
}
.ui-body-c, .ui-overlay-c {
	text-shadow: none;
		background-image: none;
	background: #AB9EC6;
    color: #000000;
}
.ui-body-c .ui-link{
	color:#000000;
	text-decoration:none;}
.ui-body-c .ui-link:visited{
	color:#000000;
	text-decoration:none;}
.ui-body-c .ui-link:active{
	color:#000000;
	text-decoration:none;}
.ui-body-c .ui-link:hover{
	color:#000000;
	text-decoration:none;}
.ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit {
	color:#000000;
}
.ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit{
	color:#000000;
}
input.ui-input-text{
	color: #000;
    background: #fff;
}
textarea.ui-input-text{
	color: #000;
    background: #fff;
}

.ui-btn-up-c{
		background-image: -webkit-gradient(linear,left top,left bottom,from( #C4BBD7 ),to( #8A78B0 ));
	background-image: -webkit-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -moz-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -ms-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -o-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: linear-gradient( #C4BBD7,#8A78B0 );
	text-shadow: none;
    color: #000000;
}

.ui-btn-hover-c{
			background-image: -webkit-gradient(linear,left top,left bottom,from( #B6AFC5 ),to( #6E608C ));
	background-image: -webkit-linear-gradient( #B6AFC5,#6E608C );
	background-image: -moz-linear-gradient( #B6AFC5,#6E608C );
	background-image: -ms-linear-gradient( #B6AFC5,#6E608C );
	background-image: -o-linear-gradient( #B6AFC5,#6E608C );
	background-image: linear-gradient( #B6AFC5,#6E608C );
}
.ui-btn-down-c{
		background-image: -webkit-gradient(linear,left top,left bottom,from( #928FAE ),to( #25205D ));
	background-image: -webkit-linear-gradient( #928FAE,#25205D );
	background-image: -moz-linear-gradient( #928FAE,#25205D );
	background-image: -ms-linear-gradient( #928FAE,#25205D );
	background-image: -o-linear-gradient( #928FAE,#25205D );
	background-image: linear-gradient( #928FAE,#25205D );
}

img{
	border:0;
}
	
.container {
	margin:0 auto;
	position: relative;
	width:100%;
}
.btn_container{
	width: 288px;
	margin: auto;
	text-align: center;
}
.index_btn{
	width: 85px;
	height: 85px;
	border: 2px solid #000000;
	border-radius: 10px;
	display: inline-block;
	margin: 10px 2px 30px 2px;
	font-size: 12px;
	position: relative;
		background: #8A78B0;
	background-image: -webkit-gradient(linear,left top,left bottom,from( #C4BBD7 ),to( #8A78B0 ));
	background-image: -webkit-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -moz-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -ms-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: -o-linear-gradient( #C4BBD7,#8A78B0 );
	background-image: linear-gradient( #C4BBD7,#8A78B0 );
}
.index_btn img{
	margin: 5px 0px 0px 0px;
}
.btn_title{
	position: absolute;
	width: 85px;
	top: 88px;
}
#meet_dr img, #payment img{
	max-width: 35%;
	float: left;
	margin: 0% 2% 0% 0%;
}
#meet_the_dr_btns{
	margin: 25px 0px 0px 0px;
}
	
/***********************************	HEADER     **********************************/
#mobile_header{
	width: 100%;
}
#mobile_header img{
	width: 100%;
}
.ui-header .ui-title{
	width: 50%;
	margin: .6em auto .6em;
}
.header {
    border-radius: 0px 0px 5px 5px;
    margin: 0px auto;
    overflow: hidden;}
.header_text_container {
	overflow:hidden;}
.title_caption{
	text-indent: -9999px;
	position: absolute;
	margin: 0px;
}
#name{
	margin: 0px;
}
.logo {
	float: right;
    width: 25%;}
.logo img{
	max-width: 100%;
	max-height: 100%;
}
.title_caption {
    color: #000000;
    float: left;
    width: 70%;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;}
.street_address {
	margin:5px 0px 0px 0px;
    position: relative;
	text-align:center;
	display: block;}
	
/***********************************	CALL BUTTON    **********************************/
.call_us {
    background: #8A78B0;
    background-image: -webkit-gradient(linear,left top,right top,from( #8A78B0 ),to( #AB9EC6 ));
	background-image: -webkit-linear-gradient(left, #8A78B0,#AB9EC6);
	background-image: -moz-linear-gradient(left, #8A78B0,#AB9EC6);
	background-image: -ms-linear-gradient(left, #8A78B0,#AB9EC6);
	background-image: -o-linear-gradient(left, #8A78B0,#AB9EC6);
	background-image: linear-gradient(left, #8A78B0,#AB9EC6);
	height: 25px;
    margin: 0% auto 0% auto;
    padding: 3px 70px 6px 0px;
    position: relative;
	display: block;
	font-weight: bold;
	color: #222;
	float: left;
}
.call_us_left {
	float: left;
    height: 30px;
    width: 30px;
	display: block;}
.call_us_left img{
	max-height: 30px;
}
.call_us_right {
	float: left;
    font-size: 18px;
	padding: 3px;
    height: 30px;
	display: block;}
.call_us_left, .call_us_right{
	text-align: left;}

/***********************************	IMPORTANT BUTTONS    **********************************/
.request_appt_btn{
	background: #25205D;
    background-image: -webkit-gradient(linear,left top,right top,from( #25205D ),to( #AB9EC6 ));
	background-image: -webkit-linear-gradient(left, #25205D,#AB9EC6);
	background-image: -moz-linear-gradient(left, #25205D,#AB9EC6);
	background-image: -ms-linear-gradient(left, #25205D,#AB9EC6);
	background-image: -o-linear-gradient(left, #25205D,#AB9EC6);
	background-image: linear-gradient(left, #25205D,#AB9EC6);
	height: 25px;
    margin: 2px auto 0px auto;
    padding: 6px 70px 3px 5px;
    position: relative;
	display: block;
	font-weight: bold;
	color: #fff;
	text-align: left;
	float: left;
}
#office_hours .ui-btn-inner{
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
.local_nav .ui-btn-inner a.ui-link-inherit{
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 75%;
	margin: auto;
}
.service_page img{
	width: 100%;
}
.ui-listview .ui-li-icon{
	max-height: 33px;
	max-width: 50px;
	left: 1%;
	top: 4px;
}
#mid_row{
	text-align: center;
}
.important_buttons {
	margin:10px 0px 10px 0px;
	overflow:hidden;
	display: block;}
	.important_buttons a{
		text-shadow: 0 0 5px #000;}
.important_buttons .button {
    background: #25205D;
    border: 1px solid #8A78B0;
    float:left;
    margin: 0px 0px 5px 0px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 100%;
	display: block;}

/***********************************	OFFICE HOURS CONTAINER    **********************************/
.hours {
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    color: grey;
    padding: 5px;}
.hours_align {
	text-align: center;}
.hours table {
    margin: 0 auto;
    width: 98%;}

/* APPOINTMENT REQUEST FORM ELEMENTS
------------------------------*/
#customForm label{
	display: block;
	font-weight:bold;
}
#customForm .appointment_request.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div #phoneInfo, #customForm div #emailInfo,#customForm div #nameInfo{
	display:none;
	font-size: 10px;
	font-style: italic;
}
#customForm div span.error{
	display:block;
	color: #e46c6e;
}
#thanks{
  display: none;
}

/* REVIEWS DISPLAY
------------------------------*/
#review_info{
	margin:0px 10px 0px 10px;
	width:660px;}
#aggregate_review{
	text-align: center;
}
.entry{
	width:100%;}
.info{
	border-radius: 10px;
	background-color:#25205D;
	margin:0px 0px 5px 0px;
	padding:5px;}
.date{
	float:right;
	font-size:10px;}
.entryname{
	color:#FFFFFF;
	font-weight:bold;}
.post{
	font-style:italic;
	padding:1px 10px 10px 10px;}
.pages{
	display:inline;}
.adr, .locality{
	display:none;}
#err_msg{
	text-align: center;
	color: #E40000;
}	
/***********************************	WELCOME BOX    **********************************/
.box_welcome {
	padding: 0 15px;}
.box_welcome h3 {
    color: #777777;
	text-align: center;
    text-shadow: 1px 2px 0 #FFFFFF;}
	
/***********************************	FOOTER     **********************************/
.infostar_logo{
	text-align:center;
}
.footer {
	height: 120px;}
	.footer a{
		color:#d00000;}
#mobile_bar {
	background: #25205D;
	bottom:0;
	padding:5px 0px 5px 0px;
	position:fixed;
	width:100%;
	z-index: 100;}
	#mobile_bar ul{
		margin:0 auto;
		overflow:hidden;
		padding:0;
		width:63px;}
	#mobile_bar li{
		float:left;
		list-style:none;
		margin:0px 5px 0px 5px;
		padding:0;}
		#mobile_bar li img{
			border:1px solid #ffffff;}