/* -------------------------------------------------------------- RESET & TYPOGRAPHY - Blueprint -------------------------------------------------------------- */ @import 'reset.css'; @import 'typography.css'; @media Print { .noPrint { DISPLAY: none } } /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */ #container { margin:0 auto; width:980px; } #header { margin-bottom:10px; } #static-header { position:relative; height:80px; margin-bottom:10px; } /* Used by homepage */ #tabbed-menu { height:27px; border-bottom:3px solid #c00; } #slideshow { position:relative; height:285px; margin-top:10px; border:1px solid #999; z-index:5; } /* Used by other pages */ #header-banner { position:relative; height:120px; background:transparent url('/blob.asp?id=16190') no-repeat; border:1px solid #999; } #header-banner-actie { position:relative; height:120px; background:transparent url('/blob.asp?id=16190') no-repeat; border:1px solid #999; } /* Used by homepage */ div.home-column { float:left; width:320px; margin-right:10px; } div.column-last { margin-right:0px !important; } #footer-home { clear:both; height:30px; margin-bottom:5px; border-top:5px solid #c00; text-align:center;} /* Used by other pages */ #content { background-image:url('/images/columns-background1010.gif'); background-repeat:repeat-y; } #form-content { background-image:url('/images/form-columns-background930.gif'); background-repeat:repeat-y; } #form-content2 { background-image:url('/images/columns-background2980.gif'); background-repeat:repeat-y; } #nav { float:left; width:200px; padding:0 5px 0 10px; border-top:1px solid #999; } #main { float:left; width:530px; padding:10px 10px 0; border-top:1px solid #999; } #main-extended { float:left; width:744px; padding:10px 10px 0; border-top:1px solid #999; } #main-extended-2colomns { float:left; width:750; padding:10px 10px 0; border-top:1px solid #999; } #aside { float:left; width:200px; padding:0 5px 0 10px; border-top:1px solid #999; } #footer { clear:both; height:3px; margin-bottom:5px; background-color:#c00; text-align:center;} /* -------------------------------------------------------------- STANDARDS -------------------------------------------------------------- */ .left { float:left; } .right { float:right; } .clear { clear:both; } .strong { font-weight:bold; } .centerContent { text-align:center; } /* Standard overrides */ a.inline { display:inline !important; margin:0 !important; padding:0 !important; background:none !important; text-decoration:underline !important; } /* -------------------------------------------------------------- MARKUP -------------------------------------------------------------- */ /* Static header */ img#logo { position:absolute; bottom:10px; left:10px; } #static-header div.interact { float:right; margin:24px 10px 0 0; font-size:.9em; } #static-header div.interact li { float:left; margin-right:10px; } #static-header div.interact li.last { margin-right:0; } #static-header div.interact li img { margin-right:5px; } #search { float:left; width:334px; height:20px; padding:4px 5px 1px 5px; color:#666; background:transparent url('/images/search-field.gif'); border:none; } #search-sml { float:left; width:250px; height:20px; padding:4px 5px 1px 5px; color:#666; background:transparent url('/images/search-field-sml.gif'); border:none; } #search-btn { float:left; margin-left:10px; background:transparent url('/images/search-btn.gif'); } /* Tabbed menu */ #tabbed-menu a { color:#fff; font-weight:bold; color:#fff; } #tabbed-menu p { color:#fff; font-weight:bold; color:#fff; } #tabbed-menu ul { } #tabbed-menu ul li { float:left; background:transparent url('/images/tabBg.gif') no-repeat; } #tabbed-menu ul li.active { background:transparent url('/images/tabBg-active.gif') no-repeat; } #tabbed-menu ul li p { float:left; display:block; padding:5px 5px 10px 4px; background:transparent url('/images/tabBorder-active.gif') no-repeat top right; color:#333; } #tabbed-menu ul li a { display:block; padding:5px 10px 4px 10px; background:transparent url('/images/tabBorder.gif') no-repeat top right; } #tabbed-menu ul li.active a { float:left; display:block; padding:5px 10px 4px; background:transparent url('/images/tabBorder-active.gif') no-repeat top right; color:#333; } #tabbed-menu ul li a:hover { color:#333 !important; } #tabbed-menu-slider-container { position:absolute; margin-top: -3px;/*border height*/ width:980px; height:1px; overflow:visible; z-index:99; } #tabbed-menu-slider { display:none; height:298px; padding:0px;} #tab_Betalen {display: none; width:200px; padding:15px; background: #9cf;} #tab_Sparen {margin-left: 63px; display: none; width:200px; padding:15px;background: #9cf;} #tab_Beleggen {margin-left: 124px; display: none; width:200px; height:267px; padding:15px; background:#9cf;} #tab_Vermogensbeheer {margin-left: 197px; display: none; width:200px; height:267px; padding:15px; background-color:#9cf;} #tab_Financieringen {margin-left: 323px; display: none; width:200px; height:267px; padding:15px; background-color:#9cf;} #tab_Online Bankieren {margin-left: 426px; display: none; width:200px; padding:15px; height:267px; background-color:#9cf;} #tab_Over de ASN Bank {margin-left: 543px; display: none; width:200px; height:267px; padding:15px; background-color:#9cf;} #tab_50 jaar {margin-left: 666px; display: none; width:200px; padding:15px; background-color:#9cf;} #tabbed-menu-slider div { display:none; float:left; padding-left:5px; padding-top:5px; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; background:#9cf; height: 297px;} #tabbed-menu-slider ul { float:left; margin-right:30px; } #tabbed-menu-slider ul li { margin-bottom:.5em; padding-left:12px; background:transparent url('/images/icons/arrow-dark-on-blue.gif') no-repeat left 5px; } #tabbed-menu-slider ul li a { } #tabbed-menu-slider ul li a:hover { color:#333 !important; } #header-login { float:right; width:120px; text-align:center; background:transparent url('/images/header-login.gif') no-repeat top left; } #header-login a { display:block; padding:5px 10px 4px; } #header-login a:hover { color:#fff !important; } #header-login-active { float:right; width:120px; text-align:center; background:transparent url('/images/header-login.gif') no-repeat top left; } #header-login-active a { color:#333; display:block; padding:5px 10px 4px; } #header-login-active a:hover { color:#333 !important; } /* Header banner en slideshow */ #header-banner #header-textarea { position:absolute; top:0; left:0; width:243px; height:100px; padding:10px 15px; color:#fff; background-image:url('/images/banner-text-bg.png'); z-index:5; } #header-banner-actie #header-textarea { position:absolute; top:0; left:0; width:243px; height:100px; padding:10px 15px; color:#fff; background-image:url('/images/banner-text-bg.png'); z-index:5; } div.slide { display:none; position:absolute; width:978px; height:285px; overflow:hidden; } div.active-slide { display:block !important; } div.slide div.slide-image { position:absolute; width:100%; height:100%; overflow:hidden; } div.slide-image img { position: absolute; } div.slide div.slide-textarea { position:absolute; top:0; left:0; width:320px; height:265px; padding:10px 15px; color:#fff; background-image:url('/images/slideshow-text-bg980.png'); z-index:5; } #header-textarea p.title, div.slide-textarea p.title { margin-bottom:10px; font-size:1.8em; line-height:1.1em; font-weight:bold; } div.slide-textarea p.text { width:210px; font-size:1.1em; } #sparen { display : block} #header-textarea a, div.slide div.slide-textarea a { position:relative; float:right; margin:1em 50px 0 0; padding-left:12px; color:#fff; background:transparent url('/images/icons/arrow-white-on-red.gif') no-repeat center left; } #header-textarea a:hover, div.slide div.slide-textarea a:hover { color:#fff !important; } #slideshow-controls { display:none; position:absolute; bottom:10px; right:10px; width:120px; height:64px; background-color:#c00; z-index:10; } #controls-help { position:absolute; top:7px; left:0px; width:100%; height:25px; overflow:hidden; } #controls-help { text-align:center; color:#fff; } #controls-help img { display:none; position:absolute; width:58px; height:100px; } #controls-help img.help-prev { top: 0px; left:19px; } #controls-help img.help-pause { top:-25px; left:34px; } #controls-help img.help-resume { top:-50px; left:34px; } #controls-help img.help-next { top:-75px; left:52px; } #slideshow-controls div#controls { display:block; position:absolute; top:34px; left:23px; } div#controls img { float:left; cursor:pointer; } /* Content - Home */ div.home-info-block { margin-bottom:10px; } div.home-info-block h2 { padding:1px 16px; font-size:1em; font-weight:bold; color:#fff; background:#c00 url('/images/icons/triangle-white-on-red.gif') no-repeat 6px center; } div.home-info-block h2.grey { background:#999 url('/images/icons/triangle-white-on-grey.gif') no-repeat 6px center; } div.home-info-block a.white:hover {color:#fff !important;} div.home-info-block a.white {color:#fff;} div.home-info-block div.home-info-content { height:200px; padding:6px 6px 0 6px; border:1px solid #999; border-top:none; } div.home-info-content h3 { font-size:1em; margin:5px 0 3px; font-weight:bold; line-height:inherit; } div.home-info-content p { margin-bottom:.5em; } div.home-info-content a { padding-left:12px; color:#666; background:transparent url('/images/icons/arrow-red.gif') no-repeat left 4px; } div.home-info-content hr { height:1px; width:318px; margin-top:10px; margin-left:-6px; color:#ccc; background-color:#ccc; border:none; } div.home-info-content img { margin-left:-6px; margin-right:-6px; max-width:318px;} div.home-info-content ul li { padding-left:12px; background:transparent url('/images/icons/square-red.gif') no-repeat left 4px; } div.home-info-block div.info-news { position:relative; height:431px; padding:6px; border:1px solid #999; border-top:none; } div.info-news a { } div.info-news li { margin-bottom:10px; padding-left:10px; background:transparent url('/images/icons/triangle-red.gif') no-repeat left 4px; } div.info-news img { position:absolute; bottom:21px; margin-left:-6px; margin-right:-6px; max-width:318px;} div.info-news div.more-news { position:absolute; bottom:22px; left:0; width:318px; height:18px; padding-top:4px; line-height:1em; border-top:1px solid #ccc; } div.more-news a.more-news { float:right; margin-right:4px; padding:0 16px 0 0; color:#666; background:transparent url('/images/icons/triangle-red.gif') no-repeat right 4px !important; } div.wallstreet { position:absolute; bottom:0; left:0; width:302px; height:18px; padding:4px 0 0 16px; line-height:1em; background:#9cf url('/images/icons/triangle-white-on-blue.gif') no-repeat 6px 7px; } div.wallstreet a { margin:0; padding:0; background:none; } div.wallstreet a:hover { color:#333 !important; } div.form-succes { margin:2em 0 1em; padding-left:30px; color:#000; background:transparent url('/images/icons/infogreen.gif') no-repeat 6px 0px; } div.form-succes h3 { font-size:1.1em; color:#000; } div.form-succes p { margin-bottom:.5em; } div.form-succes li { margin-left:4px; padding-left:12px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px; } div.form-errors { margin:2em 0 1em; padding-left:30px; color:#c00; background:transparent url('/images/icons/error-square.gif') no-repeat 6px 0px; } div.form-errors h3 { font-size:1.1em; color:#c00; } div.form-errors p { margin-bottom:.5em; } div.form-errors li { margin-left:4px; padding-left:12px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px; } /* Content - Other pages - nav column */ #nav ul { margin-top:1em; } #nav > ul {margin-left:-5px; } #nav li { padding-left:12px; margin-bottom:.8em; background:transparent url('/images/icons/nav-arrow.gif') no-repeat left 4px; } #nav li.open { background:transparent url('/images/icons/nav-arrow-down.gif') no-repeat left 4px; } #nav a.active { font-weight:bold; } #nav a.active:hover { text-decoration:none; color:#333 !important; cursor:default; } div.leftcolomn { float:left; width:358px; margin-left:10px; } div.rightcolomn { float:left; width:357px; margin-left:20px; margin-right:0px !important;} /* Content - Other pages - main column */ #main h1, #main-extended h1, #main-extended-2colomns h1 { font-size:1.6em; font-weight:bold; color:#c00; } /* normal blocks - when no JS or when not collapsed */ div.info-block { margin-bottom:1em; border:none; border-bottom:1px solid #999; } div.info-block h2 { padding:1px 16px 1px 10px; font-size:1em; font-weight:bold; color:#fff; background:#c00 url('/images/icons/triangle-white-on-red-inverse.gif') no-repeat 515px center; } div.info-block h2.detail { padding:1px 10px 1px 23px; font-size:1em; font-weight:bold; color:#fff; background:#c00 url('/images/icons/triangle-white-on-red.gif') no-repeat 10px center; } /* collapsed blocks, initialised by JS */ div.block-collapsed { margin:0 !important; border:none !important; } /*div.block-last { border-bottom:1px solid #ccc; margin-bottom:10px; }*/ div.info-block h2.collapsed { padding:3px 16px 3px 10px; font-size:1em; font-weight:bold; color:#c00; background:transparent url('/images/icons/triangle-red.gif') no-repeat 515px center; border-bottom:1px solid #ccc; } h2.collapsed-last { margin-bottom:10px; border-bottom:1px solid #ccc; } div.info-block h2.normal { padding:1px 16px 1px 10px; font-size:1em; font-weight:bold; color:#fff; background:#c00 url('/images/icons/triangle-white-on-red-inverse.gif') no-repeat 515px center; } div.info-block div.info-product { display:block; margin:0; padding:10px 10px 10px; } div.info-product li { padding-left:12px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px; } div.info-product-footer { clear:both; margin-top:20px; padding-bottom:20px; } div.info-product-footer a { padding-left:12px; color:#c00; background:transparent url('/images/icons/arrow-red.gif') no-repeat left 5px; } div.text-block { } div.text-block h3 { margin-bottom:4px; margin-top:6px;} div.text-block h3.red { color:#c00; } div.text-block hr { height:1px; color:#999; background-color:#999; border:none; } div.text-block hr.red { color:#c00; background-color:#c00; } div.text-block img { max-width:535px; padding-right:10px;} div.text-block a { text-decoration: underline; } div.text-block ol li { margin:0 0 1em 20px;list-style-type:decimal;} div.text-block ul li { margin-left: 10px; padding-left:15px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px; } div.text-block-footer { clear:both; margin-top:10px; padding-bottom:10px; } div.text-block-footer a { padding-left:12px; color:#c00; background:transparent url('/images/icons/arrow-red.gif') no-repeat left 5px; } div.table-block { margin-bottom:1.5em; padding:5px 10px; border-top:1px solid #333; border-bottom:1px solid #333; } div.table-block table { width:100%; border:1px solid #ebebeb; } div.table-block th { font-weight:bold; } div.table-block td { border:1px solid #ebebeb; padding:1px;} div.table-block a { text-decoration: underline; } div.table-block h2 { margin-bottom:.5em; padding:1px 16px 1px 10px; font-size:1em; font-weight:bold; color:#fff; background-color:#cc0; } div.product-block {height:auto; position:relative; color:#000; border-width:1px 1px 1px 1px; border-style:solid; border-color:#ccc; overflow:hidden;} div.product-block h2 { font-size:1.1em; font-weight:bold; color:#fff; background-color:#C60000; padding-left:10px; height:20px;} div.product-block h3 { font-size:1em; color:#000; background-color:#E7E7E7; padding-top:5px; padding-left:10px; height:17px; width:254px; float:left; position:relative;} div.product-block .main ul {margin:5px 5px 10px 5px} div.product-block .main ul li { padding-left:15px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px;} div.product-block .main {padding:3px; width:258px; float:left; position:relative;} div.product-block .main img {max-width:250px; float:right; margin:5px;} div.product-block .main a {color:#000; text-decoration:underline;} div.product-block .main a.rechts {float:right; padding:5px; background:none;} div.product-block .main a img {margin:0px 5px 0px 0px;} div.product-block .main .info {padding:10px 5px 15px 17px; color:#000; text-decoration:underline; margin-left:7px; background:transparent url('/images/icons/arrow-red.gif') no-repeat left 15px;} div.product-block .main .openen {padding:6px 0px 12px 12px; float:left; width:160px;} div.product-block-footer { clear:both; margin-top:10px; padding-bottom:10px; } div.product-block-small {width:259px; float:left; border:1px solid #ccc; position:relative;} div.product-block-small h2 { font-size:1.1em; font-weight:bold; color:#fff; background-color:#c00; padding-left:5px;} div.product-block-small h3 { font-size:1em; color:#000; background-color:#ccc; padding:3px; } div.product-block-small img {max-width:250px; float:right; margin:5px;} div.product-block-small a {color:#c00; padding:0px 5px 15px 10px; margin-left:5px; background:transparent url('/images/icons/arrow-red.gif') no-repeat left 3px;} div.product-block-small a.rechts {float:right; padding:5px; background:none;} div.product-block-small a img {margin:0px 5px 5px 0px;} div.product-block-small ul {margin:5px 5px 10px 5px; overflow:hidden;} div.product-block-small ul li { padding-left:15px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px;} div.product-block-small-footer { clear:both; margin-top:10px; padding-bottom:10px; } div.sitemap ul { margin-top:1em; } div.sitemap > ul {margin-left:-5px; } div.sitemap li { padding-left:12px; margin-bottom:.8em; background:transparent url('/images/icons/nav-arrow.gif') no-repeat left 4px; } div.sitemap li.open { background:transparent url('/images/icons/nav-arrow-down.gif') no-repeat left 4px; } div.sitemap a.active { font-weight:bold; } div.sitemap a.active:hover { text-decoration:none; color:#333 !important; cursor:default; } /* Content - Other pages - aside column */ div.aside-block { padding-bottom:20px; } div.aside-block h3 { width:186px; margin-left:-8px; margin-bottom:0; padding:4px 2px 4px 24px; font-weight:bold; color:#333; background-color:#9cf; background-repeat:no-repeat; background-position:4px center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } div.aside-block h3.info { background-image:url('/images/icons/info.gif'); } div.aside-block h3.rente { background-image:url('/images/icons/percent.gif'); } div.aside-block h3.calculator { background-image:url('/images/icons/equals.gif'); } div.aside-block h3.sparen { background-image:url('/images/icons/plus.gif'); } div.aside-block a { padding-left:12px; background:transparent url('/images/icons/arrow-blue.gif') no-repeat left 3px; } div.aside-block ul li.fake-link { padding-left:12px; background:transparent url('/images/icons/arrow-blue.gif') no-repeat left 5px; } div.aside-block table { width:100%; } div.aside-block img { max-width:212px; margin-left:-8px;} div.login-block { width:212px; margin-left:-8px; padding-bottom:20px; background-color:#ebebeb; } div.login-block h3 { padding:2px 2px 2px 4px; margin:0; background-color:#999 !important; border:none; } div.login-block ul li { margin-left:10px; padding-left:12px; background:transparent url('/images/icons/arrow-dark-on-grey.gif') no-repeat left 5px; } div.login-block ul li a { font-weight:bold; } /* Content - Form pages - main-extended column */ div.form-block { margin-bottom:1em; } div.form-block h2 { margin-bottom:.5em; padding:1px 16px 1px 10px; font-size:1em; font-weight:bold; color:#fff; background-color:#cc0;} div.form-block table.doc { width:100%; border:1px solid #ebebeb; } div.form-block td.doc { vertical-align:top; border:1px solid #ebebeb; padding-left:2px;} div.form-block th.doc { vertical-align:top; border:1px solid #ebebeb; padding-left:2px; background-color:#cc0;} div.form-errors { margin:2em 0 1em; padding-left:30px; color:#c00; background:transparent url('/images/icons/error-square.gif') no-repeat 6px 0px; } div.form-errors h3 { font-size:1.1em; color:#c00; } div.form-errors p { margin-bottom:.5em; } div.form-errors li { margin-left:4px; padding-left:12px; background:transparent url('/images/icons/square-red.gif') no-repeat left 5px; } div.errorline { margin:4px 0 0 210px; font-size:.9em; color:#c00; } div.block-contents img.mandatory { display:inline; margin:0 0 4px 1px; padding:0; } div.block-contents img.questionmark { margin-bottom:-2px; } div.block-contents a.doc { text-decoration:none; } div.block-contents li.doc { padding-left:12px; background:transparent url('/images/icons/triangle-red.gif') no-repeat left 5px;} div.block-contents .activedoc { background-color:#f0f0b2;} /* Tooptips, names after 'qTip-' are fixed by mootools */ .qTip-tip { width:198px; color:#333; /*background-color:#fff; border:1px solid #999;*/ z-index:1000; } .qTip-title { padding: 8px 12px 2px 8px; font-weight:bold; color:#990; background:url('../images/qTipBG.png') top left; } .qTip-text { padding: 2px 12px 28px 8px; background:url('/images/qTipBG.png') bottom left; } div.form-block div.block-contents { margin:0 10px; } div.form-block div.block-contents .docs{ margin:0 0px; } div.block-contents a { text-decoration: underline; } div.block-contents ul { padding-bottom:1em; } div.block-contents li { padding-left:15px; margin-left:5px; background:transparent url('/images/icons/square-green.gif') no-repeat left 5px; } div.block-contents span.tip { border-width:1px; border-bottom-style:dotted; } div.inputblock { margin-bottom:1em; } div.inputblock p { margin-bottom:.25em; } .input-line { position:relative; padding:2px 0; } .input-line .fields { position:absolute; left:210px; } .input-line .fields * { float:left; } .input-line input { margin-right:2px; width:188px; font-family:"Courier New", Courier, monospace; border:1px solid #7f9db9; } .input-line input.half { width:92px; } .input-line input.third { width:60px; } .input-line input.error { border:1px solid #c00; } .input-line .char-2 { width:2em; text-align:center; } .input-line .char-4 { width:4em; text-align:center; } .input-line .char-6 { width:6em; text-align:center; } .input-radio .label { float:left; width:204px; /* 210px - 6px for radio-button padding */ } .input-radio .fields { float:left; } .input-checkbox div { margin-left:-3px; } .input-checkbox input { margin-right:4px; } .textarea { position:relative; padding:2px 0; height:50px; } /* height has to be the same as textarea height */ .textarea .fields { position:absolute; left:210px; } .textarea textarea { width:188px; height:50px; border:1px solid #7f9db9; } .faqarea { position:relative; padding:2px 0; height:150px; } /* height has to be the same as textarea height */ .faqarea .fields { position:absolute; left:0px; } .faqarea textarea { width:722px; height:150px; border:1px solid #7f9db9; } .Voorwaardenarea { position:relative; padding:2px 0; height:80px; } /* height has to be the same as textarea height */ .Voorwaardenarea .fields { position:absolute; left:10px; } .Voorwaardenarea textarea { width:500px; height:80px; border:1px solid #7f9db9; } div.selectbox select { border:1px solid #7f9db9; } .select-line { position:relative; padding:2px 0; } .select-line .fields { position:absolute; top:0; left:210px; } .select-line .label { float:left; width:200px; /* 210px - 6px for radio-button padding */ } div.form-position { margin:10px 0; } div.form-position h2 { clear:both; padding-top:10px; font-size:1.2em; font-weight:bold; color:#990; } div.form-position ul { display:block; } div.form-position li { float:left; margin-right:1px; padding-top:2px; height:19px; width:148px; text-align:center; } /* 100 % li's */ div.form-position li.last { margin:0; } div.form-position li a { margin-top:1px; padding:0 15px; } div.form-position li a:hover { color:#333 !important; } div.form-position li.done { background-color:#dbdb4c; } div.form-position li.todo { background-color:#f0f0b2; } div.form-position li.current { background-color:#cc0; padding-top:0px; height:21px; font-size:1.2em; font-weight:bold; color:#fff; } div.form-btn a { color:#333; } div.form-btn a:hover { color:#333 !important; } div.form-send-btn a { color:#fff !important; } div.form-send-btn a:hover { color:#fff !important; } div.form-step-back-btn { float:left; width:160px; height:20px; padding-top:2px; text-align:center; background:transparent url('/images/form-btn-back.gif') no-repeat top left; } div.form-step-fwd-btn { float:right; width:160px; height:20px; padding-top:2px; text-align:center; background:transparent url('/images/form-btn-fwd.gif') no-repeat top left; } div.form-send-btn1 { float:right; width:160px; height:20px; padding-top:2px; text-align:center; font-weight:bold; color:#fff; background:transparent url('/images/form-send.gif') no-repeat top left; } div.form-send-btn2 { width:92px; height:20px; margin:0 auto; padding-top:2px; text-align:center; font-weight:bold; color:#fff; background:transparent url('/images/form-send2.gif') no-repeat top left; border:none; } #form-content #main-extended hr { height:1px; width:100%; margin:10px 0; padding:0 10px; color:#ccc; background-color:#ccc; border:none; } /* Footer */ #footer-home p { margin:0; padding:0 4px; font-size:100%; color:#999; border:1px solid #999; border-top:none; } #footer-home a { margin:0; padding:0 4px; font-size:100%; color:#999; border-top:none; } /* slideshow subpages*/ #subslideshow { position:relative; height:360px; margin:0px 0px 10px 0px; border:0px solid #999; z-index:5; } div.subslide { display:none; position:absolute; width:560px; height:360px; overflow:hidden; } div.subactive-slide { display:block !important; } div.subslide div.subslide-image { position:absolute; width:100%; height:100%; overflow:hidden; } div.subslide-image img { position: absolute; } div.subslide div.subslide-textarea { position:absolute; top:0; left:0; width:270px; height:265px; padding:10px 15px; color:#fff; background-image:url('/images/slideshow-text-bg.png'); z-index:5; } #header-textarea div.subslide-textarea p.title { margin-bottom:10px; font-size:1.8em; line-height:1.1em; font-weight:bold; } div.subslide-textarea p.text { width:210px; font-size:1.1em; } #header-textarea div.subslide div.subslide-textarea a { position:relative; float:right; margin:1em 50px 0 0; padding-left:12px; color:#fff; background:transparent url('/images/icons/arrow-white-on-red.gif') no-repeat center left; } #header-textarea div.subslide div.subslide-textarea a:hover { color:#fff !important; } #subslideshow-controls { display:none; position:absolute; bottom:10px; right:10px; width:120px; height:64px; background-color:#c00; z-index:10; } #subcontrols-help { position:absolute; top:7px; left:0px; width:100%; height:25px; overflow:hidden; } #subcontrols-help { text-align:center; color:#fff; } #subcontrols-help img { display:none; position:absolute; width:58px; height:100px; } #subcontrols-help img.help-prev { top: 0px; left:19px; } #subcontrols-help img.help-pause { top:-25px; left:34px; } #subcontrols-help img.help-resume { top:-50px; left:34px; } #subcontrols-help img.help-next { top:-75px; left:52px; } #subslideshow-controls div#subcontrols { display:block; position:absolute; top:34px; left:23px; } div#subcontrols img { float:left; cursor:pointer; }