/****************************************************
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:12px; background:url(../img/bodyBckg.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:960px; margin:0 auto;} 
#wrapperback2 { width:100%; margin:0 auto; background:url(../img/HeaderBckg.jpg) top center no-repeat; } 


/* HEADER */ 
#header {position:relative; width:100%; margin:0; height:390px; z-index:100000000;  }
h1{ margin:0; padding:0; width:100%; text-align:left; font-size:8px; background-color:none; color:#5B7DC1;}
#logo { position:relative; float:left; z-index:1000000000; margin-top:-10px;}
#logo a {width:373; height:406px; margin-left:-5px; display:block;}

#cart { position:absolute; top:13px; left:340px; z-index:100000000; }
#cart a { font:14px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;  }
#cart a:hover { color:#F0CB3A;}

#SlideFrameTop { position:relative; width:810px; height:25px; margin:0 0 0 150px; padding:45px 0 0 0;   background:url(../img/slideTop.png) bottom left no-repeat; z-index:1000000;}
#SlideFrame { width:810px; height:362px; margin:0 0 0 150px;   background:url(../img/slideFrame.png) bottom left no-repeat; z-index:10;}
#slideshow { position:absolute; top:63px; left:279px; width:660px; height:253px; z-index:0;}

#social a { position:absolute; top:7px; right:20px; width:24px; height:24px; z-index:1000000000; }


#subNav {position:absolute; top:0px; right:50px; font-size:12px;  line-height:1.4em; z-index:1000000000;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav li a {float:left; font:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#subNav li a:hover { color:#F0CB3A;}

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

/**** menu ****/
/*#mainNav { position:absolute; top:315px; right:30px; width:570px; }
#mainNav ul { padding:5px; margin:0 0 0 15px;}
#mainNav ul li { list-style:none; background:url(../img/navDivider.jpg) left no-repeat;}
#mainNav ul li a {float:left; font:17px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 3px;}
#mainNav ul li a:hover { background:url(/img/mainNavHover.jpg) top repeat-x; }
#mainNav ul li.end a:hover {}

/*** new drop down ***/
/*#mainNav ul li ul {position:absolute; width:180px; left:-9999px; top:42px; z-index:999;}
#mainNav ul li:hover ul, #mainNav li.over ul {left:-40px; display: block;}
#mainNav ul ul {width:100%; list-style:none; margin:0; z-index:99;}
#mainNav ul ul li {padding:0; margin:0;}
#mainNav ul ul li a {background-color:#BBC3CE; color:#000; background-image:none; width:180px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;  padding:5px 9px; z-index:999;}
#mainNav ul ul li a:hover {background-image:none; background-color:#D3DDE9; }*/

/**** menu ****/
#mainNav { position:absolute; top:312px; right:30px; width:570px;}
#mainNav ul {padding:5px; margin:0 0 0 15px;}
#mainNav li {float:left; position:relative; list-style:none; background-image:url(../img/navDivider.jpg); background-position:center right; background-repeat:no-repeat; padding:0 8px 0 0; }
#mainNav ul li a {float:left; color:#fff; text-decoration:none; padding:0 11px 0 11px; font:18px Arial, Helvetica, sans-serif; font-weight:normal;}
#mainNav ul li a:hover {text-decoration:none; color:#F0CB3A; }

#mainNav li ul a {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
}
#mainNav li ul a:hover {
	background:none;
	color:#fff;
}
#mainNav li ul li,#mainNav li ul li.parent { /* all list items */
	float: left;
	width: 190px;
	margin:0;
	background-color:#A88F3F;
	background-image:none;
	display:block;
	color:#fff;
	padding:5px;
	border-bottom:#FFF solid 1px;
}
#mainNav li ul li:hover,#mainNav li ul li.parent:hover { /* all list items */
	background-image:none;
	background-color:#F0CB3A;
	color:#fff;
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	width:190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#mainNav  li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#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 { /* lists nested under hovered list items */
	left: auto;
	margin-left:-10px;
	margin-top:21px;
}
#mainNav li li:hover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:194px;
	margin-top:-5px;
}
/**** menu 2 ****/
#mainNav2 { position:absolute; top:312px; right:30px; width:440px;}
#mainNav2 ul {padding:5px; margin:0 0 0 15px;}
#mainNav2 li {float:left; position:relative; list-style:none; background-image:url(../img/navDivider.jpg); background-position:center right; background-repeat:no-repeat; padding:0 8px 0 0; }
#mainNav2 li.end { background-image:none;  }
#mainNav2 ul li a {float:left; color:#fff; text-decoration:none; padding:0 11px 0 11px; font:18px Arial, Helvetica, sans-serif; font-weight:normal;}
#mainNav2 ul li a:hover {text-decoration:none; color:#F0CB3A; }

#mainNav2 li ul a {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
}
#mainNav2 li ul a:hover {
	background:none; color:#fff;
}
#mainNav2 li ul li,#mainNav2 li ul li.parent { /* all list items */
	float: left;
	width: 190px;
	margin:0;
	background-color:#A88F3F;
	background-image:none;
	display:block;
	color:#fff;
	padding:5px;
	border-bottom:#FFF solid 1px;
}
#mainNav2 li ul li:hover,#mainNav2 li ul li.parent:hover { /* all list items */
	background-image:none;
	background-color:#F0CB3A;
	color:#fff;
}

#mainNav2 li ul { /* second-level lists */
	position: absolute;
	width:190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#mainNav2  li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#mainNav2 li:hover ul ul, #mainNav2 li.sfhover ul ul {
	left: -999em;
}

#mainNav2 li:hover ul, #mainNav2 li li:hover ul, #mainNav2 li.sfhover ul, #mainNav2 li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:-10px;
	margin-top:21px;
}
#mainNav2 li li:hover ul, #mainNav2 li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:194px;
	margin-top:-5px;
}

#welcome { float:left; margin:-40px 10px 10px 10px; padding:0 10px; width:550px; }
	#cta ul {padding:0 ;}
		#cta ul li {display:inline; text-indent:-9999px; width:190px; margin:0;}
			#cta ul li a {background:url(../img/ctaBottom.jpg) no-repeat; float:left; list-style:none; height:278px; width:200px; margin:0;}
					/* Tubs */ 
						#cta ul li a#tubs {background-position:0 bottom; width:203px; list-style:none;}
						#cta ul li a:hover#tubs {background-position:0 0px; width:203px;}
					/* Fundraiser */ 
						#cta ul li a#fundraiser {background-position:-205px bottom; width:186px; list-style:none;}
						#cta ul li a:hover#fundraiser {background-position:-205px 0px; width:186px;}
					/* Tins */ 
						#cta ul li a#tins {background-position:-392px  bottom; width:200px; list-style:none;}
						#cta ul li a:hover#tins {background-position:-392px 0px; width:200px;}

#botCta { float:left; width:590; height:275px;}
#botCta1 { float:left; background:url(../img/ctaBottom.jpg) bottom left no-repeat;  }

#ribbon { position:absolute; top:207px; left:-10px; background:url(../img/ribbonNew-07.png) top left no-repeat; width:354px; height:838px; z-index:1;}

#search { float:left; width:305px; height:26px; margin:190px 0 5px 16px;} 
{ float:left; width:305px; height:18px;margin:180px 0 20px 20px;}
.textbox { float:left; width:225px; height:27px; padding:0 0 0 10px; border:1px; background:url(../img/searchBox.png) top left no-repeat;}
.submit { float:left; margin:0 0 0 0;}

#cta1 a { float:left; width:304px; height:158px; background:url(../img/CTA1.png) top left no-repeat; margin:0 0 0 5px;}
#cta1 a:hover { float:left; width:304px; height:158px; background:url(../img/CTA1hover.png) top left no-repeat;}
#cta2 a { float:left; width:304px; height:158px; background:url(../img/CTA2.png) top left no-repeat; margin:0 0 0 5px;}
#cta2 a:hover { float:left; width:304px; height:158px; background:url(../img/CTA2hover.png) top left no-repeat;}
#cta3 a { float:left; width:304px; height:158px; background:url(../img/CTA3.png) top left no-repeat; margin:0 0 0 5px;}
#cta3 a:hover { float:left; width:304px; height:158px; background:url(../img/CTA3hover.png) top left no-repeat;}

/* CONTAINER */ 
#container {width:100%; min-height:500px; margin:-75px 0 0 0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:500px; width:300px;}
#contentRight {float:right; width:590px; min-height:570px; margin:-80px 25px 10px 0; padding:114px 10px 0 10px; background-color:#fff;}

#map { float:right; width:570px; height:400px; border:#000 solid 1px; }
#mapContainer { float:right; width:250px; height:450px; margin:2px 5px 0 10px;}
.map {position:relative; width:400px; height:400px; }

/* FOOTER */ 
#footer { position:relative; float:left; width:100%; height:150px; margin:10px 0 0 0; background:url(../img/footerBck.jpg) top center no-repeat; z-index:0;}
#footerLinks {float:left; width:380px; height:80px; margin:70px 0 0 -10px; }
#footerLinks li { float:left; list-style:none;}
#footerLinks li a { font:11px Arial, Helvetica, sans-serif; color:#851916; padding:0 5px;}
#footerLogo {float:right; margin:70px 22px 0 0; text-align:right; width:380px; height:80px;font:11px Arial, Helvetica, sans-serif; color:#851916; line-height:18px;}


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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
.catalogProduct { width:160px; border-right:none;}
#treePageDetailsTitle { height:75px; margin-top:-40px; font:28px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#5B7DC1; text-align:center; font-style:italic; background:url(../img/underTitle.png) bottom left no-repeat;}
#pubMapHeader { height:75px; margin-top:-40px; font:28px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#5B7DC1; text-align:center; font-style:italic; background:url(../img/underTitle.png) bottom left no-repeat;}
#productInfoWrapper { width:300px;}
#orderWrapper { width:320px;}
#productInfoImage { width:220px;}
#mainImage { width:200px;}
#catalogProductsWrapper { width:590px;}
.textCatalogProduct { width:560px;}
.optionDropDown { width:auto;}
.productOptions>tbody>tr>td.optionDropDown>option { width:auto;}
#productInfoImageRight img { border:none;}
#productInfoImageRight #enlargeDiv { margin-bottom:10px;}
#orderWrapperAlt { background:#EAECD8; border-color:#000;}

/*******************************************************/
/******** 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 */