/* ==========================================================================
   Establishing styles and boilerplate resets
   ========================================================================== */

* { text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; }

html { overflow-y:scroll; overflow-x:auto; }

html,
button,
input,
select,
textarea {
	color: #595959;
	font: "nimbus-sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
}

html, body {
	font-size: 1em;
	line-height: 1.4;
	background: #fff url('../img/page-bg.png') repeat top left;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

::-moz-selection {
	background: #bcb8b1;
	text-shadow: none;
}

::selection {
	background: #bcb8b1;
	text-shadow: none;
}

a { color: #007cbf; text-decoration: none; outline: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img { vertical-align: middle; }
img.l { float: left; margin: 0 40px 20px 0; }
img.r { float: right; margin: 0 0 20px 40px; }
img.cent { margin: 0 auto 20px; display: block; }

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	z-index: 16777271;
	position:fixed;
	top: 0;
}

p.r { float: right; font-size: 14px; font-weight: 300; padding-top: 10px; line-height: 15px; margin: 0; }

.main li { padding: 0 50px 20px 0; }

table { width: 100%; }
td { padding: 10px 20px 10px 10px; vertical-align: top; border-bottom: 1px solid #ccc; }
table#cv { margin-bottom: 50px; }
table#cv strong { display: block; color: #0e66c0; font-weight: normal; font-size: 18px; /* margin-top: 50px;  */}
table#cv tr:nth-child(even) { background: #f4f4f4; }

	h1, h2, h3, h4, h5 { font-family: "omnes-pro", Arial, Helvetica, sans-serif; color: #0091ca; font-style: normal; font-weight: 200; }
h1 { font-size: 32px; }
h2 { font-size: 32px; line-height: 30px; margin: 0 0 20px 0; }
h3 { font-size: 22px; line-height: 24px; margin: 0 0 10px 0; font-weight: 300; }
h4 { font-size: 22px; line-height: 24px; margin: 0 0 10px 0; font-weight: 300; }

h2 span, h3 span, h4 span { display: block; }

.left { float: left; }
.right { float: right; }
div.left { float: left; margin: 0 40px 20px 0; }
div.right { float: right; margin: 0 0 20px 40px; }
.center { display: block; margin: 0 auto 10px auto; }
.clear { clear: both; }
.clear.pad { clear: both; padding: 10px 0; }
.block { display: block !important; }
.last { margin-right: 0 !important; border-right: none !important; }

.container { width: 100%; min-width: 980px; }
.row { width: 980px; padding: 0; margin: 0 auto; }

.side, .main { font-size: 14px; line-height: 20px; }

.main { float: right; width: 700px; text-align: justify; }
.main.full { float: none; width: 980px; text-align: justify; }
.main.cent { float: none; margin: auto; }
.main a { color: #00a7ec; }
.main a:hover { color: #a4a4a4; }
.main h2, .main h3, .main h4 { text-align: left; }
.main h4 { color: #343333; margin-bottom: 5px; }
.main .intro h1 { margin: 5px 0 10px 0; padding: 0; line-height: 40px; }
.main .intro h2 { margin: 5px 0 10px 0; padding: 0; line-height: 40px; }
.main .intro h3 { margin: 0 0 20px 0; padding: 0; }
.main .intro  { font-family: "omnes-pro", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 26px; font-weight: 200; }
.main .divider { border-bottom: 1px solid #E0DEDE; border-top: 1px solid #E7E6E6; clear: both; height: 6px; margin-bottom: 40px; margin-top: 40px; }
/* .main img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } */
.main ul { /* margin-bottom: 30px; */ }

.main .intro .col2 { margin-bottom: 0; }
.main.full .intro .col2 { margin-bottom: 20px; }


.home .main .col2, .home .main .col3 { margin-bottom: 0px; }
.home .main .col2, .home .main .col3.pad { margin-bottom: 30px; }


.main .col2 { float: left; width: 330px; margin: 0 40px 20px 0; text-align: left; }
.main .col2.last { margin: 0;  }
.col2.cent h4 { text-align: center !important; }

.main .col2 li, .main .col3 li { padding: 0 0 10px 0; }

.main.full .col2 { width: 470px; }

.main .col3 { float: left; width: 210px; margin: 0 30px 20px 0; text-align: left; }
.main .col3.last { margin: 0; }
.main .col3 h4 { margin-bottom: 10px; }

.main .col4 { float: left; width: 155px; margin: 0 20px 40px 0; text-align: left; }
.main .col4.last { margin: 0; }
.main .col4 ul { padding-left: 20px; }
.main .col4 li { padding-right: 10px; }

.main.full .col3 { width: 305px; }
.main.full .col3 .round-grad { padding: 20px; }
.main .col3 h3, .main .col4 h3 { margin-bottom: 5px; }

.main.full .col2-3 { float: left; margin: 0 30px 20px 0; text-align: left; width: 610px; }

.main.full .col4 { float: left; width: 222px; margin: 0 30px 30px 0; text-align: left; }
.main.full .col4.last { margin-right: 0; }

blockquote { color: #777; margin: 0; font-size: 18px; font-style: italic; line-height: 24px; }

cite { font-weight: bold;  margin: 0 0 30px 0; display: table;}

body.home nav ul li.home a,
body.about-us-sect nav ul li.about-us a,
body.doctors-sect nav ul li.doctors a,
body.eye-conditions-sect nav ul li.eye-conditions a,
body.eye-care-services-sect nav ul li.eye-care-services a,
body.testimonials-sect nav ul li.testimonials a,
body.news-media-sect nav ul li.news-media a,
body.insurance-financing-sect nav ul li.insurance-financing a,
body.contact-sect nav ul li.contact a
{ color: #8be0ff !important; }

.blue {
 background: linear-gradient(to bottom, #d0f0f8 0%, #a9e4f4 100%) repeat scroll 0 0 transparent;
 background-image: -webkit-linear-gradient(top, #d0f0f8, #a9e4f4);
}
a.blue {
 color: #138fbd;
 transition: opacity 0.3s ease-in-out 0s;
}
a.blue:hover {
 color: #138fbd;
 opacity: 0.7;
}
.btn {
 background: url('/assets/img/btn-arrow.jpg') no-repeat;
 background-position: left center;
 border: 1px solid #8ec0d8;
 border-radius: 2px 2px 2px 2px;
 box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
 color: #138fbd!important;
 display: inline-block;
 float: left;
 font: 700 13px "nimbus-sans", Arial, Helvetica, sans-serif;
 padding: 10px 20px 10px 65px;
 text-align: center;
 text-shadow: 0 1px 0 #fff;
 text-transform: uppercase;
}

.btn.centered {margin: 0 auto; display: table;}

.btn:hover {opacity: 0.6;}

.btn.r {
 float: right !important;
 margin-top: 30px;
}
.main .btn {
 float: none;
}
.main .col3 .btn { float: left; }

.btn-3 .btn {
 margin-top: 20px;
 width: 220px;
 }


.sideaux {
 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%) repeat scroll 0 0 transparent;
 background-image: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2);
 border: 1px solid #e0e0e0;
 border-radius: 2px 2px 2px 2px;
 color: #138FBD;
 font: 300 15px "nimbus-sans",Arial,Helvetica,sans-serif;
 margin-top: 20px;
 text-align: left;
 text-shadow: 0 1px 0 #FFFFFF;
 text-transform: uppercase;
}

.main .sideaux { margin-top: 0; }

.sideaux ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.sideaux li { border-bottom: 1px solid #e0e0e0; }
.sideaux li:last-child { border-bottom: none; }

.sideaux a { color: #666; display: block; padding: 22px 30px 22px 74px; transition: opacity 0.3s ease-in-out 0s; }

.sideaux a.test { background: url("/assets/img/icon-test.png") no-repeat scroll 22px center transparent; }
.sideaux a.schedule { background: url("/assets/img/icon-schedule.png") no-repeat scroll 22px center transparent; }
.sideaux a.book { background: url("/assets/img/icon-book.png") no-repeat scroll 22px center transparent; }


.sideaux a:hover { color: #138fbd; opacity: 0.5; }


/* ==========================================================================
   General buttons and stuff
   ========================================================================== */

.social { display: block; }
.social a { display: inline-block; width: 26px; height: 26px; margin: 0; padding: 0; transition: opacity 0.4s ease-in-out 0s; }

.social a:hover { opacity: 0.6; }

a.facebook-btn { background: transparent url('../img/sprite-social.png') no-repeat 0 0; }
a.twitter-btn { background: transparent url('../img/sprite-social.png') no-repeat -23px 0; }
a.gplus-btn { background: transparent url('../img/sprite-social.png') no-repeat -51px 0; }
a.youtube-btn { background: transparent url('../img/sprite-social.png') no-repeat -77px 0; padding-left: 2px; }
a.blogger-btn { background: transparent url('../img/sprite-social.png') no-repeat -104px 0; padding-left: 5px; }
	a.facebook-btn:hover { background-position: 0 -29px; }
	a.twitter-btn:hover { background-position: -23px -29px; }
	a.gplus-btn:hover { background-position: -51px -29px; }
	a.youtube-btn:hover { background-position: -77px -29px; }
	a.blogger-btn:hover { background-position: -104px -29px; }

.footer-sub a.facebook-btn, .footer-sub a.twitter-btn, .footer-sub a.gplus-btn, .footer-sub a.youtube-btn, .footer-sub a.blogger-btn { background-image: url('/assets/img/sprite-social-light.png'); }

.sp_like #u_0_1, .sp_like #u_0_2 { width: 140px; background: grey; }

span#u_0_2 { width: 100px !important; font-size: 20px !important; background: grey !important }

.leftarrow, .rightarrow { position: absolute; z-index: 9999; width: 63px; height: 63px; display: block; background-color: rgba(0,0,0,0.20); transition: background-color .125s ease-in-out; -moz-transition: background-color .125s ease-in-out; -webkit-transition: background-color .125s ease-in-out; }
.leftarrow:hover, .rightarrow:hover { background-color: rgba(0,0,0,0.40); }
.leftarrow { background-image: url('../img/features-sprite-arrow.png') !important; background-repeat: no-repeat; background-position: 20px 20px !important; left: 0; }
.rightarrow { background-image: url('../img/features-sprite-arrow.png') !important; background-repeat: no-repeat; background-position: -40px 20px !important; right: 0; }

#leftarrow-1.leftarrow, #rightarrow-1 { display: block; }

#features .leftarrow, #features .rightarrow { top: 50%; margin-top: 70px; }
#featured-procedures .leftarrow, #featured-procedures .rightarrow { top: 50%; margin-top: -40px; }

.smleftarrow, .smrightarrow { position: relative; z-index: 99; width: 40px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; top: 50%; margin-top: -40px; display: block; background-color: rgba(0,0,0,0.20); transition: background-color .125s ease-in-out; -moz-transition: background-color .125s ease-in-out; -webkit-transition: background-color .125s ease-in-out; }
.smleftarrow:hover, .smrightarrow:hover { background-color: rgba(0,0,0,0.40); }
.smleftarrow { background-image: url('../img/sprite-small-arrow.png') !important; background-position: 0px 0px !important; left: -57px; }
.smrightarrow { background-image: url('../img/sprite-small-arrow.png') !important; background-position: -35px 0px !important; left: 1006px; }

.outer-pager { float: right; margin: 26px 5px 0 0; }
.outer-pager span { color: #a3a3a3; font-size: 32px; margin: -10px 0 0 2px; cursor: pointer; transition: color .125s ease-in-out; -moz-transition: color .125s ease-in-out; -webkit-transition: color .125s ease-in-out; display: inline-block !important; }
.outer-pager span.cycle-pager-active { color: #006fd0; }

.round-grad { background: #FFF url('../img/bg-box.png') repeat-x center bottom; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); }

.more { font-style: italic; font-weight: 500; }
.more:after { background: url('/assets/img/more-arrow.gif') no-repeat; content: ""; display: inline-block; height: 8px; margin-left: 5px; width: 5px; }

.caption img { display: block; margin: 0 auto 10px; }
.caption p { font-style: italic; color: #767676; text-align: center; }


.cta { background: #F3F3F3; border-bottom: 1px solid #ddd; border-top: 1px solid #ccc; margin: 30px auto 0; padding: 20px 0; width: 700px; }

.cta { background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}

.cta a { color: #0091CA; }
.cta a:hover { color: #00b7ff; }

.cta h3 { color: #5A5A5A; font-size: 42px; line-height: 45px; margin: 0 5px 30px; padding: 0 20px 0 7px; text-align: center; }
.cta p { font-size: 30px; text-align: center; }

.cta p.or {
  font-size: 24px;
  font-style: italic;
  line-height: 0.5;
  margin: 20px 0;
  text-align: center;
}
.cta .or span {
  display: inline-block;
  position: relative;
}
.cta .or span:before,
.cta .or span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #ccc;
  top: 7px;
  width: 132px;
}
.cta .or span:before {
  right: 100%;
  margin-right: 10px;
}
.cta .or span:after {
  left: 100%;
  margin-left: 10px;
}



/*


.cta h3 span { font-size: 20px; font-weight: 300; color: #95e0ff; }
.cta p, .cta ul { font-size: 16px; line-height: 22px; color: #ffffff; margin: 25px 0 0 0; }

.cta h4 { font-size: 35px; color: #ffffff; line-height: 37px; margin: 0; padding: 15px 20px; }
.cta h4 span { font-size: 25px; }
.cta h3, .cta h4, .cta p { text-align: center; }

*/

.title {
    display: table;
    margin: 0 0 31px;
    overflow: hidden;
}

.title .title-sep-container {
    display: table-cell;
    height: 6px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.title-sep {
    border-color: #E0DEDE !important;
}

.title-sep {
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    display: block;
    height: 6px;
    position: relative;
    width: 100%;
}
.title h3 {
    float: left;
    margin: 0 !important;
    padding: 0 8px 0 0 !important;
    white-space: pre;
}

.main var iframe {
    display: block;
    margin: 0 auto;
}


/* ==========================================================================
   More specific, nitty-gritty styles
   ========================================================================== */

/* TOP BAR */

#top-bar { margin: 0 auto; overflow: auto; padding: 10px 0 4px; width: 960px; }

.social { float: left; }

.top-menu { float: right; }
.top-menu ul { list-style-type: none; margin: 0; padding: 0; }
.top-menu ul li { border-left: 1px solid #d9d9d9; float: left; font-size: 14px; line-height: 14px; margin-top: 6px; padding: 0 7px; }
.top-menu ul li:first-child { border-left: none; }
.top-menu ul li a { color: #595959; }
.top-menu ul li a.highlight { color: #00a7ec; }
.top-menu ul li a:hover { text-decoration: underline; }

/* HEADER STUFF */

body.home #top-sect { position: relative; width: 100%; /* height: 712px; */ margin-bottom: 50px; }

#header { background: #1ba0c8 url('../img/header-sub-on-bkg.jpg') center repeat-x; border-bottom: 1px solid #b8dbea; height: 133px; padding: 14px 0 0 0; /* position: absolute; top: 45px; z-index: 99; */ color: #FFF; font-size: 14px;  /* background: rgba(0,29,100,0.8); */ font-family: "omnes-pro", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; }

#header .row { width: 940px; }

#header a, #header a[href^=tel] { color: #FFF; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
#header a:hover, #header a[href^=tel]:hover { color: #95e0ff; }

#left-header { float: left; padding-top: 7px; text-align: left; width: 585px; }
#header .logo { float: left; clear: both; }
	#header .logo { margin: 0; padding: 0; }
	#header .logo a { width: 531px; height: 75px; margin: 0; overflow: hidden; background: url('../img/logo.png') no-repeat; display: block; text-indent: -9999px; cursor: pointer; }

	#header nav ul { /* text-align: center; */ float: left; list-style-type: none; margin: 15px 0 0 0; padding: 0; /* margin-left: -14px; */ position: relative; z-index: 99; }
	#header nav ul li { display: inline-block; float: left; font-size: 16px; line-height: 15px; border-right: 1px solid rgba(160,198,211,1.0); margin: 0; padding: 0 22px; text-shadow: 1px 1px 1px #207c95; }
 #header nav ul li:first-child { padding-left: 0px !important; }
	#header nav ul li:last-child { margin-right: 0 !important; border-right: none; padding-right: 0 !important; }
	#header nav ul li a { /* font-weight: 300; */ }
	#header nav ul li a:hover { }



#right-header { width: 305px; float: right; text-align: center; margin-top: -3px; }
#right-header p { font-size: 26px; font-weight: 200; margin: 0 0 2px 0; padding: 0; text-shadow: 1px 1px 1px #207c95; }

#right-header p.pill { background: url("/assets/img/pill-bkg-lighter.png") repeat !important; text-shadow: none !important; }
#right-header p.pill a { background-image: url("/assets/img/pill-circle-lighter.png") !important; color: #268fbd !important; }

#right-header p.pill { background: url("/assets/img/pill-bkg.png") repeat; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; font-size: 18px; margin: 0px auto; padding: 2px 0; width: 250px; }
#right-header p.pill a { background: url("/assets/img/pill-circle.png") 7px center no-repeat; color: #fff; display: block; padding-left: 15px; transition: opacity 0.3s ease-in-out 0s; }
#right-header p.pill a:hover { opacity: 0.6; }

#right-header p.or {
  font-size: 16px;
  font-style: italic;
  line-height: 0.5;
  margin: 0;
  text-align: center;
}
.or span {
  display: inline-block;
  position: relative;
}
.or span:before,
.or span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #5cc4e0;
  top: 5px;
  width: 132px;
}
.or span:before {
  right: 100%;
  margin-right: 10px;
}
.or span:after {
  left: 100%;
  margin-left: 10px;
}

/* SIDE NAV */

.side { float: left; width: 240px; }
.side .sidenav { background-color: #F4F8F9;  border: 1px solid #E7E6E6; padding: 0 0 0 0; width: 240px; }
.sidenav div { margin: 0 0 1px; }
.sidenav div:last-child { margin: 0; }
.side .sidenav a { color: #333; }
.side .sidenav h2 { background: url("/assets/img/header-sub-off-bkg.jpg") repeat-x scroll center center #1BA0C8; font-size: 20px; line-height: 45px; margin: 0; }
.side .sidenav h2 a { color: #777777; display: block; padding: 0 20px 0 12px; }
.side .sidenav ul { margin: 0; padding: 0 10px 10px 10px; }
.side .sidenav ul li { border-bottom: none; font: 300 16px "nimbus-sans", Arial, Helvetica, sans-serif; list-style: none; }
.side .sidenav ul ul li { border-bottom: 1px solid #E0DEDE; list-style: none; }
.side .sidenav li:last-child { border-bottom: none;}
.side .sidenav li a { background: url('/assets/img/more-arrow.gif') 0 16px no-repeat; color: #0091CA; display: block; padding: 10px 0 5px 10px; }
.side .sidenav li a span { display: block; }
.side .sidenav li a.at { text-decoration: underline; font-weight: 600; color: #0091CA; }
.side .sidenav li a:hover { text-decoration: underline; }
.side .sidenav li ul { padding: 0 0 0 13px; }

.side .sidenav ul ul li { font-size: 15px; line-height: 25px; }
.side .sidenav ul ul li a { background: url('/assets/img/more-arrow.gif') 0 14px no-repeat; color: #666; padding: 5px 0 5px 10px; }

.side .round-grad { padding: 20px 20px 10px 20px; margin-bottom: 30px; }
.side .round-grad p img { margin: 0 auto 20px auto; display: block; }

.side .round-grad.facebook { padding: 20px 0 10px 0; }

.eye-conditions-sub .sidenav .eye-conditions ul, .cataract-sub .sidenav .cataract ul, .lasik-sub .sidenav .lasik ul, .eye-care-sub .sidenav .eye-care ul, .cosmetic-sub .sidenav .cosmetic ul, .about-us-sect .sidenav .about ul, .about-us-sect .sidenav .meet-doctors ul, .news-media-sect .sidenav .news-media ul, .insurance-financing-sect .sidenav .insurance-financing ul { display: block; }

.side .sidenav div ul { display: none; }

.eye-conditions-sub .sidenav .eye-conditions h2, .cataract-sub .sidenav .cataract h2, .lasik-sub .sidenav .lasik h2, .eye-care-sub .sidenav .eye-care h2, .optical-sub .sidenav .optical h2, .cosmetic-sub .sidenav .cosmetic h2, .retina-sub .sidenav .retina h2, .pediatric-sub .sidenav .pediatric h2, .retina-sub .sidenav .retina h2, .about-us-sect .sidenav .about h2, .about-us-sect .sidenav .meet-doctors h2, .testimonials-sect .sidenav .testimonials h2, .news-media-sect .sidenav .news-media h2, .insurance-financing-sect .sidenav .insurance-financing h2
{ background: #666 url("/assets/img/header-sub-on-bkg.jpg") repeat-x scroll center center; }

.eye-conditions-sub .sidenav .eye-conditions h2 a, .cataract-sub .sidenav .cataract h2 a, .lasik-sub .sidenav .lasik h2 a, .optical-sub .sidenav .optical h2 a, .eye-care-sub .sidenav .eye-care h2 a, .cosmetic-sub .sidenav .cosmetic h2 a, .retina-sub .sidenav .retina h2 a, .pediatric-sub .sidenav .pediatric h2 a, .retina-sub .sidenav .retina h2 a, .about-us-sect .sidenav .about h2 a, .about-us-sect .sidenav .meet-doctors h2 a, .testimonials-sect .sidenav .testimonials h2 a, .news-media-sect .sidenav .news-media h2 a, .insurance-financing-sect .sidenav .insurance-financing h2 a
{ color: #fff; }

.side .sidenav div ul ul { display: none; }

.cataract-sub div.cataract ul ul, .lasik-sub div.lasik ul ul, .eye-care-sub div.eye-care ul ul, .cosmetic-sub div.cosmetic ul ul { display: inline-block; }

/* FEATURE */

body.home #features { height: 398px; width: 100%; /* border-top: 1px solid #e4e4e4; */ border-bottom: 1px solid #d2d3d4; }
#feature-slider { height: 100%; width: 100%; position: relative; background: #f3f3f3; }

.indiv-feature { position: relative; max-width: 100%; height: auto; width: auto; }
.indiv-feature.slide-1 { background: url('../img/home-feat-1.jpg') no-repeat center center; }


/* Slider without full image change
body.home #feature-slider { height: 100%; width: 100%; position: relative; background: #27262a url('../img/feature-maloney-sml1.jpg') no-repeat center center; }

.indiv-feature { position: relative; max-width: 100%; height: auto; width: auto; height: 100%; width: 100%; }
.indiv-feature div { }
*/


.feature-text { margin: 0 0 0 0; width: 460px; padding: 40px 0 0 0; font-family: "omnes-pro", Arial, Helvetica, sans-serif; font-weight: 200; /* background: grey */}
.feature-text h2 { font-style: normal; font-size: 55px; line-height: 60px; margin: 0 0 20px 0; padding: 0; font-weight: 200; color: #5a5a5a; }
.feature-text h4 { font-size: 24px; }
.feature-text h4 a { color: #0091CA; }
.feature-text blockquote { color: #FFF; font-size: 34px; line-height: 45px; font-weight: 200; font-style: italic; text-align: center; width: 400px; padding: 0 50px; margin: 5px 0 0 0; }
.feature-text blockquote p { padding: 0; margin: 0; position: relative; }
.feature-text blockquote p span.ldquo, .feature-text blockquote p span.rdquo { color: rgba(255,255,255,0.4); font-size: 70px; line-height: 45px; margin: 0; padding: 0; }
.feature-text blockquote p span.ldquo { position: absolute; top: 15px; left: -18px; }
.feature-text blockquote p span.rdquo { position: absolute; bottom: -26px;}
.feature-text cite, .feature-text footer { color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 200; font-style: italic; text-align: center; padding: 0; margin: 8px 0 0 0; }


#lindsey-feature .feature-text blockquote { width: 380px; }


.feature-btns { position: absolute; top: 460px; z-index: 1000; left: 50%; margin-left: -490px; }
.feature-btns .btn { width: 158px; float: left; text-align: center; padding-left: 0 !important; padding-right: 0 !important; margin: 0 30px 0 0; }


body.sect #features { height: 350px; width: 100%; /*  position: relative;  overflow: hidden; top: 151px; */ /* border-top: 1px solid #717d92; */ }

body.sect .feature-text { width: 980px; margin: auto; padding: 0; }
body.sect .feature-text h2 { width: 500px; font-style: normal; font-size: 45px; line-height: 60px; padding: 40px 0 0 0; font-weight: 200; color: #fff; text-align: left; }

body.sect .feature-text cite { text-align: left; font-size: 25px; font-style: italic; }
body.sub .feature-text h2 span { display: inline !important; text-align: left; font-style: italic; font-size: 22px; }


body.sect #features,
body.sect.procedures #features { background: #f3f3f3;}


body.sub #features { height: 100px; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #d2d3d4; /* box-shadow: 0 0 40px 0 rgba(30, 30, 30, 0.10); */ }
body.sub .feature-text { width: 980px; margin: auto; padding: 0; }
body.sub .feature-text h1 { /* width: 700px;  */font-style: normal; font-size: 42px; line-height: 48px; margin: 23px 0 0 0; padding: 0; font-weight: 200; color: #0091CA; text-align: left; }

body.sub .feature-text h1 span.block { display: block !important; font-style: normal; font-size: 27px; }

body.sub #features,
body.sub.procedures #features { /* background-color: #d7ecf2; */ background: #b4d9eb url('../img/sub-feat-head.jpg') no-repeat center center; }

body.home #content-body { padding: 0 !important; }


#feature { background-color: #f3f3f3; height: 100%; width: 100%; }


#feature.one { background: url('/images/home-feat-1.jpg') no-repeat center center; height: 100%; width: 100%; }
#feature.two { background: url('/images/home-feat-2.jpg') no-repeat center center; height: 100%; width: 100%; }
#feature.tre { background: url('/images/home-feat-3.jpg') no-repeat center center; height: 100%; width: 100%; }
#feature.fou { background: url('/images/home-feat-4.jpg') no-repeat center center; height: 100%; width: 100%; }
#feature.fiv { background: url('/images/home-feat-5.jpg') no-repeat center center; height: 100%; width: 100%; }


/* #feature .feature-text { margin: 50px 0 0 -20px; width: 480px; padding: 0 0 0 0; } */

/*
#lindsey-feature { background: #f3f3f3 url('../img/feature-lindsey.jpg') no-repeat center center; height: 100%; width: 100%; }
#procedu-feature { background: #f3f3f3 url('../img/feature-procedu.jpg') no-repeat center center; height: 100%; width: 100%; }

#maloney-feature .feature-text { margin: 100px 0 0 -20px; width: 480px; padding: 0 0 0 0; }
#lindsey-feature .feature-text { margin: 50px 0 0 -20px; width: 500px; padding: 0 0 0 0; }
#procedu-feature .feature-text { margin: 100px 0 0 -20px; width: 480px; padding: 0 0 0 0; }

#lindsey-feature .feature-text blockquote { font-size: 30px; }
#lindsey-feature .feature-text blockquote p span.ldquo { left: 30px; }
*/


#content-body {  min-width: 100%; width: 100%; padding: 30px 0; }

#footer { background-color: #363839; border-top: 1px solid #4a4c4d; overflow: auto; padding: 0; text-align: left; font-size: 14px; color: #FFF; line-height: 20px; text-shadow: 1px 1px 1px #000; }

#footer .col4 { background: url('/assets/img/footer-marker.png') no-repeat; float: left; width: 200px; margin: 0 20px 20px 0; padding-left: 30px; text-align: left; }
#footer .col4.last { margin: 0; }
#footer h3 { border-bottom: 4px double #666666; color: #FFFFFF; margin-bottom: 30px; padding-bottom: 10px; }
#footer h5 { color: #fff; font-size: 14px; margin: 0 0 10px 0; text-transform: uppercase; }
#footer p, #footer a { color: #c8c8c8; }
#footer a:hover, .footer-sub a:hover { text-decoration: underline; }

.footer-sub { background-color: #282a2b; border-top: 1px solid #4a4c4d; color: #8c8989; overflow: auto; padding: 10px 0 0; }
.footer-sub p { float: left; font-family: "omnes-pro", Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 8px; }
.footer-sub a { color: #8c8989; }
.footer-sub .social { float: right; }

footer .sub p { margin: 10px 0; }

.error { display: block; color: #c295c9; }
p.thanks { color: #683ba6 !important; font-size: 20px; line-height: 28px; text-align: center; }


fieldset.time { margin-bottom: 10px; }
fieldset.time label { float: left; margin: 10px 20px 0 0; }
fieldset.time input { float: left; width: auto; margin-right: 8px; }
fieldset.time label.txt { font-size: 14px; }

.field-2 fieldset { width: 318px; }

fieldset { /* display: block; */float: left; display: block; margin-right: 25px; border: none; padding: none; margin: none; }
label    { display: block; font-style: normal; font-weight: 400; font-size: 17px; color: #787878; }
label.error { color: red; vertical-align: top; }
input.error, textarea.error { background: #e2f2ff; }


input, textarea, select {
font: 16px/20px "nimbus-sans", Helvetica, Arial;
font-style: normal;
font-weight: 300;
background: #f8f8f8;
width: 190px;
padding: 8px 8px;
margin: 2px 0 30px 0;
border: 1px solid #d5d4cd;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.free-consultation input { width: 307px; }
.free-consultation input[type="submit"] { width: 190px; }

input[type="radio"] { width: 30px; }

textarea { width: 663px; vertical-align: top;  resize: none; }

select { cursor: pointer; background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #CDCDCD; height: 35px; }

.spacheck { display: none; }

label.desc { display: inline; font-weight: 300; }

fieldset.radio { clear: both; margin-bottom: 20px; }
fieldset.radio input, fieldset.radio label { margin-bottom: 10px; }
fieldset.radio input, fieldset.radio label.desc { cursor: pointer; }

/* ==========================================================================
   Page Specific CSS
   ========================================================================== */

/* Home Page */

.feat-centers { overflow: auto; }
.feat-centers .col3 { margin-bottom: 20px; }
.feat-centers h3 { background: url('/assets/img/bullet-arrow.jpg') no-repeat; line-height: 35px; margin-bottom: 15px !important; }
.feat-centers h3 a { color: #343333; padding-left: 48px; }
.feat-centers .divider { margin: 20px 0 30px; }

.feat-about .col3 img { margin-bottom: 25px; }

.feat-choose ul { list-style-type: none; padding: 0; }
.feat-choose ul li { background: url('/assets/img/bullet-arrow-small.jpg') no-repeat; padding:0 0 20px 30px !important; }

body.home #patients-say { height: 200px; width: 470px;  }
#patients-say-slider { height: 100%; width: 100%; position: relative; }

.indiv-patients-say blockquote { background: #f5f5f5; position: relative; max-width: 100%; height: 200px; width: auto; }

.indiv-patients-say blockquote:after {
    border-color: #f5f5f5 transparent;
    border-style: solid;
    border-width: 15px 20px 0 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
}

.indiv-patients-say blockquote p { font-family: "omnes-pro", Arial, Helvetica, sans-serif; font-weight: 200; padding: 30px; }

.indiv-patients-say footer { background: url('/assets/img/home-patients-say.gif') no-repeat; font-weight: 300; height: 30px; margin-top: 5px; padding: 10px 0 0 50px; }


/* Meet the Doctors */

.doctors .col4, .doctors .col3, .doctors .col2 { text-align: center !important; }
.doctors h3 { font-size: 15px; text-align: center; }
.doctors img { display: block; margin: 0 auto 10px; }

/* Patient Forms */

.patient-forms-sect .main ul { padding-left: 5px; }

.patient-forms-sect .main ul li {
 background: url("/assets/img/pdf.png") no-repeat;
 line-height: 33px;
 list-style: none outside none;
 margin-left: 0;
 padding-left: 40px;
 }

/* Insurance */

.insurance-financing-sect .main ul { padding-left: 20px; }
.insurance-financing-sect .main li { padding: 0 10px 5px 0; }

/* Financing */

.calculator {
	float: left;
	margin:0 25px 1.5em 0;
	padding: 10px;
	border: 1px solid #aaa;
	background: #F0F0F0;
	-webkit-border-radius: 6px;
}

.calculator h2 { font-size: 26px; line-height: 35px; margin-bottom: 10px; }
.calculator h2 span { display: block; font-family: "Arial Black", sans-serif; font-size: 36px; }
.calculator p { overflow: hidden; margin: 0; }
.calculator input { margin: 0; }
.calculator input[type=text] { float: left; padding: 3px 5px; margin: 0; }
.calculator .button { float: left; padding: 3px 10px; margin-left: 10px; }

/* Request an Appointment */

.field-2 input, .field-2 select { width: 300px; }

select { height: 39px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen
and (max-width: 1120px') {
	#features .leftarrow, #features .rightarrow { display: none; }
	#in-the-news .smleftarrow, #in-the-news .smrightarrow { display: none; }
}

@media only screen
and (max-width: 1250px') {
	#featured-procedures .leftarrow, #featured-procedures .rightarrow { display: none; }
}

@media only screen and (min-width: 35em') {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi') {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* CHROME / SAFARI HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
 input
 {
  padding: 8px 8px;
  margin: 2px 0 8px 0;
 }
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline; outline: none;
    }

    a[href]:after {
        content: " (" attr(href') ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}