/* Navis Stylesheet - Pixelsilk */

body, form, table, img, pre {font-size:14px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; color:#666; border-style:none; border-width:0px; padding:0; margin:0;}
td, p, div, a, select {font-size:14px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; color:#666; line-height: 24px;}
html, body {height: 100%;}
body.pixelsilk {text-align:center; background: #fff;}
a, a:link, a:visited {color:#f49629;text-decoration:none;}
a:active, a:hover {color:#f49629;text-decoration:underline;}

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

p {margin-top: 0;}
hr {height: 1px; color: #cfcfcf; background-color: #cfcfcf; border-width: 0;}
hr.light {height: 1px; color: #e8e8e8; background-color: #e8e8e8; border-width: 0;}

#theme {position: relative; margin: 0; text-align: center; width: 100%; height: auto !important; height: 100%; min-height: 100%; background: url('/site-bg.gif') repeat-x}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 900px; height: 170px; z-index: 100;}
#logo {position: absolute; left: 0; top: 39px; width: 153px; height: 62px; z-index: 200;}
#tagline {position: absolute; left: 172px; top: 81px; width: 200px; height: 15px; color: #00447c;}
#phoneNumber {position: absolute; right: 0; top: 81px; width: 220px; height: 20px; text-align: right; font-size: 18px; font-weight: bold; color: #ccc;}
#phoneNumber .blue {color: #00447c;}
#headerlinks {position: absolute; right: 0; top: 3px; width: 250px; height: 10px; text-align: right; font-size: 10px; color: #ccc;}
#headerlinks a {font-size: 10px; color: #f49629;}

/* Menu styles */
#siteMenu {position: absolute; left: 0; top: 116px; width: 900px; height: 38px; z-index: 100;}
#siteMenu ul {list-style: none; margin: 0; padding: 0;}
#siteMenu ul li {display: inline; float: left; position: relative; height: 38px; line-height: 38px;}
#siteMenu ul li a, #siteMenu ul li a:link, #siteMenu ul li a:visited {display: block; padding: 0 15px; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; color: #999; text-decoration: none;}
#siteMenu ul li a:hover, #siteMenu ul li a:active {display: block; padding: 0 15px; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; color: #999; text-decoration: underline; background: url('/menu-item-current.gif') center top no-repeat;}

#siteMenu ul li.current a {background: url('/menu-item-current.gif') center top no-repeat;}
#siteMenu ul li.first {display: inline; float: left; position: relative; height: 38px; line-height: 38px;}
#siteMenu ul li.first a, #siteMenu ul li.first a:link, #siteMenu ul li.first a:visited {display: block; padding: 0 15px 0 0; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; color: #999; text-decoration: none;}
#siteMenu ul li.first a:hover, #siteMenu ul li.first a:active {display: block; padding: 0 15px 0 0; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; color: #999; text-decoration: underline; background: url('/menu-item-current.gif') center top no-repeat;}

#siteMenu ul li.separator {width: 11px; height: 38px; color: #ccc;}

/* Submenu styles */
#siteMenu ul li ul {display:none; position:absolute; left: 0/*20px*/; top: 34px; z-index:1000; margin:0; padding:0; width:225px; text-align: left; /* Match UL 'left' attribute below */ background: #f7f7f7;}
#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 15px; height:24px; line-height: 24px; color:#999; font-size:14px; font-weight: normal; 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:#999; text-decoration: none; font-weight: bold; background: #f7f7f7;}
#siteMenu ul li ul li.separator {/*float:left; position:relative; height: 2px; line-height:2px; margin:0; padding:0; width:100%;*/}

#siteMenu ul li ul li ul {position:absolute; top:0; left:225px; /* Match UL width above */background:#f7f7f7;}

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

/* Main content area styles */
#content {position: relative; margin: 0 auto; padding: 0 0 60px 0; width: 900px; text-align: left; /*overflow: auto;*/ z-index: 1; /*background: url('/content-container-bg.gif');*/}

#divSlideShow {float: left; margin: 0; padding: 0; width: 600px; height: 170px; z-index: 1;}
#divVideoPlayer {float: left; margin: 0; padding: 0; width: 300px; height: 170px; z-index: 1;}

/*#mainColumn {float: left; margin: 30px 0 0 0; width: 575px;}*/
#mainColumn {float: left; margin: 0; padding: 0; width: 600px;}
#mainColumnDiv {margin: 30px 0 0 0; width: 575px;}
#wideColumn {float: left; margin: 0; padding: 0; width: 900px;}
#wideColumnDiv {margin: 30px 0 0 0; width: 875px;}

/*#rightColumn {float: left; margin: 30px 0 0 50px; width: 250px;}*/
#rightColumn {float: left; margin: 0; padding: 0; width: 300px; background: url('/right-column-bg.gif') repeat-y;}
#rightColumnDiv {margin: 30px 0 0 25px; padding: 0 0 25px 0; width: 250px;}
.rightPadding {position: relative; padding: 0 5px;}

#homeRightContentBox {position: relative; margin: 0 0 20px 0;}

/* Search box/form */
#search {position: relative; display: block; margin: 0 0 15px 0; width: 238px; height: 30px; border: 1px #e2e2e2 solid; background: #fff;}
.txtSearch {position: absolute; left: 6px; top: 5px; width: 200px; margin: 0; padding: 0 0 0 2px ! important; height: 18px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 18px; border-width: 0 ! important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 212px; top: 2px; width: 25px; height: 25px;}

/* Newsletter button */
#receiveNewsletter {position: relative; display: block; width: 250px; height: 40px; background: url('/receive-newsletter-bg.gif') no-repeat;}
#receiveNewsletter a {position: absolute; left: 13px; top: 3px; color: #00447c; font-size: 18px; line-height: 30px; font-weight: bold; text-decoration: none; outline: none;}

/* Homepage news feed */
#homepageNews {position: relative; padding: 9px 0 7px 0;}
#homepageNews > h3 {/*float: left;*/ display: block; width: 100px; margin: 0; line-height: 20px;}
#homepageNews > a.viewAll {display: block; float: right; width: 100px; text-align: right; margin: -20px 0 0 0; line-height: 20px;}
.homeNewsItem {margin: 0; padding: 0 0 8px 0; line-height: 16px;}
.homeNewsItem p, .homeNewsItem p a {margin: 0; line-height: 16px;}

/* CTAs on homepage */
#homeCTA {position: relative; display: block;}
.homeCTA {position: relative; float: left; display: block; margin: 5px 10px 0 0; width: 180px; height: 200px; background: url('/home-cta-bg.gif') no-repeat;}
.homeCTA div {padding: 15px 20px 5px 20px; color: #f49629; line-height: 15px;}
.homeCTA div h2 {font-size: 18px; font-weight: bold; line-height: 24px; color: #fefefe;}
.homeCTA div ul {margin: 0 0 0 15px; padding: 0;}
.homeCTA div ul li {margin: 5px 0 0 0;}
.homeCTA div a.learnmore {position: absolute; top: 178px; width: 100px; height: 15px; line-height: 15px; right: 20px; color: #fff; text-decoration: none;}
.pushToTalkCTA {position: relative; float: left; display: block; margin: 0; width: 190px; height: 210px; background: url('/cta-push-to-talk-bg.gif') no-repeat;}
.pushToTalkCTA div {position: absolute; left: 25px; top: 21px; width: 85px; height: 150px; color: #f49629; line-height: normal;}
.pushToTalkCTA div h2 {font-size: 18px; font-weight: bold; line-height: normal; color: #f49629;}
.pushToTalkCTA div a {color: #f49629; line-height: normal; text-decoration: none;}

/* Sidebar CTAs */
.sidebarCTA {position: relative; display: block; width: 250px; height: 70px; background: url('/cta-right-bg.gif') no-repeat;}
.sidebarCTA a {position: absolute; left: 25px; top: 8px; color: #fff; font-size: 18px; line-height: 54px; font-weight: bold; text-decoration: none; outline: none;}
.sidebarPushCTA {position: relative; display: block; width: 250px; height: 120px; background: url('/cta-pushtotalk-right-bg.gif') no-repeat;}
.sidebarPushCTA a {position: absolute; left: 25px; top: 21px; width: 85px; color: #f49629; font-size: 14px; line-height: normal; text-decoration: none; outline: none;}

/* News styles */
.newsItem {margin: 0 0 15px 0;}

.newsForm {}
.newsForm .formLabel {}
.newsForm .formField {margin: 0 0 10px 0;}
.newsForm .required {font-weight: bold;}
.newsForm textarea {width: 300px; height: 150px;}
.newsForm .formButton {clear: both;}

/* 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 {}
/*
.contactForm .formLabel {}
.contactForm .formField {margin: 0 0 10px 0;}
.contactForm .required {font-weight: bold;}
*/
.contactForm textarea {width: 300px; height: 150px;}
.contactForm .formButton {clear: both;}
.contactForm .formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%; /*text-align: right;*/}
.contactForm .formField {float: left; margin: 0 0 10px 0; width: 60%;}
.contactForm .nextLine {clear: both;}
.contactForm .required {font-weight: bold;}
.contactForm .formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}

/* 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: 500px; 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 */
#footerSpacer {position: relative; width: 100%; height: 30px; background: #fff;}
#footerDiv {position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background: #F49629; clear: both; z-index: 10;}
#footer {margin: 0 auto; width: 900px;}
#footerLeft {float: left; font-size: 12px; color: #fff; line-height: 30px; text-align: left;}
#footerLeft a, #footerLeft a:link, #footerLeft a:visited {font-size: 12px; color: #fff; line-height: 30px;}
#footerLeft a:hover, #footerLeft a:active {font-size: 12px; color: #fff; line-height: 30px;}
#footerLeft .separator {color: #ffbe72; line-height: 30px;}

#smartzLink {float: right; font-size: 12px; color: #fff; line-height: 30px; text-align: right;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {line-height: 30px; font-size: 12px; color: #fff; text-decoration: none;}
#smartzLink a:hover, #smartzLink a:active {line-height: 30px; font-size: 12px; color: #fff; text-decoration: underline;}
#smartzLink a img {vertical-align: middle;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {}
.divEditDeleteControls {}
.errorMsg {color: #cc0000;}

/* new conversion calculator styles */
#conversionCalc {margin: 0 15px 0 70px;}
#conversionCalc .input {clear: both; margin: 0 0 10px; font-size: 12px; line-height: 18px;}
#conversionCalc .input h3 {line-height: 18px; margin: 0;}
#conversionCalc .input p {font-size: 12px; line-height: 18px;}
#conversionCalc .input input {float: right; margin: 0 0 0 10px; width: 92px; height: 20px; text-align: center; color: #999; font-size: 16px;}
#conversionCalc .button {clear: both; margin: 10px 0; text-align: center;}
#conversionCalc .output {clear: both; margin: 0 0 10px;}
#conversionCalc .output h3 {line-height: 18px; margin: 0;}
#conversionCalc .output p {font-size: 12px; line-height: 18px;}
#conversionCalc .output .field {float: right; margin: 0 0 0 10px; width: 92px; height: 20px; text-align: center; color: #003C78; font-size: 16px; font-weight: bold;}
#conversionCalc #totalNewRevenue {margin: 0; padding: 0 10px; width: 492px; height: 44px; color: #003C78; font-size: 16px; font-weight: bold; line-height: 44px; background: url('/bg-total-revenue.gif') no-repeat;}
#conversionCalc #totalNewRevenue #totalRevenue {float: right; margin: 0 20px 0 0; text-align: right; width: 150px; height: 44px; color: #003C78; font-size: 16px; font-weight: bold; line-height: 44px;}
#conversionCalc .moreInfo {margin: 10px 25px; font-size: 12px; line-height: 18px; color: #003C78; font-weight: bold;}