html { background-color: #D0D0D0; } 
body { background-image: none; }
.clear-column { clear: both; }

#full-width-container { width: 100%; text-align: center; margin-top: 100px; }
#full-width-container #header { width: 980px; margin: 0 auto; text-align: left; }
#full-width-container #directory-container { width: 980px; margin: 0 auto; text-align: left; }
#full-width-container .pageSection-noShadow { width: 972px; margin: 0 auto; text-align: left; }
#full-width-container .content-container { width: 972px; margin: 0 auto; text-align: left; }

#full-width-container .page-title { margin: 0 auto 10px; font-size: 24px; color: #202020; text-align: left; width: 972px; }
.section-title { margin-bottom: 20px; font-size: 36px; font-weight: bold; color: #BF6D00; }
.section-desc { width: 710px; font-size: 18px; color: #404040; line-height: 23px; margin: 0 auto; }
.section-desc .highlight { font-size: 18px; color: #BF6D00; }

#full-width-container #decision-table-explained-header { text-align: center; margin-top: 36px; }
#decision-table-explained-header { height: 590px; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/header_background.png') no-repeat; position: relative; }

#decision-table-explained-header .legend { position: absolute; font-size: 14px; text-align: left; }
#decision-table-explained-header .legend .legend-title { font-weight: bold; color: #202020; }
#decision-table-explained-header .legend .legend-desc { color: #404040; line-height: 17px; border-top: 1px solid #404040; margin-top: 3px; padding-top: 3px; }
#decision-table-explained-header .conditions-legend { left: 13px; top: 250px; width: 152px; }
#decision-table-explained-header .conditions-legend .legend-desc { padding-right: 24px; }
#decision-table-explained-header .actions-legend { left: 13px; top: 405px; width: 152px; }
#decision-table-explained-header .actions-legend .legend-desc { padding-right: 24px; }
#decision-table-explained-header .rules-legend { left: 673px; top: 229px; width: 294px; }
#decision-table-explained-header .rules-legend .legend-title,
#decision-table-explained-header .rules-legend .legend-desc { padding-left: 166px; }

#decision-table-explained-header2 { width: 100%; background: #FFFFFF url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/header_bar_shadow.png') bottom repeat-x; border-top: 1px solid #A0A0A0; text-align: center; padding-bottom: 9px; }
#decision-table-explained-header2 #decision-table-explained-header2-inner { background-color: #E0E0E0; padding: 36px 0; text-align: center; }
#decision-table-explained-header2 .columns { width: 980px; margin: 0 auto; text-align: left; }
#decision-table-explained-header2 .columns .column1,
#decision-table-explained-header2 .columns .column2 { float: left; width: 440px; }
#decision-table-explained-header2 .columns .column2 { margin-left: 50px; }
#decision-table-explained-header2 .columns .column-title { font-size: 24px; font-weight: bold; color: #BF6D00; margin: 0; }
#decision-table-explained-header2 .columns .column-desc { margin-top: 12px; font-size: 16px; color: #202020; line-height: 22px; }
#decision-table-explained-header2 .columns .column-desc .highlight { color: #BF6D00; }

#decision-table-explained-text-vs-table { width: 100%; text-align: center; background-color: #FFFFFF; padding: 72px 0; }
#decision-table-explained-text-vs-table #decision-table-explained-text-vs-table-inner { width: 980px; margin: 0 auto; }
#decision-table-explained-text-vs-table #text-vs-table-answer { text-align: left; margin: 32px auto 0; font-size: 18px; color: #808080; line-height: 30px; width: 412px; height: 30px; }
#decision-table-explained-text-vs-table #text-vs-table-answer p { float: left; width: 140px; overflow-x: visible; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li { float: left; margin-left: 6px; height: 30px; text-align: center; white-space: nowrap; color: #006CAF; cursor: pointer; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li:HOVER { text-decoration: underline; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li.selected { background: #DBD000; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #404040; cursor: default; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li.selected:HOVER { text-decoration: none; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li.text { width: 100px; }
#decision-table-explained-text-vs-table #text-vs-table-answer #text-vs-table-answer-selection li.decision-table { width: 152px; }
#decision-table-explained-text-vs-table #text-vs-table-text { margin: 20px auto; width: 580px; }
#decision-table-explained-text-vs-table #text-vs-table-text-inner { text-align: left; width: 530px; height: 388px; box-shadow: 0 0 3px #404040; background-color: #FAFAFA; padding: 36px 25px; }
#decision-table-explained-text-vs-table #text-vs-table-text #text-vs-table-text-content { background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/text_paper_line_background.png') repeat; width: 100%; height: 100%; }
#decision-table-explained-text-vs-table #text-vs-table-text #text-vs-table-text-content .title { text-align: center; font-size: 16px; color: #404040; font-weight: bold; line-height: 28px; }
#decision-table-explained-text-vs-table #text-vs-table-text #text-vs-table-text-content .desc { line-height: 28px; font-size: 14px; color: #404040; }
#decision-table-explained-text-vs-table #text-vs-table-text #text-vs-table-text-footer { background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/text_paper_shadow.png') no-repeat center; width: 576px; height: 21px; }
#decision-table-explained-text-vs-table #text-vs-table-decision-table { margin: 20px auto; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/airfare_discounts.png') no-repeat; position: relative; width: 662px; padding-top: 464px; }
#decision-table-explained-text-vs-table #text-vs-table-decision-table .poi-callout { position: absolute; left: 536px; top: 84px; cursor: pointer; opacity: 0; display: none; }
#decision-table-explained-text-vs-table #text-vs-table-decision-table .poi-callout img { width: 100%; height: 100%; }
#decision-table-explained-text-vs-table #text-vs-table-decision-table .legend { width: 528px; margin: 0 auto; font-size: 14px; color: #404040; }

#decision-table-explained-text-vs-table .text-vs-table-decision-table-highlight { background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/airfare_discounts_highlighted.png') no-repeat !important; }
#decision-table-explained-text-vs-table .text-vs-table-decision-table-highlight .red-pointer { display: none; }

#decision-table-explained-effective-communication { text-align: center; background-color: #FFFFFF; padding-bottom: 72px; }
#decision-table-explained-effective-communication .section-desc { width: 710px; margin: 20px auto 0; text-align: center; }
#decision-table-explained-effective-communication .section-desc2 { width: 710px; margin: 36px auto 0; text-align: left; text-indent: 40px; font-size: 14px; color: #202020; line-height: 24px; }
#decision-table-explained-effective-communication .effective-communication-block { margin: 0 auto; background-color: #F0F0F0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset 0 0 8px #A0A0A0; -webkit-box-shadow: inset 0 0 8px #A0A0A0; box-shadow: inset 0 0 8px #A0A0A0; }
#decision-table-explained-effective-communication #effective-communication-block1 { width: 912px; margin-top: 32px; padding: 24px; }
#decision-table-explained-effective-communication #effective-communication-block2 { width: 888px; margin-top: 36px; padding: 36px; text-align: left; }
#decision-table-explained-effective-communication #effective-communication-block1 .img { float: left; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/communication.png') no-repeat center; width: 572px; height: 160px; }
#decision-table-explained-effective-communication #effective-communication-block1 .desc { margin-left: 572px; font-size: 14px; color: #404040; line-height: 24px; text-align: left; text-indent: 40px; }

#decision-table-explained-effective-communication #effective-communication-table-selection { background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/table_selection.png') no-repeat; width: 800px; padding-top: 220px; margin: 36px auto 0; text-align: center; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul { width: 724px; margin: 0 auto; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul li { float: left; width: 181px; text-align: center; font-size: 14px; font-weight: bold; color: #202020; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul li.selection1 { width: 151px; padding: 0 15px; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul li.selection2 { width: 151px; padding: 0 15px; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul li.selection3 { width: 171px; padding: 0 5px; }
#decision-table-explained-effective-communication #effective-communication-table-selection ul li.selection4 {}

#decision-table-explained-effective-communication #effective-communication-block2 .img { float: right; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/premium_of_single_trip_insurance.png') no-repeat; width: 650px; height: 240px; }
#decision-table-explained-effective-communication #effective-communication-block2 .title { margin-right: 678px; font-size: 16px; font-weight: bold; color: #202020; }
#decision-table-explained-effective-communication #effective-communication-block2 .desc { margin-right: 678px; font-size: 14px; color: #404040; line-height: 24px; }
#decision-table-explained-effective-communication #effective-communication-block2 .download-link { margin-right: 678px; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/download.png') no-repeat; font-size: 14px; height: 24px; line-height: 24px; padding-left: 26px; display: block; margin-top: 9px; }

#decision-table-explained-footer { width: 100%; background-color: #E0E0E0; }
#decision-table-explained-footer #decision-table-explained-footer-top { background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/example_inner_shadow.png') repeat-x; height: 8px; width: 100%; }
#decision-table-explained-footer #decision-table-explained-footer-inner { width: 980px; margin: 24px auto 0; padding-bottom: 24px; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns { border-bottom: 1px solid #808080; padding-bottom: 32px; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column1,
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column2,
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column3 { float: left; width: 314px; text-align: left; min-height: 167px; position: relative; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column2,
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column3 { margin-left: 18px; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column-title { font-size: 16px; font-weight: bold; color: #404040; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column-desc { margin-top: 9px; font-size: 14px; color: #606060; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .column-desc2 { margin-top: 9px; font-size: 12px; color: #606060; }
#decision-table-explained-footer #decision-table-explained-footer-inner .columns .learn-more-link { font-size: 14px; float: right; position: absolute; right: 0; bottom: 0; }
#decision-table-explained-footer #decision-table-explained-footer-inner .decision-table-in-action-link { display: block; width: 362px; height: 63px; background: url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/button.png') no-repeat; text-align: center; font-size: 18px; margin: 32px auto 0; line-height: 63px; }

#decision-table-explained-footer-bottom { background: #FFFFFF url('https://cdn-images.visual-paradigm.com/products/articles/decision-table-explained/example_inner_shadow.png') repeat-x 0 -8px; height: 8px; width: 100%; }
#decision-table-explained-page-footer { background-color: #FFFFFF; }
#decision-table-explained-page-footer div#footer { margin-top: 16px; }
div.additional { padding: 48px 62px 64px; }
div.additional .column1 { width: 400px; float: left; text-align: center; }
div.additional .column2 { width: 400px; float: left; text-align: center; margin-left: 48px; }
div.additional .productTitle { font-size: 20px; font-weight: bold; color: #404040; }
div.additional .productDesc { margin-top: 12px; font-size: 14px; color: #404040; }
div.additional .productImage { margin-top: 16px; }
div.additional a { font-size: 14px; }
div.additional .downloadLink { background: url("https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png") no-repeat scroll 0 0 transparent; margin-left: 66px; margin-top: 14px; }
div.additional .downloadLink a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; font-size: 18px; font-weight: bold; line-height: 40px; text-decoration: none; 	width: 269px; color: #FFFFFF; }
