@charset "utf-8";
/* CSS Document */
input, textarea, select{ font:normal 11px Verdana, Geneva, sans-serif; padding: 4px; }

/** FORM STYLES STARTS HERE **/
.mandatory{ color:#E37302; }
.tell-a-friend, .contact-div { width:75%; margin:10px auto; text-align:center; }
.page-id-27 aside p.mandatory{ margin:10px 0 0; float:left; }
.tell-a-friend{ width:82%; }
.tell-a-friend h2{ font: normal 25px sans-serif; color: #2B6EAF; margin:10px 0; }
.tell-a-friend-form, .contact-form, .submit-testimonials-form, .feedback-form{ width:100%; float:left; padding:15px 0 0; }
.inner-container ul.feedback-form{ margin:0; }
.tell-a-friend-form li, .contact-form li, .submit-testimonials-form li, .feedback-form li{ width:95%; float:left; margin:0 0 8px; list-style-type:none; }
.tell-a-friend-form label, .contact-form label,  .feedback-div label { width:46%; float:left; color:#FFFFFF; text-align:right; font:bold 11px Verdana, Geneva, sans-serif; margin:0 2% 0 0; }
.tell-a-friend-form label{ color:#333333; }
#tell-friend-div .close-tell-friend{ float:right; width:30px; height:30px; display:block; position:absolute; right:-8px; top:-8px; background:url(/images/close-button.png) 0 0 no-repeat; background-size:100%; }

#tell-friend-full{ width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:100; background:url(/images/tell-friend-bg.png) 0 0;  }
#tell-friend-div{ position:fixed; top:15%; left:35%; background:#E9EAE3; width:445px; z-index:105; float:left; min-height:420px; border:1px solid #2B6EAF; border-radius:15px; display:none; }

.contact-form label{ color:#000000; }
.tell-a-friend-form input[type='text'], .tell-a-friend input[type='email'], .tell-a-friend textarea, .contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, .submit-testimonials-form input[type='text'], .submit-testimonials-form input[type='email'], .submit-testimonials-form textarea, .for-gps-form input[type="text"]{ float:left; width:225px; border: 1px solid #2B6EAF; font: normal 10px Verdana,Arial,Helvetica,sans-serif; padding: 4px; }

.tell-a-friend-form input[type='text'], .tell-a-friend input[type='email'], .tell-a-friend textarea { width:180px; }
.tell-a-friend textarea { height:50px; }
.tell-a-friend-form input[type='submit'], .tell-a-friend input[type='reset'], .for-gps-form input[type='submit'], .for-gps-form input[type='reset']{ padding:3px 5px; font:normal 12px Verdana, Geneva, sans-serif; background:#2B6EAF; border:1px solid #2B6EAF; color:#FFFFFF; cursor:pointer; }
.tell-a-friend-form span, .consult-form span{ color: #E37302; font: bold 10px Verdana,Arial,Helvetica,sans-serif; margin:0 0 0 2px; }
.submit-reset{ text-align:left; }
.wpcf7-captcha-captcha-470, .wpcf7-captcha-captcha-734, .wpcf7-captcha-captcha-177, .wpcf7-captcha-captcha-68{ width:150px; height:auto; margin: 0 0 10px; }
.tell-a-friend ul, .contact-div ul{ margin:10px 0 0 0; list-style-type:none; }
.tell-a-friend ul{ margin:0 0 25px; }

.contact-div, .submit-testimonials, .feedback-div { width:95%; float:left; text-align:left; margin:0 0 0 22px; border:1px solid #2B6EAF; }
.contact-div span, .contact-online-div span, .submit-testimonials span, .feedback-div span, .online-contact-details span, .submit-testimonials-form span{ color: #E37302; font: bold 10px Verdana,Arial,Helvetica,sans-serif; }

.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, .contact-online-div input[type='text'], .contact-online-div input[type='email'], .contact-online-div input[type='tel'], .submit-testimonials-form input[type='text'], .submit-testimonials-form input[type='email'], .submit-testimonials input[type='tel'], .submit-testimonials-form textarea, .feedback-form input[type='text'], .feedback-form input[type='email'], .feedback-form input[type='tel'], .feedback-form textarea{ border: 1px solid #2B6EAF; height: 20px; padding: 2px 4px; width:172px;}

.feedback-form select { width:185px; height:25px; border: 1px solid #2B6EAF; }
.contact-form input[type='submit'], .contact-form input[type='reset'], .contact-online-div input[type='reset'], .contact-online-div input[type='submit'], .submit-testimonials-form input[type='submit'], .submit-testimonials-form input[type='reset'], .feedback-div input[type='submit'], .feedback-div input[type='reset']{  background: none repeat scroll 0 0 #2B6EAF; border: 1px solid #2B6EAF; color: #FFFFFF; font: bold 12px  Verdana,Arial,Helvetica,sans-serif; cursor:pointer; padding:3px 5px; margin:10px 0; }
.contact-form input[type='submit']:hover, .contact-form input[type='reset']:hover, .contact-online-div input[type='reset']:hover, .contact-online-div input[type='submit']:hover, .submit-testimonials-form input[type='submit']:hover, .submit-testimonials-form input[type='reset']:hover, .feedback-div input[type='submit']:hover, .feedback-div input[type='reset']:hover, .for-gps-form input[type='submit']:hover, .for-gps-form input[type='reset']:hover, .tell-a-friend-form input[type='submit']:hover, .tell-a-friend input[type='reset']:hover{ background: #395c7e; border: 1px solid #395c7e; }
.for-gps-form input[type='submit'], .for-gps-form input[type='reset']{ margin:5px 0 0; }
.contact-form li, .feedback-form li{ margin:0 0 15px 0; }
.contact-form textarea{ height:100px; }
.contact-online-div h3{ background: #2B6EAF ; color: #FFFFFF; font: bold 11px Verdana,Arial,Helvetica,sans-serif; padding: 3px 7px; margin:0; }
.online-personal ul, .online-contact-details ul, .feedback-form{ margin:0; }
.online-personal li, .medication-details li{ width:170px; float:left; list-style-type:none; margin:10px; }
.online-comments, .online-personal{ float:left; width:100%; }
.online-comments p{ padding:0 0 0 2px; }
.online-comments textarea{ margin:10px 8px; width:94%; float:left; height:100px; border:1px solid #2B6EAF; }
.online-contact-details{ width:100%; float:left; margin:0; }
.online-xray-referal{ margin:0 0 10px 5px; float:left; }
.online-xray-referal li{ list-style-type:none; }

.medication-details{ width:100%; float:left; margin:0; }

.online-contact-details li{ width:180px; float:left; margin:10px; list-style-type:none; }
.contact-online-div label, .submit-testimonials-form label, .feedback-div label{ width:100%; float:left; color: #333333; font: bold 10px Verdana,Arial,Helvetica,sans-serif; padding: 3px 3px 3px 5px; }
.online-contact-details li.full-list{ width:100%; }
.online-contact-details li.full-list label{ float:left; }
.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons, .feedback-form li.full-list-buttons, .contact-form li.full-list-buttons{ text-align:center; float:left; width:95%; }
.full-list-buttons .wpcf7-captcha-captcha-472{ width:150px; height:auto; }
.contact-online-div{ border: 1px solid #2B6EAF; width:97%; float:left; margin:0 0 0 22px; }
span.wpcf7-list-item-label{ color:#333333; }
.submit-testimonials-form label, .feedback-div label{ width:46%; text-align:right; min-height:20px; }
.submit-testimonials-form textarea, .feedback-form textarea{ height:120px; }
.agree-text span{ color:#333333; font-weight: normal; }
.submit-testimonials-form, .submit-testimonials-form li{ margin:8px 0; }
.consult-form label{ width:30%; }
.wpcf7-response-output{ clear:both !important; text-align:center; }

.wpcf7-form-control-wrap{ width:175px; float:left; }
.online-comments .wpcf7-form-control-wrap{ width:auto; float:none; }
span.wpcf7-not-valid-tip{
	background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #FF0000 !important;
    font: normal 9px Verdana, Geneva, sans-serif !important;
	color:#FF0000 !important;
	float:left !important;
    width: 90% !important;
	position:relative !important;
	top:0 !important;
	left:0 !important;
	margin: 0 0 0 8px !important;
}

.ajax-loader, .wpcf7-captchac { background:none !important; padding:0 !important; }
/** FORM STYLES ENDS HERE **/

@media screen and (max-width:1060px)
{
	#tell-friend-div{ left:30%; }
}

@media screen and (max-width:980px)
{
	#tell-friend-div{ left:25%; }
}

@media screen and (max-width:850px)
{
	.inner-container ul.submit-testimonials-form{ margin:0; }
	#tell-friend-div{ left:14%; }
}

@media screen and (max-width:767px)
{
	.tell-a-friend ul{ text-align:center; }
	.contact-div, .submit-testimonials, .feedback-div, .contact-online-div, .for-gps-form{ margin:0; }
}

@media screen and (max-width:755px)
{
	.feedback-form li,  .contact-form li, .submit-testimonials-form li{ margin:0 0 15px 15px; }
	.feedback-form li label,  .contact-form li label, .submit-testimonials-form label{ width:95%; text-align:left; }
	.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons, .feedback-form li.full-list-buttons, .contact-form li.full-list-buttons{ text-align:left; }
}

@media screen and (max-width:650px)
{
	.online-contact-details li.full-list label{ width:100%; text-align:left; }
}
@media screen and (max-width:645px)
{
	.feedback-form li,  .contact-form li, .submit-testimonials-form li{ margin:0 0 15px 15px; }
	.feedback-form li label,  .contact-form li label, .submit-testimonials-form label{ width:43%; text-align:right; }
	.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons, .feedback-form li.full-list-buttons, .contact-form li.full-list-buttons{ text-align:center; }
}

@media screen and (max-width:600px)
{
	.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons{ text-align:center; }
	.online-contact-details li{ width:200px; margin:10px 0 10px 10px; }
	
	#tell-friend-div{ left:10%; }
}

@media screen and (max-width:550px)
{
	.feedback-form li label, .submit-testimonials-form label{ width:42%; text-align:right; }
	.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons, .feedback-form li.full-list-buttons, .submit-testimonials-form li.full-list-buttons{ text-align:center; }
	#tell-friend-div{ width:315px; left:16%; }
	.tell-a-friend ul.tell-a-friend-form{ width:240px; }
	
	.tell-a-friend-form label { color: #333333; text-align: left; width: 85%; }
}

@media screen and (max-width:420px)
{
	.feedback-form li label, .contact-form li label, .submit-testimonials-form label, .online-contact-details li.full-list label, .submit-testimonials-form label, .feedback-div label{ width:95%; text-align:left; }
	.online-contact-details li.full-list-buttons, .submit-testimonials-form li.full-list-buttons, .feedback-form li.full-list-buttons, .contact-form li.full-list-buttons{ text-align:left; }
	#tell-friend-div{ width:315px; left:12%; top:3%; }
	.contact-form li, .feedback-form li{ margin:0 0 15px 15px; }
	.contact-online-div label, .submit-testimonials-form label, .feedback-div label{ width:93%; }
}
@media screen and (max-width:360px)
{
	#tell-friend-div{ left:3%; }
}

@media screen and (max-width:330px)
{
	#tell-friend-div{ width:93%; }
}