/* * @file - https://www.aaa.com/aaa/023/wrapper/external-stylesheet.css * Add to : * STYLES FOR AAA AUTO CLUB PARTNERS * CONTACT: STEVEN DOUGLAS (X2236) * COMPANY: AAA ARIZONA INC. */ .aaa-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.aaa-menu { border:0; list-style:none; text-align:left; } ul.aaa-menu li { margin:0 0 0 .5em; } ul li.aaa-leaf { list-style-image:url(https://www.aaa.com/aaa/023/wrapper/images/menu-leaf.png); list-style-type:square; padding: 0.2em 0.5em 0 0; } li.aaa-leaf { padding:.2em .5em 0 0; margin:0; } html,body{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; font:inherit; } body { background-color:#f0f0f0; line-height:15px; min-width:960px; } #aaa-frame{ font-family:"Arial"; font-size:12px; color:#333 } .aaa-block a, .aaa-block p, .aaa-block ul, .aaa-block ol, .aaa-block li, .aaa-block img, .aaa-block span, .aaa-block strong, .aaa-block em { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; font:inherit } footer.aaa-block, header.aaa-block, section.aaa-block { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; font:inherit; } footer.aaa-block, header.aaa-block, section.aaa-block { display:block; } .aaa-region { min-height:1px; } h2.aaa-block-title { font-size:20px; font-weight:normal; color:#333; padding:0; margin:0; } .aaa-section-content, .aaa-section-footer, .aaa-section-header { text-align: center; } .aaa-region-content { text-align: left; } #aaa-zone-branding { text-align:center; } /* HEADER LINKS */ .aaa-block-menu-top-page-menu { margin-top:25px; margin-bottom:10px; } .aaa-block-menu-top-page-menu ul.aaa-menu { float:right; } .aaa-block-menu-top-page-menu ul.aaa-menu li { float:left; list-style:none; height:11px; padding-top:0; margin-top:22px; line-height:12px; } .aaa-block-menu-top-page-menu ul.aaa-menu li a { text-decoration:none; text-transform:uppercase; font-size:11px; color:#ccc } .aaa-block-menu-top-page-menu ul.aaa-menu li a.aaa-jr-link { color:#fff; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-leaf { border-left:1px solid #69c; padding: 0 10px 0 10px; margin-left:0; margin-right:0; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-social, .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-leaf.aaa-first { border: none; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-social { margin-left:0; padding-left:0; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-social a { display: block; text-indent: -9000px; height: 16px; width: 16px; margin-top: -3px; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-social a#facebook { background: url(https://www.aaa.com/aaa/023/wrapper/images/fb-icon.png) no-repeat top left transparent; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-social a#twitter { margin-left:15px; background: url(https://www.aaa.com/aaa/023/wrapper/images/twitter-icon.png) no-repeat top left transparent; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-yellow-btn, .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-light-blue-btn { margin-top: 15px; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-yellow-btn { padding-left: 15px; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-light-blue-btn { padding-right: 0; margin-right: 0; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-yellow-btn span a, .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-light-blue-btn span a { background-image: url(https://www.aaa.com/aaa/023/wrapper/images/small_btns.png); background-repeat: no-repeat; height: 24px; margin: 0 -2px 0 2px; padding: 0 10px 0 8px; font-size: 12px; color: #369; font-weight: normal; display: block; line-height: 24px; border: none; float:left; } .aaa-block-menu-top-page-menu ul.aaa-menu li.aaa-yellow-btn span a { background-position: right bottom; } div.aaa-logo-img img { border:0; } /* BACKGROUND IMAGES */ #aaa-section-header { background:url(https://www.aaa.com/aaa/023/wrapper/images/header-section-bkg.jpg) bottom left repeat-x transparent; } #aaa-zone-branding-wrapper { background:url(https://www.aaa.com/aaa/023/wrapper/images/header-bkg.jpg) bottom left repeat-x transparent; } #aaa-zone-menu-wrapper { background:url(https://www.aaa.com/aaa/023/wrapper/images/main-nav-bkg.jpg) top center no-repeat transparent;height:89px; text-align:center; } .aaa-sidebar #aaa-zone-menu-wrapper { background: url(https://www.aaa.com/aaa/023/wrapper/images/main-nav-inner-page-fixed.jpg) top center no-repeat transparent; height:88px; } .aaa-sidebar #aaa-region-sidebar-first .aaa-region-inner { background: url(https://www.aaa.com/aaa/023/wrapper/images/sidebar-bkg-top.jpg) no-repeat top left transparent; padding-top: 25px; } #aaa-frame { background:url(https://www.aaa.com/aaa/023/wrapper/images/content-bkg.jpg) repeat-y center top #f0f0f0; } #aaa-zone-footer-wrapper { background:url(https://www.aaa.com/aaa/023/wrapper/images/footer-bkg.jpg) no-repeat top center transparent; } /* LOGO STYLES */ .aaa-region-branding { padding:45px 0 20px 0; text-align:left; } /* NAVIGATION STYLES */ #aaa-zone-menu { height:80px } #aaa-region-menu { padding-top:33px; height:48px; float:left; } .aaa-block-main-menu ul.aaa-menu { list-style:none; margin-left:50px } .aaa-block-main-menu ul.aaa-menu li { list-style:none; float:left; padding:0; margin:0 2px 0 0 } .aaa-block-main-menu ul.aaa-menu li a { color:#fff; text-transform:uppercase; text-decoration:none; font-size:15px; text-align:center; display:block; } .aaa-block-main-menu ul.aaa-menu li a#membership { width:153px; } .aaa-block-main-menu ul.aaa-menu li a#automotive { width:153px; } .aaa-block-main-menu ul.aaa-menu li a#travel { width:105px; } .aaa-block-main-menu ul.aaa-menu li a#insurance { width:145px; } .aaa-block-main-menu ul.aaa-menu li a#financial { width:128px; } .aaa-block-main-menu ul.aaa-menu li a#discounts { width:145px; } .aaa-block-main-menu ul.aaa-menu li a:hover { color:#537ca5 } /* FOOTER STYLES */ #aaa-section-footer { background:url(https://www.aaa.com/aaa/023/wrapper/images/footer-section-bkg.jpg) repeat-x left top transparent; height:357px; font-family:"Arial" } #aaa-zone-footer { padding-top:40px; text-align:left; } #aaa-zone-footer .aaa-grid-2, #aaa-zone-footer grid-3 { height:215px } .aaa-block-menu-footer-left ul.aaa-menu li { float:left; border-right:1px solid #69c; list-style:none; height:12px; padding-top:0; line-height:12px } .aaa-block-menu-footer-left ul.aaa-menu li a, .aaa-block-menu-footer-left ul.aaa-menu li span { font-size:12px; color:#fff; text-decoration:none } .aaa-block-menu-footer-left ul.aaa-menu li.aaa-last { border-right:0 } #aaa-region-footer-second .aaa-block-menu-menu-footer-left { margin-top:50px; float:left } /* FOOTER BLOCKS */ #aaa-section-footer .aaa-block-menu-my-account h2.aaa-block-title, #aaa-section-footer .aaa-block-menu-contact h2.aaa-block-title, #aaa-section-footer .aaa-block-menu-newsroom h2.aaa-block-title, #aaa-section-footer .aaa-block-menu-online-community h2.aaa-block-title, #aaa-section-footer .aaa-block-menu-publications h2.aaa-block-title, #aaa-section-footer .aaa-block-menu-aaa-mobile h2.aaa-block-title { font-size:12px; color:#fff; text-transform:uppercase; padding-bottom:20px } #aaa-section-footer .aaa-block-menu-aaa-mobile h2.aaa-block-title { padding-bottom:10px; margin-top:20px } #aaa-section-footer .aaa-block-menu-my-account ul.aaa-menu li, #aaa-section-footer .aaa-newsletter ul.aaa-menu li, #aaa-section-footer .aaa-block-menu-contact ul.aaa-menu li, #aaa-section-footer .aaa-block-menu-newsroom ul.aaa-menu li, #aaa-section-footer .aaa-block-menu-online-community ul.aaa-menu li, #aaa-section-footer .aaa-block-menu-publications ul.aaa-menu li, #aaa-section-footer .aaa-block-menu-aaa-mobile ul.aaa-menu li { list-style:none; margin:0; padding:0 0 10px 0 } #aaa-section-footer .aaa-block-menu-my-account ul.aaa-menu li a, #aaa-section-footer .aaa-block-menu-contact ul.aaa-menu li a, #aaa-section-footer .aaa-newsletter ul.aaa-menu li a, #aaa-section-footer .aaa-block-menu-newsroom ul.aaa-menu li a, #aaa-section-footer .aaa-block-menu-online-community ul.aaa-menu li a, #aaa-section-footer .aaa-block-menu-publications ul.aaa-menu li a, #aaa-section-footer .aaa-block-menu-aaa-mobile ul.aaa-menu li a { color:#9cf; text-decoration:none; font-size:12px; } .aaa-block-menu-footer-left div.aaa-club-disclaimer, .aaa-block-menu-footer-left div.aaa-club-disclaimer a { color:#d3d3d3; padding-left:6px; float: left; } .aaa-block-menu-online-community ul.aaa-menu li a#twitter { background:url(https://www.aaa.com/aaa/023/wrapper/images/small-twitter-icon.jpg) no-repeat left top transparent; padding-left:20px; height:15px; display:block } .aaa-block-menu-online-community ul.aaa-menu li a#facebook { background:url(https://www.aaa.com/aaa/023/wrapper/images/small-facebook-icon.jpg) no-repeat left top transparent; padding-left:20px; height:15px; display:block } .aaa-block-block-33 { margin-top:20px; color:#ccc; font-size:12px } .aaa-block-block-33 .aaa-newsletter { background:url(https://www.aaa.com/aaa/023/wrapper/images/newsletter-icon.jpg) no-repeat top left; padding-left:55px } .aaa-block-block-33 .aaa-newsletter span { background: url(https://www.aaa.com/aaa/023/wrapper/images/small_btns.png) no-repeat left -130px; cursor: pointer; display: block; float: left; margin-top: 5px; } .aaa-block-block-33 .aaa-newsletter span a { background: url(https://www.aaa.com/aaa/023/wrapper/images/small_btns.png) no-repeat right -130px; height: 24px; display: block; margin: 0 -2px 0 2px; padding: 0 10px 0 8px; font-size: 12px; color: #369 !important; line-height: 24px; } .aaa-block-block-34 { padding-right:70px; margin-top:40px; float:right; color:#fff; font-size:11px; background:url(https://www.aaa.com/aaa/023/wrapper/images/small-logo.jpg) no-repeat top right transparent; height:30px; line-height:30px } .aaa-block-menu-publications ul.aaa-menu li { float:left } .aaa-block-menu-publications ul.aaa-menu li.aaa-leaf a { border-left:1px solid #ccc; margin-left:10px; padding-left:10px } .aaa-block-menu-publications ul.aaa-menu li.aaa-first a { border:none; margin-left:0; padding-left:0; } /* 960 GRID FORMAT STYLES */.aaa-grid-1,.aaa-grid-2,.aaa-grid-3,.aaa-grid-4,.aaa-grid-5,.aaa-grid-6,.aaa-grid-7,.aaa-grid-8,.aaa-grid-9,.aaa-grid-10,.aaa-grid-11,.aaa-grid-12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.aaa-container-12{margin-left:auto;margin-right:auto;width:960px}.aaa-container-12 .aaa-grid-1{width:60px}.aaa-container-12 .aaa-grid-2{width:140px}.aaa-container-12 .aaa-grid-3{width:220px}.aaa-container-12 .aaa-grid-4{width:300px}.aaa-container-12 .aaa-grid-5{width:380px}.aaa-container-12 .aaa-grid-6{width:460px}.aaa-container-12 .aaa-grid-7{width:540px}.aaa-container-12 .aaa-grid-8{width:620px}.aaa-container-12 .aaa-grid-9{width:700px}.aaa-container-12 .aaa-grid-10{width:780px}.aaa-container-12 .aaa-grid-11{width:860px}.aaa-container-12 .aaa-grid-12{width:940px}