/* Layout Overrides -----------------------*/ #globalNav { width: 1000px !important; background: #f2f2f2 url(/images/globalnav/top_bg_blue_v10.png) no-repeat 0 0 !important; } #globalHelp { float: right; padding-right: 10px !important; } #globalHelp li { width: 200px; float: left; } .country { float: right !important; width: auto !important; } /* General -----------------------*/ #lower-area h3 { margin-top: 20px; } #lower-area .heading-top { margin-top: 0; } img.before { float: left; margin: 5px 30px 0 0; } img.after { float: right; margin: 5px 0 0 30px; } ul.bulleted li { list-style: disc; margin: 0 0 5px 20px; } .line-divider { border-top: 1px solid #ddd; margin: 25px 0; } .clear { clear: both; } .clear-screenshot { clear: both; padding-bottom: 0 !important; margin: 0 0 25px 0 !important; } #lower-area p, #lower-area ul, #lower-area li { color: #444; } /* main body text color */ #lower-area h2, #lower-area h3, #lower-area h4, #lower-area h5 { color: #222; } /* heading color */ /* Sub-Nav -----------------------*/ #sub-header { height: 80px; font-size: 110%; } #sub-nav { float: right; margin-top: 50px; } #sub-nav li { float: left; } #sub-nav a { text-decoration: none; padding: 5px 15px; } #sub-nav a:link { color: #444; } #sub-nav a:visited { color: #444; } #sub-nav a:hover { color: #06f; } #sub-nav a:active { color: #444; } #sub-nav li.selected a { color: #000; font-weight: bold; } #subnav-buy-now img, #subnav-adv-buy-now img { margin-top: -7px; } #subnav-adv-buy-now { display: none; } #pro-adv #subnav-buy-now { display: none; } #pro-adv #subnav-adv-buy-now { display: block; } /* Page Headings -----------------------*/ #sub-header h2 { margin: 40px 0 0 22px; text-indent: -5000px; float: left;} body#products-home #sub-header h2 { width: 107px; height: 23px; background: url(/images/fm10/heading_products.png) no-repeat 0 0; } body.fmp #sub-header h2, body#compare #sub-header h2 { width: 211px; height: 23px; background: url(/images/fm10/heading_filemaker10.png) no-repeat 0 0; } body#compare-home #sub-header h2 { width: 116px; height: 28px; background: url(/images/fm10/heading_compare.png) no-repeat 0 0; } body.fms #sub-header h2, body.fmsa #sub-header h2 { width: 247px; height: 23px; background: url(/images/fm10/heading_filemaker_server_10.png) no-repeat 0 0; } h2.intro { margin: 10px 0 20px 0 !important; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .line2 { color: #999; font-size: 80%; } /* Feature Areas -----------------------*/ #feature-area { position: relative; margin-bottom: 10px; } .feature-links { position: absolute; right: 0; bottom: 10px; } .feature-links li { float: left; margin-left: 10px; } body.fms#overview #feature-area { height: 420px; background: url(/images/fm10/feature_server_overview.jpg) no-repeat 0 0; } body.fmsa#overview #feature-area { height: 420px; background: url(/images/fm10/feature_serveradv_overview.jpg) no-repeat 0 0; } body#overview #feature-area { height: 420px; background: url(/images/fm10/feature_overview.jpg) no-repeat 0 0; } body#whats-new #feature-area { height: 420px; background: url(/images/fm10/feature_whats_new.jpg) no-repeat 0 60px; } body#pro-adv #feature-area { height: 420px; background: url(/images/fm10/feature_pro_advanced.jpg) no-repeat 0 0; } /* Bottom Callout -----------------------*/ #callout-bottom { margin: 25px 0; padding-top: 10px; background: url(/images/site/bg_bottom_callout_top.png) no-repeat 0 0; } .callout-bottom-wrapper { padding: 0 20px 10px 20px; background: url(/images/site/bg_bottom_callout_bottom.png) no-repeat 0 100%; } #callout-bottom .offour { margin-top: 10px; padding: 0 10px; width: 225px; float: left; text-align: center; } #callout-bottom .firstcolumn { padding-left: 0; } #callout-bottom .lastcolumn { padding-right: 0; } #callout-bottom h3 { font: normal 130% "Helvetica Neue", Helvetica, Arial, sans-serif; } #callout-bottom h3 a { color: #333; text-decoration: none; } #callout-bottom p { margin: 5px 0; color: #616161; } #promo-starter #boxes { float: left; } #promo-starter h3, #promo-starter p { color: #333; } #promo-starter p { text-align: left; margin: 7px 0 0 130px !important; color: #616161; } #promo-starter ul { text-align: left; list-style: disc; margin-left: 145px; color: #616161; } #promo-starter h4 { color: #616161; margin: 5px 0 10px 0;} #fts-promo { position: relative; } #fts-promo h4 { color: #616161; margin: 4px 0 10px 0;} #fts-promo #new { position: absolute; top: -19px; left: -13px; background: url(/images/icons/badge_new.png) no-repeat 0 0; text-indent: -5000px; width: 43px; height: 38px; } #vlp { position: relative; } #vlp img { float: left; } #vlp h3 { font-size: 135%; } #vlp h4 { color: #008F50; margin: 2px 0 10px 0; font: normal 120% "Helvetica Neue", Helvetica, Arial, sans-serif; } #vlp ul { margin-left: 85px; font-size: 100%; } #vlp li { text-align: left; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; } #vlp li.last { border-bottom: 0; } #vlp li span { color: #008F50; } /* More Info (at the bottom of some pages) ----------------------------------------------*/ .more-info { margin-top: 30px; border-top: 1px solid #ddd; background: url(/images/fm10/icon_learnmore.png) no-repeat 0 22px; } .more-info h3, .more-info p, .more-info ul { margin-left: 70px !important; } .more-info-fms { margin-top: 30px; border-top: 1px solid #ddd; background: url(/images/icons/icon_quote.jpg) no-repeat 0 22px; } .more-info-fms h3, .more-info-fms p, .more-info-fms ul { margin-left: 70px; } /* Buy Now Sidebar -----------------------*/ #buy-box { height: 100px; padding: 10px 15px; margin-bottom: 10px; background: url(/images/fm10/bg_buy_now.jpg) no-repeat 0 0; } #buy-box img, #buy-box-server img { float: left; } #buy-box h3 { margin: 5px 0 5px 80px; } #buy-box p, #buy-box-server p { margin: 0 0 5px 80px; } #buy-box-server { height: 100px; padding: 10px 20px; margin-bottom: 10px; background: url(/images/fm10/bg_buy_now_fms.jpg) no-repeat 0 0; } #buy-box-server h3 { margin: 5px 0 5px 80px; } body.fms #buy-box a, #buy-box-server a { color: #308962 !important; } body.fms #buy-box a.more, #buy-box-server a.more { background-image: url(/images/bullets/bullet_arrow_green.png); } /* Products Sidebar -----------------------*/ .sidebar-links { width: 223px; background: url(/images/fm10/sidebar_bg_bottom.png) no-repeat 0 100%; margin-bottom: 10px; padding: 40px 1px 1px 1px; position: relative; } .sidebar-links h2 { width: 225px; position: absolute; left: 0; top: 0; height: 23px; padding: 10px 0 0 20px; margin: 0 !important; font-size: 120% !important; background: url(/images/fm10/sidebar_bg_heading.png) no-repeat 0 0; } #info-for-you h2, #help-before-you-buy h2 { width: 225px; position: absolute; left: 0; top: 0; height: 23px; padding: 10px 0 0 20px; margin: 0 !important; font-size: 120% !important; background: url(/images/fm10/sidebar_bg_heading_fms.png) no-repeat 0 0; } .sidebar-links li { list-style: none; } .sidebar-links li span { display: block; padding: 0 10px; } .sidebar-links li a { display: block; padding: 10px 0 10px 10px; padding-right: 10px !important; text-decoration: none; border-bottom: 1px solid #ddd; background: url(/images/fm10/arrow_gray_circle.png) no-repeat 95% 12px; } .sidebar-links li a:link { color: #616161; } .sidebar-links li a:visited { color: #616161; } .sidebar-links li a:hover { color: #000; background-image: url(/images/fm10/arrow_gray_circle.png); } .sidebar-links li a:active { color: #000; } .sidebar-links li.first a { border-top: 0 !important; } .sidebar-links li.last a { border-bottom: 0; } .sidenav-sub { display: none; } /* hide on load, show on the page level */ .sidenav-sub ul { margin-left: 0 !important; background: #fff; } .sidenav-sub ul span { padding-left: 30px !important; } .sidenav-sub li a { color: #616161 !important; padding: 8px 25px 8px 0 !important; background: url(/images/fm10/arrow_gray.png) no-repeat 167px 9px !important; } /* Sidebar Selected Top Level ------------------------------*/ .sidebar-links li.selected { margin-top: -1px; } .sidebar-links ul li ul li.selected { margin-top: -1px; } .sidebar-links li.selected a { font-weight: bold; color: #000; background-image: url(/images/fm10/arrow_black_circle.png); } /* Sidebar Selected Second Level ---------------------------------*/ .sidebar-links .sidenav-sub.selected { } .sidebar-links .sidenav-sub li { display: block; } .sidebar-links .sidenav-sub li.selected span { background: #e0eff9; margin-top: -1px; } .sidebar-links .sidenav-sub li a { font-weight: normal; } .sidebar-links .sidenav-sub li.selected a { font-weight: normal; color: #000 !important; background-image: url(/images/fm10/arrow_black.png) !important; border: 0; } .sidebar-links .selected { display: block !important; } #more-products, #free-trials { display: none; } /* two sidebar boxes used by /products/compare/index.html and /products/index.html */ /* Sidebar Promos -------------------*/ .promo { background: url(/images/fm10/bg_sidebar_tile_top.png) no-repeat 0 0; padding-top: 10px; margin-bottom: 10px; } .promo div { background: url(/images/fm10/bg_sidebar_tile_bottom.png) no-repeat 0 100%; padding: 0 10px 10px 10px; } .promo img { float:left; } .promo h4, .promo p { margin-left: 10px; } .promo h4 { padding-top: 6px; margin-bottom: 5px !important; } #promo-vista img, #promo-universal img { float: right; } #promo-vista p, #promo-universal p { margin-left: 0; } /* Product Index (/products/index.html) */ body#products-home #individuals, body#products-home #groups { margin-bottom: 10px; background: url(/images/fm10/bg_products_top.png) no-repeat 0 0; } body#products-home .col-wrapper { background: url(/images/fm10/bg_products_bottom.png) no-repeat 0 100%; } body#products-home #individuals h3, body#products-home #groups h3 { padding: 10px 0 0 20px; } body#products-home .col-wrapper { padding: 0 20px; } body#products-home .product { margin: 10px 0 20px 0; width: 204px; height: 270px; float: left; border-right: 1px solid #ddd; margin-right: 10px; padding: 0 10px 0 5px; } body#products-home .product.last { margin-right: 0; padding-right: 0; border-right: 0; } body#products-home .product img { float: left; } body#products-home .product h4 { height: 85px; font-size: 120% !important; } body#products-home .product h5 { font-size: 110%; font-weight: bold; } body#products-home .product h5, body#products-home .product p { margin-left: 95px; } body#products-home .more-links p { margin-bottom: 3px; } body#products-home #groups .product { height: 310px; } body#products-home #groups .product h4 { height: 70px; } body#products-home .footnote { clear: both; padding: 0 0 25px 0; margin-left: 230px; } body#products-home #more-products { padding-bottom: 10px; } body#products-home #more-products a { background: none; border: none; padding-top: 10px; padding-bottom: 10px; } body#products-home #sidenav-fts { background: url(/images/fm10/icon_fts_sm.png) no-repeat 10px 6px; padding-left: 35px; } body#products-home #sidenav-ftn { background: url(/images/fm10/icon_technet_sm.png) no-repeat 10px 4px; padding-left: 35px; } body#products-home #sidenav-made { background: url(/images/fm10/icon_made_fm_sm.png) no-repeat 10px 2px; padding-left: 35px; } body#products-home #sidenav-priority { background: url(/images/fm10/icon_priority_sm.png) no-repeat 10px 5px; padding-left: 35px; } body#products-home #lower-area h3 { margin-top: 0; padding-bottom: 0; } /* Compare (/products/compare/index.html) */ body#compare-home .comparison { width: 232px; height: 513px; margin: 0 3px 0 0; padding: 0; float: left; background: url(/images/fm10/bg_3column_bottom.jpg) no-repeat 0 100%; } body#compare-home .comparison.last { margin-right: 0; } body#compare-home .comparison div { padding: 10px; background: url(/images/fm10/bg_3column_top.jpg) no-repeat 0 0; } body#compare-home .comparison h4 { margin-top: 20px; } body#compare-home .comparison ul { margin-top: 20px; } body#compare-home .comparison li { list-style: disc; margin: 35px 10px 0 20px !important; } body#compare-home .comparison li a:hover { text-decoration: none; } body#compare-home #free-trials { padding-bottom: 10px; } body#compare-home #free-trials a { background: none; border: none; padding-top: 10px; padding-bottom: 10px; } body#compare-home #sidenav-fmp-trial { background: url(/images/fm10/icon_sidebar_fmp_trial.png) no-repeat 10px 6px; padding-left: 38px; } body#compare-home #sidenav-fms-trial { background: url(/images/fm10/icon_sidebar_fms_trial.png) no-repeat 10px 4px; padding-left: 38px; } body#compare-home #sidenav-bento-trial { background: url(/images/fm10/icon_sidebar_bento_trial.png) no-repeat 10px 4px; padding-left: 38px; } /* PRO, SERVER PAGES ---------------------*/ #lower-area .content-title { margin-top: 20px; } .note { font-size: 10px; } .intro { width: 655px; } /* Overview (/products/fmp/index.html) */ body#overview .features { width: 232px; height: 513px; margin: 0 3px 0 0; padding: 0 0 30px 0; float: left; background: url(/images/fm10/bg_3column_bottom.jpg) no-repeat 0 100%; } body#overview .features.last { margin-right: 0; } body#overview .features div { padding: 10px; background: url(/images/fm10/bg_3column_top.jpg) no-repeat 0 0; } body#overview .features h4 { text-align: center; } body#overview .features h4 a { color: #000; text-decoration: none; } body#overview .features img { margin-left: 50px; } body#overview .features.last img { margin-left: 15px; } body#overview .features ul { margin: 10px 15px; } body#overview .features li { list-style: disc; margin-bottom: 8px; } /* Overview (/products/fms/index.html) */ body.fms#overview .features .ofthree { width: 212px; height: 332px; float: left; margin-right: 6px; padding: 20px 10px; background: url(/images/fm10/bg_overview_column_server.jpg) no-repeat 0 0; } body.fms#overview .features .middlecolumn .ofthree { width: 212px; height: 332px; float: left; margin-right: 6px; padding: 20px 0px; background: url(/images/fm10/bg_overview_column_server.jpg) no-repeat 0 0; } body.fms#overview .features .lastcolumn { margin-right: 0; } body.fms#overview .features h4 { text-align: center; } body.fms#overview .features h4 a { color: #000; text-decoration: none; } body.fms#overview .features img { margin-left: 30px; } body.fms#overview .features .lastcolumn img { margin-left: 15px; } body.fms#overview .features ul { margin: 10px 15px; } body.fms#overview .features li { list-style: disc; margin-bottom: 8px; } /* What's New (/products/fmp/features.html) */ body#whats-new #feature-area h2#new-design { margin: 10px 0 0 0; height: 37px; text-align: center; background: url(/images/fm10/heading_sleek_new_look.png) no-repeat 50% 0; text-indent: -5000px; } body#whats-new #feature-area h3 { color: #616161; text-align: center; font-size: 140%; } body#whats-new #feature-area h3 a { padding-right: 10px; background-position: 100% 8px; } body#whats-new #feature-area .feature-intro { width: 500px; margin: 50px 0 155px 20px; color: #616161; line-height: 140%; } body#whats-new #feature-area #ui-tour { margin-left: 20px; } body#whats-new #feature-area #ui-tour h4 { margin-bottom: 0; } body#whats-new #feature-area #ui-tour p { color: #616161; } body#whats-new .features { margin-top: 20px; } body#whats-new .feature { width: 49%; float: left; height: 150px; } body#whats-new .feature img { float: left; } body#whats-new .feature h4, .feature p { margin-left: 118px; } /* Conditional Formatting (/products/fmp/conditional_formatting.html) */ #conditional-formatting #lower-area { width: 650px; } /* Web Viewer (/products/fmp/web_viewer.html) */ #web-viewer #lower-area { width: 650px; } /* SQL Data Sources (/products/fmp/sql_data_sources.html) */ #sql-data-sources #lower-area { width: 650px; } #sql-data-sources .right { float: right; margin: -91px 250px 0 0; clear: both;} #sql-data-sources ul { padding-bottom: 10px; } /* Share in a couple of clicks (products/fmp/sharing.html) */ #sharing #lower-area { width: 650px; } /* Quick Start screen (products/fmp/get_started.html) */ #get-started #lower-area { width: 650px; } /* FileMaker Pro Advanced (/products/fmpa/index.html) */ #pro-adv #lower-area .first { margin-top: 40px; } #pro-adv .feature { height: 190px; } #pro-adv .feature-callout { width: 215px; height: 137px; float: right; padding: 10px; background: url(/images/fm10/bg_side_callout.jpg) no-repeat 0 0; } #pro-adv .feature-callout p { margin-left: 0; } #pro-adv .feature-bullets { width: 450px; float: left; } #pro-adv .feature-bullets img { float: left; } #pro-adv .feature-bullets h3 { margin-top: 0; } #pro-adv .feature-bullets ul { margin-left: 145px; } #pro-adv .feature-bullets li { list-style: disc; margin-bottom: 8px; } /* Tables (/products/compare/fmp_fmpa.html, /products/compare/fms_fmsa.html, /products/fmp/all_features.html) */ .table-wrapper { width: 710px; padding: 0 1px; background: url(/images/fm10/bg_table_710px.png) no-repeat 0 0; } table.baby-blues { border-collapse: collapse; width: 708px; border-bottom: 1px solid #cfcfcf; } table.baby-blues th { padding: 10px 0 10px 8px; font-size: 90%; font-weight: bold; } table.baby-blues td { padding: 15px 10px; /* border: 1px solid #cfcfcf; border-top: 0; border-bottom: 0; */ } table.baby-blues tr { background: #fff; } table.baby-blues tr.shade { background: #eef7fe; } table.baby-blues thead tr { background: none; } table.baby-blues thead th.center { text-align: center; } table.baby-blues thead .single-line { padding-top: 10px; } table.baby-blues tr td { padding-right: 5px; } table.baby-blues tr td.feature { font-weight: bold; border-right: 0 !important; } table.baby-blues tr.shade td { font-size: 120%; font-weight: bold; color: #1a4965; } table.baby-blues tr.odd { background: #efefef; } table.baby-blues td.center { text-align: center; font-size: 110% !important; } table.baby-blues td.available { text-align: center; font-size: 24px; } table.baby-blues td span.new { color: #900; } table.baby-blues tr.section { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* table.grownup-green { margin: 20px 0 10px 0 !important; } */ table.grownup-green thead th { color: #308962; } table.grownup-green tr.shade { background: #308962; } table.grownup-green tr.shade td { color: #fff;} table.grownup-green tr.odd { background: #efefef; } table.grownup-green td span.new { color: #308962; } th#benefits { font-size: 150%; text-align: left; padding-left: 8px; } .description h3 { font-weight: bold !important; }