/********************* Global Styles *********************/ * { padding: 0; margin: 0; } img{ display: block; border:none; } body#homepage-styles .as_title {display: none;} /********************* Position Grid Layout *********************/ /*container was here*/ #wrapper { width: 800px; height: 800px; margin: 0 auto; } /********************* header *********************/ #header { position: relative; width: 800px; letter-spacing: 0; height: 106px; padding: 0; margin: 0; background: url(../images/header_bg2.jpg) no-repeat; } #header_search { float: right; padding: 0 16px 0 0; margin:0; width: 450px; height: 67px; background: url(../images/header_search_bg3.jpg) no-repeat; } #header_search #zip_lookup { height: 66px; width:208px; margin: 9px 0 0 0; padding: 0; float:right; } #header_search input { vertical-align: middle; width: 88px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background: url(../images/zip_lookup_bg.gif) no-repeat; #52a7d2; border: 0; color: #ffffff; font-weight: normal; margin: 0; height: 18px; padding: 3px 0 0 3px; } #header_search Input.inputSearch { float: left; width: 88px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background: url(../images/zip_lookup_bg.gif) no-repeat; #52a7d2; border: 0; color: #ffffff; font-weight: normal; margin: 0; height: 18px; padding: 3px 0 0 3px; } #header_search_text { color: #8eb1dd; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; font-size: 10px; padding: 0; font-weight: normal; float: right; } #header_search_text span { display: block; float: left; padding: 3px 5px 0 0; margin: 0; } #header img { float: left; margin: 0; padding: 0; border: 0; } #header_search Input.go_button { width: 19px; float: left; height: 21px; padding: 0; margin: 0 0 0 3px; } #header_search Input.go_button img { padding: 0; } /*********************font sizer *********************/ #font-sizer { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; float:right; padding:10px 15px 0 0; background:url(/images/search_divider.jpg) no-repeat top right; } #member_logo { display: block; float: right; margin: 7px 0 0 22px; } #font-sizer ul li.label{ margin:2px 9px 0 0; } #font-sizer ul, #font-sizer ul li { color: #8eb1dd; list-style:none; float:left; font-size:10px; vertical-align:middle; } #font-sizer ul li a:link, #font-sizer ul li a:visited { font-size: 13px; text-decoration: none; color: #8eb1dd; } #font-sizer ul li a:hover { color: #ffffff; text-decoration: none;} .size_a { background: #0c3a91; padding:1px 8px; margin: 0 1px 0 0;} .size_b { background: #1563a3; padding:1px 6px;} /* #font-sizer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; float: right; margin: 0px 0 0 0; padding: 10px 0 12px 0px; width:105px; background:url(/images/search_divider.jpg) no-repeat top right;} #font-sizer ul, #font-sizer ul li { color: #8eb1dd; float:left; list-style:none; font-size: 10px; } #font-sizer ul li a{ } #font-sizer ul li a:link, #font-sizer ul li a:visited { font-size: 13px; text-decoration: none; color: #8eb1dd; margin:0; height:12px; padding: 4px; } #font-sizer ul li a:hover { color: #ffffff; text-decoration: none; } .size_a { background: #0c3a91; display:block; width:50px; height:50px;} .size_b { background: #1563a3;} */ /********************* main navigation *********************/ #nav { position: relative; width: 800px; height: 25px; padding: 0; margin: 0; background: url(../images/nav_bg.jpg) no-repeat; } #nav ul { width: 800px; height: 25px; margin: 0; border: 0; background: url(../images/nav_bar4.jpg) no-repeat bottom left;} #nav li { margin: 0; border: 0; list-style: none; position: absolute; top: 0; } #nav li, #nav a { height: 19px; display: block; } #nav_doc { left: 55px; width: 56px;} #nav_doc a:hover { background: transparent url(../images/nav_bar4.jpg) -55px 0 no-repeat;} .nav_doc_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 16px;} #nav_about { left: 110px; width: 50px; } #nav_about a:hover {background: transparent url(../images/nav_bar4.jpg) -110px 0 no-repeat;} .nav_about_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 8px; } #nav_products { left: 159px; width: 67px; } #nav_products a:hover {background: transparent url(../images/nav_bar4.jpg) -159px 0 no-repeat;} .nav_products_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 11px; } #nav_services { left: 225px; width: 66px; } #nav_services a:hover {background: transparent url(../images/nav_bar4.jpg) -225px 0 no-repeat;} .nav_services_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 9px; } #nav_afford { left: 290px; width: 82px; } #nav_afford a:hover {background: transparent url(../images/nav_bar4.jpg) -290px 0 no-repeat;} .nav_afford_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 9px; } #nav_offers { left: 371px; width: 93px; } #nav_offers a:hover {background: transparent url(../images/nav_bar4.jpg) -371px 0 no-repeat;} .nav_offers_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 8px; } #nav_testimonials { left: 463px; width: 91px; } #nav_testimonials a:hover {background: transparent url(../images/nav_bar4.jpg) -463px 0 no-repeat;} .nav_testimonials_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 10px; } #nav_catalog { left: 553px; width: 62px; } #nav_catalog a:hover {background: transparent url(../images/nav_bar4.jpg) -553px 0 no-repeat;} .nav_catalog_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 9px; } #nav_news { left: 614px; width: 52px; } #nav_news a:hover {background: transparent url(../images/nav_bar4.jpg) -614px 0 no-repeat;} .nav_news_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 10px; } #nav_contact { left: 665px; width: 76px; } #nav_contact a:hover {background: transparent url(../images/nav_bar4.jpg) -665px 0 no-repeat;} .nav_contact_text { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding: 6px 0 0 10px; } /********************* banner section *********************/ #banner { margin: 0 0 0 12px; } #banner-location { margin: 17px 0 0 12px; overflow: visible; position: relative; z-index: 999; } /********************* coupons **************************/ #coupons { font-family: Arial, Helvetica, sans-serif; padding: 0 20px; width: 722px; min-height: 400px; height:auto; } #coupons #left_center { float: left; width: 358px; text-align: center; font-size: 16px;} #coupons #right_center { float: right; width: 358px; text-align: center; font-size: 16px;} #coupons #left_center .header { text-decoration: underline; font-weight: bold;} #coupons #right_center .header { text-decoration: underline; font-weight: bold; } #coupons form { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; margin: 0 0 0 10px; } #coupons strong { font-size: 12px; } #coupons td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #coupons form table { width: 722px; } #coupons form strong { color: #106198; } #coupons input { margin: 0 0 0 10px; } #coupons #button_container { margin: auto; text-align: center; } #coupons input.coupon_button { height: 25px; font-size: 14px; text-align: center; padding: 2px 5px; vertical-align: middle; color: #fff; font-weight: bold; border: 1px solid #8eb1dd; background: url(../images/coupon_button.gif) repeat-x; } #coupons SELECT { width: 200px; margin: 0 0 0 10px; } #coupons ul { list-style:none; } #coupons .coupon_container {width: 722px; height: 250px; z-index: 20; padding: 0 0 12px 0;} #coupons .coupon_image {width: 722px; height: 250px;} #coupons .coupon_number { font-weight: bold; position: relative; left: 620px; top: -240px; } #coupons #expiration_date { display: none; } #coupons .coupons_large_text { font-size: 24px; } #taxcredit { margin: -14px 0 0 -12px; } /********************* news section *********************/ #news { width: 762px; margin:0 0 0 19px; padding: 0; background: url(../images/news_bg.jpg) repeat-y top right #fff; } #news_left { font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 34px; float: left; width: 430px; min-height: 400px; height:auto; } #news .formtext { width: 200px; margin: 0 0 0 10px; } #news_left form { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; margin: 0 0 0 10px; } #news_left strong { font-size: 12px; } #news_left td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_left form table { width: 420px; } #news_left form .checkboxes { font-size: 11px; width: 425px; line-height: 20px; margin: 0 0 0 -10px; } #news_left form strong { color: #106198; } #news_left input { margin: 0 0 0 10px; } #news_left SELECT { width: 200px; margin: 0 0 0 10px; } #news_left ul { list-style:none; } #news_right { padding: 0 0 0 30px; margin: 3px 5px 0 0; float: right; background: url(../images/news_right_bg.jpg) no-repeat top left; width: 252px; min-height: 400px; height:auto; } #news_right a { font-weight: bold; color: #006AA8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } #news_right a:hover { color: #73C0E3; } #news_right li { margin: 0 0 3px 20px; list-style: url(../images/bullet.gif); } #news_right ul { padding: 0 0 20px 0; border-bottom: 1px solid #cccccc; width: 220px; list-style: none; } #news_bottom { margin: 0 0 6px 17px; width: 764px; height: 33px; background: url(../images/news_bottom_border.jpg) no-repeat top right; } .clearfix { clear: both; } /********************* ad section *********************/ #ad_bar { width: 774px; height: 150px; margin: 0 0 0 18px; background: #1477a3 url(../images/ad_bar_bg3.jpg) no-repeat top left; } #ad_bar ul { padding: 10px 0 0 0; margin: 0; list-style: none; } #ad_bar li { margin: 0; float:left; padding:0 0 0 16px; width:160px; } #ad_bar li#ad_news, #ad_bar li#ad_questions { width:190px; } * html #ad_bar ul li#ad_contact ul li { width: 150px;} #ad_bar ul li ul{ margin:0; padding:0; } #ad_bar ul li ul li{ width:220px; padding:0; } #ad_bar ul li ul li a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; padding: 0 10px 0 0; text-decoration: none; } #ad_bar ul li ul li a:hover { color: #73C0E3; } #ad_bar h1 { padding:0; margin: 0 0 7px 0; color: white; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 21px; font-weight: normal; } /********************* footer *********************/ #footer { width: 764px; margin: 0 0 0 18px; } /********************** footer menu *********************/ #footer_nav { width: 765px; margin: 10px 0; padding: 0; border: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; font-size: 10px; font-weight: normal; } #footer_nav ul { float: right; list-style-type: none; width: 400px; margin: 0; padding: 0; } #footer_nav li { float: right; padding: 0 3px; } #footer_nav a { color: #73c0e3; text-decoration: none;} #footer_nav a:hover { color: #fff; } #footer p { float: left; text-align:left; width: 365px; padding: 0; margin: 0px 0 50px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #footer .blue { padding: 0; margin: 0; color: #73c0e3; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } /********************* headings *********************/ h1 { padding: 0 0 4px 0; margin: 0; color: #7e3fa0; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 22px; font-weight: normal; } h1.largeHeader { padding: 0 0 4px 0; margin: 0; color: #7e3fa0; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 24px; font-weight: bold; } h2 { padding: 0 0 8px 0; margin: 0; color: #8A8A8A; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 18px; font-weight: normal; } h3 { padding: 12px 0 12px 0; margin: 0; color: #000000; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 13px; font-weight: bold; } p, li, .as_text { padding: 0; margin: 0 0 10px 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } fieldset { border: 0; } /********************* content styles *********************/ .products_button { width: 212px; height: 26px; display: block; padding: 5px 10px; margin: 0; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/products_button.jpg) no-repeat top left; } /********************* CM2 STYLES *********************/ /********************* cm2 styles - News (Main Content Areas) Section *********************/ #news_left .brief_title { display: block; font-family: "Times New Roman", Times, Serif; font-size: 16px; color: #000165; font-weight: bold; } #news_left td.brief_text { vertical-align: top; padding: 0;} #news_left .brief_summary { display: block; width: 120px; } #news_left .brief_text { padding: 0; margin: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_left .brief_link a { margin: 0;text-decoration: none; display: block; color: #0069a5; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_left .brief_link a:hover { text-decoration: none; color: #75C0E0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_left td.brief_text img { border: 4px solid white; } #news_left IMG.as_image { display: block; margin: 0px /*18px*/ 10px 5px 0px; border: 5px solid #fff;} #news_right .brief_title { display: block; color: #7e3fa0; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; margin: 0 0 5px 0; font-size: 18px; font-weight: normal; vertical-align: top; } #news_right td { vertical-align: top; } #news_right td.brief_text { width: 150px; } #news_right .brief_text { padding: 0; margin: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_right .brief_link a { margin: 0;text-decoration: none; display: block; color: #0069a5; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_right .brief_link a:hover { text-decoration: none; color: #75C0E0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #news_right td.brief_image img { border: 1px solid #eaeaea; margin: 0 5px 20px 0; } #news_right h3 {color: #8a8a8a; font: bold 15px "Adobe Garamond Pro", "Garamond", "Times New Roman", Times, serif; letter-spacing: 2px; margin: 0 0 10px 0; padding: 0; text-transform: uppercase;} /********************* cm2 styles - Ad Bar Section *********************/ #ad_bar .brief_title { display: none; } #ad_bar td.brief_text { width: 200px; vertical-align: top; margin: 0 15px 0 0; padding: 0; } #ad_bar .brief_text { color: #fff;; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #ad_bar span.brief_link a { margin: 5px 0 0 0; text-decoration: none; display: block; color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #ad_bar .brief_link a:hover { text-decoration: none; color: #73C0E3; font-family: Arial, Helvetica, sans-serif; } #ad_bar td.brief_image { vertical-align: top; } #ad_bar td.brief_image img { border: 4px solid white; margin: 0 5px 0 0; padding: 0; width:50px; } IMG.as_image { margin: 0 10px 10px 0; } .as_title { display: block; padding: 0 0 8px 0; margin: 0; color: #7e3fa0; font-family: "Times New Roman", Times, Serif; letter-spacing: 0; font-size: 22px; font-weight: normal; } .as_byline {color: #595959; font: bold 18px Arial, Helvetica, sans-serif;} .as_text ul { margin: 0 0 10px 5px; } .as_text li { margin: 0 0 3px 0; background: url(../images/bullet.gif) 0 3px no-repeat; padding: 0 0 0 15px; } SPAN.as_text table tbody tr TD { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } SPAN.as_text table tbody tr TD img { margin: 2px 0 0 1px } #ad_contact .as_toc a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; padding: 0 10px 0 0; background: url(../images/raquo.gif) no-repeat bottom right; text-decoration: none; } #ad_contact .as_toc a:hover { color: #73C0E3; background: url(../images/raquo-over.gif) no-repeat bottom right; } .as_text a { font-weight: bold; color: #006AA8; text-decoration: none; } .as_text a:hover { font-weight: bold; color: #73C0E3; text-decoration: none; } /******************** flash movie on homepage **********************************/ #flashcontent { margin:0 0 0 14px; padding: 0; width: 200; height: 200px; background: transparent; } select option {padding:0 0 0 10px;} body { background: #1476A3 url(../images/body_bg.jpg) repeat-x top left; } #container { margin: 0 auto; background: url(../images/container_bg3.jpg) no-repeat top center; } /******************** catalog button **********************************/ a#catalog-btn {background: url('/images/btn-proceedtostore.png') 0 0 no-repeat; border: none; display: block; height: 32px; width: 251px;} a#catalog-btn:hover {background-position: 0 -32px; border: none; height: 32px; width: 251px;} /******************** location search results **********************************/ #header-locationsearch { position: relative; width: 800px; letter-spacing: 0; height: 106px; padding: 0; margin: 0; } #header-locationsearch img { float: left; margin: 0; padding: 0; border: 0; } #banner-location {background: url(../images/banner-locationsearch.png) no-repeat;display: block; height: 209px; width: 776px;} #search-results-section {background: #fff;} div.search-results {background: url(../images/heading-search-results-title.gif) no-repeat; height: 38px; padding: 10px; width: 443px;} div.search-results h2 {color: #fff; display: block; float: left; font: bold 18px Arial, Helvetica, sans-serif;} div.search-results p {color: #fff; float: right; padding: 0 30px 0 0; text-align: right;} #search-results-section ol {list-style: none; margin: 0; padding: 0 0 0 20px;} #search-results-section ol li {border-bottom: 1px solid #a2a2a2; list-style: none; list-style-image: none; margin: 0; padding: 22px 0 22px 10px; width: 186px;} #search-results-section h2 {color: #fff; font: normal 20px "Times New Roman", Times, serif; margin: 0; padding: 0 0 0 14px;} #search-results-section h2 .heading-small {color: #b3d4e7; display: block; font: normal 16px "Times New Roman", Times, serif; margin: 0 0 -3px 0; padding: 3px 0 0 0;} h2#heading-raleigh {background: url(../images/heading-bg-locationsearch.jpg) repeat-x; display: block; height: 47px; width: 215px;} h2#heading-dayton {} h2#heading-minneapolis {} #search-results-section h3 {background: url(../images/icon-locationsearch-number.gif) no-repeat 14px 3px #52a7d2; color: #fff; display: block; font: bold 15px Arial, Helvetica, sans-serif; height: 23px; margin: 0; padding: 3px 0 0 40px; width: 189px;} #search-results-section h4 {color: #7e3fa0; font: 22px "Times New Roman", Times, Serif; letter-spacing: 0;} #footer-locationsearch {width: 764px; margin: 0 0 0 18px;} #footer-locationsearch p { text-align:right; padding: 0; margin: 0px 0 50px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } /******************** home blog callout **********************************/ #blog-callout {background: url(../images/bg-blog-callout.png) no-repeat; height: 248px; margin: 39px 0 0 -12px; width: 436px; padding: 12px;} * html #blog-callout {width: 412px;} #blog-callout h2 {border-bottom: 1px solid #5ea5cf; color: #fff; display: block; font: normal 30px "Times New Roman", Times, serif; margin: 0; padding: 0; width: 412px;} #blog-callout .brief_image {vertical-align: top;} #blog-callout .brief_image img {border: 5px solid #fff; margin: 15px 12px 0 0; padding: 0; vertical-align: top; /*width: 177px;*/} #blog-callout .brief_text {width: 425px; margin: 0; padding: 0;} #blog-callout .brief_title {color: #fff; font: bold 17px Arial, Helvetica, sans-serif; margin: 15px 0 7px 0; padding: 0; text-transform: uppercase;} #blog-callout .brief_summary {color: #fff; font: 12px Arial, Helvetica, sans-serif; line-height: 17px; margin: 0 0 10px 0; width: 290px;} #blog-callout .brief_link a {background: url(../images/btn-blog-readmore.png) no-repeat; display: block; height: 29px; text-indent: -9999px; width: 158px;} #blog-callout .brief_link a:hover {background-position: 0 -29px;} /******************** press release teasers **********************************/ #press-releases-teasers {} #press-releases-teasers table { border-collapse: collapse; border-bottom: 1px solid #bbb; display: block; width: 420px} #press-releases-teasers table tr { padding: 0 0 20px 0;} #press-releases-teasers .brief_image {vertical-align: top;} #press-releases-teasers .brief_image img {border: 1px solid #757575; float: left; outline: #9e9e9e; margin: 0 13px 0 0; padding: 6px; vertical-align: top; /*width: 136px;*/ position: relative;} #press-releases-teasers .brief_text {float: left; position: relative; vertical-align: top; margin: 0; padding: 0 0 0 0; width: 311px;} #press-releases-teasers .brief_title {color: #0b1c78; font: normal 21px "Times New Roman", Times, serif; margin: 0 0 12px 0; padding: 0;} #press-releases-teasers .brief_summary {color: #595959; font: normal 12px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 0 19px 0; padding: 0; width: 301px;} #press-releases-teasers .brief_link a {background: url(../images/btn-readmore-press.png) no-repeat; display: block; height: 14px; margin: 0 0 20px 0; text-indent: -9999px; width: 91px;} #press-releases-teasers .brief_link a:hover {background-position: 0 -15px;}