/* CSS Document */ /*********************************************** ************************* GLOBAL ELEMENTS ***********************************************/ * { margin:0; padding:0; } body { font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif normal; background:url(/images/cssimages/body_bkg.gif) repeat-x top left #BBD594; } p, ul, ol, table { color:#334E90; padding: 3px 0 10px 0; } a { color:#334E90; font-weight:700; text-decoration:underline; } a:hover { color:#334E90; font-weight:700; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color:#334E90; } h1 { font-size:18px; color:#334E90; font-family:Georgia, Times New Roman, Times, serif; line-height: normal; } h2 { margin: 10px 0 5px 0; font-size:14px; color:#334E90; } h3 { margin: 10px 0 5px 0; font-size:12px; color:#334E90; } h4 { color:#334E90; } h5 { color:#334E90; } h6 { color:#334E90; } img { border:0; } /*********************************************** ************************* BASIC WRAPPER IMAGES ***********************************************/ #pageShadows { background:url(/images/cssimages/verticalShadows.gif) repeat-y top center; } #topShadows {/* big top cap with gradient and shadows */ background:url(/images/cssimages/topShadows.gif) no-repeat top center; } #wrapper {/* Set the size for the page and centers */ width:770px; margin:0 auto; /* do not remove this border.*/ border:1px solid #fff; background:#fff; } /*********************************************** ************************* SECONDARY PAGE LAYOUT ***********************************************/ /*************** Page header ***************/ #pageHeader { width:770px; height:90px; float:left; } #pageHeader .logo { width:286px; float:left; margin: 5px 0 0 0; } /*************** Zipcode Locator ***************/ #-zipcodeLocator1_pnlGraphic img {position: absolute; top: 5px; left: inherit; margin: 0 0 0 -315px; } #zipLoc { color: #334E90; text-align: right; width:440px; float:right; } #zipLoc .image { margin-left: 250px; float: left; } #zipLoc .form { color: #334E90; float: left; text-align: left; margin-top: 20px; width: 140px; margin-left: 5px; vertical:top;} #zipLoc .expandedForm { color: #334E90; float: right; text-align: center; margin-top: 10px; width: 300px; } #zipLoc .graphic { float: right; width:400px; text-align: center; border:1px solid #fff; } #zipcodeLocator1_lnkFindAnotherLoc { float:right; margin-right:20px; } #zipLoc .errorText { font-size: 10px; line-height: normal; } #zipLoc .smalltext { font-size: 9px; line-height: 10px; } #zipLoc .hintText { font-size: 9px; color: gray; } #zipLoc .btn { margin-left: 50px; float: right; } /*************** Page Nav ***************/ #mainNav { width:770px; height:25px; float:left; background:url(/images/design/navbg2.gif) repeat-x top left; padding-left: 0px; z-index:1000;} *html #mainNav { width:770px; height:25px; float:left; background:url(/images/design/navbg2.gif) repeat-x top left; padding-left:1px; } #span_servicesMenu, #span_locationsMenu, #span_aboutMenu, #span_tipsMenu, #span_faqMenu { float:left; height:21px; margin: 0px 0 -13px -2px; } *html #span_servicesMenu, *html #span_locationsMenu, *html #span_aboutMenu, *html #span_tipsMenu, *html #span_faqMenu { float:left; height:21px; margin:1px 0 0 -0px; border: 0px solid red; } #navFranchiseeHome { width:770px; height:25px;} #navFranchiseeHome a.off, a.off:visited { font: 12px/18px Arial, Helvetica, sans-serif normal; color:#102e79; font-weight:600; text-decoration:none; } #navFranchiseeHome a.off:hover { color:#102e79; font-weight:600; text-decoration: underline; } #navFranchiseeHome a.on, a.on:visited { font: 12px/18px Arial, Helvetica, sans-serif normal; color:#6a6b6e; font-weight:600; text-decoration:none; } #navFranchiseeHome a.on:hover { color:#6a6b6e; font-weight:600; text-decoration: underline; } #hdFranchiseeHome p { font: 12px/16px Verdana, Arial, Helvetica, sans-serif normal; color:#334E90; text-decoration:none; } /*************** Title Image ***************/ div#headerImage { width:770px; float:left; margin:1px 0 0 0; } div#headerImage p { /* ekron likes to put the image in a p tag so we remove the padding here */ margin:0; } /*************** Page Content ***************/ #page { width:770px; float:left; margin-top:5px; background:url(/images/cssimages/pageBkg_stripe.gif) repeat-y top left; } #pageImage { width:770px; float:left; background: url(/images/cssimages/sideBar_bottom.jpg) no-repeat bottom right; } #pageContent { float:left; width:480px; margin:10px 0 0 5px; padding-bottom:20px; } * html div#pageContent { float:left; width:480px; margin-top:10px 0 0 5px;} #pageContent p { line-height:18px; } #pageContent a { color:#334E90; text-decoration:underline; } #pageContent a:hover { color:#334E90; text-decoration:none; } #pageContent h1 { width:100%; padding-bottom: 8px; margin-bottom:7px; background:url(/images/cssimages/H1_border.gif) repeat-x bottom left; text-decoration: none; } #pageContent h1 a:link, a:visited {text-decoration: none; cursor:hand;} /*********************************************** Page Content Elements *******************************************************/ #pageContent ul { margin: 5px 0 5px 25px; list-style:url(/images/cssimages/arrow.gif) outside; } #pageContent li {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#334E90} #pageContent td {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#334E90} /*********************************************** FOOTER ***********************************************/ #bottomCap { height:45px; margin-top:-8px; background:url(/images/cssimages/bottomCap.gif) no-repeat top center; } #footer { font: 4px Verdana,Arial,Helvetica, sans-serif normal; width:900px; margin-left:auto; margin-right:auto; text-align:center; margin-top:-10px; padding-top:0px;} #footer a { font: 8px Verdana,Arial,Helvetica, sans-serif bold; font-weight:bold; color:#334E90; } #footer ul { text-align:center; margin:0px; } #footer li { display:inline; margin:0 0 0 10px; } /************************************************************* *************************************** HOME PAGE LAYOUT *************************************************************/ /*************** Flash Animation Well ***************/ div#headerHome { width:770px; float:left; height:200px; margin:1px 0 0 0; } div#headerHome * { margin:0; padding:0; } #pageHome { width:770px; float:left; margin-top:0px; } #pageHome ul { margin: 5px 0 5px 25px; } #pageImageHome { width:770px; float:left; background: url(/images/cssimages/balloon-homeOLD.jpg) no-repeat bottom left; } #pageLeft { width:323px; height:250px; float:left; } #pageLeftPadding { margin:0 15px; padding-top:8px; } #pageLeft p.content { font-size:10px; color:#FFFFFF; margin: 0px 0px 0px 0px; } #pageLeft a.content:hover { font-size:10px; color:#FFFFFF; margin: 0px 0px 0px 0px; text-decoration:underline; } #pageLeft a.content { font-size:10px; color:#FFFFFF; margin: 0px 0px 0px 0px; text-decoration:none; } #pageLeft img.button { margin:5px 0 0 10px; } #pageRight { width:440px; float:left; } #pageRightPadding { margin:0 15px; padding-top:8px; background:url(/images/cssimages/home-pageRight-stripe.gif) repeat-x top left; } #pageRight h1 { color:#334E90; font-size:16px; margin:0 0 15px 0; } #pageRight p { line-height: 24px; } /************************************************************* *************************************** FRANCHISEE PAGE LAYOUT *************************************************************/ /* Franchisee payout inherits many of the styles from the home page layout above */ #pageLeftFran { width:500px; min-height:20px; float:left; } #pageLeftFran h1 {font-family:Arial, Helvetica, sans-serif normal; font-size:14px; font-weight:bold; line-height:17px; color:#4d9f19; text-transform:uppercase; padding-bottom:5px;} #pageLeftFran p, ul, ol, li, table, td, label {font-family:Arial, Helvetica, sans-serif normal; font-size:12px; line-height:17px; color:#333333; margin: 3px 0 10px 0; } #pageLeftFran a, a:visited { color:#102e79; text-decoration:underline; } #pageLeftFran a:hover { color:#102e79; text-decoration:none; } #pageLeftFran ol, ul { margin-left: 15px; } #pageLeftFran li { list-style: disc; font-family:Arial, Helvetica, sans-serif normal; font-size:12px; line-height:17px; color:#333333; margin: 0; padding:0; } #pageLeftFran .txt {font-family:Arial, Helvetica, sans-serif normal; font-size:12px; line-height:17px; color:#333333; margin: 3px 0 0px 0; } #pageLeftFran img.button { margin:5px 0 0 10px; } #pageLeftFran div#pageLeftPadding { margin: 0px 10px 10px 10px; color:red; } #pageImageHomeFran { margin-top:2px; width:770px; float:left; background: url(/images/cssimages/franchisee-left-bkg.jpg) no-repeat bottom left; } #pageRightFran { width:246px; min-height:20px; float:right; } #pageRightFran h1 {font-family:Arial, Helvetica, sans-serif normal; font-size:14px; font-weight:bold; line-height:17px; color:#4d9f19; text-transform:uppercase; padding-bottom:5px;} #pageRightFran p, ul, ol, li, table, td {font-family:Arial, Helvetica, sans-serif normal; font-size:11px; line-height:14px; color:#102e79; margin: 3px 0 10px 0; } #pageRightFran a, a:visited { color:#102e79; text-decoration:underline; } #pageRightFran a:hover { color:#102e79; text-decoration:none; } #pageRightFran .txt {font-family:Arial, Helvetica, sans-serif normal; font-size:11px; line-height:14px; color:#102e79; margin: 3px 0 10px 0; } /************************************************************* *************************************** NO FRANCHISE PAGE *************************************************************/ #noFranchise { text-align: center; } #noFranchise .form { text-align: center; margin-bottom: 20px; float: left; } #noFranchise .buttons { text-align: right; float: right; } #noFranchise .zipcodeBox { float:justify; text-align: center; } #noFranchise .pnlEnterInfo { text-align: center; } #noFranchise .tblRequestForm .leftColumn { text-align: right; width: 40%; } #noFranchise .tblRequestForm .centerColumn { text-align: center; color: red; width: 2%; } #noFranchise .tblRequestForm .rightColumn { text-align: left; width: 58%; } #noFranchise .errorText { font-size: 10px; line-height: normal; } #noFranchise .smalltext { font-size: 9px; line-height: 10px; } #noFranchise .hintText { font-size: 9px; color: gray; } /************************************************************* *************************************** LOCATIONS.ASPX ZIP LOCATOR *************************************************************/ #locationsZip { color: #334E90; text-align: center; } #locationsZip .form { color: #334E90; text-align: center; width: 250px; } #locationsZip .expandedForm { color: #334E90; float: right; text-align: center; margin-top: 50px; width: 300px; } #locationsZip .errorText { font-size: 10px; line-height: normal; } #locationsZip .buttons { margin-left: 10px; float: left; } #locationsZip .zipcodeBox { float:justify; text-align: center; } #locationsZip .hintText { font-size: 9px; color: gray; } /* left col */ #associatedCoupons1_pnlAssociatedCoupons { } .couponHeader { } .buttonFrame a img { float: left; } #disount { } #desc { } #couponId { } /*********************************************** ************************* SITEMAP PAGE LAYOUT ***********************************************/ #sitemap ul { margin-left: 15px; } #sitemap ul li img { /* hides the main nav btn image */ display: none; } #sitemap li { list-style:none; } #sideBar li li { list-style:url(/images/cssimages/diamond.gif) outside; } #sideBar li li li { list-style:url(/images/cssimages/arrow.gif) outside; } #sideBar a { text-decoration: none; color:#7891CE; } #sideBar a:hover { color:#334E90; } /*********************************************** ************************* SEARCH PAGE LAYOUT ***********************************************/ #basic_group_panel { } table#basic_group_panel { width:430px; } /* there are some hacks to make the ektron display the menu our way */ /* HIDE THE ADVANCED SEARCH OPTION */ span#advanced_options_panel_link { display:none; } #pageContent tr.search_result_oddrow a, #pageContent td.search_result_oddrow a, #pageContent tr.search_result_evenrow a, #pageContent td.search_result_evenrow a { color:#334E90; } #pageContent tr.search_result_oddrow a:hover, #pageContent td.search_result_oddrow a:hover, #pageContent tr.search_result_evenrow a:hover, #pageContent td.search_result_evenrow a { } tr.search_result_oddrow a, td.search_result_oddrow a { /* Hack to make the left column wider */ display:block; width:200px; } /*********************************************** ************************* PROPERTY LOCATOR PAGE ***********************************************/ #propertyLocator { width: 400px; } #propertyLocator .header { text-align: left; } #propertyLocator .row { height: 25px; } #propertyLocator .row .required { float: right; width: 2%; } #propertyLocator .row .leftText { text-align: right; float: left; width: 46%; padding: 2px 5px 0px 0px; } #propertyLocator .row .inputArea { text-align: left; float: right; width: 50%; } #propertyLocator .row .inputControl { padding: 0px; margin: 0px; } #propertyLocator .row .inputdisControl { padding: 0px; margin: 0px; background-color:#CCCCCC;} #propertyLocator .row .egText { font-size: 9px; color: #4DA825; text-align: center; } #propertyLocator .row .formRow { text-align: center; } #propertyLocator .row .nameRow { font-size: 9px; text-align: center; } #propertyLocator .submit { text-align: right; padding: 25px; } #propertyLocator .propertyAddress { padding-left: 30px; } #propertyLocator .buttons { text-align: center; width: 100%; padding: 30px 0px 30px 0px; } #propertyLocator .serviceChoices { width: 100%; } #propertyLocator .serviceChoices tr { vertical-align: top; height: 75px; } #propertyLocator .serviceChoices .header { height: 25px; } #propertyLocator .serviceChoices .header th { text-align: center; font-size:12px; line-height:16px;} #propertyLocator .serviceChoices tr td { padding: 5px; font-size:12px; line-height:16px;} #propertyLocator .serviceChoices tr td a { text-decoration: underline; font-size:12px; line-height:16px;} #propertyLocator .serviceChoices tr td.radioColumn { padding-top: 10px; } #propertyLocator .serviceChoices tr td.radioColumn a { color:#334E90;} #propertyLocator .serviceChoices tr td.priceColumn { text-align: center; font-size:12px; line-height:16px;} div#pageStepHeaders { float:left; width:770px; margin:0 0 0 0; padding-bottom:20px; } /*********************************************** ************************* CUSTOMER LOCATOR PAGE ***********************************************/ #custLocator { width: 400px; } #custLocator .header { text-align: left; } #custLocator .row { height: 25px; } #custLocator .row .required { float: right; width: 2%; } #custLocator .row .leftText { text-align: right; float: left; width: 46%; padding: 2px 5px 0px 0px; } #custLocator .row .inputArea { text-align: left; float: right; width: 50%; } #custLocator .row .inputControl { padding: 0px; margin: 0px; } #custLocator .row .inputdisControl { padding: 0px; margin: 0px; background-color:#CCCCCC;} #custLocator .row .egText { font-size: 9px; color: #4DA825; text-align: center; } #custLocator .row .formRow { text-align: center; } #custLocator .row .nameRow { font-size: 9px; text-align: center; } #custLocator .submit { text-align: right; padding: 25px; } #custLocator .custAddress { padding-left: 30px; } #custLocator .buttons { text-align: center; width: 100%; padding: 30px 0px 30px 0px; } #custLocator .serviceChoices { width: 100%;} #custLocator .serviceChoices tr { vertical-align: top; height: 75px; } #custLocator .serviceChoices .header { height: 25px; } #custLocator .serviceChoices .header th { text-align: center; font-size:12px; line-height:16px;} #custLocator .serviceChoices tr td { padding: 5px; font-size:12px; line-height:16px;} #custLocator .serviceChoices tr td a { text-decoration: underline; font-size:12px; line-height:16px;} #custLocator .serviceChoices tr td.radioColumn { padding-top: 10px; color:#334E90;} #custLocator .serviceChoices tr td.radioColumn A { color:#334E90;} #custLocator .serviceChoices tr td.priceColumn { text-align: center; font-size:12px; line-height:16px;} /*********************************************** ************************* PRODUCT INFO POPUP (Property Locator) ***********************************************/ #productInfo .header { font-size: 12px; font-weight: bold; } #productInfo .closeButton { } #productInfo .content { font-size: 10px; } #productInfo .productImage {} /*********************************************** ************************* PRODUCT INFO POPUP (Property Locator) ***********************************************/ .ProductInfoFlyout { font-size: 12px; font-weight: normal; font-family:verdana; color:black; padding-top:15px; padding-bottom:15px; text-align:left; vertical-align:top; } .ProductInfoTopInfo { color:black; font-weight:bold; font-size:12px; background-color:#bbd594; font-family:verdana; vertical-align:top; } .ProductInfoFlyoutOdd { font-size: 12px; font-weight: normal; font-family:verdana; color:black; padding-top:15px; padding-bottom:15px; text-align:left; background-color:#CCCCCC; vertical-align:top; } .PopUPContainer { border:solid 3px #bbd594; padding:0px; vertical-align:top; text-align:center; background-color:#bbd594; height:100%; } .PopUPDesc { font-size: 12px; font-weight: normal; font-family:verdana; color:black; padding:10px; text-align:left; vertical-align:top; } .PopUpVisitNumber { font-size: 12px; font-weight: normal; font-family:verdana; color:black; text-align:left; vertical-align:top; width:20%; padding-top:2px; padding-bottom:2px; padding-left:5px; } .PopUpVisitDesc { font-size: 12px; font-weight: normal; font-family:verdana; color:black; text-align:left; vertical-align:top; width:80%; padding-top:2px; padding-bottom:2px; padding-left:5px; } .PopUpVisitNumberOdd { font-size: 12px; font-weight: normal; font-family:verdana; color:black; text-align:left; background-color:#CCCCCC; vertical-align:top; width:20%; padding-top:2px; padding-bottom:2px; padding-left:5px; } .PopUpVisitDescOdd { font-size: 12px; font-weight: normal; font-family:verdana; color:black; text-align:left; background-color:#CCCCCC; vertical-align:top; width:80%; padding-top:2px; padding-bottom:2px; padding-left:5px; } .PopUpTable { width:95%; background-color:White; padding:0px; height:100%; } /*********************************************** ******************************** Coupons Module ***********************************************/ /*********************************************** ******************************** Coupons Module ***********************************************/ .pnlAssociatedCoupons .couponHeader { font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color:#4DA825; line-height: 30px; } .buttonFrame { text-align: center; margin: 30px; } .couponInfo { font-size: 14px; font-weight: bold; color:#334E90; line-height: 20px; } .couponDes { font-size: 12px; color:#334E90; line-height: 20px; padding-bottom: 20px; } .couponCode { font-size: 11px; font-weight: bold; color:#334E90; line-height: 20px; padding-bottom: 10px; } /*********************************************** ************************* MISC color:#BBD594; ***********************************************/ #badge {background:url(/images/design/badgebg.jpg) repeat-x; padding: 20px; margin: 0px; font-family: "Times New Roman", Times, serif} #badge h2 {font-size: 20px; color: #008101; padding: 25px 0 0 0;} #badge h3 {font-size: 15px; color: #008101;} /*********************************************** ************************* CLASSES ***********************************************/ .cleared { clear:both; } .photo1 {float: left; margin: 0 10px 0 0; border: solid 1px;} .photo2 {margin: 10px 10px 10px 10px; border: solid 1px;} .servicesMenu_roothighText, a.servicesMenu_roothighText:link, a.servicesMenu_roothighText:visited, a.servicesMenu_roothighText:active, a.servicesMenu_roothighText:focus {font-size:11pt ;font-family:arial;text-decoration:none ;color:White;text-align:Center;} .locationsMenu_roothighText, a.locationsMenu_roothighText:link, a.locationsMenu_roothighText:visited, a.locationsMenu_roothighText:active, a.locationsMenu_roothighText:focus {font-size:11pt ;font-family:arial;text-decoration:none ;color:White;text-align:Center;} .aboutMenu_roothighText, a.aboutMenu_roothighText:link, a.aboutMenu_roothighText:visited, a.aboutMenu_roothighText:active, a.aboutMenu_roothighText:focus {font-size:11pt ;font-family:arial;text-decoration:none ;color:White;text-align:Center;} .tipsMenu_roothighText, a.tipsMenu_roothighText:link, a.tipsMenu_roothighText:visited, a.tipsMenu_roothighText:active, a.tipsMenu_roothighText:focus {font-size:11pt ;font-family:arial;text-decoration:none ;color:White;text-align:Center;} .faqMenu_roothighText, a.faqMenu_roothighText:link, a.faqMenu_roothighText:visited, a.faqMenu_roothighText:active, a.faqMenu_roothighText:focus {font-size:11pt ;font-family:arial;text-decoration:none ;color:White;text-align:Center;} .photo2 {margin: 10px 10px 10px 10px; border: solid 1px;} .ButtonClass { cursor: pointer; }