/* ------------------------------------------- project: Webloyalty date: 10.03.2009 ------------------------------------------- */ html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { margin: 0; padding: 0; background: #99a6ae; color: #555; font: 62.5%/1.25 'trebuchet ms',Arial,Helvetica Neue,Helvetica,sans-serif; } textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica Neue,Helvetica,sans-serif; } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } /* RE-SETS ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } li, dt, dd, p, th, td, caption { font-size: 1.2em; } ul, ol, dl { margin-bottom: 15px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } p { margin-bottom: 15px; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img { border: none; -ms-interpolation-mode: bicubic; } fieldset { border: none; } legend { display: none; } button { overflow: visible; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; } hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px; } * html hr { margin: -5px 0 8px !important; } a { color: #369; text-decoration: none; } a:hover, a:focus, a:active { color: #000; text-decoration: underline; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em 'trebuchet ms',sans-serif; } h1 { font-size: 2.2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } /* HELPERS ------------------------------------------- */ .offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; } legend.offset { display: none; } /* LAYOUT ------------------------------------------- */ #top { position: relative; background:url('../images/tob-bcg.png') top left repeat-x; z-index:100; } .wrapper { width:940px; margin: 0 auto; } #content .wrapper { overflow:hidden; } #content #main-col { width:660px; float:left; padding-top:16px;} #content #main-col #home_left{ width:330px; float:left; padding:16px,16px,16px,16px;} #content #main-col #home_right{ width:330px; float:left; padding:16px,16px,16px,16px;} #c .news #content #main-col { padding-bottom:50px; } #content #side-col { width:270px; float:right; padding-top:26px; background:url('../images/side-bcg.png') top left no-repeat; min-height:368px; } * html #content #side-col { height:368px; } /* SKIP LINKS ------------------------------------------- */ #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 4px 0; background: #98a5ae; color: #fff; font-size: 1.4em; text-align: center; } /* GENERAL ------------------------------------------- */ #top .wrapper { height:50px; } #top h1 { width:242px; height:50px; float:left; margin:0; padding:0; background-image:url('../images/menu-hover.gif'); } #top h1 a { display: block; width:242px; height:50px; background:url('../images/main-logo.png') top left no-repeat; text-indent:-666em; overflow:hidden; } #info-bar { clear:both; } /* ELEMENTS ------------------------------------------- */ /* menu */ #nav { list-style: none; margin: 0; color:#fff; padding:9px 0 0 0; margin:0; float:right; } #nav li { float: left; position: relative; z-index:4; list-style:none; } #nav li em { position:absolute; top:-666em; } #nav li a { display: block; color: #666; text-decoration: none; cursor:pointer; background:url('../images/menu-hover.png') bottom left no-repeat; } * html #nav li a { height:1px; float:left; } #nav li a span { display: block; padding:0 14px 3px 14px; background:url('../images/menu-hover.png') bottom right no-repeat; color: #666; text-decoration: none; font-size:1.1em; line-height:38px;} #nav li:hover a { background:url('../images/menu-hover.png') top left no-repeat; border:0px solid #000; } #nav li a.current { background:url('../images/menu-hover.png') top left no-repeat; } #nav li:hover a span, #nav li a.current span { background:url('../images/menu-hover.png') top right no-repeat; color:#006699; } /*2nd level*/ #nav li ul { position: absolute; left: -999em; width:180px; padding:0; margin:0; background:url('../images/menu-bcg.png') top left no-repeat; min-height:1px; } #nav li ul li { padding: 0; margin: 0; width:180px; position:relative; } * html #nav li ul li { float:left; } *:first-child+html #nav li ul li { float:left; } #nav li:hover ul li a { background:none; float:none; } #nav li:hover ul li:hover a { background:#ececec; } #nav li ul li a { display: block; color:#333; text-align:left; padding:10px 12px 10px 12px; text-transform: none; min-height:10px; } * html #nav li ul li a { height:1px; float:left; } * html #nav li:hover ul { clear: both; } #nav li:hover ul { left: 0; z-index:5; min-height:1px; } /* specials in 2nd level */ #nav li#countries a { width:42px; height:41px; background:url('../images/globe.png') bottom left no-repeat; text-indent:-666em; overflow:hidden; } #nav li#countries:hover a { background-position: top left; } #nav li#countries li { width:118px; } #nav li#countries li a { width:auto; height:auto; text-indent:0; padding: 20px 10px 20px 59px; } * html #nav li#countries li a:hover { background-color:#ececec; border:1px solid #ececec; padding: 19px 9px 19px 58px; } * html #nav li#countries { height:1px; float:left; } * html #nav li#countries li a { width:49px; } #nav li#countries ul { width:118px; } #nav li#countries:hover ul { left: -76px; } #top #nav li#countries .france a { background:url('../images/fr-flag.png') 25px 50% no-repeat; } #top #nav li#countries .france a:hover { background-color:#ececec; } * html #top #nav li#countries .france a:hover { background-position:24px 50%; } #top #nav li#countries .uk a { background:url('../images/uk-flag.png') 25px 50% no-repeat; } #top #nav li#countries .uk a:hover { background-color:#ececec; } * html #top #nav li#countries .uk a:hover { background-position:24px 50%; } #top #nav li#countries .mexico a { background:url('../images/mex-flag.png') 25px 50% no-repeat; } #top #nav li#countries .mexico a:hover { background-color:#ececec; } * html #top #nav li#countries .mexico a:hover { background-position:24px 50%; } #nav li#about-us ul { width:125px; } #nav li#about-us ul li { width:125px; } #nav li#valued-member ul { width: 130px; } #nav li#valued-member ul li { width: 130px; } /* 3rd level */ #nav li:hover ul li ul { position: absolute; left: -999em; width:183px; padding:0; margin:0; background:#ececec; min-height:1px; } #nav li:hover ul li ul li { width:183px; } #nav li:hover ul li:hover ul { left: 180px; top:0; } #nav li:hover ul li:hover ul li a { padding-left:55px; background-position: 15px 50%; background-repeat:no-repeat; } #nav li:hover ul li:hover ul li:hover a { background-color:#f7f7f7; } #nav li:hover li a span, #nav li a.current li span { background:none; padding:0; font-size:1em; color:#333; margin:0; line-height:120%;} #nav li#valued-member ul li:hover ul { left: 130px; width: 183px; } #nav li#valued-member ul li ul li { width: 183px; } /* 3rd level specials*/ #nav li:hover ul li:hover ul li a.line { background-image:url('../images/menu-ico5.png'); padding:17px 12px 17px 55px; } #nav li:hover ul li:hover ul li.post-transactional a { background-image:url('../images/menu-ico1.png'); } #nav li:hover ul li:hover ul li.cart-abandonment a { background-image:url('../images/menu-ico2.png'); } #nav li:hover ul li:hover ul li.building-repeat a { background-image:url('../images/menu-ico3.png'); } #nav li:hover ul li:hover ul li.customer-incentive a { background-image:url('../images/menu-ico4.png'); } #nav li:hover ul li:hover ul li.reservation-rewards a { background-image:url('../images/menu-ico5.png'); } #nav li:hover ul li:hover ul li.shoppers-discounts a { background-image:url('../images/menu-ico6.png'); } #nav li:hover ul li:hover ul li.travel-value a { background-image:url('../images/menu-ico7.png'); } #nav li:hover ul li:hover ul li.wallet-shield a { background-image:url('../images/menu-ico8.png'); } #nav li:hover ul li:hover ul li.complete-savings a { background-image:url('../images/menu-ico9.png'); } /* end menu */ #info-bar { border-bottom:1px solid #b2babf; background:url('../images/info-bar-wide.png') top left repeat-x; z-index:0; } #info-bar .alt { position: absolute; top: -999em; } /* .home #info-bar .wrapper { background:url('../images/info-bar-bcg.png') top left no-repeat; height:260px; }*/ html.js .home #info-bar .wrapper { background: url(../images/info-bar-blank.jpg) no-repeat; } .about-us #info-bar .wrapper { background:url('../images/info-bar1-bcg.jpg') top left no-repeat; height:260px; width:1000px; } .news #info-bar .wrapper { background:url('../images/info-bar2-bcg.jpg') top left no-repeat; height:260px; width:1000px; } .careers #info-bar .wrapper, .request-info #info-bar .wrapper, .valued-members #info-bar .wrapper, .cart-abandonment #info-bar .wrapper { background:url('../images/info-bar3-bcg.jpg') top left no-repeat; height:260px; width:1000px; } .partners #info-bar .wrapper { background:url('../images/info-bar4-bcg.jpg') top left no-repeat; height:230px; width:1000px; } .contact-us #info-bar .wrapper { background:url('../images/info-bar5-bcg.jpg') top left no-repeat; height:260px; width:1000px; } .management #info-bar .wrapper { background:url('../images/header_management.jpg') top left no-repeat; height:260px; width:1200px; } .about-us #info-bar .wrapper { background:url('../images/header_about_us.jpg') top left no-repeat; height:260px; width:1200px; } .cart-aban #info-bar .wrapper { background:url('../images/header_cart_aban.jpg') top left no-repeat; height:260px; width:1200px; } .complete-savings #info-bar .wrapper { background:url('../images/header_complete_savings.jpg') top left no-repeat; height:260px; width:1200px; } .contact-us #info-bar .wrapper { background:url('../images/header_contact_us.jpg') top left no-repeat; height:260px; width:1200px; } .cust-incentive #info-bar .wrapper { background:url('../images/header_cust_incentive.jpg') top left no-repeat; height:260px; width:1200px; } .cust-service-code #info-bar .wrapper { background:url('../images/header_cust_service_code.jpg') top left no-repeat; height:260px; width:1200px; } .faqs #info-bar .wrapper { background:url('../images/header_faqs.jpg') top left no-repeat; height:260px; width:1200px; } .news #info-bar .wrapper { background:url('../images/header_in_the_news.jpg') top left no-repeat; height:260px; width:1200px; } .member-services #info-bar .wrapper { background:url('../images/header_member_services.jpg') top left no-repeat; height:260px; width:1200px; } .pfp-model #info-bar .wrapper { background:url('../images/header_pfp_model.jpg') top left no-repeat; height:260px; width:1200px; } .post-trans #info-bar .wrapper { background:url('../images/header_post_trans.jpg') top left no-repeat; height:260px; width:1200px; } .repeat-business #info-bar .wrapper { background:url('../images/header_repeat_business.jpg') top left no-repeat; height:260px; width:1200px; } .request-info #info-bar .wrapper { background:url('../images/header_request_info.jpg') top left no-repeat; height:260px; width:1200px; } .reservation-rewars #info-bar .wrapper { background:url('../images/header_reservation_rewards.jpg') top left no-repeat; height:260px; width:1200px; } .security-partners #info-bar .wrapper { background:url('../images/header_security_partners.jpg') top left no-repeat; height:260px; width:1200px; } .shoppers-discount #info-bar .wrapper { background:url('../images/header_shoppers_discount.jpg') top left no-repeat; height:260px; width:1200px; } .travel-values #info-bar .wrapper { background:url('../images/header_travel_values.jpg') top left no-repeat; height:260px; width:1200px; } .valued-member #info-bar .wrapper { background:url('../images/header_valued_member.jpg') top left no-repeat; height:260px; width:1200px; } .wallet-shield #info-bar .wrapper { background:url('../images/header_wallet_shield.jpg') top left no-repeat; height:260px; width:1200px; } .careers #info-bar .wrapper { background:url('../images/header_careers.jpg') top left no-repeat; height:260px; width:1200px; } .partners #info-bar .wrapper { background:url('../images/header_partners.jpg') top left no-repeat; height:260px; width:1200px; } .international #info-bar .wrapper { background:url('../images/header_international.jpg') top left no-repeat; height:260px; width:1200px; } .home #info-bar h2 { font-size:2.4em; padding:47px 0 0 32px; width:263px; color:#ccc; letter-spacing:-1px; } .home #info-bar p { padding-left:137px; margin-top:-25px; } .home #info-bar .flash-replaced * { display: none; } .home #info-bar .flash-replaced embed { display: block; } #content { background:#fff url('../images/content-wide.png') top left repeat-x; } #content .wrapper { background: url('../images/content-fcols.png') top right repeat-y; } #main-col h2 { font-size:3.45em; color:#006c9d; letter-spacing:-1px; line-height:100%; padding-left:4px; font-weight:normal; } #main-col h2.cart-abandonment { background:url('../images/cart-aband-header-ico.png') center right no-repeat; float:left; padding:4px 50px 4px 0 } #main-col h2.building-repeat { background:url('../images/build-repeat-header-ico.png') center right no-repeat; float:left; padding:4px 50px 4px 0 } #main-col h2.post-tran { background:url('../images/post-tran-header-ico.png') center right no-repeat; float:left; padding:4px 50px 4px 0 } #main-col h2.cust-ac { background:url('../images/cust-ac-header-ico.png') center right no-repeat; float:left; padding:4px 50px 4px 0 } * html #main-col h2.cart-abandonment { margin-bottom:0; } *:first-child+html #main-col h2.cart-abandonment { margin-bottom:0; } #main-col h3 { font-size:1.8em; color:#4e4e4e; padding-left:4px; font-style:italic; margin-bottom:5px; padding-top:2px; clear:both; } #main-col h3.a { font-style:normal; color: #006693; margin: 0 0 5px 10px; } #main-col h3.font-change { font-size:2.1em; color:#006c9d; padding-left:4px; font-style:normal; margin-bottom:18px; padding-top:2px; clear:both; } #main-col h3.outbound a { font-style: normal; font-size: 0.667em; display: inline-block; padding-left: 20px; background: url(../images/outbound-link.png) 0 50% no-repeat; } #main-col p { font-size:1.3em; color:#747474; padding: 0 36px 0 4px; line-height:140%;} .news #main-col p { font-size:1.3em; color:#747474; padding: 0 36px 0 4px; line-height:180%; margin-bottom:25px;} #side-col h2 { color:#006c9d; font-size:2.2em; padding:0; } .management #side-col h2, .careers #side-col h2, .request-info #side-col h2, .valued-member #side-col h2, .travel-values #side-col h2, .faqs #side-col h2, .reservation-rewars #side-col h2, .complete-savings #side-col h2, .wallet-shield #side-col h2, .shoppers-discount #side-col h2, .member-services #side-col h2, .complete-savings #side-col h2, .about-us #side-col h2, .partners #side-col h2, .contact-us #side-col h2 { padding: 0 0 0 27px; } .news #side-col h2 { text-align:center; } #side-col h2.quote { background:url('../images/quotation1.png') 32px 0 no-repeat; margin:4px 0 26px 0; padding:0; } #side-col h2.quote q { display: block; line-height:100%; text-align:right; text-transform:none; padding: 13px 40px 0 30px; background:url('../images/quotation2.png') 236px 92% no-repeat; } #video-box { margin-left:45px; } #photo-request-box { padding: 28px 0 0 45px; } #person-list {margin:0; padding:11px 0 25px 0; overflow:hidden; width:100%; } #person-list li {list-style:none; width:330px; float:left; } #person-list ul { padding:0 0 0 0px; margin:0; } #person-list ul.secondary { padding:0 0 0 6px; margin:0; } #person-list li li { width:auto; font-size:0.9em; float:none; background:url('../images/person-ico.png') 0 4px no-repeat; color:#4e4e4e; padding:6px 0 6px 22px; } #person-list li li a { font-size:1.3em; color:#000; } #person-list li li a:hover { color:#006699; text-decoration:none; } #person-list li li .current { color:#006699; text-decoration:none; } #careers-list { padding:12px 0 35px 0; } #careers-list div { padding-top:15px; } #careers-list h3 { font-size:1.3em; font-style:normal; font-weight:bold; float:none; background:url('../images/person-ico.png') 0 4px no-repeat; color:#4e4e4e; padding:6px 0 6px 22px; margin-bottom:10px;} #careers-list h3 a { color:#000; } #careers-list h3 a:hover { color:#006699; } #careers-list h3 a span { color:#545454; font-weight:normal; font-size:0.84em; } #careers-list h4 { color:#0176a2; padding-left:4px; padding-top:10px; margin-bottom:6px; } #careers-list ul { list-style:none; margin:0 0 0 -15px; padding:0 0 22px 0; } #careers-list ul li { background:url('../images/bullet8.png') 0 6px no-repeat; line-height:150%; color:#333333; padding:0 0 7px 20px; font-size:1.3em; } #main-col .benefits { font-size: 12px; line-height: 1.6; color: #3880a8; margin: 10px 0 20px 10px; padding: 0; } #main-col .benefits ul{ list-style:none; margin:0 0 0 -15px; padding:0 0 22px 0; } #main-col .benefits li { background: url('../images/icon_benefits.gif') left center no-repeat; padding-left: 28px; list-style:none; } #main-col .benefits li a { color: #6cbeee; border-bottom: 1px dotted #3880a8; } #main-col .benefits li a:hover { color:#4e4e4e; border-bottom: 1px dotted #4e4e4e; text-decoration: none; } #main-col dl.description { border:1px solid #cdcdcd; width:607px; margin-bottom:35px; } #main-col #careers-list dl.description { margin-bottom:0; } #main-col dl.description dt { display: block; background:#006699; width:100%; overflow:hidden; border-bottom:1px solid #cdcdcd; color:#fff; padding:7px 0 6px 0;} #main-col dl.description dt strong { display: block; width:439px; float:left; font-size:1.4em; font-weight:bold; padding-left:38px; } #main-col #careers-list dl.description dt strong { width:auto; float:left; font-size:1.4em; font-weight:bold; padding:0 38px 0 38px; } #main-col dl.description dt strong em { font-style:normal; font-size:0.9em; font-weight:normal; } #main-col dl.description dt span { display: block; float:left; padding-top:2px; } #main-col dl.description dt .next { background:url('../images/bullet3.png') 9px 5px no-repeat; padding-left:18px; } #main-col dl.description dt a { color:#fff; font-size:1.1em; display: block; } #main-col dl.description dt .next a { background:url('../images/bullet1.png') center right no-repeat; padding-right:10px; } #main-col dl.description dt .prev a { background:url('../images/bullet2.png') center left no-repeat; padding-left:10px; } #main-col dl.description dd { margin:0; font-size:1em; padding:23px 15px 41px 34px; } #main-col dl.description dd p { line-height:150%; margin-bottom:20px; } #main-col h3 em { font-size:15px; font-style:normal; color:#006699;} #services-list { list-style:none; margin:0; padding: 0 0 30px; } #services-list li { font-size:1.3em; padding:21px 10px 21px 80px; } #services-list li.post-transactional { background:url('../images/service-ico1.png') 13px 50% no-repeat; } #services-list li.cart-abandonment { background:url('../images/service-ico2.png') 13px 50% no-repeat; } #services-list li.building-repeat { background:url('../images/service-ico3.png') 13px 50% no-repeat; } #services-list li.customer-incentive { background:url('../images/service-ico4.png') 13px 50% no-repeat; } #services-list h4 { font-style:italic; margin:0; padding:0; font-weight:normal; } #services-list h4 a { color:#016d9c; } #services-list h4 a:hover { color:#000; } #email-list { list-style:none; border-top:1px solid #dedfe0; margin:22px 0 0 18px; padding:0; } #email-list li { border-bottom:1px solid #dedfe0; font-size:1.3em; background:url('../images/envelope.png') 11px 14px no-repeat; padding:11px 5px 11px 47px; } #email-list li strong { color:#000; display: block; padding-bottom:2px; } #email-list li a { color:#86909b; } #management-list { list-style:none; margin:22px 0 0 12px; padding:0; } #management-list li { font-size:1.3em; background:url('../images/management-side.gif') 11px 0px no-repeat; padding:5px 5px 0px 47px; } #management-list p { margin-bottom:6px } #management-list li strong { color:#000; display: block; padding-bottom:0px; } #management-list li a { color:black; } #management-list li a:hover { color:#006699; text-decoration:none; } #management-list li strong .current { color:#006699; text-decoration:none; } #faq-list { list-style:none; border-top:1px solid #dedfe0; margin:22px 0 0 20px; padding:0; } #faq-list li { border-bottom:1px solid #dedfe0; font-size:1.3em; padding:20px 5px 20px 10px; } #faq-list li strong { color:#000; display: block; padding-bottom:2px; } #faq-list li em { color:#737373; display: block; padding-bottom:2px; font-style:normal } #faq-list li a { color:#006c9b; background:url('../images/bullet9.png') 100% 5px no-repeat; padding-right:28px; } #faq-list li a:hover { color:#000; } #faq { margin: 0 0 15px; padding: 0 30px 0 20px; } #faq dt { font-size: 1.5em; color: #006696; margin: 0 0 10px; padding: 0; font-weight: bold; } #faq dd { font-size: 1em; margin: 0; padding: 0; } #faq dd p { padding: 0; color: #999; margin: 0 0 20px; } #programs-list { list-style:none; margin:22px 0 0 26px; padding:0; } #programs-list img { padding-bottom:5px; } #programs-list img:hover { filter:alpha(opacity=85); opacity:.85; } #previous-next img:hover { filter:alpha(opacity=75); opacity:.75; } #year-switch { overflow:hidden; width:132px; margin:20px 0 0 78px; border:1px solid #c3c3c3; } #year-switch p { float:left; margin:0; padding:0; } #year-switch p.cur { width:83px; font-size:1.3em; text-align:center; background:url('../images/counter-bcg.png') top left no-repeat; line-height:24px; color:#fff; font-weight:bold;} #year-switch a { display: block; text-indent:-666em; overflow:hidden; width:24px; height:24px; background:#fff; background-repeat:no-repeat; } #year-switch .next a { background:#fff url('../images/bullet4.png') 8px 8px no-repeat; } #year-switch .next a:hover { background-color:#f1f1f1; } #year-switch .prev a { background:#fff url('../images/bullet5.png') 10px 8px no-repeat; } #year-switch .prev a:hover { background-color: #f1f1f1; } #articles-list { border:1px solid #e1e1e1; width:218px; margin:30px 0 15px 32px; background:#fff; } #articles-list a.prev, #articles-list a.next { float: left; display: block; text-indent: -999em; overflow: hidden; border-bottom:1px solid #e1e1e1; } #articles-list a.prev { width:109px; height:33px; border-right:1px solid #e1e1e1; background:#fff url('../images/bullet6.png') 50px 15px no-repeat; } #articles-list a.next { width:108px; height:33px; background:#fff url('../images/bullet7.png') 50px 15px no-repeat; } #articles-list a.next:hover, #articles-list a.prev:hover { background-color:#f1f1f1; } #articles-list h3 { font-size:1.3em; text-align:center; background: #006C9D; line-height:24px; color:#fff; font-weight:bold;} #articles-list ul { clear:both; list-style:none; margin:0; margin: 0 0 15px; padding: 0 17px; width: 183px; } #articles-list ul li { font-size:1.4em; padding: 15px 0; } #articles-list ul li a { color:#006c9d; line-height:140%; } #articles-list ul li a strong { font-family:arial, sans-serif; font-weight:bold; color:#000; padding-right:3px; } html.js #articles-list { display: none; } #news-list-wrapper { height: 290px; width: 218px; overflow: hidden; position: relative; } #news-list-wrapper ul { position: absolute; } #members-list { list-style:none; margin:0 0 15px 0; padding: 0 0 30px 0; width:100%; overflow:hidden; } #members-list li { font-size:1em; margin: 0 0 10px; height: 1%; overflow: hidden; } #members-list p { margin: 0 0 0 200px; padding: 8px 0; } #members-list p.extended { padding: 0; } #members-list h4 { display:block; color:#006c9d; font-weight:bold; margin:0 0 0 200px; } #members-list h4 a { color:#006c9d; } #members-list p.image-container { padding:0; margin:0; float:left; width:177px; } #members-list p.image-container img { display: block; } #members-list img:hover { filter:alpha(opacity=85); opacity:.85;} #contact-list { list-style:none; margin:0 0 0 -20px; padding:28px 0 20px 0; overflow:hidden; } * html #contact-list { width:100%; } #contact-list li { width:300px; padding:0 0 30px 20px; float:left; font-size:1em; } #contact-list li p { margin:0; padding:0; } #contact-list li p.img-container { float:left; width:75px; line-height:100%; } #contact-list li p.img-container a { text-decoration:none; color:#c3c3c3; font-size:1em; display: block; text-align:center; } #contact-list li p.img-container a:hover { color:#000; } #contact-list li p.img-container img { display: block; } #contact-list li p.img-container span { font-size:0.9em; line-height:100%; } #contact-list li div { margin-left:95px; padding-top:6px; } #contact-list li div h4 { margin:0; font-size:1.6em; } #request-form { padding:0 0 35px 5px; width:605px; } #request-form .col1 { width:292px; float:left; } #request-form .col2 { width:292px; float:right; } #request-form p { padding:0 0 11px 0; margin:0; } #request-form p.textarea { clear:both; padding:4px 0 20px 0; } #request-form label { display: block; padding-bottom:5px; position:relative; float:left; } #request-form label span { display:block; position:absolute; top:0; right:-5px; width:6px; height:15px; background:url('../images/star.png') top left no-repeat; text-indent:-666em; overflow:hidden; } #request-form p input { clear:both; display: block; padding:3px 3px 4px 3px; width:283px; border:1px solid #dddddd; background:url('../images/input-bcg.png') top right no-repeat; } #request-form p select { clear:both; display: block; padding:3px; width:290px; border:1px solid #dddddd; } #request-form p.special-container { width:186px; float:left; } #request-form p.special-container select { width:178px; } #request-form p.special-container1 { width:95px; float:right; } #request-form p.special-container1 input { width:87px; } #request-form p.last { padding-top:4px; clear:both; } * html #request-form p.last label { padding-bottom:0; } *:first-child+html #request-form p.last label { padding-bottom:0; } #request-form textarea { background:url('../images/textarea-bcg.png') top right no-repeat; border:1px solid #dddddd; width:603px; height:95px; } #request-form button { background:none; border:none; padding:0; margin:0; } /* footer */ #footer { border-top:1px solid #e1e4e7; } #footer .wrapper { padding:25px 0; overflow:hidden; } #footer a { color:#eee; } #footer ul { list-style:none; padding:0; margin:0; float:left; } #footer ul li { font-size:1em; } #footer ul li.primary, #footer ul li.secondary, #footer ul li.tertiary, #footer ul li.quaternary { float:left; } #footer ul li.primary { width:106px; } #footer ul li.secondary { width:196px; } #footer ul li.tertiary { width:145px; } #footer ul li.quaternary { width:170px; } #footer ul li h2 { font-size:1.3em; color:#fff; font-weight:bold; margin:0 0 5px 0; padding:0; } #footer ul li li { font-size:1.2em; padding-bottom:6px; } #footer p { float:right; color:#eee; padding:1px 20px 0 0; } /* COLORBOX ------------------------------------------- */ /* native */ #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;} #colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:2000; width:100%; height:100%;} #modalBackgroundOverlay{position:fixed;} #modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;} #modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */ #modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;} #modalInfoBr{display:none;} /* custom */ #modalBackgroundOverlay{background:url('../images/colorbox/stripe.png') 0 0 repeat;} #colorbox { } #borderTopLeft{width:21px; height:21px; background:url('../images/colorbox/borderTopLeft.png') 0 0 no-repeat;} #borderTopCenter{height:21px; background:url('../images/colorbox/borderTopCenter.png') 0 0 repeat-x;} #borderTopRight{width:21px; height:21px; background:url('../images/colorbox/borderTopRight.png') 0 0 no-repeat;} #borderBottomLeft{width:21px; height:21px; background:url('../images/colorbox/borderBottomLeft.png') 0 0 no-repeat;} #borderBottomCenter{height:21px; background:url('../images/colorbox/borderBottomCenter.png') 0 0 repeat-x;} #borderBottomRight{width:21px; height:21px; background:url('../images/colorbox/borderBottomRight.png') 0 0 no-repeat;} #borderMiddleLeft{width:21px; background:url('../images/colorbox/borderMiddleLeft.png') 0 0 repeat-y;} #borderMiddleRight{width:21px; background:url('../images/colorbox/borderMiddleRight.png') 0 0 repeat-y;} #modalContent{background:#000;} #modalLoadedContent{margin:0; border:1px solid #000;} #contentTitle{position:absolute; bottom:3px; left:0; width:100%; text-align:center; font-weight:bold; color:#949494;} #contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;} #contentPrevious{position:absolute; bottom:0; left:0px; background:url('../images/colorbox/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #contentPrevious:hover{background-position:-25px -25px;} #contentNext{position:absolute; bottom:0; left:27px; background:url('../images/colorbox/controls.png') 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #contentNext:hover{background-position:0px -25px;} #modalLoadingOverlay{background:url('../images/colorbox/loading.gif') center center no-repeat #000;} #modalClose{ display: block; outline:none; position:absolute; z-index:3000; top:-22px; right:-23px; background:url('../images/colorbox/close-btn-24.png') 0 0 no-repeat; width:46px; height:46px; text-indent:-9999px;} #modalClose:hover{background-position: bottom left;} /* UI Accordion ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; overflow:hidden; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }