/*  ---------------------------------------------  GLOBALS ----------------------------------------------- */
body{font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:14px;color:#000;line-height:24px}
/*  --------------------------------------------- ADDRESS/CONTACT ----------------------------------------------- */
#address .tel,#address .adr{font-style:normal;float:right;clear:right}
#address .tel{margin:35px -5px 0 0; /* background:url(../images/tel_icon.jpg) left center no-repeat; padding:0 0 0 35px*/ }
#address .tel,#address .tel a{font-size:36px;line-height:36px;color:#0087cf;width:auto; text-align:right}
#address .adr{margin:5px 0 0 0;font-size:14px;line-height:14px;color:#56a5d6;width:100%; text-align:right}

/* Convenient Locations Dropdown */
#convenient-locations{ float:right; z-index:9999;}
#convenient-locations ul{ width:261px; text-align:right; background:#7a7a7a; margin-left:18px;}
#convenient-locations ul li a{color:#fff; padding:5px 43px 5px 10px; float:right; clear:right; width:208px;}
#convenient-locations ul li a:hover{ background:#595959; }
#convenient-locations>li{ width:279px; height:33px; background:url(https://www.retinaassociates.org/wp-content/uploads/2025/07/convenient-locations7.jpg) no-repeat; }
/*  --------------------------------------------- NAVIGATION ----------------------------------------------- */
#ddm{margin:0;}
#ddm>li>a{font-size:17px;line-height:17px;height:17px;padding:25px 25px 22px 24px;
		 color:#fff;text-transform:capitalize;font-weight:normal;
		  /* background:url(../images/divider.jpg) top right no-repeat; */}
#ddm>li.first>a{ padding-left:0; margin-left:-2px; }		  
#ddm>li.last>a{background:0; padding-right:0;}
#ddm>li:hover>a{color:#ffb379}
/* submenu */
#ddm ul{width:200px;margin-top:0}
#ddm li li a{color:#fff;font-size:12px;padding:6px 16px;margin:0;background:url(../images/nav-bg.png);}
#ddm li ul a:hover{color:#ffb379;background:#0077ad}
/*  --------------------------------------------- HEADERS ----------------------------------------------- */
H1,H2,H3,H4,H5,H6{padding:25px 0 15px;font-weight:normal;color:#00326f; letter-spacing:-0.03em;}
H1{font-size:30px;line-height:28px}
H2{font-size:24px;line-height:24px}
H3{font-size:18px;line-height:20px}
H4{font-size:16px;line-height:16px}
H5{font-size:14px;line-height:14px}
H6{font-size:12px;line-height:12px}
article H1.heading,aside H1.heading{padding:0 0 15px }
aside H2{padding:11px 0px}

/*  ------------------------------------------- HIGHLIGHTS ------------------------------------------- */
#highlights a{ float:left; margin-right:10px; }

/*  --------------------------------------------- MAIN ----------------------------------------------- */
#main article ul,#main article ol{margin:0;padding:11px 0 15px 20px;list-style-position:outside; list-style-image:url(../images/arrow_01.gif);}
#main article a{color:#00326f}
#main article a:hover{color:#00326f}
#main article p{margin:10px 0; text-align:justify}

/********** Text Sizer **********/
.textsizer {position:absolute; top:38px; right:-483px;}
.textsizer span {margin-right: 10px;color:#3a3a3a; font-size:17px; text-transform:uppercase;}
.textsizer a {display: inline;padding:2px 3px;color: #ee2724 !important;}
.textsizer  a:hover {color: #ee2724 !important;}

.small{font-size:14px;line-height:24px}
.medium{font-size:16px;line-height:26px}
.large{font-size:18px;line-height:28px}


/*  --------------------------------------------- SIDEBAR ---------------------------------------------- */
/********** QUICK CONTACT **********/
#qc #qform {width:390px; padding: 0; margin: 13px 0 0 0; overflow:hidden;}
#qc #qform .inputSelectquick, #qc #qform .inputCommentquick {
	font-family: Arial, Helvetica, sans-serif;
	width:155px; margin: 4px 0 0 0;
	padding:7px 4px 6px 22px; background-position:5px 11px;
	display: block;	clear: left; background-color: #f0f0f0;
	border: 1px solid #d8d8d8;color: #191919; font-size: 14px;	}
#qc #qform .col {float:left; margin-right:4px; }
#qc #qform .col.two{ margin-right:0; }
#qc #qform .inputCommentquick {overflow: auto; width:172px; height:86px; margin-right:-1px;}	
#qc #qform .inputButtonquick {
color: #FFF; border: 0; background:url(../images/submit-button.jpg) no-repeat;
margin: 4px 3px 0 0; width:90px; height:31px;
float: right;  cursor: pointer; }
#qc #qform .inputButtonquick:hover {  background:url(../images/submit-button_hover.jpg) no-repeat;}
#qc #qform p {float:left; font-size:11px;}

#text-contrast{ float:left; clear:left; margin:40px -1px 0 0; }

aside ul, aside ol, .page-33 article ul{margin:0;padding:0px 0 5px 20px;list-style-position:outside; list-style-image:url(../images/arrow_01.gif); font-weight: bold; }
aside ul a, aside ul a:visited{color: #00326F;}
aside ul a:hover, .page-33 article ul a:hover{padding-left: 10px; color:#EE2724;}
aside ul ul, .page-33 article ul ul {font-weight: normal; list-style: none;}

/*  -------------------------------------------- FEATURES ---------------------------------------------- */
#featured-links .feature{ float:left; color:#fff; width:390px; margin:0 15px;}
#featured-links .feature.right{ float:right; margin-right:0; }
#featured-links .flogo{ margin:-6px 40px 0 0; float:left;}
#featured-links .feature h2{ color:#fff; padding:0 20px 0 0; margin-bottom:10px; background:url(../images/white-arrow.jpg) top right no-repeat;float:left;}
#featured-links .feature p{ float:left; clear:left; width:100%; }

/*  --------------------------------------------- BOTTOM ----------------------------------------------- */
#bottom section{float:left;padding:0 24px}
#bottom section.first{padding-left:0}
#bottom section.last{padding-right:0}
#bottom .bottomdivider{background:#000;width:1px;height:140px;margin:24px 0}
#bottom ul{margin:0;padding:0 22px 0 0;color:#fff;font-size:13px;list-style:outside none}
#bottom H3{color:#4a4a4a;font-size:20px;padding-bottom:10px}
#bottom ul li a{color:#4a4a4a}
#bottom ul li a:hover{color:#00326f}
#bottom .multilist li{padding-right:12px}

#large-links{ float:right; text-align:right; margin-top:20px;}
#large-links h1{ margin:0 0 20px; padding:0;  color:#4a4a4a;}
/*  --------------------------------------------- FOOTER ----------------------------------------------- */
#footer section.one{float:left;width:696px}
#footer section.two{float:right;width:246px}
#footer p{width:100%;line-height:20px;font-size:13px;color:#4a4a4a;float:left}
#footer a{color:#4a4a4a}
#footer a:hover{color:#00326f}
#footer #footerlinks{float:right;clear:right;width:100%;text-align:right}
#footer #footerseo{float:left;clear:left;margin-top:15px; width:100%}
#footer #footerseo p { width:100%}
/* footer   navigation 
#footer #footernav {margin-bottom:10px;float:left;}
#footer ul#footernav li a {padding:0 9px; background: url(../images/footer_divider.jpg)right center no-repeat;font-size:13px; }
#footer ul#footernav li.first a { padding-left:0;}
#footer ul#footernav li.last a { background: none;  }
*/
/*  --------------------------------------------- PICTURES & ALIGNMENT----------------------------------------------- */
img.alignleft, img.alignright, img.aligncenter, .picLeft, .picRight{border:1px solid #ccc;margin:6px 0 12px; padding: 3px;}
.alignleft,.picLeft{float:left;margin-right:20px!important}
.alignright,.picRight{float:right;margin-left:20px!important}
.aligncenter{margin:0 auto 10px!important;display:block;clear:both}
.picRightnoborder{float:right;margin:6px 0 12px 12px}
.picLeftnoborder{float:left;margin:6px 12px 12px 0}
.noborder{border:0!important}
/*  ---------------------------------------------   CONTENT ELEMENTS  ----------------------------------------------- */
.column>*{padding-right:24px!important}
hr{width:100%;border:0;border-top:1px solid #AAA;text-align:center;margin:20px auto}
div.spacer{clear:both;height:5px;display:block}
.button{background:#CCC;border:1px solid #777;padding:3px 5px;margin:0;font-size:12px}
.button:hover{background:#555;color:#FFF}

#call-to-action {border: 3px double #00326F; padding: 0px 20px 0px 30px; background: transparent url("../images/red-arrow.jpg") no-repeat 3px 17px; margin-top: 10px;}
#call-to-action strong {font-size: 1.2em; color: #00326F;font-weight: bold; }

#crumbs {padding-bottom: 20px;}
#loc_table td {padding: 10px 0;}

/* ---- WORDPRESS COMMON ----- */
#searchform{float:left;margin:24px 0 24px;text-align:left;width:100%}
#searchform #s{width:65%!important;margin-right:4px;float:left}
#searchform #searchsubmit{width:30%;max-width:80px;margin-top:-2px;padding:3px 5px;float:left}
aside .widget{float:left;clear:left;width:100%;margin-bottom:20px}
.navigation .next-posts {float:left}
.navigation .prev-posts {float:right}
/* ----- WORDPRESS CAPTIONS ----- */
#main .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px}
#main .wp-caption img{margin:0 auto;padding:0;border:0 none}
#main .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:2px 4px 5px;margin:0 auto;text-align:center}
#main .wp-caption.alignnone {margin: 5px 20px 20px 0;}
#main .wp-caption.alignleft {margin: 5px 20px 20px 0;}
#main .wp-caption.alignright {margin: 5px 0 20px 20px;}

/* column styles */
/* ------- Fluid Columns ------- */
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position:relative; margin-right:4%; float:left; min-height:1px; height:auto!important; height:1px; }
.one_half { width:48%; }
.one_third { width:30.6666%; }
.two_third { width:65.3332%; }
.one_fourth { width:22%; }
.two_fourth { width:48%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }
.one_sixth { width:13.3333%; }
.two_sixth { width:30.6666%; }
.three_sixth { width:47.9998%; }
.four_sixth { width:65.3332%; }
.five_sixth { width:82.6665%; }
.last { margin-right:0!important; clear:right; }
.one_half .one_half { margin-right:8.3333%; width:45.8333%; }
.one_half .one_third { margin-right:8.3333%; width:27.7778%; }
.one_half .two_third { margin-right:8.3333%; width:63.8889%; }
.two_third .one_third { margin-right:6.1224%; width:29.2517%; }
.two_third .two_third { margin-right:6.1224%; width:64.6258%; }
.two_third .one_fourth { margin-right:6.1224%; width:20.4082%; }
.spacer{clear:both; height:1px; display:block;}