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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */  
body {margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; background:url(/img/bg.jpg) repeat-x fixed;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#2C74A5; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#2C74A5; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; padding:0 10px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0; background:url(/img/headergraphic.png) no-repeat right; background-position:170px 0px; height:135px; z-index:10000;}
h1{margin:0; padding:0; float:left; position:absolute; left:-9999px; font-size:0px;}
hr {clear:both; color:#466582; background:#466582; height:1px; paddin:0; margin:5px 0px; border:0;}
.contentArea h2, #treePageDetailsTitle {width:378px; height:31px; margin:0px 0px 5px 0px; padding:0; background:url(/img/bg-h2.png) no-repeat; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; font-weight:bold; text-indent:10px; line-height:31px;}
#logo a {width:190px; height:83px; background:url(/img/logo.png) no-repeat; display:block; position:absolute; z-index:3; margin:5px 0px 0px 5px; top:30px;}
#search {float:right; margin:3px 0 0 0;}
#inputbg {background:url(/img/bg-search.png) left no-repeat; width:171px; height:25px; padding:0px 15px 0px 10px; float:left;}
#search input.inputbutton {width:66px; height:26px; background:url(/img/bg-input.png) no-repeat; float:left; border:0; padding:0; font-size:0; cursor:pointer;}

#subNav {position:absolute; top:0px; right:0px; font-size:10px; line-height:34px; background:url(/img/bg-headerbar.png) repeat; height:34px; width:100%; font-weight:bold; z-index:2;}
#subNav ul {float:right; margin:0; padding:0;}
#subNav li {display:inline; list-style:none; margin:0 5px;}
#subNav a{text-decoration:none; color:#335779;}
#subNav a:hover {text-decoration:underline;}
#mainNav {clear:both; width:960px; font-size:12px; font-weight:bold; position:relative; z-index:100000;}
/*#mainNav a {color:#fff; text-decoration:none; display:block; height:47px;}
#mainNav a:hover {text-decoration:none; color:#eee;}
#mainNav ul {float:left; background:url(/img/bg-mainnav.jpg) repeat-x #47627D; height:48px; margin:0px; padding:0;}
#mainNav li {list-style:none; background:url(/img/nav-divider.png) no-repeat; background-position:0px -1px; float:left; margin:0 4px 0 5px; text-indent:25px; line-height:48px; height:48px; /* all list items min-width: 10em; /* width needed or else Opera goes nuts }
#mainNav li.start {background:none; text-indent:0px;}
#mainNav img {float:left; margin-top:-1px;}
#mainNav li ul { /* second-level lists position: absolute; height:auto; background:#416585; width:250px; margin:-1px 0px 0px -20px; 	border:1px solid #294E6F; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers }
#mainNav li ul a:hover {text-decoration:none;}
#mainNav li ul li {width:100%; height:40px; line-height:40px; background:none; text-indent:5px; margin:0px;}
#mainNav li ul li.start {text-indent:5px;}
#mainNav li ul li:hover {background:#619BBC;}
#mainNav li ul ul { /* third-and-above-level lists margin: -4.8em 0 0 25em; border-left:1px solid #294E6F;}
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {left: -999em;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items left: auto;}*/

#mainNav img {float:left; margin-top:-1px;}
ul#menu {float:left; background:url(/img/bg-mainnav.jpg) repeat-x #47627D; height:48px; margin:0px; padding:0; width:896px;}
ul#menu li {list-style:none; background:url(/img/nav-divider.png) no-repeat; background-position:0px -1px; float:left; text-indent:25px; line-height:48px; height:48px; margin: 0; position: relative;}
ul#menu div li {float:none; background:none; margin:0px; text-indent:0; display:inline; height:17px; line-height:17px; font-size:12px; font-weight:normal;}
ul#menu div li ul {clear:both;}
ul#menu div ul {padding:0px;  margin:2px 0 6px 0;}
ul#menu div li {font-weight:bold; font-size:13px; text-indent:5px;}
ul#menu div li ul li {display:block; font-weight:normal; font-size:12px;}
ul#menu h2, ul#menu h3 {font-size: 100%; font-weight: normal; display: inline;}
ul#menu li a {color: #fff; text-decoration: none;}
ul#menu li a:hover {text-decoration: underline;}
ul#menu li.mega a:hover {text-decoration: none;}
ul#menu div {display: none;}
ul#menu li.mega div {border:solid #47627D; border-width:0 1px 1px 1px; position: absolute; top: 3.9em; left: 0em; padding: .5em 0; background: #eee; color: #47627D; min-width:250px;}
ul#menu li.hovering div {display: block;}
ul#menu li.mega div li.parent ul li {width:225px;}
ul#menu li.mega div li.parent ul li a {background:none; color: #300; padding: 0; width:auto;}
ul#menu li.mega div li.parent ul li a:hover {text-decoration:underline; }
ul#menu li div a.more {color: #390;}
ul#menu div h3 {color: #f70; font-weight: bold; font-size: 1.1em;}
ul#menu div.bgscreen li a{width:460px;}

ul#menu div li a {background:#357EAE; color:#fff; text-decoration:none; width:100%; height:20px; line-height:20px; display:block; margin-bottom:3px;}
ul#menu div li a:hover {background:#48637E;}
ul#menu div li ul li a {background:none;}
ul#menu div li ul li.parent ul {clear:both;}
li#pubTreeItem2151 ul li a, li#pubTreeItem2151 ul li{float:left; width:100px; margin:1px 4px 2px 0; position:relative; z-index:100;}
li#pubTreeItem2169 a {float:none; width:auto; clear:left; position:relative; padding-top:5px;}

/* CONTAINER */ 
#container {clear:both; width:916px; background:#fff; position:relative; top:0px; left:2px; border:solid #eee; border-width:0px 1px 1px 1px; z-index:1;}
#container a {color:#2C74A5; text-decoration:underline;}
#container a:hover {color:#2C74A5; text-decoration:none;}
#container .pubFAQAccordion a.pubFAQAccordionLink {color:#333; background:#F1F1E4; font-size:12px; width:890px;}
#accordionList1, #accordionList2, #accordionList3, #accordionList4, #accordionList5, #accordionList6, #accordionList7, #accordionList8, #accordionList9, #accordionList10 {width:900px;}
#content, #detailWrapper {width:907px; margin:0 auto; padding:10px 0px;}
.contentArea p {margin: 5px 0;}
#homecontent li a, #homecontent li {color:#2C74A5; line-height:21px; font-size:14px; font-weight:bold;}
#homeright {width:405px; float:right;}
#slideshowoverlaytop {width:405px; height:6px; background:url(/img/bg-slideshowtop.png) no-repeat; position:relative; z-index:1000000;}
#slideshowoverlaybottom {width:405px; height:11px; background:url(/img/bg-slideshowbottom.png) no-repeat; position:relative; z-index:1000000;}
#slideshow {width:398px; position:relative; z-index:1; padding-left:7px; background:url(/img/bg-slideshow.png) repeat-y;}
#testimonials {width:394px; height:104px; background:url(/img/bg-testimonials.png) no-repeat; padding:5px; color:#02002F; font-size:12px;}
#testimonials .contentArea p {margin:0;}
#cta {color:#434667; clear:both; width:951px; height:140px; margin-left:-20px; background:url(/img/bg-cta.png) no-repeat;}
#cta a {width:307px; height:85px; float:left; display:block; margin-right:10px;}
#cta-left, #cta-mid, #cta-right {text-align:center; width:255px; float:left; margin:0px 28px;}

/* FOOTER */ 
#footer {clear:both; width:100%; background:url(/img/footerdivider.png) no-repeat top; padding:20px 0px 0px 0px; margin:0px 0 0 0; font-size:10px;}
#footer a{color:#466582} 
#footerLinks {float:left;}
#footerLinks ul {margin:0 5px 5px 5px; padding:0;}
#footerLinks li {list-style:none; display:inline;}
#address, #contact {float:left; width:270px; margin-left:10px;}
#social {width:172px; height:27px; background:url(/img/social.png) no-repeat;}
#social a {width:86px; height:27px; float:left; display:block;}
#footerLogos img {margin:0px 5px;}
#subbuttons {clear:both; float:right;}
#subbuttons li {display:block; width:116px; height:33px; background:url(/img/subbuttons.png) no-repeat; margin-bottom:3px;}
#subbuttons a {width:116px; height:33px; display:block;}
#subbuttons li.requestquote {background-position:0 -34px;}
#subbuttons li.contactus {background-position:0 -68px;}

/* 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;
}
#treePageDetailsTitle {margin-top:0;}
#treePageDetailsBreadcrumbsWrapper {position:relative; top:-8px;}
.pubFAQAccordion {width:900px;}

/*******************************************************/
/*  Form Styles */
/*******************************************************/
#contactForm {width:97%; float:left; margin:0 0 10px 10px; background:#fff; padding:5px;}
#contact_right_column {width:390px; float:left; margin:0 0 0 25px;}
#contact_right_column p {margin:0; padding:0;}
#contact_right_column p.name {font:bold 24px Georgia, "Times New Roman", Times, serif; color:#5881A1;}
#contact_right_column p.address {font:italic 14px Georgia, "Times New Roman", Times, serif; color:#666;}
#contact_right_column p.number {font:bold 14px Georgia, "Times New Roman", Times, serif; color:#666;}

#contactForm form {background:#F1F1E4; padding:10px; border:1px solid #17415F;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; border:1px solid #17415F; background:#F7F3EA;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#17415F 1px solid;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font:bold italic 12px Georgia, "Times New Roman", Times, serif; color:#2F2C2C; padding:0 5px;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:195px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.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:230px; border-color:#AFAFAF;}
.formContainer form fieldset textarea {width:307px; margin:5px 10px 10px 10px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:233px;; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background-color: #FFC; border-color: #FC6;}

.formContainer table {width:600px;}
.formContainer form fieldset table td input {width:25px; border-color:#AFAFAF;}
.formContainer form fieldset table td #FedExAccountNo {width:155px; border-color:#AFAFAF;}
.formContainer form fieldset table td #UPSAccountNo {width:155px; border-color:#AFAFAF;}
.formContainer form fieldset table td #ShippingEmailAddress {width:206px; border-color:#AFAFAF;}
#termsandconditions { overflow:scroll; height:100px;}
#addresstext {margin:0px 0px 0px 212px;}
#submit {margin-left:450px;}

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