/* PNG FIX */
.home-navNode *, #emailUpdates-form *, #findLocation-results *,
img.png								{ behavior:url("/stylesheets/iepngfix.htc"); }

html								{ overflow: -moz-scrollbars-vertical; }
body								{ background-color:#FFF; margin:0; padding:0; }
div, form							{ margin:0; padding:0; }

#canvas								{ width:960px; margin-left:auto; margin-right:auto; text-align: left; position:relative; top:0; left:0;  }
img.emailSignUp						{ cursor:pointer; cursor:hand; }
#canvas img							{ border: none; }

/* Generic Font Styles */
div, p								{ font-family:arial, verdana, sans-serif; font-size:12px; line-height:18px; color:#533b27;  }
p									{ margin:0 0 16px 0; }
a									{ color:#533b27; }
a:hover								{ text-decoration:none; }

h3									{ margin:0; font-family:arial, verdana, sans-serif; font-size:18px; line-height:1em; color:#412c1b; font-weight:normal; }
h4									{ margin:0; font-family:arial, verdana, sans-serif; font-size:13px; line-height:1em; color:#533b27; font-weight:normal; text-transform:uppercase; }
h5									{ margin: 0 0 0 0; font-size: 14px; font-weight: normal; }

/* Header Styles */
#header								{ width:960px; height:71px; position:relative; top:0; left:0; background:transparent url('/images/bg-siteHeader.gif') no-repeat; }
#logo								{ position:absolute; top:9px; left:9px; }
#emailSignUp						{ position:absolute; top:10px; right:0; }

/* Navigation Styles */
.subnav								{ position:relative; top:0; left:0; z-index:20; }
#subnav-nodes						{ margin:11px 0 1px 0; height:20px; width:960px; background-color:#412C1b; cursor:pointer; cursor:hand; }
#subnav-nodes a						{ text-decoration: none; padding:1px 0 1px 8px; border-right:1px solid #76675A; font-family:arial, verdana, sans-serif; color:#FFF; text-transform:uppercase; font-size:10px; width:151px; height:18px; float:left; background-color:#412C1b; }
#subnav-nodes a:hover				{ border-right:1px solid #C8EB91; background-color:#ACD867; color:#412c1b !important; }
#subnav-nodes a.active				{ border-right:1px solid #C8EB91; background-color:#C8EB91; color:#412c1b !important; }
#subnav-nodes div					{ width: 151px; padding:2px 0 0 8px; border-right:1px solid #76675A; font-family:arial, verdana, sans-serif; color:#FFF; text-transform:uppercase; font-size:10px; height:18px; cursor:pointer; cursor:hand;  float:left; background-color:#412C1b; }
#subnav-nodes div#subnavNode-eyewear{ width: 152px; }
#subnav-nodes div.active			{ background-color:#C8EB91; color:#412c1b !important; }
#subnav-nodes div.menu				{ background-image:url('/images/subnavNode-menuButton-off.gif'); background-repeat:no-repeat; background-position:113px 5px;  }
#subnav-nodes div.menu-active		{ border-right:1px solid #C8EB91; color:#412c1b !important; background:#c8eb91 url('/images/subnavNode-menuButton-on.gif') no-repeat 113px 5px; }
#subnav-nodes #first				{ width: 152px; }

.subnav-dropdown					{ width:960px; background-color:#FFF; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); position:absolute; top:21px; left:0; display:none; z-index: 99 !important;}
.subnav-dropdown div				{ float:left; width:151px; padding:16px 0 8px 8px; }
.subnav-dropdown div.last			{ width:147px; }
.subnav-dropdown div p,
.subnav-dropdown div p a			{ font-size:11px; color:#412C1B; }
.subnav-dropdown div p				{ line-height:17px; }

/* Generic Content Layout Styles */
.three-even-columns					{ width:960px; }
.left-33							{ float:left; width:320px; }
.center-33							{ float:left; width:320px; }
.right-33							{ float:left; width:320px; }
.right-33 h5						{ margin-top: 10px; }
.right-33 p							{ text-align: right; width: 300px; margin: 0 0 0 20px; }

div.generalContent-copyOnly			{ width:640px; margin:26px 0 29px 161px; }
#sitemap-content div.generalContent-copyOnly div	{ width:320px; float:left; }

div.generalContent-withImage		{ width:960px; margin:26px 0 29px 161px; }
div.generalContent-withImage div.content-column	{ float:left; width:320px; }
div.generalContent-withImage div.image-column	{ float:left; margin:22px 0 0 80px; }

/* Home Page Styles */
#homeContent						{ width:960px; height:560px; overflow:hidden; position:relative; top:0; left:0; z-index:90; }
#home-logo							{ position:absolute; top:148px; left:9px; z-index:99; }
#home-featuredEvents				{ position:absolute; top:390px; left:0; z-index:99; cursor:pointer; cursor:hand; }
#home-featuredEvents div			{ position:absolute; top:0; left:0; z-index:2; }
#home-featuredEvents div#featuredEvent-01	{ z-index:3; }
#home-emailSignUp					{ position:absolute; top:10px; right:0; z-index:99; }

#home-logoTagline					{ float:left; width:320px; height:560px; background:transparent url('/images/bg-homeLogoColumn-1.jpg') no-repeat; }
#home-logoTagline div				{ width:320px; height:80px; margin:230px 0 0 0; background-color:#ACD867; }
#home-logoTagline div img			{ margin:8px 0 0 12px; }
#home-brandsNavColumn				{ position:absolute; top:0; left:320px; z-index:91; width:160px; height:560px; overflow:hidden; }
#home-servicesNavColumn				{ position:absolute; top:0; left:480px; z-index:92; width:160px; height:560px; overflow:hidden; }
#home-locationsNavColumn			{ position:absolute; top:0; right:160px; z-index:93; width:160px; height:560px; overflow:hidden; }
#home-eventsNavColumn				{ position:absolute; top:0; right:0; z-index:94; width:160px; height:560px; overflow:hidden; }

#home-brandsNavColumn				{ background:transparent url('/images/bg-brandNavColumn-1.jpg') no-repeat; }
#home-servicesNavColumn				{ background:transparent url('/images/bg-servicesNavColumn-1.jpg') no-repeat; }
#home-locationsNavColumn			{ background:transparent url('/images/bg-locationsNavColumn-1.jpg') no-repeat; }
#home-eventsNavColumn				{ background:transparent url('/images/bg-eventsNavColumn-1.jpg') no-repeat; }

.home-navNode div					{ position:relative; top:0; left:0; background:#A2CB61 url('/images/bg-homePageNav.gif') repeat-y; cursor:pointer; cursor:hand; }	
#home-brandsNavColumn div,
#home-servicesNavColumn div,
#home-locationsNavColumn div,
#home-eventsNavColumn div			{ width:150px; height:16px; padding:11px 0 53px 10px; position:relative; top:230px; left:0; overflow:hidden; }

.home-navNode div ul				{ position:absolute; left:61px; top:15px; margin-top:0; margin-bottom:0; list-style-type:none; display:none; }
.home-navNode div ul li				{ line-height:12px; padding:0 0 7px 14px; background:transparent url('/images/spacer.gif') no-repeat 0 2px; }
.home-navNode div ul li a			{ font-family:arial, verdana, sans-serif; font-size:11px; color:#533b27;text-decoration:none; }
.home-navNode div ul li a:hover		{ color:#B45901; text-decoration:none; }

/* Brand Overview Layout Styles */
#brandOvw-content					{ position:relative; top:0; left:0; width:960px; height:430px; overflow:hidden; }
#brandOvw-content #brand-previousFeatured,
#brandOvw-content #brand-nextFeatured	{ position:absolute; top:0; left:0; z-index:11; display:none; }
#brandOvw-content #brand-featured	{ position:absolute; top:0; left:0; z-index:10; }
#brandOvw-content #brand-localNav	{ position:absolute; top:285px; right:0; z-index:12; }
#brand-localNav #brand-alsoIn		{ display:none; }
.roloverImg							{ border: 0; }
#moreInfo							{ position:absolute; color:#412C1B; font-size:10px; text-align:center; width:79px; height:23px; line-height:23px; background:transparent url('/images/bg-moreInfo.png') repeat; overflow:hidden; z-index:999; visibility: hidden; }

/* Brand Detail Layout Styles */
#brandDtl-images					{ margin:0 0 30px 0; width: 960px;}
#brandDtl-images img				{ float: left; }
#brandDtl-content					{ background:transparent url('/images/bg-spexWatermark.gif') no-repeat bottom left; }
#brandDtl-content .left-33			{ text-align:center; }
#brandDtl-content .center-33		{ margin:0 0 30px 0; }
#brandDtl-content .center-33 p		{ padding:0 10px; }
#brandDtl-content .right-33			{ text-align:right; }
#brand-localNav						{ margin-bottom:22px; width:160px; float:right; }
#brand-localNav img					{ margin-bottom:2px; cursor:pointer; cursor:hand; }
#brand-localNav img.next			{ margin-left:2px; }
#brand-localNav div div				{ float:right; }

/* Doctors Styles */
#doctors-content					{ width:960px; margin:25px 0 29px 0; }
.doctor-info						{ width:450px; float:left; padding:15px 15px 30px 15px; margin-bottom:1px; }
#doctors-content .alt				{ background-color:#F2F1F0; }

.doctor-info-copy					{ width:310px; float:left; }
.doctor-info-img					{ width:100px; margin-left:40px; float:left; }

/* Locations Styles */
#locationsLanding-content			{ margin:1px 0 0 0; }
.locationsRow						{ width:960px; }
.location-container-first			{ width:161px; height:161px; float:left; }
.location-first						{ width:160px; height:160px; margin:0 1px 1px 0; background-color:#c8eb91; position:relative; top:0; left:0; }
.location-container					{ width:160px; height:161px; float:left; }
.location							{ width:159px; height:160px; margin:0 1px 1px 0; background-color:#c8eb91; position:relative; top:0; left:0; }
.location-container-last			{ width:159px; height:161px; float:left; }
.location-last						{ width:159px; height:160px; margin:0 0 1px 0; background-color:#c8eb91; position:relative; top:0; left:0; }

.location-thumb						{ position:absolute; top:0; left:0; z-index:8; display:none; }
.location img.location-thumb,
.location-last img.location-thumb	{ width:159px; }

.location-name						{ background-color:#412C1B; 
									  font-size: 11px; font-weight: bold; color:#fff; text-decoration: none; 
									  position:absolute; top:65px; left:0pt; height:30px; width:154px; line-height:30px;
									  padding-left: 5px; 
									  z-index:10; }
.location-first .location-name		{ width:155px; }
.location-info,
.location-info-right				{ position:absolute; top:0; z-index:110; width:320px; height:160px; background-color:#FFF; display:none; }
.location-info						{ left:160px; }
.location-info-right				{ left:-320px; }
.location-addrPhone					{ float:left; margin:11px 0 0 14px; width:200px; }
.location-addrPhone p				{ line-height:14px; margin:0 0 11px 0; }
.location-addrPhone img				{ margin-top:20px; }
.location-info-close				{ float:left; margin:8px 0 0 40px; }
.location-info-close img			{ cursor:pointer; cursor:hand; }

#locationDtls						{ margin:30px 0 0 160px; width:640px; }
.locationDtl-image					{ float:left; width:320px; height: 200px; }
.locationDtl-info					{ float:left; margin:0 0 0 22px; width:295px; }
#locationDtl-info-tbl				{ width:295px; }
#locationDtl-info-tbl td			{ padding:0 0 6px 0; }
#locationDtl-info-tbl td.locationDtl-info-hdr	{ text-transform:uppercase; font-size:10px; font-weight:bold; }

#locationDtl-nameAddr				{ width:400px; float:left; }
#locationDtl-locations				{ position:relative; top:0; left:0; z-index:70; margin:0 0 0 420px; }

#locationDtl-locations-dropDown		{ position:absolute; top:0; left:0; display:none; }
#locationDtl-locations-dropDown img	{ cursor:pointer; cursor:hand; }
#locationDtl-locations-dropDownList	{ width:228px; background:transparent url('/images/bg-selectALocation-dropDown.png') repeat-y; }
#locationDtl-locations-dropDownList ul		{ margin:0; padding:15px 0 18px 15px; }
#locationDtl-locations-dropDownList ul li	{ margin:0; padding:0 0 2px 0; list-style-type:none; }
#locationDtl-locations-dropDownList ul li a	{ text-decoration:none; }
#locationDtl-locations-dropDownList ul li a.active	{ color:#b45901; }

/* Event Styles */
#introCopy							{ width:799px; min-height:79px; _height:79px; background:#c8eb91 url('/images/bg-introCopy.gif') no-repeat 0 11px; margin: 0 0 40px 0; padding:31px 0 30px 161px; }
#introCopy h3						{ width:640px; }

#events-content						{ width:640px; margin:0 0 62px 160px; }
.event								{ margin:30px 0 5px 0; }
.event-desc							{ float:left; width:415px; }
.event-logo							{ float:left; margin:0 0 0 27px; }

/* Sitemap Styles */
#sitemap-content ul 				{ margin:0; padding:0 0 25px 15px; }
#sitemap-content ul ul				{ padding:0 0 8px 15px; }
#sitemap-content li					{ padding:0 0 2px 0; }

/* Media Info */
#media_info ul 						{ margin:0; padding:0 0 25px 15px; }
#media_info ul ul					{ padding:0 0 8px 15px; }
#media_info li						{ padding:0 0 2px 0; }

/* Footer Styles */
#footer								{ border-top:1px solid #DFDFDF; width:960px; padding:23px 0 0 0; }
#footer p							{ margin:0; line-height:10px; }
#footer p.footerLinks a				{ font-family:arial, verdana, sans-serif; font-size:10px; color:#412C1B; text-decoration:none; text-transform:uppercase; padding-right:10px; }
#footer p.footerLinks a:hover		{ text-decoration:underline; }
#footer p.footerCopyright			{ font-family:arial, verdana, sans-serif; font-size:11px; line-height:15px; color:#999; margin:23px 0 0 0; }
#footer p.footerCopyright a			{ color:#999; text-decoration:underline; }
#footer p.footerCopyright a:hover	{ text-decoration:none; }

/* Lightbox effect Styles */
#lightbox							{ filter:alpha(opacity=80); opacity: 0.8; background-color:#FFF; z-index:98; position:absolute; top:0; left:0; height:1px; width:100%; cursor:pointer; cursor:hand; display:none; }
#emailUpdates-form					{ z-index:99; position:absolute; top:0; right:-8px; width:328px; display:none; }
#emailUpdates-form div#container	{ background:transparent url('/images/bg-lightBox-popup.png') repeat-y -160px 0; padding:10px 8px 11px 11px; height: 145px; }
* html #emailUpdates-form div#container	{ background:transparent url('/images/bg-lightBox-popup-ie.png') no-repeat; width:320px; padding:10px 0 11px 11px; height: 145px; }
img.emailNoThanks					{ cursor:pointer; cursor:hand; float:right }
#emailUpdates-form .panel			{ margin-top: 16px; }
#emailUpdates-form h4				{ font-weight: bold; font-size: 12px; text-transform: none; margin-bottom: 14px; }
#emailUpdates-form p				{ width:260px; font-size:11px; line-height:14px; margin:0 0 19px 0; }
#emailUpdates-form label			{ font-size:11px; line-height:18px; padding:0 5px 0 0; }
#emailUpdates-form input.emailSignUp{ margin:20px 0 0 0; border:0; }
#emailUpdates-form input.textField	{ background-color:#FFF; border:1px solid #FFF; width:175px; height:14px; }
#emailUpdates-form #email_error		{ color: #d32d00; font-size:10px; margin: 19px 0 0 10px; }
#emailUpdates-form #email_sending	{ margin: 18px 0 0 10px; width: 16px; height: 16px; }		

#findStore-results					{ display:none; z-index:99; position:absolute; top:250px; left:50%; width:488px; margin-left:-240px; }
#findStore-header					{ padding:18px 0 25px 20px; }
a#findStore							{ margin-bottom: 2px; display: block; background: url('/images/btn-findStore.gif') no-repeat; width: 160px; height: 20px; }
a:hover#findStore					{ background-position: top right; }
img.findStore-close					{ cursor:pointer; cursor:hand; }
#findStore-content					{ width:488px; background:transparent url('/images/bg-findStore-lightbox.png') repeat-y; }
* html #findStore-content			{ background:transparent url('/images/bg-findStore-lightbox-ie.png') no-repeat; }
#findStore-content *				{ color:#412c1b; font-size:11px; }
#findStore-content ul				{ margin:0; padding:0; }
#findStore-brandInfo img			{ float:left; margin:0 15px 50px 20px; }				
#findStore-brandInfo div			{ float:left; }
#findStore-footerNote				{ width:468px; height:43px; padding:8px 0 0 20px; background:transparent url('/images/bg-findStore-lightboxFooterNote.png') no-repeat; font-size:11px; }


/*---- sIFR ---*/
.sIFR-flash 						{ visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash 		{ visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore 		{ visibility: visible !important; }
.sIFR-alternate 					{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus 	{ margin: 0; padding: 0; overflow: auto; letter-spacing: 0; float: none; }
.sIFR-dummy 						{ width: 0; height: 0; margin-left: 42px; z-index: 0; }

/* These are the sIfr Display files */
div.sIFR-title						{ background-color:#FFF; margin:0 -20px 20px 0; padding:7px 0 5px 0; border-bottom:3px double #D2D2D2; }
div.sIFR-title-noline				{ background-color:#FFF; margin-bottom:26px; }
div.sIFR-header						{ border-bottom:1px solid #D2D2D2; background-color:#FFF; margin:0 0 17px 0; padding:0 0 6px 0; width:100%; }
div.sIFR-header-noline				{ margin:0; background-color:#FFF; padding:0 0 9px 0; }


/* containment approach for div's with floated children */
.clearfix:after 					{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix							{ display: inline-block; }
html[xmlns] .clearfix 				{ display: block; }
* html .clearfix 					{ height: 1%; }
.clearMe							{ overflow:hidden; width:100%; }


#canvas .left-33 img				{ border: solid white; border-width: 30px 45px; }

#navigation img						{ float: left; }

#nav-brand							{ background: url('/images/navNode-brands.gif') no-repeat;}
#nav-services						{ background: url('/images/navNode-services.gif') no-repeat;}
#nav-locations						{ background: url('/images/navNode-locations.gif') no-repeat;}
#nav-events							{ background: url('/images/navNode-events.gif') no-repeat;}

#nav-brand,
#nav-services,
#nav-locations,
#nav-events							{ background-position: top right; float: left; display: block; width: 160px; height: 29px; }				

.divider							{ background: #C8EB91; padding: 6px 5px 0 5px; margin: 0 0 10px 0; }

a:hover#nav-brand,
.active#nav-brand, 	
a:hover#nav-services,
.active#nav-services, 	
a:hover#nav-locations,
.active#nav-locations,
a:hover#nav-events,
.active#nav-events 					{ background-position: top left; }

input.button						{ color: white; font-size: 14px; border: 1px solid; border-color: #BCD5FF #525C93 #2A304E #6A77C3; background: #4457FF; }
select								{ font-size: 14px;}
#subnavigation						{ clear: both; background: #C8EB91; padding: 4px 10px 10px 10px; width: 940px; }
#subnavigation h2					{ font-weight: normal; margin: 3px 0; padding: 0; }
#subnavigation table				{ width: 940px; margin-bottom: 7px; }
#subnavigation .title				{ border-bottom: 1px dashed #B8D363; }
#subnavigation h3					{ color: #4F3B28; font-size: 15px; }
#subnavigation p					{ margin: 0;}
.right-33 h5						{ border-bottom: 1px dashed #663C29; margin-left: 20px; }
#flash 								{ font-size: 14px; border: 2px solid #FC9560; background: #FCF0AA; margin-top: 10px; padding: 10px; float: right; width:600px; }
fieldset legend						{ font-weight: bold; }
fieldset label						{ margin-right: 10px; }
div.detail							{ font-size: 10px; line-height: 10px;}
span.detail							{ margin-left: 10px; font-size: 10px; }
img.new-window						{ margin: 0px 0 0 2px; }
label.detail						{ font-size: 10px; }
label.big							{ font-size: 16px; font-weight: normal;}
p.big				  				{ font-size: 18px; text-align:center; margin: 20px 40px; line-height: 24px; }
input.big							{ font-size: 18px; }
a.big								{ font-size: 18px; }
input								{ font-size: 12px; border: 1px solid #4F3B28; padding: 2px;}
div.radiobutton label input, 
input.sendbutton                    { border: 0px solid white; }
input#location-name					{ font-size: 18px; width: 500px;}
input#address						{ font-size: 12px; width: 269px;}
input#city							{ font-size: 12px; width: 136px;}
input#state							{ font-size: 12px; width: 25px;}
input#zip							{ font-size: 12px; width: 42px;}
input.phone							{ width: 80px; }
textarea							{ font-size: 12px; font-family:"Lucida Grande", Tahoma, Arial, sans-serif; }
.checkbox							{ margin-top: 3px;}
#errorExplanation					{ padding: 5px 10px; background: #F7DEDF; border: solid #E11D1C; border-width: 2px;}
#errorExplanation h2 				{ font-size: 15px; font-weight: normal; margin: 0;}
#errorExplanation p					{ margin-bottom: 8px; }
#errorExplanation ul 				{ margin: 0; }
.fieldWithErrors input,
.fieldWithErrors textarea			{ border: 1px solid #E11D1C; }

form.smerfForm                      { margin-left: 108px; }
.smerfQuestion div                  { float:left; font-size: 20px; width: 600px; color:#533B27; line-height:26px; }
div.sort                            { font-size:20px; width:30px; color:white; background-color:#533B27; padding:0 3px 0 6px; text-align:right; margin-right: 16px; }
div.qst                             { padding-bottom: 17px; }
.smerfForm div.radiobutton          { margin-left: 52px; }
.smerfForm div.select				{ margin-left: 56px; }
.smerfSubquestion div               { font-weight: bold; margin-top: 20px; }
span.lighten                        { font-weight: normal; color: #999;}
.sendbutton                         { margin: 10px 55px; }
.questionbox                        { margin-bottom: 15px; margin-left: 54px;  border-top: 1px dotted #999; width: 620px; }
.textarea textarea                  { height: 120px; width: 610px; margin-bottom: 15px; }
.smerfQuestionError                 { border: 1px solid red; padding: 4px; width: 300px; margin-bottom:12px; }
.smerfQuestionError p               { margin-bottom: 0; }
.smerfThankyou 						{ margin-left: 58px; width: 630px; margin-bottom: 40px; }

