/* TOC --------------------------------------- 1 - Global Reset 2 - HTML / Body 3 - Typography & Headings 4 - Navigation 5 - Layout Elements 6 - Accessibility Features 7 - General Styles */ /* 1 - Global Reset ---------------------------------------------------------------------------------------------------------------*/ body * {margin:0; padding:0} img, fieldset {border:0;} /* 2 - HTML / Body ---------------------------------------------------------------------------------------------------------------*/ body{text-align:center; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#fff; padding:0; margin:0} /** 62.5% defaults all text size to 10px **/ /* 3 - Typography & Headings ---------------------------------------------------------------------------------------------------------------*/ /** Headings **/ h1 {font-size:1.3em; color:#29007B; margin-bottom:10px} h1#primary-heading {font-size:1.5em;} h1 span.smallcaps {font-size:0.8em;} .sub {font-size:1.5em; color:#29007B; margin-bottom:10px;} .sub2 {font-size:1.3em; color:#29007B; margin-bottom:10px; font-weight:bold;} /** Paragraphs **/ p {line-height:1.3em; margin-bottom:15px} /** Lists **/ ul.highlight li {margin:0 20px; list-style-type:disc;} /** Links **/ a:link {color:#29007B; text-decoration:none;} a:visited {color:#29007B; text-decoration:none;} a:hover {text-decoration:underline} a:active {color:#29007B; text-decoration:none;} #container-tl #primary-content-tl a {font-weight:bold} /* 4 - Navigation ---------------------------------------------------------------------------------------------------------------*/ /** Navigation **/ /* Primary Navigation */ #nav-primary-container {float:right} /* See hi-pass */ #nav-primary {list-style-type:none; margin: 13px 25px 13px 0; border-left:solid 13px #29007B; padding-left:13px} #nav-primary li {font-size: 1.1em;} #nav-primary li.current {text-decoration:underline; font-weight:normal; color:#29007B} /* Secondary navigation */ #nav-secondary {list-style-type:none;} #nav-secondary li {font-size: 1.0em; margin-bottom:10px; font-weight:bold; color:#29007B;} #nav-secondary li.current {text-decoration:underline; font-weight:normal} #nav-secondary li a {font-weight:normal} #nav-secondary ul {list-style-type:none; margin:10px 0 0 10px} /* Extra info nav at bottom of page */ #nav-extrainfo {list-style-type:none; font-size:1.1em; width:710px; margin-left:24px; margin-bottom:10px;} #nav-extrainfo li {display:inline; margin-right:5px;}/* see IE5 cc */ /* breadcrumb navigation */ #nav-breadcrumb {list-style-type:none; width:710px; margin-bottom:6px} #nav-breadcrumb li {display:inline; color:#00CC00; font-weight:bold; padding-right:18px; line-height:2.3em; background:url(../img/common/chevron-breadcrumb.gif) #fff center right no-repeat} /* see IE5 cc */ #nav-breadcrumb li.current {background-image:none; padding:0; margin:0 } /* 5 - Layout Elements ---------------------------------------------------------------------------------------------------------------*/ #container {font-size:1.0em; width:760px; background:#fff url(../img/common/container-border.gif) repeat-y 0 0; margin:0 auto; text-align:left; border-top:solid 1px #5a5a5a; border-bottom:solid 1px #5a5a5a} #content-container {width:710px; font-size:1.1em; margin:0 0 40px 24px;} /* When nav is on left, and content on right */ #secondary-content {width:150px; margin-right:10px; float:left;} #primary-content {width:540px; float:left} /* When ads is on right, and content on left */ #container-tl {width:710px; margin-bottom:15px} #container-tl #primary-content-tl {float:left; } #container-tl #secondary-content-tl {float:left;} /* Define widths of columns */ #container-tl .size-a-pc {width:470px; margin-right:25px} #container-tl .size-a-sc {width:215px} #container-tl .size-b-pc {width:455px; margin-right:10px} /*see hipass */ #container-tl .size-b-sc {width:245px} /* ----------------------------- Top Branding --------------------------------*/ #branding {margin:0 1px; font-size:1.0em; width:758px; border-bottom:solid 1px #BFBFBF; position: relative;} #home #branding {border-bottom:0} #branding-logo {height:80px; overflow:hidden; background-color:#fff; float:left; width:174px} #branding-coop {height:80px; overflow:hidden; background-color:#fff; float:left} #branding-mission {float:right; text-align:right; margin:42px 13px 0 0; color:#02CE02; font-weight:bold; font-size:1.5em;} /* See hi-pass */ #branding-mission-affiliate {float:right; text-align:right; margin:11px 13px 0 0; color:#02CE02; font-weight:bold; font-size:1.5em;} /* See hi-pass */ #branding-telephone { position: absolute; bottom: 0; color:#02CE02; font-size: 1.5em; font-weight: bold; left: 20px; background: #fff no-repeat center left; padding: 10px 0 0 15px;} #branding-abcul { float: left; margin-top: 13px; margin-left: 20px; } #branding-phoenix { float: left; margin-top: 0px; margin-left: 0px; } /* ----------------------------- Footer --------------------------------*/ #siteinfo {margin-bottom:25px;} /* ----------------------------- Individual Pages -------------------------------------*/ /************* GENERAL ****************/ /** List - purple square box bullets **/ .s-list {list-style-type:none} .s-list li {background: url(../img/common/list-square-bullet.gif) left top no-repeat; padding-left:15px; margin-bottom:5px} .s-list li a {font-weight:bold} .s-list li li {list-style-type:none;} .numbers { margin-left: 20px; } .numbers li, .alpha li, .latin li { margin-top: 10px; } .alpha { list-style-type: lower-alpha; margin-left: 20px; } .latin { list-style-type: lower-roman; margin-left: 20px; } .contact-list {background-color:#DFEC84; margin-bottom:15px; border:solid 1px #C6C6C6; width:410px} .contact-list ul {list-style-type:none; padding:10px 10px 0 10px } .contact-list li {padding:0 0 0 40px; min-height:35px} /** see hipass **/ .contact-list ul li.mail {background: url(../img/common/icon-mail.gif) #DFEC84 top left no-repeat; padding-bottom:10px} .contact-list ul li.phone {background: url(../img/common/icon-phone-sm.gif) #DFEC84 top left no-repeat} .contact-list ul li.pdf {background: url(../img/common/icon-pdf.gif) #DFEC84 top left no-repeat; padding-bottom:10px} .contact-list ul li.print {background: url(../img/common/icon-sign.gif) #DFEC84 top left no-repeat; padding-bottom:10px} .contact-list ul li.post {background: url(../img/common/icon-mail.gif) #DFEC84 top left no-repeat; padding-bottom:10px} p.footerinfo {font-size:0.8em;} /** Ordered List within content **/ ol li { padding-left: 5px; margin-left: 5px;} /** Advertisment panels **/ #container-tl #secondary-content-tl p {font-weight:bold; margin:0; font-size:1.0em; padding:5px 10px 0 10px} #container-tl #secondary-content-tl .ad-small-top {background:url(../img/common/top-border-purple-corners.gif) #fff top left no-repeat; height:4px; width:215px; overflow:hidden} #container-tl #secondary-content-tl .ad-small-mid {background:url(../img/common/mid-border-purple-corners.gif) #fff top left repeat-y; width:215px; overflow:hidden; padding-bottom:1px }/* 1px padding required for Mac FF/NS bug*/ #container-tl #secondary-content-tl .ad-small-mid h1 {margin-bottom:0px !important} #container-tl #secondary-content-tl .ad-small-mid ul {list-style-type:none; font-size:1.0em; padding:5px 10px 0 10px} #container-tl #secondary-content-tl .ad-small-mid h1 {background:url(../img/common/gradient-puple-header.gif) #ECE6FB top left repeat-x; border-right:solid 1px #C6C6C6; border-left:solid 1px #C6C6C6; padding:0 0 3px 10px } #container-tl #secondary-content-tl .ad-small-mid ul li {margin-bottom:3px} #container-tl #secondary-content-tl .ad-small-mid ul li a {font-weight:bold; font-size:0.9em} #container-tl #secondary-content-tl .ad-small-bot {background:url(../img/common/bot-border-purple-corners.gif) #fff top left no-repeat; height:4px; width:215px; overflow:hidden; margin-bottom:10px} #container-tl #secondary-content-tl .ad-large-top {background:url(../img/common/top-border-purple-corners-large.gif) #fff top left no-repeat; height:4px; width:245px; overflow:hidden} #container-tl #secondary-content-tl .ad-large-mid {background:url(../img/common/mid-border-purple-corners-l.gif) #fff top left repeat-y; width:245px; overflow:hidden; padding-bottom:1px }/* 1px padding required for Mac FF/NS bug*/ #container-tl #secondary-content-tl .ad-large-mid h1 {margin-bottom:0px !important; background:url(../img/common/gradient-puple-header.gif) #ECE6FB top left repeat-x; border-right:solid 1px #C6C6C6; border-left:solid 1px #C6C6C6; padding:0 0 3px 10px; color:#8166B6 } #container-tl #secondary-content-tl .ad-large-header {margin-bottom:0px !important; background:url(../img/common/gradient-puple-header.gif) #ECE6FB top left repeat-x; border-right:solid 1px #C6C6C6; border-left:solid 1px #C6C6C6; padding:0 0 3px 10px; color:#8166B6; font-size:1.3em; font-weight:bold;} #container-tl #secondary-content-tl .ad-large-mid p {font-size:1em; padding:10px 10px 0 10px} #container-tl #secondary-content-tl .ad-large-mid img {float:right; margin:10px 20px 10px 10px} #container-tl #secondary-content-tl .ad-large-mid ul {list-style-type:none; font-size:1.0em; padding:5px 10px 0 10px} #container-tl #secondary-content-tl .ad-large-mid ul li {margin-bottom:3px} #container-tl #secondary-content-tl .ad-large-mid ul li a {font-weight:bold; font-size:0.9em} #container-tl #secondary-content-tl .ad-large-mid dl {font-size:1.0em; padding:5px 10px 10px 10px} #container-tl #secondary-content-tl .ad-large-mid dl dt {font-weight:bold; color:#9F8AC8; margin:10px 0} #container-tl #secondary-content-tl .ad-large-mid dl dd {} #container-tl #secondary-content-tl .ad-large-mid dl dd a {font-weight:bold} #container-tl #secondary-content-tl .ad-large-bot {background:url(../img/common/bot-border-purple-corners-l.gif) #fff top left no-repeat; height:4px; overflow:hidden; margin-bottom:10px} /* See hipass */ #container-tl #secondary-content-tl .ad-large-fc-top {background:url(../img/common/top-border-green.gif) #fff top left no-repeat; height:4px; width:245px; overflow:hidden} #container-tl #secondary-content-tl .ad-large-fc-mid {background:url(../img/common/mid-border-green.gif) #C0D90A top left repeat-y; width:245px; overflow:hidden; padding-bottom:1px} #container-tl #secondary-content-tl .ad-large-fc-mid img {display:block; margin-bottom:3px} #container-tl #secondary-content-tl .ad-large-fc-mid p {font-weight:normal; margin-bottom:10px} #container-tl #secondary-content-tl .ad-large-fc-mid p.reduce-space {padding-bottom:0px; margin-bottom:0} #container-tl #secondary-content-tl .ad-large-fc-mid strong {display:block} #container-tl #secondary-content-tl .ad-large-fc-bot {margin-top:-1px; background:url(../img/common/bot-border-green.gif) #fff top left no-repeat; height:4px; width:245px; overflow:hidden; margin-bottom:10px} /************* HOME ****************/ /* Top Banner */ #banner {background-color:#EEEFEF; width:710px; position:relative; margin-bottom:10px; height:238px} #banner #banner-img {position:absolute; top:0; left:0; z-index:1; height:238px; width:710px; background:url(../img/homepage/homepage-main-background-ISA.jpg);} #banner-buttons {position:absolute; right:10px; z-index:2;} #banner-buttons li {float:left; list-style-type:none; margin-right:10px; border:solid 1px #907BB9; background-color:#fff; padding:3px} /* See hipass */ #banner-buttons li a { font-weight:bold;} #banner-buttons li.arrow {padding-right:29px; background: url(../img/common/button-right-arrow.gif) #fff right center no-repeat; margin-right:0;} .topcorner {width:710px; background: url(../img/homepage/border-top-3col.gif) #fff top left no-repeat; height:4px; overflow:hidden;} /** Two Columns **/ #cols-two { width: 540px; margin-top: 30px; } #container-tl .phoenix { margin-top: 0px; } #cols-two .box-c3 {float:left; width:250px; position:relative; border-bottom: none; } #cols-two .box-c3 img {overflow:hidden; margin-bottom:0 !important;} #cols-two .gutter {margin-right:7px} #cols-two .box-c3 h1 {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/abcul/heading-bg.gif) #F4F8D4 0 0 repeat-x; margin-bottom:0; width: 238px; border: 1px solid #ccc; border-bottom: none; } /* hi-pass */ #cols-two .header-box {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/abcul/heading-bg.gif) #F4F8D4 0 0 repeat-x; margin-bottom:0; width: 238px; border: 1px solid #ccc; border-bottom: none; font-weight:bold;} /* hi-pass */ #cols-two .box-c5 h1 {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/abcul/heading-bg.gif) #F4F8D4 0 0 repeat-x; margin-bottom:0; width: 221px; border: 1px solid #ccc; border-bottom: none; } /* hi-pass */ #cols-two .c5-header-box {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/abcul/heading-bg.gif) #F4F8D4 0 0 repeat-x; margin-bottom:0; width: 221px; border: 1px solid #ccc; border-bottom: none; font-weight:bold;} /* hi-pass */ #cols-two .box-c3 h2 {margin-top:-1px; width:240px; } #cols-two .header-box2 {margin-top:-1px; width:240px; } #container-tl .prosperity #cols-two .box-c3 h2 { border-bottom: none; } #cols-two .box-c3 a {position:absolute; bottom:25px; margin-left:10px; border-bottom: none; font-size: 95%;} /** Three Columns **/ #cols-three {width:710px; background:url(../img/border-3col.gif) #fff top left repeat-y; margin:0 0 10px 0} #cols-three .box-c3 {float:left; width:232px; position:relative; height:100%} #cols-three .gutter {margin-right:7px} #cols-three .box-c3 img {height:87px; overflow:hidden; margin-bottom:0 !important} #cols-three .box-c3 h1 {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/common/heading-bg.gif) #F4F8D4 0 0 no-repeat; margin-bottom:0} /* hi-pass */ #cols-three .box-c3 h2 {border-top:solid 1px #EDF4B9; margin-top:-1px; width:230px} #cols-three .home-box {border-top:solid 1px #EDF4B9; margin-top:-1px; width:230px} #cols-three .home-box1 {padding:0 0 2px 10px; color:#29007B; font-size:1.2em; background: url(../img/common/heading-bg.gif) #F4F8D4 0 0 no-repeat; margin-bottom:0; font-weight:bold;} /* hi-pass */ #cols-three .box-c3 p {position:absolute; margin-left:10px; } #cols-three .box-c3 a {position:absolute; bottom:5px; margin-left:10px} #cols-three #blah * {position:static; color:#29007B;} #cols-three #blah p {position:absolute; margin:-82px 0 5px 10px; padding:0;} #cols-three #blah a {margin:0; padding:0;} #cols-three #blah ul {position:absolute; margin:-50px 0 0 10px; padding:0;} #cols-three #blah li {padding:3px; list-style-type:none; border:solid 1px #907BB9; margin:2px 0 0 0; width:180px;} #cols-three #blah li a { font-weight:bold; margin-left:0;} #cols-three #blah li.arrow {padding-right:29px; background: url(../img/common/button-right-arrow.gif) #fff right center no-repeat;} /** Four Columns **/ #cols-four {background-color:#DFEC84; width:710px; background-image: url(../img/common/large-corner-bottom.gif); background-position:bottom left; background-repeat:no-repeat; min-height:190px} /* See hi-pass */ #cols-four .inner {width:670px; margin-left:20px; padding-top:20px} #cols-four .inner .box-c4 {float:left; width:155px} #cols-four .inner .box-c4 a {font-weight:bold} #cols-four .inner .box-c4 h2 {font-size:1.2em; margin-bottom:10px; color:#98A30A;} #cols-four .inner .box-c4 h2 a {color:#98A30A; font-size:1.0em; font-weight:bold} #cols-four .inner .box-c4 ul {list-style-type:none} #cols-four .inner .gutter {margin-right:14px} /************* LONG-TERM ****************/ /* One columns */ .cols-one {background: url(../img/common/long-term-boxes-bg-1-col.gif) #fff 0 0 repeat-y; width:710px; height:100%} .cols-one .box-c1-topborder {background: url(../img/common/top-border-green-corners-1.gif) #fff 0 0 no-repeat; height:4px; overflow:hidden; width:710px} .cols-one .box-c1 {float:left; width:350px; min-height:102px;} /* See hipass */ .cols-one .box-c1 h1 {background-color: #B4CB0A; color:#fff; font-size:1.0em; padding:0 0 3px 10px} .cols-one .box-c1 h2 {color:#000; text-transform:uppercase; font-size:1.0em; margin:0 0 5px 10px} .cols-one .gutter {margin-right:10px} .cols-one .box-c1 ul {list-style-type:none; margin:0 115px 5px 10px} .cols-one .box-c1 ul li {background: url(../img/common/list-square-bullet.gif) left top no-repeat; padding-left:10px} /* Two columns */ .cols-two {background: url(../img/common/long-term-boxes-bg.gif) #fff 0 0 repeat-y; width:710px; height:100%} .cols-two .box-c2-topborder {background: url(../img/common/top-border-green-corners.gif) #fff 0 0 no-repeat; height:4px; overflow:hidden; width:710px} .cols-two .box-c2 {float:left; width:350px; min-height:102px;} /* See hipass */ .cols-two .box-c2 h1 {background-color: #B4CB0A; color:#fff; font-size:1.0em; padding:0 0 3px 10px} .cols-two .box-c2-header {background-color: #B4CB0A; color:#fff; font-size:1.0em; padding:0 0 3px 10px; font-weight:bold;} .cols-two .box-c2 h2 {color:#000; text-transform:uppercase; font-size:1.0em; margin:0 0 5px 10px} .cols-two .box-c2-header2 {color:#000; text-transform:uppercase; font-size:1.0em; margin:0 0 5px 10px; font-weight:bold; padding-top:10px;} .cols-two .gutter {margin-right:10px} .cols-two .box-c2 ul {list-style-type:none; margin:0 115px 5px 10px} .cols-two .box-c2 ul li {background: url(../img/common/list-square-bullet.gif) left top no-repeat; padding-left:10px} .apply {width:710px; font-size:0.9em} .apply .box-apply {position:relative; width:350px; float:left; background: url(../img/common/long-term-boxes-whitebg.gif) #fff 0 0 repeat-y; list-style-type:none; height:100%} .apply .gutter {margin-right:10px} .apply ul {list-style-type:none; margin-left:10px; padding:4px 0 0 0} .apply ul li {display:inline; margin-right:18px} /* See cc */ .apply ul li a {font-weight:bold} .botborder {width:710px; height:4px; background: url(../img/common/bot-border-green-corners.gif) #fff 0 0 no-repeat; margin-bottom:10px} .botborder-1-col {width:710px; height:4px; background: url(../img/common/bot-border-green-corners-1.gif) #fff 0 0 no-repeat; margin-bottom:10px} .apply .box-apply .img-pos {position:absolute; right:1px; top:-95px} .apply .box-apply .img-pos2 {position:absolute; right:1px; top:-111px} .appoline {background:url(../img/common/arrow-purple.gif) #fff center right no-repeat; padding-right:20px} /** Prosperity **/ /* Banner */ #properity-banner {margin-bottom:25px} #properity-banner h1 { font-size:1.2em; background: url(../img/common/banner-prosperity-left-corn.gif) #DED5F1 0 0 no-repeat; padding:5px 5px 5px 20px; margin-bottom:0} #properity-banner #properity-banner-content {background-color:#CDBFE9; position:relative; min-height:141px;} #properity-banner #properity-banner-content h2 {font-size:1.0em; margin:0 0 0 20px; padding:20px 0 5px 0; width:285px; border:0; color:#000} #properity-banner #properity-banner-content div {width:285px;} #properity-banner #properity-banner-content div ul {list-style-type:none; margin-left:20px; padding:0 0 10px 0;} #properity-banner #properity-banner-content div ul li {background: url(../img/common/list-square-bullet.gif) left top no-repeat; padding-left:15px; margin-bottom:5px; color:#2A007C} #properity-banner #properity-banner-content div ul li a {font-weight:bold} #properity-banner #properity-banner-content #ad {position:absolute; bottom:0; right:-1px} /* Prosperity Content */ #container-tl .prosperity {} #container-tl .prosperity h2 {color:#00CC00; font-size:1.2em; border-bottom:solid 1px #00CC00; padding-bottom:5px; margin-bottom:10px} #container-tl .prosperity h3 {font-size:1.0em} #container-tl .prosperity .apply-choices {padding: 0 0 15px 20px} #container-tl .prosperity .extra-space {margin-bottom:30px} .smallprint {font-size:0.9em;} ol.smallprint {padding: 0 0 15px 20px} /************* MEMBERS AREA ****************/ .mem-com {} .mem-com h2 {color:#00CC00; font-size:1.0em;} .mem-com .story {border-top:solid 1px #00CC00; padding-top:10px} .mem-com .story h3 {font-size:1.0em; color:#000; margin-bottom:15px} .mem-com .story .mem-com-img {margin:0 0 15px 15px; float:right} .mem-com .story .mem-com-img-left {margin:0 15px 5px 0px; float:left} /************* INFO PACK REQUEST FORM ****************/ #info-pack fieldset#details label span {width:200px; float:left} #info-pack.wider fieldset#details label span {width:300px; float:left} #info-pack fieldset#details label input, #info-pack fieldset#details label select {width:175px} #info-pack fieldset#address label span {width:200px; float:left} #info-pack.wider fieldset#address label span {width:300px; float:left} #info-pack fieldset#address label input {width:175px} #info-pack fieldset#products label {padding:2px 0} #info-pack fieldset#products label input {margin-right:20px} #info-pack fieldset#finally label {padding:2px 0} #info-pack fieldset#finally label select {width:175px} #info-pack fieldset#finally p {font-weight:normal} #info-pack fieldset#finally label input {margin-right:20px} #info-pack fieldset {margin-bottom:20px} #info-pack fieldset .ptop {margin-top:15px;} #info-pack fieldset label {display:block; margin-bottom:3px} #info-pack fieldset legend {color:#00CC00; font-size:1.0em; font-weight:bold} /* see hipass */ #info-pack p {font-weight:bold} #info-pack .first {border-top:solid 1px #00CC00; padding-top:15px} /* see hipass */ #info-pack label.highlight {background-color:#F7F6FD} #info-pack label:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;} #info-pack label {display: inline-table;} #info-pack #but {padding-top:20px} #info-pack #finally .sub_menu {position:relative;height:1.2em;} #info-pack #finally > .sub_menu {height:auto;} #info-pack #finally .sub_menu div {position:absolute; top:0; left:200px;} #info-pack #finally .sub_menu div label {display:inline;} #info-pack #finally .sub_menu div select {display:inline;} /************* ONLINE APPLICATION FORM ****************/ #online-app fieldset#details label span {width:200px; float:left} #online-app.wider fieldset#details label span {width:300px; float:left} #online-app fieldset#details label input, #online-app fieldset#details label select {width:175px} #online-app fieldset#child-details label span {width:200px; float:left} #online-app.wider fieldset#child-details label span {width:300px; float:left} #online-app fieldset#child-details label input, #online-app fieldset#child-details label select {width:175px} #online-app fieldset#address label span {width:200px; float:left} #online-app.wider fieldset#address label span {width:300px; float:left} #online-app fieldset#address label input {width:175px} #online-app fieldset#child-address label span {width:200px; float:left} #online-app.wider fieldset#child-address label span {width:300px; float:left} #online-app fieldset#child-address label input {width:175px} #online-app fieldset#contact label span {width:200px; float:left} #online-app.wider fieldset#contact label span {width:300px; float:left} #online-app fieldset#contact label input {width:175px} #online-app fieldset#declaration label {margin-left:200px; padding:2px 0;} #online-app fieldset#declaration label input {margin-right:20px;} #online-app fieldset#gift label {margin-left:200px; padding:2px 0;} #online-app fieldset#gift label input {margin-right:20px;} #online-app fieldset#payment label span {width:200px; float:left} #online-app.wider fieldset#payment label span {width:300px; float:left} #online-app fieldset#payment label input, #online-app fieldset#payment label select {width:175px} #online-app fieldset#bank-details label span {width:200px; float:left} #online-app.wider fieldset#bank-details label span {width:300px; float:left} #online-app fieldset#bank-details label input {width:175px} #online-app fieldset#opt-out label {} #online-app fieldset#opt-out label input {margin-left:20px;} #online-app fieldset {margin-bottom:20px} #online-app fieldset .ptop {margin-top:15px;} #online-app fieldset label {display:block; margin-bottom:3px} #online-app fieldset legend {color:#00CC00; font-size:1.0em; font-weight:bold} /* see hipass */ #online-app p {font-weight:normal} #online-app h2 {color:#29007B; border-bottom:solid 1px #29007B; font-size:1.0em; font-weight:bold; margin-bottom:15px;} #online-app .first {border-top:solid 1px #00CC00; padding-top:15px} /* see hipass */ #online-app label.highlight {background-color:#F7F6FD} #online-app label:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;} #online-app label {display: inline-table;} #online-app #but {padding:5px 0 40px 0} #content-container #online-app #dobday {width:7em;} #content-container #online-app #dobmonth {width:7em;} #online-app #dobyear {} #online-app .radio_choice {padding:3px 0; line-height:1.2;} #online-app .radio_choice span {width:200px; float:left} #online-app .radio_choice label {display:inline;} #online-app .radio_choice > input{margin-left:5px;} #online-app .highlight {background-color:#F7F6FD} /* Hides from IE-mac \*/ * html #info-pack label {height: 1%;} #info-pack label {display: block;} * html #online-app label {height: 1%;} #online-app label {display: block;} /* End hide from IE-mac */ /** General Form Styles **/ #content-container #info-pack #dobday {width:7em;} #content-container #info-pack #dobmonth {width:7em;} #info-pack #dobyear {} #info-pack #smoker {} #info-pack .radio_choice {padding:3px 0; line-height:1.2;} #info-pack .highlight {background-color:#F7F6FD} #info-pack .radio_choice span {width:200px; float:left} #info-pack .radio_choice label {display:inline;} #info-pack .radio_choice > input{margin-left:5px;} #info-pack.term-assurance fieldset#details label span {width:315px; float:left} #info-pack.term-assurance .radio_choice span {width:315px; float:left} #info-pack.term-assurance fieldset#details #term-assurance-tobacco span {width:315px;} #info-pack.term-assurance fieldset#details #term-assurance-sum {width:100px;} #info-pack.term-assurance fieldset#details #term-assurance-cover {width:100px;} /* #content-container #info-pack #term-assurance-tobacco span {width:300px;} #content-container #info-pack #term-assurance-sum {width:100px; } #content-container #info-pack #term-assurance-cover {width:100px;} */ h1.download { width: 100%; text-align: center; margin: 30px auto; } h1.download a.link, h1.download a:active, h1.download a:visited { text-decoration: underline; } h1.download a:hover { color: #02CE02; } #download-pdf-form {text-align:center;} /** Over 50s Quote Form Styles **/ #content-container #over50s-quote #dobday {width:7em;} #content-container #over50s-quote #dobmonth {width:7em;} #over50s-quote .radio_choice {padding:3px 0; line-height:1.2;} #over50s-quote .highlight {background-color:#F7F6FD} #over50s-quote .radio_choice span {width:200px; float:left} #over50s-quote .radio_choice label {display:inline;} #over50s-quote .radio_choice > input{margin-left:5px;} #over50s-quote fieldset#details label span {width:315px; float:left} #over50s-quote .radio_choice span {width:315px; float:left} /* 6 - Accessibility Features ---------------------------------------------------------------------------------------------------------------*/ #accessibility {position:absolute; top:-500px; left: -500px; } /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /** Floats **/ .floatleft {float:left;} .floatright {float:right;} .floatleft span {margin-right:30px;} /** Clearing Styles **/ .clearleft{clear:left; height:0px; font-size:1px; line-height:0px;} .clearright{clear:right; height:0px; font-size:1px; line-height:0px} .clearboth{clear:both; height:0px; font-size:1px; line-height:0px} /** CSS clearing - (See hi-pass.css) **/ .clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac \*/ * html .clearing {height: 1%;} .clearing {display: block;} /* End hide from IE-mac */ /** Hide stuff */ .hide {display:none} ul.normal-list { margin: 10px 0 30px 30px; padding: 0; } ul.normal-list li { list-style-type: square; margin: 5px 0; } .prizedraw { width: 550px; margin-left: 150px; margin-top: 20px; } .button-right { float: right; margin-top: 30px; } .footnote { margin-left: 140px; color: #B2B2B2; margin-top: 30px; } .errors { margin: 10px 25px; } /** no top nav **/ .notopnav {border-left:10px solid #29007B; height:115px; margin:15px 20px 8px 0;} /* MacDonald Competition */ #macheader { width: 709px; height: 200px; position: relative; } #macheader span { background: url("/img/macdonaldcompetition/win-luxury-break-header.jpg") no-repeat; position: absolute; width: 100%; height: 100%; clear:both; } .threeCol { margin:0 30px; } .threeCol p.mccols { float:left; width:30%; margin-right:25px; } .threeCol p.last { margin-right:0; } .indigo {color:#36327c; font-weight:normal;} p.slightylarger {font-size:120%;} .lilac_bg {background-color:#e6def6;} .asterix {color:red;} ul.notalistbutis {list-style:none; width:64%;} ul.notalistbutis li {margin-bottom:15px;} form#info-pack.mac_competition { margin:30px; padding:20px 0; color:#36327c; } form#info-pack.mac_competition p {font-weight:normal;} form#info-pack.mac_competition label {display:block; background-color:transparent; width:172px;} form#info-pack.mac_competition fieldset#details label span {display:inline; width:auto; float:none;} form#info-pack.mac_competition input {border:3px solid #36327c} form#info-pack.mac_competition hr {border:0; margin:15px auto; height:1px; background:#36327c; color:#36327c;} form#info-pack.mac_competition input.button-right {margin-top:0; padding:0;} form#info-pack.mac_competition div.formmccols { float:left; width:30%; margin-right:25px; } form#info-pack.mac_competition div.last { margin-right:0; } /**results pages**/ div.results {width:61%;} div.head {height:7px;} div.r_lhs {float:left;} div.r_rhs {float:right; width:37%; text-align:left; margin-top:5px} div.rhs_img {float:right; width:37%;} table.size {height:40px; border:opx; margin-top:-16px;} table.size tr td {border-bottom:1px solid #fff;} td.leftcell {background-color:#DFD5F0; height:40px; margin:0px; padding-left:10px; border:0px;} td.rightcell {background-color:#CEBFE8; height:40px; margin:0px; border:0px; text-align:center; font-size:15px} td.rightcell_b {background-color:#DFD5F0; height:40px; margin:0px; border:0px; text-align:center; font-size:15px} td.rhs_row {background-color:#CEBFE8; width:80px; height:40px; margin:0px; border:0px; text-align:center; font-size:13px;} td.rhs_row_b {background-color:#DFD5F0; width:80px; height:40px; margin:0px; border:0px; text-align:center; font-size:13px;} div.h2 {color:#02CE02; font-weight:bold; margin-bottom:10px; margin-top:10px;} p.head {background-color:#C0D90B; width:320px; padding-left:10px; padding-top:10px; font-weight:bold; padding-bottom:17px; margin-right:10px;} p.double {background-color:#C0D90B; width:529px; padding-bottom:10px; padding-left:10px;} div.line {border-top:solid 1px #00CC00; padding-top:10px} div.double {height:8px;} div.comment {background-color:#F8F7FD; padding-left:16px; padding-right:5px;} div.com_head {height:25px;} div.com_bottom {margin-top:-15px;} .blank {height:60px;} /**Affiliates Pages**/ #banner-buttons-affiliate {position:absolute; top:76px; left:10px;} #banner-buttons-affiliate li {float:left; list-style-type:none; border:solid 1px #907BB9; background-color:#fff; padding:10px} /* See hipass */ #banner-buttons-affiliate li a {font-weight:bold; position:absolute; top:4px; left:-5px;} #banner-buttons-affiliate li.arrow {padding-right:100px; background: url(../img/common/button-right-arrow.gif) #fff right center no-repeat; margin-right:0;} #banner-buttons-affiliate-more {position:absolute; top:51px; left:10px;} #banner-buttons-affiliate-more li {float:left; list-style-type:none; border:solid 1px #907BB9; background-color:#fff; padding:10px} /* See hipass */ #banner-buttons-affiliate-more li a {font-weight:bold; position:absolute; top:4px; left:-5px;} #banner-buttons-affiliate-more li.arrow {padding-right:100px; background: url(../img/common/button-right-arrow.gif) #fff right center no-repeat; margin-right:0;} .affiliate-banner {margin-bottom:-15px; margin-top:25px;} #cols-affiliate {background-color:#DFEC84; width:710px; background-image: url(../img/common/large-corner-bottom.gif); background-position:bottom left; background-repeat:no-repeat; min-height:120px;} /* See hi-pass */ #cols-affiliate h1 {padding-left:10px; padding-top:10px;} #cols-affiliate p {padding-left:10px; padding-right:10px;} #branding-affiliate {margin:0 1px; font-size:1.0em; width:758px; position: relative;} /* Added by Altogether for Click to Download */ .pdfdownloader { border: 0; cursor: pointer; height: 27px; width: 300px; background: #ffffff; color:#29007B; font-size:14px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; } .winners {background-color:#DFEC84; border:solid #FFFF00 2px; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:-10px;} .heading-text {padding-left:37px; padding-top:48px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#27216B; font-weight:bold;} .heading-text-small {padding-left:37px; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#27216B; font-weight:bold;} .spaceme {margin-bottom:10px;}