/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:16px; background:url(/img/bckg.jpg) top left repeat-x; background-color:#fff;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:995px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:995px; height:126px; margin:0 auto;}
h1#topHead {
	width:100%; 
	text-align:center; 
	margin:0 auto; 
	padding:2px 0 1px 0; 
	font-size:10px; 
	color:#FFFFFF;
	background:#0076A3;
}
#headerImg {position:relative; background:url(/img/headerTop.png) top left no-repeat; width:995px; height:126px; margin:0 auto;}


#logo a { position:absolute; top:10px; left:30px; width:500px; height:100px; display:block; z-index:98;}

#textAdjust {position:absolute; top:25px; right:20px; font:12px Arial, Helvetica, sans-serif; color:#466382;}
#textAdjust a img {margin:0 0 0 4px;}

#subNav {position:absolute; top:87px; right:15px; float:right; z-index:99; }
#subNav li {float:left; list-style:none; margin:0 2px;}
#subNav li a { background-color:#187798; text-decoration:none; padding:5px 8px; font:.9em Arial, Helvetica, sans-serif; color:#FFF;}
#subNav li a:hover { color:#000;}

#secondaryNav {position:absolute; right:20px; top:70px; background-color:#999999;}
#secondaryNav li {float:left; margin:0 10px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}

#mainNav { position:absolute; top:126px; width:265px; height:319px; margin-bottom:10px; z-index:100;}
#mainNav ul { padding:3px; margin:0 0 0 50px;}
#mainNav li { list-style:none; border-bottom:#F60 solid thin; width:192px; height:31px; }
#mainNav li.end { border-bottom:none;}
#mainNav li a { display:block; background:url(/img/arrowwhite.gif) center right no-repeat ; text-align:right; margin-right:15px; padding:7px 20px 7px 0; font:16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
#mainNav li a:hover { color:#fff;  background:url(/img/arrowblue.gif) center right no-repeat; text-decoration:none;}
#mainNav ul li.end a:hover {}

/*****drop down***/
#mainNav ul li ul {position:absolute; left:-9999px; margin:-39px 0 0 245px; padding:0; z-index:999;}
#mainNav ul ul li {float:none; border:none; margin:0; height:26px; z-index:998;}

#mainNav ul li:hover ul, #mainNav li.sfhover ul { display:block; left:0; z-index:998;}

#mainNav li ul li {padding:0; margin-top:0; z-index:999;}

#mainNav ul ul li a {background-color:#0076A3; background-image:none; text-align:left; display:block; color:#fff; height:18px; font:12px Arial, Helvetica, sans-serif; padding:5px 20px 5px 5px; z-index:998;}
#mainNav ul ul li a:hover {  background-image:none; background-color:#fff; color:#000; z-index:998;}

#mainNav ul ul ul {  display:block; z-index:998;}

#mainNavBckg { position:absolute; top:126px; background:url(/img/menu.png) top left no-repeat; width:265px; height:319px; margin-bottom:10px; }
/*** end drop down***/

#mainNav li ul ul { 
     margin: -28px 0 0 175px; white-space:nowrap; padding:1px 10px 1px 2px; height:17px;
} 
#mainNav li ul ul li {  width:100%;
       
} 
#mainNav li:hover ul ul, #mainNav li.sfhover ul ul { 
     left: -999em;
} 
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
     left: auto; 
} 


#photos { position:relative; top:-28px; left:245px; width:750px; height:277px; z-index:10;}

#photos2 { position:absolute; top:97px; right:0px; width:750px; height:277px; z-index:20;}

#photos3 { position:relative; background:url(/img/blankflash.jpg) top left no-repeat; top:-29px; left:245px; width:750px; height:303px; z-index:20;}

/* CONTAINER */ 
#container {width:100%; min-height:500px; margin:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}

#contentLeft {position:relative; float:left; width:150px; min-height:500px; margin:320px 0 0 0; }
 
#phone {  float:left; margin:-30px 0 0 0; background:url(/img/glow.png) top center no-repeat; padding:40px 0 0 0; width:265px; height:270px; text-align:center; z-index:3;}
#phone h1 { margin-top:-10px;  font:40px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; font-stretch:expanded; }
#phone p { margin-top:-30px; font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif;}

#eyeCTA a { float:left; margin:-50px 0 0 30px; background:url(/img/eyeMagCTAhoverN.gif) top center no-repeat; width:205px; height:111px; }
#eyeCTA a:hover { background:url(/img/eyeMagCTA.gif) top center no-repeat; }

#careCredit a { float:left; margin:10px 0 0 30px; background:url(/img/care-credit-logo.gif) top center no-repeat; width:211px; height:83px;}
#careCredit a:hover { background:url(/img/care-credit-logoHover.gif) top center no-repeat; width:211px; height:83px;}

#locations { float:left; margin:10px 0 0 22px; width:230px;}
#locations a { color:#000;}
#locations a:hover { color:#F58231;}
#locations p { font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom:#000 dotted thin; padding-bottom:5px; }
#locations p.end { border-bottom:none;}

#contentRight {float:right; margin:250px 15px 10px 0; font-size:.9em; min-height:625px; height:auto !important;
  height:625px; width:674px; background:#FFF; padding:20px; z-index:-1; }
#contentRightInterior {float:right; margin:250px 15px 10px 0; min-height:625px; height:auto !important;
  height:625px; width:674px; background:#FFF; padding:20px;}

/************* eyemaginations **************/

#tdeonline { margin:20px 0 0 0; padding:0 100px;}


/************ CTA ************/
/******************************/

#cta { position:relative; top:-10px; left:0; padding:20px 5px; width:670px; height:160px; z-index:0; }
#cta1 img{z-index:0; }
#cta1 a { position:absolute; top:20px; left:10px; background:url(/img/lasikButton.jpg) bottom left no-repeat; width:218px; height:152px; z-index:0; }
#cta1 a:hover { background:url(/img/lasikButtonHover.jpg) bottom left no-repeat; z-index:0;}

#cta2 a { position:absolute; top:20px; left:228px; background:url(/img/lensButton.jpg) bottom left no-repeat; width:218px; height:152px; z-index:0;}
#cta2 a:hover { background:url(/img/lensButtonHover.jpg) bottom left no-repeat;z-index:0;}

#cta3 a { position:absolute; top:20px; left:450px; background:url(/img/goodsButton.jpg) bottom left no-repeat; width:218px; height:152px; z-index:0;}
#cta3 a:hover { background:url(/img/goodsButtonHover.jpg) bottom left no-repeat;z-index:0;}

#hometext { position:relative; top:-40px; padding:10px 10px; width:670px; margin:0 0 -20px 0;z-index:0; }
#hometext ul {}
#hometext li {}
#hometext h1 { font:26px  "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F58231;}

/*******************  Form Styles ******************/
/***************************************************/

#contactInfo { float:left; margin-left:10px; padding:0 0 20px 0; }
#contactInfo a { color:#03C;}
.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:20px; right:15px; width:420px; margin:0 0 0 23px; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#9DD2EF; border:2px solid #0076A3;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#0076A3 2px solid;}
.formContainer form fieldset fieldset {border:none;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:2px 8px; color:#fff; background:#0076A3; border:1px solid #0076A3;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#AFAFAF;}
.formContainer form fieldset fieldset input {width:20px; border-color:#FFF;}
.formContainer form fieldset textarea {width:388px; margin:0 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:274px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}

/************ End Form **************/

#sitemap_right { float:right; width:315px; margin:10px 10px 0 0 ;  }
#sitemap_right .title { font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#0077A2; border-bottom:#0077A2 thin solid; }
#sitemap_right ul li { padding:2px 0;}
#sitemap_right ul li a { font:14px Arial, Helvetica, sans-serif; color:#000;}
#sitemap_right ul li ul li a { font:12px Arial, Helvetica, sans-serif; font-style:italic; color:#404040;}
#sitemap_right ul li ul li a:hover { text-decoration:none;}

#sitemap_left { float:left; width:315px; margin:10px 0 0 10px; }
#sitemap_left .title { font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#0077A2; border-bottom:#0077A2 thin solid;}
#sitemap_left ul li { padding:2px 0;}
#sitemap_left ul li a { font:14px Arial, Helvetica, sans-serif; color:#000;}
#sitemap_left ul li ul li a { font:12px Arial, Helvetica, sans-serif; font-style:italic; color:#404040;}
#sitemap_left ul li ul li a:hover { text-decoration:none;}


/* FOOTER */ 
#footer { position:relative; float:left; width:995px; height:141px; margin:1px 0 0 0;}
#footerImg { float:left; background:url(/img/footerBckg.png) top center no-repeat; width:995px; height:141px;}
#footerLinks { position:absolute; float:left; top:65px; left:159px; width:616px; background:#0076A3; padding:0 20px;}
#footerLinks ul { display:inline-block; }
#footerLinks li { float:left; list-style:none; }
#footerLinks li a {font:10px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 3px;  }
#footerLinks li a:hover { color:#F58231; text-decoration:none;}

#footerLogo {float:left; width:200px; height:150px;}

/********CMS FIxes ************/
/******************************/

/******** pageDetails *******/

#treePageDetailsTitle { font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; padding:2px 10px; background:#F58231;}

#treePageDetailsDescription h3  { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; }
#treePageDetailsDescription h3 img { border:#000 solid thin; margin-left:10px;}

#treePageDetailsDescription p  { font:.8em Arial, Helvetica, sans-serif; color:#333; }
#treePageDetailsDescription p img { padding:5px; }
#treePageDetailsDescription p a { color:#069; }
#treePageDetailsDescription p a:hover { color:#F60; }

#pageDetailsDescription p { font:.8em Arial, Helvetica, sans-serif; color:#333;}

#pageListHeader { font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; color:#fff; padding:2px 10px; background:#F58231;}

#treePageDetailsImage { float:right; }
#treePageDetailsBreadcrumbsWrapper a { color:#F60;}

#treePageDetailsPageList ul { margin-left:1px; }
#treePageDetailsPageList li { padding:5px 0; }
#treePageDetailsPageList a { padding:5px 0 5px 0; font:14px Arial, Helvetica, sans-serif; height:1em; text-decoration:underline; color:#666; }
#treePageDetailsPageList a:hover { text-decoration:none; color:#000; }

#detailWrapper { float:left; margin:0px; width:100%;}
#treePageListWrapper { float:left;  margin:10px 0; width:190px;}
#treePageListWrapper ul {   background:#F58231; padding:10px 0 10px 15px; }
#treePageListWrapper ul li { padding:5px 0;}
#treePageListWrapper ul li a { font:.8em Arial, Helvetica, sans-serif; text-decoration:underline;}
#treePageListWrapper ul li a:hover { color:#fff;}

.pageListInlineDescription { font:1em Arial, Helvetica, sans-serif; color:#333; }
.pageListInlineItemTitle a { font:1.2em Arial, Helvetica, sans-serif; font:bold; color:#F58231; }
.pageListInlineItemTitle a:hover { color:#333;  }

#pageList li a { color:#0077A2;}
.pageListItemTitle a { font:1.2em Arial, Helvetica, sans-serif; font:bold; color:#999; }


#pageDetailsPrintableLink a { font:.7em Arial, Helvetica, sans-serif; color:#333;}

/* SITE CREATED BY LINKS */
#delawarelink { position:absolute; bottom:-40px; height:26px; font-size:10px; width:100%; text-align:center; clear:both; padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:active{text-decoration:none; color:#333333;}
#delawarelink a:hover { color:#900; }

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:470px;
}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */