/*************************************************************************/ /* MAIN STYLESHEET OVERRIDES */ /*************************************************************************/ /* BASIC */ h1 { margin-top: 0px;} /* UNIVERSAL NAV */ /* #universal-nav-and-content { background-image: url("../images/keylink/bg-dots-light-gray-white-on-bottom.png"); } */ /* HEADER */ /* #header #nav { background-image: url("../images/keylink/bg-nav.png"); } */ /* FOOTER */ /* #universal-footer { background-image: url("../images/keylink/bg-footer.png") ; } #universal-footer-inner { background-image: url("../images/keylink/bg-footer-inner.png"); background-color: #fff8cc; } .footer-list-ul li { border-bottom: 1px solid #d6d1ac; } #universal-footer-bottom-cap {background-image: url("../images/keylink/bg-footer-bottom-cap.png"); } */ /* NAV */ #nav { height:61px !important; background: #FFFFFF url("") !important; text-align:center; border-top:0px; border-bottom:1px solid #BABABA; } #nav #nav-li-1 a { width: auto; color: #3b3b3b; } #nav #nav-li-1 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-1 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-1.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-1.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-2 a { width: auto; color: #3b3b3b; } #nav #nav-li-2 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-2 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-2.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-2.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-3 a { width: auto; color: #3b3b3b; } #nav #nav-li-3 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-3 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-3.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-3.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-4 a { width: auto; color: #3b3b3b; } #nav #nav-li-4 a:hover { width: auto; color: #c82413 !important ;} #nav #nav-li-4 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-4.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-4.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-5 a { width: auto; color: #3b3b3b; } #nav #nav-li-5 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-5 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-5.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-5.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-6 a { width: auto; color: #3b3b3b; } #nav #nav-li-6 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-6 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-6.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-6.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-7 a { width: auto; color: #3b3b3b; } #nav #nav-li-7 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-7 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-7.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-7.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-8 a { width: auto; color: #3b3b3b; } #nav #nav-li-8 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-8 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-8.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-8.selected a:hover { color: #ffffff !important; cursor:default;} #nav #nav-li-9 a { width: auto; color: #3b3b3b; } #nav #nav-li-9 a:hover { width: auto; color: #c82413 !important; } #nav #nav-li-9 a:visited { width: auto; color: #3b3b3b; } #nav #nav-li-9.selected a { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; } #nav #nav-li-9.selected a:hover { color: #ffffff !important; cursor:default;} /* #nav ul li a{background: url(../images/keylink/sprite-nav-keylink_6_5_2014.png) no-repeat 0% 0%;} #nav #nav-li-1 a { width: 128px; background-position: 0px 0px;} #nav #nav-li-1 a:hover { width: 128px; background-position: 0px -61px;} #nav #nav-li-1.selected a { width: 128px; background-position: 0px -61px;} #nav #nav-li-2 a { width: 128px; background-position: -128px 0px;} #nav #nav-li-2 a:hover { width: 128px; background-position: -128px -61px;} #nav #nav-li-2.selected a { width: 128px; background-position: -128px -61px;} #nav #nav-li-3 a { width: 128px; background-position: -256px 0px;} #nav #nav-li-3 a:hover { width: 128px; background-position: -256px -61px;} #nav #nav-li-3.selected a { width: 128px; background-position: -256px -61px;} #nav #nav-li-4 a { width: 128px; background-position: -384px 0px;} #nav #nav-li-4 a:hover { width: 128px; background-position: -384px -61px;} #nav #nav-li-4.selected a { width: 128px; background-position: -384px -61px;} #nav #nav-li-5 a { width: 128px; background-position: -512px 0px;} #nav #nav-li-5 a:hover { width: 128px; background-position: -512px -61px;} #nav #nav-li-5.selected a { width: 128px; background-position: -512px -61px;} #nav #nav-li-6 a { width: 128px; background-position: -640px 0px;} #nav #nav-li-6 a:hover { width: 128px; background-position: -640px -61px;} #nav #nav-li-6.selected a { width: 128px; background-position: -640px -61px;} #nav #nav-li-7 a { width: 128px; background-position: -768px 0px;} #nav #nav-li-7 a:hover { width: 128px; background-position: -768px -61px;} #nav #nav-li-7.selected a { width: 128px; background-position: -768px -61px;} #nav #nav-li-8 a { width: 128px; background-position: -896px 0px;} #nav #nav-li-8 a:hover { width: 128px; background-position: -896px -61px;} #nav #nav-li-8.selected a { width: 128px; background-position: -896px -61px;} */ /*************************************************************************/ /* PAGE SPECIFIC */ /*************************************************************************/ /* content */ #innerPageHeaderH1 { } .IE6 #innerPageHeaderH1 {background-image: url(../images/keylink/content-buildings.jpg);} .contentDiv { padding-bottom: 20px;} .contentDiv h2 { font-size: 18px; font-weight: bold; padding-bottom: 10px;} .contentDivTopCorners { width: 1024px; height: 10px; background: url(../images/keylink/content-top.png); overflow: hidden; display: none;} .contentDivBottomCorners { width: 1024px; height: 10px; background: url(../images/keylink/content-bottom.png); overflow: hidden; display: none;} .IE6 .contentDivTopCorners { background-image: url(../images/keylink/content-top-noalpha.png);} .IE6 .contentDivBottomCorners { background-image: url(../images/keylink/content-bottom-noalpha.png);} .contentDivInner {background-color: #ffffff; padding: 5px 20px 5px 20px; border: 1px solid #cccccc;} .contentDivInner p { padding-bottom: 15px;} /* features page */ .featuresLink {width: 49.5%; display: block; padding-bottom: 6px;} .featuresLinkSelected { background-color: White; background: #3f84c9 url(../images/keylink/feature-text-box-tab-bg.png) no-repeat; color: White;} .featuresLinkSelected a,.featuresLinkSelected:link, .featuresLinkSelected:hover { color: White;} .featuresLinkInner {display: block; padding-top: 10px;} .featuresLinkImage {display: block; float: left; padding-left: 20px;} .featuresLinkImage img { padding: 0px; margin: 0px; border: 0px;} .featuresLinkText {display: block; float: left; line-height: 77px; font-size: 18px; padding-left: 20px;} .featuresDesc { display: none; background: #3f84c9 url(../images/keylink/feature-text-box-bottom-corners-bg.png) no-repeat 0% 100%;} .featuresDesc p { padding-bottom: 15px;} .featuresDescInner { padding: 20px; color: White; background: transparent url(../images/keylink/feature-text-box-right-corner.png) no-repeat 100% 0%;} .featuresDescWithLeftTab .featuresDescInner { background: transparent url(../images/keylink/feature-text-box-left-corner.png) no-repeat 0% 0%;} /* products page */ #productsPage h2 { border-top: 1px solid #000000; padding-top: 15px;} .verticalPricingTable { width: 100%; table-layout: fixed; background-color: #fff8cc; } .verticalPricingTable tr.last td {border-bottom: 1px solid #d8cc88;} .verticalPricingTable td { padding: 5px; border-top: 1px solid #d8cc88; width: 50%; } .verticalPricingTable td.first {border-right: 1px solid #d8cc88} .verticalPricingTable .imageTD { text-align: center; padding-top: 15px; background: transparent url(../images/keylink/products-table-cell-bg-tall.png) repeat-x;} .verticalPricingTable .nameTD { text-align: center; font-weight: bold; font-size: 14px; background-color: #fffce9;} .verticalPricingTable .descTD {} .verticalPricingTable .priceTD { font-weight: bold;} .horizontalPricingTable { background-color: #fff8cc;} .horizontalPricingTable td { padding: 5px; border-top: 1px solid #d8cc88; background: transparent url(../images/keylink/products-table-cell-bg.png) repeat-x;} .horizontalPricingTable tr {} .horizontalPricingTable .imageTD { text-align: center; padding-left: 10px; padding-right: 10px;} .horizontalPricingTable .nameTD { text-align: left; font-weight: bold; padding-right: 20px; } .horizontalPricingTable .descTD {} .horizontalPricingTable .priceTD { width: 100px; font-weight: bold;} /* pricing calculator */ .PricingCalcSectionHeader { padding-top: 20px; padding-bottom: 10px;} .PricingCalcSection {} .CalcTable { border-collapse: collapse; table-layout: fixed; background-color: #fffce6; } .CalcTable td { border: 1px solid #cccccc; padding: 5px; } #CalcTableColHeader td { background: #d5d5d5 url(../images/keylink/pricing-calc-row-header.png) repeat-x} body .CalcTable .PriceCol { width: 11.66%; border-left: 2px solid #cccccc; } .CalcTable .Col1 { } .CalcTable .Col2 { } .CalcTable .Col3 { width: 75px; } .CalcTable .Col4 { } .CalcTable .Col5 { width: 75px; font-weight: bold; background-color: #ffffb7 !important; background-image: none; border-left: 2px solid #cccccc !important; border-right: 2px solid #cccccc !important; text-align: right; } .CalcTable .BreakCol { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0px !important; border-bottom: 0px !important; width: 50px; display: none; } .CalcTable .Col6 { width: 100px; display: none; } .CalcTable .Col6NoBorder { border: 0px !important; } .CalcTable .Col1b { } .PricingCalcFeaturesUL { list-style-type: disc;} .PricingCalcFeaturesUL li { margin-left: 10px;} body .IntemediateTotal { } body .GrandTotal { font-weight: bold; } .IntemediateTotal, .GrandTotal { background: url(../images/keylink/pricing-calc-total-price-row.png) repeat-x #b6cbde; } .Total { background-color: #ccf9cc; text-align: right; padding: 10px; font-weight: bold; } #SytemFeatureUL { } /* keylink story */ #keyLinkStory ol{list-style-type: decimal; padding-left: 40px; padding-right: 40px;} #keyLinkStory ol li { padding-bottom: 20px;} #keyLinkStory ul{list-style-type: disc; padding-left: 40px; padding-right: 40px; } #keyLinkStory ul li { padding-bottom: 20px;} /* faq */ #faq h2 { padding-bottom: 25px;} .faqInner { padding-left: 20px;} .faqInner h3 { font-size: 14px; font-weight: bold; padding-bottom: 15px;} .complianceTable td { padding: 5px; background-color: White; border: 1px solid #cccccc;} .complianceTable th { background: #1f1f1f url(../images/keylink/faq-compliance-header-row.png) repeat-x; padding: 5px; color: White; text-align: center; font-weight: bold; } .complianceTable .Comparison-Compliant { background: #a7f8a7 url(../images/keylink/faq-compliance-green.png) repeat-x; } .complianceTable .Comparison-PartialCompliant { background: #ffe3c6 url(../images/keylink/faq-compliance-salmon.png) repeat-x; } .complianceTable .Comparison-NotCompliant { background: #e6e6e6 url(../images/keylink/faq-compliance-gray.png) repeat-x; } .complianceTable .rowHeaderCell { text-align: left;} .topicHeaderOuter h2 { float: left; width: auto;} .topicHeaderOuter a { background: url(../images/keylink/faq-gototop.gif) no-repeat 100% 50%; float: right; padding-right: 20px; }