/*** YPO Common Styles - Pages included: Appointment, Contact Us, Feedback, Multimedia, Useful Links***/

/*** Online Appointment Styles ***/

.online-appointment, #feedback-block {
	border: 1px solid #07a1bc;
	margin-bottom: 18px;
}
.online-appointment h3, #feedback-block h3 {
	background: #07a1bc!important;
}
.submit-but input, .upload .wpcf7-submit {
	background: #025564!important;
}
.online-appointment ul {
	margin: 0px 0px 8px 0px!important;
}
.required {
	color: #ff0000;
}
.online-appointment h3, #feedback-block h3 {
	font-size: 13px !important;
	margin: 0px 0px 5px 0;
	padding: 8px 10px;
	color: #ffffff !important;
}
.online-appointment ul:after, .clearFix:after, .services-list:after, .services-other:after, .service-info ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.text {
	padding-bottom: 15px;
	padding-left: 20px!important;
}
.online-appointment ul.cols-1 li {
	width: 20%;
	margin-right: 2%;
}
.online-appointment ul.cols-4, #online-appointment ul.cols-1, #online-appointment ul.cols-2 {
	width: 100%;
}
.online-appointment ul.cols-2 li {
	width: 46%;
	float: left;
}
.online-appointment ul.cols-4 li {
	width: 44%;
	float: left;
	margin-right: 2%;
}
.online-appointment ul li.w100 {
	width: 100%;
}
.online-appointment ul.cols-3 li {
	width: 28%;
	float: left;
	margin-right: 2%;
}
.online-appointment ul li {
	list-style: none;
	background: none!important;
	padding: 5px 0px!important;
	margin-left: 20px;
}
.submit-but input, .upload .wpcf7-submit {
	color: #fff;
	font-weight: normal;
	width: auto!important;
	border: none;
	padding: 3px 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
.submit-but input:hover, .upload .wpcf7-submit:hover {
	background: #6a6a6a!important;
	color: #fff;
}

/*** Feedback Page Styles ***/

#feedback-block {
	padding: 10px 30px;
}
#feedback-block ul {
	margin-left: 0px;
}
#feedback-block ul li {
	background: none!important;
	padding: 5px 0px!important;
	list-style-type: none;
}
#feedback-block ul li label {
	float: left;
	width: 38%;
	font-weight: normal;
}
#feedback-block ul li input, #feedback-block ul li textarea, #feedback-block ul li select {
	width: 55%;
}
/*** Contact Us Styles ***/

#wp-realtime-sitemap-pages h3, .home h1.post-title {
	display: none;
}
#wp-realtime-sitemap-pages ul {
	margin-left: 15px;
}
#contact-locations {
	margin-bottom: 20px;
}
#contact-locations ul li h3 {
	background: #31618e;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#contact-locations ul li p {
	padding-left: 15px;
}
#contact-locations ul li {
	float: left;
	list-style-type: none;
	width: 30%;
	margin: 0px 10px;
}
#contact-locations img {
	vertical-align: top;
}
#online-appointment .address {
	padding: 0px 20px;
}
.map-img {
	float: right;
	border: 1px solid #999;
	margin-right: 10px;
	padding: 1px;
}
/*** Usefull LInks Styles ***/

.services-other {
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	float: left;
	padding: 10px;
}
.services-other ul li {
	list-style-type: none;
	float: left;
	width: 50%;
	text-align: center;
}
/*** Multimedia Styles***/

.multimedia {
	color: #0b6abb;
	line-height: 16px;
	text-decoration: none;
	text-align: justify;
	background: #ffffff;
	border-radius: 0px;
	margin: 0 0 10px 0;
}
.multimedia a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/movie-off.gif) no-repeat 10px 7px;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0px 5px 45px;
	color: #0b6abb;
	text-decoration: none;
	float: left;
}
.multimedia a:hover {
	background: url(/images/movie-on.gif) no-repeat 10px 7px;
	color: #ff9f66;
	padding: 5px 0 5px 45px;
	text-decoration: underline
}
.formHead {
	background: #07a1bc;
	color: #fff;
	font-weight: 700;
	line-height: 30px;
	padding: 0 5px
}
.formHead a {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700
}
.formHead a:hover {
	color: #d64844
}
.multimedia_width {
	border-top: none;
	float: left;
	text-align: left;
	width: 50%
}
.multimedia_border {
	border: solid 1px #07a1bc;
	float: left;
	margin-bottom: 10px
}
#testimonial-form .req {
	color: red!important
}
.showcase {
	border: 1px solid #033163
}
.showcase table {
	margin-top: 0
}
.showcase table tr td {
	vertical-align: middle
}
/*** Footer Styles ***/

#menu-footer-menu li {
	display: inline;
}
/* =Header Menu (Primary)

-------------------------------------------------------------- */

nav {
	position: relative;
	z-index: 99999999999
}
.main-nav {
	clear: both
}
.menu, .menu ul {
	display: block;
	list-style-type: none;
	min-height: 0;
	margin: 0;
	padding: 0
}
.menu li {
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 99999;
	margin: 0;
	padding: 0 0 0 1px
}
.menu > li:first-child {
	background: none
}
.menu li:hover {
	white-space: normal;
	z-index: 99999
}
.menu li li {
	float: none;
	background: #FFF;
	background-image: none;
	border-bottom: 1px solid #fff;
 *border-bottom:0px;
	color: #fff;
	filter: none;
	width: auto;
	margin: 0px 0 0px;
}
.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 99999;
	margin-top: 0;
	min-width: 15em;
 *min-width: 20em;
	width: auto
}
.menu li:hover > ul {
	top: 100%;
	visibility: visible
}
.menu li li:hover > ul {
	left: 100%;
	top: 0
}
.menu:after, .menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden
}
.menu ul, .menu ul ul {
	margin: 0;
	padding: 0
}
.menu ul li a:hover, .menu li li a:hover {
	color: #484848;
	text-decoration: none
}
.menu a {
	background: url("/images/menu-border.png") no-repeat scroll left center transparent;
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: normal;
	height: 45px;
	line-height: 42px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
	padding: 0 1.4em;
	*padding: 0 1.4em;
}
.menu #menu-item-63 {
	background: url("/images/menu-border.png") no-repeat scroll right center transparent;
}
ul.menu > li:hover {
	background-color: #014d67;
	color: #ffffff !important;
	text-decoration: none;
}
ul.menu > li:hover > a {
	color: #fff;
}
.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none
}
.menu li li a {
	background: #1dc8d6!important;
	border: none;
	color: #012c30;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
	line-height: 20px;
	text-shadow: none;
	white-space: nowrap;
	padding: 5px 10px
}
.menu li li a:hover {
	background: #00516E!important;
	background-image: none;
	color: #fff;
	filter: none;
	border: none
}
.menu a:hover, .menu .current_page_item a, .menu .current_page_ancestor > a {
	color: #FFF;
	background: url(/images/menu-hover-bg.png) 0 0 repeat-x;
}
.menu li li:hover {
	background: #00516E !important;
	filter: none;
}
.menu ul > li + li {
	border-top: 0;
}
.menu li li:hover > ul {
	left: 100%;
	top: 0;
	color: #FFF;
}
.menu > li:first-child > a {
	border-left: none!important;
}
.menu a#responsive_menu_button {
	display: none;
}
.main-nav #responsive_current_menu_item {
	display: none;
}
.js .main-nav .menu {
	display: block;
}
/* =Primary Main Menu IE Fixes

-------------------------------------------------------------- */

.ie7 .menu ul {
}
.ie7 .menu li li a {
	min-width: 100%;
}
.useful-links {
	background: #fff;
	float: left;
	width: 100%;
	border: 1px solid #d8d8d8;
	padding-bottom: 10px;
	margin-bottom: 18px;
}
.useful-links ul li {
	list-style-type: none;
	float: left;
	text-align: center;
	width: 50%;
}
 @media all and (max-width: 960px) {
.menu a {
	font-size: 11px;
	padding: 0 2.35em;
}
}
 @media all and (max-width: 750px) {
.menu a {
	font-size: 11px;
	padding: 0 1.2em;
}
.menu ul {
	min-width: 10em;
}
.online-appointment ul.cols-3 li {
	width: 90%;
}
}
 @media all and (max-width: 595px) {
.menu li li a {
	background: #FFFFFF;
}
.menu a {
	background: #FFF;
}
.menu li li a {
	background: #FFF!important;
}
.menu li li li a {
	background: #FFF;
}
.menu a:hover, .menu .current_page_item a, .menu .current_page_ancestor > a {
	background: #F5F5F5;
}
}