/*** YPO Common Styles - Pages included: Appointment, Contact Us, Feedback, Multimedia, Useful Links***/
/*** Online Appointment Styles ***/
#online-appointment, #feedback-block{ border: 1px solid #4F87C2; margin-bottom:18px;  width:100%; float:left;  }
#online-appointment h3, #feedback-block h3, .submit-but input{ background: #4F87C2!important; }
#online-appointment ul{ margin:0px 0px 8px 0px!important; }
.required {	color: #ff0000; }
#online-appointment h3, #feedback-block h3 { font-size: 13px; margin:0px 0px 5px 0; padding: 8px 20px; color: #fff;}
#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: 19%; float: left; margin-right: 2%; }
#online-appointment ul li.w100 { width: 65%; }
#online-appointment ul.cols-3 li { width: 20%; float: left; margin-right: 2%; }
#online-appointment ul li { list-style: none; background: none!important; padding: 5px 0px!important; margin-left: 20px; }

#Inquiry ul li { list-style: none; background: none!important; padding: 5px 0px!important; margin-left: 20px; 
color:#ffffff;
}
#Inquiry h3 { font-size: 13px; margin:0px 0px 5px 0; padding: 8px 20px; color: #fff;}

.submit-but input { color: #fff; font-weight: normal; width: auto!important; border: none; padding: 3px 10px; cursor: pointer; margin-bottom: 10px; }
.submit-but input:hover { background: #3184ea!important; color: #fff; }
.wpcf7-captchar { width: 20%!important; }
select, input[type=text], input[type=password], input[type=tel], input[type=email], area, textarea {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	width: 80%;
}
select { height: auto; width: 100%; }
area:focus, input:focus, textarea:focus { border: 1px solid #6cf; }
textarea { width: 97%; }
input[type=text], input[type=password] { cursor: text; }
.wpcf7-captchac { border: 1px solid #ccced0; }
/*** Feedback Page Styles ***/
#feedback-block { padding: 10px; }
#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 10px 20px; }
/*** 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; }
#online-appointment .new{
	width:100%;
	margin:0 auto;
}
#online-appointment .new li{
	width:80%;
	margin:0 auto;
}
/*** 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;
	padding: 5px 0px 5px 45px;
	color: #ff9f66;
	text-decoration: underline;
}
.formHead {
	color: #fff;
	background: #4F87C2;
	padding: 0 5px;
	font-weight: bold;
	line-height: 30px;
}
.formHead a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.formHead a:hover {
	color: #d64844;
}
.multimedia_width {
	float: left;
	width: 100%;
	border-top: none;
	text-align: left;
}
.multimedia_border {
	border: solid 1px #4F87C2;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#testimonial-form .req {
	color: #ff0000!important;
}
.showcase {
	border: 1px solid #033163;
}
.showcase table {
	margin-top: 0px;
}
.showcase table tr td {
	vertical-align: middle;
}

/*** Footer Styles ***/
#menu-footer-menu li{ display:inline; }


/* =Header Menu (Primary)
-------------------------------------------------------------- */
#responsive_menu_button {
	display:none;
}
#menu-item-122{
	margin-left: 5px;
}
#menu-item-122{
	margin-top: 0px;
}
.menu-top{
	max-width:760px;
	*width:760px;
	float:right;
	clear:right;
	margin-right:10px;
	border-radius:5px;
	margin-top:31px;
    background:url(/images/menu-bg.png) 0 0 repeat-x;
	position:relative;
	z-index:10;
	*height:45px;
}

nav{ position:relative;
  z-index:99999999999;
}
.menu {
  clear: both;
  margin: 0 auto;
}

.main-nav {
  clear: both;
}

.menu,
.menu ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 0 1px;
  position: relative;
  z-index: 99999;
}
.menu > li:first-child{ background:none; }
.menu li:hover {
  white-space: normal;
  z-index: 99999;
}

.menu li li {
  float: none;
}

.menu ul {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 99999;
}

.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,
.menu ul {
  min-height: 0;
}

.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 ul {
  margin-top: 0px;
  min-width: 5em;
  width: auto;
}

.menu a {
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-family:"Georgia", Times New Roman, Times, serif;
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0px 15px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 #000000;
  white-space: nowrap;
}

.menu a:hover, .menu li:hover > a,.menu li.current-menu-item a,.menu > li.current_page_ancestor > a {
  background:url(/images/menu-bg-hover.png) 0 8px repeat-x;
	border-radius:25px;
}

ul.menu > li:hover {
  color: #ffffff;
}

#menu-item-63{
	margin-right:5px;
}

.menu .current_page_item a,
.menu .current-menu-item a {
}

.front-page .menu .current_page_item a {
  background: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}

.menu li li {
  background: #3e4a58;
  background-image: none;
/*  border-bottom: 1px solid #565656;
*/  color: #fff;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.menu li li a {
  background: transparent !important;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
  white-space: nowrap;
}

.menu li li a:hover {
  background: #62adff !important;
  background-image: none;
  color: #001f55;
  filter: none;
  border:none;
  border-radius:0px;
}

.menu li li:hover{
  background: #62adff !important;
  filter: none;
  border-radius:0px;
}

.menu ul > li + li {
  border-top: 0;
}

.menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.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;
}
.textarea-quick { width: 80%; }
/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
  background: url(/core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
  min-width: 100%;
}

@media all and (max-width: 911px) {
	.menu-top{
	width:587px;
    background:url(/images/menu-bg.png) 0 0 repeat-x;
	border-radius:5px;
	}
	.menu a {
		padding: 0px 15px;
		font-size:14px;
}

.menu a:hover {
  background:url(/images/menu-bg-hover.png) 0 8px repeat-x;
	border-radius:0px;
}
#online-appointment ul.cols-4 li{
	width:90%;
}
#online-appointment ul.cols-2 li{
	width:93%;
}
}
@media all and (max-width: 750px) {
	.menu-top{
	width:440px;
    background:url(/images/menu-bg.png) 0 -4px repeat-x;
	}
	.menu a {
		padding: 0px 12px;
		font-size:10px;
}

.menu a:hover {
	background:url(/images/menu-bg-hover.png) 0 4px repeat-x;
	border-radius:0px;
}
#online-appointment ul.cols-3 li{
	width:90%;
}
}
.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 screen and (max-width: 598px) {
#menu-item-122 {
    margin-top: 6px;
}
#menu-item-122 {
    margin-left: 0px;
}	
}