/* Apex Stylesheet - Pixelsilk */

body, form, table, img, pre {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#6e6a66; border-style:none; border-width:0px; padding:0; margin:0;}
td, p, div, a, select {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#6e6a66; line-height: 24px;}
html, body {height: 100%;}
body.pixelsilk {text-align:center; background: #2390b1;}
a, a:link, a:visited {color:#5A88AD;text-decoration:none;}
a:active, a:hover {color:#5A88AD;text-decoration:underline;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 3px 0; color: #1387ae; font-weight: normal;}
h1 {font-size: 25px;}
h2 {font-size: 18px;}
h3 {font-size: 15px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5 {}

p {margin-top: 0;}
hr {height: 1px; color: #c7f2ff; background-color: #c7f2ff; border-width: 0;}

#theme {position: relative; margin: 20px auto; text-align: left; width: 920px; /*height: auto !important; height: 100%; min-height: 100%;*/ background: url('/site-shadow-bg.gif') repeat-y;}
img#shadowTop {position: relative; width: 920px; height: 30px; z-index: 1;}

/* Header styles */
#header {position: relative; margin: 0 40px; width: 840px; height: 110px;}
#header img{margin-left: -29px;}
#logo {position: absolute; left: 0; top: 0px; width: 166px; height: 93px; z-index: 200;}
#tagline {position: absolute; left: 195px; top: 40px; width: 310px; height: 50px; font-size: 18px; font-style: italic; color: #b8a28f; line-height: 20px;}
#tagline div {font-size: 18px; font-style: italic; color: #b8a28f; line-height: 20px; /* Editor correction */}
#headerRightColumn {position: absolute; left: 520px; top: 0; width: 320px; height: 110px; background: url('/masthead-right-bg.gif') repeat-x;}
#headerRightColumn a {color: #fff;}

/* Search box/form */
#search {display: block; position: absolute; left: 20px; top: 20px; width: 280px; height: 30px; background: #fff;}
.txtSearch {position: absolute; left: 5px; top: 5px; width: 230px; margin: 0; padding: 0 0 0 2px; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #d0c1b5; line-height: 20px; border-width: 0; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 255px; top: 5px; width: 20px; height: 20px;}

/* Header links */
#headerLinks {position: absolute; left: 20px; top: 60px; width: 280px; height: 50px; color: #bcefff; line-height: 15px; overflow: hidden;}
#headerLinks div {color: #bcefff; line-height: 15px;}
#headerLinks strong, #headerLinks b {color: #e7e0da;}

/* Nav container between header & content */
#navContainer {position: relative; margin: 0 40px; width: 840px; background: #fff; z-index: 100;}
#navInside {padding: 10px 0 25px 0;}

/* Menu styles */
#siteMenu {width: 100%; height: 31px; z-index: 100; background: url('/menu-bg.gif') repeat-x;}
#siteMenu ul {list-style: none; margin: 0; padding: 0; z-index: 100; position: relative;}
#siteMenu ul li {display: inline; float: left; position: relative; height: 31px; line-height: 28px;}
#siteMenu ul li a, #siteMenu ul li a:link, #siteMenu ul li a:visited {display: block; padding: 0 25px; font-size: 18px; height: 31px; line-height: 28px; color: #fff; text-decoration: none; background: url('/menu-bg.gif') repeat-x;}
#siteMenu ul li a:hover, #siteMenu ul li a:active {display: block; padding: 0 25px; font-size: 18px; height: 31px; line-height: 28px; color: #fff; text-decoration: none; background: url('/menu-bg-hover.gif') repeat-x;}
#siteMenu ul li.current a {background: url('/menu-bg-hover.gif') repeat-x;}
#siteMenu ul li.separator {width: 2px; height: 31px;}

/* Submenu styles */
#siteMenu ul li ul {display:none; position:absolute; left: -1px; top: 31px; z-index:1000; margin:0; padding: 13px 0 23px 0; width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #7aacb5 url('/subnav-gradient.gif') repeat-x;}
#siteMenu ul li ul * {list-style-position:outside;}
#siteMenu ul li ul li {float:left; position:relative; height: 24px; line-height:24px; margin:0; padding:0; width:100%;}
#siteMenu ul li ul li a, #siteMenu ul li ul li a:link, #siteMenu ul li ul li a:visited {display:block; padding: 0 25px; height:24px; line-height: 24px; color:#fff; font-size:14px; font-weight: bold; border:0px; background-image:none;}
#siteMenu ul li ul li a:hover, #siteMenu ul li ul li a:active, #siteMenu ul li ul li a:focus {color:#bae0ff; text-decoration: none; font-weight: bold;}
#siteMenu ul li ul li.separator {margin: 5px 20px; width: 160px; height: 1px; background: #b1e3ec;}

#siteMenu ul li ul li ul {position:absolute; top:-5px; left:200px; /* Match UL width above */background: #7aacb5 url('/subnav-gradient.gif') repeat-x;}

span.menu-sub-indicator {float:right;}

/* Homepage-specific items, appear above main content area */
#divSlideShow {float: left; margin: 20px 0 0 0; padding: 0; width: 500px; height: 200px; z-index: 1;}
#slides {z-index: 1;}
#homeCTAs {float: left; margin: 20px 0 0 20px; width: 320px; height: 200px; overflow: hidden;}
#homeCTAs a, #homeCTAs a:link, #homeCTAs a:active {display: block; margin: 0 0 10px 0; padding: 0 0 0 20px; width: 320px; height: 60px; font-size: 24px; line-height: 60px; color: #fff; text-decoration: none; background: url('/cta-bg.gif') no-repeat;}
#homeCTAs a:hover, #homeCTAs a:focus {font-size: 24px; line-height: 60px; color: #fff; text-decoration: none; background: url('/cta-bg-hover.gif') no-repeat;}

/* Main content area styles */
#content {position: relative; margin: 0 40px; width: 840px; text-align: left; z-index: 1;}

#breadcrumbs {position: absolute; left: 0; top: 38px; width: auto; height: 12px; font-size: 11px; line-height: 12px; z-index: 1;}
#breadcrumbs a {font-size: 11px;}

#mainColumn {float: left; margin: 0; padding: 0; width: 500px;}

#rightColumn {float: left; margin: 0 0 0 20px; padding: 0 0 185px 0; width: 320px; min-height: 259px; background: #339fc0 url('/content-right-bg.gif') repeat-x;}
#rightColumnDiv {padding: 20px 20px 0 20px; position: relative;}
#rightColumnDiv h2 {margin: 0 0 10px 0; color: #bcefff;}

ul#rightCTAs {margin: 0 0 20px 0; padding: 0; list-style:none;}
ul#rightCTAs li {display: block; float: left; margin: 0 9px 0 0; width: 87px; height: 87px;}
ul#rightCTAs li a, ul#rightCTAs li a:link, ul#rightCTAs li a:visited {display: block; padding: 28px 5px 0 5px; min-height: 87px; height: 87px; max-width: 87px; max-height: 87px; line-height: normal; font-weight: normal; color: #fff; text-decoration: none; text-align: center; background: url('/right-cta-bg.gif') no-repeat;}
ul#rightCTAs li a:hover, ul#rightCTAs li a:active {background: url('/right-ct-bg-hover.gif') no-repeat;}
ul#rightCTAs li.oneLine a {padding: 35px 5px 0;}
ul#rightCTAs li.last {margin: 0;}

/* Feed listing widget in right column */
.feedListing {display: block; margin: 0 0 15px 0; line-height: normal;}
.feedListing div.date {color: #c7f2ff; border-bottom: 1px #c7f2ff solid; line-height: normal;}
.feedListing a {color: #fff; line-height: normal;}

/* Quote box */
div#quote {display: block; margin: 25px 0 0 0; width: 500px; min-height: 100px; background: #ccf3ff url('/content-quote-begin.gif') no-repeat left top;}
div#quote #quoteInner {padding: 20px 20px 15px 20px; background: url('/content-quote-end.gif') no-repeat right bottom;}

/* Content footer: contact info */
#contentFooter, #contentFooter div {font-size: 10px; color: #62ceef; line-height: normal;}

/* Specials anchor off footer (see below) */
#specials h2 {margin: 0 0 10px 0; color: #bcefff;}
.coupon {display: block; width: 280px; height: 120px; background: url('/coupon.gif') no-repeat;}
.couponInner {padding: 20px; color: #fff !important; line-height: normal !important;}
.couponInner div {color: #fff !important; line-height: normal !important;}

/* Generic list section styles */
.listItems {}
.item {margin: 0 0 15px 0;}

/* Contact form styles */
div.formRow {clear:both;}
div.formRow label {clear:both;}
div.formRow span.error {color:#f00; font-weight:bold;}
div.formRow div.formField {width:300px;}
div.formRow div.formField input {width:100%;}
div.formRow div.formField textarea {width:100%; height:125px;}
div.formSubmit {margin:10px 0;}

.contactForm {}
/* Fields horizontally-aligned in "tabular" format */
.contactForm .formLabel {clear: both; float: left; margin: 0 10px 5px 0; width: 33%; /*text-align: right;*/}
.contactForm .formField {float: left; margin: 0 0 5px 0; width: 60%;}
.contactForm .formField input[type="text"] {width: 150px;}
.contactForm .nextLine {clear: both; width: 100%;}
/* Fields vertically-aligned, non-tabular ("line breaks") */
/*
.contactForm .formLabel {}
.contactForm .formField {margin: 0 0 10px 0;}
*/
/* Special-case formatting for <input type="checkbox"> elements, auto-separated by <p> */
.contactForm .formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 5px 0; padding: 0; white-space: nowrap;}

.contactForm .required {font-weight: bold;}
.contactForm textarea {width: 300px; height: 150px;}
.contactForm .formButton {clear: both;}

/* Newsletter signup form styles */
.signupForm {overflow: auto;}
.signupForm .formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 20%;}
.signupForm .formField {float: left; margin: 0 0 10px 0; width: 75%;}
.signupForm .nextLine {clear: both;}
.signupForm .required {font-weight: bold;}
.signupForm textarea {width: 400px; height: 150px;}
.signupForm .formButton {clear: both;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* Pagination */
.Pagination {display: block; margin: 5px; text-align: right;}
.Pagination ul {list-style: none; margin: 0; padding: 0;}
.Pagination ul li {margin: 0; padding: 0; font-size: 12px; display: inline;}
.Pagination ul li a, .Pagination ul li a:link, .Pagination ul li a:visited {font-size: 12px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li a:hover, .Pagination ul li a:active {font-size: 12px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.Pagination ul li.current {margin: 0; padding: 0 3px; font-size: 12px; display: inline; line-height: 18px; font-weight: bold;}

.Pagination ul li.previous a, .Pagination ul li.previous a:link, .Pagination ul li.previous a:visited {font-size: 16px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-size: 16px; padding: 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.Pagination ul li.next a, .Pagination ul li.next a:link, .Pagination ul li.next a:visited {font-size: 16px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-size: 16px; padding: 0; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Footer styles */
#footerDiv {position: relative; width: 100%; height: 60px; background: #2390b1; clear: both; z-index: 10;}
img#shadowBottom {position: relative; width: 920px; height: 30px; z-index: 1;}
#footer {position: relative; margin: 0 40px; width: 840px; z-index: 100;}
#footerLeft {/*float: left;*/position: absolute; left: 0; top: -7px; top: expression(0 + 'px'); width: 400px; font-size: 10px; color: #fff; line-height: 12px; text-align: left; z-index: 100;}
#footerLeft a, #footerLeft a:link, #footerLeft a:visited {font-size: 10px; color: #fff; line-height: 12px;}
#footerLeft a:hover, #footerLeft a:active {font-size: 10px; color: #fff; line-height: 12px;}
#footerLeft .separator {color: #fff; line-height: 12px;}

#vantageLink {/*float: right;*/position:absolute; right: 0; top: -3px; width: 400px; font-size: 10px; color: #fff; line-height: 12px; text-align: right; z-index: 100;}
#vantageLink a, #vantageLink a:link, #vantageLink a:visited {font-size: 10px; color: #fff; text-decoration: none; line-height: 12px;}
#vantageLink a:hover, #vantageLink a:active {font-size: 10px; color: #fff; text-decoration: underline; line-height: 12px;}
#vantageLink a img {vertical-align: middle;}

/* Anchoring badges off of footer... offset above */
#specials {position: absolute; left: 579px; top: -184px; width: 280px; height: 154px; z-index: 100; overflow: hidden;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {}
.divEditDeleteControls {}
.errorMsg {color: #cc0000;}
.ApexImageSpacing {margin: 0 10px 10px 0;}