/****************************************************
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/bg.jpg) repeat-x #fff;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#76316A; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#76316A; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:1016px; margin:5px auto;} 

/* HEADER */ 
#header {position:relative; width:100%; height:312px; background:url(/img/header.png) no-repeat; margin:0; z-index:100000;}
h1{margin:0; padding:0; position:absolute; left:-9999px;}
h2, #newsletterLargeTitle  {clear:both; min-width:500px; height:35px; background:url(/img/bg-h2New.png) no-repeat; line-height:35px; color:#fff; position:relative; left:-55px; z-index:10; font-family:Georgia, "Times New Roman", Times, serif; text-indent:45px; font-size:15px;}

#newsletterLargeTitle {left:-263px; text-indent:-75px; font-weight:bold;}
#logo a {width:303px; height:186px; background:url(/img/logo.png) no-repeat; display:block; position:relative; top:100px; left:10px;}
#address {color:#fff; font-size:11px; float:left; font-weight:bold; position:relative; top:50px; left:55px;}
#address .left, #address .right {float:left;}
#address .left {border-right:1px solid #fff; padding-right:10px; margin-right:10px;}

#addressFoot {color:#fff; font-size:11px; float:left; font-weight:bold; position:relative; top:-20px; left:5px;}
#addressFoot .left, #addressFoot .right {float:left;}
#addressFoot .left {border-right:1px solid #fff; padding-right:10px; margin-right:10px;}
#subNav {position:relative; float:right; width:470px; top:-140px; right:90px; font-size:10px; font-weight:bold; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav a {color:#fff; text-decoration:none;}
#subNav a:hover {text-decoration:underline;}
#flags {clear:none; float:right; position:relative; top:-15px; left:30px; }
.spanish {background:url(/img/flags.png) no-repeat; widht:21px; height:16px; display:block; }


#mainNav {clear:both; background:url(/img/bg-menu.png) no-repeat; position:relative; top:60px; left:3px; width:1010px; height:51px; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:55px; z-index:100000;}
#mainNav ul {margin-left:20px;}
#mainNav li {float:left;  margin:0 55px 0px 0; list-style:none; position:relative;}
#mainNav li a {float: left;	height: 50px; color:#fff; text-decoration:none;}
#mainNav li:hover a, #mainNav li a:hover { background-position: left bottom; } /*--Hover State--*/
#mainNav li ul li:hover {background:#fff; }
#mainNav li ul li a:hover {color:#000;}
#mainNav li ul {line-height:10px; min-width:200px; position: absolute; /*--Important--*/ top: 50px; left:-30px; z-index: 99999; background:#401B39; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; /*--Background gradient--*/ padding: 0px; float: left; border-width:0 2px 2px 2px; border-color:#000;/*--Bottom right rounded corner--*/-moz-border-radius-bottomright: 3px; -khtml-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;/*--Bottom left rounded corner--*/	-moz-border-radius-bottomleft: 3px;	-khtml-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; display: none; /*--Hidden for those with js turned off--*/}
#mainNav li ul li {margin:0; clear:left;}
#mainNav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#mainNav li ul li ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
#mainNav li ul li, #mainNav li ul li a {
 /*--Override parent list item--*/
	height:27px;
	line-height:14px;
	display:block; 
	width:200px;
}
#mainNav li ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
#mainNav li ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
#mainNav li ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 5px 5px 5px 10px;
	display: block;
	text-decoration: none;
	color: #eee;
}
#mainNav li ul li a:hover {
	background-position: 5px 12px ;/*--Override background position--*/
}
#mainNav li ul li ul {left:200px; top:0px; border:solid #190F1F 1px;}


/* CONTAINER */ 
#container {clear:both; width:100%; min-height:223px; background:url(/img/bg-content.png) repeat-y; margin:0; position:relative; left:-5px;}
#container a {color:#7D31A6; text-decoration:underline;}
#container a:hover {color:#7D31A6; text-decoration:none;}
#content {width:920px; margin:0 auto; position:relative; z-index:10000;}
#subcontent {width:885px; padding:20px 20px 0 20px; background:url(/img/bg-content.jpg) repeat-y; position:relative; z-index:1;}
#subleft {width:220px; min-height:60px;float:left; margin-left:-27px;}
#subleft h2 {left:-40px; top:-2px; width:220px; overflow:none;}

#treePageDetailsDescription, #listWrapper {width:645px; padding-left:0px; margin-top:-10px; position:relative; float:right; background:#fff;}
#CalendarContainerWrapper {width:650px;}
#CalendarViewContainer {position:relative; left:-30px;}
.CalendarEvent {width:75px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
#treePageDetailsTitle, #catalogHeader {position:relative; clear:none; left:-263px; text-indent:50px;}
#pageListHeader, #hrListHeader  {margin:20px 0; text-align:left; left:-300px;}
#treePageDetailsPageList {position:absolute; font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:-40px; z-index:10000;}
#treePageDetailsGalleryClear {clear:none;}
#treePageDetailsPageList  a, #treePageDetailsPageList a:hover {color:#fff;}
#treePageDetailsPageList li {list-style:none;}
#homeleft {float:left; width:456px; padding:20px 0 0 5px; position:relative; z-index:2; }
ul#pubTree241 {position:absolute; top:80px; color:#FFF;  font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:5px; z-index:10000;}
ul#pubTree242 {position:absolute; top:80px; color:#FFF;  font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:5px; z-index:10000;}
ul#pubTree243 {position:absolute; top:80px; color:#FFF;  font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:5px; z-index:10000;}
ul#pubTree247 {position:absolute; top:80px; color:#FFF;  font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:5px; z-index:10000;}
#treePageListWrapper a { color:#FFF;}
#treePageListWrapper a:link, #treePageListWrapper a:visited, #treePageListWrapper a:active  { color:#FFF; text-decoration:underline; font-size:12px;}
#treePageListWrapper a:hover { text-decoration:none;}


#homeright {float:left; width:444px; min-height:750px; position:relative;  right:-25px; margin:5px 0 0 0; background:url(/img/bg-brick.jpg) repeat-y; z-index:100;}
.navpanelfg {background:url(/img/bg-slideshowcontrols.png) no-repeat; background-position:-1px 5px;}
#homeslideshow {margin:40px auto 10px auto; border:1px #eee solid; width:412px; height:291px; background:url(/img/bg-slideshow.png) no-repeat; background-position:-5px -1px; position:relative; z-index:1;} 
#slideshowhand {position:absolute; z-index:1000; float:left; margin:20px 0 0 -60px; width:165px; height:88px; background:url(/img/caughtoncamera.png) no-repeat;}
#events {width:434px; height:222px; background:url(/img/bg-events.png) no-repeat; margin:0 auto;}
.CalendarContainer {float:left; width:180px; position:relative; margin:50px 0 0 20px;}
.CalendarContainer td {padding:0; margin:0;}
.CalendarMonthTitle, .CalendarDayHL, .CalendarDayToday {background:#7D31A6;}
.CalendarDayToday {color:#fff;}
.CalendarDayTitle {background:#542170;}
.CalendarDayNorm {background:#DDC0ED;}
.CalendarWithEvents {background:#F90;}
.pageListInline  {width:212px; float:left; margin:40px 0 0 0px;}

/* FOOTER */ 
#footer {clear:both; width:1053px; height:103px; background:url(/img/bg-footer.png) no-repeat; margin:-51px auto 0 auto; padding:50px 40px;}
#footerLinks {clear:both; margin:0 auto; top:-10px; background:url(/img/bg-menu.png) no-repeat; width:1010px; height:51px; position:relative; z-index:10000;}
#footerLinks a {color:#fff;}
#footerLinks li {list-style:none;}
#footerLogo {position:absolute; z-index:100000; float:left; width:132px; height:77px; background:url(/img/footerlogo.png) no-repeat; margin:-17px 0 0 20px;}
#footerLogo a {width:132px; height:77px; display:block;}
#newslettersignup {color:#fff; width:48.5%; float:left;}
#social {width:35%; float:left; color:#fff; margin:20px 0 0 30px;}
.facebook, .twitter {width:49px; height:47px; float:left; display:block; margin-right:3px; background:url(/img/social.png) no-repeat;}
.twitter {background-position:-49px 0;}
#newslettersignup h2 {background:none; margin:0; padding:0;}
#newslettersignup input {font-size:11px; color:#9F9E9E;}
#submitbutton .formbutton {background:url(/img/submitbutton.png) no-repeat; width:118px; height:67px; border:0; padding:0; cursor:pointer;}
#submitbutton {float:right; margin:-25px 0 0 0;}
#social #address {margin:-50px 0 0 -50px;}
.inputsmall {width:115px;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper { padding-bottom:30px;
	width:600px;
}

#treePageDetailsPageList {font-size:12px;}
#treePageDetailsBreadcrumbsWrapper, #catBreadcrumbs, #prodBreadcrumbs {margin-top:10px;}
#subCatHeader { visibility:hidden;} 
#catalogProductsWrapper {width:635px; margin-left:200px; position:relative;}
h2#productInfoHeader, h2#catalogHeader {clear:none; text-indent:-150px; left:-57px;}
h2#productReviewsHeader {left:-62px; text-indent:50px;}
#productReviews p {position:relative;left:230px;}
#orderWrapper {background:#fff; position:relative; left:10px;}
#submit_btn.formbutton {background:#76316A; color:#fff; width:100%;}
.catalogProductImage {height:141px;}
.catalogProductName {font-size:16px; text-align:center;}
#content .catalogProductName a {text-decoration:none;}
.catalogProduct, .catalogProductLast {width:290px;}
#CalendarSubmit  {margin-bottom:10px;}
input#submit { margin-bottom:20px;}

.catalogRow {margin:0 auto;}
.catalogProductPrice {font-weight:bold; text-align:center;}
#treePageDetailsGalleryWrapperPopup {position:relative; left:10px;}
.tagList {position:absolute; bottom:10px; height:20px; margin:10px 0 0 10px;}
#detailWrapper {width:680px; float:left;}
#treePageDetailsSubmitBugWrapper { position:absolute; bottom:-220px; left:5px; height:20px; margin:20px 10px 10px 10px;}
#pubMapContainer { float:right; }
#pubMapContentContainer { width:320px; float:left; }
#pubMapFormContainer {float:left; }

#orderWrapper {margin-left:200px; width:275px;}

.catalogProductName {margin-top:10px;}
#catalogCategoryWrapper{width:650px; margin-left:200px;}
#relatedProductsWrapper {margin:10px 0 0 200px;}

.portfolioItemSmallTitle {clear:both; min-width:500px; height:35px; background:url(/img/bg-h2New.png) no-repeat; line-height:35px; color:#fff; position:relative; left:-28px; z-index:10; font-family:Georgia, "Times New Roman", Times, serif; text-indent:15px; font-size:15px; color:#FFF;}
h3.portfolioItemSmallTitle > a { color:#FFF;}
#container .portfolioItemSmallTitle a { color:#FFF; text-decoration:none;}


#detailWrapper .portfolioItemSmallTitleWrapper a {color:#fff;}
.portfolioItemSmallTitle a:link, .portfolioItemSmallTitle a:visited {color:#fff;}
a:hover, a:focus, a:active {color:#76316A; text-decoration:none; outline:none;} 


/*******************************************************/
/******** 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 {clear:both; display: block;}
/* END HIDE FROM IE-MAC */